/*
@CreatedDate 18-11-2021
@ModifiedDate 18-11-2021
@Author Sayantani Banerjee-Accenture
@LastModifiedBy Sayantani Banerjee-Accenture
@Description This landing page serves the purpose of styling of US Vision Care Arise Ortho K Coming Soon Cloud Page.
*/ 

/* ==========================================================================
 DO NOT EDIT - UNLESS YOU KNOW WHAT YOUR DOING
 ========================================================================== */
        /* Header Section  */
        
        #headerSection {
            background-color: #FFFFFF;
        }
        /* Banner Section  */
        
        #banner {
            background-color: #00A0AF !important;
            background-image: url() !important;
        }
        /* Section 1 */
        
        #section1 {
            background-color: #00A0AF;
        }
        /* Section 2 */
        
        #section2 {
            background-color: #ffffff;
        }
        /* Section 3 */
        
        #section3 {
            background-color: #777777;
        }
        /* Section 4 */
        
        #section4 {
            background-color: #ffffff;
        }
        /* Section 5 */
        
        #section5 {
            background-color: #ffffff;
        }
        /* Section 6 */
        
        #section6 {
            background-color: #ffffff;
        }
        /* Section 7 */
        
        #section7 {
            background-color: #777777;
        }
        /* Section 8 */
        
        #section8 {
            background-color: #ffffff;
        }
        /* Footer Section  */
        
        #footerSection {
            background-color: #E3E3E3;
            padding: 25px 0px 15px 0px;
        }
        
        @media only screen and (min-width: 768px) and (max-width: 959px) {
            .section5-img {
                float: none !important;
            }
            #footer-copyright-default {
                text-align: center !important;
            }
            #footer-links-bp {
                text-align: center !important;
            }
        }
        
        @media only screen and (max-width: 767px) {
            .features .line-font img {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }
            .section5-img {
                float: none !important;
            }
            #footer-copyright-default {
                text-align: center !important;
            }
            #footer-links-bp {
                text-align: center !important;
            }
        }
        
        @media only screen and (max-width: 479px) {
            .features .line-font img {
                margin-top: 0 !important;
                margin-bottom: 0 !important;
            }
            .section5-img {
                float: none !important;
            }
            #footer-copyright-default {
                text-align: center !important;
            }
            #footer-links-bp {
                text-align: center !important;
            }
        }
        /* ==========================================================================
 Basic Styling 
 ========================================================================== */
        
        body {
            width: 100%;
            min-height: 100%;
            font-family: "Open Sans", "Helvetica Neue", Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
            font-size: 14px;
            line-height: 23px;
            color: #333333;
            -webkit-font-smoothing: antialiased;
            text-rendering: optimizeLegibility;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            font-weight: 300;
            font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            color: #1a1a1a;
            transition: all .50s ease-in-out;
            -moz-transition: all .50s ease-in-out;
            -webkit-transition: all .50s ease-in-out;
        }
        
        h1,
        h2,
        h3,
        h4,
        h5,
        h6 {
            margin-top: 0;
            margin-bottom: 10px;
        }
        
        h1 {
            font-size: 44px;
        }
        
        h2 {
            font-weight: 700;
            margin-bottom: 20px;
        }
        
        h3 {}
        
        h4 {
            font-size: 17px;
            font-weight: 700;
            color: #2d2d2d;
        }
        
        p {
            margin-bottom: 20px;
            line-height: 24px;
        }
        
        a {
            -webkit-transition: all 150ms ease-in;
            -moz-transition: all 150ms ease-in;
            -o-transition: all 150ms ease-in;
            transition: all 150ms ease-in;
            color: #00a8d6;
        }
        
        a:hover,
        a:focus {
            text-decoration: none;
            color: #007DA0;
            outline: none;
        }
        
        ul {
            list-style-type: circle;
        }
        
         ::-moz-selection {
            text-shadow: none;
            background: #08b4da;
            color: #FFF;
        }
        
         ::selection {
            text-shadow: none;
            background: #08b4da;
            color: #FFF;
        }
        
        .btn {
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            border-radius: 0;
            padding: 15px 35px;
            font-weight: bold;
        }
        
        .btn:hover,
        .btn:focus {
            background-color: #08b4da;
            color: #FFF;
        }
        
        .btn-transparent {
            background-color: #7B63B0;
            color: #ffffff;
        }
        
        .btn-transparent:hover {
            background-color: #1FA2DC
        }
        
        .img-responsive img {
            display: block;
            width: 100% \9;
            max-width: 100%;
            height: auto;
        }
        
        .footer p,
        .footer a {
            color: #ffffff;
            margin-bottom: 10px;
        }
        
        .footer-links {
            text-align: right;
        }
        /* ==========================================================================
FORM 2.0 -- Simple Form STYLES ONLY
========================================================================== */
        
        .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
            -webkit-border-radius: 5px;
            -khtml-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            border-radius: 5px;
            color: #fff;
            border: none !important;
            padding: 12px 14px !important;
            font-size: 1em;
            background: #64b6dd;
            background-color: #64b6dd !important;
            background-image: none !important;
            background-image: none !important;
            background-image: none !important;
            background-image: none !important;
            text-transform: none !important;
            /*	  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#962D9E), to(#64038D)) !important;
	  background: -webkit-linear-gradient(#962D9E, #64038D) !important;
	  background: -moz-linear-gradient(#962D9E, #64038D) !important;
	  background: -ms-linear-gradient(#962D9E, #64038D) !important;
	  background: -o-linear-gradient(#962D9E, #64038D) !important;
	  background: linear-gradient(#962D9E, #64038D) !important;
	  -pie-background: linear-gradient(#962D9E, #64038D) !important;
*/
        }
        
        .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
            border: none !important;
            background: #227da8!important;
        }


.mktoForm .mktoButtonWrap.mktoInset .mktoButton {
    color:#000;
    background:#fff;
    border:1px solid #aeb0b6;
    padding:0.4em 1em;
    font-size:1em;
    box-shadow: 1px 1px 6px 1px #ccc;
    background-color:#f5f5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#dfdfdf));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #dfdfdf);
    background-image: -moz-linear-gradient(top, #f5f5f5, #dfdfdf);
    background-image: linear-gradient(to bottom, #f5f5f5, #dfdfdf);
    }
    .mktoForm .mktoButtonWrap.mktoInset .mktoButton:hover {
    border:1px solid #999;
    }
    .mktoForm .mktoButtonWrap.mktoInset .mktoButton:focus {
    outline:none;
    border:1px solid #999;
    }
    .mktoForm .mktoButtonWrap.mktoInset .mktoButton:active{
    box-shadow:inset 1px 1px 6px 1px #ccc;
    background-color:#dfdfdf;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #dfdfdf, #f5f5f5);
    background-image: -moz-linear-gradient(top, #dfdfdf, #f5f5f5);
    background-image: linear-gradient(to bottom, #dfdfdf, #f5f5f5);
    }