*, html, body {
    margin: 0;
    padding: 0;
}

html, body {
    width:100%;
    height: 100%;
}

body {
    font-family: 'Heebo', sans-serif;
    color: #ffffff;
    font-size: 22px;
    background: #272b38;
}

a.lang, a.lang:visited {
    color: #ffffff;
    text-decoration: none;
    top: 4px;
}

a.lang:hover {
    color: #12c57f;
}

.m-right {
    right: 8px;
}

.m-left {
    left: 8px;
}

.lang .eHolder {
    width: 40px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
}

.lang .eHolder .earth {
    top: -20px;
    width: 80px;
    height: 80px;
}

.e-right {
    right: -20px;
}

.e-left {
    left: -20px;
}

.header, .nuHolder {
    padding: 10px 12px;
}

.lamp {
    margin-bottom: 44px;
}

.error {
    border: 2px #ff0000 solid;
    margin: 18px;
    padding: 24px;
}

.success {
    border: 2px #ffffff solid;
    padding: 25px;
}

.boxText {
    bottom: 0;
    padding: 3%;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
    overflow: auto;
}

.boxText p {
    margin-bottom: 5px;
}


    /* Loader */

.overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(39, 43, 56, 1);
    z-index: 1000;
}

.loader {
    max-width: 320px;
    max-height: 320px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.welcomeText {
    margin: 24px 12px; 
	white-space: pre-line;
}

.welcomeText p {
    margin-bottom: 10px;
}

.singleBox, .imageHolder {
    background-image: linear-gradient(to right, #31485d , #12c57f);
    box-shadow: 0 0 14px 0 #000000;
    vertical-align: text-top;
}

.iconHolder {
    padding: 3%;
    background: #2d3245;
}

.boxIconHolder {
    width: 20%;
}

.boxIconHolder {
    border: 0;
    background: transparent;
}

button.boxIconHolder {
    margin: 0 2%;
}

.linkBtn {
    padding-bottom: 2.5%;
}

.close {
    top: -24px;
    right: -24px;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
}

.imageHolder {
    padding: 4px;
}

.formHolder {
    background: #2d3245;
    padding: 24px;
}

.formHolder label.block {
    margin-bottom: 8px;
}

.formHolder input {
    padding: 12px;
    border: 0;
}

#messageHandler {
    margin: 10px;
}

#messageHandler img {
    top: 12px;
}

.name {
    margin-bottom: 10px;
}


.submitBtn {
    color: #ffffff;
    background-image: linear-gradient(to right, #31485d , #12c57f);
}

.submitBtn:hover {
    background-image: linear-gradient(to right, #12c57f , #12c57f);
}

.none {
    display: none;
}

/* Scroll bar - webkit only */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #2d3245;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #12c57f;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #31485d;
}

/* Media */

@media (min-width: 999px) {
    .logo, .lamp {
       width: 16%;
    }

    h1 {
        font-size: 3.4vw;
    }

    .welcomeText p {
       font-size: 2vw;
       line-height: 2.8vw;
    }

    .singleBox {
        width: 28%;
        margin: 2%;
        padding: 0.14%;
    }

    .boxText {
        font-size: 1.3vw;
        line-height: 1.8vw;
    }

    .formHolder input, .formHolder label {
        font-size: 1.4vw;
    }

    .imageHolder:not(.formHelper) {
        width: 60%;
        margin: 44px auto;
    }

    .imageHolder.formHelper {
        width: 44%;
        margin: 64px auto;
    }


}



@media (max-width: 998px) {
    .logo, .lamp {
        width: 50%;
    }

    .welcomeText p {
        line-height: 28px;
    }

    .singleBox {
        margin: 18px 32px;
        padding: 2px;
    }

    .imageHolder {
        margin: 44px 24px;
    }

    .formHolder input {
        font-size: 18px;
    }

}


@media (max-width: 460px) {
    .boxText{
        font-size: 17px;
    }
}