@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://www.estaexpress24.com/css/bootstrap_4/bootstrap.min.css');
@import url('https://www.estaexpress24.com/css/bootstrap_4/bootstrap-grid.css');
@import url('https://use.fontawesome.com/releases/v5.2.0/css/all.css');




.red{
        color:#cc3534;
}

.blue{
        color:#004a81;
}

body{
        font-family: 'Open Sans', sans-serif;
}

h2{
        font-family: 'Open Sans', sans-serif!important;
}

h4
{
        font-weight: bold;
        font-size: 12pt;
}

img{
        max-width:100%;
}

.btn-primary{
        background-color:#004a81;
}

.liner1{
        background-color:rgba(150,164,175,0.5);
        transition:1s background-color ease;
        /*padding-top:50px;*/
        padding-bottom:5px;
        font-family: 'Poppins', sans-serif;
        margin:0;
}

.mainHeadline{
        color:#004a81;
}

.mainSubHeadline{
        margin-bottom:20px;
}

.liner1:hover{
        background-color:rgba(150,164,175,1);
}

.liner1 .container{
        color:#FFF;
        font-size:13px;
        line-height:38px;
}

.liner1 a{
        color:#FFF;
}

.liner1 .dropdown a{
        color:#FFF;
}

.liner1 .dropdown-menu a{
        color:#333;
        text-decoration:none;
}

.liner1 .dropdown-menu li{
        padding-left:20px;
}

.liner1 .fa-envelope{
        margin-left:20px;
}

.rightAlign{
        text-align:right;
}

.liner1 .rightAlign{
        font-size:11px;
}

.main_nav{
        margin:0;
}

.headerTable{
        display:table;
        table-layout:fixed;
        width:100%;
}

.headerTable .headerRow{
        display:table-row;
}

.headerTable .headerRow .headerCell{
        display:table-cell;
        vertical-align:middle;
        transition:1s all ease;
}

.headerCellBranding{
        font-weight:bold;
        font-size:25px;
        color:#333;
        font-family: 'Open Sans', sans-serif;
}

.navUL{
        margin:0;
        padding:0;
        list-style-type:none;
        font-family: 'Open Sans', sans-serif;
}

.navUL .active a{
        color:#96a4af;
}

.navUL li{
        display:inline-block;
        text-transform:uppercase;
        margin-right:20px;
}

.navUL li a{
        font-weight:bold;
        font-size:14px;
        color:#333;
        text-decoration:none;
        transition:1s all ease;
}

.navUL li a:hover{
        color:#96a4af;
}

.antragQuad{
        padding:15px;
        background-color:#cc3534;
        border-radius:5px;
        color:#FFF!important;
}

.antragQuad a{
        color:#FFF;
}

.headerCellLogo {
        width:120px;
}

.mainLogo{
        margin-top:20px;
        margin-bottom:20px;
        max-width:100px;
        transition:1s all ease;
}

.splash2{
        height:200px;
}

.splash{
        margin:0;
        height:400px;
        background-image:url('/images/usa_esta_free_v2.jpg');
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center -250px;
}

.splash2{
        background-image:url('/images/ESTA_VISUM_SKYLINE.jpg');
        background-attachment: fixed;
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center center;
}

.splash .boxcontainer{
        position:relative;
        height:100%;
}

.splash .box1{
        background-color:rgba(255,255,255,0.5);
        padding:20px;
        max-width:400px;
        position:absolute;
        bottom:20px;
        border-radius:5px;
        right:40px;
}

.sticky{
        position:fixed;
        width:100%;
        z-index:100;
        top:0;
        background-color:#FFF;
        border-top:3px solid rgba(150,164,175,0.5);
}

.sticky .headerCell{
        font-size:18px;
}

.sticky .mainLogo{
        margin-top:10px;
        margin-bottom:10px;
        max-width:50px;
}

.checks
{
        line-height: 24pt;
}

.grayRow{
        margin:0;
        padding-top:20px;
        padding-bottom:20px;
        background-color:#f6f5f5;
}

.whiteRow{
        margin:0;
        padding-top:20px;
        padding-bottom:20px;
}

.footerRow{
        margin:0;
        padding-top:20px;
        padding-bottom:20px;
        background-color:#004a81;
        color:#FFF;
}

.footerRow ul{
        list-style-type:none;
        margin:0;
        padding:0;
}

.footerRow a{
        color:#FFF;
}

.footerRow .navInner{
        padding-top:20px;
}

.footerRowSub{
        margin:0;
        padding-top:10px;
        padding-bottom:10px;
        background-color:#012a48;
        font-size:11px;
        color:#FFF;
}

.faqPicture{
        max-width:100%;
}

.logoBig{
        max-width:300px;
}

.main_nav_placeholder{
        display:none;
        transition:1s all ease;
}

.stickyPlaceholder{
        display:block;
}

.esta_header{
        font-size:30px;
        text-transform:uppercase;
        text-align:center;
}

.esta_header hr{
        border:none;
        border-bottom:3px solid #004a81;
        width:60%;
        max-width:100px;
}

.thinHeader{
        font-weight:200;
}

.boldHeader{
        font-weight:800;
}

.toggleIcon{
        display:inline-block;
}

.ui-accordion-header {
        font-size:20px;
        margin-bottom:20px;
}

.ui-accordion-content{
        padding-bottom:20px;
}

.iconCell{
        text-align:center;
        border-right:2px solid #004a81;
}

.iconContent .row{
        margin-bottom:20px;
}

.iconContent .row:last-child{
        margin-bottom:0;
}

.keyfact_header{
        font-size:18px;
        font-weight:bold;
}

.iconCell i{
        font-size:60px;
        color:#cc3534;
}

.boxcontainer .btn-primary,.whiteRow .btn-primary{
        padding:20px;
}

.stepTable {
        margin:auto;
        padding-bottom:20px;
        padding-top:20px;
}
.stepTable i{
        font-size:80px;
        color:#004a81;
}

.centerAlign{
        text-align:center;
}

.stepTableText{
        display:inline-block;
        margin-top:10px;
}

footer{
        background-color:#004a81;
        width:100%;
        height:50px;
        left:0;
        bottom:0;
        position:fixed;
        color:#FFF;
        line-height:50px;
        z-index:10;
        display:none;
        text-align:center;
        z-index:100;
}

footer .btn-primary{
        height:40px;
        line-height:40px;
        margin-top:5px;
        cursor:pointer;
        border:none;
        background-color:#cc3534;
}

footer .btn-primary:hover{
        background-color:#cc3534;
}

.mobil_splash{
        display:none;
}

.headerMobileToggler{
        display:none!important;
}

.mobilToggleLogo,.mobilToggleFooter{
        display:none;
}

.headerNavigation  a{
        color:#004a81;
}

.iconContent .row{
        margin-top:40px;
}

.iconContent{
        padding-bottom:20px;
}

.fa-clock{
        padding-left:10px;
}

.fa-thumbs-up{
        padding-left:5px;
}

/*
        Antragsformular
*/

.progressBarWindow,.contentTrimElement{
        border:1px solid #eee;
        padding:10px;
        padding-top:0;
}

.contentTrimElement{
        border:1px solid #eee;
        padding:10px;
        padding-top:0;
        padding-bottom:0;
}

.progressHeader{
        margin-left:-10px;
        border-bottom:1px solid #eee;
        width:calc(100% + 20px);
        font-size:25px;
        padding:10px;
        line-height:1;
        background-color:#f1f1f1;
}

.errorNotice{
        font-size:11px;
        color:#cc3534;
}

.progressHeader .esta_header{
        padding-top:10px;
}

.steps .active{
        background-color:#cc3534!important;
        color:#FFF!important;
}

.groupStatus{
        margin-bottom:20px;
        padding:0;
        display:none;
}

.groupStatus .progressHeader{
        margin:0;

}


.trimHeader{
        width:calc(100%);
        font-size:25px;
        padding:10px;
        line-height:1;
        background-color:#f1f1f1;
        margin-bottom:0;
        border-bottom:1px solid #f1f1f1;
        border-right:1px solid #eee;
        border-top:none;
        position:relative;
}

.toggleRow{
        display:none;
}

.toolTip{
        position:absolute;
        background-color:#f1f1f1;
        left:2px;
        padding:10px;
        z-index:9;
        width:calc(100% + 5px);
        font-style:italic;
        border:1px dashed #9697a4;
}

.toolTip i{
        font-size:30px;
        color:#0D1130;
        margin-right:10px;
}

.infoTable{
        display:table;
        width:100%;
}

.infoTable .infoLeft{
        display:table-cell;
        vertical-align:top;
}

.infoTable .infoRight{
        display:table-cell;
        vertical-align:middle;
}
.ui-accordion-header-collapsed{
        border-bottom:1px solid white;
}

.trimHeader:focus{
        outline:none;
}

.trimContent{
        display:table;
        padding:10px;
        border:1px solid #eee;
        border-right:1px solid #eee;
        border-top:none;
        border-bottom:1px solid #eee;
        width:100%;
        padding-top:0;
        padding-bottom:0px;
}

.overalHeader{
        background-color:#EEE;
        padding:10px;
        margin:0;
        position:relative;
        left:-10px;
        width:calc(100% + 20px);
}

.steps{
        list-style-type:none;
        display:table;
        table-layout:fixed;
        width:100%;
        margin:0;
        padding:0;
}

.steps li{
        display:table-cell;
        vertical-align:middle;
        text-align:center;
}

.steps .square{
        font-size:30px;
        color:#FFF;
        display:inline-block;
        border-radius:360px;
        border:10px solid white;
        width:80px;
        line-height:56px;
        height:80px;
        background-color:#EEE;
        color:#333;
}

.number{
        background-color:#cc3534;
        color:#FFF;
        display:inline-block;
        margin-right:10px;
        width:20px;
        text-align:center;
        line-height:20px;
        height:20px;
        border-radius:360px;
        font-size:11px;
        position:relative;
        top:-2px;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
}

.checkbox label {
    position: relative;
    display: inline-block;

    /*16px width of fake checkbox + 6px distance between fake checkbox and text*/
    padding-left: 22px;
}

.checkbox label::before,
.checkbox label::after {
    position: absolute;
    content: "";

    /*Needed for the line-height to take effect*/
    display: inline-block;
}

/*Outer box of the fake checkbox*/
.checkbox label::before{
    height: 16px;
    width: 16px;
    background-color:#f1f1f1;
    border: 1px solid #ccc;
    left: 0px;

    /*(24px line-height - 16px height of fake checkbox) / 2 - 1px for the border
     *to vertically center it.
     */
    top: 3px;
        margin-top:2px;
}

.errorCheckbox label::before{
        background-color:#B50B1E;
}

/*Checkmark of the fake checkbox*/
.checkbox label::after {
    height: 5px;
    width: 9px;
    border-left: 2px solid #0D1130;
    border-bottom: 2px solid #0D1130;

    transform: rotate(-45deg);

    left: 4px;
    top: 9px;
}

.errorCheckbox label::after{
         border-left:2px solid #fff;
         border-bottom:2px solid #fff;
}

.redHeader{
        background-color:#cc3534;
        color:#FFF;
}

.basketRow{
        display:table-row;
}

.basketHeader{
        background-color:#f1f1f1;
        font-weight:bold;
}

.subheaderrow{
        background-color:#f6f6f6;
}

.fontbold{
        font-weight:bold;
}

.basketLeft{
        border:1px solid #eee;
        padding:10px;
        display:table-cell;
}

.basketRight{
        padding:10px;
        border:1px solid #eee;
        display:table-cell;
        width:100px;
}

.payTable{
        display:table;
        padding:10px;
        padding-left:0;
}

.payRow{
        display:table-row;
}

.payRow .payLeft,.payRow .payRight{
        padding-bottom:10px;
}

.giftArea{
        margin-top:20px;
        font-size:13px;
}

.payButtons{
        padding-top:20px;
}

.stripe-button-el{
        background-image:none!important;
        background-color:#eee!important;
}

.thankYou .row{
        margin-bottom:10px;
}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  width:100%;
}

.estaNumber{
        background-color:#efefef;
        padding:20px;
        font-size:24px;
        margin-top:10px;
        text-align:center;
        font-style:italic;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.form-row h2{
        display:block;
        width:100%;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.bigError .errorNotice{
        border:2px solid red;
        padding:10px;
}
.payLeft,.payRight,.payCenter{
        display:table-cell;
}

.payLeft{
        width:5%;
        padding-right:10px;
}

.payCenter{
        width:10%;
}

.payLogo{
        height:30px;
        margin-right:10px;
}


.thankYou .checkbox{
        line-height:1;
}

.thankYou .checkbox label:before{
        margin-top:-5px;
}

.basket{
        list-style-type:none;
        margin:0;
        padding:0;
        display:table;
        width:calc(100% + 20px);
        position:relative;
        left:-10px;
        border-collapse:collapse;
}

.errorBox{
        border:2px solid #cc3534;
        margin-top:20px;
        padding:10px;
        color:#cc3534;
        margin-bottom:20px;
}


/*Hide the checkmark by default*/
.checkbox input[type="checkbox"] + label::after {
    content: none;
}

.checkbox input[type="checkbox"]{
        display:none;
}

.labelCheckbox
{
        display:initial;
}

/*Unhide on the checked state*/
.checkbox input[type="checkbox"]:checked + label::after {
    content: "";
}

.propsalSteps{
        margin:0;
        list-style-type:none;
        padding:0;
}

.propsalSteps li{
        display:inline-block;
        float:left;
        padding-right:20px;
        padding-left:20px;
        padding-top:10px;
        padding-bottom:10px;
        border-right:1px solid #eee;
}

.propsalSteps li a{
        color:#0D1130;
}

.activePropsal a{
        color:#FFF!important;
}

.activePropsal{
        background-color:#cc3534;
        color:#FFF;
}


.toolTip{
        position:absolute;
        background-color:#f1f1f1;
        left:2px;
        padding:10px;
        z-index:20;
        width:calc(100% + 5px);
        font-style:italic;
        border:1px dashed #9697a4;
}

.toolTip i{
        font-size:30px;
        color:#0D1130;
        margin-right:10px;
}

.infoTable{
        display:table;
        width:100%;
}

.leftBar{
        display:table-cell;
        position:relative;
}

.rightBar{
        width:25%;
        padding:10px;
        position:relative;
        display:table-cell;
        border-left:1px solid #eee;
        border-right:none;
}


.infoTable .infoLeft{
        display:table-cell;
        vertical-align:top;
}

.infoTable .infoRight{
        display:table-cell;
        vertical-align:middle;
}

.ui-state-active{
        border:none!important;
        background-color:#cc3534!important;
}

.ui-tabs-panel{
        padding-top:40px!important;
}


.fileList{
        list-style-type:none;
        margin:0;
        padding:0;
}

.fileList li{
        padding:10px;
        border-bottom:1px solid #eee;
}

.subliner{
        font-size:10px;
}

.subliner i{
        color:#F00;
}

.downloadFile i{
        color:#3c8dbc;
}

.downloadFile a{
        color:#eee;
}

.headerCellBranding {
        width:200px;
}

@media (max-width:430px){
        .fa-clock{
                padding-left:0px;
        }

        .fa-thumbs-up{
                padding-left:0px;
        }

        .mobilToggleLogo,.mobilToggleFooter{
                display:block!important;
        }

        .mobilToggleFooter{
                text-align:left;
                padding-left:20px;
                padding-top:20px;
                font-size:11px;
        }

        .mobilToggleLogo{
                padding-top:40px;
                padding-left:20px;
                text-align:left;
        }

        .footerMenu{
                text-align:center;
                padding-bottom:20px!important;
        }

        .iconContent{
                text-align:center;
        }

        .iconContent .keyfact_header{
                padding-top:16px!important;
        }

        .iconContent .iconCell{
                border-right:0;
        }

        .iconContent .col-md-5{
                margin-bottom:20px;
        }

        .iconContent .esta_header{
                margin-bottom:30px;
        }

        .stepTable{
                text-align:center;
        }

        .stepTable i{
                font-size:60px;
                margin-top:20px;
                margin-bottom:20px;
        }

        .boxcontainer{
                position:relative;
        }

        .splash{
                background-image:none;
                text-align:center;
                height:initial;
                padding-top:20px;
                padding-bottom:20px;
        }

        .splash .box1{
                max-width:initial;
                padding:0;
                position:relative;
                right:initial;
                bottom:initial;
        }

        .splash .boxcontainer{
                height:initial;
        }

        .mobil_splash{
                display:block;
        }

        .fa-chevron-right{
                display:none!important;
        }

        .headerNavigation {
                position:fixed!important;
                display:block!important;
                z-index:50!important;
                height:100%!important;
                border-right:2px solid #cc3534;
                left:-500000px;
                top:0;
                width:50vw;
                background-color:#FFF;
        }

        .adressCell{
                display:none!important;
        }

        .headerMobileToggler{
                display:table-cell!important;
        }

        .headerMobileToggler a{
                color:#004a81;
        }

        .mainLogo{
                margin-top:10px!important;
                margin-bottom:10px!important;
                width:50px!important;
        }

        .navUL{
                padding-top:25px;
        }

        .navUL li{
                display:block;
                width:100%;
                border-bottom:1px solid #eee;
                padding-left:20px;
                padding-right:20px;
                text-align:left;
        }

        .antragQuad{
                display:block;
                margin-top:5px;
                font-size:14px;
                margin-bottom:5px;
                background-color:#fff!important;
                padding:0;
                color:#333!important;
        }

        .headerCellLogo {
                width:80px!important;
        }

        .sticky .headerCell,.headerCell{
                font-size:initial!important;
        }

        .headerMobileToggler {
                text-align:right;
                font-size:35px;
                color:#004a81;
        }

        .splash2 {
                background-attachment:scroll;
        }
}

@media (min-width:431px){
        footer .btn-primary{
                padding:20px;
                height:initial;
                line-height:initial;
                margin-top:5px;
                cursor:pointer;
                border:none;
                background-color:#cc3534;
        }

        footer{
                height:80px;
                line-height:80px;
        }
}

@media (max-width:430px){
        .rightBar{
                display:none;
        }

        .square{
                display:inline-block;
        }

        .progressText{
                display:none;
        }
}

.esta_footer_header
{
        font-size: 16px;
}

.contentPic
{
        float: left;
        margin-right: 50px;
        margin-bottom:50px;
}


.clear
{
        clear: both;
}