.view-pre-login.about-uvo .page-content h2{font:500 32px "KIA",sans-serif;letter-spacing:1.5px}
.view-pre-login.about-uvo .page-content .benefits h2{font:600 32px "KIA",sans-serif}
.view-pre-login.about-uvo .page-content .benefits h3{font:400 30px "KIA",sans-serif}
.view-pre-login.about-uvo .remote-promo{margin-bottom:50px}
.text-center{margin:40px auto}
.text-center h2{color:#c4172c}
.text-center .title-display{margin:0}
.about-uvo.benefits span sup,.about-uvo.featurehighlight span sup,.about-component.benefits span sup,.about-uvo.servicebenefits span sup,.faqsContent span sup{cursor:pointer}
.about-uvo.benefits .container .text-center h3{font:22px/1.79em "KIA",sans-serif;letter-spacing:.6px}
.about-uvo .video{width:100%;height:800px;overflow:hidden}
.video-note,.image-note{width:50%;margin-left:25%;padding:30px;text-align:center;background-color:#fff;border:1px solid #fff;z-index:2;margin-top:-100px;margin-bottom:80px;position:relative}
.video-note h1,.image-note h1{font:500 32px "KIA",sans-serif;letter-spacing:1.5px}
.video-note p,.image-note p{font:16px/1.79em "Source Sans Pro",sans-serif;letter-spacing:.6px}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
#myModal .modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:600px;top:10%}
#myModal .modal-content p{width:540px}
#myModal .modal-content .modal-body{padding:15px 0 15px 15px}
.close{color:#aaa;float:right;font-size:28px;font-weight:bold;z-index:10}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
@media(max-width:1340px) and (min-width:1240px){.video-note{margin-top:-170px}
}
@media(max-width:1239px) and (min-width:1140px){.video-note{margin-top:-250px}
}
@media(max-width:1139px) and (min-width:1040px){.video-note{margin-top:-300px}
}
@media(max-width:1039px) and (min-width:940px){.video-note{margin-top:-360px}
}
@media(max-width:939px) and (min-width:840px){.video-note{margin-top:-400px;padding:25px}
}
@media(max-width:839px) and (min-width:768px){.video-note{margin-top:-460px;padding:25px}
}
@media(max-width :767px){.view-pre-login.about-uvo .page-content .benefits h2{font:600 24px "KIA",sans-serif}
.about-uvo.benefits .container .text-center h3{font:16px/1.5em "Source Sans Pro",sans-serif;letter-spacing:.6px}
.view-pre-login.about-uvo .page-content .benefits h3{font:400 18px "KIA",sans-serif}
.view-pre-login.about-uvo .remote-promo{margin-bottom:0}
.view-pre-login.about-uvo .modal{padding-top:0}
.text-center h2{font-size:24px}
.text-center h3{font-size:20px;width:100%;margin-left:0}
.about-uvo .video{height:300px}
.video-note{width:80%;margin-left:10%;padding:10px;margin-top:-100px;margin-bottom:40px}
.image-note{width:80%;margin-left:10%;padding:10px;margin-top:-20px;margin-bottom:40px}
.video-note h1,.image-note h1{font-size:22px}
.video-note p,.image-note p{font:12px/1.5em "Source Sans Pro",sans-serif}
#myModal .modal-content{width:100% !important;height:100% !important;top:0 !important;border:0;border-radius:0;overflow:scroll}
#myModal .modal-content p{width:320px}
.text-center .title-display{font-size:20px}
}
@media(min-width :767px) and (max-width:900px){.view-pre-login.about-uvo .page-content h2{margin-left:21.4%}
}