/*** WIDGET/SYSTEM CSS ***/
div[data-type="multi-step-form"] form {display:none;}div[data-type="multi-step-form"] form.active {display:block;}


/*** CSS File: optify ***/
@media (max-width:1800px) and (min-width:1401px) {[data-page-name="optify-landing-page"] .col-xs-12.landing-hero:before {display:block !important;height:110vh !important; } [data-page-name="optify-landing-page"] .col-xs-12.landing-hero div.ry-heading {color:#fff;font-size:30px !important;line-height:38px !important;}[data-page-name="optify-landing-page"] .col-xs-12.landing-hero div.ry-sub-head {color:#fff;}[data-page-name="optify-landing-page"] .col-xs-12.landing-hero:after {display:block !important;left:30.5% !important;}.col-xs-12.landing-hero .ry-container {position:relative;top:-5em;}}@media (max-width:1540px) {.col-xs-12.form3 {background:#fff !important;}}@media (max-width:1400px) { .col-xs-12.landing-hero { background:#303030 !important; padding:4em 0 !important;} .col-xs-12.landing-hero:after { display:none !important;} div.landing-hero div.ry-heading { font-size:30px !important; line-height:35px !important;} .form-title h3 { font-size:25px !important;} .col-xs-12.landing-hero div.ry-heading { color:#fff !important;} .col-xs-12.landing-hero div.ry-sub-head { color:#fff !important;} .col-xs-12.landing-hero div.ry-text { color:#fff !important; font-size:16px !important;} div.landing-hero .ry-right p { color:#fff !important; font-size:16px !important;} .form-title { color:#fff !important;} .sec-2 .title >div { line-height:initial !important;}} @media (max-width:991px) { .col-xs-12.landing-hero { height:100% !important;} .col-xs-12.landing-hero .ry-right { margin-top:0 !important;} .form-title h3 { color:#fff !important;} .col-xs-12.landing-hero div.ry-heading { font-size:25px !important; margin-bottom:20px !important;} .col-xs-12.landing-hero .ry-left { margin-top:0 !important;}} @media (max-width:500px) { .landing-hero div.ry-sub-head, .col-xs-12.landing-hero div.ry-heading, .col-xs-12.landing-hero div.ry-text, .form-title h3, div.landing-hero .ry-right p { text-align:center !important;} .input-flex {max-width:90%;margin:auto;float:none;clear:both;} .col-xs-12.landing-hero div.ry-text { max-width:100% !important;} .input-flex { flex-direction:column;} .input-flex .input { width:100% !important;} [data-page-name="optify-landing-page"] div.landing-hero .form-block button { border-radius:50px !important; width:100% !important;} div.form1 { left:0;} [data-page-name="optify-landing-page"] .col-xs-12.landing-hero .form-block input[type="text"] { border-radius:50px !important; width:100% !important; text-align:center;} .input-flex .submit { width:100% !important;} .col-xs-12.form1 .form-title { text-align:center !important;}.sec-2 .title >div {font-size:22px !important;}}body {position:relative;} .col-xs-12.landing-hero .form2 button {border-radius:50px !important;}.col-xs-12.landing-hero:before { background:url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/optify_landing_page/Black_circle.png) !important; background-repeat:no-repeat !important; height:1080px !important; background-size:contain !important; width:60% !important;} .col-xs-12.landing-hero:after { background:url(https://www.royacdn.com/unsafe/smart/Site-267d6cb1-b05a-4c2a-a59f-97c1e8b11b65/optify_landing_page/Phone_with_hand_img.png) !important; content:''; height:552px !important; width:100% !important; bottom:0; right:0; left:20.5% !important; margin:auto; background-size:contain !important; background-repeat:no-repeat !important; top:inherit !important; max-width:800PX;}.col-xs-12.form3 {background:rgb(102 102 102 / 4%);padding:20px;text-align:center;} .input-flex { display:flex; align-items:center; justify-content:space-between;} .input-flex .input { width:63%;} .input-flex .submit { width:58%;} .logo-wrap img { max-width:200px;} .landing-hero div.ry-sub-head { margin-top:1em;} .input-flex input#website { border-top-right-radius:0; border-bottom-right-radius:0;} #tophead { display:none;} .sec-2 { padding-top:0 !important; margin-top:12em;} .sec-2 .title-wrap .title { font-size:35px;} .col-xs-12.landing-hero { height:100vh; align-items:center; justify-content:center; display:flex;} .col-xs-12.sec-2 div { font-family:'Poppins';} div.landing-hero div.ry-text { font-size:18px !important; color:#fff !important;} .form-title h3 { font-family:'Poppins' !important; font-size:35px; margin-bottom:10px;} p { font-family:'Poppins';} div.landing-hero .ry-right p { font-size:18px; color:#333; text-align:left; line-height:28px;} .form1 { margin-top:1em; left:1em;} .col-xs-12.form1 .form-title { margin-bottom:10px;} .col-xs-12.landing-hero .form-block button { background:#194b3e !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important;} .col-xs-12.landing-hero .ry-right { width:27%;} .sec-2 .title-wrap { line-height:25px;} .sec-2 .title >div { line-height:50px;} div.sec-3 { padding-bottom:10em;}.col-xs-12.landing-hero .ry-left {margin-top:0 !important;} @media (min-width:1441px) { div.landing-hero div.ry-heading { font-size:40px !important; line-height:42px !important; margin-bottom:20px !important; color:#fff !important;}}