body { font-size: 12px; font-family: 'Open Sans', sans-serif; margin: 0; padding: 0; border: none; background: #ffffff; color: #000; } img{max-width: 100%;} .alert-success{display: none !important;} .pageMatchShared .disclosure_accreditation{display:none !important;} .tcpaContent{ display: flex; align-items: flex-start; text-align: left; } .tcpaContent input{ margin-right: 10px !important; } @font-face { font-family: 'ITC Lubalin Graph Std'; src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/LubalinGraphStd-Medium.woff2') format('woff2'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/LubalinGraphStd-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans 900'; src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.eot'); src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.eot?#iefix') format('embedded-opentype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.woff2') format('woff2'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.woff') format('woff'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.ttf') format('truetype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-900.svg#MuseoSans-900') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Sans 700'; src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.eot'); src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.eot?#iefix') format('embedded-opentype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.woff2') format('woff2'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.woff') format('woff'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.ttf') format('truetype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSans-700.svg#MuseoSans-700') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Museo Slab 700'; src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.eot'); src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.eot?#iefix') format('embedded-opentype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.woff2') format('woff2'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.woff') format('woff'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.ttf') format('truetype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/MuseoSlab-700.svg#MuseoSlab-700') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Superline'; src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.eot'); src: url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.eot?#iefix') format('embedded-opentype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.woff2') format('woff2'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.woff') format('woff'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.ttf') format('truetype'), url('https://edu.degreelink.org/images/degreesInfo/701/assets/Wioen/fonts/Superline-Regular.svg#Superline-Regular') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } .step-aways{text-align:center; color: #fff;font-family: 'Museo Sans 700'; font-size:30px; padding-top:20px; display:none;} .hero{ background-color:#104076; position:relative; } .head-content{ background: url("kqfd4/BS_CJ-D_bg.jpg") no-repeat top center; /*min-height:770px;*/ clear:both; background-size: cover; height: 420px; } .logo{ margin-top:30px; } .logo img{ max-width: 250px; } .head-content-title1{ color: #fff; font-family: 'Poppins', sans-serif; font-size:20px; margin-bottom: 20px; } .head-content{ color: #fff; padding-left:25px; padding-right:25px; } .head-content-title2{ font-size: 45px; letter-spacing: 0.52px; font-family: 'Museo Sans 900'; font-weight: 900; font-style: normal; width: 100%; padding: 55px 0px 0px 0px; margin: 0px; line-height: 1.1; } .head-content-title3{ font-size: 36px; font-family: 'Museo Sans 700'; font-weight: 700; font-style: normal; width: 100%; z-index: 9; padding: 0px 0px 0px 0px; margin: 0px; margin-top: 8px; line-height: 1.1; } /* Match page Animation*/ .formmid2 { display: none; } .formbot2 { z-index: 1; width: 50px; height: 50px; margin: 0 auto; border: 6px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #2f9ee9; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* End Match page */ .assur-plate-birthdate_mixed_inputs .plate-question { margin-bottom: 0 !important } #hero-header-image { background-color: #666; padding-top: 20px; height: 160px; color: #fff } #hero-header-progress-wrapper { overflow: visible; position: relative; width: 100%; top: -60px; height: 0; margin-bottom: 130px } .page0 form{ margin: 0 auto; max-width: none; } .page0 .form__wrap{ font-size: 16px; text-align: center; padding: 50px 2%; max-width: 705px; margin: 0 auto; } .success .ty_message, .fail .ty_fail_message{ display: block !important; } .fail .ty_message, .success .ty_fail_message{ display: none !important; } .page0 .progress_bar{ display: none; } .circle-progress { width: 160px; height: 160px; line-height: 160px; background: none; margin: 0 auto; box-shadow: none; position: relative } .circle-progress:after { content: ""; width: 100%; height: 100%; border-radius: 50%; border: 7px solid #eee; position: absolute; top: 0; left: 0 } .circle-progress > span { width: 50%; height: 100%; overflow: hidden; position: absolute; top: 0; z-index: 1 } .circle-progress .progress-left { left: 0 } .circle-progress .progress-bar { width: 100%; height: 100%; background: none; border-width: 7px; border-style: solid; position: absolute; top: 0; border-color: #2f9ee9; -webkit-box-shadow: unset !important; box-shadow:unset !important; } .circle-progress .progress-left .progress-bar { left: 100%; border-top-right-radius: 80px; border-bottom-right-radius: 80px; border-left: 0; -webkit-transform-origin: center left; transform-origin: center left } .circle-progress .progress-right { right: 0 } .circle-progress .progress-right .progress-bar { left: -100%; border-top-left-radius: 80px; border-bottom-left-radius: 80px; border-right: 0; -webkit-transform-origin: center right; transform-origin: center right } .circle-progress .progress-value { display: flex; border-radius: 50%; font-size: 32px; text-align: center; line-height: 20px; align-items: center; justify-content: center; height: 100%; font-weight: 300; background: #fff; font-family:'Open Sans', sans-serif; } .circle-progress .progress-value div { margin-top: 10px } .circle-progress .progress-value span.complete { font-size: 12px; text-transform: uppercase } .circle-progress[data-progress="1"] .progress-right .progress-bar { animation: loading-1 .01s linear forwards } .circle-progress[data-progress="1"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="2"] .progress-right .progress-bar { animation: loading-2 .01s linear forwards } .circle-progress[data-progress="2"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="3"] .progress-right .progress-bar { animation: loading-3 .01s linear forwards } .circle-progress[data-progress="3"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="4"] .progress-right .progress-bar { animation: loading-4 .01s linear forwards } .circle-progress[data-progress="4"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="5"] .progress-right .progress-bar { animation: loading-5 .01s linear forwards } .circle-progress[data-progress="5"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="6"] .progress-right .progress-bar { animation: loading-6 .01s linear forwards } .circle-progress[data-progress="6"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="7"] .progress-right .progress-bar { animation: loading-7 .01s linear forwards } .circle-progress[data-progress="7"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="8"] .progress-right .progress-bar { animation: loading-8 .01s linear forwards } .circle-progress[data-progress="8"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="9"] .progress-right .progress-bar { animation: loading-9 .01s linear forwards } .circle-progress[data-progress="9"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="10"] .progress-right .progress-bar { animation: loading-10 .01s linear forwards } .circle-progress[data-progress="10"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="11"] .progress-right .progress-bar { animation: loading-11 .01s linear forwards } .circle-progress[data-progress="11"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="12"] .progress-right .progress-bar { animation: loading-12 .01s linear forwards } .circle-progress[data-progress="12"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="13"] .progress-right .progress-bar { animation: loading-13 .01s linear forwards } .circle-progress[data-progress="13"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="14"] .progress-right .progress-bar { animation: loading-14 .01s linear forwards } .circle-progress[data-progress="14"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="15"] .progress-right .progress-bar { animation: loading-15 .01s linear forwards } .circle-progress[data-progress="15"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="16"] .progress-right .progress-bar { animation: loading-16 .01s linear forwards } .circle-progress[data-progress="16"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="17"] .progress-right .progress-bar { animation: loading-17 .01s linear forwards } .circle-progress[data-progress="17"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="18"] .progress-right .progress-bar { animation: loading-18 .01s linear forwards } .circle-progress[data-progress="18"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="19"] .progress-right .progress-bar { animation: loading-19 .01s linear forwards } .circle-progress[data-progress="19"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="20"] .progress-right .progress-bar { animation: loading-20 .01s linear forwards } .circle-progress[data-progress="20"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="21"] .progress-right .progress-bar { animation: loading-21 .01s linear forwards } .circle-progress[data-progress="21"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="22"] .progress-right .progress-bar { animation: loading-22 .01s linear forwards } .circle-progress[data-progress="22"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="23"] .progress-right .progress-bar { animation: loading-23 .01s linear forwards } .circle-progress[data-progress="23"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="24"] .progress-right .progress-bar { animation: loading-24 .01s linear forwards } .circle-progress[data-progress="24"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="25"] .progress-right .progress-bar { animation: loading-25 .01s linear forwards } .circle-progress[data-progress="25"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="26"] .progress-right .progress-bar { animation: loading-26 .01s linear forwards } .circle-progress[data-progress="26"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="27"] .progress-right .progress-bar { animation: loading-27 .01s linear forwards } .circle-progress[data-progress="27"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="28"] .progress-right .progress-bar { animation: loading-28 .01s linear forwards } .circle-progress[data-progress="28"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="29"] .progress-right .progress-bar { animation: loading-29 .01s linear forwards } .circle-progress[data-progress="29"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="30"] .progress-right .progress-bar { animation: loading-30 .01s linear forwards } .circle-progress[data-progress="30"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="31"] .progress-right .progress-bar { animation: loading-31 .01s linear forwards } .circle-progress[data-progress="31"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="32"] .progress-right .progress-bar { animation: loading-32 .01s linear forwards } .circle-progress[data-progress="32"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="33"] .progress-right .progress-bar { animation: loading-33 .01s linear forwards } .circle-progress[data-progress="33"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="34"] .progress-right .progress-bar { animation: loading-34 .01s linear forwards } .circle-progress[data-progress="34"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="35"] .progress-right .progress-bar { animation: loading-35 .01s linear forwards } .circle-progress[data-progress="35"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="36"] .progress-right .progress-bar { animation: loading-36 .01s linear forwards } .circle-progress[data-progress="36"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="37"] .progress-right .progress-bar { animation: loading-37 .01s linear forwards } .circle-progress[data-progress="37"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="38"] .progress-right .progress-bar { animation: loading-38 .01s linear forwards } .circle-progress[data-progress="38"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="39"] .progress-right .progress-bar { animation: loading-39 .01s linear forwards } .circle-progress[data-progress="39"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="40"] .progress-right .progress-bar { animation: loading-40 .01s linear forwards } .circle-progress[data-progress="40"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="41"] .progress-right .progress-bar { animation: loading-41 .01s linear forwards } .circle-progress[data-progress="41"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="42"] .progress-right .progress-bar { animation: loading-42 .01s linear forwards } .circle-progress[data-progress="42"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="43"] .progress-right .progress-bar { animation: loading-43 .01s linear forwards } .circle-progress[data-progress="43"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="44"] .progress-right .progress-bar { animation: loading-44 .01s linear forwards } .circle-progress[data-progress="44"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="45"] .progress-right .progress-bar { animation: loading-45 .01s linear forwards } .circle-progress[data-progress="45"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="46"] .progress-right .progress-bar { animation: loading-46 .01s linear forwards } .circle-progress[data-progress="46"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="47"] .progress-right .progress-bar { animation: loading-47 .01s linear forwards } .circle-progress[data-progress="47"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="48"] .progress-right .progress-bar { animation: loading-48 .01s linear forwards } .circle-progress[data-progress="48"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="49"] .progress-right .progress-bar { animation: loading-49 .01s linear forwards } .circle-progress[data-progress="49"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="50"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="50"] .progress-left .progress-bar { animation: 0 } .circle-progress[data-progress="51"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="51"] .progress-left .progress-bar { animation: loading-1 .01s linear forwards .01s } .circle-progress[data-progress="52"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="52"] .progress-left .progress-bar { animation: loading-2 .01s linear forwards .01s } .circle-progress[data-progress="53"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="53"] .progress-left .progress-bar { animation: loading-3 .01s linear forwards .01s } .circle-progress[data-progress="54"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="54"] .progress-left .progress-bar { animation: loading-4 .01s linear forwards .01s } .circle-progress[data-progress="55"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="55"] .progress-left .progress-bar { animation: loading-5 .01s linear forwards .01s } .circle-progress[data-progress="56"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="56"] .progress-left .progress-bar { animation: loading-6 .01s linear forwards .01s } .circle-progress[data-progress="57"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="57"] .progress-left .progress-bar { animation: loading-7 .01s linear forwards .01s } .circle-progress[data-progress="58"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="58"] .progress-left .progress-bar { animation: loading-8 .01s linear forwards .01s } .circle-progress[data-progress="59"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="59"] .progress-left .progress-bar { animation: loading-9 .01s linear forwards .01s } .circle-progress[data-progress="60"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="60"] .progress-left .progress-bar { animation: loading-10 .01s linear forwards .01s } .circle-progress[data-progress="61"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="61"] .progress-left .progress-bar { animation: loading-11 .01s linear forwards .01s } .circle-progress[data-progress="62"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="62"] .progress-left .progress-bar { animation: loading-12 .01s linear forwards .01s } .circle-progress[data-progress="63"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="63"] .progress-left .progress-bar { animation: loading-13 .01s linear forwards .01s } .circle-progress[data-progress="64"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="64"] .progress-left .progress-bar { animation: loading-14 .01s linear forwards .01s } .circle-progress[data-progress="65"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="65"] .progress-left .progress-bar { animation: loading-15 .01s linear forwards .01s } .circle-progress[data-progress="66"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="66"] .progress-left .progress-bar { animation: loading-16 .01s linear forwards .01s } .circle-progress[data-progress="67"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="67"] .progress-left .progress-bar { animation: loading-17 .01s linear forwards .01s } .circle-progress[data-progress="68"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="68"] .progress-left .progress-bar { animation: loading-18 .01s linear forwards .01s } .circle-progress[data-progress="69"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="69"] .progress-left .progress-bar { animation: loading-19 .01s linear forwards .01s } .circle-progress[data-progress="70"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="70"] .progress-left .progress-bar { animation: loading-20 .01s linear forwards .01s } .circle-progress[data-progress="71"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="71"] .progress-left .progress-bar { animation: loading-21 .01s linear forwards .01s } .circle-progress[data-progress="72"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="72"] .progress-left .progress-bar { animation: loading-22 .01s linear forwards .01s } .circle-progress[data-progress="73"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="73"] .progress-left .progress-bar { animation: loading-23 .01s linear forwards .01s } .circle-progress[data-progress="74"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="74"] .progress-left .progress-bar { animation: loading-24 .01s linear forwards .01s } .circle-progress[data-progress="75"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="75"] .progress-left .progress-bar { animation: loading-25 .01s linear forwards .01s } .circle-progress[data-progress="76"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="76"] .progress-left .progress-bar { animation: loading-26 .01s linear forwards .01s } .circle-progress[data-progress="77"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="77"] .progress-left .progress-bar { animation: loading-27 .01s linear forwards .01s } .circle-progress[data-progress="78"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="78"] .progress-left .progress-bar { animation: loading-28 .01s linear forwards .01s } .circle-progress[data-progress="79"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="79"] .progress-left .progress-bar { animation: loading-29 .01s linear forwards .01s } .circle-progress[data-progress="80"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="80"] .progress-left .progress-bar { animation: loading-30 .01s linear forwards .01s } .circle-progress[data-progress="81"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="81"] .progress-left .progress-bar { animation: loading-31 .01s linear forwards .01s } .circle-progress[data-progress="82"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="82"] .progress-left .progress-bar { animation: loading-32 .01s linear forwards .01s } .circle-progress[data-progress="83"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="83"] .progress-left .progress-bar { animation: loading-33 .01s linear forwards .01s } .circle-progress[data-progress="84"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="84"] .progress-left .progress-bar { animation: loading-34 .01s linear forwards .01s } .circle-progress[data-progress="85"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="85"] .progress-left .progress-bar { animation: loading-35 .01s linear forwards .01s } .circle-progress[data-progress="86"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="86"] .progress-left .progress-bar { animation: loading-36 .01s linear forwards .01s } .circle-progress[data-progress="87"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="87"] .progress-left .progress-bar { animation: loading-37 .01s linear forwards .01s } .circle-progress[data-progress="88"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="88"] .progress-left .progress-bar { animation: loading-38 .01s linear forwards .01s } .circle-progress[data-progress="89"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="89"] .progress-left .progress-bar { animation: loading-39 .01s linear forwards .01s } .circle-progress[data-progress="90"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="90"] .progress-left .progress-bar { animation: loading-40 .01s linear forwards .01s } .circle-progress[data-progress="91"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="91"] .progress-left .progress-bar { animation: loading-41 .01s linear forwards .01s } .circle-progress[data-progress="92"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="92"] .progress-left .progress-bar { animation: loading-42 .01s linear forwards .01s } .circle-progress[data-progress="93"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="93"] .progress-left .progress-bar { animation: loading-43 .01s linear forwards .01s } .circle-progress[data-progress="94"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="94"] .progress-left .progress-bar { animation: loading-44 .01s linear forwards .01s } .circle-progress[data-progress="95"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="95"] .progress-left .progress-bar { animation: loading-45 .01s linear forwards .01s } .circle-progress[data-progress="96"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="96"] .progress-left .progress-bar { animation: loading-46 .01s linear forwards .01s } .circle-progress[data-progress="97"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="97"] .progress-left .progress-bar { animation: loading-47 .01s linear forwards .01s } .circle-progress[data-progress="98"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="98"] .progress-left .progress-bar { animation: loading-48 .01s linear forwards .01s } .circle-progress[data-progress="99"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="99"] .progress-left .progress-bar { animation: loading-49 .01s linear forwards .01s } .circle-progress[data-progress="100"] .progress-right .progress-bar { animation: loading-50 .01s linear forwards } .circle-progress[data-progress="100"] .progress-left .progress-bar { animation: loading-50 .01s linear forwards .01s } @keyframes loading-1 { 0% { -webkit-transform: rotate(3.6); transform: rotate(3.6deg) } 100% { -webkit-transform: rotate(3.6); transform: rotate(3.6deg) } } @keyframes loading-2 { 0% { -webkit-transform: rotate(7.2); transform: rotate(7.2deg) } 100% { -webkit-transform: rotate(7.2); transform: rotate(7.2deg) } } @keyframes loading-3 { 0% { -webkit-transform: rotate(10.8); transform: rotate(10.8deg) } 100% { -webkit-transform: rotate(10.8); transform: rotate(10.8deg) } } @keyframes loading-4 { 0% { -webkit-transform: rotate(14.4); transform: rotate(14.4deg) } 100% { -webkit-transform: rotate(14.4); transform: rotate(14.4deg) } } @keyframes loading-5 { 0% { -webkit-transform: rotate(18); transform: rotate(18deg) } 100% { -webkit-transform: rotate(18); transform: rotate(18deg) } } @keyframes loading-6 { 0% { -webkit-transform: rotate(21.6); transform: rotate(21.6deg) } 100% { -webkit-transform: rotate(21.6); transform: rotate(21.6deg) } } @keyframes loading-7 { 0% { -webkit-transform: rotate(25.2); transform: rotate(25.2deg) } 100% { -webkit-transform: rotate(25.2); transform: rotate(25.2deg) } } @keyframes loading-8 { 0% { -webkit-transform: rotate(28.8); transform: rotate(28.8deg) } 100% { -webkit-transform: rotate(28.8); transform: rotate(28.8deg) } } @keyframes loading-9 { 0% { -webkit-transform: rotate(32.4); transform: rotate(32.4deg) } 100% { -webkit-transform: rotate(32.4); transform: rotate(32.4deg) } } @keyframes loading-10 { 0% { -webkit-transform: rotate(36); transform: rotate(36deg) } 100% { -webkit-transform: rotate(36); transform: rotate(36deg) } } @keyframes loading-11 { 0% { -webkit-transform: rotate(39.6); transform: rotate(39.6deg) } 100% { -webkit-transform: rotate(39.6); transform: rotate(39.6deg) } } @keyframes loading-12 { 0% { -webkit-transform: rotate(43.2); transform: rotate(43.2deg) } 100% { -webkit-transform: rotate(43.2); transform: rotate(43.2deg) } } @keyframes loading-13 { 0% { -webkit-transform: rotate(46.8); transform: rotate(46.8deg) } 100% { -webkit-transform: rotate(46.8); transform: rotate(46.8deg) } } @keyframes loading-14 { 0% { -webkit-transform: rotate(50.4); transform: rotate(50.4deg) } 100% { -webkit-transform: rotate(50.4); transform: rotate(50.4deg) } } @keyframes loading-15 { 0% { -webkit-transform: rotate(54); transform: rotate(54deg) } 100% { -webkit-transform: rotate(54); transform: rotate(54deg) } } @keyframes loading-16 { 0% { -webkit-transform: rotate(57.6); transform: rotate(57.6deg) } 100% { -webkit-transform: rotate(57.6); transform: rotate(57.6deg) } } @keyframes loading-17 { 0% { -webkit-transform: rotate(61.2); transform: rotate(61.2deg) } 100% { -webkit-transform: rotate(61.2); transform: rotate(61.2deg) } } @keyframes loading-18 { 0% { -webkit-transform: rotate(64.8); transform: rotate(64.8deg) } 100% { -webkit-transform: rotate(64.8); transform: rotate(64.8deg) } } @keyframes loading-19 { 0% { -webkit-transform: rotate(68.4); transform: rotate(68.4deg) } 100% { -webkit-transform: rotate(68.4); transform: rotate(68.4deg) } } @keyframes loading-20 { 0% { -webkit-transform: rotate(72); transform: rotate(72deg) } 100% { -webkit-transform: rotate(72); transform: rotate(72deg) } } @keyframes loading-21 { 0% { -webkit-transform: rotate(75.6); transform: rotate(75.6deg) } 100% { -webkit-transform: rotate(75.6); transform: rotate(75.6deg) } } @keyframes loading-22 { 0% { -webkit-transform: rotate(79.2); transform: rotate(79.2deg) } 100% { -webkit-transform: rotate(79.2); transform: rotate(79.2deg) } } @keyframes loading-23 { 0% { -webkit-transform: rotate(82.8); transform: rotate(82.8deg) } 100% { -webkit-transform: rotate(82.8); transform: rotate(82.8deg) } } @keyframes loading-24 { 0% { -webkit-transform: rotate(86.4); transform: rotate(86.4deg) } 100% { -webkit-transform: rotate(86.4); transform: rotate(86.4deg) } } @keyframes loading-25 { 0% { -webkit-transform: rotate(90); transform: rotate(90deg) } 100% { -webkit-transform: rotate(90); transform: rotate(90deg) } } @keyframes loading-26 { 0% { -webkit-transform: rotate(93.6); transform: rotate(93.6deg) } 100% { -webkit-transform: rotate(93.6); transform: rotate(93.6deg) } } @keyframes loading-27 { 0% { -webkit-transform: rotate(97.2); transform: rotate(97.2deg) } 100% { -webkit-transform: rotate(97.2); transform: rotate(97.2deg) } } @keyframes loading-28 { 0% { -webkit-transform: rotate(100.8); transform: rotate(100.8deg) } 100% { -webkit-transform: rotate(100.8); transform: rotate(100.8deg) } } @keyframes loading-29 { 0% { -webkit-transform: rotate(104.4); transform: rotate(104.4deg) } 100% { -webkit-transform: rotate(104.4); transform: rotate(104.4deg) } } @keyframes loading-30 { 0% { -webkit-transform: rotate(108); transform: rotate(108deg) } 100% { -webkit-transform: rotate(108); transform: rotate(108deg) } } @keyframes loading-31 { 0% { -webkit-transform: rotate(111.6); transform: rotate(111.6deg) } 100% { -webkit-transform: rotate(111.6); transform: rotate(111.6deg) } } @keyframes loading-32 { 0% { -webkit-transform: rotate(115.2); transform: rotate(115.2deg) } 100% { -webkit-transform: rotate(115.2); transform: rotate(115.2deg) } } @keyframes loading-33 { 0% { -webkit-transform: rotate(118.8); transform: rotate(118.8deg) } 100% { -webkit-transform: rotate(118.8); transform: rotate(118.8deg) } } @keyframes loading-34 { 0% { -webkit-transform: rotate(122.4); transform: rotate(122.4deg) } 100% { -webkit-transform: rotate(122.4); transform: rotate(122.4deg) } } @keyframes loading-35 { 0% { -webkit-transform: rotate(126); transform: rotate(126deg) } 100% { -webkit-transform: rotate(126); transform: rotate(126deg) } } @keyframes loading-36 { 0% { -webkit-transform: rotate(129.6); transform: rotate(129.6deg) } 100% { -webkit-transform: rotate(129.6); transform: rotate(129.6deg) } } @keyframes loading-37 { 0% { -webkit-transform: rotate(133.2); transform: rotate(133.2deg) } 100% { -webkit-transform: rotate(133.2); transform: rotate(133.2deg) } } @keyframes loading-38 { 0% { -webkit-transform: rotate(136.8); transform: rotate(136.8deg) } 100% { -webkit-transform: rotate(136.8); transform: rotate(136.8deg) } } @keyframes loading-39 { 0% { -webkit-transform: rotate(140.4); transform: rotate(140.4deg) } 100% { -webkit-transform: rotate(140.4); transform: rotate(140.4deg) } } @keyframes loading-40 { 0% { -webkit-transform: rotate(144); transform: rotate(144deg) } 100% { -webkit-transform: rotate(144); transform: rotate(144deg) } } @keyframes loading-41 { 0% { -webkit-transform: rotate(147.6); transform: rotate(147.6deg) } 100% { -webkit-transform: rotate(147.6); transform: rotate(147.6deg) } } @keyframes loading-42 { 0% { -webkit-transform: rotate(151.2); transform: rotate(151.2deg) } 100% { -webkit-transform: rotate(151.2); transform: rotate(151.2deg) } } @keyframes loading-43 { 0% { -webkit-transform: rotate(154.8); transform: rotate(154.8deg) } 100% { -webkit-transform: rotate(154.8); transform: rotate(154.8deg) } } @keyframes loading-44 { 0% { -webkit-transform: rotate(158.4); transform: rotate(158.4deg) } 100% { -webkit-transform: rotate(158.4); transform: rotate(158.4deg) } } @keyframes loading-45 { 0% { -webkit-transform: rotate(162); transform: rotate(162deg) } 100% { -webkit-transform: rotate(162); transform: rotate(162deg) } } @keyframes loading-46 { 0% { -webkit-transform: rotate(165.6); transform: rotate(165.6deg) } 100% { -webkit-transform: rotate(165.6); transform: rotate(165.6deg) } } @keyframes loading-47 { 0% { -webkit-transform: rotate(169.2); transform: rotate(169.2deg) } 100% { -webkit-transform: rotate(169.2); transform: rotate(169.2deg) } } @keyframes loading-48 { 0% { -webkit-transform: rotate(172.8); transform: rotate(172.8deg) } 100% { -webkit-transform: rotate(172.8); transform: rotate(172.8deg) } } @keyframes loading-49 { 0% { -webkit-transform: rotate(176.4); transform: rotate(176.4deg) } 100% { -webkit-transform: rotate(176.4); transform: rotate(176.4deg) } } @keyframes loading-50 { 0% { -webkit-transform: rotate(180); transform: rotate(180deg) } 100% { -webkit-transform: rotate(180); transform: rotate(180deg) } } @media only screen and (max-width: 650px){ .circle-progress{ width: 100px; height: 100px; line-height: 100px; } #hero-header-progress-wrapper{margin-bottom: 80px;} .circle-progress .progress-value { font-size: 20px; } .circle-progress .progress-value div { margin-top: 0; } .circle-progress .progress-value span.complete { font-size: 11px; } } .hero h1{ position: absolute; text-align: center; font-size: 40px; line-height: 46px; letter-spacing: 0.40px; color: #FFFFFF; font-family: 'ITC Lubalin Graph Std', serif; font-weight: 500; font-style: normal; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 90%; } .sub-headline { text-align: center; font-size: 27px; letter-spacing: 0.27px; line-height: 36px; text-transform: uppercase; color: #FFFFFF; font-weight: 500; font-style: normal; margin-top: 10px; } .hero h1 br{ display: none; } .hero h2{ position: absolute; text-align: center; font-size: 30px; letter-spacing: 0.52px; color: #FFFFFF; font-weight: 500; font-style: normal; left: 50%; bottom:13%; transform: translate(-50%, -50%); width: 100%; } .page0 .hero h2, .page0 #hero-header-progress-wrapper{ display: none; } /* form */ .label_typical{ text-align: center; font: normal normal normal 26px / 36px Open Sans; letter-spacing: 0.52px; color: #505050; display: block; margin-bottom: 15px; } .label_typical u{ text-decoration: none; } .match_headline h3, .match_headline{ text-align: center; font: normal normal normal 17px/28px Open Sans; letter-spacing: 0.52px; color: #505050; display: block; margin-bottom: 15px; margin-top: 20px; } .matched_school_text{ margin: 10px 0 0 0; display: none; } .modal_submit { display: none !important; } #optQ_OPTIN_TEXTMSG_FULL_SAIL_01{ /*display: block !important;*/ /*text-align: center;*/ margin: 10px 0 0 0; } #optQ_OPTIN_TEXTMSG_FULL_SAIL_01 input[type=checkbox]{ margin: 0 5px 0 0; vertical-align: middle; } #optQ_OPTIN_TEXTMSG_FULL_SAIL_01 .label_typical, #optQ_OPTIN_TEXTMSG_FULL_SAIL_01 label{ display: inline; font-weight: normal; font-size: 12px; color: #505050; line-height:22px; } .page0 .match__headline{ text-align: center; font: normal normal normal 17px/28px Open Sans; letter-spacing: 0.52px; color: #505050; display: block; margin: 30px auto 15px auto; } .page0 .match__headline strong{ font-weight: normal; } #thank_you_txt { text-align: center; font: normal normal normal 17px/28px Open Sans; letter-spacing: 0.52px; color: #505050; display: block; margin: 30px auto 15px auto; } .page0 .question-block{ min-height: 50vh; } .page0 #matchedLogos { text-align: center; margin: auto; } .steps_instructions_01, .steps_instructions_02, .mtcorner, .mtboxtop, .match-logo, .mttextholder1{ display: none; } #container_qGroup, form{ max-width: 580px; margin: 80px auto 0 auto; } #container_match, #matched_schools_div { max-width: 470px; margin: 0 auto; min-height: 60vh; } body.pageMatchShared div#matched_schools_div { min-height: 24vh; } body.pageMatchShared .form-submit{ margin-bottom: 100px; } form ul{ list-style-type: none; padding: 0; margin: 0; } input[type=radio] { display: none; } #optQ_DDI_UNIVERSITY_CREDITS_01, #div_SELF_RATING_01, #div_DDI_EDUCATION_01, #div_DDI_AGE_01, #div_DDI_AOS_01, #div_USCITIZEN_01, #div_DDI_MILITARYAFFILIATE_01 { text-align: center; margin-bottom: 50px; } #div_DDI_EDUCATION_01{ margin-bottom: -80px !important; position: relative; z-index: 9; } #div_DDI_EDUCATION_01 .form-link1 .error{ margin-bottom: 100px !important; } #optQ_DDI_UNIVERSITY_CREDITS_01 label, #div_SELF_RATING_01 label, #div_DDI_EDUCATION_01 label, #div_DDI_AGE_01 label, #div_DDI_AOS_01 label, #div_USCITIZEN_01 label, #div_DDI_MILITARYAFFILIATE_01 label, .btn, #SUBMIT_01 { cursor: pointer; display: block; text-align: center; font-weight: 600; border-top: none; border-left: none; border-right: none; overflow: hidden; border-radius: 4px; color: #fff; padding: 16px; width: 100%; position: relative; background: #2f9ee9; border-bottom: 3px solid #257eba; margin-bottom: 16px; text-transform: none; transition: background-color 0.5s ease-out; text-align: center; font-family: 'Open Sans', sans-serif; font-size:18px; line-height:24px; letter-spacing: 0.36px; color: #FFFFFF; } #div_USCITIZEN_01 label:hover, #div_DDI_EDUCATION_01 label:hover, #div_DDI_MILITARYAFFILIATE_01 label:hover, #optQ_DDI_UNIVERSITY_CREDITS_01 label:hover, .btn:hover, #SUBMIT_01:hover, #div_DDI_EDUCATION_01 label:active, #SUBMIT_01:active, .btn:active, #div_DDI_EDUCATION_01 label:focus, .btn:focus, #SUBMIT_01:focus { background: #2f9ee9; color: #fff; top: 2px; background-image: none; outline: 0; border-radius: 0; } #div_USCITIZEN_01 label span:after, #optQ_DDI_UNIVERSITY_CREDITS_01 label span:after, #div_SELF_RATING_01 label span:after, #div_DDI_EDUCATION_01 label span:after, #div_DDI_AGE_01 label span:after, #div_DDI_AOS_01 label span:after, #div_USCITIZEN_01 label span:after, #div_DDI_MILITARYAFFILIATE_01 label span:after, .btn:after { transition: opacity 0.2s, top 0.2s, right 0.2s; opacity: 1; border-color: #fff; right: 16px; top: 60%; content: ' '; position: absolute; width: 10px; height: 10px; margin-top: -10px; background: rgba(0,0,0,0); border: 3px solid #FFF; border-top: none; border-right: none; transform: rotate(-135deg); } .container_submitButton .btn, .form-submit .btn { font: normal normal 600 22px / 23px Open Sans; } #div_FIRSTNAME_01, #div_ADDRESS1_01, #div_CITY_01, #div_STATE_01, #div_PHONE_DAY_FULL_01 { margin-bottom: 15px; } input[name=STATE_01] { width: 100%; } .container_submitButton { margin-top: 15px; /* display: none; */ margin-bottom: 50px; } .pageMatchShared .container_submitButton { display: block; margin-bottom: 0; } .pageMatchShared .container_submitButton button:after{ content: none; } .pageMatchShared #SUBMIT_02-C{ margin-bottom: 50px; } .pageMatchShared #below-form, .page0 #below-form{ display: none; } .container_question br{ display: none; } #div_DDI_TCPA_LANGUAGE_PREMATCH_CHECKED br{ display: block; } .container_formprbar { display: none; } #SUBMIT_01:hover, .btn-primary:hover, #SUBMIT_01:active, .btn:active, .btn-primary:active:focus, .btn:focus, #SUBMIT_01:focus { background-color: #58B1ED; color: #fff; top: 2px; background-image: none; outline: 0; border-color: #257eba; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } select.form-control { background-image: url('kqfd4/dual-arrow.png') !important; background-position: calc(100% - .5rem), 100% 0; background-size: 1.5em 1.5em; background-repeat: no-repeat; font: normal normal 18px Open Sans; font-weight: normal; } select.form-control, input.form-control { font-size: 17px; padding: 14px 30px; height: auto; } select.form-control:focus, input.form-control:focus{ font-size: 16px; } .selectImg3, .spacerDiv { display: none; } select[name=STATE_01] { width: 100% !important; } #below-form picture, #below-form source{ max-height: 560px; max-width: 840px; width: 100%; } .alert { display: none; } .bold { font-weight: bold; } .red_req{ font-size: small; vertical-align: super; } /* Below Form */ #below-form { background: #F1F1F0; padding: 0px 20px 35px 20px; margin: 0 auto 50px; } #below-form .content-wrap { padding: 30px 20px 0; } #below-form img { max-width: 100%; height: auto; } #below-form .heading { margin-top: 0px; text-align: center; font: normal normal bold 22px / 26px Open Sans; color: #505050; text-transform: uppercase; letter-spacing: 0.88px; margin-bottom: 10px; } #below-form .sub-heading { text-align: left; font: normal normal normal 18px / 24px Open Sans; letter-spacing: 0.36px; color: #505050; } #below-form .list { list-style-type: none; margin: 20px 0 0 0; padding: 0; } #below-form .list li{ text-align: center; font-size: 18px; font-family: "FuturaPT-Light"; color: #001731; margin-bottom: 10px; } /* footer */ footer{ padding:50px 0 50px 0px; background: #454545; } footer .d-none{display: none;} .navbar-nav li{ margin-left: 30px; } footer p{ text-align: left; text-decoration: none; font: normal normal normal 10px / 32px Open Sans; color: #F1F1F0; } footer a{color:#fff; text-decoration: underline;} footer a:hover{text-decoration: none;} .footer-text{margin-bottom: 20px;} a, a:hover{ color: inherit; text-decoration: underline; } footer .terms { text-align: center; } footer .do-not-sell { margin-left: 0; } img.pos-absolute, iframe.pos-absolute{ display: none; } /* Page 2 */ input[name=PHONE_DAY_AREA_01] { display: inline-block; width: 150px; box-sizing: border-box; } input[name=PHONE_DAY_PREFIX_01] { display: inline-block; width: 150px; box-sizing: border-box; } input[name=PHONE_DAY_SUFFIX_01] { display: inline-block; width: 193px; box-sizing: border-box; } .error_message_main { display: none; } #pop_window { display: none; } #div_DDI_TCPA_LANGUAGE_PREMATCH_CHECKED label{ font-weight: normal; display: inline; } #SUBMIT_02-B { display: none; } .btn-group-lg>.btn, .btn-lg { } .btSubmit { margin-top: 20px; } .hero-mobile-img{display: none;} @media screen and (min-width: 768px) and (max-width: 860px) { .head-content{ background:none; height:auto; } .hero-mobile-img{display: block;} .head-content-title2{ padding-top:30px; } .head-content-title3{ padding-bottom:30px; } } .pageMatchShared .disclosure_accreditation{margin-top:20px !important;} @media screen and (max-width:767px) { .head-content-title2{padding-top: 30px;} .hero-mobile-img{display: block;} .hero h2{ top:inherit !important; bottom: 60px; font-size: 20px; } footer{padding-left:15px; padding-right:15px; padding-bottom:30px;} footer p{font-size:12px; line-height:1.3; text-align: center !important;} footer p{margin-bottom: 15px;} .grey-box-mb{background: #ecedf1; margin-bottom: 30px;} #below-form{margin-bottom: 0px; padding: 30px 0px 30px 0px;} #below-form .content-wrap{padding: 0px;} #below-form .heading{font-size:25px; margin-bottom: 15px;} #below-form .sub-heading{font-size:19px; margin-bottom: 0px;} #mid-wrapper{ max-width: 90%; margin: 0px auto; } .label_typical{font-size:20px; line-height: 1.2;} #optQ_DDI_UNIVERSITY_CREDITS_01 label, #div_SELF_RATING_01 label, #div_DDI_EDUCATION_01 label, #div_DDI_AGE_01 label, #div_DDI_AOS_01 label, #div_USCITIZEN_01 label, #div_DDI_MILITARYAFFILIATE_01 label, .btn, #SUBMIT_01{ font-size:16px; } .head-content-title2{font-size:30px;} .head-content-title3{font-size:15px; margin-top:20px;} #footer .col-md-2, #footer .col-md-4{padding-left: 0px; padding-right: 0px;} } .bottom-content{ background: #F1F1F0; padding: 30px 20px; text-align: center; margin: 0 auto; } .bottom-content h2 { margin-top: 0px; text-align: center; font: normal normal bold 22px / 26px Open Sans; color: #505050; text-transform: uppercase; letter-spacing: 0.88px; } .bottom-content ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; font-size:16px; } .bottom-content ul li { text-align: center; font: normal normal normal 12px / 16px Open Sans; color: #505050; margin-top: 15px; } @media screen and (min-width: 767px) and (max-width:1440px) { .logo img{ max-width:190px; margin-bottom:20px; } .head-content-title2{ font-size:36px; } .head-content-title3{ font-size:28px; } .head-content{ color: #fff; padding-left:25px; padding-right:25px; } } @media screen and (max-width:767px) { .head-content{ padding-top:10px; padding-bottom:10px; padding-right:10px; padding-left:10px; background:none; height:auto; } .logo img{ max-width:220px; margin-bottom:20px; } .head-content-title2{ font-size:22px; } .head-content-title3{ font-size:18px; } .hero-mobile-img{display: block;margin-top:15px;} .bottom-content ul { padding: 0 15px; } } body.pageMatchShared #container_qGroup { margin: 40px auto 0 auto !important; } body.pageMatchShared .form-submit { margin-bottom: 20px; } body.pageMatchShared #form_holder { margin-bottom: 100px; } body.pageMatchShared .match-logo{ text-align: center; margin: 30px 0; }