/** KERATOCONUS LANDING PAGE **/
.keratoconus {}

.keratoconus .ry-container {
    width: 90%;
}

.keratoconus img {
    width: auto;
}

.keratoconus .ry-section-1 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Blue_wave_bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 50px 0;
	border-bottom: 27px solid #15749d;
    position: relative;
}

.keratoconus .ry-section-1:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -57px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #15749d;
}

.keratoconus .ry-section-1 .ry-img img {
    margin: 0 auto;
}

.keratoconus .ry-section-1 .ry-heading {
    background: #15749d;
    border: 8px solid #ffffff;
    padding: 30px;
    margin-top: -80px;
    margin-bottom: 50px;
}

.keratoconus .ry-section-1 .ry-heading h1 {
    text-align: center;
    color: #ffffff;
    font-size: 50px;
}

.keratoconus .ry-section-1 .ry-container {
    max-width: 1280px;
}

.keratoconus .ry-section-1 h3, .keratoconus .ry-section-1 p {
    text-align: center;
    color: #ffffff;
}

.keratoconus .ry-section-1 h3 {
    font-size: 30px;
    margin: 0 auto 20px;
    width: 80%;
    font-weight: 500;
}

.keratoconus .ry-section-1 p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 400;
	width: 90%;
    margin: 0 auto;
}

.keratoconus .ry-section-2 {
    padding: 80px 0 160px;
}

.keratoconus .ry-section-2 .ry-heading h2 {
    color: #15749d;
    text-align: center;
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    position: relative;
}

.keratoconus .ry-section-2 .ry-heading h2:after {
    content: '';
    display: block;
    text-align: center;
    border-bottom: 1px dashed rgb(0 0 0 / 20%);
    margin: 25px 0;
}

.keratoconus .ry-section-2 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-2 .ry-flex {
    align-items: center;
}

.keratoconus .ry-section-2 .ry-flex .ry-graphic img {
    margin: 0 auto;
}

.keratoconus .ry-section-2 h3 {
    color: #f2782a;
    font-size: 50px;
    font-weight: 300;
    margin: 0 0 10px;
}

.keratoconus .ry-section-2 h4 {
    color: #939598;
    font-size: 30px;
    margin: 0 0 25px;
}

.keratoconus .ry-section-2 p {
    font-size: 25px;
    line-height: 1.5;
    color: #939598;
    font-weight: 400;
}

.keratoconus .ry-section-2 p sup {
    font-size: 14px;
    position: relative;
    top: -13px;
}

.keratoconus .ry-section-2 .ry-copy, 
.keratoconus .ry-section-2 .ry-graphic {
    width: 48%;
}

.keratoconus .ry-section-3 {
    background: #15749d;
    padding: 80px 0 160px;
    position: relative;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-heading {
    margin: 0 0 20px;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-heading div h2 {
    display: inline-block;
    color: #ffffff;
    position: relative;
    font-size: 50px;
    font-weight: 500;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-heading div h2:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #ffffff;
    margin: 25px 0;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex {
    justify-content: center;
    align-items: center;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-img {
    width: 150px;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text {
    width: fit-content;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-heading + .ry-flex .ry-img {
    margin-right: 30px;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex:last-of-type .ry-img {
    margin-left: 30px;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text h3, 
.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text p {
    color: #ffffff;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text h3 {
    font-size: 30px;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text p {
    font-size: 20px;
    line-height: 1.5;
}

.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text p sup {
    position: relative;
    font-size: 14px;
    top: -10px;
    margin-left: 3px;
}

.keratoconus .ry-section-3 .ry-content-2 {
    padding: 100px 0;
    position: relative;
    margin: 100px 0 0;
    width: fit-content;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-box {
    background: #ffffff;
    padding: 20px;
    border: 8px solid #14b3de;
    margin: 20px auto;
    width: fit-content;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-box h2 {
    text-align: center;
    color: #14b3de;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 100px;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-box h2 span.span-1 {
    color: #939598;
    font-size: 30px;
    position: relative;
    max-width: 120px;
    display: inline-block;
    font-weight: 300;
    top: -20px;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-text {
    color: #ffffff;
    text-align: center;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-text h2 {
    font-size: 60px;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-text h3 {
    font-size: 30px;
}

.keratoconus .ry-section-3 .ry-content-2 .ry-text h3 sup {
    font-size: 12px;
    position: relative;
    top: -17px;
}

.keratoconus .ry-section-3:before {
    content: '';
    width: 231px;
    height: 421px;
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Triangle_corner_right.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.keratoconus .ry-section-3:after {
    content: '';
    width: 213px;
    height: 421px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Triangle_corner_left.png);
    background-size: cover;
    background-position: 50%;
}

.keratoconus .ry-section-3 .ry-content-2:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border: 1px dashed #ffffff;
    left: -40px;
    transform: scale(1.2)
}

.keratoconus .ry-section-3 .ry-content-2:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    border: 1px dashed #ffffff;
    right: 0;
    transform: scale(1.2)
}

.keratoconus .ry-section-3 .ry-content-2:after {
    right: -40px;
    top: -40px;
}

.keratoconus .ry-section-3 .ry-container:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    bottom: 52px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #ffffff;
}

.keratoconus .ry-section-3 .ry-content-wrap-2 {
    display: flex;
    justify-content: center;
	margin: 80px 0 0;
}

.keratoconus .ry-section-4 {
    padding: 80px 0;
	position: relative;
}

.keratoconus .ry-section-4 .ry-heading h2, .keratoconus .ry-section-4 .ry-heading p {
    text-align: center;
}

.keratoconus .ry-section-4 .ry-heading h2 {
    color: #15749d;
    text-align: center;
    font-size: 50px;
    font-weight: 500;
}

.keratoconus .ry-section-4 .ry-heading h2 sup {
    position: relative;
    font-size: 15px;
    top: -25px;
}

.keratoconus .ry-section-4 .ry-heading p {
    position: relative;
    display: inline-block;
    color: #14b3de;
    font-size: 30px;
    font-weight: 400;
    margin: 10px 0 0;
}

.keratoconus .ry-section-4 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-4 .ry-heading p:after {
    content: '';
    display: block;
    text-align: center;
    border-bottom: 1px dashed rgb(0 0 0 / 20%);
    margin: 25px 0;
}

.keratoconus .ry-section-4 .ry-flex {
    justify-content: center;
    flex-wrap: wrap;
	margin: 50px 0 0;
}

.keratoconus .ry-section-4 .ry-flex .ry-each {
    width: 33%;
    margin: 0 0 60px;
}

.keratoconus .ry-section-4 .ry-flex .ry-each img {
    margin: 0 auto;
}

.keratoconus .ry-section-4 .ry-flex .ry-each .ry-img {
    margin: 0 0 25px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.keratoconus .ry-section-4 .ry-flex .ry-each .ry-text h3 {
    text-align: center;
    font-size: 25px;
    line-height: 1.2;
    color: #939598;
    font-weight: 500;
    width: 80%;
    margin: 0 auto;
}

.keratoconus .ry-section-4 .ry-heading p sup {
    position: relative;
    font-size: 12px;
    top: -16px;
}

.keratoconus .ry-section-4:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #15749d;
}

.keratoconus .ry-section-5 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Blue_wave_bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 100px 0;
    position: relative;
}

.keratoconus .ry-section-5:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #fff;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading h2 {
    position: relative;
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading h2:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #ffffff;
    margin: 25px 0;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex {
    border: 8px solid #ffffff;
    background: #15749d;
    padding: 30px;
    align-items: center;
}

.keratoconus .ry-section-5 .ry-container {
    max-width: 1280px;
}

.keratoconus .ry-section-5 .ry-content-1 {
    margin: 0 0 100px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-img {
    width: 35px;
    min-width: 35px;
    margin-right: 20px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p {
    color: #ffffff;
    font-size: 25px;
    line-height: 1.5;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p span.span-1 {
    display: block;
    font-size: 30px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text {
    width: fit-content;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p sup {
    position: relative;
    font-size: 14px;
    top: -13px;
}

.keratoconus .ry-section-5 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Blue_wave_bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 100px 0;
    position: relative;
}

.keratoconus .ry-section-5:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #fff;
}

.keratoconus .ry-section-5 .ry-content-1 {
    margin: 0 0 100px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading h2 {
    position: relative;
    display: inline-block;
    font-size: 50px;
    font-weight: 500;
    color: #ffffff;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-heading h2:after {
    content: '';
    display: block;
    border-bottom: 1px dashed #ffffff;
    margin: 25px 0;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex {
    border: 8px solid #ffffff;
    background: #15749d;
    padding: 30px;
    align-items: center;
    justify-content: center;
}

.keratoconus .ry-section-5 .ry-container {
    max-width: 1280px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-img {
    width: 35px;
    min-width: 35px;
    margin-right: 20px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.5;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p span.span-1 {
    display: block;
    font-size: 25px;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text {
    width: fit-content;
}

.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p sup {
    position: relative;
    font-size: 14px;
    top: -13px;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-heading h2 {
    text-align: left;
    font-size: 50px;
    color: #ffffff;
    width: 74%;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-img {
    width: 128px;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-line {
    width: 150px;
    height: 2px;
    background: #15749d;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-text {
    width: fit-content;
    background: #ffffff;
    padding: 20px;
    border: 2px solid #15749d;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-flex {
    align-items: center;
    justify-content: center;
    margin: 20px 0 0;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 {
    font-size: 100px;
    display: flex;
    align-items: center;
    color: #14b3de;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 span.span-1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #939598;
    margin-left: 20px;
	text-align: left;
}

.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 span.span-1 sup {
    position: relative;
    font-size: 12px;
    top: -12px;
    margin-left: 3px;
}

.keratoconus .ry-section-6 {
    padding: 100px 0 0;
	position: relative;
}

.keratoconus .ry-section-6 .ry-heading h2 {
    text-align: center;
    font-size: 50px;
    color: #15749d;
    font-weight: 500;
}

.keratoconus .ry-section-6 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-6 .ry-heading p {
    display: inline-block;
    position: relative;
    font-size: 30px;
    font-weight: 400;
    margin: 10px 0 0;
    color: #14b3de;
	text-align: center;
}

.keratoconus .ry-section-6 .ry-heading p:after {
    content: '';
    display: block;
    margin: 25px 0;
    border-bottom: 1px dashed rgb(0 0 0 / 20%);
}

.keratoconus .ry-section-6 .ry-img {
    margin-top: 50px;
}

.keratoconus .ry-section-6:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #59c6e5;
}

.keratoconus .ry-section-6 .ry-bottom {
    background: #15749d;
    margin-top: 250px;
    border-bottom: 15px solid #d7d8da;
}

.keratoconus .ry-section-6 .ry-bottom .ry-content {
    margin-top: -260px;
}

.keratoconus .ry-section-6 .ry-img img {
    margin: 0 auto;
}

.keratoconus .ry-section-6 .ry-bottom .ry-text h3 {
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    font-weight: 500;
}

.keratoconus .ry-section-6 .ry-bottom .ry-text {
    padding: 50px 0;
}

.keratoconus .ry-section-6 .ry-bottom .ry-text p {
    text-align: center;
    color: #ffffff;
    line-height: 1.3;
    font-weight: 400;
    margin: 15px auto 0;
    font-size: 16px;
    width: 80%;
}

.keratoconus .ry-section-7 {
    position: relative;
    padding: 50px 0;
}

.keratoconus .ry-section-7:before {
    content: '';
    width: 100%;
    height: 45%;
    position: absolute;
    top: 0;
    left: 0;
    background: #f3f3f4;
}

.keratoconus .ry-section-7 .ry-heading {
    margin: 0 0 50px;
}

.keratoconus .ry-section-7 .ry-heading h2 {
    text-align: center;
    font-size: 40px;
    color: #15749d;
}

.keratoconus .ry-section-7 .ry-top {
    padding: 20px;
    position: relative;
    background: #ffffff;
    border: 4px solid #14b3de;
}

.keratoconus .ry-section-7 .ry-top div {
    width: 80%;
    margin: 0 auto;
    padding: 30px 0;
}

.keratoconus .ry-section-7 .ry-top div h3 {
    font-size: 40px;
    text-align: center;
    color: #939598;
}

.keratoconus .ry-section-7 .ry-top div p {
    text-align: center;
    color: #939598;
    margin: 15px 0 0;
    font-size: 20px;
}

.keratoconus .ry-section-7 .ry-top:before, 
.keratoconus .ry-section-7 .ry-top:after,
.keratoconus .ry-section-10 .ry-box:before,
.keratoconus .ry-section-10 .ry-box:after {
    content: '';
    width: 44px;
    height: 35px;
    position: absolute;
}

.keratoconus .ry-section-7 .ry-top:before,
.keratoconus .ry-section-10 .ry-box:before {
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Artboard_31.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    left: 20px;
    top: 20px;
}

.keratoconus .ry-section-7 .ry-top:after,
.keratoconus .ry-section-10 .ry-box:after {
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Artboard_32.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    bottom: 20px;
}

.keratoconus .ry-section-7 .ry-bottom {
    background: #14b3de;
    padding: 30px 0;
}

.keratoconus .ry-section-7 .ry-bottom div {
    width: 90%;
    margin: 0 auto;
}

.keratoconus .ry-section-7 .ry-bottom p {
    font-size: 27px;
    text-align: center;
    color: #ffffff;
}

.keratoconus .ry-section-8 {
    background: #14b3de;
    padding: 80px 0;
    position: relative;
}

.keratoconus .ry-section-8:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #fff;
}

.keratoconus .ry-section-8 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-8 .ry-heading h2 {
    text-align: center;
    color: #ffffff;
    font-size: 50px;
    display: inline-block;
    position: relative;
}

.keratoconus .ry-section-8 .ry-heading h2:after {
    content: '';
    display: block;
    margin: 25px auto;
    border-bottom: 1px dashed #ffffff;
}

.keratoconus .ry-section-8 .ry-text {
    background: #15749d;
    margin: 10px 0 0;
    padding: 20px;
}

.keratoconus .ry-section-8 .ry-text p {
    text-align: center;
    line-height: 1.5;
    color: #ffffff;
    font-size: 25px;
}

.keratoconus .ry-section-8 .ry-text p sup {
    position: relative;
    top: -13px;
    font-size: 14px;
}

.keratoconus .ry-section-8 .ry-text div {
    width: 90%;
    margin: 0 auto;
}

.keratoconus .ry-section-8 .ry-table {
    background: #ffffff;
}

.keratoconus .ry-section-8 .ry-table .with-bg {
    background: #d7ecf8;
}

.keratoconus .ry-section-8 .ry-table .with-bg .ry-each p {
    text-align: center;
    color: #15749d;
    font-size: 20px;
    font-weight: 500;
}

.keratoconus .ry-section-8 .ry-table .ry-each {
    border: 1px solid #15749d;
    padding: 20px;
}

.keratoconus .ry-section-8 .ry-table .ry-each p {
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
    font-size: 18px;
}

.keratoconus .ry-section-8 .ry-table .ry-flex .ry-each:first-child {
    background: #d7ecf8;
    border-left: 2px solid #15749d;
	display: flex;
    align-items: center;
    justify-content: center;
}

.keratoconus .ry-section-8 .ry-table .ry-flex .ry-each:first-child p {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    color: #15749d;
}

.keratoconus .ry-section-8 .ry-table .ry-flex .ry-each:last-child {
    border-right: 2px solid #15749d;
}

.keratoconus .ry-section-8 .ry-accordion {
	display: block;
	width: 90%;
	margin: 0 auto;
	float: none;
}

.keratoconus .ry-section-8 .ry-accordion .ry-heading.ui-state-active {
	color: #15749d;
}

.keratoconus .ry-section-8 .ry-accordion {
    display: none;
}

.keratoconus .ry-section-9 {
    position: relative;
    padding: 80px 0;
}

.keratoconus .ry-section-9:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #14b3de;
}

.keratoconus .ry-section-9 .ry-heading h2 {
    text-align: center;
    font-size: 50px;
    color: #15749d;
}

.keratoconus .ry-section-9 .ry-heading p {
    position: relative;
    display: inline-block;
    font-size: 30px;
    font-weight: 400;
    margin: 10px auto 0;
    color: #14b3de;
    width: 60%;
    text-align: center;
}

.keratoconus .ry-section-9 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-9 .ry-heading p:after {
    content: '';
    display: block;
    margin: 25px auto;
    border-bottom: 1px dashed rgb(0 0 0 / 20%);
}

.keratoconus .ry-section-9 .ry-flex {
    justify-content: center;
    margin: 20px 0 0;
}

.keratoconus .ry-section-9 .ry-flex .ry-each {
    width: 48%;
    margin: 0 15px;
    max-width: 500px;
}

.keratoconus .ry-section-9 .ry-flex .ry-each img {
    margin: 0 auto;
    width: 100%;
}

.keratoconus .ry-section-9 .ry-flex .ry-each .ry-text {
    background: #14b3de;
    padding: 30px;
}

.keratoconus .ry-section-9 .ry-flex .ry-each .ry-text div {
    text-align: center;
}

.keratoconus .ry-section-9 .ry-flex .ry-each .ry-text p {
    text-align: center;
    font-size: 25px;
    color: #ffffff;
    line-height: 1.5;
    font-weight: 400;
}

.keratoconus .ry-section-9 .ry-flex .ry-each .ry-img {
    border: 2px solid #14b3de;
}

.keratoconus .ry-section-10 {
    background: #15749d;
    padding: 80px 0;
    position: relative;
}

.keratoconus .ry-section-10 .ry-container:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: -80px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #fff;
}

.keratoconus .ry-section-10 .ry-heading h2 {
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    display: inline-block;
    position: relative;
}

.keratoconus .ry-section-10 .ry-heading div {
    text-align: center;
}

.keratoconus .ry-section-10 .ry-heading h2:after {
    content: '';
    display: block;
    margin: 25px auto;
    border-bottom: 1px dashed #ffffff;
}

.keratoconus .ry-section-10 .ry-box {
    background: #ffffff;
    padding: 50px 20px;
    border: 4px solid #14b3de;
    position: relative;
	margin: 20px 0 0;
}

.keratoconus .ry-section-10 .ry-box div {
    width: 80%;
    margin: 0 auto;
}

.keratoconus .ry-section-10 .ry-box div h3 {
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    color: #939598;
}

.keratoconus .ry-section-10 .ry-box div p {
    text-align: center;
    font-size: 20px;
    line-height: 1.5;
    margin: 20px 0 0;
    color: #939598;
}

.keratoconus .ry-section-10:before {
    content: '';
    width: 231px;
    height: 421px;
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Triangle_corner_right.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
}

.keratoconus .ry-section-10:after {
    content: '';
    width: 108px;
    height: 197px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(https://www.royacdn.com/unsafe/smart/Site-74acf318-a777-4634-be6f-d94fbbb47b6d/keratoconus/Triangle_corner_left_small.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.keratoconus .ry-section-11 {
    padding: 80px 0;
    position: relative;
}

.keratoconus .ry-section-11:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 30px solid #15749d;
}

.keratoconus .ry-section-11 .ry-img {
    width: 53px;
    min-width: 53px;
    margin-right: 20px;
}

.keratoconus .ry-section-11 .ry-flex {
    justify-content: center;
    align-items: center;
}

.keratoconus .ry-section-11 .ry-flex .ry-heading {
    width: fit-content;
}

.keratoconus .ry-section-11 .ry-flex .ry-heading h2 {
    font-size: 40px;
    text-align: left;
}

.keratoconus .ry-section-12 {
    background: #f3f3f4;
    padding: 50px 0;
}

.keratoconus .ry-section-12 p, 
.keratoconus .ry-section-12 p a {
    font-size: 18px;
    font-weight: 400;
    color: #15749d;
    text-transform: none;
}

.keratoconus .ry-section-12 .ry-text {
    width: 48%;
}

.keratoconus .ry-section-12 .ry-text .ry-logo {
    margin: 30px 0 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.keratoconus .ry-section-12 .ry-text .ry-logo img {
    width: 120px;
}

@media(max-width:1600px) {
	.keratoconus .ry-section-1 .ry-heading h1,
	.keratoconus .ry-section-2 .ry-heading h2,
	.keratoconus .ry-section-2 h3,
	.keratoconus .ry-section-3 .ry-content-1 .ry-heading div h2,
	.keratoconus .ry-section-4 .ry-heading h2,
	.keratoconus .ry-section-5 .ry-content-1 .ry-heading h2,
	.keratoconus .ry-section-5 .ry-content-2 .ry-heading h2,
	.keratoconus .ry-section-6 .ry-heading h2,
	.keratoconus .ry-section-8 .ry-heading h2,
	.keratoconus .ry-section-9 .ry-heading h2,
	.keratoconus .ry-section-10 .ry-heading h2,
	.keratoconus .ry-section-3 .ry-content-2 .ry-text h2 {
		font-size: 40px;
	}

	.keratoconus .ry-section-3 .ry-content-2 .ry-box h2,
	.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 {
		font-size: 80px;
	}

	.keratoconus .ry-section-3 .ry-content-2 .ry-box h2 span.span-1 {
		font-size: 25px;
		top: -10px;
	}

	.keratoconus .ry-section-7 .ry-heading h2,
	.keratoconus .ry-section-7 .ry-top div h3,
	.keratoconus .ry-section-10 .ry-box div h3,
	.keratoconus .ry-section-11 .ry-flex .ry-heading h2 {
		font-size: 35px;
	}
}

@media(max-width:1198px) {
	.keratoconus .ry-section-8 .ry-table {
		display: none;
	}
	
	.keratoconus .ry-section-8 .ry-accordion {
		display: block;
	}

	.keratoconus .ry-section-8 .ry-accordion .ry-heading.ui-state-active {
		color: #15749d;
	}
}

@media(max-width:991px) {
	.keratoconus .ry-section-1 .ry-heading h1 {
		font-size: 30px;
	}

	.keratoconus .ry-section-1 .ry-heading {
		padding: 20px;
		margin-bottom: 20px;
	}

	.keratoconus .ry-section-1 h3 {
		width: 100%;
		font-size: 25px;
	}

	.keratoconus .ry-section-2 .ry-copy, .keratoconus .ry-section-2 .ry-graphic {
		width: 100%;
	}

	.keratoconus .ry-section-2 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-2 h3, .keratoconus .ry-section-2 h4, .keratoconus .ry-section-2 p {
		text-align: center;
	}

	.keratoconus .ry-section-2 .ry-flex .ry-graphic img {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}

	.keratoconus .ry-section-2 .ry-graphic {
		margin: 30px 0 0;
	}

	.keratoconus .ry-section-2 {
		padding: 80px 0;
	}
	
	.keratoconus .ry-section-3:before, .keratoconus .ry-section-3:after {
		display: none;
	}

	.keratoconus .ry-section-3 .ry-content-1 .ry-flex {
		flex-direction: column;
	}

	.keratoconus .ry-section-3 .ry-content-1 .ry-flex + .ry-flex {
		flex-direction: column-reverse;
		margin-top: 30px;
	}

	.keratoconus .ry-section-3 .ry-content-1 .ry-heading + .ry-flex .ry-img, .keratoconus .ry-section-3 .ry-content-1 .ry-flex:last-of-type .ry-img {
		margin-right: 0;
		margin-bottom: 10px;
		margin-left: 0;
	}

	.keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text h3, .keratoconus .ry-section-3 .ry-content-1 .ry-flex .ry-text p {
		text-align: center;
	}

	.keratoconus .ry-section-3 .ry-content-2:after, .keratoconus .ry-section-3 .ry-content-2:before {
		display: none;
	}

	.keratoconus .ry-section-3 .ry-content-wrap-2 {
		margin: 0;
	}

	.keratoconus .ry-section-3 .ry-content-2 {
		margin: 0;
		padding: 50px 0 0;
	}

	.keratoconus .ry-section-3 .ry-content-2 .ry-box h2 span.span-1 {
		top: 0;
		display: block;
		text-align: center;
		max-width: 100%;
		margin: 10px 0;
	}

	.keratoconus .ry-section-3 .ry-content-2 .ry-box h2 {
		font-size: 50px;
	}

	.keratoconus .ry-section-3 {
		padding: 80px 0;
	}

	.keratoconus .ry-section-4 .ry-flex .ry-each .ry-text h3 br {
		display: none;
	}
	
	.keratoconus .ry-section-4 .ry-flex .ry-each {
		width: 100%;
		max-width: 250px;
	}

	.keratoconus .ry-section-4 .ry-flex .ry-each .ry-text h3 {
		font-size: 20px;
	}

	.keratoconus .ry-section-4 {
		padding: 80px 0 20px;
	}

	.keratoconus .ry-section-5 .ry-content-1 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.keratoconus .ry-section-5 .ry-content-1 .ry-flex .ry-text p {
		text-align: center;
	}
	
	.keratoconus .ry-section-5 .ry-content-2 .ry-heading h2 {
		width: 100%;
		text-align: center;
	}

	.keratoconus .ry-section-5 .ry-content-2 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-5 .ry-content-2 .ry-line {
		height: 100px;
		width: 2px;
	}

	.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 {
		font-size: 50px;
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-5 .ry-content-2 .ry-text h3 span.span-1 {
		text-align: center;
		margin-left: 0;
		margin-top: 10px;
	}
	
	.keratoconus .ry-section-6 .ry-bottom .ry-content {
		margin-top: 0;
	}

	.keratoconus .ry-section-6 .ry-bottom {
		margin-top: 10px;
	}
	
	.keratoconus .ry-section-7 .ry-top div h3 {
		font-size: 30px;
		margin: 15px 0 0;
	}

	.keratoconus .ry-section-7 .ry-top div {
		width: 100%;
	}

	.keratoconus .ry-section-7 .ry-top div p {
		line-height: 1;
		margin: 20px 0;
	}
	
	.keratoconus .ry-section-9 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-9 .ry-flex .ry-each {
		width: 100%;
		max-width: 300px;
		margin: 20px 0;
	}
	
	.keratoconus .ry-section-9 .ry-heading p {
		width: 100%;
	}
	
	.keratoconus .ry-section-11 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-11 .ry-img {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.keratoconus .ry-section-11 .ry-flex .ry-heading h2 {
		text-align: center;
	}

	.keratoconus .ry-section-12 .ry-flex {
		flex-direction: column;
		align-items: center;
	}

	.keratoconus .ry-section-12 .ry-text {
		width: 100%;
	}

	.keratoconus .ry-section-12 .ry-text:last-of-type {
		margin-top: 20px;
	}

	.keratoconus .ry-section-12 .ry-text .ry-logo {
		align-items: center;
	}

	.keratoconus .ry-section-12 .ry-text:last-of-type p a {
		word-break: break-word;
	}
	
	.keratoconus .ry-section-10:before,
	.keratoconus .ry-section-10:after {
		display: none;
	}
}