@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');

body {
    font-family: "Montserrat", "Trebuchet MS", Tahoma, Verdana, Arial !important;
    font-weight: 300 !important;
}

#footer{
	font-family: "Montserrat", "Trebuchet MS", Tahoma, Verdana, Arial !important;
}

h1,h2{
	font-weight:700;
}

h2{
	margin-top:50px
}

p{
	margin-bottom:25px;
}


#header-content label {
    width: 500px !important;
    color: #47626f;
    letter-spacing: 1.2px;
    font-size: 0.85em;
}

#header-content .field-validation-error {
    font-size: 0.7em !important;
    margin-right: 55px;
}

#header-content .form-group {
    margin-bottom: 10px !important;
}

.header-field {
    color: #000 !important;
    width: 300px !important;
    background: #FFFFFF !important;
    border: 1px solid #678795 !important;
}

.form-group label{
	font-weight:500 !important;
	font-size:1em;
}

#header-content .btn-transparent {
    border: 1px solid #47616F !important;
    color: #47616F !important;
    text-decoration: none !important;
}

.btn-back {
    font-family: "Montserrat", "Trebuchet MS", Tahoma, Verdana, Arial !important;
    background-color: #47616F;
    border: 1px solid #47616F;
    color: #fff;
    border-radius: 0;
    font-size: 22px;
    padding: 15px;
    padding-left: 80px;
    padding-right: 80px;
    font-weight: 500;
}

    .btn-back:hover,
    .btn-back:focus,
    .btn-back.focus,
    .btn-back:active,
    .btn-back.active {
        background-color: #ffffff;
        color: #47616F;
        
    }

#header-content .btn-transparent:hover, #header-content .btn-transparent:focus, #header-content .btn-transparent.focus, #header-content .btn-transparent:active, #header-content .btn-transparent.active {
    background-color: #FFFFFF;
}

#header-content a:link, #header-content a:visited, #header-content a:active {
    color: #00697D !important;
    font-weight: 500 !important;
}
#header-content a:hover {
    color: #47616F !important;
    text-decoration: none !important;
}

#header-content .btn-video {
    font-size: 1.5em;
    font-weight: 400;
    border: 2px solid #fefefe;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: rgb(72,98,111);
    background: -moz-linear-gradient(90deg, rgba(72,98,111,1) 0%, rgba(107,135,149,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(72,98,111,1) 0%, rgba(107,135,149,1) 100%);
    background: linear-gradient(90deg, rgba(72,98,111,1) 0%, rgba(107,135,149,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#48626f",endColorstr="#6b8795",GradientType=1);
    
    position: absolute;
    bottom: 28px
}

    #header-content .btn-video:hover {
        color: #dddddd;
        border: 2px solid #dddddd;
    }

div.register-desc h2 {
    color: #000000 !important;
    font-size: 20px;
    margin-top: 30px;
    font-weight:800;
}

div.register-desc p {
    font-family: 'Libre Baskerville',Georgia,"Times New Roman",serif;
    font-size: 20px;
    margin-top: 25px;
    line-height: 35px;
}

.registerForm .password-group, #loginForm .password-group {
    position: relative;
}

    .registerForm .password-group .password-eye, #loginForm .password-group .password-eye {
        position: absolute;
        top: 25px;
        left: 270px;
        cursor: pointer;
        width: 23px;
        height: 20px;
    }

    .registerForm .password-group .password-show, #loginForm .password-group .password-show {
        background: url("images/eye.png") no-repeat;
        background-size: contain;
    }
    .registerForm .password-group .password-hide, #loginForm .password-group .password-hide {
        background: url("images/eye-slash.png") no-repeat;
        background-size: contain;
    }
.registerForm .form-group {
    position: relative;
}
    .registerForm .form-group .field-tick {
        position: absolute;
        top: 30px;
        left: 282px;
        width: 14px;
        height: 11px;
        background: url(images/tickfa.png) no-repeat;
        background-size: contain;
        display:none;
    }

    .registerForm .form-group .field-tick.password {
        left: 255px;
    }

    .registerForm .form-group .password-requirements {
        background: #fff;
        width: 300px;
        padding: 10px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
        -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
        box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
        -webkit-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
        -moz-box-shadow: 0 0 4px 1px rgba(0,0,0,.08);
    }
        .registerForm .form-group .password-requirements .header {
            border-bottom: 1px solid rgba(0,0,0,.08);
            padding-bottom: 5px;
        }
        .registerForm .form-group .password-requirements .content {
            padding-top: 5px;
            font-size:0.85em;
            font-weight:500;
        }
        .registerForm .form-group .password-requirements .content .col {
            padding: 3px 0px;
        }
        .registerForm .form-group .password-requirements .content .status{
            display:inline-block;
            width:15px;
        }
        .registerForm .form-group .password-requirements .content .status i {
            font-size:0.85em;
        }

        .registerForm .form-group .password-requirements .content .status.unverified {
            color:#1295a9;
        }
            .registerForm .form-group .password-requirements .content .status.unverified i.fa-circle {
                display: inline;
                color: #FF4D00;
            }
            .registerForm .form-group .password-requirements .content .status.unverified i.fa-check {
                display: none;
            }
        .registerForm .form-group .password-requirements .content .status.verified {
            color:#ccc;
        }
            .registerForm .form-group .password-requirements .content .status.verified i.fa-circle {
                display: none;
            }

            .registerForm .form-group .password-requirements .content .status.verified i.fa-check {
                display: inline;
                color: #A9C954;
            }
        
        .registerForm .form-group .password-requirements .content .text.verified {
            color:#ccc;
        }

.registerForm .field-validation-error {
    color: #FF4D00;
}


.btn-register {
    color: #ffffff;
    background-color: #96C954;
    border-color: #96C954;
    border-radius:0;
}

    .btn-register:hover,
    .btn-register:focus,
    .btn-register:active,
    .btn-register.active,
    .open .dropdown-toggle.btn-register {
        color: #ffffff;
        opacity: .7;
    }

    .btn-register:active,
    .btn-register.active,
    .open .dropdown-toggle.btn-register {
        background-image: none;
    }

    .btn-register.disabled,
    .btn-register[disabled],
    fieldset[disabled] .btn-register,
    .btn-register.disabled:hover,
    .btn-register[disabled]:hover,
    fieldset[disabled] .btn-register:hover,
    .btn-register.disabled:focus,
    .btn-register[disabled]:focus,
    fieldset[disabled] .btn-register:focus,
    .btn-register.disabled:active,
    .btn-register[disabled]:active,
    fieldset[disabled] .btn-register:active,
    .btn-register.disabled.active,
    .btn-register[disabled].active,
    fieldset[disabled] .btn-register.active {
        background-color: #96C954;
        border-color: #96C954;
    }

    .btn-register .badge {
        color: #96C954;
        background-color: #ffffff;
    }

    div.captcha-error {
        border: 1px solid #FF0000;
        height: 72px;
        width: 300px;
        line-height: 72px;
        text-align: center;
        background: #FFFFFF;
        color: #FF0000;
    }

@media (max-width : 375px) {
    #header-content .field-validation-error {
        margin-right: 0px;
    }
}