/*html{
    background-image: url(http://freight-finders.co.uk/wp-content/uploads/2020/06/b-1-1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}*/

body{
    background-color: transparent;
}
.login-image-newlogin {
    background-image: url(https://icargo-public.s3-eu-west-1.amazonaws.com/live/voyagerscaled.jpg);
    height: 100vh;
    background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
}
.overly{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #14141554;
}
.main-login-board1-newlogin {
    margin-top: 230px;
}
.main-login-board1-newlogin h1 {
    color: #fff;
    font-size: 50px;
}
.main-login-board1-newlogin h1:after {
    position: absolute;
    height: 2px;
    width: 62%;
    background: #ef6362;
    content: '';
    bottom: 0px;
    left: 17px;
}
.main-login-board-newlogin {
    background: #fff;
    padding: 10px 20px;
    margin-top: 230px;
    border-radius: 2px;
    box-shadow: 3px 2px 37px 3px #000000a3;
    float: left;
}
.main-login-board-newlogin input {
    border-radius: 0;
    border-right: 0;
}
.main-login-board-newlogin .input-group-addon {
    border-radius: 0;
    background: #fff;
    color: #ef6362;
}
.log2-newlogin input {
    width: 106px;
    letter-spacing: 2px;
    margin-bottom: 15px;
}

.main-login-board-newlogin input {
    border-radius: 0;
    border-right: 0;
}
.sameday-next-newlogin {
    border-radius: 2px !important;
    background-color: #ef6362;
    border-color: transparent !important;
    color: #fff;
    margin: 5px;
    font-size: 15px;
    letter-spacing: 0.5px;
    transition: all 0.5s;
}
.background-logo-out{
    height: 85px;
    position: relative;
    width: 90%;
    margin:15px auto;
}
.background-logo{
    width: 199px;
    background-image: url(https://voyagerlogistics.co.uk/wp-content/uploads/2020/07/cropped-Voyager-Logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    z-index: 999;
    position: absolute;
    top: 0;
    left: 0;
    height: 80px;
    right: 0;
    margin: auto;
    text-align: center;
}

.main-login-board label{
    color: #2b2b2b;
}
.form-group.text-center.log2.log2-newlogin p{
    color: #2b2b2b;
}

.text-in-bg{}
.text-in-bg h1{
    max-width: 600px;
}
.text-in-bg h1:before{
    content: "We offer the complete delivery package";
}
@media only screen (min-width: 481px) and (max-width: 767px){
    .main-login-board-newlogin {
        margin-top: 70px;
    }
}

/*@media only screen and (max-width: 1280px) and (max-height: 610px) {
.main-login-board-newlogin{
        margin-top: 150px;
}
}*/
.sameday-next {
    background-color: #fcaf3b;
    color: #2b2b2b !important;
}
.sameday-next:hover {
    background-color: #2b2b2b;
    color: #fff !important;
}
.main-login-board .input-group-addon{
	color: #fcaf3b !important;
}
.main-login-board1 h1:after {
	background: #fcaf3b !important;
	/*width: 55%;*/
    width: 65%;
}
.main-login-board1 h1{
    font-size: 42px !important;
    font-family: Arial Black,sans-serif !important;
    font-weight: 600;
}

@media only screen and (max-height: 768px) and (max-width: 1280px){
.main-login-board1{
        margin-top: 100px !important;
    }
}

@media only screen and (max-height: 1366px) and (max-width: 1440px){
.main-login-board1 {
    margin-top: 100px;
}
}



