.compatibilityPage header {
	min-height: 58px;
	height: 58px;
	padding: 0;
	display: flex;
	align-items: center;
}

.compatibilityPage .mainForm .backBtn {
    top: 16px;
    font-size: 15px;
}
.compatibilityPage .mainForm .btn:not(.wpcf7 .btn){
	background-position: 30% center;
	
    max-width: 170px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 640px;
	padding-top: 11px; 
}

form.step-3.steps {
    margin-top: 40px;
}
.btnGroup{
	text-align: center;
	
}

.fields-5.active > form > div.btnGroup > input.opened{
	position: relative !important;
    top: 100px!important;
    left: unset !important;
	transform:unset!important;
}

.compatibilityPage .step-2 .imgBox .form-group.checkbox-1 label,.compatibilityPage .step-2 .imgBox .form-group.checkbox-1:after{
    display: none;
}

.compatibilityPage .step-5 .problemSelector > .form-group .selectBox{
margin-top:10px;
}

.gobackbutton{
	font-size: 16px;
    font-weight: 600;
	text-decoration: underline;
	margin-top: 40px;
	color:black;
	display:block;
	cursor:pointer;
}

.compatibilityPage .step-4 .durationSelector:after,.compatibilityPage .step-4 .durationSelector .form-group label .selectBar{
/* 	display: none; */
}

.compatibilityPage .mainScreen{
	display: unset;
}

.compatibilityPage .mainForm .step-6 .wpcf7-form-control.btn{
	font-family: Blender_Regular;background-image: url(/wp-content/themes/rivkazaide/images/white-phone-icon.svg);
    background-repeat: no-repeat;
    background-position: 30px 17px;
    padding-top: 8px;
    padding-left: 60px;
    padding-right: 40px;
}


.loader {
    border: 7px solid #f3f3f3;
    border-top: 6px solid #ff0078;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 47%;
}

.loader-wrap{
	background: #0000003b;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media only screen and (min-width: 500px)
{
	.compatibilityPage .mainForm .btn:not(.wpcf7 .btn){
		background-position: 35% 54%;
	}
}

#intro .btn {
    background-position: 13px 20px;
    width: 254px;
    padding: 0;
    font-weight: 400;
    height: 64px;
    line-height: 50px;
    padding-left: 0;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #FF3784 0%, #F52E7B 37%, #DB1863 99%, #DB1863 100%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

#intro .btn span {
    width: 243px;
    height: 54px;
    border-radius: 30px;
    background: linear-gradient(0deg, #FF3784 0%, #F52E7B 37%, #DB1863 99%, #DB1863 100%);
    position: relative;
}
#intro .btn span:after {
	content: '';
	background-image: url(/wp-content/themes/rivkazaide/images/next-btn-arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    height: 14px;
    width: 10px;
    left: 14px;
    top: 21px;
}
/*Desktop CSS*/
@media(min-width:1024px){
    .compatibilityPage header {padding: 30px 0;height: auto;}
    .compatibilityPage header.innerHeader {height: 98px;}
    .compatibilityPage .container {max-width: 800px;}
    .compatibilityPage .mainScreen {max-width: 100%;}
    .compatibilityPage .heroSection img {margin-left: 0;max-width: 100%;margin-top: -25px;margin-bottom: -46px;}
    .compatibilityPage{min-height:1px;align-items:center;}
    .compatibilityPage .heroSection {background-color: #F8FAFE;overflow: visible;border-bottom: 5px solid #6EEDE0;}
    .compatibilityPage .heroSection:before {display: none;}
    .compatibilityPage.thanksPage .mainScreen, #intro .mainScreen, .compatibilityPage.thanksPage .mainScreen{min-height:1px;display:block;}
    .compatibilityPage .infoBox .container {max-width: 600px;}
    .compatibilityPage .infoBox .btnBox {display: flex;flex-wrap: wrap;justify-content: center;}
    .compatibilityPage .infoBox .btnBox .btn {width: calc(50% - 12px);margin: 0px 6px;}
    .compatibilityPage .infoBox h1{font-size:35px;line-height:40px;font-weight:700;margin-bottom:40px;letter-spacing:-1px;}
    .compatibilityPage .infoBox p {font-size: 23px;line-height: 32px;padding: 0 65px;margin-bottom: 50px;}
    .compatibilityPage[id^="info"] .mainScreen {height: 100vh;display: flex;flex-direction: column;justify-content: space-between;}
    .compatibilityPage .infoBox {height: auto;}
    .compatibilityPage .infoBox .gobackbutton {margin-top: 90px;}
    .compatibilityPage .mainForm .btn:not(.wpcf7 .btn) {top: 670px;}
    .compatibilityPage .mainForm .backBtn {top: 36px;font-size: 15px;}
    .compatibilityPage div#skin-issue {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 83px;}
    .compatibilityPage div#skin-issue .form-group {flex: auto;max-width: 336px;width: 50%;padding: 0 10px;}
    .compatibilityPage .mainForm .form-container.fields-1 {width: 735px;}
    .compatibilityPage .mainForm .form-container.fields-1 .headingBox {margin-bottom: 74px;margin-top: 30px;}
    .compatibilityPage .mainForm .form-container.fields-1 .headingBox p {margin-bottom: 0;}
    .compatibilityPage .mainForm .headingBox h2 {font-size: 50px;}
    .compatibilityPage .mainForm .headingBox p {font-size: 16px;}
    .compatibilityPage .mainForm {height: 90vh;}
    .compatibilityPage .mainForm .form-container.fields-2 .headingBox h2 br {display: none;}
    .compatibilityPage .mainForm .form-container.fields-2 .headingBox {margin-top: 30px;margin-bottom: 40px;}
    .compatibilityPage .mainForm .form-container.fields-2 .btn:not(.wpcf7 .btn) {top: 75%;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-2, .compatibilityPage .step-2 .imgBox .form-group.checkbox-4, .compatibilityPage .step-2 .imgBox .form-group.checkbox-6, .compatibilityPage .step-2 .imgBox .form-group.checkbox-7 {right: -135px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-3, .compatibilityPage .step-2 .imgBox .form-group.checkbox-5 {left: -135px;}
    .compatibilityPage .step-2 .imgBox .form-group:after {content: '--------------------------------------------------------';}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-2:after {width: 145px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-4:after {width: 75px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-6:after {width: 82px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-7:after {width: 105px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-3:after {width: 135px;right: -145px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-5:after {width: 110px;right: -120px;}
    .compatibilityPage .mainForm .form-container form.step-3.steps {width: 419px;margin:0 auto;}
    .compatibilityPage .mainForm .form-container.fields-4 {width: 935px;}
    .compatibilityPage .step-4 .durationSelector {display: flex;justify-content: space-between;padding: 20px 0;margin-bottom: 80px;}
    .compatibilityPage .step-4 .durationSelector:after {width: 100%;height: 25px;left: 0;}
    .compatibilityPage .step-4 .durationSelector .form-group label .selectBar {top: -50px;width: 100%;height: 25px;}
    .compatibilityPage .step-4 .durationSelector .form-group.complete:first-child label .selectBar {border-radius: 0px 15px 15px 0px;}
    .compatibilityPage .step-4 .durationSelector .form-group.active label .selectBar {border-radius: 15px 0 0px 15px;}
    .compatibilityPage .step-4 .durationSelector .form-group label {padding: 0px 20px;padding-top: 25px;text-align: center;margin-top: 30px;}
    .compatibilityPage .step-4 .durationSelector .form-group label:before {top: 0;right: 50%;transform: translateX(50%);}
    .compatibilityPage .mainForm .form-container.fields-4 .headingBox.mb-50 {margin-bottom: 85px;margin-top: 120px;}
    .compatibilityPage .mainForm .form-container.fields-5 {width: 557px;margin: 0 auto;}
    .compatibilityPage .step-5 .problemSelector {padding: 0 20%;}
    .compatibilityPage .mainForm .form-container.fields-5 .headingBox.mb-50 {margin-bottom: 70px;margin-top: 130px;}
    .compatibilityPage .mainForm .form-container.fields-6 {width: 650px; margin: 0 auto;padding: 0;}
    .compatibilityPage .mainForm .form-container.fields-6 .contactForm {width: 294px;margin: 0 auto;}
    .compatibilityPage .mainForm .fields-6 .headingBox p br {display: none;}
    .compatibilityPage .mainForm .form-container.fields-6 .headingBox.mb-50 {margin-bottom: 30px;margin-top: 50px;}
    .compatibilityPage .facebookSection .container {display: flex;justify-content: center;align-items: center;}
    .compatibilityPage.thanksPage {height: 100vh;}
    .compatibilityPage.thanksPage .mainScreen {height: 100vh; display: flex;}
    .compatibilityPage .thanksHeading h1 br, .compatibilityPage .facebookSection .caption .heading br {display: none;}
    .compatibilityPage .facebookSection .caption .heading {font-size: 20px;margin-bottom: 15px;}
    .compatibilityPage .facebookSection .caption .titleBox h2 {font-size: 50px;}
    .compatibilityPage .facebookSection .caption {margin-top: 50px;left: 0;}
    .compatibilityPage .facebookSection:before {height: calc(100% - 44px);}
    #intro .mainScreen {min-height: 100vh;display: flex;flex-wrap: wrap;}
    #intro .mainScreen > * {width: 100%;}
    .compatibilityPage .statsSec {padding: 40px 0px 30px;}
    .compatibilityPage header .steps ul li:not(:last-child) {font-size: 20px;}
    .fields-5.active > form > div.btnGroup > input.opened {position: static !important;}
    .compatibilityPage .step-1 .form-group label {margin-bottom: 15px;}
    .compatibilityPage .mainForm .form-container.fields-3 .btn:not(.wpcf7 .btn) {top: 55%;}
    .compatibilityPage .step-3 .ageSelector .form-group label span {font-size: 20px;}
    .compatibilityPage .step-3 .ageDescription .content {width: 150px;font-size: 20px;padding: 7px 5px;}
    .compatibilityPage .step-3 .ageSelector .form-group span.selectBox {height: 30px;}
    .compatibilityPage .step-3 .ageSelector .form-group:first-child label .selectBox {border-radius: 0 30px 30px 0;}
    .compatibilityPage .step-3 .ageSelector .form-group:last-child label .selectBox {border-radius: 30px 0px 0px 30px;}
    .compatibilityPage .mainForm .form-container.fields-4 .btn:not(.wpcf7 .btn) {top: 500px;}
    .compatibilityPage .step-4 .durationSelector .form-group label, .compatibilityPage .step-5 .problemSelector > .form-group .selectOptions, .compatibilityPage .step-5 .problemSelector > .form-group > label, .compatibilityPage .step-5 .problemSelector > .form-group .selectOptions .selectTags .tag {font-size: 20px;}
    .compatibilityPage .mainForm .form-container.fields-5 .btn:not(.wpcf7 .btn) {position: static;transform: none;}
    .compatibilityPage .step-5 {height: auto;}
    .compatibilityPage .step-5 .problemSelector {margin-bottom: 60px;}
    .compatibilityPage .step-5 .problemSelector > .form-group .selectOptions .selectTags .tag i {top: 9px;}
    .compatibilityPage .step-5 .problemSelector > .form-group > label:before {width: 14px;height: 14px;box-shadow: 0px 0px 0px 4px #E7EEFA;}
    .compatibilityPage .step-5 .problemSelector > .form-group .selectOptions {max-width: 310px;}
    .compatibilityPage .step-5 .problemSelector > .form-group .selectOptions .options {font-size: 17px;}
    .compatibilityPage .mainForm .form-container.fields-6 .headingBox h2 {font-size: 40px;margin-bottom: 40px;padding: 0 70px;}
    .compatibilityPage .mainForm .fields-6 .headingBox p {font-size: 30px;margin-bottom: 50px;}
    .compatibilityPage .mainForm .fields-6 .headingBox .content {font-size: 21px;}
    .compatibilityPage .step-6 .wpcf7-form-control {padding: 14px 24px;font-size: 17px;height: 52px;}
    .compatibilityPage .thanksHeading h1 {font-size: 40px;}
    .compatibilityPage .thanksHeading p {font-size: 23px;}
    .compatibilityPage .thanksContent {font-size: 16px;}    
    .compatibilityPage .mainForm .form-container .steps {height: auto;}
    .compatibilityPage .mainForm .form-container .btn:not(.wpcf7 .btn) {position: static;transform: none;}
    .compatibilityPage .mainForm .form-container.fields-2 .formFields {margin-bottom: 30px;}
    .form-container.fields-3.active, .form-container.fields-4.active, .form-container.fields-5.active {margin-top: 0;}
    .compatibilityPage .step-3 .btnGroup {padding-top: 70px;}
    .compatibilityPage .mainForm .form-container.fields-3 .headingBox {margin-top: 120px;margin-bottom: 40px;margin-bottom: 83px;}
}

@media(min-width: 1921px){
    .compatibilityPage .statsSec {padding: 120px 0px 30px;}
    .compatibilityPage .statsSec p {margin-bottom: 60px;}
    .compatibilityPage .mainForm .form-container.fields-2 .btn:not(.wpcf7 .btn) {top: 720px;}
    .compatibilityPage .heroSection .caption {width: 400px;margin-top: 200px;}
    #intro .container {max-width: 1100px;justify-content: space-between;}
    #intro .statsSec .container {max-width: 800px;}
    .compatibilityPage .heroSection img {max-width: unset;width: 700px;margin-bottom: -81px;}
}

@media(max-width: 1599px) and (min-width: 1024px){    
    .compatibilityPage .step-2 .imgBox img {width: 111px;max-height:365px;}
    .compatibilityPage .step-2 .imgBox .svgBox svg {width: 104px;height: 360px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-2 {top: 15px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-3 {top: 70px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-4 {top: 65px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-5 {top: 175px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-6 {top: 165px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-7 {top: 230px;}
    .compatibilityPage .mainForm .form-container.fields-2 .btn:not(.wpcf7 .btn) {top: 600px;}
}

@media(max-width: 1499px) and (min-width: 1024px){
    .compatibilityPage .mainForm .form-container.fields-2 .btn:not(.wpcf7 .btn), .compatibilityPage .mainForm .btn:not(.wpcf7 .btn) {top: 90%;}
    .compatibilityPage .mainForm .form-container.fields-6 {margin-top: 0;}
    .compatibilityPage .mainForm .form-container.fields-5 {margin-top: 3%;}
    .compatibilityPage .mainForm .form-container.fields-4 {margin-top: 33px;}
}

@media(max-width: 1540px) and (min-width: 1024px){
    .compatibilityPage .thanksHeading {padding: 10px 0px 10px;}
    .compatibilityPage .infoBox {padding: 30px 0px;}
    .compatibilityPage .infoBox .gobackbutton {margin-top: 30px;}
    .compatibilityPage .mainForm .form-container.fields-1 .headingBox {margin-bottom: 30px;margin-top: 0px;}
    .compatibilityPage .mainForm .form-container.fields-2 .btn:not(.wpcf7 .btn), .compatibilityPage .mainForm .btn:not(.wpcf7 .btn) {top: 85%;}
    .compatibilityPage .mainForm .form-container.fields-2 .headingBox {margin-top: 0;}
    .compatibilityPage .mainForm .headingBox h2 {font-size: 32px;}
    .compatibilityPage .mainForm {height: 88vh;}
    .compatibilityPage .step-2 .imgBox img {width: 110px;}
    .compatibilityPage .step-2 .imgBox .svgBox svg {width: 104px;height: 360px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-2 {top: 15px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-3 {top: 70px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-4 {top: 65px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-5 {top: 175px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-6 {top: 165px;}
    .compatibilityPage .step-2 .imgBox .form-group.checkbox-7 {top: 230px;}
}

@media(max-width: 1179px) and (min-width: 1024px){
    .compatibilityPage .heroSection .caption .headingBox h1 {font-size: 28px;}
    .compatibilityPage .heroSection .caption .headingBox p {font-size: 50px;line-height: 50px;display: flex; flex-direction: column;align-items: center;}
    .compatibilityPage .heroSection .caption p span {font-size: 70px;}
    .compatibilityPage .heroSection img {max-width: 250px;margin-top: -15px;margin-bottom: -29px;}
    .compatibilityPage .statsSec {padding: 20px 0px;}
    .compatibilityPage .statsSec h2 {font-size: 35px;}
    .compatibilityPage .statsSec p {font-size: 25px;}
    .compatibilityPage .btn {font-size: 20px;}
    .compatibilityPage header {padding: 20px 0;}
    .compatibilityPage .step-2 .imgBox .svgBox svg {height: 355px;}
}

@media(max-width: 991px){
    .compatibilityPage .heroSection {border-bottom: 5px solid #6EEDE0;}
    .compatibilityPage .heroSection .container {flex-wrap: wrap;}
    .compatibilityPage .heroSection .caption .headingBox h1 {font-size: 24px;letter-spacing: -1px;margin-bottom: 10px;}
    .compatibilityPage .heroSection .caption .headingBox p {font-size: 48px;line-height: 42px;margin-bottom: 15px;}
    .compatibilityPage .heroSection .caption p span {font-size: 42px;display: inline-block;margin-top: 0;}
    .compatibilityPage .heroSection .container {padding: 0;}
    .compatibilityPage .heroSection {overflow: visible;background-color: #F8FAFE;padding-top: 20px;}
    .compatibilityPage .heroSection img {margin: 0 auto;margin-bottom: -29px;max-width: 250px;}
    .compatibilityPage .heroSection:before {display: none;}
    .compatibilityPage .statsSec h2, .compatibilityPage .statsSec p span {font-size: 20px;}
    #intro header img, div[id^="info"] header img, #thanks-step header img {max-width: 150px;height: auto;}
    .compatibilityPage .container {padding-left: 0px;padding-right: 0px;}
    .compatibilityPage .statsSec h2 {margin-bottom: 5px;}
    .compatibilityPage .heroSection {margin-bottom: 15px;}
    .compatibilityPage .statsSec p {margin-bottom: 30px;}
    .compatibilityPage .statsSec .icon img {height: 70px;width: auto;}
    .compatibilityPage .facebookSection .container {display: flex;align-items: center;}
    div[id^="info"] .mainScreen, #thanks-step .mainScreen {display: flex;}
    .compatibilityPage .thanksHeading {padding: 15px 10px 15px;}
    .compatibilityPage .statsSec h2 strong {display: block;font-size: 35px;}
    .compatibilityPage .statsSec .container {max-width: 340px;}
    .compatibilityPage .mainForm .fields-2 .headingBox p {margin-bottom: 0;}
    .compatibilityPage .mainForm .step-6.steps { max-width: 294px;margin: 0 auto;}
    .compatibilityPage .mainForm .step-6 .wpcf7-form-control.btn {background-position: 25px 17px;padding-left: 70px;padding-right: 30px;padding-top: 10px;}
    .compatibilityPage .mainForm .fields-6 .headingBox h2 {letter-spacing: -1px;}
    .compatibilityPage .step-4 .durationSelector .form-group input {right: 0;transform: none;top: 23px;}
    .compatibilityPage .step-5 .problemSelector {padding: 0 35px;}
    #intro .btn {width: 238px;height: 60px;}
    #intro .btn span {width: 228px;height: 50px;padding-left: 10px;}
    #intro .btn span:after {top: 18px}

}



body.page-template-compatibility-questions #intro header{position: inherit !important;}
	.compatibilityPage .mainForm  .btn, .compatibilityPage .mainForm .step-6 .wpcf7-form-control.btn{margin-bottom:60px;}