body {
    padding:0;
    margin:0;
     font-family: Play;
     font-size: 16px;
     min-height:100vh;
    background-image: url('../images/car_forest_med.jpg');
    background-attachment: fixed;
    line-height:180%;
    background-size: 100% auto;
    background-repeat:no-repeat;
}
 .hidden {
     
     visibility: hidden;
}
 /* .beautylink {
     display:inline-block;
     background-color: #114611;
     outline: none;
     border: none;
     margin-left: 20px;
     text-align: center;
     color: white;
     padding: 10px;
     font-size: 22px;
     text-decoration: none;
     margin-top: 30px;
     padding-left: 30px;
     padding-right: 30px;
     cursor:pointer;
} */
 .small{
    font-size:0.8em;
}

 .arrow-right-container {
     display: inline-block;
     padding-left: 8px;
     padding-bottom: 1px;
}
 .arrow-container {
     padding-bottom: 3px;
     display: inline-block;
     padding-left: 8px;
}
.arrow-right {
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    border-top: 3px solid currentColor;
    border-right: 3px solid currentColor;
    transform: rotate(45deg);
 }
 .arrow {
    /* display: inline-block;
    */
     width: 7px;
     height: 7px;
     border-top: 1px solid #002560;
     border-right: 1px solid #002560;
}
 .arrow-bottom {
     transform: rotate(135deg) 
}
 .arrow-top {
     transform: rotate(-45deg) 
}

 .check{
    color:#5fc139;
}

#progressBar {
    width: 100%;
    background-color: #f3f3f3;
}

#progressBarFill {
    width: 0%;
    height: 30px;
    background-color: #4caf50;
    text-align: center;
    line-height: 30px;
    color: white;
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// headerview //////////
/*/
/*/
///////////////////////////////////////////
/*/

 #header{
    padding-bottom:20px;
}
 #logo{
    font-size:30px;
    padding-left:15px;
     padding-top:15px;
    padding:15px;
     display:inline-block;
     letter-spacing:-2px;
    /* font-style: italic;
    */
    /* font-family: Gugi;
    */
     font-family: Allerta Stencil;
     color:white;
}
 #logoutdiv{
    text-align: center;
     padding-top:40px;
    background-color:white;
}
 #sessiondiv{
    background-color:#EBEBEB;
    padding:3px;
    text-align:right;
}
 #language-links{
    display:inline-block;
    vertical-align: top;
    line-height: 160%;
    padding-right:20px;
}
 #language-links a{
    color:white;
    text-decoration:none;
}
 #language-links a:visited{
    color:white;
}
 #language-links .active_lang{
    font-weight:600;
    text-decoration:underline;
}
 #header-contacts-wrapper{
    display:inline-block;
}
 #headercontacts{
    float:right;
    padding-top:15px;
     padding-right: 15px;
     color:white;
    font-size:18px;
}
 #headerphone{
    font-size:1.1em;
    padding-top:5px;
}
.flash{width:100%; text-align:center; padding:5px; font-size:22px; color:#4434b2; background-color: aliceblue; border:1px solid #EBEBEB;}

 @media (max-width: 820px) {
    body{overscroll-behavior-y: contain !important;}
     #logo{
        font-size:24px;
        padding-left:7px;
         padding-top:9px;
        padding:7px;
    }
     #header{
        padding-bottom:10px;
    }
     #headercontacts{
        padding-top:7px;
        font-size:14px;
    }
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// identity //////////
/*/
/*/
///////////////////////////////////////////
/*/
 #identity-container-outer{
    width:100%;
    margin:auto;
    min-height:90vh;
}
 #identity-container{

     background-repeat: no-repeat;
     background-position:right top;
     background-size: cover;
}

 .dokobit-main__header{
    display:none;
}
 #identh3{
    
     padding-bottom:20px;
     font-size:20px;
/*     background-color:white;*/
     color:white;
    text-align: center;
}

#identh4{
    margin:auto;
    font-size: 16px;
    color:white;
    text-align: center;
    display:none;
 }

#specify_whos_ident{
    margin:auto;
    font-size:30px;
    background-color:aliceblue;
    color:blue;
    padding:5px;
    text-align:center;

}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// steps //////////
/*/
/*/
///////////////////////////////////////////
/*/
 #steps{
     display:flex;
     justify-content: space-around;
    background-color:rgba(112,0,153, 0.2);
    width:100%;
    font-size: 0;
    border-bottom: 1px solid #6bff6b;
     color:white;
}
 .numberblock{

     font-size:16px;
    padding-top:10px;
     padding-bottom:10px;

}
 .stepnum, .steptext{
    display:inline-block;
}

.time-box{
    display:none;
}

 .activestep{
    font-weight:600;
     color:#6bff6b;
}
 .passedstep{
    color:#7f7f7f!important;
}

 #flash{
    text-align:center;
    font-size:20px;
    color:#4434b2;
}
 @media (max-width: 820px) {
     #steps{
        display:none;
        background-color:rgba(255,255,255);
         background:transparent;
        padding-top:5px;
         padding-bottom:5px;
    }
     .numberblock{
        padding:4px;
        display:block;
        width:90%;
         color:white
    }

}
 #campaign{
     background-color:rgba(255,255,255,0.8);
     text-align: center;
     font-size:40px;
     color:#114611;
     padding:20px;
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// footer //////////
/*/
/*/
///////////////////////////////////////////
/*/
 #disclaimer{
    color:gray;
     padding:20px;
    font-size:12px;
    line-height:160%;
    background-color:white;
     
}
 #base_url{
    height:0;
     width:0;
    clear:both;
}
 #footer{
    padding-top:10px;
    padding-bottom:10px;
    background-color:#114611;
    display:table;
    width:100%;
}
 #footerrow{
    display:table-row;
    vertical-align: center;
    font-size:18px;
     color:white;
}
 #footerrow div{
    display:table-cell;
    text-align: center;
}
 @media (max-width: 820px) {
     #footer{
        padding-left:0;
        padding-right:0;
    }
     #footerrow{
        display:block;
    }
     #footerrow div{
        display:block;
        padding-top:5px;
    }
    #campaign{
        background-color:rgba(255,255,255,0.8);
        text-align: center;
        font-size:30px;
        color:#114611;
        padding:10px;
        display:none;
        
   
   }
   #logo{
    font-size: 20px;
   }
}
/*/
////////////////////////////////////////////////////////////////////
/*/
/* /////////////////////// index / calculator / application //////////
/*/
/*/
////////////////////////////////////////////////////////////////////
/*/



    #greenfuture{ 
        padding-top: 40px;
        min-height:100vh;
    }
    .inner ul{
        text-align: left;
    }
    
    #language-links{
        display:none;
    }

     .whyscreep{
        display:inline-block;
      
         
    }
    
    #ap_calc{
        display:none;
    }

    #calculatordiv{
        margin:auto;
        margin-top:50px;
        border:20px solid white;
        width:80vw;
        border-radius:20px;
    }
    #calculatordiv .calculatorsection{
        
        background:rgba(224,224,235,0.95);
    }
    .ocontainer{
        width:600px;
        height:600px;
        font-size:24px;
    }
    
    .left{
        margin-left: 50px;
    }
    
    #steps{
        background:rgba(0,0,0,0.5);
    }

    
    .third{
        margin-top:-150px;
    }
    
    .right{
        margin-left: auto; 
        margin-right: 50px;
        margin-top:-250px;
    }
    

    .inner{vertical-align: center; text-align:  center; line-height: 200%; color:#5c2dac;}
    .inner h3{margin-top:10%;}
    .two{float:right;font-size:102px;margin-top:-120px; color:white;}
    
    
    #explanation{
        padding:5vw;
        background-color:rgba(224,224,235,0.9);
        border:20px solid white;
        width:70vw;
        margin:auto;
        font-size:24px; 
        color:#5c2dac;
        margin-top:100px;
        border-radius:30px;
    }
    

    
    .inner ol{padding:0;}
    
    @media (max-width: 1200px) {
        .ocontainer{
            margin-top: 20px;
            margin-right: auto;
            margin-bottom: 0;
            margin-left: auto;
            
        }
        .right{margin-top:50px;}
        
    }
    @media (max-width: 820px) {
         #greenfuture{ 
            padding-top: 20px;
        }
        /*    #steps{
                display:block;
                background:rgba(0,0,0,0.5);
            }
        #steps .numberblock{display:block;width:95%;text-align: left; padding-left:10px;padding-bottom: 5px;padding-top:5px;}
        */
        .ocontainer{  
            width:90vw;
            height:90vw;
           
        }

        .inner{
            vertical-align: top; 
            padding:20px; 
            line-height:140%;
        }
        .inner h3{margin-top:30px;}

        #explanation{
            margin-top: 20px;
            width:70vw;
            padding:5vw;
             font-size:16px;
        }
        .two{float:right;font-size:72px;margin-top:-40px; color:white;}
    }
    @media (max-width: 620px) {
        .ocontainer{
            font-size:20px;
        }
        .inner h3{margin-top:5%;}
    }
    
    @media (max-width: 480px) {
        .ocontainer{
            font-size:14px;
        }
    }
    
 #bodycontainer, #bodycontainer_monthly, #bodycontainer_application{
     min-height:90vh;
     background-repeat: no-repeat;
     background-position:top right;
     background-size: 100%;
     background-attachment: fixed;
}

 #later{
     margin-top:15px;
     font-size:16px;
}


 #firstsection{
     display: flex;
     align-items: stretch;
     justify-content: space-around;
     padding-top:70px;
    margin-top:0;
     padding-bottom: 50px;
}
/**{
    border:1px solid red;
}
*/
 #ourtext {
     color:#05008a;
     width:30%;
     min-height:600px;
     padding:2%;
     background-color: white;
     font-size: 18px;
     opacity:0.96;
     line-height:180%;
}
 #ourtext ul{
    display:inline-block;
    margin:auto;
     list-style-type: none;
}

 #applicationcontainer {
     background-color:white;
     width:30%;
     padding:2%;
}
 #applicationcontainer2 {
     width: 40%;
     padding: 3%;
     min-height:80vh;
     background-color: white;
     margin-left: 5%;
     margin:auto;
    /* opacity: 0.9;
    */
}
 .calculatorsection {
    /* padding-top: 50px;
    */
     font-size:18px;
     background-color: white;
     color: #0032a6;
     padding:30px;
    /* padding-top:0;
    */
     height:600px;
}
 .calcrow{
    padding-bottom: 20px;
    margin-top:30px;
}
 .calcrow:nth-of-type(1){
    margin-top:10px;
}
 .calclabel{
    display:inline-block;
    width:48%;
}
 .calcinput{
    display:inline-block;
    width:49%;
}
 .calcinputinside{
    display:inline-block;
    width:49%;
    position:relative;
}
 .inputback{
    width:49%;
     display:inline-block;
    text-align: right;
}

 .calculatorsection input{
     display:inline-block;
     width:100px;
     text-align: center;
     border: 1px solid #EBEBEB;
     outline:none;
     width: 70px;
     color: #3838b5;
     font-size: 14px;
     height:26px;
     line-height:26px;
     vertical-align: middle;
}
#fineur{
    height:24px;
    line-height:36px;
    width:20px;
    text-align:left;
    display:inline-block;

    font-size: 18px;
    vertical-align: top;
   
    line-height: 1.5;
}
 .calculatorsection select {
     width:60px;
     height:26px;
     line-height: 26px;
     font-size:14px;
     padding-left:10px;
     margin:auto;
     border:1px solid #EBEBEB;
     outline:none;
     color:#3838b5;
}
 .calculatorsection option {
     background-color: #f7f7f7;
     font-size:16px;
     height:36px;
     line-height: 36px;
     color:#3838b5;
}
 #calculatordisclaimer {
     margin: auto;
     text-align: center;
     margin-top: 60px;
     color:gray;
     font-size:14px;
}
 #answercontainer #calculatordisclaimer{
    display:none;
}
 .tooltip {
     margin-left:5px;
     position: relative;
     display: inline-block;
     background-color: #b3f0ff;
     color:#3838b5;
     width:20px;
     height:20px;
     text-align: center;
    /* font-style:italic;
    */
     font-size:16px;
     border-radius:10px;
     line-height: 20px;
     font-weight:600;
}
 .tooltip .tooltiptext {
     visibility: hidden;
     width: 250px;
     background-color: #EBEBEB;
     color: #3838b5;
     text-align: center;
     border-radius: 6px;
     padding: 15px;
     font-style:normal;
     font-size: 14px;
    /* Position the tooltip */
     position: absolute;
     z-index: 1;
}
 .tooltip:hover .tooltiptext {
     visibility: visible;
}

 #monthlyword {
    text-align: center;
}
 #monthlyview {
     outline: none;
     border: none;
     text-align: center;
    /* -moz-border-radius: 15px;
     -webkit-border-radius: 15px;
     border-radius: 15px;
     */
     text-align: center;
    /* color: white;
    */
     padding: 10px;
     font-size: 18px;
}
 .ui-slider .ui-slider-handle {
     background-image:none;
     vertical-align: middle;
     cursor:pointer;
     margin-top: -5px;
     border-radius:15px;
     border:none;
     outline:none;
    /* width:2em;
     left:-.6em;
     text-decoration:none;
     text-align:center;
     */
     background-color: #3838b5;
}
 .ui-state-focus{
    border:none;
}
 .ui-state-active{
    border:none;
}
 .sliders{
     background-color:#3838b5;
     height:2px;
}
 .possiblevalues {
     display: inline-block;
     width: 49%;
     color: grey;
     font-size: 12px;
     padding-top:10px;
}
 .sliderdiv .possiblevalues:nth-of-type(3) {
     text-align: right;
}

 #linktrow{
    text-align: center;
}
 .toapplication, .beautylink{
     display:block;
     width:90%;
     margin:auto;
     background-color: #3838b5;

     text-align: center;
     color: white!important;
     padding: 10px;
     font-size: 22px;
     text-decoration: none;
     margin-top: 30px;
     padding-right: 30px;
     cursor:pointer;
}

.beautylink:visited {
    color: white;
    text-decoration: none;
}

#form .toapplication{
    color:white;
}

 .toapplication:visited {
     color: white;
     text-decoration: none;
}




 @media (max-width: 1280px) {

     body{
        background-size: cover
    }
    
}
 @media (max-width: 820px) {
     
     
     
     .whycheck{
        display:none;
    }
     .whyscreep{
        display:inline-block;
         
    }
 
     #bodycontainer{
        padding-top:0;
        margin-top:0;
    }

     #firstsection{
         flex-direction: column-reverse;
         margin:auto;
        padding:0;
        padding-top:2%;
        margin-top:0;
        padding-bottom:80px;
         width:100%;

    }
     
      #ourtext{
         width:90%;
         padding:5%;
         padding-bottom: 50px;
         margin-left:0;
         min-height: 120px;

         color:#3838b5 

    }
     #ourtext ol{
        text-align: left;
    }
     #ourtext ul{
        text-align: left;
    }
     
     .toapplication{
        clear:both;
        display:block;
        width:80%;
        font-size: 16px;
    }
     #monthlyword, #monthlyview {
         display: block;
    }
     .calcrow{
        display:block;
    }
 


     .tooltip .tooltiptext {
         margin-left:-150px;
    }
     #applicationcontainer{
         display:block;
         margin:auto;
         margin-top:20px;
         padding-top:0;
         padding:0;
         width:100%;
    }
     .calculatorsection{
         background: rgba(255,255,255,0.9);
    }
     #applicationcontainer2 {
         width: 96%;
         padding: 2%;
         background-color: white;
         margin:auto;
        /* opacity: 0.9;
        */
    }
}
 .whiteblock{
    color:#3838b5;
     font-size:20px;
    padding-top:50px;
    line-height:160%;
    padding-bottom:70px;
    padding-top:10px;
    background-color:white;
}
 .whiteinner{
    width:50%;
     margin:auto;
}
 .whiteblock h2{
    color: #8021a3;
    font-weight:200;
}
 .whiteblock ol, .whiteblock ol li{
    padding:0;
    margin:10px;
}
 .hitit{
    display:inline-block;
}
 @media (max-width: 1080px) {
     .whiteinner{
        width:80%;
    }
}

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// application //////////
/*/
/*/
///////////////////////////////////////////
/*/
 #applicationinfo{
    line-height:160%;
     width:80%;
    margin:auto;
     color:grey;
     text-align: center;
     font-size: 20px;
     padding-top:20px;
}


 .errors{
    font-size: 12px!important;
     color:red;
    height:14px;
}
 #form a{
    font-size:12px;
}
 #form a:visited{
    color:blue;
}
 .toapplication2 {
     display:block;
     background-color: #8021a3;
     outline: none;
     border: none;
     height:40px;
     text-align: center;
     color: white;
     padding: 10px;
     font-size: 22px;
    /* float: right;
    */
     text-decoration: none;
     margin:auto;
     margin-top: 30px;
     padding-left: 5%;
     padding-right: 5%;
     width:100%;
     cursor:pointer;
}

 .toapplication2:visited {
     color: white;
     text-decoration: none;
}
 input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
     background-color:white;
     -webkit-box-shadow: 0 0 0px 1000px #fff inset;
     transition: background-color 5000s ease-in-out 0s;
}

#address_choice_container{font-size: 14px;}
.address_choice{padding:3px;cursor:pointer;}
.address_choice:hover{background-color: #f7f7f7;}
.chotext{display:none;padding:3px; background-color:#f7f7f7;font-size: 14px;}
.addresserror{display:none;padding:3px; background-color:#f7f7f7;font-size: 14px;}
.addressok{display:none;padding:3px; background-color:#f7f7f7;font-size: 14px;}
#compgif{display:none;text-align:center;background-color:white;width:100%; overflow:hidden;font-size: 20px; color:#2057b4;}
#roboimg{width:250px; height:auto;}


 @media (max-width: 820px) {
     #form{
        display:block;
        width:90%;
         margin:auto;
         padding:5%;
    }
     #form .trow{
        display:block;
    }
     .trow label, .trow input, .trow select{
        display:block;
        margin:auto;
    }
     .errors{
        font-size: 12px!important;
         color:red;
        display:block;
        text-align:center;
    }
    .application-row{
        padding-left: 10px!important;
        padding-right: 10px!important;
     }
}
/*/
///////////////////////////////////////////////////////////////////////
/*/
/* /////////////////////// bank_account from, application form //////////
/*/
/*/
///////////////////////////////////////////////////////////////////////
/*/
 
#form{
    position:relative;
       margin:auto;
       color:#555555;
       font-size: 18px;
       max-width:500px;
       
       margin-top:50px;
     
    }
    #my_account{
       width:20px!important;
       display:inline-block!important;
    }
    #form label{
       width:80%;
       display:inline-block!important;
    }
    
    .circle {
       position: absolute; /* Position relative to the .container */
       top: 0;             /* Align to the top */
       left: -10px;            /* Align to the left */
       width: 20px;        /* Circle width */
       height: 20px;       /* Circle height */
       background-color: #EBEBEB; /* Circle color */
       border-radius: 50%;    /* Makes the element circular */
     }
    
     .circle-bottom {
       position: absolute; /* Position relative to the .container */
       bottom: 0;             /* Align to the top */
       left: -10px;            /* Align to the left */
       width: 20px;        /* Circle width */
       height: 20px;       /* Circle height */
       background-color: #EBEBEB; /* Circle color */
       border-radius: 50%;    /* Makes the element circular */
     }
    
     .circle-green{
       background-color: #5FC139!important;
     }
    /* *{border:1px solid red;} */
    
    #answercontainer #form{
       margin-left:0;
       margin-top:0;
       max-width: 600px;
    }
    
    .application-part-label{
    
       padding-top:0!important;
        padding-bottom:10px;
        font-size: 14px;
    
       
      }
    
    .application-row{
    
       padding-top:20px;
       padding-left:80px;
       padding-right:80px;
       border-left: 2px solid #EBEBEB;
     
    }
    
    
    .passive-formfield{
       
    }
    
    #form .active-formfield{
       color: #3838b5;
       border-left: 2px solid #3838b5;
    }
    
    .active-formfield input{
       border-bottom: 2px solid #3838b5!important;
       color:#3838b5!important;
    }
    
    .filled-formfield{
       
       border-left:2px solid #5FC139;
       cursor:pointer;
       
    }
    
    .filled-formfield input{
       border-bottom:2px solid white!important;
       cursor:pointer;
    }
    
    #amounttrow{
       padding-top:0;
    }
    
    #monthlyrow, #amounttrow, #periodtrow{
       border-left:2px solid #5FC139!important;
    }
    
    #form #monthlyrow{
       /* width:100%;
       max-width:100%;
       padding-top:10px;
       text-align: center;
       padding-bottom: 10px;
       background-color: #f7f7f7; */
       padding-top:30px;
       padding-bottom:30px;
       
    
    }
    
    #form label{
       display: block;
       font-size: 16px;
    
    }
    
    #form input{
       display:block;
       width:96%;
       padding-left:2%;
       padding-right:2%;
       outline:none;
       border:none;
       border-bottom: 2px solid #EBEBEB ;
       font-size: 16px;
       color:#555555;
    
    }
    
    #form select{
       outline:none;
       border:none;
       cursor:pointer;
       /* background-color: #f7f7f7 ; */
       border-bottom: 2px solid #EBEBEB ;
    
       border-radius:10px;
       border-bottom-left-radius: 0;
       width:100%;
       padding:5px;
       color:#555555;
    }
    
    
    #form select option{
       font-size: 16px;
       color:#3838b5;
    }
    
    #form select, #form input{
       margin-top:10px;
    }
    
    #form select option:nth-of-type(1){
       font-style: italic;
    }
    
    .trowprivacy {
       padding-top:20px;
       display:flex;
       
    }
    .trowprivacy label{
       margin-left:10px;
    }
    
    #privacylabel, #privacylabel a{
       font-size: 16px!important;
    }
    
    #other_creditors_consent, #other_creditors_consent a{
       font-size: 16px!important;
    }
    
    
    #other_creditors_consentlabel, #other_creditors_consentlabel a{
       font-size: 16px!important;
       /* border:1px solid red; */
    }
    
    #form input[type=checkbox]{
       height:16px;
        width:16px;
    }
    
    
    
    input[type="radio"]:checked+label{
        font-weight: bold;
      
       font-size:20px;
    }
    #emta_popup{
       color:blue;
        cursor:pointer;
        text-decoration:underline;
    }
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// answers //////////
/*/
/*/
///////////////////////////////////////////
/*/
#answercontainer{
   
    width: 50%;
    min-height:100vh;
    padding: 3%;
    background-color: white;
    margin-left: 5%;
    margin:auto;
    padding-bottom:200px;
    
}

.positive-answer{
   position:relative;
   border-left:2px solid #5fc139;
   padding:5%;
   padding-top: 0%;
}


.postable{width:100%;border-collapse: collapse;}
.postable td{border: 1px solid #EBEBEB;}
/* .postable tr td:nth-of-type(1){border-left: 3px solid #5fc139;} */
.firstpostable td{padding:7px;}
.scheduletable{text-align: center;display:none;}

#schedulelink{color:blue; cursor:pointer;}
#uparr{display:none;}

/* 
 #answercontainer .toapplication{
    display:none;
} */
 #bank_statement_container{
     width: 70%;
     min-height:100%;
     padding: 3%;
     background-color: white;
     margin-left: 5%;
     margin:auto;
     padding-bottom:200px;
}
 .bankimages{
    max-width:100%;
}
 .bank_account_info{
    margin-top: 30px;
    padding:30px;
     background-color:#f7f7f7;
}
 #bank_account_instructions{
    line-height: 160%;
     font-family:Calibri;
}
 #bank_account_instructions h2{
    margin:auto;
    cursor:pointer;
     text-align:center;
    border-top:1px solid #EBEBEB;
    padding-top:10px;
     padding-bottom:10px;
}
 #bank_account_instructions h2:hover{
    background-color:#EBEBEB;
}
 .bankname{
    display:inline-block;
}


.yellowlink{
    display:block;
    width:90%;
    margin:auto;
    text-align: center;
    color: #49225b;
    padding: 10px;
    font-size: 22px;
    text-decoration: none;
    margin-top: 30px;
    padding-right: 30px;
    cursor:pointer;
    border-radius: 40px;
    background-color: #EBEBEB!important;
 }
 

 #bank_account_instructions .arrow-top{
}
 @media (max-width: 820px) {
     #answercontainer{
        width:96%;
         padding:2%;
         padding-top:100px;
    }
    .circle, .circle-bottom {
        display:none;
    }
     #bank_statement_container{
        width:96%;
         padding:2%;
        font-size: 1.2em;
        font-family:Calibri;
    }
}
/*/
//////////////////////////////////////////
/*/
/* /////////////////////// cookies //////////
/*/
/*/
///////////////////////////////////////////
/*/

/*/
//////////////////////////////////////////
/*/
/* /////////////////////// content //////////
/*/
/*/
///////////////////////////////////////////
/*/
 .content{
    padding:50px;
    width:70%;
    margin:auto;
    background-color:white;
    line-height:160%;
     font-family:Calibri;
}
 .content h1, .content h2, .content h3{
    color: #3838b5;
    font-weight:400;
}
 .content p, .content li{
    color: #00117d;
}

 #calculatorcontainer{
    width:400px;
    margin:auto;
     width: 40%;
     padding:3%;
     padding-top:0;
     border:1px solid #EBEBEB;
     margin-top:50px;
     -webkit-box-shadow: 0px 0px 26px 11px rgba(235,235,235,1);
     -moz-box-shadow: 0px 0px 26px 11px rgba(235,235,235,1);
     box-shadow: 0px 0px 26px 11px rgba(235,235,235,1);
}

 @media (max-width: 820px) {
     .content{
        padding:3%;
         width:94%;
    }
     #check-car-content .car-backgeound-check-image{
        width:100%;
        display:block
    }
}