/***

====================================================================
	Register Modal
====================================================================

***/

#registrationModal .modal-dialog {
    max-width: 875px;
    padding: unset;
}

#registrationModal .modal-dialog .modal-content {
    border: unset;
    box-shadow: 0 0 30px #333;
}

#registrationModal .modal-dialog .modal-body {
    padding: 0;
}

#registrationModal .modal-dialog .register-image div {
    position: relative;
    background-image: url("/images/stock-photos/image stock (8).jpg");
    background-size: cover;
    background-position: 65% 0;
    width: 100%;
    height: 100%;
    border-radius: 5px 0 0 5px;
}

#registrationModal .modal-dialog .register-form {
    margin-top: auto;
    margin-bottom: auto;
}

#registrationModal .modal-dialog .register-form form {
    padding: 25px;
}

#registrationModal .modal-dialog .register-form form .form-group.text-center {
    margin-bottom: unset;
}

#registrationModal .modal-dialog .modal-body > .row {
    height: 520px;
}

@media (max-width: 576px) {
    #registrationModal .modal-dialog .register-form form {
        background-image: url("/images/stock-photos/image stock (8).jpg");
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        border-radius: 5px;
    }

    #registrationModal .modal-dialog .register-form form > div {
        padding: 35px;
        border-radius: 5px;
        background-color: #ffffffDD;
    }
}


#registrationModal .form-group{
    position:relative;
    margin-bottom:25px;
}

#registrationModal .form-group .eye-icon{
    position:absolute;
    right:30px;
    top:54px;
    color:#222222;
    font-size:18px;
    z-index:1;
    opacity:0.5;
}

#registrationModal .form-group label{
    position:relative;
    color:#626262;
    font-size:16px;
    font-weight:400;
    margin-bottom:15px;
}

#registrationModal .form-group input,
#registrationModal .form-group select {
    position:relative;
    height:55px;
    padding:6px 25px;
    width:100%;
    color:#222222;
    font-size: 1em;
    border-radius:0px;
    transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -webkit-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    box-shadow:0px 0px 18px rgba(0,0,0,0.10);
}

#registrationModal .form-group input:focus{
    border-color:#2680ff;
}

#registrationModal .brochure-list > div {
    height: 100%;
}

#registrationModal .brochure-list .list {
    height: 100%;
    overflow: auto;
    margin-top: 35px;
}

#registrationModal .brochure-list h2 {
    color: #000;
    font-weight: 600;
}

#registrationModal .brochure-list div.brochures {
    height: calc(100% - 120px);
    overflow: auto;
}

#registrationModal .brochure-list div.brochures ul {
    padding: 0 35px;
}

#registrationModal .brochure-list ul li {
    padding: 8px 15px 12px;
}

#registrationModal .brochure-list ul li:not(:last-child) {
    border-bottom: solid 1px #ccc;
}

#registrationModal .brochure-list ul li .download {
    margin: auto;
}

#registrationModal .brochure-list ul li:hover {
    background-color: #efefef;
}

.register-loading .preloader {
    background-color: unset;
}

.modal-close-btn {
    position: absolute;
    right: 25px;
    top: 18px;
    font-size: 1.2em;
    cursor: pointer;
    z-index: 10;
}