/*
Theme Name: CGS
Author: seaio.interactive
Author URI: https://www.seaio.ch
Description: Individual template created for WordPress
Version: 1.0
*/


html {
  scroll-behavior: smooth;
}

body{
    font-family: 'Rubik';
    color: #FFF;
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
    overflow-x: hidden;
    background-color: #010F48;
}
h1 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}
h2 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}
h3 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}
h4 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}
h5 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}
h6 {
    margin: 0;
    font-family: 'Rubik';
    color: #FFF;
}


@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}




strong, b {
    font-weight: 500;
}

a{
    color: #010F48;
    transition: all 0.4s linear;
    /* text-decoration: underline; */
}
a:hover{
    color: #010F48;
}
em{
}
p{
    margin: 0 0 35px;
}
a, :focus, select {
    outline: none;
}


.bodyBg{
    /* background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 750px, rgb(255, 2, 255) 1500px, rgb(125, 9, 161) 2250px, rgb(1, 15, 72) 3000px); */
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 750px, rgb(236, 0, 140) 1500px, rgb(125, 9, 161) 2250px, rgb(1, 15, 72) 3000px);
}
.bodyBgPink{
    /* background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 25%, rgb(255, 2, 255) 50%, rgb(125, 9, 161) 75%, rgb(1, 15, 72) 100%); */
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 25%, rgb(236, 0, 140) 50%, rgb(125, 9, 161) 75%, rgb(1, 15, 72) 100%);
}
.bodyBgBlue{
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(0, 246, 255) 50%, rgb(1, 15, 72) 100%);
}
.bodyBgBlueDark{
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(1, 80, 140) 50%, rgb(1, 15, 72) 100%);
}
.bodyBgViolett{
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 50%, rgb(1, 15, 72) 100%);
}
.bodyBgImg{
    z-index:0;
    height: 100vh;
    position: relative;
    background-size: cover;
    background-position: center;
}
.bodyBgFade{
    position: absolute;
    height: 80vh;
    width: 100%;
    background: linear-gradient(180deg, #010F48 0%, transparent 100%);
    overflow: hidden;
    display: none;
}
.bodyBgImg .bodyBgFade{
    display: block;
}



/*
 * custom select
 */
.customSelect{
    position: relative;
    display: inline-block;
}
.customSelectTitle{
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 30px;
    color: #FFF;
    padding: 12px 10px 10px 50px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 11;
    position: relative;
    transition: all ease-in-out .5s;
}
.customSelectTitleOpen{
    border: 2px solid transparent;
}
.customSelectTitle span{
    display: inline-block;
    min-width: 190px;
}
.customSelectTitle img{
    width: 25px;
    margin: 9px 5px 9px 15px;
}
.customSelectDropdown{
    position: absolute;
    display: none;
    width: calc(100% - 4px);
    text-align: center;
    border: 2px solid #fff;
    border-radius: 30px;
    z-index: 10;
    top: 0;
    padding-top: 60px;
    background: rgba(1, 15, 72, 0.75);
}
.customSelectDropdown div{
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0;
}
@media screen and (max-width: 639px) {
    .customSelectTitle{
        padding: 10px 10px 8px 20px;
        font-size: 16px;
        line-height: 16px;
    }
    .customSelectTitle span{
        display: inline-block;
        width: 170px;
    }
    .customSelectTitle img{
        width: 20px;
        margin: 5px 2px 8px 10px;
    }
    .customSelectDropdown{
        padding-top: 60px;
        border-radius: 24px;
    }
    .customSelectDropdown div{
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0;
    }
}


/* h3 so editor widget title */
.widget-title{
    margin-bottom: 10px;
}

/* so accordion */
.sow-accordion-panel {
    border: 1px solid #010F48;
}
.sow-accordion-panel-header{
    background-color: #FFF !important;
    color: #010F48 !important;
    font-weight: 400;
}
.sow-accordion-panel-border{
    color: #010F48;
    background-color: #FFF !important;
}


/*
 * header
 */
.headerMenuIcon{
    position: fixed;
    top: 0px;
    left: 40px;
    z-index: 10;
}
.header{
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    position: relative;
    background: linear-gradient(180deg, #010F48 0%, transparent 100%);
}
.header.uk-active{
    background: none;
}
.headerIcon{
    padding: 40px 0;
    display: inline-block;
}
.headerIcon img{
    width: 75px;
    filter: drop-shadow(0px 0px 10px black);
}
.headerLogo{
    position: relative;
    top: 20px;
}
.headerLogo img{
    max-width: 300px;
    margin-left: 60px;
}
.headerRight{
    position: relative;
    top: 20px;
    font-size: 12px;
}
.headerRight a{
    color: #FFF;
    font-size: 12px;
}
.headerRight a:hover{
    text-decoration: none;
}
.headerRight img{
    width: 16px;
    margin-right: 5px;
}
.headerRight span{
    /* background: #FF02FF; */
    background: #EC008C;
    border-radius: 10px;
    padding: 3px 15px;
    color: #FFF;
    margin-left: 5px;
}
.mobileTopNav{
    padding: 0 30px;
    background: #010F48;
}
.mobileTopNav .headerRight{
    position: static;
    top: auto;
    padding: 15px 0;
}

.headerBoxLangMobile{
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    text-align: center;
    width: 80px;
    margin: 10px 0 !important;
    border-radius: 20px;
    padding: 2px 10px;
    margin-top: 45px;
    border-radius: 20px;
    padding: 2px 10px;
    display: inline-block;
    position: relative;
}
.headerBoxLangActMobile{
    padding: 5px 23px 5px 0;
    position: relative;
}
.headerBoxLangOtherMobile{
    position: absolute;
    text-align: center;
    border: 2px solid #FFF;
    display: none;
    min-width: auto !important;
    padding: 30px 10px 10px 10px !important;
    box-shadow: none !important;
    width: 104px;
    top: -11px !important;
    left: -2px !important;
    background: transparent;
    border-radius: 15px;
}
.headerBoxLangOtherMobile a{
    display: block;
    color: #FFF;
    line-height: 25px;
    padding: 0 10px;
}
.headerBoxLangMobile .uk-dropdown.uk-open {
    background: rgba(255,255,255,0.15);
}

.mobileTopNav .headerBoxLang {
}


.headerSlider{
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    top: -155px;
    margin-bottom: -155px;
}
.headerSliderImage{
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    object-fit: cover;
}
.headerSliderText{
    background: linear-gradient(0deg, #010F48 0%, transparent 100%);
    padding: 50px 0 150px 0;
}
.headerSliderTextTop{
    font-size: 30px;
    line-height: 36px;
    font-weight: 500;
    margin-bottom: 10px;
}
.headerSliderText1{
    font-size: 120px;
    line-height: 120px;
    font-weight: 500;
}
.headerSliderText2{
    font-size: 120px;
    line-height: 120px;
    font-weight: 500;
    position: relative;
    top: -13px;
}
.headerSliderTextBottom{
    font-size: 24px;
    line-height: 28px;
    font-weight: 300;
    padding: 0 20%;
}
.headerSliderDotNav{
    position: absolute;
    bottom: 80px;
    width: 100%;
    padding-bottom: 30px;
}
.headerSliderDotNav  a{
    background-color: #FFF;
}
.headerSliderDotNav .uk-active a{
    /* background-color: #FF02FF; */
    background-color: #EC008C;
}
.headerSliderNote{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
}
.headerSliderNote a{
    color: #FFF;
}
.headerSliderNote a:hover{
    text-decoration: none;
}
.headerSliderNoteText{
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}
.headerSliderNoteIcon img{
    width: 30px;
}
.uk-sticky.uk-active .headerHiddenScroll{
    display: none;
}
@media screen and (min-width: 1280px) {
    .headerMenuIcon{
        left: calc( (100vw - 1200px) / 2);
    }
}
@media screen and (max-width: 959px) {
    .headerMenuIcon{
        left: 30px;
        top: 50px;
    }
    .headerIcon{
        padding: 30px 0;
    }
    .headerIcon img{
        width: 70px;
    }
    .headerLogo {
      top: 20px;
    }
    .headerLogo img {
        max-width: auto;
        height: 70px;
        margin-left: 0px;
        margin-right: 65px;
    }
    .headerSlider{
        top: -170px;
        margin-bottom: -170px;
    }
    .headerSliderTextTop{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .headerSliderText1{
        font-size: 90px;
        line-height: 90px;
    }
    .headerSliderText2{
        font-size: 90px;
        line-height: 90px;
        top: -10px;
    }
    .headerSliderTextBottom{
        font-size: 22px;
        line-height: 26px;
        padding: 0 10%;
    }
}
@media screen and (max-width: 639px) {
    .header{
        background: linear-gradient(180deg, #010F48 30%, transparent 100%);
        height: 150px;
    }
    .headerMenuIcon{
        left: 15px;
        top: 50px;
    }
    .headerIcon{
        padding: 15px 0;
    }
    .headerIcon img{
        width: 40px;
    }
    .headerLogo {
      top: 10px;
    }
    .headerLogo img {
        max-width: auto;
        height: 50px;
        margin-right: 42px;
    }
    .headerSliderTextTop{
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 0px;
    }
    .headerSliderText1{
        font-size: 40px;
        line-height: 40px;
    }
    .headerSliderText2{
        font-size: 40px;
        line-height: 40px;
        top: -5px;
    }
    .headerSliderTextBottom{
        font-size: 18px;
        line-height: 22px;
        padding: 0 5%;
    }
    .mobileTopNav{
        padding: 0 15px;
    }
    .headerBoxLangMobile {
          border: 1px solid #FFF;
          color: #FFF;
          font-size: 12px;
          line-height: 12px;
          cursor: pointer;
          text-align: center;
          width: 50px;
          margin: 10px 0 !important;
          border-radius: 20px;
          padding: 2px 5px 2px 10px;
    }
    .headerBoxLangOpen {
        border: 1px solid transparent !important;
    }
    .headerBoxLangOtherMobile {
        position: absolute;
        text-align: center;
        border: 1px solid #FFF;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: rgb(255, 255, 255);
        min-width: auto !important;
        padding: 20px 10px 10px 0px !important;
        box-shadow: none !important;
        width: 67px;
        top: -11px !important;
        left: -1px !important;
        background: transparent;
        border-radius: 15px;
    }

}

#headerNav{
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 15;
    left: 0;
    background: #010F48;
    /* background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 500px, rgb(255, 2, 255) 1000px, rgb(125, 9, 161) 1500px, rgb(1, 15, 72) 2000px); */
    background: repeating-linear-gradient(180deg, rgb(1, 15, 72) 0px, rgb(125, 9, 161) 500px, rgb(236, 0, 140) 1000px, rgb(125, 9, 161) 1500px, rgb(1, 15, 72) 2000px);
}
.headerNavIcon{
    margin: 40px 0;
}
.headerNavIcon img{
    width: 75px;
}
.headerNavIcon a{
    color: #FFF;
}
.headerNavInner{
    height: 100vh;
    overflow: auto;
}
.headerNavMenu {
    margin-top: 40px;
}
.headerNavMenu a{
    color: #FFF;
    font-size: 87px;
    line-height: 109px;
    transition: all ease-in-out .25s;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    display: block;
    padding: 5px 0;
    font-weight: 400;
}
.headerNavMenu a:hover{
    text-decoration: none;
}
.mainNavItemSubDiv{
    position: absolute;
    top: 35px;
    left: 400px;
    z-index: 20;
}
.mainNavItemSubDiv a{
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    border-bottom: none;
    padding: 0;
}

.headerNavData{
    padding: 60px 0 0 60px;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
}
.headerNavDataIcon{
    margin-bottom: 25px;
}
.headerNavDataIcon img{
    width: 30px;
}
.dataStation{
    margin-bottom: 35px;
}
.dataStationLeft{
    width: 200px;
}
.dataStationRight{
    width: 250px;
    /* margin-top: 20px !important; */
}
.dataStationTitle{
    font-weight: bold;
}
.dataStationValue{
    margin-bottom: 10px;
}
.dataStation a{
    font-size: 12px;
    line-height: 12px;
    color: #FFF;
}
.dataStation a:hover{
    text-decoration: none;
}
.dataStation a img{
    width: 14px;
    margin-right: 8px;
}
.headerNavRight{
    top:-105px;
    right: 0;
}
.headerNavRight .headerNavMenu{
    margin-top: 40px;
}
.headerNavRight .headerBoxLang {
  margin-top: 30px;
}

@media screen and (max-width: 1199px) {
    .headerNavData{
        padding: 120px 0 100px 0;
    }
    .dataStationRight{
        margin-top: auto !important;
    }
    .dataStationBottom{
        display: none;
    }
}
@media screen and (max-width: 959px) {
    .headerNavIcon {
      margin: 30px 0;
    }
    .headerNavIcon img {
      width: 60px;
    }
    .headerNavData{
        padding: 90px 0 30px 0;
    }
    .headerNavMenu {
        margin-top: 15px;
    }
    .headerNavMenu a{
        font-size: 50px;
        line-height: 60px;
        padding: 5px 0;
    }
    .mainNavItemSubDiv{
        top: 15px;
        left: 300px;
    }
    .mainNavItemSubDiv a{
        font-size: 22px;
        line-height: 22px;
        padding: 0;
    }
}
@media screen and (max-width: 639px) {
    .headerNavRight{
        top:-75px;
    }
    .headerNavIcon {
      margin: 15px 0;
    }
    .headerNavIcon img {
      width: 40px;
    }
    .headerNavData{
        padding: 60px 0 0px 0;
    }
    .headerNavMenu {
        margin-top: 0px;
    }
    .headerNavMenu a{
        font-size: 30px;
        line-height: 40px;
        padding: 5px 0;
    }
    .mainNavItemSubDiv{
        top: 15px;
        left: 140px;
    }
    .mainNavItemSubDiv a{
        font-size: 16px;
        line-height: 18px;
        padding: 0;
        position: relative;
        top: -7px;
    }
    .dataStation{
        margin-bottom: 25px;
    }
    .dataStationBottom{
        display: block;
    }
}


/* lang switcher */
.headerBoxLang{
    border: 2px solid #FFF;
    color: #FFF;
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    text-align: center;
    width: 80px;
    margin-top: 45px;
    border-radius: 20px;
    padding: 2px 10px;
    display: inline-block;
    position: relative;
}
.headerBoxLangOpen{
    border: 2px solid transparent;
}
.headerBoxLangAct{
    padding: 5px 23px 5px 0;
    position: relative;
}
.headerBoxLangAct img{
}
.headerBoxLangOther{
    position: absolute;
    text-align: center;
    border: 2px solid #FFF;
    display: none;
    min-width: auto !important;
    padding: 30px 10px 10px 10px !important;
    box-shadow: none !important;
    width: 104px;
    top: -12px !important;
    left: -2px !important;
    background: transparent;
    border-radius: 15px;
}
.headerBoxLangOther a{
    display: block;
    color: #FFF;
    line-height: 25px;
    padding: 0 10px;
}
.headerBoxLang .uk-dropdown.uk-open {
    background: rgba(255,255,255,0.15);
}


/*
 * page content
 */
.pagecontent{
    position: relative;
    z-index: 1;
}


/*
 * footer
 */
footer{
    background-color: #00F6FF;
    color: #010F48;
    font-size: 14px;
    line-height: 16px;
    padding: 60px 0 30px 0;
    position: relative;
    z-index: 1;
}
footer a{
    color: #010F48;
}
footer a:hover{
    color: #010F48;
}
footer p{
    margin-bottom: 20px;
}

.footerIcon{
    margin-bottom: 25px;
}
.footerIcon img{
    width: 30px;
}
.footer1{
    font-size: 20px;
    line-height: 22px;
}
.footer1bottom a{
    margin-right: 10px;
}
.footer2top{
    margin-bottom: 15px;
}
.footerStation{
    margin-bottom: 35px;
}
footer .dataStation a{
    color: #010F48;
}
.footer2{
    font-weight: 300;
}
.footerMenu{
    margin-top: 50px;
}
.footerMenu a{
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    display: inline-block;
    margin-right: 7px;
}
.footerMenu a:last-child{
    margin-right: 0px;
}
.footerMenu a:after{
    content: "|";
    margin-left: 8px;
    font-size: 13px;
    line-height: 13px;
}
.footerMenu a:last-child:after{
    content: "";
    margin-left: 0;
}
.footerMenu a:hover{
    text-decoration: none;
}

@media screen and (max-width: 959px) {
    .footerMenu{
        margin-top: 40px;
    }
}
@media screen and (max-width: 639px) {
    footer{
        padding: 15px 0 15px 0;
    }
    .footer1{
        font-size: 18px;
        line-height: 20px;
    }
    .footerIcon {
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .dataStationValue {
        margin-bottom: 5px;
    }
    .dataStationRight {
        width: 100%;
        margin-top: 15px !important;
    }
}




/*
 * template download
 */
.downloadTitle{
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 40px;
}
.downloadVideos .videoWrapper {
    padding-bottom: 54%;
    border: 10px solid #FFF;
    border-radius: 5px;
}
.downloadVideosItemTitle{
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    margin: 10px auto 0;
    text-align: center;
    width: 50%;
}
.downloadVideosItemText{
    font-weight: 300;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.downloadPhotosItemLinks{
    position: relative;
    top: calc((100% - 65px) / 2);
}
.downloadPhotosItemLinks a{
    display: block;
    margin-bottom: 5px;
}
.downloadPhotosItemLinks img{
    width: 30px;
}
.downloadPhotosItemContent{
    position: relative;
}
.downloadPhotosItemContentImg{
    border: 10px solid #fff;
    border-radius: 5px;
    width: 100%;
    height: 384px;
    object-fit: cover;
}
.downloadPhotosItemContentIcon{
    width: 30px;
    position: absolute;
    top: 20px;
    left: 20px;
    filter: drop-shadow(0px 0px 3px #555);
}
.downloadPhotosItemLinksConfirm{
    display: none;
    position: absolute;
    background: #010F48;
    padding: 10px;
    z-index: 9;
    white-space: nowrap;
    top: 30px;
    left: 40px;
    border-radius: 10px;
}
.downloadPhotosItemLinksConfirmRight{
    left: auto;
    right: 40px;

}
@media screen and (max-width: 1280px) {
    .downloadPhotosItemContentImg{
        width: 100%;
        height: 30vw;
    }
}
@media screen and (max-width: 959px) {
    .downloadPhotosItemContentImg{
        width: 100%;
        height: 60vw;
    }
}
@media screen and (max-width: 639px) {
    .downloadTitle{
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .downloadVideosItemTitle{
        font-size: 16px;
        line-height: 16px;
        width: 50%;
    }
    .downloadVideosItemText{
        font-size: 16px;
        line-height: 16px;
        width: 50%;
    }
}




.basketModal{
    background: #FFF;
    color: #010F48;
}
.basketModalSel{
    margin-bottom: 50px;
}
.basketModalRemove{
    position: relative;
    top: 10px;
}
.basketModalRemove img{
    width: 30px;
    margin-right: 10px;
}
.basketModalTitle{
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 120px !important;
    color: #010F48;
}
.basketModalClose img{
    width: 45px;
}
.basketModalDownload{
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin-top: 120px;
}
.basketModalDownload a{
    color: ##010F48;
    background: #00F6FF;
    padding: 15px 45px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 30px;
}
.basketModalDownload a:hover{
    text-decoration: none;
}
.basketModalDownload img{
    width: 20px;
    margin-right: 10px;
}
.basketModalItem{
    height: 100%;
    margin: 0 0 15px 0 !important;
    position: relative;
    /* background: #eee; */
}
.basketModalItemImg{
    /* border: 6px solid #fff; */
    border-radius: 3px;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.basketModalItemIcon{
    position: absolute;
    top: 12px;
    left: 30px;
}
.basketModalItemIcon img{
    width: 30px;
    filter: drop-shadow(0px 0px 3px #555);
}


.basketModal .customSelect{
    position: relative;
    display: inline-block;
}
.basketModal .customSelectTitle{
    display: inline-block;
    border: 2px solid #010F48;
    border-radius: 30px;
    color: #010F48;
    padding: 12px 10px 10px 50px;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    cursor: pointer;
    z-index: 11;
    position: relative;
    transition: all ease-in-out .5s;
}
.basketModal .customSelectTitleOpen{
    border: 2px solid transparent;
}
.basketModal .customSelectTitle span{
    display: inline-block;
    width: 190px;
}
.basketModal .customSelectTitle img{
    width: 25px;
    margin: 9px 5px 9px 15px;
}
.basketModal .customSelectDropdown{
    position: absolute;
    display: none;
    width: calc(100% - 4px);
    text-align: center;
    border: 2px solid #010F48;
    border-radius: 30px;
    z-index: 10;
    top: 0;
    padding-top: 60px;
    background: rgba(255, 255, 255, 0.75);
}
.basketModal .customSelectDropdown div{
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0;
}
@media screen and (max-width: 639px) {
    .basketModal .customSelectTitle{
        padding: 10px 10px 8px 20px;
        font-size: 16px;
        line-height: 16px;
    }
    .basketModal .customSelectTitle span{
        display: inline-block;
        width: 170px;
    }
    .basketModal .customSelectTitle img{
        width: 20px;
        margin: 5px 2px 8px 10px;
    }
    .basketModal .customSelectDropdown{
        padding-top: 60px;
        border-radius: 24px;
    }
    .basketModal .customSelectDropdown div{
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0;
    }
}







/* popup image data */
#imagedata_top{
    height: 150px;
    overflow: auto;
    padding: 15px;
}
#imagedata_image{
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #f9f9f9;
}
#imagedata_text{
    margin-bottom: 20px;
    font-size: 13px;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
#imagedata_text div{
    color: #FD850D;
    margin-top: 10px;
}
#imagedata_bottom{
    padding: 15px;
}
#imagedata .uk-modal-dialog {
    width: 1100px;
}
@media screen and (max-width: 639px) {
    #imagedata_top{
        max-height: 200px;
        height: auto !important;
    }
}



/*
 * service privat
 */
.service_private_list{
    position: relative;
    left: -40px;
    width: 100vw;
}
.serviceText{
    padding: 40px;
    color: #010F48;
}
.serviceImage img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.serviceTextExpand img{
    width: 30px;
}
.serviceZusatz{
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    color: #010F48;
}
.serviceZusatz:hover{
    text-decoration: none;
}
.serviceZusatz img{
    width: 17px;
    margin-left: 5px;
}
.serviceTextTitle{
    margin-top: 60px;
    font-size: 35px;
    line-height: 35px;
    text-align: center;
}
.serviceTextDesc{
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    font-weight: 300;
    margin-top: 30px;
}
.serviceTextLink{
    text-align: center;
    margin: 30px 0 40px 0;
}
.serviceTextLink a{
    text-align: center;
    border: 2px solid #fff;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    color: #010F48;
    padding: 15px 30px;
    border-radius: 30px;
    display: inline-block;
    letter-spacing: 1px;
}
.serviceTextLink a:hover{
    text-decoration: none;
}


.serviceprivatDetailText,
.serviceprivatBuchen{
    padding: 20px;
    color: #010F48;
}
.serviceprivatDetailImage img{
    width: 100%;
    object-fit: cover;
    max-height: 500px;
}
.serviceprivatDetailClose img{
    width: 45px;
}
.serviceprivatDetailTitle{
    font-size: 35px;
    line-height: 35px;
    margin: 30px 0 40px;
}
.serviceprivatDetailContent{
    column-count: 2;
    column-gap: 40px;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
}
.serviceprivatDetailContentFile img{
    width: 17px;
    margin-right: 10px;
}
.serviceprivatDetailContentFile a{
    color: #010F48;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    font-weight: 500;
}
.serviceprivatDetailContentFile a:hover{
    text-decoration: none;
}
@media screen and (min-width: 1280px) {
    .service_private_list{
        width: 1280px;
    }
}
@media screen and (max-width: 959px) {
    .service_private_list{
        left: -30px;
    }
    .serviceText{
        padding: 30px;
    }
}
@media screen and (max-width: 639px) {
    .service_private_list{
        left: -15px;
    }
    .serviceprivatDetailContent{
        column-count: 1;
    }
    .serviceText{
        padding: 15px;
    }
    .serviceTextLink a {
        font-size: 18px;
        line-height: 18px;
        padding: 10px 25px;
    }
}



/*
 * service geschaeft
 */
.servicegeschaeft{
    color: #010F48;
    /* margin: 0 75px; */
    margin: 0 -40px 0 75px;
}
.servicegeschaeft .uk-slider {
    color: #010F48;
}
.servicegeschaeftItem{
    width: 310px;
    background: #fff;
    border-radius: 5px;
    margin: 0 10px;
}
.servicegeschaeftItemImage{
    width: 300px;
    height: 225px;
    object-fit: cover;
    padding: 10px 0 0 10px;
}
.servicegeschaeftItemImageIcon{
    width: 30px;
    margin: 20px 0 0 20px;
}
.servicegeschaeftDownload a{
    display: block;
    margin: 15px 25px 30px 0;
    font-size: 9px;
    line-height: 10px;
    text-transform: uppercase;
    color: #010F48;
    text-align: right;
}
.servicegeschaeftDownload a:hover{
    text-decoration: none;
}
.servicegeschaeftDownload img{
    width: 15px;
    margin-left: 20px;
}
.servicegeschaeftTitle{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 15px;
    padding: 0 30px;
}
.servicegeschaeftLead{
    font-size: 15px;
    line-height: 15px;
    font-weight: 300;
    margin-bottom: 50px;
    padding: 0 30px;
}
.servicegeschaeftPrevious img,
.servicegeschaeftNext img {
    width: 45px;
}
.servicegeschaeft .uk-position-center-right-out{
    top: 53%;
    left: auto;
    right: calc(100% + 30px);
}
.servicegeschaeft .uk-position-center-left-out{
    top: 40%;
    right: calc(100% + 30px);
}


@media screen and (max-width: 959px) {
    .servicegeschaeft{
        margin: 0 -30px 0 75px;
    }
}
@media screen and (max-width: 639px) {
    .servicegeschaeft{
        margin: 0;
    }
    .servicegeschaeftItem{
        width: 260px;
        background: #fff;
        border-radius: 5px;
        margin: 0 10px;
    }
    .servicegeschaeftItemImage{
        width: 250px;
        height: 175px;
        object-fit: cover;
        padding: 10px 0 0 10px;
    }
    .servicegeschaeftLead{
        margin-bottom: 25px;
        padding: 0 20px;
    }
}

.servicegeschaeftDetail{
    background: #fff;
    width: 100vw;
    position: relative;
    left: calc((100vw - 1200px)/-2);
    overflow: hidden;
    color: #010F48;
    margin-bottom: 12px;
    margin-top: 60px;
}
.servicegeschaeftDetailImage{
    object-fit: cover;
}
.servicegeschaeftDetailContent{
    width: 33vw !important;
    padding-right:  40px;
}
.servicegeschaeftDetailClose img{
    width: 45px;
    margin: 40px 0 20px 0;
}
.servicegeschaeftDetailTitle{
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 50px;
}
.servicegeschaeftDetailText{
    /* columns: 2;
    column-gap: 40px; */
    font-size: 20px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 50px;
}
.servicegeschaeftDetailPerson{
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 75px !important;
}
.servicegeschaeftDetailPersonIcon img{
    width: 30px;
}
.servicegeschaeftDetailPersonName{
    margin-bottom: 2px;
}
.servicegeschaeftDetailPersonFunktion{
    color: #6D7582;
    margin-bottom: 15px;
}
.servicegeschaeftDetailPersonItem{
    font-size: 10px;
    margin: 0 0 3px 0;
}
.servicegeschaeftDetailPersonItem a{
    color: #010F48;
}
.servicegeschaeftDetailPersonItem a:hover{
    text-decoration: none;
}
.servicegeschaeftDetailPersonItem img{
    width: 14px;
    margin-right: 10px;
}
@media screen and (max-width: 1279px) {
    .servicegeschaeftDetailContent{
        width: 38vw !important;
    }
    .servicegeschaeftDetail{
        left: -40px;
    }
}
@media screen and (max-width: 959px) {
    .servicegeschaeftDetailContent{
        width: 45vw !important;
        padding-right:  30px;
    }
    .servicegeschaeftDetailClose img {
        margin: 30px 0 20px 0;
    }
    .serviceTextTitle {
        margin-top: 40px;
        font-size: 30px;
        line-height: 30px;
    }
    .serviceTextDesc {
        margin: 30px auto 0;
        width: 60%;
    }
    .servicegeschaeftDetail{
        margin-top: 20px;
        left: -30px;
    }
    .servicegeschaeftDetail .uk-container{
        padding: 0 30px;
    }
    .servicegeschaeftDetailText {
        /* columns: 1; */
    }
}
@media screen and (max-width: 639px) {
    .servicegeschaeftDetail{
        margin-top: 20px;
        left: -15px;
    }
    .servicegeschaeftDetailContent{
        width: 100vw !important;
        padding:  0 15px;
    }
    .servicegeschaeftDetailClose img {
        width: 40px;
        margin: 0 0 20px 0;
    }
    .servicegeschaeftDetailTitle {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 40px;
    }
    .serviceTextTitle {
        margin-top: 30px;
        font-size: 30px;
        line-height: 30px;
    }
    .serviceTextDesc {
        margin: 25px auto 0;
        width: 100%;
    }
    .servicegeschaeftDetailPersonItem{
        margin: 0 0 3px 0px;
    }
}

/*serviceformular*/
.serviceprivatBuchen .gform_required_legend {
    display: none;
}
.gform_wrapper .serviceformular .gform_fields div.spacer.gfield {
    display: none;
}
.gform_wrapper .serviceformular .gform_fields .hidden-description .gfield_description {
    display: none;
}
.gform_wrapper .serviceformular .gform_fields p {
    margin-top: 60px;
    margin-bottom: 30px;
}
.gform_wrapper .serviceformular .gform_fields div.gfield:first-child p {
    margin-top: 0;
}
.gform_wrapper.gravity-theme .serviceformular .gfield_label,
.gform_wrapper.gravity-theme .serviceformular .gfield_checkbox label,
.gform_wrapper.gravity-theme .serviceformular .gfield_radio label{
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
    margin-top: 30px;
}
.gform_wrapper.gravity-theme .serviceformular fieldset.gfield--type-time .gfield_label {
    margin-top: 0;
    padding-top: 30px;
}
.gform_wrapper.gravity-theme .serviceformular .gfield input {
    background-color: transparent;
    color: #010F48;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    text-align: center;
    border: 2px solid #fff;
    border-radius: 25px;
}
.gform_wrapper.gravity-theme .serviceformular .ginput_container_date input {
    width: 100%;
}
.gform_wrapper.gravity-theme .serviceformular .gfield input::-webkit-outer-spin-button,
.gform_wrapper.gravity-theme .serviceformular .gfield input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.gform_wrapper.gravity-theme .serviceformular .gfield input[type=number] {
  -moz-appearance: textfield;
}
.gform_wrapper.gravity-theme .serviceformular .gfield select option {
    background-color: #ce9ace;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}
.gform_wrapper.gravity-theme .serviceformular .gfield select option:first-child {
    border-top: 2px solid #fff;
}
.gform_wrapper.gravity-theme .serviceformular .gfield select option:last-child {
    border-bottom: 2px solid #fff;
}

.gform_wrapper.gravity-theme .serviceformular .gfield select {
    background-color: transparent;
    color: #010F48;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 25px;
    padding-right: 40px;
    padding-left: 40px;
    appearance: none;
    -webkit-appearance: none;
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select {
    position: relative;
    /*display: inline-block;*/
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid #010F48;
    border-radius: 100%;
    position: absolute;
    right: 16px;
    top: 5px;
    font-size: 18px;
    pointer-events: none;
    transition: .2s ease;
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select::before {
    content: '';
    width: 24px;
    height: 14px;
    background-color: #ce9ace;
    position: absolute;
    right: 16px;
    top: 3px;
    pointer-events: none;
    transition: .2s ease;
    z-index: 10;
}
.blue .gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select::before {
    background-color: #c1cdff;
}
.green .gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select::before {
    background-color: #7ADFE3;
}

.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select:focus-within::after {
    transform: /*rotateX(.5turn)*/ translateY(10px);
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select:focus-within::before {
    transform: /*rotate(.5turn)*/ translateY(22px);
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select select:focus {
      outline: unset;
}
.gform_wrapper.gravity-theme .serviceformular .gfield .ginput_container_select select:focus > option:first-child {
      display: none;
}

.gform_wrapper.gravity-theme .serviceformular .gfield textarea {
    background-color: transparent;
    color: #010F48;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    /*text-transform: uppercase;*/
    border: 2px solid #fff;
    border-radius: 25px;
    padding: 20px;
}
.gform_wrapper.gravity-theme .serviceformular .gform_footer input {
    background-color: #010F48;
    border: none;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    padding: 13px 60px;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 auto;
    cursor: pointer;
}

/*custom Checkbox*/
.gform_wrapper.gravity-theme .serviceformular .gfield .gfield_checkbox>div {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 10px;
}

.gform_wrapper.gravity-theme .serviceformular .gfield input[type="checkbox"] {
  margin: 30px 0 0 0;
  appearance: none;
  background-color: transparent;
  font: inherit;
  color: #fff;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 5px;
  transform: translateY(-5px);
  display: grid;
  place-content: center;

}
.gform_wrapper.gravity-theme .serviceformular .gfield input[type="checkbox"]::before {
  content: "";
  width: 6px;
  height: 15px;
  transform: scale(0) rotate(37deg);
  transition: 120ms transform ease-in-out;
  /*box-shadow: inset 1em 1em #010F48;*/
  border-width: 0 4px 4px 0;
  border-style: solid;
  border-color: #010F48;
  position: relative;
  top: -2px;
}
.gform_wrapper.gravity-theme .serviceformular .gfield input[type="checkbox"]:checked {
    background: transparent;
}
.gform_wrapper.gravity-theme .serviceformular .gfield input[type="checkbox"]:checked::before {
  transform: scale(1) rotate(37deg);
}

.gform_wrapper ::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}
.gform_wrapper ::-ms-input-placeholder { /* Edge 12 -18 */
    color: #fff;
}
.gform_wrapper.gravity-theme .gfield_required {
  color: #FFF !important;
  top: -3px;
  position: relative;
}
/* error */
.gform_wrapper.gravity-theme .gform_validation_errors {
  border: 1.5px solid #010F48 !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #010F48 !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors > ol li {
  color: #010F48 !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors > ol a {
  color: #010F48 !important;
}
.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label,
.gform_wrapper.gravity-theme .gfield_error label,
.gform_wrapper.gravity-theme .gfield_error legend,
.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message,
.gform_wrapper.gravity-theme [aria-invalid="true"] + label,
.gform_wrapper.gravity-theme label + [aria-invalid="true"] {
  color: #010F48 !important;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
  border: 1px solid #010F48 !important;
}
/* datepicker */
.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
  border: 1px solid #607382 !important;
}

.gform_confirmation_message{
    background: #fff;
    padding: 30px 20px;
    position: relative;
    top: 0px;
    left: -20px;
    width: 100%;
    margin-bottom: -20px;
}
.gform_confirmation_message br{
    display: none;
}
.gform_confirmation_message div br{
    display: inline-block;
}
.gform_confirmation_message div:first-child{
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}
.gform_confirmation_message div:last-child{
    display: inline-block;
    width: calc(100% - 60px);
}


/* social media plugin styles */
.catch-instagram-feed-gallery-widget-wrapper .button {
	background-color: transparent;
	border: 1px solid #FD850D;
	display: inline-block;
	margin-top: 10px;
	padding: 15px 20px;
	height: auto;
}

.catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:hover,
.catch-instagram-feed-gallery-widget-wrapper .instagram-button .button:focus {
	background-color: #FD850D;
	color: #fff;
	text-decoration: none;
}






.printOnly{
    display: none;
}

/*
 * print styles
 */

@media print{
    @page {
        size: auto;   /* auto is the initial value */
        /* this affects the margin in the printer settings */
        margin: 15mm 20mm 20mm 20mm;
    }
    body {
        width:  auto;
        float: none !important;
    }
    .headerNav, .header, .headerPlaceholder, .headerIcon, .headerBoxLang, .headerimage, .videoWrapper, .videoIcon, .button, .footer{
        display: none !important;
    }
    .printOnly{
        display: block;
    }
    .uk-grid {
        display: inline !important;
    }
}