/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 17, 2018, 3:49:44 PM
    Author     : Jan Vidic the GOD
*/
*:focus {
    outline: none !important; }

a {
    text-decoration: none !important; }

/*
display: flex;
flex-flow: row wrap;
*/
.rowFlex {
    display: flex;
    flex-flow: row wrap; }

.colFlex {
    flex: 1 auto; }

.noPadding {
    padding-left: 0px;
    padding-right: 0px; }

.noPaddingAlways {
    padding-left: 0px;
    padding-right: 0px; }

.noPaddingLeft {
    padding-left: 0px; }

.noPaddingRight {
    padding-right: 0px; }

.noPaddingLeftAlways {
    padding-left: 0px; }

.noPaddingRightAlways {
    padding-right: 0px; }

.halfPaddingRight {
    padding-right: 7.5px; }

.halfPaddingLeft {
    padding-left: 7.5px; }

@media (min-width: 968px) {
    .hideOnDesktop {
        display: none; } }
@media (max-width: 968px) {
    .o2 {
        order: 2; }

    .hideOnMobile {
        display: none !important; }

    .noPadding {
        padding-left: 15px;
        padding-right: 15px; }

    .noPaddingLeft {
        padding-left: 15px; }

    .noPaddingRight {
        padding-right: 15px; }

    .noPaddingAlways {
        padding-left: 0px !important;
        padding-right: 0px !important; }

    .noPaddingLeftAlways {
        padding-left: 0px; }

    .noPaddingRightAlways {
        padding-right: 0px; }

    .noPaddingMobile {
        padding-left: 0px !important;
        padding-right: 0px !important; }

    .noPaddingMobileLeft {
        padding-left: 0px !important; }

    .noPaddingMobileRight {
        padding-right: 0px; }

    .rowFlex {
        display: inline; }

    .colFlex {
        flex: 0; }

    .mobileCenter {
        text-align: center !important; }

    .mobilePadding {
        padding-left: 15px !important;
        padding-right: 15px !important; }

    .mobileMTOP {
        margin-top: 20px; } }
/* FONT-FAMILY */
/* FONT-WEIGHT */
/* COLORS */
/* MISC */
/* RESPONSIVE SIZES */
.headerButton {
    min-height: 48px;
    border-radius: 3px;
    background-color: #0064a7;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: 0.3px;
    color: #ffffff;
    border: 0;
    transition: background-color .5s; }
.headerButton:hover {
    background-color: #0083da; }
.headerButton.gold {
    background-color: #9b7d19; }
.headerButton.gold:hover {
    background-color: #c7a020; }

.cancelMuted {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.3px;
    color: #c0c0c0; }

.simpleButton {
    min-height: 48px;
    border-radius: 3px;
    background-color: #0064a7;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: 0.3px;
    color: #ffffff;
    border: 0;
    transition: background-color .5s, box-shadow .5s;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12); }
.simpleButton:hover {
    box-shadow: none; }
.simpleButton.gold {
    background-color: #9b7d19; }
.simpleButton.gold:hover {
    background-color: #c7a020; }
.simpleButton.condensed {
    min-height: 40px;
    font-size: 16px; }
.simpleButton.white {
    background-color: #ffffff;
    color: #0064a7; }
.simpleButton.white:hover {
    background-color: white; }
.simpleButton.white-gold {
    background-color: #ffffff;
    color: #9b7d19; }
.simpleButton.white-gold:hover {
    background-color: white; }

.blueButton {
    height: 41px;
    border-radius: 1px;
    background-color: #0064a7;
    padding-left: 15px;
    padding-right: 15px;
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-align: center;
    color: #ffffff;
    border: 0;
    transition: background-color .5s; }
.blueButton:hover {
    background-color: #0083da; }

.whiteButton {
    height: 41px;
    border-radius: 1px;
    background-color: #ffffff;
    border: solid 1px #0064a7;
    padding-left: 30px;
    padding-right: 30px;
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.9px;
    text-align: center;
    color: #666666;
    transition: background-color .5s, color .5s; }
.whiteButton:hover {
    background-color: #666666;
    color: #ffffff; }

.pRight2p5 {
    padding-right: 2.5px; }

.pRight10 {
    padding-right: 10px; }

.pRight20 {
    padding-right: 20px; }

.pRight30 {
    padding-right: 30px; }

.pRight40 {
    padding-right: 40px; }

.pLeft2p5 {
    padding-left: 2.5px; }

.pLeft10 {
    padding-left: 10px; }

.pLeft15 {
    padding-left: 15px !important; }

.pLeft20 {
    padding-left: 20px; }

.pLeft30 {
    padding-left: 30px; }

.pLeft40 {
    padding-left: 40px; }

.pTop0 {
    padding-top: 0px; }

.pTop5 {
    padding-top: 5px; }

.pTop6 {
    padding-top: 6px; }

.pTop7 {
    padding-top: 7px; }

.pTop10 {
    padding-top: 10px; }

.pTop10i {
    padding-top: 10px !important; }

.pTop15 {
    padding-top: 15px; }

.pTop15i {
    padding-top: 15px !important; }

.pTop20 {
    padding-top: 20px; }

.pTop25 {
    padding-top: 25px; }

.pTop20i {
    padding-top: 20px !important; }

.pTop30 {
    padding-top: 30px; }

.pTop40 {
    padding-top: 40px; }

.pTop45 {
    padding-top: 45px; }

.pTop50 {
    padding-top: 50px; }

.pTop150 {
    padding-top: 150px; }
@media (max-width: 968px) {
    .pTop150 {
        padding-top: 50px; } }

.pTop40i {
    padding-top: 30px !important; }

.pBottom5 {
    padding-bottom: 5px; }

.pBottom10 {
    padding-bottom: 10px; }

.pBottom10i {
    padding-bottom: 10px !important; }

.pBottom15 {
    padding-bottom: 15px; }

.pBottom15i {
    padding-bottom: 15px !important; }

.pBottom20 {
    padding-bottom: 20px; }

.pBottom30 {
    padding-bottom: 30px; }

.pBottom25i {
    padding-bottom: 25px !important; }

.pBottom40 {
    padding-bottom: 40px; }

.pBottom40i {
    padding-bottom: 40px !important; }

.pBottom70 {
    padding-bottom: 70px; }

.mTop7 {
    margin-top: 7px; }

.mTop10 {
    margin-top: 10px; }

.mTop15 {
    margin-top: 15px; }

.mTop18 {
    margin-top: 18px; }

.mTop20 {
    margin-top: 20px; }

.mTop30 {
    margin-top: 30px; }

.mTopMinus60 {
    margin-top: -60px; }

@media (max-width: 968px) {
    .mobileTop15 {
        margin-top: 15px; }

    .mobileBottom15 {
        margin-bottom: 15px; }

    .mobileBottom30 {
        margin-bottom: 30px; }

    .pTop0Mobile {
        padding-top: 0px; } }
.mLeft40 {
    margin-left: 40px; }

.mRight15 {
    margin-right: 15px; }

.mRight40 {
    margin-right: 40px; }

.posRel {
    position: relative; }

.posAbs {
    position: absolute; }

.aRight {
    text-align: right; }

.aLeft {
    text-align: left; }

.aCenter {
    text-align: center; }

.minHeight60 {
    min-height: 60px; }

@media (max-width: 968px) {
    .minHeight90 {
        min-height: 90px; } }
.bottom15 {
    bottom: 15px !important; }

.bottom24 {
    bottom: 24px !important; }

.parsley-error {
    border: 1px solid red !important; }

ul.parsley-errors-list {
    list-style-type: none;
    color: red;
    padding: 0px;
    margin: 0px; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 27, 2018, 2:30:44 PM
    Author     : Jan Vidic the GOD
*/
.pure-checkbox *,
.pure-radiobutton * {
    box-sizing: border-box; }
.pure-checkbox *:before,
.pure-checkbox *:after,
.pure-radiobutton *:before,
.pure-radiobutton *:after {
    box-sizing: border-box; }
.pure-checkbox input[type="checkbox"],
.pure-checkbox input[type="radio"],
.pure-radiobutton input[type="checkbox"],
.pure-radiobutton input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before,
.pure-checkbox input[type="radio"]:focus + label:before,
.pure-checkbox input[type="radio"]:hover + label:before,
.pure-radiobutton input[type="checkbox"]:focus + label:before,
.pure-radiobutton input[type="checkbox"]:hover + label:before,
.pure-radiobutton input[type="radio"]:focus + label:before,
.pure-radiobutton input[type="radio"]:hover + label:before {
    border-color: #0064a7;
    background-color: #f2f2f2; }
.pure-checkbox input[type="checkbox"]:active + label:before,
.pure-checkbox input[type="radio"]:active + label:before,
.pure-radiobutton input[type="checkbox"]:active + label:before,
.pure-radiobutton input[type="radio"]:active + label:before {
    transition-duration: 0s; }
.pure-checkbox input[type="checkbox"] + label,
.pure-checkbox input[type="radio"] + label,
.pure-radiobutton input[type="checkbox"] + label,
.pure-radiobutton input[type="radio"] + label {
    position: relative;
    padding: 5px 5px 5px 2em;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    color: #0064a7; }
.pure-checkbox input[type="checkbox"] + label:before,
.pure-checkbox input[type="radio"] + label:before,
.pure-radiobutton input[type="checkbox"] + label:before,
.pure-radiobutton input[type="radio"] + label:before {
    box-sizing: content-box;
    content: '';
    color: #0064a7;
    position: absolute;
    top: 50%;
    left: 0;
    width: 14px;
    height: 14px;
    margin-top: -9px;
    border: 2px solid #0064a7;
    text-align: center;
    transition: all 0.4s ease; }
.pure-checkbox input[type="checkbox"] + label:after,
.pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after,
.pure-radiobutton input[type="radio"] + label:after {
    box-sizing: content-box;
    content: '';
    background-color: #0064a7;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out; }
.pure-checkbox input[type="checkbox"]:disabled + label:before,
.pure-checkbox input[type="radio"]:disabled + label:before,
.pure-radiobutton input[type="checkbox"]:disabled + label:before,
.pure-radiobutton input[type="radio"]:disabled + label:before {
    border-color: #cccccc; }
.pure-checkbox input[type="checkbox"]:disabled:focus + label:before, .pure-checkbox input[type="checkbox"]:disabled:hover + label:before,
.pure-checkbox input[type="radio"]:disabled:focus + label:before,
.pure-checkbox input[type="radio"]:disabled:hover + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:focus + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:hover + label:before,
.pure-radiobutton input[type="radio"]:disabled:focus + label:before,
.pure-radiobutton input[type="radio"]:disabled:hover + label:before {
    background-color: inherit; }
.pure-checkbox input[type="checkbox"]:disabled:checked + label:before,
.pure-checkbox input[type="radio"]:disabled:checked + label:before,
.pure-radiobutton input[type="checkbox"]:disabled:checked + label:before,
.pure-radiobutton input[type="radio"]:disabled:checked + label:before {
    background-color: #cccccc; }
.pure-checkbox input[type="checkbox"] + label:after,
.pure-radiobutton input[type="checkbox"] + label:after {
    background-color: transparent;
    top: 50%;
    left: 4px;
    width: 8px;
    height: 3px;
    margin-top: -4px;
    border-style: solid;
    border-color: #ffffff;
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0); }
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out; }
.pure-checkbox input[type="radio"]:checked + label:before,
.pure-radiobutton input[type="radio"]:checked + label:before {
    animation: borderscale 300ms ease-in;
    background-color: white; }
.pure-checkbox input[type="radio"]:checked + label:after,
.pure-radiobutton input[type="radio"]:checked + label:after {
    transform: scale(1); }
.pure-checkbox input[type="radio"] + label:before, .pure-checkbox input[type="radio"] + label:after,
.pure-radiobutton input[type="radio"] + label:before,
.pure-radiobutton input[type="radio"] + label:after {
    border-radius: 50%; }
.pure-checkbox input[type="checkbox"]:checked + label:before,
.pure-radiobutton input[type="checkbox"]:checked + label:before {
    animation: borderscale 200ms ease-in;
    background: #0064a7; }
.pure-checkbox input[type="checkbox"]:checked + label:after,
.pure-radiobutton input[type="checkbox"]:checked + label:after {
    transform: rotate(-45deg) scale(1); }
.pure-checkbox.pure-checkbox-inline, .pure-checkbox.pure-radiobutton-inline,
.pure-radiobutton.pure-checkbox-inline,
.pure-radiobutton.pure-radiobutton-inline {
    display: inline-block; }
.pure-checkbox.pure-checkbox-inline-modal, .pure-checkbox.pure-radiobutton-inline-modal,
.pure-radiobutton.pure-checkbox-inline-modal,
.pure-radiobutton.pure-radiobutton-inline-modal {
    display: inline-block;
    width: auto;
    float: left; }

.pure-checkbox-toggle input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
.pure-checkbox-toggle input[type="checkbox"] + label {
    position: relative;
    padding: 5px 5px 5px 40px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    display: block; }
.pure-checkbox-toggle input[type="checkbox"] + label:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    color: #0064a7;
    width: 35px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    transition: all 0.4s;
    background-color: #d6d6d6; }
.pure-checkbox-toggle input[type="checkbox"] + label:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    background-color: #ffffff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    transition: all 0.2s;
    box-sizing: border-box; }
.pure-checkbox-toggle input[type="checkbox"]:checked + label:before {
    box-shadow: inset 0 0 0 10px #0064a7; }
.pure-checkbox-toggle input[type="checkbox"]:checked + label:after {
    left: 15px;
    border-color: #0064a7;
    background-color: #ffffff; }
.pure-checkbox-toggle input[type="checkbox"]:disabled + label {
    cursor: default; }
.pure-checkbox-toggle input[type="checkbox"]:disabled + label:before {
    box-shadow: inset 0 0 0 10px #e3e3e3; }
.pure-checkbox-toggle input[type="checkbox"]:disabled + label:after {
    border-color: #e3e3e3; }
.pure-checkbox-toggle input[type="checkbox"]:disabled:checked + label:before {
    box-shadow: inset 0 0 0 10px #3d86b7; }
.pure-checkbox-toggle input[type="checkbox"]:disabled:checked + label:after {
    border-color: #3d86b7; }
.pure-checkbox-toggle--right input[type="checkbox"] + label {
    padding: 5px 40px 5px 5px; }
.pure-checkbox-toggle--right input[type="checkbox"] + label:before {
    left: auto;
    right: 0; }
.pure-checkbox-toggle--right input[type="checkbox"] + label:after {
    left: auto;
    right: 15px; }
.pure-checkbox-toggle--right input[type="checkbox"]:checked + label:after {
    left: auto;
    right: 0; }

/* content:  "\2713 "; */
.pure-radiobutton label:after {
    background-image: url("../images/check-symbol.svg");
    background-size: 18px 18px;
    background-position: right 8px top 5px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px; }
.pure-radiobutton.withLabel {
    padding-right: 10px; }
.pure-radiobutton.withLabel label {
    padding-left: 45px !important; }

.vertical:before {
    margin-top: -18px !important; }

.vertical:after {
    margin-top: -14px !important; }

.s334 {
    color: red; }

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #0064a7; } }
.modal-content {
    border-radius: 6px;
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.72);
    position: relative; }
.modal-content.gold {
    background-image: url("../images/suite_form.jpg");
    background-size: cover;
    background-position: center;
    position: relative; }
.modal-content.gold:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-image: linear-gradient(to left, #000000, rgba(0, 0, 0, 0.42)); }
.modal-content.gold .inputGroup .caption {
    color: #9b7d19; }
.modal-content.gold .inputGroup input, .modal-content.gold .inputGroup textare {
    color: #cccccc;
    background-color: transparent;
    border-color: #9b7d19; }
.modal-content.gold .inputGroup input.icon, .modal-content.gold .inputGroup textare.icon {
    background-image: url("../images/calendar-gold.png"); }
.modal-content .inputGroup .caption {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.69;
    letter-spacing: 0.2px;
    text-align: center;
    color: #666666; }
.modal-content .inputGroup input {
    min-height: 42px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    text-align: center;
    color: #666666;
    width: 100%; }
.modal-content .inputGroup input.icon {
    background-image: url("../images/calendar-grey.png");
    background-size: initial;
    background-position: center right 12px;
    background-repeat: no-repeat; }
.modal-content .inputGroup textarea {
    min-height: 84px;
    border-radius: 3px;
    border: solid 1px #cccccc;
    background-color: #ffffff;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666;
    width: 100%;
    resize: none; }
.modal-content .inputGroup textarea.gold {
    border: solid 1px #9b7d19;
    background-color: transparent;
    color: #cccccc; }
.modal-content .inputGroup .under {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #666666; }
.modal-content .inputGroup .under.gold {
    color: #cccccc; }
.modal-content .step2LectureBox .inputGroup .caption, .modal-content .step2LectureBox .inputGroup input, .modal-content .step2SuiteBox .inputGroup .caption, .modal-content .step2SuiteBox .inputGroup input {
    text-align: left; }
.modal-content .step2LectureBox .inputGroup input, .modal-content .step2LectureBox .inputGroup textarea, .modal-content .step2SuiteBox .inputGroup input, .modal-content .step2SuiteBox .inputGroup textarea {
    padding-left: 10px; }

.modal-steps {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
    left: 0px; }

.modal-caption {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.31;
    letter-spacing: 0.1px;
    text-align: center;
    color: #666666; }
.modal-caption .bold {
    font-weight: 700;
    color: #9b7d19;
    text-decoration: underline !important; }

.modal-body {
    position: relative; }

.modal-title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000000;
    padding-top: 70px; }
.modal-title.gold {
    color: #9b7d19; }

.modal-title2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0.1px;
    text-align: center;
    color: #000000;
    padding-top: 70px; }
.modal-title2.gold {
    font-size: 24px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-weight: 300;
    line-height: 1.25;
    letter-spacing: 0.1px;
    text-align: center;
    color: #9b7d19; }

.modal-text {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    text-align: center;
    color: #666666; }
.modal-text.gold {
    color: #ffffff; }

#SuiteForm {
    border-radius: 6px;
    margin: 10px;
    border: solid 1px rgba(204, 204, 204, 0.5); }

.modal-header {
    border-bottom: none;
    padding-bottom: 15px; }

.modal-footer {
    border-top: none; }

.modal-backdrop {
    background-color: rgba(0, 0, 0, 0.81);
    opacity: 1 !important; }

.inputGroupForm {
    margin-bottom: 10px; }
.inputGroupForm__caption {
    font-size: 13px;
    font-weight: 600;
    color: #666666; }
.inputGroupForm__field input:not(.select2-search__field) {
    width: 100%;
    height: 34px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #f0f0f0;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    transition: border-color .5s;
    -webkit-touch-callout: all !important;
    -webkit-user-select: all !important;
    -khtml-user-select: all !important;
    -moz-user-select: all !important;
    -ms-user-select: all !important;
    user-select: all !important; }
.inputGroupForm__field textarea {
    width: 100%;
    min-height: 80px;
    border-radius: 2px;
    background-color: #ffffff;
    border: solid 1px #f0f0f0;
    padding-left: 20px;
    padding-top: 10px;
    resize: vertical;
    font-size: 14px;
    color: #666666; }

.mCaption {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
    color: #000000; }

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 9px;
    top: 7px; }

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #0064a7;
    border-color: #0064a7;
    color: #fff; }

.btn-success {
    color: #fff;
    background-color: #0064a7;
    border-color: #0064a7; }

/*
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 26, 2018, 2:56:35 PM
    Author     : Jan Vidic the GOD
*/
.header {
    min-height: 100vh;
    background-image: url("../images/header.png?v=2");
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    -webkit-transition: background 300ms ease-in 200ms;
    /* property duration timing-function delay */
    -moz-transition: background 300ms ease-in 200ms;
    -o-transition: background 300ms ease-in 200ms;
    transition: background 300ms ease-in 200ms; }
@media (max-width: 1200px) {
    .header {
        transition: height 99999s, min-height 99999s, max-height 99999s; } }
@media (max-width: 968px) {
    .header {
        background-position: top -28% left;
        background-size: 335px; } }
.header__content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
@media (max-width: 968px) {
    .header__content {
        top: unset;
        transform: none;
        bottom: 80px; } }
.header__content__title {
    font-family: "Nunito Sans", sans-serif;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.1;
    color: #000000; }
@media (max-width: 968px) {
    .header__content__title {
        font-size: 32px; } }
.header__content__title .border {
    margin-top: 15px;
    border-bottom: 3px solid #0064a7;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12); }
.header__content__text {
    margin-top: 21px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 27px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: 0.2px;
    color: #666666; }
@media (max-width: 968px) {
    .header__content__text {
        font-size: 24px; } }
.header__content__icons {
    padding-top: 30px;
    padding-bottom: 50px; }
@media (max-width: 968px) {
    .header__content__icons {
        position: absolute;
        right: 10px;
        bottom: 230px; } }
.header__content__icons .el {
    display: inline-block;
    padding-right: 30px;
    position: relative;
    cursor: pointer; }
@media (max-width: 968px) {
    .header__content__icons .el {
        display: block;
        margin-bottom: 20px; } }
.header__content__icons .el.off img {
    opacity: .5; }
.header__content__icons .el .border {
    margin-top: 10px;
    height: 2px;
    width: 42px;
    background-color: #f0f0f0;
    position: relative; }
.header__content__icons .el .border .active {
    transition: width 8s;
    height: 2px;
    width: 0%;
    position: absolute;
    bottom: 0px;
    background-color: #0064a7; }
.header__content__more {
    padding-left: 30px;
    position: relative;
    top: 3px;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #666666;
    transition: opacity .5s; }
@media (max-width: 968px) {
    .header__content__more {
        padding-left: 0px;
        padding-top: 10px;
        display: block; } }
.header__content__more:hover {
    color: #666666;
    opacity: .6; }
.header__content__more.greyWhite {
    color: #cccccc; }
.header__content__more.greyWhite:hover {
    color: #cccccc;
    opacity: .6; }

.secondSection {
    position: relative;
    margin-bottom: 150px; }
@media (max-width: 968px) {
    .secondSection {
        display: inline-block;
        margin-bottom: 50px; } }
.secondSection__left {
    background-color: #0064a7;
    padding: 72px 60px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #ffffff;
    float: left;
    left: 7vw;
    top: 8vw;
    width: 40vw;
    position: absolute; }
@media (max-width: 968px) {
    .secondSection__left {
        position: relative;
        width: 100%;
        left: unset;
        top: unset; } }
.secondSection__right {
    background-color: #f0f0f0;
    float: right;
    right: 0;
    width: 70vw;
    padding-top: 115px;
    padding-bottom: 150px;
    padding-left: 20%;
    padding-right: 15%; }
@media (max-width: 968px) {
    .secondSection__right {
        position: relative;
        width: 100%;
        left: unset;
        left: right;
        top: unset;
        padding-left: 20px;
        padding-right: 20px; } }
.secondSection__right__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.08;
    color: #000000;
    padding-bottom: 21px; }
.secondSection__right__elements .el {
    padding-bottom: 18px;
    cursor: pointer; }
.secondSection__right__elements .el__title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0.3px;
    color: #000000;
    transition: color .5s;
    cursor: pointer; }
.secondSection__right__elements .el__title svg {
    margin-right: 5px;
    width: 10px;
    position: relative;
    top: -3px;
    transition: transform .5s; }
.secondSection__right__elements .el__title.active {
    color: #0064a7; }
.secondSection__right__elements .el__title.active svg {
    transform: rotateZ(90deg); }
.secondSection__right__elements .el__text {
    margin-left: 23px;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666; }
.secondSection__right__elements .el__text .border {
    width: 120px;
    height: 3px;
    background-color: #0064a7; }

.thirdSection {
    padding-bottom: 200px; }
@media (max-width: 968px) {
    .thirdSection {
        padding-top: 20px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px; } }
@media (max-width: 968px) {
    .thirdSection.changeOrder {
        display: flex;
        flex-direction: column; } }
@media (max-width: 968px) {
    .thirdSection__left {
        padding-bottom: 30px;
        order: 2;
        padding-top: 30px; } }
.thirdSection__left__title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000; }
@media (max-width: 968px) {
    .thirdSection__left__title {
        font-size: 24px; } }
.thirdSection__left__text {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666; }
@media (max-width: 968px) {
    .thirdSection__right {
        order: 1; } }
.thirdSection__right__images {
    position: relative;
    min-height: 380px; }
@media (max-width: 968px) {
    .thirdSection__right__images {
        min-height: 230px; } }
.thirdSection__right__images img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .3;
    transition: opacity .5s; }
@media (max-width: 968px) {
    .thirdSection__right__images img {
        max-width: 86%; } }
.thirdSection__right__images img.active {
    opacity: 1;
    z-index: 20; }
.thirdSection__right__images img.second {
    margin-left: 42px;
    margin-top: 42px; }
.thirdSection__right__captions {
    margin-top: 20px; }
.thirdSection__right__captions__el {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #000000;
    display: inline-block;
    margin-right: 24px;
    transition: color .5s, border-bottom .5s;
    color: #0064a7;
    border-bottom: 1px solid #0064a7; }
.thirdSection__right__captions__el.active {
    color: #000000;
    border-bottom: 0; }

.fourthSection {
    min-height: 100vh;
    background-image: url("../images/poslovna-suita.jpg?v=2");
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 200px; }
.fourthSection:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.48); }
.fourthSection__image {
    min-height: 50vh;
    background-image: url("../images/poslovna-suita.jpg?v=2");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
.fourthSection__image:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.48); }
.fourthSection__box {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #000000;
    padding: 60px;
    position: absolute;
    bottom: -50px; }
.fourthSection__box__title {
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #9b7d19; }
.fourthSection__box__text {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #cccccc; }

.advantages {
    margin-bottom: 170px; }
@media (max-width: 968px) {
    .advantages {
        margin-bottom: 50px; } }
.advantages__title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000;
    padding-bottom: 20px; }
@media (max-width: 968px) {
    .advantages__title {
        font-size: 21px;
        padding-right: 40px; } }
.advantages__icons__el {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    text-align: center; }
@media (max-width: 968px) {
    .advantages__icons__el {
        padding-bottom: 60px; } }
.advantages__icons__el .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: 0.3px;
    text-align: center;
    color: #000000; }
.advantages__icons__el .title span {
    font-weight: normal;
    color: #9b7d19; }
.advantages__caption {
    padding-top: 50px;
    padding-left: 70px;
    font-family: "Archivo", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #666666; }
.advantages__caption span {
    font-family: "Nunito Sans", sans-serif;
    color: #9b7d19; }

.location {
    margin-bottom: 100px; }
.location__title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000;
    padding-bottom: 20px;
    text-align: center; }
@media (max-width: 968px) {
    .location__title {
        font-size: 21px;
        padding-right: 40px;
        padding-left: 15px;
        text-align: left; } }
.location__map img {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.22);
    max-width: 100%; }
.location__map .caption {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #666666; }
@media (max-width: 968px) {
    .location__map .caption {
        padding-left: 15px; } }
.location__info .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000; }
@media (max-width: 968px) {
    .location__info .title {
        padding-left: 15px;
        padding-right: 15px; } }
.location__info .text {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666; }
@media (max-width: 968px) {
    .location__info .text {
        padding-left: 15px;
        padding-right: 15px; } }
.location__info .text a {
    font-size: 18px;
    letter-spacing: normal;
    color: #0064a7;
    text-decoration: underline !important; }
@media (max-width: 968px) {
    .location__info .mImgL {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%; } }
.location__info .blue {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0064a7; }
.location__info .blue a {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #0064a7; }
@media (max-width: 968px) {
    .location__info .blue {
        padding-left: 15px;
        padding-right: 15px; } }
.location__blue {
    padding: 60px 100px;
    background-color: #0064a7; }
@media (max-width: 968px) {
    .location__blue {
        font-size: 21px;
        padding: 30px 15px; }
    .location__blue button {
        width: 100%; } }
.location__blue .title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.5px;
    color: #ffffff; }
@media (max-width: 968px) {
    .location__blue .title {
        font-size: 21px;
        padding-right: 40px; } }
.location__blue .caption {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #ffffff; }
.location__blue .caption .big {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.3px; }
.location__blue .caption .big a {
    font-size: 21px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #ffffff; }

/*
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 26, 2018, 2:56:35 PM
    Author     : Jan Vidic the GOD
*/
.suite__header {
    min-height: 90vh;
    background-image: url("../images/header_suite.jpg?v=2");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
@media (max-width: 1200px) {
    .suite__header {
        transition: height 99999s, min-height 99999s, max-height 99999s; } }
.suite__header__box {
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: rgba(0, 0, 0, 0.6);
    padding: 40px 100px;
    position: absolute;
    width: 60vw;
    right: 0;
    height: 100%; }
@media (max-width: 968px) {
    .suite__header__box {
        top: unset;
        transform: none;
        width: 100%;
        height: auto;
        bottom: 0px;
        left: 0px;
        padding: 20px 20px; } }
.suite__header__box .title {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 60px;
    font-weight: 200;
    line-height: 1.2;
    color: #9b7d19; }
@media (max-width: 968px) {
    .suite__header__box .title {
        font-size: 30px;
        position: relative;
        top: unset;
        transform: none; } }
.suite__header:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3); }
@media (max-width: 968px) {
    .suite__info {
        margin-bottom: 15px;
        display: inline-block; } }
@media (max-width: 968px) {
    .suite__info.changeOrder {
        display: flex;
        flex-direction: column; } }
.suite__info .content {
    padding-top: 250px;
    padding-bottom: 210px;
    padding-left: 140px;
    padding-right: 120px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #000000; }
@media (max-width: 968px) {
    .suite__info .content {
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px; } }
.suite__info .content .title {
    text-shadow: 0 8px 6px rgba(0, 0, 0, 0.16);
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #9b7d19; }
@media (max-width: 968px) {
    .suite__info .content .title {
        font-size: 24px; } }
.suite__info .content .text {
    padding-top: 42px;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #cccccc; }
@media (max-width: 968px) {
    .suite__info .content .text {
        font-size: 16px; } }
.suite__info .image {
    background-size: cover;
    background-position: center;
    position: relative; }
@media (max-width: 968px) {
    .suite__info .image {
        min-height: 30vh; } }
.suite__info .image:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(0, 0, 0, 0.3); }
.suite__location {
    min-height: 80vh;
    background-image: url("../images/suite_4.jpg?v=2");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
@media (max-width: 1200px) {
    .suite__location {
        transition: height 99999s, min-height 99999s, max-height 99999s;
        background-position: left 20% center; } }
.suite__location .title {
    text-shadow: 0 8px 6px rgba(0, 0, 0, 0.16);
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #9b7d19;
    position: absolute;
    bottom: 100px; }
@media (max-width: 1200px) {
    .suite__location .title {
        font-size: 24px; } }
.suite .advantages {
    padding-top: 170px;
    padding-bottom: 90px;
    margin-bottom: 0px;
    background-color: #000000; }
.suite .advantages__title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #cccccc;
    padding-bottom: 20px; }
@media (max-width: 968px) {
    .suite .advantages__title {
        font-size: 21px;
        padding-right: 40px; } }
.suite .advantages__icons__el {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 30px;
    text-align: center; }
@media (max-width: 968px) {
    .suite .advantages__icons__el {
        padding-bottom: 60px; } }
.suite .advantages__icons__el .title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: 0.3px;
    text-align: center;
    color: #cccccc; }
.suite .advantages__icons__el .title span {
    font-weight: normal;
    color: #9b7d19; }
.suite .advantages__caption {
    padding-top: 50px;
    padding-left: 70px;
    font-family: "Archivo", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: #666666; }
.suite .advantages__caption span {
    font-family: "Nunito Sans", sans-serif;
    color: #9b7d19; }
.suite__gold {
    padding: 60px 100px;
    background-color: #9b7d19;
    margin-bottom: 60px; }
@media (max-width: 968px) {
    .suite__gold {
        font-size: 21px;
        padding: 30px 15px; }
    .suite__gold button {
        width: 100%; } }
.suite__gold .title {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.5px;
    color: #ffffff; }
@media (max-width: 968px) {
    .suite__gold .title {
        font-size: 21px;
        padding-right: 40px; } }
.suite__gold .caption {
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #ffffff; }
.suite__gold .caption .big {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.3px; }
.suite__gold .caption .big a {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.3px;
    color: #ffffff; }

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 26, 2018, 2:56:35 PM
    Author     : Jan Vidic the GOD
*/
.navbar-default {
    background-color: #ffffff;
    border: 0;
    border-radius: 0px;
    margin-bottom: 0px;
    height: 81px; }
.navbar-default .container-fluid {
    padding-left: 80px;
    padding-right: 80px; }
@media (max-width: 968px) {
    .navbar-default .container-fluid {
        padding-left: 0px;
        padding-right: 0px; } }
.navbar-default .navbar-header {
    padding-left: 15px;
    padding-right: 15px; }
.navbar-default .navbar-brand {
    padding-top: 0px; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #666666;
    background-color: transparent;
    border-color: #0064a7; }

.navbar-default .navbar-nav > li > a {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: 3px solid transparent; }

.navbar-nav {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px; }
.navbar-nav.flRight {
    float: right; }
@media (max-width: 968px) {
    .navbar-nav.flRight {
        float: none; } }
.navbar-nav li {
    padding-left: 9px;
    padding-right: 9px; }
.navbar-nav li.button {
    margin-top: -6px;
    position: relative;
    top: -1px;
    padding-left: 20px; }
.navbar-nav li.info {
    position: relative;
    top: 9px;
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.07;
    text-align: center;
    color: #000000;
    padding-left: 0px; }
.navbar-nav li.info .bold a {
    font-family: "Archivo", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    color: #000000; }
.navbar-nav li.language span {
    cursor: pointer;
    padding-right: 5px;
    font-family: Archivo;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.07;
    color: #cccccc; }
@media (max-width: 968px) {
    .navbar-nav li.language span {
        color: #cccccc;
        padding-left: 15px;
        padding-right: 15px; } }
.navbar-nav li.language span.active {
    color: #000000; }
@media (max-width: 968px) {
    .navbar-nav li.language span.active {
        color: #ffffff; } }
@media (min-width: 968px) {
    .navbar-nav li {
        float: none;
        display: inline-block; } }
@media (max-width: 968px) {
    .navbar-nav li {
        text-align: center; } }
.navbar-nav li a {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000000;
    padding-bottom: 7px;
    border-bottom: 3px solid transparent;
    transition: border-color 1s, color 1s; }
@media (max-width: 968px) {
    .navbar-nav li a {
        display: inline-block; } }
.navbar-nav li a.active, .navbar-nav li a:hover {
    border-color: #0064a7;
    color: #666666; }
.navbar-nav li.searchIcon {
    padding-top: 15px;
    padding-right: 0px;
    cursor: pointer; }
.navbar-nav li.searchIcon img {
    width: 18px;
    transition: 1.2s; }
.navbar-nav li.searchIcon:hover img {
    transform: rotateY(180deg); }

.navbarAbsTop {
    position: absolute;
    top: 0px; }

.mobileSearch {
    position: absolute;
    right: 20vw;
    top: 14px;
    cursor: pointer;
    transition: 1.2s; }
.mobileSearch:hover img {
    transform: rotateY(180deg); }

.navbar-toggle {
    border: 0;
    transition: background-color .5s; }
.navbar-toggle .icon-bar {
    transition: background-color .5s;
    background-color: #ffffff !important; }
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #ffffff !important;
    border-radius: 0px; }
.navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar {
    background-color: #000000 !important; }

.searchBar {
    background-color: #004574;
    display: none; }
.searchBar .container {
    position: relative; }
.searchBar input.field {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    padding-left: 10px;
    min-height: 42px;
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #ffffff;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #ffffff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
.searchBar img.searchSubmit {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 20px;
    transition: .5s;
    cursor: pointer; }
.searchBar img.searchSubmit:hover {
    opacity: .4; }

.copyright {
    background-color: #666666;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative; }
.copyright__text {
    text-align: center;
    font-family: "Archivo", sans-serif;
    font-size: 12px;
    color: #ffffff;
    cursor: pointer;
    transition: .5s; }
.copyright__text a {
    color: #ffffff; }
.copyright__text a:hover {
    opacity: .5; }

.menu__toggle {
    border-radius: 3px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 30px;
    z-index: 20;
    background: transparent;
    border: 0; }
@media (min-width: 968px) {
    .menu__toggle {
        display: none; } }
.menu__toggle .bar {
    display: block;
    width: 25px;
    margin-bottom: 4px;
    height: 3px;
    background-color: #0064a7;
    border-radius: 1px;
    transition: all 0.3s ease-in-out; }
.menu__toggle.active .bar {
    background-color: #ffffff; }

.menu__toggle.active .one {
    transform: rotate(45deg) translate(5px, 5px); }
.menu__toggle.active .two {
    opacity: 0; }
.menu__toggle.active .three {
    transform: rotate(-45deg) translate(5px, -5px); }

.blackVersion .navbar-default {
    background-color: #000000; }
.blackVersion .navbar-default .navbar-nav > li > a {
    color: #ffffff; }
.blackVersion .navbar-default .navbar-nav > .active > a, .blackVersion .navbar-default .navbar-nav > .active > a:focus, .blackVersion .navbar-default .navbar-nav > .active > a:hover {
    color: #cccccc;
    background-color: transparent;
    border-color: #9b7d19; }
.blackVersion .navbar-nav li a.active, .blackVersion .navbar-nav li a:hover {
    border-color: #9b7d19; }
.blackVersion .navbar-nav li.info {
    color: #cccccc; }
.blackVersion .navbar-nav li.info:hover {
    border: 0; }
.blackVersion .navbar-nav li.info .bold {
    color: #ffffff; }
.blackVersion .navbar-nav li.info .bold a {
    color: #ffffff; }
.blackVersion .navbar-nav li.language span {
    color: #cccccc; }
.blackVersion .navbar-nav li.language span.active {
    color: #ffffff; }
.blackVersion .navbar-nav li.button:hover {
    border: 0; }
.blackVersion .menu__toggle .bar {
    background-color: #ffffff; }

.navbar-nav li.button a.active, .navbar-nav li.button a:hover {
    border: none !important;
    border-color: transparent !important; }

.navbar-nav li.info a.active, .navbar-nav li.info a:hover {
    border: none !important;
    border-color: transparent !important; }

.blackVersion .navbar-nav li.button a.active, .blackVersion .navbar-nav li.button a:hover {
    border: none !important;
    border-color: transparent !important; }

.blackVersion .navbar-nav li.info a.active, .blackVersion .navbar-nav li.info a:hover {
    border: none !important;
    border-color: transparent !important; }

@media (max-width: 968px) {
    .blackVersion .navbar-collapse {
        background-color: #000000; }

    .navbar-collapse {
        z-index: 10;
        position: absolute;
        background-color: #0064a7;
        width: 100vw;
        height: 100vh;
        top: 0;
        max-height: none !important; }
    .navbar-collapse .navbar-nav {
        padding-top: 100px; }
    .navbar-collapse .navbar-nav li {
        padding-bottom: 30px; }
    .navbar-collapse .navbar-nav li a {
        font-family: "Archivo", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.08;
        text-align: center;
        color: #ffffff; }
    .navbar-collapse .navbar-nav li a:hover {
        color: #9b7d19 !important;
        font-size: 24px !important; }
    .navbar-collapse .navbar-nav li.active a {
        font-family: "Archivo", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 1.08;
        text-align: center;
        color: #cccccc;
        border-color: #9b7d19; } }
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 27, 2018, 1:29:02 PM
    Author     : Jan Vidic the GOD
*/
.footer .container {
    background-color: #f0f0f0;
    padding-top: 80px;
    padding-bottom: 40px; }
.footer__links {
    padding-left: 80px; }
@media (max-width: 968px) {
    .footer__links {
        padding-left: 15px;
        padding-bottom: 30px; } }
.footer__links a {
    display: block;
    font-size: 15px;
    font-family: "Archivo", sans-serif;
    line-height: 1.4;
    text-align: left;
    color: #666666;
    padding-bottom: 3px;
    transition: opacity .5s; }
.footer__links a:hover {
    opacity: .6; }
@media (max-width: 968px) {
    .footer__links a {
        text-align: center; } }
.footer__social {
    padding-top: 30px;
    padding-right: 100px;
    text-align: right; }
@media (max-width: 968px) {
    .footer__social {
        padding-right: 15px;
        text-align: center; } }
.footer__social a {
    padding-left: 20px; }
.footer__social a:hover {
    opacity: .5; }
.footer__under {
    padding-top: 15px;
    padding-left: 80px;
    padding-right: 100px;
    text-align: right;
    font-size: 15px;
    font-family: "Archivo", sans-serif;
    line-height: 1.4;
    color: #666666; }
@media (max-width: 968px) {
    .footer__under {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
        text-align: center; } }
.footer__under a {
    font-size: 15px;
    font-family: "Archivo", sans-serif;
    line-height: 1.4;
    color: #666666;
    padding-bottom: 3px;
    padding-left: 15px;
    text-decoration: underline !important;
    transition: opacity .5s; }
.footer__under a:hover {
    opacity: .6; }
@media (max-width: 968px) {
    .footer__under a {
        text-align: center; } }
.footer__title {
    font-family: "Archivo", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1px;
    color: #000000; }
.footer__text {
    font-size: 15px;
    line-height: 1.4;
    color: #666666; }
.footer__text a {
    color: #000000;
    text-decoration: underline !important; }
.footer__text .black {
    color: #000000; }
.footer__text .black a {
    color: #000000;
    text-decoration: none !important; }
@media (max-width: 968px) {
    .footer {
        text-align: center; } }

.lecture__header {
    min-height: 100vh;
    background-image: url("../images/Harvest_dvorana_9.jpg?v=2");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative; }
@media (max-width: 1200px) {
    .lecture__header {
        transition: height 99999s, min-height 99999s, max-height 99999s; } }
.lecture__header__box {
    background-color: #ffffff;
    position: absolute;
    bottom: 0;
    padding: 40px 100px; }
@media (max-width: 968px) {
    .lecture__header__box {
        padding: 15px 15px; } }
@media (max-width: 968px) {
    .lecture__header__box {
        top: unset;
        transform: none;
        bottom: 0px;
        left: 0px; } }
.lecture__header__box .title {
    font-size: 50px;
    font-weight: 200;
    line-height: 1.2;
    color: #000000; }
@media (max-width: 968px) {
    .lecture__header__box .title {
        font-size: 30px; } }
.lecture__second .title {
    padding-top: 80px;
    padding-bottom: 20px;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
    font-size: 36px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000; }
@media (max-width: 968px) {
    .lecture__second .title {
        font-size: 24px; } }
@media (max-width: 968px) {
    .lecture__second .img {
        padding-bottom: 20px; } }
.lecture__second .img img {
    max-width: 100%; }
.lecture__second .imgCaption {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666; }
.lecture__second .imgCaption .bold {
    font-weight: 700;
    letter-spacing: normal; }
.lecture__gallery {
    padding-top: 60px;
    padding-bottom: 84px;
    background-color: #f0f0f0; }
.lecture__gallery .title {
    font-size: 42px;
    font-weight: 300;
    line-height: 1.29;
    letter-spacing: 0.3px;
    color: #000000; }
.lecture__gallery__captions {
    margin-top: 20px; }
.lecture__gallery__captions__el {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.2px;
    color: #000000;
    display: inline-block;
    margin-right: 24px;
    transition: color .5s, border-bottom .5s; }
@media (max-width: 968px) {
    .lecture__gallery__captions__el {
        font-size: 16px;
        margin-right: 18px; } }
.lecture__gallery__captions__el.active {
    color: #0064a7;
    border-bottom: 1px solid #0064a7; }
.lecture__gallery .images__left {
    position: absolute;
    left: -40%;
    top: 20%;
    height: 50%; }
.lecture__gallery .images__left img {
    max-width: 100%;
    max-height: 100%; }
.lecture__gallery .images__right {
    position: absolute;
    right: -40%;
    top: 20%;
    height: 50%; }
.lecture__gallery .images__right img {
    max-width: 100%;
    max-height: 100%; }

.carousel-cell {
    transform: scale(0.9);
    transition: transform .5s; }

.is-selected {
    transform: scale(1); }

.flickity-prev-next-button {
    width: 60px !important;
    height: 60px !important; }

.flickity-prev-next-button.previous {
    left: 12vw !important;
    background-image: url("../images/arrow-left.svg");
    border-radius: 0; }
@media (max-width: 968px) {
    .flickity-prev-next-button.previous {
        left: 2vw !important; } }
.flickity-prev-next-button.previous svg {
    display: none; }
.flickity-prev-next-button.previous:hover {
    background-image: url("../images/arrow-left.svg"); }

.flickity-prev-next-button.next {
    right: 12vw !important;
    background-image: url("../images/arrow-right.svg");
    border-radius: 0; }
@media (max-width: 968px) {
    .flickity-prev-next-button.next {
        right: 2vw !important; } }
.flickity-prev-next-button.next svg {
    display: none; }
.flickity-prev-next-button.next:hover {
    background-image: url("../images/arrow-right.svg"); }

.flickity-button:hover {
    background: none;
    cursor: pointer;
    opacity: .7; }

body {
    font-family: "Nunito Sans", sans-serif;
    background-color: #ffffff;
    font-weight: 400; }
body.blackVersion {
    background-color: #000000; }

.mobileFixedBox {
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 12px 18px; }
.mobileFixedBox.gold {
    background-color: #000000; }
.mobileFixedBox .text {
    display: inline-block;
    float: right;
    font-family: "Archivo", sans-serif;
    font-size: 15px;
    line-height: 1.07;
    text-align: center;
    color: #000000; }
.mobileFixedBox .text .bold a {
    font-family: "Archivo", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    color: #000000;
    text-decoration: underline !important; }
.mobileFixedBox .text.gold {
    color: #ffffff !important; }
.mobileFixedBox .text.gold .bold a {
    font-family: "Archivo", sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.05;
    text-align: center;
    color: #ffffff !important;
    text-decoration: underline !important; }

.subpage {
    background-color: #fafafa;
    padding: 70px 20px;
    min-height: 90vh; }
.subpage .title {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.08;
    color: #000000;
    padding-bottom: 21px; }
.subpage .text {
    font-family: "Archivo", sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.2px;
    color: #666666; }

/*# sourceMappingURL=core.css.map */

/* IE hack */
.active img[data-flickity-lazyload] {
    width: auto;
}