#SiteGridContainer { background-color: #F5F5F6; }
#SiteGrid { max-width: 1200px; padding: 0 15px 145px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#GridRight { display: none; }
#PageBreadCrumps { width: 100%; order: 1; }
#GridLeft { display: block; float: none; order: 2; margin-left: 30px; }
#GridPage { order: 3; width: calc(100% - 370px); }
.footer-newsletter > form.mrw-dynamic-form > input.form-control { background: #f2f3f6; }

.sideNav-title h2 { font-size: 125%; line-height: 1.35; }
.sideNav-title a { font-size: 80%; text-decoration: underline; }
.sideNav-list { font-size: 100%; list-style: none; width: 340px; max-width: 100%; margin: 0; margin-top: 25px; }
.sideNav-list li { height: 58px; display: flex; border-top: 1px solid #ececed; }
.sideNav-list li a { display: flex; align-items: center; width: 100%; height: 100%; position: relative; transition: all 0.3s ease; }
.sideNav-list li a svg { margin-left: 25px; margin-right: 19px; transition: all 0.3s ease; }
.sideNav-list li a:after { content: ""; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #231f20; position: absolute; left: -6px; opacity: 0; transition: all 0.3s ease; }
.sideNav-list li a:hover { background-color: #231f20; color: #fff; }
.sideNav-list li a:hover svg { fill: #fff; }
.sideNav-list li a:hover:after { opacity: 1; }

@media(max-width:767px) {
    #GridLeft { display: none; }
    #GridPage { width: 100%; order: 2; }
    #SiteGrid { display: block; }
}

.account-wrapper { padding: 52px 32px; background-color: #fff; }
.account-wrapper.noUser .loginToView { display: block; margin: 0 auto; }
.account-wrapper .form-title { background-color: #e5be78; display: inline-block; padding: 0 23px; }
.account-wrapper .form-title svg { display: inline-block; width: 25px; height: 29px; vertical-align: middle; margin-left: 12px; }
.account-wrapper .form-title h1 { display: inline-block; font-size: 200%; line-height: 1.35; vertical-align: middle; }

.account-wrapper .mrw-dynamic-form { max-width: 450px; margin-top: 30px; }
.account-wrapper .mrw-dynamic-form .control-wrap:before { content: ""; position: absolute; right: -1px; width: 1px; height: 100%; background-image: linear-gradient(to left, #f1d7a0, #e2b86e); }
.account-wrapper .mrw-dynamic-form fieldset div[class^="col-"] { padding-left: 10px; padding-right: 10px; }
.account-wrapper .mrw-dynamic-form fieldset { padding: 0; margin: 0 -10px; border: none; }
.account-wrapper .mrw-dynamic-form .form-control { border: none; border-radius: 0; box-shadow: none; margin: 0; background-color: #f2f3f6 !important; position: relative; }
.account-wrapper .mrw-dynamic-form input.form-control { height: 44px; }
.account-wrapper .mrw-dynamic-form .mrw-form-label { position: absolute; z-index: 1; display: block; top: 10px; right: 5px; left: 0; padding: 0 5px; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; pointer-events: none; color: #231f20; font-size: 75%; }
.account-wrapper .mrw-dynamic-form .form-control:focus ~ label.mrw-form-label, .mrw-dynamic-form .form-control.focus ~ label.mrw-form-label { top: -17px; left: 0px; font-size: 70%; color: #7c7c7c; padding: 0; }
.account-wrapper .mrw-dynamic-form button.generalBtn { width: 140px; height: 40px; border: none; display: inline-block; font-size: 85%; margin: 0; /*font-family: 'opensans';*/ background-color: #231f20; color: #fff; }
.account-wrapper .mrw-dynamic-form .control-wrap { margin-bottom: 20px; padding-left: 1px; position: relative; }
.account-wrapper .mrw-dynamic-form .form-submit-wrapper { text-align: left; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .mrw-form-label { position: unset; pointer-events: auto; width: 180px; height: auto; padding: 10px 0 10px 35px; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .control-wrap { display: flex; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .control-wrap:before { display: none; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-inputs { display: flex; align-items: center; flex-direction: row-reverse; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input { width: 33%; margin: 0 10px; position: relative; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input:before { content: ""; position: absolute; right: -1px; width: 1px; height: 100%; background-image: linear-gradient(to left, #f1d7a0, #e2b86e); }
.account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input:first-child { margin-left: 0; }
.account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input select { width: 98px; height: 44px; }
.account-wrapper .mrw-dynamic-form .form-messages { top: -20px; }
.account-wrapper .mrw-dynamic-form .form-messages, .mrw-dynamic-form .form-messages .loading, .mrw-dynamic-form .form-messages .success, .mrw-dynamic-form .form-messages .error { color: #e5be78; }
.account-wrapper .mrw-dynamic-form .reqField { font-size: 70%; margin-top: 36px; }
.account-wrapper .mrw-dynamic-form span.error, .mrw-dynamic-form small.error { top: 0; left: 0; }
.account-wrapper .loginError { position: absolute; right: 0; width: 100%; bottom: 70px; text-align: center; }
.account-wrapper .loginError span { font-size: 100%; color: red; }

@media(max-width: 1024px) {
    .account-wrapper .mrw-dynamic-form fieldset { padding-left: 5px; }
}

@media (max-width: 991px) {
    .account-wrapper .mrw-dynamic-form .bd-wrapper .control-wrap { display: block; }
    .account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input select { width: 100%; }
    .account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input:last-child { margin-right: 0 }
}

@media (max-width: 767px) {
    .account-wrapper { padding: 40px 22px; }
    .account-wrapper .form-title { padding: 0 15px; }
    .account-wrapper .form-title svg { margin-left: 5px; width: 20px; height: 23px; }
    .account-wrapper .mrw-dynamic-form .bd-wrapper { margin-top: -20px; }
    .account-wrapper .form-title h1 { font-size: 140%; line-height: 1.5; }
    .account-wrapper .mrw-dynamic-form .form-submit-wrapper { text-align: center; margin-top: 15px; }
    .account-wrapper .mrw-dynamic-form .control-wrap { margin-bottom: 30px; }
    .account-wrapper .mrw-dynamic-form .reqField { margin-top: 0px; }
    .account-wrapper .mrw-dynamic-form .bd-wrapper .birthday-input select { font-size:75%;}
}