*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}.row:before, .row:after {width:0px; height:0px}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none}

.aino-headline{font-family: Aino-Headline,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important; font-weight: 400!important}
#wrapper{background-color: #fff; position: relative; overflow: hidden; padding-top: 7.5rem}


/* =============================================================================
   header
   ========================================================================== */
#header{background-color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; -webkit-transition: box-shadow .25s linear; -moz-transition: box-shadow .25s linear; -ms-transition: box-shadow .25s linear; -o-transition: box-shadow .25s linear; transition: box-shadow .25s linear}
#header .container-fluid > .row{height: 7.5rem; -webkit-transition: height .25s linear; -moz-transition: height .25s linear; -ms-transition: height .25s linear; -o-transition: height .25s linear; transition: height .25s linear}

#primary-menu{color: #000; font-size: 14px; line-height: 26px}
#primary-menu ul{padding: 0; list-style: none}
#primary-menu a{
    text-decoration: none!important;
    display: block;
    color: inherit;
    -webkit-transition: color .25s linear;
    -moz-transition: color .25s linear;
    -ms-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear
}
#primary-menu > ul > li > a{text-transform: uppercase; font-weight: 700; position: relative; padding-top: 2px; padding-bottom: 2px}
#primary-menu > ul > li > a:before,
#primary-menu > ul > li > a:after{
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: 0;
    background-color: #001ce6;
    -webkit-transition: width .25s linear;
    -moz-transition: width .25s linear;
    -ms-transition: width .25s linear;
    -o-transition: width .25s linear;
    transition: width .25s linear
}
#primary-menu > ul > li > a:before{right: 50%}
#primary-menu > ul > li > a:after{left: 50%}

#primary-menu > ul > li:hover > a,
#primary-menu > ul > li.current-menu-item > a,
#primary-menu > ul > li.current-menu-parent > a,
#primary-menu > ul > li.current-menu-ancestor > a,
#primary-menu > ul > li.current-page-item > a,
#primary-menu > ul > li.current-page-parent > a,
#primary-menu > ul > li.current-page-ancestor > a,
#primary-menu > ul > li > a.mPS2id-highlight{color: #001ce6}

#primary-menu > ul > li:hover > a:before,
#primary-menu > ul > li:hover > a:after,
#primary-menu > ul > li.current-menu-item > a:before,
#primary-menu > ul > li.current-menu-parent > a:before,
#primary-menu > ul > li.current-menu-ancestor > a:before,
#primary-menu > ul > li.current-menu-item > a:after,
#primary-menu > ul > li.current-menu-parent > a:after,
#primary-menu > ul > li.current-menu-ancestor > a:after,
#primary-menu > ul > li.current-page-item > a:before,
#primary-menu > ul > li.current-page-parent > a:before,
#primary-menu > ul > li.current-page-ancestor > a:before,
#primary-menu > ul > li.current-page-item > a:after,
#primary-menu > ul > li.current-page-parent > a:after,
#primary-menu > ul > li.current-page-ancestor > a:after,
#primary-menu > ul > li > a.mPS2id-highlight:before,
#primary-menu > ul > li > a.mPS2id-highlight:after{width: 14px}

#primary-menu li{position: relative}

@media (min-width: 1024px){
    #header.fixed{-webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.15)}
    #header.fixed .container-fluid > .row{height: 5rem}
    #header-items,
    #primary-menu > ul{
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    #header-items > * + *,
    #primary-menu > ul > li + li{margin-left: 40px}

    #primary-menu li > ul{
        display: none;
        padding-top: 10px;
        position: absolute;
        top: 100%;
        left: 50%;
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap;
    }
    #primary-menu li > ul > li{background-color: #001ce6; overflow: hidden}
    #primary-menu li > ul > li:first-child{
        -webkit-border-top-left-radius: 15px;
        -moz-border-radius-topleft: 15px;
        border-top-left-radius: 15px
    }
    #primary-menu li > ul > li:last-child{
        -webkit-border-bottom-right-radius: 15px;
        -moz-border-radius-bottomright: 15px;
        border-bottom-right-radius: 15px
    }
    #primary-menu li > ul > li + li{margin-top: 1px}
    #primary-menu li > ul > li > a{display: block; color: #fff; padding: 10px 15px}

    #primary-menu li:hover > ul{display: block}
    #primary-menu li > ul > li:hover > a,
    #primary-menu li > ul > li.current-menu-item > a,
    #primary-menu li > ul > li.current-menu-parent > a,
    #primary-menu li > ul > li.current-menu-ancestor > a{background-color: rgba(0, 0, 0, .25)}
}

/* =============================================================================
   hero
   ========================================================================== */

.element-hero{position: relative; background-color: #000; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover}
.element-hero:after{content: ''; display: block; position: absolute}
.element-hero:after{
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,28,230,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,28,230,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,28,230,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#001ce6',GradientType=0 )
}

.element-hero .container{position: relative; z-index: 1}
.element-hero .container > .row{height: 21.875rem; padding-bottom: 7.5rem}
.element-hero h1{font-size: 2.8125rem}
.element-hero .col-12 > * + *{margin-top: 25px}
.element-hero .col-12 > * + .btn{margin-top: 35px}
.element-hero .container > .hero-arrow{
    position: absolute;
    left: 100%;
    bottom: 0;
    height: 7.5rem;
    width: 160px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #01e3ac;
    font-size: 2.375rem;
    line-height: 1em;
}

.element-hero .container:before {
    content: '';
    display: block;
    width: 9000%;
    height: 7.5rem;
    position: absolute;
    bottom: -.5px;
    right: 15px;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    background-color: #fff;
}

/* =============================================================================
   footer
   ========================================================================== */
#footer{overflow: hidden; font-size: 0.9375rem; line-height: 1.6875rem; color: #fff; background-color: #011393; position: relative}
#footer:before{content: ''; display: block; width: 601px; height: 464px; position: absolute; top: -67px; right: 0; background-image: url(../images/footer-bg.png); background-position: center; background-repeat: no-repeat; background-size: cover}
#footer .container{padding: 5rem 15px 30px 15px; z-index: 1; min-height: 320px}
#footer a{color: inherit}

#footer ul{list-style: none; padding: 0}

#footer h6{color: #01e3ac; font-size: 1.0625rem}
#footer h6 + *{margin-top: 20px}

#footer .row + .row{margin-top: 55px}
#footer .row.align-items-center{font-size: 0.875rem; line-height: 1.25rem}
#footer .row.align-items-center a{text-decoration: underline}
#footer .row.align-items-center a:hover{text-decoration: none}

.copyright-links > ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.copyright-links > ul > li:not(:last-child):after{
    content: 'I';
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}
.copyright-links + *{margin-top: 3px}

.conditions-menu{
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
    .conditions-menu li{
        display: inline-block;
        position: relative;
    }
    .conditions-menu li:not(:last-child){
        margin-right: 1em;
    }
    .conditions-menu li:not(:last-child):after{
        content: "|";
        display: inline-block;
        position: absolute;
        right: -.8em;
    }

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 1024px){
    #menu-toggle{display: none}
}
@media (max-width: 1023px){
    html{font-size: 12px}

    #wrapper{padding-top: 5rem}
    #header .container-fluid > .row{height: 5rem}
    .col-logo{position: relative; z-index: 110}
    .col-logo img{max-width: 70%}

    #menu-toggle {
        display:block!important;
        transition:.8s ease;
        z-index: 110;
        position:relative;
        height:40px;
        width:45px;
        border:2px solid #fff;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomright: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        background: #001ce6
    }

    #menu-toggle .menui {
        display:block;
        position:absolute;
        width:22px;
        top:50%;
        left:50%;
        margin:-1px 0 0 -11px;
        height:2px;
        background:#fff;
        -webkit-transition:all .35s ease-in-out;
        -moz-transition:all .35s ease-in-out;
        -ms-transition:all .35s ease-in-out;
        -o-transition:all .35s ease-in-out;
        transition:all .35s ease-in-out;
        border-radius:1px
    }
    #menu-toggle .menui.menui.mid-menu{width: 18px; margin-left: -9px}
    #menu-toggle:not(.toggled) .menui.top-menu {margin-top:-8px}
    #menu-toggle:not(.toggled) .menui.bot-menu {margin-top:6px}

    #menu-toggle.toggled .menui.top-menu {top:18px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
    #menu-toggle.toggled .menui.mid-menu {opacity:0}
    #menu-toggle.toggled .menui.bot-menu {top:18px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}

    #header-items{
        position: fixed;
        width: 70%;
        top: 5rem;
        bottom: 0;
        background-color: #001ce6;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        padding: 20px;
        text-align: right;
        color: #fff;
        -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.25);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #primary-menu{color: inherit}

    #primary-menu > ul > li + li{margin-top: 10px}
    #primary-menu > ul > li:hover > a,
    #primary-menu > ul > li.current-menu-item > a,
    #primary-menu > ul > li.current-menu-parent > a,
    #primary-menu > ul > li.current-menu-ancestor > a,
    #primary-menu > ul > li.current-page-item > a,
    #primary-menu > ul > li.current-page-parent > a,
    #primary-menu > ul > li.current-page-ancestor > a,
    #primary-menu > ul > li > a.mPS2id-highlight,
    #primary-menu li:hover > a,
    #primary-menu li.current-menu-item > a,
    #primary-menu li.current-menu-parent > a,
    #primary-menu li.current-menu-ancestor > a,
    #primary-menu li.current-page-item > a,
    #primary-menu li.current-page-parent > a,
    #primary-menu li.current-page-ancestor > a{color: inherit; text-decoration: none; opacity: .5;}

    #header-items:not(.toggled){right: -100%}
    #header-items.toggled{right: 0}

    .header-btn{margin-top: 30px}
    .header-btn .btn-outline-primary{color: #fff; background-color: transparent; border-color: #fff}

}


/* =============================================================================
   new company
   ========================================================================== */

.new-company{
    padding-bottom: 7.1875rem;
}
@media (min-width: 1024px) {
    .new-company-col {
        flex: 0 0 770px;
        max-width: 770px;
    }
    .new-company-col-wide{
        flex: 0 0 980px;
        max-width: 980px;
    }
}

/*step progress*/
.company-progress{
    flex-wrap: nowrap;
    margin-bottom: 1.25rem;
    justify-content: space-between;
}
    .company-progress-step{
        flex: 0 0 16.6666667%;
        position: relative;
        text-align: center;
        padding: 0 .9375rem;
    }
    .company-progress-step:not(:first-child)::before{
        background: url(../images/arrow-right.svg) no-repeat center;
        background-size: contain;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 1.5625rem;
        transform: translate(-50%, -50%);
        width: 1.25rem;
        height: 1.25rem;
    }
    .company-progress-step-nr{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.125rem;
        height: 3.125rem;
        border-top-left-radius: .5rem;
        border-bottom-right-radius: .5rem;
        color: #fff;
        background: #eaeaea;
        margin: 0 auto .625rem;
        font-size: 1.5625rem;
        line-height: 1;
        font-weight: 700;
    }
    .company-progress-step.active .company-progress-step-nr{background: #001ce6}
    .company-progress-step.passed .company-progress-step-nr{background: #01e3ac}
    .company-progress-step-title{
        font-size: .9375rem;
        line-height: 1;
        font-weight: 700;
    }

/*step title*/
.company-title{
    display: block;
    position: relative;
    text-align: center;
    padding: 3.125rem 0;
    margin: 0 auto
}
.company-title::before{
    content: url(../images/brick-bottom.png);
    display: block;
    position: absolute;
    right: calc(50% + 128px);
    top: 0;
}
    .company-title small{
        display: block;
        margin: 0 auto;
        font-size: .9375rem;
        line-height: 1;
        color: #001ce6;
        text-transform: uppercase;
        font-weight: 700;
    }

/*business name*/
.company-business-name{
    display: block;
    background-color: #001ce6;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
    width: 100%;
    height: 50px;
    padding: 15px 25px;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
}
    .company-business-name span{
        font-weight: 700;
    }

/*packages*/
.company-packages{
    background-color: #f4f4f4;
}
.company-packages .company-package{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 1.875rem 1.125rem;
    border-top-left-radius: 1.125rem;
    border-bottom-right-radius: 1.125rem;
}
    .company-package.active{
        background-color: #001ce6;
        color: #fff;
    }
    .company-package.active .company-package-link,
    .company-package.active .company-package-title{
        color: #fff;
    }
    .company-package + .company-package{
        border-left: .125rem solid #ebebeb;
    }
    .company-package.active .btn{
        background-color: #fff;
        border-color: #fff;
        color: #001ce6;
    }
    .company-package.active .btn:hover{
        box-shadow: 0 0 0 0.3rem rgba(255,255,255,0.5);
    }
.company-package-title{
    font-weight: 700;
    color: #001ce6;
    font-size: 1.25rem;
}
.company-package-desc{
    display: block;
    font-size: .875rem;
    margin: 10px 0 10px 0;    
}
.company-package-price-wrapper{
    display: flex;
    flex-direction: column;
}
.company-package-price{
    font-size: 2.8125rem;
    line-height: 1;
    font-weight: 700;
}
.company-package-explanation{
    font-size: .9375rem;
    line-height: 1.666667;
    font-weight: 700;
}
.company-package .btn{
    width: 100%;
    margin-top: 1.875rem;
    margin-bottom: 3.75rem;
}
.company-package-link{
    font-size: .875rem;
    line-height: 1.625rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    display: flex;
    align-items: center;
}
    .company-package-link i{
        font-size: 1.25rem;
        margin-left: .625rem
    }
    .company-package-link:hover{
        text-decoration: none;
    }
.company-package-notes{
    margin-top: 1.875rem;
    margin-bottom: 2.5rem;
}

/*forms*/
.company-form input[type="text"],
.company-form input[type="number"],
.company-form input[type="email"],
.company-form input[type="tel"],
.company-form textarea,
.company-form select
{
    background: #ededed;
    padding: .9375rem 1.5625rem;
    font-weight: 700;
    overflow: hidden;
    /*border-top-left-radius: 1.25rem;*/
}
.company-form select{
    font-weight: 400;
}
    .company-form .form-control.is-invalid{
        border: 2px solid #fe0e0e;
    }
    .company-form .form-control.is-invalid::placeholder{
        color: #fe0e0e;
    }
    .company-form .invalid-feedback{
        color: #fe0e0e;
    }
    .company-form .form-group-inline-button input::placeholder{
        color: rgba(0, 0, 0, .6);
    }
    .company-form textarea::placeholder,
    .company-form input::placeholder{
        font-weight: 400;
        transition: color .2s;
    }
    .company-form textarea:focus::placeholder,
    .company-form input:focus::placeholder{
        color: rgba(0, 0, 0, 0)
    }
.company-form input::-webkit-outer-spin-button,
.company-form input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.company-form input[type=number] {
    -moz-appearance: textfield;
}
.company-form textarea{
    resize: none;
    height: 6.25rem;
}
.company-form .invalid-feedback{
    font-size: 1.0625rem;
    font-weight: 700;
    margin-top: .9375rem;
}
.company-form-step-title{
    position: relative;
    display: flex;
    align-items: center;
    color: #001ce6;
    text-transform: uppercase;
    font-weight: 700;
    margin: 1.875rem 0 .9375rem;
}
.company-form-step-subtitle{
    display: block;
    font-size: .9375rem;
    margin: 1.5625rem 0 1rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
}
.company-form-step-notes{
    margin-bottom: .625rem;
}
.company-form-step-info{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #001ce6;
    color: #fff;
    margin-left: .3125rem;
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 1.625rem;
    font-style: normal;
    cursor: pointer;
}
    .company-form-step-info::before{
        content: "?";
    }
    .company-form-step-info.toggled::before{
        content: "+";
        transform: rotate(45deg) translate(-.03rem, -.03rem);
    }
    .form-group.has-info {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .company-form-step-info.form-group-info{
        position: relative;
        flex: 0 0 1.625rem;
        transform: none;
        margin-left: .9375rem;
    }
.company-form-step-info-content{
    position: absolute;
    background-color: #001ce6;
    color: #fff;
    border-radius: 20px 0 20px 0;
    padding: 20px 24px;
    text-transform: none;
    line-height: 1.4705882;
    font-weight: 400;
    margin-top: 5px;
    z-index: 20;
}
    .company-form-step-info-content p + p{
        margin-top: 25px;
    }

.company-form-step-toggle{
    display: inline-block;
    margin-left: auto;
}
    .company-form-step-toggle .btn{
        display: inline-block;
        font-size: .9375rem;
        line-height: 1.5625rem;
        padding: .15625rem .9375rem;
    }


.company-form .form-row + div,
.company-form .form-group + div {
    margin-top: .625rem;
}

.btn-primary.btn-g{
    background-color: #01e3ac;
    border-color: #01e3ac;
    color: #000
}

.form-group-inline-button{
    position: relative;
}
    .form-group-inline-button .btn{
        white-space: nowrap;
        position: absolute;
        right: 0;
        top: 0;
    }
    @media (max-width: 1023px) {
        .form-group-inline-button .btn{
            height: 50px;
        }
    }
    .form-group-flex input:not(:last-child){
        border-bottom-right-radius: 0;
        margin-right: -2rem;
        white-space: nowrap;
    }

.company-form .custom-checkbox{
    padding-left: 0;

}
.company-form .custom-control{
    padding-left: 0;
    min-width: 7.75rem;
    max-width: 100%;
}
    .company-form .custom-control-label{
        color: #000;
        margin-left: 0;
        padding-left: 2.25rem;
    }
    .company-form .custom-control.custom-checkbox .custom-control-label::before{
        border-radius: 0;
    }
    .company-form .custom-control.custom-radio .custom-control-label{
        font-weight: 700;
    }
    .company-form .custom-control-label::before,
    .company-form .custom-control-label::after {
        width: 1.5625rem;
        height: 1.5625rem;
        top: 0;
        left: 0;
    }
    .company-form .custom-control-label::before {
        background-color: #f2f2f2;
        border: #f2f2f2 solid 1px
    }
    .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
        background-color: #f2f2f2;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23001ce6' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
    }
    .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
        background-color: #f2f2f2;
        border-radius: 9rem;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23001ce6'/%3e%3c/svg%3e")
    }
    .company-form .custom-control-label::after {
        background: no-repeat 50% / 50% 50%
    }
    .company-form .custom-control + .company-form-step-notes{
        margin-top: 1.25rem;
    }

.company-form .form-group + .company-form-submit,
.company-form .company-form-submit{
    margin-top: 4.6875rem;
}
    .company-form-submit .btn:not(:last-child){
        margin-right: 1.25rem;
    }

#transferwise-checkbox{
    display: none
}
#transferwise-label{
    display: block;
    color: #fff;
    background: #3c517b;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.col-transferwise-content{
    padding: 1.5rem 0 1.5rem 3.0625rem
}
.transferwise-text{
    position: relative;
    margin-top: 1.875rem;
    padding: 0 0 0 2.1875rem;
}
    .transferwise-text a{
        color: #00c6ff;
        font-weight: 700;
        text-decoration: underline;
    }
    .transferwise-text a:hover{
        text-decoration: none;
        color: #01e3ac
    }
    .transferwise-text::before,
    .transferwise-text::after{
        content: "";
        display: block;
        width: 1.5625rem;
        height: 1.5625rem;
        background: #fff;
        position: absolute;
        left: 0;
        top: 0
    }
    #transferwise-checkbox:checked + #transferwise-label .transferwise-text::after{
        background: url(../images/check.svg) no-repeat center;
        background-size: 1rem auto;
        content: "";

    }

.company-form .table{
    font-size: .875rem;
    margin-bottom: 0
}
    .company-form thead{
        background: #001ce6;
        color: #fff
    }
    .company-form td:first-child,
    .company-form thead th:first-child{border-top-left-radius: 20px;}
    .company-form td:last-child,
    .company-form thead th:last-child{border-bottom-right-radius: 20px;}
    .company-form thead th,
    .company-form td{
        border-top: none;
        border-bottom: none;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .company-form tr:nth-child(even) {
        background: #f2f2f2
    }
.company-form table + table{
    margin-top: 3.125rem
}

.company-payment{
    display: flex;
    align-items: center;
    margin-top: 1.25rem !important;
}
    .company-payment-method:not(:last-child){
        margin-right: 15px;
    }
    .company-payment-check{
        display: none;
    }
    .company-payment-label{
        transition: box-shadow .2s;
    }
    .company-payment-check:checked + .company-payment-label{
        box-shadow: 0 0 0 .25rem #001ce6;
    }


.company-form .iti{
    width: 100%;
}
.company-form .iti--separate-dial-code .iti__selected-dial-code{
    margin: 0 20px 0 15px;
}
.company-form .iti__selected-flag{
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding-right: 30px;
    padding-left: 26px;
}
.company-form .iti__selected-flag::after{
    content: "";
    background-color: #ddd;
    height: 30px;
    margin-top: -15px;
    width: 1px;
    position: absolute;
    right: 15px;
    top: 50%;

}
@media (max-width: 991px) {
    .element-hero .container > .hero-arrow {
        width: 65px;
        right: 0;
        left: initial
    }
    .element-hero .container::before{
        right: 65px;
    }
}
@media (max-width: 768px) {
    .company-form .form-row > div + div{
        margin-top: .625rem;
    }

}
@media (max-width: 640px) {
    .company-progress{
        margin-top: 12.5vw;
        margin-bottom: 9.375vw;
    }
    .company-progress-step-title{
        display: none;
    }
    .company-progress-step-nr{
        width: 8.28125vw;
        height: 8.28125vw;
        font-size: 3.90625vw;
        margin-bottom: 0;
    }
    .company-progress-step:not(:first-child)::before{
        width: 3.90625vw;
        height: 100%;
        transform: translateX(-50%);
        top: 0;
    }
    .step1-description{
        font-size: 3.90625vw;
        line-height: 1.48;
    }
    .company-form{
        font-size: 3.90625vw;
        line-height: 1.48;
    }
        .company-form .form-control,
        .company-form .form-control::placeholder{
            font-size: 3.125vw;
            line-height: 1;
        }
        .company-business-name,
        .company-form-step-title{
            font-size: 3.125vw;
            line-height: 1;
        }
        .company-form-step-title{
            margin-top: 4.21875vw;
            margin-bottom: 2.8125vw;
        }
        .company-business-name{
            height: auto;
            padding: 3.4375vw 3.125vw;
        }
        .company-form input[type="text"], .company-form input[type="number"], .company-form input[type="email"], .company-form input[type="tel"], .company-form textarea, .company-form select{
            height: 9.375vw;
            padding: 0 3.4375vw;
            display: flex;
            align-items: center;
        }
        .company-form textarea{
            padding: 3.125vw 3.4375vw;
        }
        .form-group-inline-button .btn{
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 7.8125vw;
            font-size: 2.65625vw;
            height: 9.375vw;
        }
        .form-group-inline-button .form-control{
            height: 9.375vw;
        }
        .company-form-step-title{
            flex-wrap: wrap;
        }
        .company-form-step-title .btn{
            padding: 1.875vw 3.4375vw;
        }
        .company-form-step-info-content{
            position: relative;
            top: 0 !important;
            left: 0 !important;
            flex: 0 0 100%;
            width: 100%;
            order: 999;
            margin-top: 1.875vw;
        }
        .company-form thead th, .company-form td {
            padding-left: 3.4375vw !important;
            padding-right: 3.4375vw !important;
        }
        .company-form .form-group + .company-form-submit, .company-form .company-form-submit{
            margin-top: 10.15625vw;
        }
        .company-form .table{
            font-size: 3.125vw;
            line-height: 1.48;
        }


    .company-title{
        font-size: 7.8125vw;
        line-height: 1;
        padding: 6.25vw 0;
    }
        .company-title small{
            font-size: 3.125vw;
            margin-bottom: 1.875vw;
        }
    .new-company{
        padding-bottom: 14.0625vw;
    }
    .company-packages{
        flex-direction: column;
        background-color: #fff;
    }
        .company-packages .company-package{
            flex: 0 0 auto;
            align-items: flex-start;
            background-color: #f4f4f4;
            border-bottom-right-radius: 0;
            border-top-left-radius: 0;
            padding-right: 40.535714%;
        }
        .company-packages .company-package.active{
            background-color: #001ce6;
        }
        .company-package + .company-package{
            margin-top: 1.71875vw;
            border-left: none;
        }
        .company-package-price-wrapper{
            position: absolute;
            right: 0;
            top: 0;
            height: 100%;
            width: 40.535714%;
            justify-content: center;
        }
        .company-package-title{
            text-align: left;
        }
        .company-package-desc{
            text-align: left;
            padding: 2.34375vw 0 3.90625vw;
        }
        .company-package .btn{
            margin: 0;
            padding: 3.4375vw 4.6875vw;
            width: auto;
        }
        .company-package-link{
            display: none;
        }
    #transferwise-label{
        padding-bottom: 2.34375vw;
        overflow: hidden;
    }
        .transferwise-row > div{
            flex: 0 0 100%;
            max-width: 100%;
        }
        .col-transferwise-content{
            padding-right: 30px
        }
        .col-transferwise-content img{
            width: 40.625vw;
            height: auto;
        }
        .col-transferwise-image{
            text-align: center;
        }

    .company-payment{
        flex-wrap: wrap;
    }
        .company-payment-method:not(:last-child){
            margin-right: 1.5625vw;
        }
        .company-payment-method{
            width: 28.90625vw;
            height: auto;
        }

    #footer::before{
        background-size: contain;
        background-position: right top;
        left: 45%;
        top: -30px;
        width: 100%;
    }
    .element-hero h1{
        font-size: 7.03125vw;
    }
    .element-hero .container::before{
        height: 18.75vw;
        border-top-right-radius: 6.25vw;
        right: 20.3125vw;
    }
    .element-hero .container > .row{
        height: 64.0625vw;
        padding-bottom: 18.75vw;
    }
    .element-hero .container > .hero-arrow{
        left: auto;
        right: 0;
        width: 20.3125vw;
        height: 18.75vw;
    }
}

/* =============================================================================
   steps
   ========================================================================== */

.step1{

}
    .step1-description{
        margin-top: 2.5rem;

    }
    .step1-submit-alt{
        margin-top: 1.875rem
    }


/*04.2020*/
.company-package{
    position: relative;
}
.company-package.active{
    transform-style: preserve-3d;
}
.company-package.active:last-child::before,
.company-package.active:first-child::before{
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    transform: translateZ(-1px);
}
.company-package.active:last-child::before{
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
}

.form-group.has-info{
    flex-wrap: wrap;
}
.form-group.has-info > [class^="iti"],
.form-group.has-info > .form-control{
    max-width: calc(100% - 41px)
}
.form-group.has-info .invalid-feedback{
    display: block;
    flex: 0 0 100%;
}

select.form-control.is-invalid{
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.company-form .iti__flag-container{
    left: 2px!important;
    top: 2px!important;
    bottom: 2px!important;
}

.company-form-step-subtitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company-form-step-subtitle .company-form-delete-row{
    background: transparent;
    border: none;
    font-size: 1.5rem;
    color: #001ce6
}

/*21-04-2020*/
.step1-existing{
    background: #f2fdfa;
    padding: 2rem 1.25rem;
    border-top-left-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
}
    .company-form .form-group + .step1-existing{
        margin: 2.25rem auto 3.375rem;
    }
.step1-existing-title{
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .9375rem;
    margin-bottom: 1.25rem;
}
.step1-existing-list{
    padding-left: 0;
    font-size: 1.0625rem;
    list-style: inside decimal;
}
.step1-existing-list li + li{
    margin-top: .75rem;
}
    @media (min-width: 575px) {
        .step1-existing-col:first-child{padding-right: 2rem}
        .step1-existing-col:not(:first-child){padding-left: 2rem}
    }
    @media (max-width: 575px) {
        .step1-existing-col:not(:first-child){padding-top: 1rem}
    }

.step6-content{
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 26.25rem;
    text-align: center;
    font-size: 1.0625rem;
}
.step6-title{
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: .75rem;
}

#wrapper{overflow:hidden}
.new-company{position: relative; z-index: 2}
.new-company::after,
.new-company::before{
    background: url(../images/bgs/company-bg.svg) no-repeat center;
    background-size: contain;
    content: "";
    display: block;
    width: 858px;
    height: 825px;
    position: absolute;
    right: 66.6666%;
    top: 9.5rem;
    z-index: -1;
}
.new-company::after{
    top: 19rem;
    right: auto;
    left: 66.6666%;

}


/* Kaimari täiendused*/
.input-group > .input-group-append > .input-group-text {
    background: #ededed;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.5;
    color: inherit;
    border: none;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 20px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.company-form thead th, .company-form td {
    width: 50%;
}

.company-form .invalid-feedback{
    display: block;
}