/*Top Banner*/
.blackBG {background: rgba(0, 0, 0, 0.70); box-shadow: 0 0 40px -10px rgba(0,0,0,1); }
blockquote {min-height: 132px; border: 0; margin: 0; min-height: 317px; overflow: hidden; position: relative; }
blockquote .contentQuote {left: 0; padding: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }
blockquote .contentQuote p {font-family: "Myriad Pro Light", Arial, Helvetica, sans-serif; font-size: 25px; font-weight: 300; line-height: 28px; padding-top: 20px; position: relative; text-align: center; z-index: 2; }

/*New Demo Forms*/
.demoForm {position: relative;top: -60px;}
.demoForm form {border-radius: 0px; border: none; background: rgba(255, 255, 255, 0.95)!important; padding: 50px 30px 30px!important; box-shadow: 0 0 40px -10px #737373; margin-top: -95px;}
.demoForm form.materializeForm .fieldContainer .input input[type=text], form.materializeForm .fieldContainer .input input[type=number], form.materializeForm .fieldContainer .input input[type=email], form.materializeForm .fieldContainer .input textarea, form.materializeForm .fieldContainer .input select.form-control{position: relative; width: 100%; left: 0;}
.demoForm form.materializeForm .fieldContainer{padding-top: 10px; padding-bottom: 10px;}
.demoForm form.materializeForm .fieldContainer fieldset{width: calc(100% - 25px);}
.demoForm form.materializeForm .fieldContainer .input select{width: 100%; color: #777;}
.demoForm form.materializeForm .fieldContainer .input select option{color: #777; }
.demoForm > form > div > div > label{display: block; font-size: 13px; color: #777;}
.demoForm input[type=checkbox] {height: 25px; width: 25px; float: left; margin: 4px 10px 10px 10px; position: relative; font-size: 13px; color: #777;}
.demoForm .header-form {margin: 15px 30px 20px; padding: .5px; top: -8px; position: relative; z-index: 10;}
.demoForm .btn-danger{padding: 10px 16px; background-color: #ff0000;}

/*Open Real Account Button*/
.tryButton.two {background: #00982a; border-color: #038e2a; width: 100%; top: -30px; position: relative; color: #fff;}
.tryButton.two:hover{background:#038e2a;border-color: #038e2a; }

/*white-label background*/
.whiteLabelBackground{position: relative; overflow: hidden; }
.whiteLabelBackground img.whiteLabelBackgroundMockup{position: absolute; left: -23rem; top: 0; width: 40rem;}
.whiteLabelBackground img.cardWhiteLabel{position: absolute; right: -40rem; width: 65rem; top: 0rem; transform: rotate(20deg);}

@media(max-width: 1550px){.whiteLabelBackground img.whiteLabelBackgroundMockup{top:-20rem; } }
/*Responsive*/
@media (max-width: 1199px){.section-marg-2 .img-platform-down {bottom: -60px;}}
@media (max-width: 991px){.section-marg-2 .img-platform-down {bottom: -235px;}.demoForm {top: 10px;} .tryButton.two {top: 24px;} .header-form {top: -15px;} }

@media only screen and (max-width: 768px) {
	.section-marg-2 .img-platform-down {bottom: -26px;    transform: scale(1.1); -webkit-transform-origin-x: 202px;}
	.demoForm {top: 20px!important;}
	.demoForm .header-form {top: 0px!important;}
	.tryButton.two {top: 0px;margin-top: 20px;}
}

/*Loader Demo Form*/
.loader {border: 16px solid #f3f3f3; border-top: 16px solid #ff0000; border-radius: 50%; width: 60px; height: 60px; animation: spin 2s linear infinite; margin:auto;}
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.subtitle-head{font-size: 1.2rem;}