.newpopup { width:950px !important; max-width: 100%; }
.newpopup { border:8px solid #addce3; border-radius:0px; top: 20%;}
.newpopup .modal-content {
   border:0px solid rgba(0,0,0,.2);
    border-radius: 0rem;
    outline: 0;
}

.newpopup h2 { font-size:35px; color: #1b3941; font-weight: 900; 
  margin-bottom:32px; margin-top:25px; margin-left:25px;
   font-family: Avenir Next LT Pro!important;}
.newpopup p { font-size: 20px;
    color: #1b3941;
    margin-left: 25px;
    font-weight: 300;
    line-height: 29px;}

.newpopup button {
    margin-left: 25px;
    border: 3px solid #133a42!important;
    color: #fff;
    padding: 13px 30px;
    background-color: #133a42;
    font-size: 27px;
    font-weight: 900;
    line-height: 18px;
    margin-top: 29px;
    margin-bottom:16px;
    float: left;
}
.newpopup button:hover { color: #133a42; background: #fff; border:3px solid #133a42;}
.popuplogoright { background:#addce3;}
.popuplogoright img { margin-top:20vh; }

.newpopup .modal-body { padding: 0rem 1rem 0rem 1rem !important;}
.newpopup .row { margin-right:-17px; margin-left:-17px;}


@media (max-width:768px)
{

.newpopup {
width: auto !important;
max-width: 100%;
}

.newpopup h2 {
   margin-left: 0px;
}

.newpopup h2 br {
  display:none;
}

.newpopup p {
   margin-left: 0px;
}

.newpopup p br {
  display:none;
}

.popuplogoright img {
    margin-top: 0vh;
    padding: 30px 0px;
}


}







/*....................................... survey pop up.............................*/

.surveytext { max-width:1140px;}
.surveytext .modal-content {
    border: 0px solid rgba(0,0,0,.2);
    border-radius: 0rem;
}

.surveytext .modal-body { padding:0px; }

.surveytext .modal-left h3 {
    font-size: 44px;
    color: white;
    font-weight: 900;
    font-family: Avenir Next LT Pro!important;
}

.surveytext .modal-head {
    background:#a6dde4;
    font-size: 28px;
    padding: 26px 0;
    font-family: Avenir Next LT Pro!important;
}

.surveytext .modal-head h1 {
    font-size: 32px;
    font-weight: 700;
    color: #1B3941;
    margin: 0;
    font-family: Avenir Next LT Pro!important;
}

.surveytextrightmid { width:100%; height:auto; margin-top:20px; }
.surveytextrightmid h2 { font-weight:900;  padding:0px 40px; color: #003942; text-align: left; font-family: Avenir Next LT Pro!important; font-size: 36px; line-height:45px; }
.surveytextrightmid p {
    color: #003942;
    padding:0px 40px;
    text-align: left;
    font-family: Avenir Next LT Pro!important;
    color: #003942;
    font-size: 24px;
    font-weight:300;
    line-height: 34px;
    margin-top:20px;
}

.surveytextrightmid .form-control {
    border-bottom: 2px solid #003942!important;
    border: none;
    border-radius: 0;
    border-top: none!important;
    box-shadow: unset;
    padding: 0;
    font-size: 20px;
    margin-top:26px;
}



.padddrightside0 { padding-left:0px !important; padding-right:0px !important; }
.surveytext .row { margin-left:0px !important; margin-right:0px !important; }


.surveytextrightmid .padding-ten {
    padding-left: 50px;
    padding-right: 50px;
}

.surveytextrightmid .brokerForm-submit {
    font-size: 27px;
    font-weight: 900;
    padding: 9px 77px;
    background: #003443;
    color: #fff;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
    border: 4px solid #003443;
    margin-top: 70px;
}

.surveytextrightmid .brokerForm-submit:hover {
    background: #a6dde4!important;
}




@media (max-width:768px)

{

.surveytext .modal-left h3 {
    font-size: 0px;
   height: 30vh;
}

.surveytext .modal-head h1 {
    font-size: 20px;
}

.surveytext .modal-head {
    font-size: 28px;
    padding: 16px 14px;
}

.surveytextrightmid h2 {
    font-size:27px;
    line-height: 37px;
    padding: 0px 10px;
}

.surveytextrightmid h2 br {
    display:none;
}

.surveytextrightmid p {
    font-size:19px;
    line-height:28px;
    padding: 0px 10px;
}

.surveytextrightmid p br {
    display:none;
}

.surveytextrightmid .padding-ten {
    padding-left: 0px;
    padding-right: 0px;
}


.surveytextrightmid .form-control {
   margin-top: 18px;
}


.surveytextrightmid .brokerForm-submit {
    margin-bottom:10px;
    margin-top: 10px;
    margin-top: 28px;
    width: 100%;
}




}


.form-error, .error {
    color: red;
    text-align: left;
    font-size: 15px;
}



/*....................................... End css.............................*/

.loader-container {
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    width: 100%;
    z-index: 2147483647;
    left: 0;
    top: 0;
    min-height: 100vh;
   
}

 .loader {
        position: fixed;
        z-index: 999;
        overflow: visible;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
}