/* DEFAULTS */
* {
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  padding: 0;
  margin: 0;
  margin-bottom: 60px;
  overflow-y: scroll;
}

.footer {
    position: relative;
    background: #FFF;
    padding-top: 40px;
    text-align: center;
}

h1 {
    font-weight: 600;
}

.h2faq {
    font-weight: 600;
}

/* FORM */
label {
    text-align: left;
    font-size: 1.0rem !important;
    color: #666 !important;
    margin-bottom: 8px !important;
}
.infop {
    text-align: left;
    font-size: 0.85rem !important;
    color: #666 !important;
    margin-bottom: 8px !important;
}

.form-control {
    color: #222;
    text-align: left !important;
    border-color: #CCC;
}

    .form-control:focus {
        border-color: #36809c;
        box-shadow: 0 0 0 0.35rem rgba(204, 239, 252, 0.85);
    }

.input-validation-error {
    border-color: #d00d77;
}

    .input-validation-error:focus {
        border-color: #d00d77;
        box-shadow: 0 0 0 0.35rem rgba(208, 13, 119, 0.20);
    }


.field-validation-error, span {
    color: #d00d77;
    font-weight: 500;
}

/* LINKS */
a, a:link, a:visited, a:hover {
    color: #36809c;
    text-decoration: none;
}

    a:hover {
        color: #36809c;
        text-decoration: underline;
    }

/* OWN STYLES */
.logo-vb-xxx {
    /*width: 450px;*/
    width: 250px;
    max-width: 100%;
}

.container.container-vb {
    max-width: 600px;
    text-align: center;
}

.container.container-vb-md {
    max-width: 800px;
    text-align: center;
}

.container.container-vb-lg {
    max-width: 1000px;
    text-align: center;
}

.how-text {
    background: #FFF !important;
    color: #222 !important;
}

/* HERO IMAGE */
.hero-image-vb {
    background: yellow;
    /*background: url('../images/start_2_1280.png') no-repeat;*/
    background: url('../images/bg_green.webp') no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    padding-bottom: 3rem !important;
}

    .hero-image-vb * {
        color: #FFF;
    }

    .hero-image-vb .lead {
        background: rgba(0,0,0,0.7);
        color: #FFF;
        font-size: 1.3rem;
        border-radius: 5px;
        padding: 1rem;
        font-weight: 300;
    }

    .hero-image-vb .logo-vb {
        width: 450px;
        max-width: 80%;
    }

.lead-text {
    color: #FFF;
    font-size: 2.2rem;
    line-height: 2.7rem;
    font-weight: 300;
}

.lead-text-sm {
    color: #FFF;
    font-size: 1.4rem;
    line-height: 1.9rem;
    font-weight: 300;
}

.ul-start {
    margin: 0 auto;
    border-radius: 8px;
    padding: 15px;
    width: 500px;
    background: rgba(0,0,0,0.0);
}

    .ul-start div {
        text-align: left;
        font-size: 1.2rem;
        color: #FFF;
        font-weight: 500;
        padding: 8px 0;
    }

        .ul-start div img {
            height: 20px;
            vertical-align: middle;
            margin-right: 24px;
        }

.customer-logos {
    text-align: center;
    overflow: auto;
}

.customer-logos img {
    height: 100px;
    margin: 0 10px;
}

.customer-logos {
    text-align: center;
}

@media (max-width: 900px) {
    .hero-image-vb .logo-vb {
        max-width: 65%;
    }

    .hero-image-vb .lead {
        font-size: 1.2rem;
        font-weight: 300;
    }

    .hero-image-vb .lead-text {
        font-size: 1.7rem;
        line-height: 2.3rem;
    }

    .ul-start {
        padding: 10px;
        width: 330px;
    }

        .ul-start div {
            font-size: 0.9rem;
            font-weight: 700;
            padding: 4px 0;
        }

            .ul-start div img {
                height: 18px;
                margin-right: 10px;
            }

}


/* HERO COLOR */
.hero-color-vb {
    background: #0c372e;
    background: linear-gradient(143deg, rgba(8,38,32,1) 0%, rgba(12,55,46,1) 61%, rgba(19,71,60,1) 100%);
    color: #FFF;
}

    .hero-color-vb * {
        color: #FFF;
    }

/* HERO COLOR 2 */
.hero-color-vb2 {
    background: #f97820;
    color: #FFF;
}

    .hero-color-vb2 * {
        color: #FFF;
    }

/* HERO COLOR */
.hero-color-vb3 {
    background: #EEE;
    background: linear-gradient(143deg, rgba(229,235,233,1) 0%, rgba(199,210,207,1) 61%, rgba(211,214,213,1) 100%);
    color: #FFF;
}

.hero-color-vb3 * {
    color: #222;
}

.url-vb {
    font-size: 1.4rem;
}

b.big {
    font-size: 1.3rem;
    color: #0c372e;
}

@media (max-width: 900px) {
    .url-vb {
        font-size: 1rem;
        font-weight: 600;
    }
}

.commenter-vb {
    color: #06b405;
}

.company_name {
    font-size: 2.2rem;
    font-weight: 700;
}

.environment-vb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    border-bottom-right-radius: 6px;
    background: #000;
    color: #FFF;
    font-size: 0.75rem;
}

b.highlight {
    display: inline-block;
    padding: 4px 18px;
    background: rgba(0,0,0,0.4);
    border-radius: 20px;
    color: #f97820;
    font-weight: 600;
}

b.highlight-xl {
    display: inline-block;
    padding: 12px 42px;
    background: rgba(0,0,0,0.4);
    border-radius: 60px;
    color: #f97820;
    font-size: 2.1rem;
    font-weight: 600;
}

    b.highlight-xl span {
        display: block;
        font-size: 1rem;
        font-weight: 400;
        text-align: center;
        color: #f97820
    }

.h-line {
    padding-bottom: 5px;
    border-bottom: 2px solid #222;
}

/* BUTTONS */
.btn {
    font-weight: 600;
}

.btn.btn-block {
    width: 100%;
}

    .btn.btn-primary {
        background: #0c372e;
        border-color: #0c372e;
        color: #FFF;
    }

    .btn.btn-primary a {
        color: #FFF;
        text-decoration: none;
    }

        a.btn.btn-primary:hover,
        .btn.btn-primary:hover {
            background: #185246;
            border-color: #185246;
            color: #FFF;
            text-decoration: none;
        }

.btn.btn-secondary {
    background: #FFF;
    border-color: #222;
    border-width: 2px;
    color: #222;
}

    .btn.btn-secondary a {
        color: #222;
        text-decoration: none;
    }

    a.btn.btn-secondary:hover,
    .btn.btn-secondary:hover {
        background: #EEE;
        border-color: #222;
        color: #222;
        text-decoration: none;
    }

    a.btn.btn-secondary:disabled,
    a.btn.btn-secondary.disabled,
    a.btn.btn-secondary[disabled],
    .btn.btn-secondary:disabled,
    .btn.btn-secondary[disabled] {
        background: #FFF !important;
        border-color: #999 !important;
        color: #999 !important;
        text-decoration: none;
    }

    .btn.btn-danger {
        background: #f97820;
        border-color: #f97820;
        color: #FFF;
    }

        .btn.btn-danger a {
            color: #FFF;
            text-decoration: none;
        }

        a.btn.btn-danger:hover,
        .btn.btn-danger:hover {
            background: #e36712;
            border-color: #e36712;
            color: #FFF;
            text-decoration: none;
        }

    .btn.btn-transparent {
        background: transparent;
        border-color: #f97820;
        border-width: 2px;
        font-weight: 400;
        color: #f97820;
    }

        .btn.btn-transparent a {
            color: #f97820;
            text-decoration: none;
        }

        a.btn.btn-transparent:hover,
        .btn.btn-transparent:hover {
            background: rgba(255,255,255,0.1);
            border-color: #f97820;
            border-width: 2px;
            font-weight: 400;
            text-decoration: none;
        }

.btn-larger {
    font-size: 1.3rem;
    padding: 1rem;
    box-shadow: 4px 4px 7px rgba(0,0,0,0.7);
    font-weight: 400 !important;
}

.btn-couple {
    margin-top: 5rem !important;
}

@media (max-width: 992px) {

    .btn-couple {
        margin-top: 5rem !important;
    }
}

@media (max-width: 768px) {

    .btn-couple {
        margin-top: 4rem !important;
    }
}
@media (max-width: 600px) {

    .btn-couple {
        margin-top: 3rem !important;
    }
}

/* ALERT */
.alert.alert-info {
    background: #cceffc;
    border: 0;
    border-left: 10px solid #9fcfe0;
    border-bottom: 1px solid #9fcfe0;
    color: #36809c;
    text-align: left;
    padding: 1.5rem 2.3rem;
    border-radius: 4px;
}

.alert.alert-discrete {
    background: #EEE;
    border: 0;
    border-left: 10px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #777;
    text-align: left;
    padding: 1.5rem 2.3rem;
    border-radius: 4px;
}

.alert.alert-error {
    background: #e06666;
    border: 0;
    border-left: 10px solid #d11919;
    border-bottom: 1px solid #d11919;
    color: #8e0000;
    text-align: left;
    padding: 1.5rem 2.3rem;
    border-radius: 4px;
}

/* EXTRA */

.btn.comBtnStandard {
    width: 100%;
    border-radius: 20px;
    min-width: 150px;
    background: forestgreen;
    color: white;
    margin: 10px 0;
}

.btn.comBtnStandard a {
    text-decoration: none;
    color: white;

}

.btn.btn-50 {
    width: 50%
}

.btn.btn-25 {
    width: 25%
}

.btn.comBtnError {
    background: #8B0000 !important;
}

/* MENU */
.navbar {
    padding: 14px 0 !important; 
}

.brand-logo {
    max-width: 220px;
    max-height: 60px;
    margin-right: 20px;
}

.navbar-brand {
    font-size: 1.6rem !important;
    font-weight: 700;
    white-space: wrap !important;
    text-align: left !important;
}

.nav-item {
    margin: 0 5px;
}

.navbar-light .navbar-toggler {
    border-color: transparent !important;
    color: #FFF !important;
}

.navbar-toggler-icon {
    width: 1.9em;
    height: 1.9em;
}

.line-break {
    white-space: pre-line;
}

.thirty-char {
    font-size: 1.3rem !important;
    max-width: 300px;
}

/* TABLES */
.list-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 0;
    margin-bottom: 0px;
}

    .list-table th {
        text-align: left;
        background: #EEE;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        font-size: 0.8rem;
        font-weight: 600;
        padding: 6px 8px;
        color: #222;
        white-space: nowrap;
    }

    .list-table td {
        background: #FFF;
        border-bottom: 1px solid #CCC;
        text-align: left;
        padding: 12px 8px;
        font-size: 15px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px;
    }

@media (max-width: 1000px) {
    .list-table {
    }

        .list-table th {
            font-size: 0.65rem;
            padding: 3px 4px;
        }

        .list-table td {
            font-size: 0.75rem;
            padding: 6px 4px;
        }
}

/* LINKS */
a, a:link, a:visited, a:hover {
    color: #0983e8;
}

    a:hover {
        color: #064891;
        text-decoration: underline;
    }

/* COUNTER */
#the-count {
    float: right;
    padding: 0.1rem 0 0 0;
    font-size: 0.8rem;
   
}

.count-color {
    color: #666 !important;
}

/* CARD */
.card {
    border: 1px solid #CCC;
    border-radius: 10px;
}

    .card .card-header {
        border-bottom: 1px solid #CCC;
        background: #EEE;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .card .card-body {
        background: #FFF;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

/* LOADING */

.Panel-Loading-BG {
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 8010;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpCMEM4NDgzQjlDRTNFMTExODE4NUVDOTdFQ0I0RDgxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGREU5OEVCQzAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGREU5OEVCQjAzMjYxMUUyOTg5OURDMDlDRTJDMTc0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkIxQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkIwQzg0ODNCOUNFM0UxMTE4MTg1RUM5N0VDQjREODFFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s3YRAQAAABtJREFUeNpiFODh2cBABGBiIBKMKqSOQoAAAwBokQDs5F/8FAAAAABJRU5ErkJggg==')
}

#Panel-Loading {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAACYCAMAAACoAftQAAAAvVBMVEUAAAAAAAAAAAAODg4AAAAAAAAAAADNzc0BAQHZ2dkDAwMHBwcAAADf398CAgI/Pz8BAQEAAACCgoIcHBzl5eUAAAC/v7/x8fEGBgZnZ2cAAADs7OwGBgb4+Pg/Pz/Jycmenp5nZ2f39/eDg4MAAADQ0ND4+Piurq7a2tr8/Pzs7OwAAAD5+fn9/f3e3t4AAAD///9OTk7BwcE1NTWsrKyNjY2cnJx6enpdXV1oaGgsLCy6uroiIiLOzs5BQUFt3PCNAAAAL3RSTlMAAQMIDRIZHSMnLTpESFNVXWlpbG15en+HiZCWoaGssrO2vsDFydPU3uL4+fr9/Ywv6xsAAAQVSURBVHhe7JZbc6JMGIQXAUOQEMi3uMYkrmopZgqs5ujZ//+zvpdNzMsMlli1N3uRvtCbpzo9I+nmhyqN9OO6GNQ6Ha1SG0mcrhskXe90rvKE6kbX7r9MF4vp2887nfBrqPW0xJemD4w32e7jHIj2602SbNZ7Qfgd0zJLtgKi2B0+tSsE3h8u0RX7HGGfHWrK9oiIbrK69SiQHxTliO5VWtP0rrNEemhoj6muaYqx2XuGyJrwbgUKohhb3hIFM6wCC7Zm4+M5Zs5fpKNiTYndEOUHDFRYCeADLvGiy7DtL7E5/12gJPacalPlqEc2eoFAdmCa2UOGyOhoUuQgwo7PxCwJMGXYGcQMlyCVX3DchCkGs3V6h0iFgyUSZsuS6QQLGaYDhueUHxhf3RpzOqB8dRMcz84lf5FS9A1Ngi2PQm8PF7RBZOnEyqFnSC/BKX6bHQmucpB13mRzCJtTsPUowlpl14if2JifUXcwgeqdA2OLn1C+PdsbzCKkW0a3KeKxbbAxF4FJ9EgAaXGqyFORAuLZNrkMZNoNKnNS9PE5dpltFofjB4PJXIAk5rP/HMu4Ukmm7XjEkwLfc2yT66tJk7lp2T2H1LMtk2wVVsWpcE0SlW4DbeLE/xG3eRvfQv7Fptw4KvpDNRKLt1/3rZty/xbjrPef1+5D018ITYttkiTrfAUsrmzK3RTIT/woHxH3DaZl9h2rRH2aX0ydaYb1BVK1zNdA32RvNn7DkVmmoyeVJvYBMcdl5Vg2/lW0zpSbUNIKT12KLV8wVjsmNvGW63feU3qj86veGQmAA1e5qzbStNZdmVTlRzzbSjG+4+t4u1iqjxxjR6pczaiNBCCVXoGx25X7mUNGgJBHM/QsXWp+dk4U5xJjX4EXSM7ACcCxnnnm2zI8rxVoFgMr/lUwUpyNPvYVx/eRfaUSQzkzLWxEOVhiwynCAd2GvCm/2bquBPEo+LxnDv0YXdyfFOHQP+8EV/kY0enSorxyitoLxxwiabDRqDImWF2JJVBIeVNEk2HgsDGn7vkhcPy67lMOiBGF4AGS3tX8yYqAfb5eF/kRiMPX4cDjEDLd8wezJT4lwtHrMHBtbg6V9oLhYDYLw3A2eSVbn0elSdMCecFg+Ee0Kq7dlftLXSCrRxNE8lzH7hp0Nu3qpHQty7Ztq2sabHvtpb/SLauisVTye1O+N2Ubbxhu2xSAq6x1UwoAWfum8P3Gu5ZNYaUA2jaFJYCofVPYOWnZFD4TcLpxU1ZAnN24KRnfxQ2bshEE/Vub8r0p35vi/t9eHRoBDMNQDJUvMLkOkDMM+8D7b9cR+kOKLPy4juojnQeAkWWVAyLLLINVdovj44N8LOqi/3Djxo0bN5ZvdbWJuwHhrw2ILYdqBwDT2fEEXtrZFmVcCWLiAAAAAElFTkSuQmCC');
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060
}

    #Panel-Loading div {
        width: 44px;
        height: 44px;
        background: url('data:image/gif;base64,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') center center no-repeat
    }

/* CHECKBOX */

/* Customize the label (the container) */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .checkcontainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*Lists*/

ul.a {
    list-style-type: circle;
    text-align: left !important;
    font-size: 1.25rem !important;
    font-weight: 300 !important;
}

ol.a {
    text-align: left !important;
    font-size: 1.25rem !important;
    font-weight: 300 !important;    
}

li {
    font-weight: 300 !important;  
    padding: 0.5rem !important;
}


/* NAVBAR-START*/
.navbar-start {
    padding: 1.1rem 2.2rem !important;
}

/* NAV-LINK-START */
.nav-link-start {
    color: #111 !important;
    font-size: 1.1rem;
    font-weight: 600;
    padding: 0 !important;
    margin: 0 1rem !important;
    border-bottom: 2px solid #FFF;
}

    .nav-link-start:hover {
        color: #111 !important;
        text-decoration: none;
        border-bottom: 2px solid #333;
        padding: 0 !important;
        margin: 0 1rem !important;
    }

@media (max-width: 991px) {

    .nav-link-start {
        padding: 10px !important;
    }

        .nav-link-start:hover {
            padding: 10px !important;
        }
}


    /* STEPS */
    .stepimg {
        max-width: 100%;
        height: 600px;
    }

    /* MOCKUP*/
    .mockupimg {
        max-width: 100%;
    }

.muimg {
    max-width: 100%;
    height: 300px;
    margin-top: 20px;
}


.start-info {
    background: #FFF;
    border-radius: 25px;
    color: #36302F !important;
    padding: 20px;
}

/* VIDEOS */
iframe {
    width: 700px;
    height: 520px;
    max-width: 100% !important;
    border: 10px solid #000;
    border-radius: 10px;
}

@media (max-width: 700px) {

    iframe {
        height: 450px;
    }
}

@media (max-width: 600px) {

    iframe {
        height: 390px;
    }
}

/* TEXT BLOB */
.text-blob {
    background: #FFF !important;
    color: #222 !important;
    text-align: left;
    padding: 1.5rem;
    padding-bottom: 1rem;
    border-radius: 12px;
}

    .text-blob * {
        color: #222 !important;
        background: none !important;
    }

h3 {
    font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
    h3 {
        font-size: 2.5rem;
    }
}

.contactform {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 850px) {

    .contactform {
        width: 100%;
    }
}