.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../gif/loader.gif) 50% 50% no-repeat;
	display: none;
}
.hide {
	display: none
}
.error,
.error-msg {
	display: none;
    color: #f70207;
    padding: 10px 5px;
    font-size: 16px;
}
.error.paddingCS {
	padding-left: 70px;
	padding-top: 0;
}
.savings .sitecore-form {
	padding: 50px 20px 20px;
    margin-bottom: 0px;
}
#MylaninRequest {
    padding-left: 9px;
}
.form-group,
.form-check {
    margin-bottom: 2rem;
}
.form-check.bmarginCS {
    margin-bottom: 1rem;
} 
#MylaninRequest label {
	display: inline-block;
    margin-bottom: .5rem;
    font-size: 18px;
    font-weight: bold;
    color: #555555;
}
#MylaninRequest .form-check label {
    margin: .5rem;
}
.form-check-input {
    background: url(../png/checkbox_bg.png) no-repeat left top;
    width: 30px;
    height: 30px;
    cursor: pointer;
    float: left;    
    margin-right: 20px;
}
.form-check-input:checked {
	width: 30px;
    height: 30px;
    background: url(../png/checkboxchecked_bg.png) no-repeat;
}
.form-group input[type=text],
#MylaninRequest input[type=text] {
	max-width: 100%;
	border-radius: 5px;
	color: #75758b;
}
#MylaninRequest input.error_input {
    border: 2px solid #f70207;
    border-radius: 5px;
}
.form-group select#State {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #c6ced3;
    padding: 0 15px;
    color: #75758b;
    appearance: auto;
    -moz-appearance: auto;
    -webkit-appearance: auto;    
    word-wrap: normal;
}
#MylaninRequest ul {
	list-style: disc;
    line-height: 1.5;
    padding-left: 23px;
    padding-bottom: 20px;
}
#MylaninRequest ul li {
	padding-bottom: 10px;
}
.savings #MylaninRequest .privacy {
    max-width: 70%;
    font-size: 14px;
    padding: 0;
    margin-bottom: 2rem;
}
.savings-form-step2 .text-description {
    margin: .5rem 0;
}
.savings-form-step2 .privacy-para {
    padding-left: 63px;
}
.formbtn-primary {
	background: #0071d5;
	padding:  15px 72px 15px;
	font-size: 18px;
	border-radius: 30px;
	border: none;
	color: #FFF;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: bold;
}
/*.formbtn-primary:hover {
	background-color: #0f0c97;
}*/
/*------------------- Learn-more-about-brand --------------------*/
.savings .component.Content-Teaser.Learn-more-about-brand {
    border-top: 5px solid #BFCBD5;
    width: 100%;
    margin-top: 2rem;
}
@media only screen and (min-width: 1200px) {
    #MylaninRequest {
        padding-right: 45px;
    }
    .savings-form-step1 .form-group {
        max-width: 70%;
    }
    .savings-form-step1 .form-group.row {
        max-width: 72.4%;
    }
}
@media only screen and (max-width: 1024px) {
    .savings #MylaninRequest .form-check.bmarginCS {
        margin-bottom: 0;
        padding-bottom: 1rem;
    }
    .savings #MylaninRequest .form-group, 
    .savings #MylaninRequest .form-check {
        margin-bottom: 0;
        padding-bottom: 2rem;
    }
    .savings-form-step1 .form-group.row,
    .savings-form-step1 .form-group {
        max-width: 100%;
    }
    .form-check-input {
        margin-right: 10px;
    }
    .savings #MylaninRequest .form-group, 
    .savings #MylaninRequest .form-check {
        padding-left: 9px;
        padding-right: 9px;
    }
    .savings #MylaninRequest .form-group.row, 
    .savings #MylaninRequest .form-check.row {
        padding-left: 0;
        padding-right: 0;
    }
    .saving-allfields-required {
        padding-left: 9px;
    }
    #MylaninRequest ul {
        padding-left: 30px;
    }
    .savings #MylaninRequest .privacy {
        padding-left: 9px;
    }
    .formbtn-primary {
        margin-left: 9px;
    }
}
@media only screen and (max-width: 767px) {
    
    #MylaninRequest {
        font-size: 15px;
    }
    #MylaninRequest label {
        font-size: 15px;
    }
    .savings #MylaninRequest .form-control {
        font-size: 15px;
    }
    .savings-form-step2 .email-description {
        padding-top: 1rem;
    }
    .savings #MylaninRequest .form-group.row {
        padding-bottom: 0;
    }
    .savings #MylaninRequest .form-group.row .col24-24 {
        padding-bottom: 2rem;
    }
    .savings-form-step2 .privacy-para {
        padding-left: 0;
    }
    .savings #MylaninRequest .form-check.bmarginCS label.form-check-label {
        display: inherit;
    }
    .error.paddingCS {
        padding-left: 55px;
    }
}