/*===========CSS Index============*/

/*===========Base CSS======*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
    margin: 0;
    line-height: 23px;
    padding: 0px;
    background: url('/assets/img/background3.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

img {
    max-height: auto;
    max-width: 100%;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

button,
input,
optgroup,
select,
textarea {
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}



button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}


button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}


textarea {
    overflow: auto;
}


[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}


a:hover,
a:focus {
    text-decoration: none;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
    {
    outline-color: #4285F4
}





/*=========== Form CSS============*/

h1.logo a {
    text-align: right;
}

h1.logo a {
    display: block;
    max-width: 150px;
}

.header-area {
    background: #fff;
    padding: 15px 0px;
    box-shadow: 0px 15px 10px -15px #111; 
}

.sign-in-form-area {
    padding: 0px 0px 40px 0px;
}

.header-area h3 {
    color: #000;
    font-weight: 600;
    font-size: 23px;
    padding-top: 16px;
}

.form-right-inner-text h3 {
    font-size: 27px;
    margin-bottom: 5px;
    color: #353535;
}

.form-left-step ul li {
    font-size: 12px;
    font-weight: 600;
    color: #cbd2d6;
    position: relative;
    padding: 7px 0px;
}

.form-left-step ul li.active {
    color: #2c2e2f;
}

.form-left-step ul li:before {
    position: absolute;
    left: 0px;
    top: 50%;
}


.form-left-step ul li:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: -20px;
    top: 50%;
    margin-top: -4px;
    border-radius: 50%;
    border: 1px dotted #cbd2d6;
    background: #fff;
}

.form-left-step ul li.active:before {
    background: #179BD7;
    border-color: #179BD7;
}

.form-left-step ul {
    background: #fff;
    padding: 12px 40px;
    position: relative;
    border-radius: 2px;
}

.form-inner {
    background: #fff;
    padding: 40px;
    position: relative;
    border-radius: 2px;
}

.form-left-step ul:before {
    position: absolute;
    left: 23.5px;
    top: 50%;
    width: 1px;
    height: 60%;
    background: #cbd2d6;
    content: "";
    transform: translateY(-50%);
}






.form-right-inner-text h3 {
    font-size: 22px;
    margin-bottom: 20px;
    color: #2c2e2f;
    font-weight: 400;
}



.form-inner > p {
    margin-bottom: 30px;
    display: block;
    overflow: hidden;
}

.form-inner label, .form-inner p.checkbox-para label .error {
    display: block;
    margin-bottom: 2px;
    font-size: 14px;
    color: #fb0018;
    font-weight: 300;
}

#terms-error{
	 color: #fb0018 !important;
}

.form-inner input {
    width: 100%;
    border: 1px solid #a3a3a3;
    padding: 14px 10px;
    border-radius: 4px;
    color: #000;
    /*text-transform: capitalize;*/
}

.form-inner p span.errors-control {
    position: relative;
    display: block;
    width: 100%;
}

.form-inner p span > i {
    position: absolute;
    right: 14px;
    top: 14px;
    color: #d35b5b;
    font-size: 15px;
    display: none;
}

.form-inner p {
    margin-bottom: 20px;
}


.form-inner p input[type="submit"] {
    background: #0070BA;
    border: none;
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    transition: all .4s;
    cursor: pointer;

    display: block;
    margin-top: 30px;
}



.form-inner p input:focus {
    outline: 0px solid #0C9BE7;
    border-color: #C72E2E;
}

.form-inner p input:focus + i.fa.fa-exclamation-triangle {
    display: block;
}



.checkbox-label {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.checkbox-label input {
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 19px;
    left: 5px;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 2px;
}

.checkbox-label:hover input ~ .checkmark {
    background-color: #ccc;
}


.checkbox-label input:checked ~ .checkmark {
    background-color: #0070BA;
}

label.checkbox-label input {
    width: auto;
    padding: 0px;
    margin: 0px;
}

span.checkmark {
    margin-top: 6px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.checkbox-label input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-label .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 16px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.form-inner p.checkbox-para {
    margin-bottom: 0px;
	    display: flex;
}

.form-inner p.checkbox-para label {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: normal;
    color: #666;
}

.ms-drop input[type="checkbox"] {
    width: unset;
}

.checkbox-label a {
    color: #0070BA;
}

.intl-tel-input {
    width: 100%;
}


.flag-container {
    border-right: 1px solid #ddd;
    height: 100%;
}

.selected-flag {
    border-right: 1px solid #a3a3a3;
}

.intl-tel-input.allow-dropdown .selected-flag,
.intl-tel-input.separate-dial-code .selected-flag {
    width: 55px;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=tel],
.intl-tel-input.separate-dial-code input[type=text] {
    padding-left: 66px;
}

.footer-area {
    background: #fff;
    padding: 30px 0px 40px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: -1
}

.footer-area P {
    font-size: 12px;
    color: #2c2e2f;
    font-weight: 300;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 0px;
}

.footer-area a {
    display: inline-block;
    color: #2c2e2f;
    font-size: 12px;
    font-weight: 300;
    padding: 0px 10px;
    position: relative;
    line-height: 16px;
}

.footer-area a:after {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 100%;
    content: "";
    background: #2c2e2f;
}

.footer-area a:last-child:after {
    display: none;
}

.promotion-img{
	border-radius: 4px;
    border: solid thin #03366e;
    margin-bottom: 20px;
}

.bg-design{
	background-color: #fff;
    border-radius: 5px;
    padding: 20px 0;
	border: solid thin #03366e;
}

.bg-design3{
	background-color: #fff;
    border-radius: 5px;
    padding: 20px;
	border: solid thin #03366e;
}


.bg-design2{
    padding: 0px;
}


/*=========== Hover CSS============*/

a:hover {
    color: rgba(244, 126, 36, .8);
}


/*=========== Responsive CSS============*/

@media only screen and (max-width:767px) {
    h1{
        font-size: 1.5rem;
    }

    .text-offer {
        font-size: 0.9rem;
    }

    .header-area {
        padding: 15px 0px;
    }
    p.enterprise-user.text-right {
        text-align: center !important;
        margin-bottom: 5px;
    }
    .form-inner {
        width: auto;
        margin: 0px auto 0px;
        padding: 20px;
    }
    .footer-area P {
        text-align: center;
        display: block;
        margin-bottom: 6px;
    }

    .footer-area a {
        text-align: center;
        padding: 6px;
        line-height: 4px;
    }

    .footer-area {
        padding: 20px 0px;
        text-align: center;
    }
    .form-inner p.checkbox-para label {
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
    }
    .header-area {
        text-align: center;
    }

    .header-area a {
        text-align: center;
        margin: auto;
    }

    .header-area h3 {
        padding: 0px;
    }

    #promotion_form_achatLieu, .select2-search__field, .select2-container--default {
        width: 100% !important;
    }

    .header-menu{
       padding: 1% 0;
    }

}

.image-box {
    position: relative;
    margin: auto;
    overflow: hidden;
}
.image-box img {
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}


.image-box:hover img {
    transform: scale(1.05);
}
.pro-btn{
	margin-top: -50px;
    position: relative;
    background: #045480;
}

.btn-block{
    background: #045480;
} 

h1{
    color: #000;
    font-size: 1.5rem;
} 

.btn-primary:hover{
    background: #7D9EC0;
    border-color: #7D9EC0;
}

.btn-primary{
    background: #9FBCCC;
    border-color: #9FBCCC;
}

a:hover{
    color: #7D9EC0;

}

.select2-search__field {
    padding: 10px !important; 
    font-size: 16px !important; 
    color: #666 !important;
}