@charset "utf-8";
/* CSS Document */
.swal2-modal {    margin: 15% auto auto auto !important;}
.modal-body {    padding: 20px !important;}
legend {    margin-bottom: 15px !important;}
.modal-dialog {max-width:600px;width:100%;}
.modal-sm {max-width:400px;width:100%;}
#arch-login-modal .login-links a, .products-modal .login-links a {        font-size: 14px;
    color: #008cb0;
    margin: 5px 0 5px 0px;
    width: 100%;
	text-decoration: underline;
    }
.products-modal .login-links {width:100%;text-align: center;float:left;}
.products-modal hr {width:100%;float:left;}
.logout-button {width:100%;float:left;}
	.blue-alert {color:#008cb0;font-weight:normal;}
	.swal2-modal {padding:40px !important;    width: 575px !important;}
.message-login {    color: #9c9c9c;
    font-size: 10px;
    text-transform: uppercase;}
	.swal2-modal .swal2-styled {background-color: #e52d27 !important;background-left-color: #e52d27 !important;background-right-color: #e52d27 !important;}
	.swal2-modal .swal2-styled:hover {background-color: #cfcfcf; !important; }
.change-pwd span {border-bottom: solid 1px #CCC;}
#barfl .change-pwd span:hover {border-bottom: solid 1px #e52d27;color:black !important;}
#barfl .change-pwd {    font-size: 12px !important;
    height: 22px;
    display: block;
    background: #eaeaea;}
#arch-login-modal .login-links a:hover {color:red;text-decoration:underline;  }
/*.login-links span {border-bottom: solid 3px white;}
.login-links span:hover {border-bottom: 3px solid #e52d27; } */
#arch-login-modal .login-links {width: 100%;
    text-align: center;
  }
.popover {    background-color: #e52d27;font-size:11px;}
.popover .blue-alert {text-decoration: underline;}
.popover.top>.arrow:after {border-top-color:#cfcfcf;}
#arch-login-modal .request-link {}
#arch-login-modal .forgot-pwd {}

legend {text-align:center;font-size: 32px;}
@media (max-width:500px) {legend {font-size:28px;}}
#cboxLoadedContent {overflow:hidden;}
.intro {text-align:center;   color: #9c9c9c;}
.loginbut, .loginbut2 {color:white !important;}
#downloads .loginbut, #downloads .loginbut2 {font-size:16px !important;}
@media (max-width:991px) {.loginbut2 {margin-top:20px;}}
#form .loginbut:hover, #form .loginbut2:hover {color:white !important;}
.user-login #email, #architect-login-form .series-email, #forgot-password-modal .series-email, #user-login-form .series-email {margin-top:10px; margin-bottom: 10px;}
#password, #architect-login-form .series-pwd, #user-login-form .series-pwd {margin-bottom:10px;}
#change-password-modal input {    margin-bottom: 10px;}
.item-page .loginbut:hover, .item-page .loginbut2:hover {
    color: white !important;
}
.brochure-form {margin-bottom:5%;}
.arch-modal .user-login {margin:5% 0 5% 0;}
.user-login2 {display:none;}
.brochure_request .form-group {
    width: 48%;
    margin: 1%;
    float: left;
}
.modal object {
	max-width:75px;
	width:100%;
	    margin-bottom: 5px;
}
@media (max-width:999px) {
	.brochure_request .form-group {
  width: 48% !important;
    margin: 1%;
    float: left;
}
}
@media (max-width:768px) {.brochure_request .form-group {
    width: 96% !important;
    margin: 2%;
	float:none;
}}
.pdf-download {text-align:center;text-align: center;
    width: 100%  !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;}
.intro-contact2 {width:500px;}
input[type="radio"] + label, input[type="checkbox"] + label {width:100%;}
.brochure_request .formHorizontal p.formDescription {display:none;}
.formHorizontal select {height:23px;}
.rsform-block {padding:0px;}
.brochure_request label {margin: 5px 30px 3px 0;}

.brochure_request label {height:30px !important;}
.brochure_request .formHorizontal .formControlLabel {
    float: left;
font-size:18px;
    width: 100%;margin-bottom:5px;margin-top:-5px;
padding-top:0px;
    text-align: left;
font-weight:600;
}
.brochure_request .formHorizontal input, .brochure_request .formHorizontal textarea, .brochure_request .formHorizontal select, .brochure_request .formHorizontal .formValidation, .brochure_request .formHorizontal .uneditable-input, .brochure_request .formHorizontal .input-prepend, .brochure_request .formHorizontal .input-append {width:100%;}
.brochure_request input[type="text"],.brochure_request input[type="password"], .brochure_request textarea, .brochure_request select {margin:0;width:100% !important;color:black;background-color:#e8e8e8;border-radius:0px;padding-left:2%;padding-right:2%;padding-top:4%;padding-bottom:4%;    font-family: "myriad-pro" !important;border:solid 0px;}
.brochure_request input[type="text"],.brochure_request input[type="password"], .brochure_request select {padding:0 2% 0 2% !important;height:35px !important;}
.brochure_request .formHorizontal .formControls {margin:0;}
.brochure_request .formHorizontal .rsform-block {margin:0;}
input[type="submit"], .modalsubmit, .loginbut, .loginbut2{        width: 100%;
    background-color:#ed2425 !important;
    background-image: none;
    border: solid 0px;
    color: white;
    height: 45px;
    font-size: 1.15em;
    font-family: "myriad-pro" !important;
    text-shadow: 0px 0px;
    border-radius: 5px;}
	.modalsubmit {    display: block;
    margin: auto;
    text-align: center;
    float: none !important;
    width: 145px !important;
    height: 45px !important;}
input[type="submit"]:hover, .modalsubmit:hover, .loginbut:hover, .loginbut2:hover, .brochure_request input[type="button"]:hover, .brochure_request button[type="button"]:hover  {background-color: #cfcfcf !important;  }
::-webkit-input-placeholder {
   color: #646464;
}

.loginbut:hover, .loginbut2:hover {color:white !important;}
:-moz-placeholder { /* Firefox 18- */
   color: #646464;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #646464;
}

:-ms-input-placeholder {  
   color: #646464;
}
.brochure_request .row {            width: 90%;
    margin: auto;}
#myModal .row, .products-modal .row {width:100%;}
#brochure-request-form .row {width: 90%;
    margin: auto;
    max-width: 560px;}
#brochure-request-form .submit-modal {    width: 50%;
    margin: auto;}
#brochure-request-form .weird {    width: 10%;
    float: left;text-align:center;}	
@media (max-width: 500px) {#brochure-request-form .submit-modal {    width: 100%;
    float: left;}
#brochure-request-form .weird {    width: 100%;
    float: left;text-align:center;}	}	
.brochure_request .form {margin-top:100px;}
#myModal .submit-modal, .products-modal .submit-modal  {  
    width: 50%;
    float: left;  
   }
.products-modal .col-md-4 {margin-bottom:20px;}
#myModal .col-md-4 {margin-bottom:20px;
    margin-bottom: 25px;
    display: inline-block;
    float: none;
	    vertical-align: top;
}
@media (max-width:500px) {#myModal .submit-modal, .products-modal .submit-modal {  
    width: 100%;
    float: left;
	margin-top:10px;  
   }}   
.weird {    text-align: center;
    font-style: italic;
    font-size: 21px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;}
.loginbut, .loginbut2 {        display: block;
    margin: auto;
    text-align: center;
    padding-top: 12px;
	float:none !important;
    width: 145px !important;
    height: 45px !important;}	
.brochure_request .intro {margin-bottom:15px;    font-size: 14px;}

.form h2 {font-size:2.5em;color:black;font-family: "acumin-pro", sans-serif;text-shadow:0px 0px 0px black;font-weight:100;font-kerning: auto;text-rendering: optimizeLegibility;}
@media (max-width:999px) {.brochure_request .formHorizontal .rsform-block {width:100%;float:left;}.weird {margin-top:0px;margin-bottom:5px;} }
@media (max-width:750px) { .brochure_request .formHorizontal .rsform-block {}}
@media (max-width:550px) {.intro-contact2 {width:100%;}.brochure_request .formHorizontal .rsform-block {}#form .modalsubmit {width:100% !important;}
}


