@font-face {
    font-family: 'Asap-Regular'; 
    src: url(../fonts/asap-regular/asap-regular.eot);
    src: url(../fonts/asap-regular/asap-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/fonts/asap-regular/asap-regular.woff) format('woff'), url(../fonts/fonts/asap-regular/asap-regular.ttf) format('truetype'), url(../fonts/fonts/asap-regular/asap-regular.svg#asap-regular) format('svg');
    font-weight: normal;
    font-style: normal;
}

/*find page*/
.find-hero-section {background-image: url("../images/ifinh-young-boy-bg.jpg"); min-height:300px; background-position: center center;background-repeat: no-repeat;background-size: cover;}
.find-hero-content {padding: 50px 15px 50px 40px;text-shadow: 2px 2px 4px #000000;}
.find-hero-title { font-weight: 400;font-size: 34px;line-height:34px; color:var(--white);margin:0;}
.find-hero-text {color: var(--white);max-width: 570px;margin: 14px 0px;font-size: 18px;font-weight:400; line-height: 25px;}
.find-hero-link {color: var(--white) !important;padding-top: 14px;padding-bottom: 14px;}
.find-hero-link:hover { color: #bced70 !important;}

/* Main Content */
.search-code{width: auto;max-width: 740px;margin:45px auto 0px auto;padding-left: 25px;padding-bottom: 30px;}
.find-container {padding: 0 15px;}
.find-heading {color: #496A8F;margin-bottom: 12px;font-weight: 400;font-size: 25px;}
.find-subheading {font-weight: 600;font-size: 16px;line-height: 16px;color: #4b4e56;margin-bottom: 30px;}
.find-form-row {display: flex;flex-wrap: wrap;align-items: flex-start; gap: 33px; margin-bottom: 40px;}
.find-image-col {max-width: 158px;width:100%; height:100%;max-height: 185px;}
.find-form-col {flex: 1;max-width: 429px;padding-left:20px;margin-left: 25px;}
.find-instruction {margin-bottom: 14px;}

.info-section-heading {font-weight: 400;font-size: 25px;color: #496A8F;margin-bottom: 12px;}
.info-section-text{font-weight: 600;font-size: 16px; margin-bottom: 2px;color: #4b4e56;}
.info-section-list {list-style: none;padding-left: 0;margin-bottom: 45px;}
.info-section-list li {font-weight: 500;font-size: 15px;color: #4b4e56;margin-bottom: 14px;}

    /*RESPONSIVE*/
    @media(max-width:1199px){
        .find-hero-section{min-height: 220px;}
        .find-hero-content {padding: 40px 15px 35px 25px;}
        .find-hero-title{font-size: 27px;}
        .find-hero-text{max-width: 445px;font-size: 14px;line-height: 20px;}
        .search-code{max-width: 620px;margin: 25px auto 0px auto;padding-bottom: 0px;}
        .find-heading{margin-bottom: 10px;font-size: 21px;}
        .find-subheading{font-size: 14px;line-height: 15px;margin-bottom: 24px;}
        .find-form-row{gap: 20px; margin-bottom: 24px;}
        .info-section-heading{font-size: 21px; margin-bottom: 8px;}
        .info-section-text{font-size: 15px;margin-bottom: 0px;}
        .info-section-list{margin-bottom: 24px;}
        .info-section-list li{font-size: 14px; margin-bottom: 10px;}
    }
    @media(max-width:991px){
        .find-hero-title {font-size: 22px;}
        .find-hero-text { max-width: 390px; margin:10px 0px;line-height: 18px;}
        .find-hero-section {min-height: 188px;}
        .find-hero-content {padding: 26px 15px 20px 18px;}
        .find-image-col{max-width: 150px;max-height: 175px;}
        .find-form-col{padding-left: 13px;margin-left: 20px;}
        .find-heading,.info-section-heading{font-size: 19px;}
        .info-section-heading {margin-bottom: 6px;}
    }
    @media(max-width:767px){
        .find-image-col {max-width: 130px; max-height: 152px; }
        .find-heading,.info-section-heading{font-size: 18px;}
    }
    @media(max-width:600px){
        .search-code{padding:0;margin-top: 15px;}
        .find-form-col {padding-left: 0px;margin-left: 15px;}
        .find-instruction {margin-bottom: 10px;}
    }
    @media(max-width:500px){
        .find-hero-content {padding: 20px 15px 15px 0px;}
        .find-hero-title {font-size: 20px; }
        .find-hero-text { max-width: 200px;margin: 7px 0px;line-height: 15px; }
        .find-heading, .info-section-heading {font-size: 16px;}
        .find-image-col{max-width: 95px;max-height: 111px;}
        .find-form-row {gap: 0px;}
        .info-section-list li{margin-bottom: 8px;}
        .find-subheading{margin-bottom: 18px;}
    }

/*qr-profile page*/
.findqrprofile .footer-text {text-align: center;}
.findqrprofile .footer-text a {color: #27AAE1;}
.findqrprofile .footer-text a:hover{color: #1C75BC !important;}
.findqrprofile {max-width: 350px;margin: 15px auto;padding: 30px;background-color: var(--white);}
.findqrprofile .profile-header {max-width: 200px;max-height: 46px;margin: 0 auto;padding-bottom: 8px;display: flex;align-items: center}
.findqrprofile .profile-header .logo-small{width: 90px;height: 46px; margin-right: 9px; }
.findqrprofile .logo-text {height:22px; padding-left: 19px;border-left: 1px solid #b9bab6;font-family: 'Montserrat', sans-serif;color: #374C62 !important;font-weight: 400;font-size: 17px;text-transform: uppercase;}
.findqrprofile .profile-image img{margin: 5px auto;display: block;max-height: 150px;width: 100%;height:100%;border: 1px solid #7c7d7f;object-fit: cover;object-position: top; max-width: 150px;}
.findqrprofile .profile label{display: block;padding-left: 10px;margin: 10px 0px 10px 0px;font-family: "Asap-Regular", sans-serif;font-size: 13px;font-weight: normal;color: #fff;background-color: #374C62;text-transform: uppercase; line-height: 16px; padding-top: 1px;}
.findqrprofile .content,.findqrprofile p { display: block; padding-left: 10px;font-family: "Asap-Regular", sans-serif;font-size: 13px;font-weight: normal;color: #58595B;}
.findqrprofile .login {width: 100%;position: relative;margin: 0 auto;text-align: center;}
.findqrprofile .login input{max-width:131px;display: inline-block;}
.findqrprofile .login button{max-width:65px;color: #222; }
.findqrprofile .profile .btn-large{display:block;margin: 30px auto;width: 181px;height: 28px !important;border: none;background: url("../images/btn-large.png") 0 0 no-repeat;color: white !important;text-align: center;text-decoration: none;font-size: 15px; font-family: Arial, sans-serif;line-height: 15px;padding: 6px 0 !important;}
.findqrprofile .profile .btn-large:hover{background: url("../images/btn-large.png") -181px 0 no-repeat;}

/*About Us Page*/
.about-hero{background-color: #303132; background-image: url(../images/ifinh-about-bg-image-01.jpg); background-position: center -60px;background-repeat: no-repeat;background-size: cover;}
.hero-text-col{padding: 190px 0px 0px 40px;}
.hero-text-col h1{font-weight: 500; margin: 2px 0px 20px 0px;letter-spacing: 2px;color: #d2f58c;line-height: 26px;font-size: 20px;text-shadow: 2px 2px 4px #000000;}
.hero-text-col h2{font-family: 'Martel', serif;font-weight: 300;margin: 0;color: var(--white);line-height: 43.2px;font-size: 36px;text-shadow: 1px 1px 5px #000e0f;}
.hero-subtext-col{padding: 190px 0px 0px 0px;max-width:487px;}
.hero-subtext p{color: var(--white); font-size: 18px;line-height: 28px;padding: 0px 0px 14px 0px;margin:0;}
.about-content-wrapper{padding: 30px 57px 25px 57px;}
.about-content-wrapper .cms-text p, .about-content-wrapper .cms-text p span{font-size: 19px !important;line-height: 30px !important;margin: 0;padding: 0px 0px 14px 0px !important;color: #383A42 !important;font-family: 'Montserrat', sans-serif !important;}
.about-content-wrapper h1{font-size: 36px;padding: 5px 0px 12px 0px;color: #496a8f;margin: 10px 0 10px 0;font-weight: 400;line-height: 34px;}

.flip-effect-classic{margin-bottom: 45px;padding-top:20px;}
.flip-box {perspective: 1000px;cursor: pointer; width:100%;height:100%;min-height:248px;padding: 0px 15px;}
.flip-box-inner { position: relative; width: 100%;height: 100%;text-align: center;transition: transform 0.6s;transform-style: preserve-3d; }
.flip-box:hover .flip-box-inner,.flip-box:focus .flip-box-inner { transform: rotateY(180deg);}
.flip-box-front, .flip-box-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility: hidden;backface-visibility: hidden;display: flex;align-items: center;border-radius: 5px;padding: 27px 20px;transition: transform .4s cubic-bezier(.2, .85, .4, 1.275);}
.flip-box-front {background-color: rgb(255, 255, 255);border-color: rgb(0, 0, 0);border-style: solid;border-width: 1px;color: rgb(0, 0, 0);}
.flip-box-front-inner{width:100%;}
.flip-box-back {background-color: rgb(101, 188, 123);border-color: rgb(0, 0, 0);border-style: solid;border-width: 1px; color: #041E0C;transform: rotateY(180deg);}
.step-title{margin-bottom: 9px;color: #3d6f42;font-weight: 400; font-size: 25px;} 
.step-desc{font-size: 14px;line-height: 23px;font-weight: 500;color: #383A42;}
.flip-box-circle{height: 64px;width: 64px;border: 1px solid;border-radius: 50%;margin: 0 auto 10px;background-color: #3c80ba;border-color: #3c80ba;color:var(--white);font-size: 21px;display: flex;align-items: center;justify-content: center;}
.flip-box-back-inner p{font-size: 19px;line-height: 30px;color: #041E0C;text-align: center;  font-weight: 500;margin:0;}
.fusion-reg-button{margin: 20px auto 0;color: #041E0C !important;}
.fusion-reg-button:hover{text-decoration: underline !important;}

.regional-center-box p{font-size: 19px;line-height: 30px;padding: 0px 0px 14px 0px;margin:0;}
.regional-center-box p a{color: var(--primary-color);}
.regional-center-box p a:hover{color: #27AAE1;}

.about-content-wrapper .left{padding-right:33px;}
.about-images{padding: 70px 120px 0px 7px;}
.about-images figure{margin-bottom:25px;}

/*Faq page*/
.common-hero-banner.wander1 .diff-content-wrapper{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.89);}
.faq-page-content-wrapper{ padding:20px 57px 25px 57px;}
.faq-page-content-wrapper .faq-content{margin: 15px auto 0 auto;padding: 30px 20px;}
.section-subtitle{margin-bottom: 24px;font-weight: 500;font-size: 22px;color: var(--primary-heading-color);}
.faq-content h2 {color: #496A8F;margin-bottom: 14px;font-weight: 400;font-size: 25px;line-height: 30px;}
.faq-content p {font-size: 19px; font-weight: 500;color: #2a2d2d;margin: 0px 0px 2px 0px;padding: 0px 0px 14px 0px;}
.faq-content ul {font-size: 16px; margin: 0px 0px 20px 0px;padding: 0 0 0 20px;}
.faq-content ul li { margin: 0px 0px 7px 0px;}

/*Events page*/
.common-hero-banner.wander1 .diff-content-wrapper{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.89);}
.faq-page-content-wrapper .faq-content{margin: 15px auto 0 auto;padding: 30px 20px;}
.section-subtitle{margin-bottom: 24px;font-weight: 500;font-size: 22px;color: var(--primary-heading-color);}
.event-details .dev-message{color: #496A8F;margin-bottom: 14px;font-weight: 400;font-size: 25px;}
.event-details .dev-message-sub{font-size: 19px;font-weight: 500;color: #2a2d2d;margin: 0px 0px 2px 0px;padding-bottom:14px;}

/*Privacy Page*/
.privacy-content-wrapper{margin: 0 auto; max-width: 1200px;width:100%; padding: 20px 57px 25px 57px;background-color: var(--white);}
.privacy-content{width: 100%; max-width: 1000px; margin: 15px auto 0 auto;padding: 30px 0px 30px 0px;}
.privacy h4{font-weight: 500; font-size: 22px; line-height: 25px;color: var(--primary-heading-color);margin-bottom: 14px;}
.cms-content p{margin:0; padding-bottom:14px;}

/*Contact us page*/
.contact-banner{background-image: url("../images/contact-hispanic-girl-bg.jpg");min-height:280px;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.cbnr-column-wrapper{padding:52px 15px 66px 40px;width: 50%;max-width: 560px;min-height: 240px;}
.cbnr-column-wrapper .title{font-size: 36px;text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.64);margin: 10px 0px 13px 0px;}
.cbnr-column-wrapper .title-heading{font-size: 1em;font-family: "Scope One";font-weight: 400;margin: 25px 0 0 0;color: var(--white);}
.cbnr-column-wrapper .bnr-white-text{color: var(--white);font-size: 18px;line-height: 28px;margin: 0;padding: 0px 0px 14px 0px;}

.contact-content{padding: 30px 57px 0 57px;}
.contact-content .form-group{margin-bottom: 10px;}
.contact-content label{margin:0;}
.contact-content .left{padding-right:15px;padding-top:30px;}
.contact-content .right{padding-top: 28px;padding-bottom: 30px;}
.contact-content .left .contact-info-text {color: #4b4e56;font-size: 18px;line-height: 28px;margin-bottom: 40px;}
.left .contact-details h4 {font-weight: 500;font-size: 22px; color: var(--primary-heading-color);margin-bottom: 6px;}
.left .contact-details p{color: #4b4e56;font-size: 18px;line-height: 28px;margin-bottom: 14px;}

.contact-details a {color: #324E6F;}
.contact-details a:hover{color: #9ab853;}

.contact-section .form-group textarea{max-height: 142px; color: #222;padding-left: 3px;border: 1px solid #383434 !important;border-radius: 6px !important;background-color: #f6f8f8 !important;font-size: 13px;font-weight: normal;}
.contact-section .form-group textarea:focus{border: 2px solid #000 !important;}
.controls{margin-top: 14px;margin-bottom: 18px;}
.btn-send-message {max-width: 224px;width:100%; border-radius: 6px !important;padding: 15px 18px!important;background-color: var(--primary-color) !important;letter-spacing: 2px; color: var(--white) !important;font-size: 18px !important;line-height:18px !important;text-align: center;font-weight: 600 !important;}
.btn-send-message:hover { color: var(--white);background-color: var(--secondary-color) !important;}
        
@media(max-width:1199px){
    .contact-banner{min-height: 210px;}
    .cbnr-column-wrapper {padding: 30px 15px 40px 27px;min-height: 200px;}
    .cbnr-column-wrapper .title {font-size: 28px;margin: 10px 0px;}
    .cbnr-column-wrapper .bnr-white-text,.contact-content .left .contact-info-text,.left .contact-details p{font-size: 16px;line-height: 24px;}
    .contact-content{padding-top: 10px;}
    .contact-content .left .contact-info-text{margin-bottom: 20px;}
    .left .contact-details h4{font-size: 17px;}
    .left .contact-details p{margin-bottom: 10px;}
    .btn-send-message{max-width: 210px;font-size: 16px;line-height: 16px;padding: 9px 20px !important;}
    .controls{margin-bottom: 0px;}
}
@media(max-width:991px){
    .contact-banner {min-height: 185px;}
    .cbnr-column-wrapper {padding: 23px 15px 28px 27px;min-height: 160px;}
    .contact-banner {min-height: 182px;}
    .cbnr-column-wrapper .title {font-size: 24px;}
    .cbnr-column-wrapper .bnr-white-text,.left .contact-details p,.contact-content .left .contact-info-text {font-size: 14px;line-height: 20px;}
    .contact-content{padding: 30px 30px 0 30px;}
    .contact-content .left {padding-right: 0px;padding-top: 20px;}
    .left .contact-details p {margin-bottom: 8px;}
    .left .contact-details h4 {font-size: 16px;}
    .contact-content .right {padding-top: 20px;padding-bottom: 20px;padding-left: 10px;}
    .btn-send-message {max-width: 190px;font-size: 14px;line-height: 14px;padding: 8px 20px !important;}
}
@media(max-width:767px){
    .contact-content .left{padding-top:0px;}
    .contact-banner {min-height: 165px;}
    .cbnr-column-wrapper {padding: 16px 15px 10px 10px;min-height: 135px; }
    .cbnr-column-wrapper .title {font-size: 21px;}
}
@media(max-width:500px){
    .cbnr-column-wrapper .title-heading{margin: 14px 0 0 0;}
    .cbnr-column-wrapper {padding: 16px 15px 10px 5px;}
    .contact-content{padding: 10px 20px 0 20px;}
    .contact-content .left{padding-top:10px;}
}

/*Responsive*/
@media(max-width:1199px){
    /*Aboutus*/
    .hero-text-col h1{font-size: 18px;margin: 2px 0px 15px 0px;}
    .hero-text-col h2{font-size: 30px;line-height: 37.2px;}
    .hero-subtext p{font-size: 16px;line-height: 23px;}
    .hero-text-col{padding: 115px 0px 0px 25px;}
    .hero-subtext-col {padding: 115px 0px 0px 0px;}
    .about-images {padding: 70px 45px 0px 50px;}
    .about-content-wrapper h1{font-size: 30px;padding: 5px 0px 5px 0px;line-height: 30px;}
    .about-content-wrapper .cms-text p, .about-content-wrapper .cms-text p span,.regional-center-box p{font-size: 16px !important;line-height: 27px !important;}
    .about-content-wrapper{padding: 30px 45px 25px 45px;}
    .flip-box{padding: 0px 10px;min-height:230px;}
    .flip-box-back-inner p{font-size: 16px;line-height:25px;}
    .step-title{font-size:20px;}
    .flip-box-circle {height: 55px;width: 55px;}

    /*faq*/
    .faq-page-content-wrapper .faq-content{margin: 0px auto;}
    .faq-page-content-wrapper{padding: 20px 40px 0px 40px;}
    .section-subtitle { margin-bottom: 16px;font-size: 20px;}
    .faq-content h2{font-size: 22px;line-height: 22px;}
    .faq-content p {font-size: 17px;padding-bottom:10px;}
    .faq-content ul {font-size: 14px;}

    .privacy-content{margin: 0px auto;padding: 25px 0px 30px 0px;}
    .privacy-content-wrapper{padding: 20px 45px;}
}
@media(max-width:991px){
    .about-hero{background-position: center -20px;}
    .about-content-wrapper {padding: 20px 20px 25px 20px;}
    .hero-text-col{padding: 115px 0px 0px 15px;}
    .hero-text-col h1 {font-size: 16px;margin: 2px 0px 9px 0px;}
    .hero-text-col h2 {font-size: 24px;line-height: 33.2px;}
    .hero-subtext p {font-size: 14px; line-height: 22px;}
    .about-content-wrapper h1{font-size: 24px;padding: 5px 0px 0px 0px; line-height: 25px;}
    .about-content-wrapper .cms-text p, .about-content-wrapper .cms-text p span, .regional-center-box p {font-size: 14px !important;line-height: 24px !important;}
    .about-images {padding: 55px 25px 0px 15px;}
    .flip-box-front, .flip-box-back{padding: 20px 15px;}
    .flip-box-back-inner p { font-size: 14px;line-height: 20px;}
    .fusion-reg-button {margin: 10px auto 0;}
    .step-title {font-size: 18px;margin-bottom: 4px;}
    .flip-effect-classic {margin-bottom: 30px;}

    /*faq*/
    .faq-page-content-wrapper {padding: 0px 25px 0px 25px;}
    .faq-page-content-wrapper .faq-content{padding: 30px 10px 20px;}
    .section-subtitle {margin-bottom: 12px;font-size: 18px;}
    .faq-content h2,.privacy h4 {font-size: 19px;line-height: 19px;}
    .faq-content p {font-size: 15px;padding-bottom: 8px;}
    .faq-content ul li {margin: 0px 0px 4px 0px;}

    .privacy-content-wrapper {padding: 10px 30px;}
}
@media(max-width:767px){
    .about-hero {background-position: center;}
    .hero-subtext-col {padding: 15px 0px 0px 15px;}
    .hero-text-col h2 {font-size: 22px;line-height: 31.2px;max-width: 430px; }
    .hero-text-col h1 {font-size: 14px;}
    .about-content-wrapper h1{ font-size: 21px;line-height: 20px;}
    .about-images {padding: 40px 0px 0px 15px;}
    .flip-box { min-height: 200px;}
    .step-title,.section-subtitle {font-size: 16px;}
    .flip-box-circle { height: 45px;width: 45px;font-size: 16px;}
    .hero-text-col {padding: 115px 0px 0px 5px;}

    /*faq*/
    .faq-content h2,.privacy h4 { font-size: 17px; line-height: 17px;}
    .faq-content p {font-size: 14px; padding-bottom: 5px;}

    .privacy-content{padding: 20px 0px 30px 0px;}
    .privacy-content-wrapper {padding: 10px 20px;}
}
@media(max-width:600px){
    .hero-text-col h2{max-width: 370px;}
    .about-images figure{max-width:165px;}
    .flip-box {padding: 10px;}
    .flip-effect-classic {margin-bottom: 20px;}
    .flip-box.one{padding-left:0px;}
    .flip-box.four{padding-right:0px;}
    .about-content-wrapper .left {padding-right: 10px;}

    /*faq*/
    .faq-page-content-wrapper {padding: 0px 10px;}
}
@media(max-width:500px){
    .about-images {padding: 0;display: flex; flex-wrap: wrap;}
    .about-content-wrapper h1{font-size: 19px;line-height: 18px;}
    .hero-text-col h2 {font-size: 20px; line-height: 27.2px;max-width: 370px;}
    .about-content-wrapper { padding: 12px 20px 25px 20px;}
    .about-content-wrapper .cms-text p, .about-content-wrapper .cms-text p span, .regional-center-box p{line-height: 22px !important; }
    .flip-box-front, .flip-box-back {padding: 10px 5px;}

    /*faq*/
    .faq-page-content-wrapper .faq-content {padding: 25px 10px 20px;}
    .faq-content h2 {font-size: 16px;line-height: 16px;}

    .privacy h4 {font-size: 15px;line-height: 15px;}
    .privacy-content-wrapper {padding: 10px;}
    .privacy-content {padding: 15px 0px 20px 0px;}
}
@media(max-width:400px){
    .about-images figure{max-width:100%;}
}