/* EDGE-to-EDGE layout: This HTML and BODY style code here makes sure that your 12-grid system stretches all the way to the very edge!! NO WHITE MARGINS */

html {
    padding: 0;
    margin: 0;
}
.prvired{display:none!important;}

body {
    padding:0;
    margin:0;
    font-family: 'Roboto', 'Helvetica', sans-serif;
    font-size: 93%;
    line-height: 1.5em;
    width: 100%;
    overflow-x: hidden;

}
.sectionpadding{
    padding: 30px 0;
}

.clearfix:after{
    display: table;
    content: '';
    clear: both;
}
.container {
    max-width: 1150px;
    margin: 0 auto;
}

/* Typography */

h1, h2, h3, h4, h5, h6 {margin-top: 0;}

p {
    font-size: 18px;
    color: #536493;
    padding:10px 10px;
    text-align: left;
    margin: 0 0 1em 0;
    letter-spacing: 1px;
}

h1 {
    font-size: 22px;
    color: #536493;
    padding: 5px 5px;
    text-align: left;
    margin: 0 0 1em 0;
    letter-spacing: 1px;
}


h2{
    font-size: 24px;
    color: #536493;
    padding: 5px 5px;
    text-align: left;
    margin: 0 0 1em 0;
    letter-spacing: 1px;
}

li {
    font-size: 18px;
    color: #ffffff;
    padding:0px 0px;
    text-align: left;
    letter-spacing: 1px;
    }

/* Setting up our grid - THIS IS FOR DESKTOP VIEW */

.three:first-child, .four:first-child, .six:first-child, .nine:first-child { 
    margin-left: 0; /* This line of code makes the left-most column align to the left of the screen */
}

.row {
    width: 100%;
    clear: both; /* Clear creates new styles for the next row */
    padding: 0px;
    margin: 0px;
}

/* MOBILE FIRST APPROACH */

/* CSS ARRANGED FOR MOBILE FIRST - For mobile phones: */
    .three, .four, .six, .nine {
    width: 100%;
    float: left;  /*This command is needed to keep the DIV boxes on the SAME line. If you remove this tag, each DIV  will stacked ontop each other, one at a time.*/
    }

@media (max-width:1023px){
    
    .three, .four, .six{
        height: auto !important;
    }
    
}

/* CSS ARRANGED FOR MOBILE FIRST - ONLY USE MEDIA QUERIES for ALL other devices - for Desktop and Tablets  */

@media only screen and (min-width: 1024px) {
    
    /* For desktop: */
    
    .three {width: 25%;}
    .four {width: 33.33%;}
    .six {width: 50%;}
    .nine {width: 75%;}
}


/* ===== Start Hero ===== */

header .hero-image {
    width: 100%;
    overflow: hidden;
}

picture img{
    max-width: 100%;
    vertical-align: middle;
    z-index: -1;
}

.layer {
    background: rgb(19, 49, 103);
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.parr1{
    background:#8A8C8F;
}
.overlay-text{
    color: white;
    font-size: 26px;
    width: 620px;
    line-height: 1.2em;
    max-width: 96%;
    text-align: center;
    position: absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}
/* ===== THIS CONTROLS THE COLOR OF THE DESKTOP NAV BAR  ===== ***********/
.head .longnav nav{
    background:#1B3C73;
}

.head .longnav .four h1{
    padding-top: 20px;
}

.head .longnav .eight h1{
    font-size: 17px;
    padding-top: 20px;
    text-align: right;
}

.hero-text {
    position: absolute;
    z-index: 4;
    color: #8A8C8F;
    top: 50%;
    left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
    width: 1500px;
}
.hero-text .top-heading{
    color:#8A8C8F;
    font-size: 49.5px;
    line-height: 58.5px;
    text-align:center;
}
.hero-text .subheader{
     color:#8A8C8F;
    font-size: 40px;
    line-height: 40px;
    text-align:center;
    font-weight: lighter;
}
.topbannerbttn{
    text-align:center;
}
.hero-text .btn{
    background: #8A8C8F;
    color: #F5E4DC;
    padding: 12px;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    box-sizing: border-box;
    margin-top:40px;
    width: 200px;
    max-width: 100%;
}



/* ===== THIS LINE OF CODE CONTROLS THE COLOR OF THE TEXT IN THE MAIN NAV BAR FOR DESKTOP VIEW ===== ***********/
.sf-menu .menu-item a{
    color:#ffffff;
    font-weight: 400;
    font-size: 22px;
}

/* ===== THIS CONTROLS THE SIZE RENDER OF THE BUSINESS LOGO IN HEADER for DESKTOP VIEW ===== ***********/
.logo img {
    width: 70%;
}

/* ===== End Hero ===== */


   


@media screen and (min-width:1024px){
    .bg{display:none!important;}
    .parr1{display:block!important;}
}


@media screen and (max-width:420px){

.bezpad{    padding: 0px 0px!important;}

.bezpad .content-wrap {padding-top: 0px!important; }
.vrapcic {padding-bottom: 0px!important;}
.redic{margin-top:0px!important;}
}

/* ===== End Hero ===== */

/* Start MENU Navigation */

@media only screen and (max-width: 1023px) {

/* =====THIS CODE is very important - "header .row" - it adjusts the overall height of the nav bar in the mobile render only. === */
    header .row{
        position: relative;
        top: 40px;
    }

 /* ===== .head .menunav .logo - THIS IS THE CODE THAT ADJUSTS THE NEIGHT OF THE LOCKED NAV BAR ONTOP THE HEAD ON MOBILE RENDER - VERY IMPORTANT ===== */
    .head .menunav .logo {
        height:40px;
    }

    .menunav .logo {
        display: block;
        font-size: 120%;
        color: #F5E4DC;
        text-decoration: none;
        float: left;
        padding-top: 0px;
        width: 268px;
    }

    /* ===== this "menunav logo h1" is the code for the text in the nav bar on mobile render only ===== */
        .menunav .logo h1{
        color: #7B9ACD;
        font-weight: 100;
        padding-top: 0px;
        letter-spacing: 2px;
        text-align: center;
    }

    
    .menunav .logo:hover{color: #8A8C8F;}


    /* =====  .menunav - THIS IS THE CODE THAT LOCKS THE NAV BAR ON TOP WHEN SCROLLING - VERY IMPORTANT CODE   ===== */
    .menunav {
        background-color: #8A8C8F;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
        position: fixed;
        width: 100%;
        z-index:5;
        height:90px;
        top:0;
    }

    .longnav{
        display: none;
        }


}

@media only screen and (min-width: 1024px) {
    
    .menunav{
        display:none;
    }
     header .row{
        position: relative;
    }

}

/* End MENU Navigation */


/* Start Horizontal Navigation */

.row2 .four,
.row2 .eight {
    height: 60px;
}

.row2 .four img {
    padding-top: 3px;
}

nav {
    width: 100%;
}

.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(37,61,91,.6); /* This code makes navigation bar transparent */
}

nav ul {
    margin: 0 15px 0 0;
    padding: 0;
    float:right; /* This code moves the NAV LINKS all the way to the right.*/
}

nav ul li {
    list-style: none;
    float: left;
    line-height: 60px;
    font-size: 18px;
}

nav .four a, 
nav ul li a:link,
nav ul li a:visited {
    display: block;
    text-decoration: none;
    padding: 0 20px;
    transition:  all .4s ease;
    font-weight: bold;
    color: #F3F1F1; 
}

/* This is the HOVER background color on desktop navigation bar ***********************************/
nav ul li a:hover, nav ul li.active a {
    background-color: #FFFFFF;
}

nav .four a{
    line-height: 60px;
    padding: 0;
    margin-left: 15px;
    display: inline-block;
    font-size: 150%;
}



nav .four a:hover{
    color: #8A8C8F;
    cursor: pointer;
}

/***************** This is the text color when HOVER on desktop navigation bar ********/
nav .eight a:hover{
    color: #8A8C8F;
    cursor: pointer;
}

/* End Horizontal Navigation */

/* === START - FLEX Row and FLEX Col formatting for ENTIRE website - DO NOT CHANGE === */
        .flex-row{
            display: flex;
            color: white;    
        }
        .flex-row img{
            padding-bottom: 20px;
        }
        
        .flex-col{
            padding: 35px 25px;
            flex:1;
        }
       .padding-top0{
           padding-top:0;
       }
        @media (max-width:1023px){
            
            .flex-row{
                display: block;
            }
        }

/* === END - FLEX Row and FLEX Col formatting for ENTIRE website - DO NOT CHANGE === */




/* START Parallax_Header */

.parallax_header {
    position: relative;
    height: 650px;
    overflow: hidden;
}

.parallax_header img{
    position: fixed;
    z-index: -2;
    top:60px;
    left: 0;
    width: 100%;
}
.flex-col p{
    margin: 0;
}

/* Disable Parallax < 1025px */

@media (max-width:1024px){
    .parallax_header{
        height: auto;
    }
    
    .parallax_header img{
        position: static;
    }
}
/* END Parallax_Header */



/* START Parallax_Middle  */

.parallax_middle {
    position: relative;
    height: 450px;
    overflow: hidden;
    background: url(images/reshape5.jpg) 0 0 no-repeat;
    background-attachment: fixed; 
    background-size: 100%;
    display: flex;
    align-items: center;
}
.parallax_middle:before{
    content: "";
    /* ===background:rgba(217,172,245,0.5); ..... this is the overlay you need if you put text ontop the parallax === */ 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}
.parallax_middle{
    text-align: center;
    width: 100%;
    z-index: 1;
}

/* ===
.parallax_middle h2{
    vertical-align: middle;
    display: inline-block;
    width: auto;
    padding:20px;
    font-size: 35px;
    margin-bottom: 10px;
}
.parallax_middle a {
    background:rgb(233,233,233);
    padding: 12px;
    color: #3B3838;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    width:150px;
    max-width: 100%;
}
.parallax_middle a:hover {
    background: #fce181;
    color: #3B3838;
}
=== */

.parallax_middle img{
    position: fixed;
    z-index: -1;
    top: 650px;
    left: 0;
    width: 100%;
}

/* Disable Parallax < 1025px */

@media (max-width:1024px){
    .parallax_middle{
        height: auto;
    }
    
    .parallax_middle img{
        position: static;
    }
}

/* END Parallax_Middle  */



/* START Parallax_About  */

.parallax_about {
    position: relative;
    height: 450px;
    overflow: hidden;
    background: url(images/peace.jpg) 0 0 no-repeat;
    background-attachment: fixed; 
    background-size: 100%;
    display: flex;
    align-items: center;
}
.parallax_about:before{
    content: "";
    /* ===background:rgba(217,172,245,0.5); ..... this is the overlay you need if you put text ontop the parallax === */ 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}
.parallax_about {
    text-align: center;
    width: 100%;
    z-index: 1;
}

/* ===
.parallax_about h2{
    vertical-align: middle;
    display: inline-block;
    width: auto;
    padding:20px;
    font-size: 35px;
    margin-bottom: 10px;
}
.parallax_about a {
    background:rgb(233,233,233);
    padding: 12px;
    color: #3B3838;
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    display: block;
    box-sizing: border-box;
    margin: 0 auto;
    width:150px;
    max-width: 100%;
}
.parallax_about a:hover {
    background: #fce181;
    color: #3B3838;
}
=== */

.parallax_about img{
    position: fixed;
    z-index: -1;
    top: 650px;
    left: 0;
    width: 100%;
}

/* Disable Parallax < 1025px */

@media (max-width:1024px){
    .parallax_about{
        height: auto;
    }
    
    .parallax_about img{
        position: static;
    }
}

/* END Parallax_About  */



/* START Parallax_600i  */

.parallax_600i {
    position: relative;
    height: 500px;
    overflow: hidden;
    background: url(images/600i.jpg) 0 0 no-repeat;
    background-attachment: fixed; 
    background-size: 100%;
    display: flex;
    align-items: center;
    width: 100%;
    z-index: -2;
}
.parallax_600i:before{
    content: "";
    /* ===background:rgba(217,172,245,0.5); ..... this is the overlay you need if you put text ontop the parallax === */ 
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
}

.parallax_600i img{
    position: fixed;
    z-index: -1;
    top: 650px;
    left: 0;
    width: 100%;
}

/* Disable Parallax < 1025px */

@media (max-width:1024px){
    .parallax_600i{
        height: auto;
    }
    
    .parallax_600i img{
        position: static;
    }
}

/* END Parallax_600i  */




/* === START NEWS Section === */

       .news{
            background: #FAFAFA;
        }

        .news h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:20px;
            color: #1B3C73;
        }


        .news h2{
            text-align: left;
            line-height: 34px;
            font-size: 28px;
            font-weight: 300;
            margin-top: 25px;
            margin-bottom:25px;
            color: #1B3C73;
        }

        .news p{
            color: #1B3C73;
            margin-right:40px;
            line-height: 30px;
        }

        .news a {
            background: #1B3C73;
            color: #FAFAFA;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .news a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }

/* === END NEWS Section  === */


/* === START About Section === */

       .about2023{
            background: #FAFAFA;
        }

        .about2023 h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:10px;
            color: #1B3C73;
        }

        .about2023 p{
            margin-right:50px;
            line-height: 20px;
            color: #1B3C73;
        }

        .about2023 a {
            background: #1B3C73;
            color: #FFF;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .about2023 a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }       

/* === END About Section  === */


/* === START whatearwell Section === */

       .whatearwell{
            background: #FAFAFA;
        }

        .whatearwell h1{
            text-align: left;
            line-height: normal;
            padding-top: 10px;
            font-size: 45px;
            font-weight: 300;
            margin-bottom:0;
            color: #1B3C73;
        }

        .whatearwell h2{
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 25px;
            font-weight: 300;
            line-height: 30px;
            color: #1B3C73;
        }

         .whatearwell p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color: #1B3C73;
        }

/* === END whatearwell Section  === */



/* === START WhyEarwell Section === */

       .whyearwell {
            background: #FAFAFA;
        }

        .whyearwell h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:20px;
            color: #1B3C73;
        }   

         .whyearwell p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color: #1B3C73;
        }

/* === END WhyEarwell Section  === */


/* === START HowEarwell Section === */

       .howearwell {
            background: #FAFAFA;
        }

        .howearwell h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:10px;
            color: #1B3C73;
        }   

         .howearwell p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color: #1B3C73;
        }

/* === END HowEarwell Section  === */


/* === START Becon Section ===(previously called "about2023") */

       .becon{
            background: #FAFAFA;
        }

        .becon h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:20px;
            color: #1B3C73;
        }

        .becon p{
            margin: 0;
            padding: 5px;
            text-align: left;
            color: #1B3C73;
        }

        .becon a {
            background: #1B3C73;
            color: #FAFAFA;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .becon a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }

/* === END Becon Section  === */


/* === START Mission === */

.mission {
    background: #FAFAFA;
}
 
 .mission h2{
            text-align: center;
            line-height: 60px;
            padding: 10px 15px;
            font-size: 45px;
            font-weight: 300;
            color: #1B3C73;
        }

 .mission h1{
            margin: 0;
            padding: 0 50px;
            text-align: center;
            font-size: 22px;
            font-weight: 400;
            line-height: 40px;
            color: #1B3C73;
        }

.mission p{
     text-align: center;
     padding: 10px 30px;
     color: #1B3C73;
}

    .mission ul {
        margin: 0;
        padding: 0 20px 0 20px;
        color: #1B3C73;
    }
    
    .mission li:first-child{
        margin-top: 15px;
        color: #1B3C73;
    }

    .mission li {
        padding: 8px 0px;
        color: #1B3C73;
    }


  @media (max-width:1023px){
            
            .mission h2{
                font-size: 38px;
                font-weight: 350;
                line-height: 65px;
                padding: 10px;
                margin-bottom: 0;
            }
        }

/* === END Mission === */


/* === START before-after Section === */

       .before-after{
            background: #FAFAFA;
        }

         .before-after h1{
            text-align: center;
            line-height: normal;
            font-size: 35px;
            font-weight: 300;
            color: #1B3C73;
        }

         .before-after h2{
            margin: 0;
            padding: 10px;
            text-align: left;
            font-size: 24px;
            font-weight: 300;
            line-height: 25px;
            color: #1B3C73;
        }

         .before-after p {
            color: #1B3C73;
        }

        .before-after a {
            background: #F0A500;
            color: #7B9ACD;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
        }

        .before-after a:hover {
            background: #8A8C8F;
            color: #F5E4DC;
        }

/* === END before-after Section  === */



/* === START Doc4 (copied from "Mission" section) === */

    .doc4 {
            background: #FAFAFA;
            }
 
    .doc4 h2{
            text-align: center;
            line-height: normal;
            margin: 40px 80px;
            font-size: 35px;
            font-weight: 300;
            color: #1B3C73;
        }

    .doc4 h1{
            margin: 0;
            padding: 10px 0 0px 0;
            text-align: left;
            font-size: 24px;
            font-weight: 400;
            line-height: 30px;
            color: #1B3C73;
        }

    .doc4 h3{
            text-align: left;
            padding-top: 10px;
            padding-bottom: 5px;
            font-size: 45px;
            font-weight: 300;
            color: #1B3C73;
        }   

    .doc4 p{
     text-align: left;
     padding: 10px 10px 10px 10px;
     color: #1B3C73;
    }

    .doc4 ul {
        margin: 0;
        padding: 0 30px 30px 30px;
        color: #1B3C73;
    }
    
    .doc4 li:first-child{
        margin-top: 10px;
        color: #1B3C73;
    }

    .doc4 li {
        padding: 5px 0px;
        color: #1B3C73;
    }


  @media (max-width:1023px){
            
            .doc4 h2{
                font-size: 38px;
                font-weight: 350;
                line-height: 65px;
                padding: 10px;
                margin-bottom: 0;
            }
        }

/* === END Doc4 === */


/* === START Par-Doc Section === */

       .par-doc{
            background: #FAFAFA;
        }

        .par-doc img {
            width: 80%; 
        }
  

/* === END Par-Doc Section  === */



/* === START Photo Gallery Section === */

       .photo{
            background: #FAFAFA;
        }

        .photo h1{
            text-align: left;
            line-height: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:20px;
            color: #1B3C73;
        }

        .photo a {
            background: #1B3C73;
            color: #FAFAFA;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 22px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .photo a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }     

/* === END Photo Gallery Section  === */

/* === START Video Section === */

       .video{
            background: #FAFAFA;
        }

        .video h1{
            text-align: left;
            line-height: normal;
            padding-top: 10px;
            font-size: 45px;
            font-weight: 300;
            margin-bottom:0;
            color: #1B3C73;
        }

        .video h2{
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 25px;
            font-weight: 300;
            line-height: 30px;
            color: #1B3C73;
        }


         .video p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color: #1B3C73;
        }

        .video a {
            background: #1B3C73;
            color: #FFFFFF;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 22px;
            font-weight: 500;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .video a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }

        .video img {
            margin: auto;
        }

/* === END Video Section  === */


/* === START Transform Section === */

       .transform{
            background: #FAFAFA;
        }

        .transform h1{
            text-align: left;
            line-height: normal;
            padding-top: 10px;
            font-size: 45px;
            font-weight: 300;
            margin-bottom:0;
            color: #1B3C73;
        }

        .transform h2{
            margin: 10px;
            padding-bottom: 8px;
            text-align: center;
            font-size: 25px;
            font-weight: 300;
            line-height: 30px;
            color: #1B3C73;
        }


         .transform p {
            margin: 0;
            padding: 0;
            font-size: 18px;
            text-align: center;
            color: #1B3C73;
        }

        .transform img {
            margin: 0;
            padding: 0;
        }

/* === END Transform Section  === */


/* ======= START infants ========= */

.infants img {
                width: 100%;
                background: #fff;
                margin-bottom: -10px;
        }
/* ======= END infants ========= */


/* === START Special2023 Section === */

       .special2023{
            background: #FAFAFA;
        }

        .special2023 h1{
            text-align: left;
            line-height: normal;
            padding-top: 10px;
            font-size: 45px;
            font-weight: 300;
            margin-bottom:0;
            color: #1B3C73;
        }

        .special2023 h2{
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 25px;
            font-weight: 300;
            line-height: 30px;
            color:#1B3C73;
        }


         .special2023 p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color:#1B3C73;
        }

        .special2023 a {
            background: #8A8C8F;
            color: #F5E4DC;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .special2023 a:hover {
            background: #F0A500;
            color: #7B9ACD;
        }

/* === END Special2023 Section  === */


/* === START FAQS (copied from "Special2023") Section === */

       .faqs {
            background: #FAFAFA;
        }

        .faqs h1{
            text-align: left;
            padding-top: 10px;
            margin-bottom: -2%;
            font-size: 45px;
            font-weight: 300;
            color: #1B3C73;
        }

        .faqs h2{
            margin: 0;
            padding-bottom: 2px;
            padding-top:20px;
            text-align: left;
            font-size: 28px;
            font-weight: 400;
            line-height: 30px;
            color:#1B3C73;
        }

         .faqs p {
            margin: 0;
            text-align: left;
            color:#1B3C73;
        }

         .faqs ul {
            margin: 0;
            color: #1B3C73;
        }
    
        .faqs li:first-child{
            margin-top: 10px;
            color: #1B3C73;
        }

        .faqs li {
            padding: 1px 0px;
            color: #1B3C73;
        }

/* === END FAQS (copied from "Special2023") Section  === */



/* === START Parents (copied from "Special2023") Section === */

       .parents {
            background: #FAFAFA;
        }

        .parents h1{
            text-align: left;
            padding-top: 10px;
            padding-bottom: 5px;
            font-size: 45px;
            font-weight: 300;
            color: #1B3C73;
        }

        .parents h2{
            text-align: center;
            line-height: normal;
            margin: 40px 80px;
            font-size: 30px;
            font-weight: 300;
            color: #1B3C73;
        }

         .parents p {
            margin: 0;
            text-align: left;
            color:#1B3C73;
        }

        .parents ul {
            margin: 0;
            color: #1B3C73;
        }
    
        .parents li:first-child{
            margin-top: 10px;
            color: #1B3C73;
        }

        .parents li {
            padding: 1px 0px;
            color: #1B3C73;
        }

/* === END Parents (copied from "Special2023") Section  === */



/* === START Parents2 (copied from "Special2023") Section === */

       .parents2 {
            background: #FAFAFA;
        }

        .parents2 h1{
            text-align: left;
            font-size: 30px;
            font-weight: 300;
            color: #1B3C73;
        }

         .parents2 p {
            text-align: left;
            margin-top: -10%;
            color:#1B3C73;
            padding-bottom: 20px;
        }

        .parents2 a {
            background: #1B3C73;
            color: #FAFAFA;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 22px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 200px;
            max-width: 100%;
 
        }

        .parents2 a:hover {
            background: #8A8C8F;
            color: #FFFFFF;
        }   

/* === END Parents2 (copied from "Special2023") Section  === */


/* === START Deform (copied from "Special2023") Section === */

       .deform {
            background: #FAFAFA;
        }

        .deform h1{
            text-align: left;
            padding-top: 10px;
            padding-bottom: 5px;
            font-size: 45px;
            font-weight: 300;
            color: #1B3C73;
        }

        .deform h2{
            text-align: left;
            line-height: normal;
            margin: 5px 0px;
            font-size: 28px;
            font-weight: 300;
            color: #1B3C73;
        }

         .deform p {
            margin: 0;
            text-align: left;
            color:#1B3C73;
        }

        .deform img  { 
                width:90%;
                }

/* === END Deform (copied from "Special2023") Section  === */

/* === START STUDIES (copied from "Special2023") Section === */

       .studies {
            background: #FAFAFA;
        }

        .studies h1{
            text-align: left;
            line-height: normal;
            padding-top: 10px;
            font-size: 45px;
            font-weight: 300;
            margin-bottom: -4%;
            color: #1B3C73;
        }

        .studies h2{
            padding-top: 40px;
            margin-bottom: -1%;
            text-align: left;
            font-size: 22px;
            font-weight: 400;
            color:#1B3C73;
        }

         .studies p {
            text-align: left;
            color:#1B3C73;
        }

/* === END Studies (copied from "Special2023") Section  === */

/* === START Letters (copied from "Special2023"  === */

       .letters{
            background: #FAFAFA;
        }

        .letters h1{
            text-align: left;
            line-height: normal;
            padding-top: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-top: -3%;
            color: #1B3C73;
        }

        .letters h2{
            background: #1B3C73;
            color: #FAFAFA;
            font-size: 25px;
            font-weight: 400;
            display:inline;
            margin-top: -5%;
        }


         .letters p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color:#1B3C73;
            line-height:25px;
        }

        .letters a {
            color: #1B3C73;
            padding-right: 8px;
            text-decoration: none;
            font-size: 28px;          
        }

        .letters a:hover {
            color: #7B9ACD;
            text-decoration: underline;
        }

/* === END Letters (orig Special2023) Section  === */


/* === START Provider (originally called "Special2023"  === */

       .provider{
            background: #FAFAFA;
        }

        .provider h1{
            text-align: left;
            line-height: normal;
            padding-top: 40px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom:0;
            color: #1B3C73;
        }

        .provider h2{
            font-size: 25px;
            font-weight: 300;
            color:#1B3C73;
            display:inline-grid;
        }


         .provider p {
            margin: 0;
            padding: 5px;
            text-align: left;
            color:#1B3C73;
            line-height:30px;
        }

        .provider a {
            color: #1B3C73;
            padding-right: 20px;
            text-decoration: none;
            font-size: 18px;          
        }

        .provider a:hover {
            color: #7B9ACD;
            text-decoration: underline;
        }

/* === END Provider (orig Special2023) Section  === */


/* === START Doctors (originally called "Special2023"  === */

       .doctors{
            background: #FAFAFA;
        }

        .doctors h1{
            text-align: left;
            line-height: normal;
            padding-top: 20px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom: -5%;
            color: #1B3C73;
        }

        .doctors h2{
            font-size: 25px;
            font-weight: 300;
            color:#1B3C73;
            padding-top: 50px;
            margin-bottom: -1%;
        }


         .doctors p {
            margin-left: 35px;
            margin-top: 15px;
            text-align: left;
            color:#1B3C73;
            line-height:25px;
        }

        .doctors a {
            color: #1B3C73;
            padding-right: 8px;
            text-decoration: none;
            font-size: 28px;          
        }

        .doctors a:hover {
            color: #7B9ACD;
            text-decoration: underline;
        }

/* === END Doctors (orig Special2023) Section  === */


/* === START USA (originally called "Special2023"  === */

       .usa {
            background: #FAFAFA;
        }

        .usa h1{
            text-align: left;
            line-height: normal;
            padding-top: 20px;
            font-size: 40px;
            font-weight: 300;
            margin-bottom: 0%;
            color: #1B3C73;
        }

        .usa h2{
            background: #1B3C73;
            color: #FAFAFA;
            font-size: 25px;
            font-weight: 400;
            display:inline;
        }

        .usa p {
            text-align: left;
            padding-right: 15px;
            color:#1B3C73;
            line-height:45px;
            display:inline;
            font-size: 25px; 
            font-weight: 200;
        }

        .usa a {
            color: #1B3C73;
            padding-right: 14px;
            padding-left: 14px;
            text-decoration: none;
            font-size: 18px;  
            display:inline;  
            font-weight: 400; 
            line-height:30px;     
        }

        .usa a:hover {
            color: #8A8C8F;
            text-decoration: underline;
        }

/* === END USA (orig Special2023) Section  === */


/* ======= START infants ========= */

.infants img {
                height: 650px;
                background: #8A8C8F;
                padding: 0;
                margins: 0;
        }
/* ======= END infants ========= */


/* === START Testimonial Section === */

       .testimonial2023{
            background: #7B9ACD;
        }
        .testimonialimg{
            text-align: center;
        }
        .testimonialimg img{
            display: inline-block;
        }

        .testimonial2023 h1{
            text-align: center;
            line-height: 30px;
            padding-top: 10px;
            font-size: 30px;
            font-weight: 300;
            color: #F5E4DC;
        }

        .testimonial2023 h2{
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 22px;
            font-weight: 300;
            line-height: 30px;
            color: #F5E4DC;
        }


         .testimonial2023 p {
            color: #F5E4DC;
            margin: 0;
            padding: 0;
            text-align: center;

        }

         .testimonial2023 a {
            background: #F0A500;
            color: #7B9ACD;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .testimonial2023 a:hover {
            background: #8A8C8F;
            color: #F5E4DC;
        }

/* === END Testimonial Section  === */



/* === START WHY === */

.why {
    background: #8A8C8F;
}

 .why h2{
            color: #F5E4DC;
            text-align: center;
            line-height: 10px;
            padding: 5px 15px;
            font-size: 45px;
            font-weight: 300;
        }


 .why h1{
            color: #F5E4DC;
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 26px;
            font-weight: 300;
            line-height: 30px;
        }

.why p{
        text-align: center;
        padding: 10px 30px;
        }


  @media (max-width:1023px){
            
            .why h2{
                font-size: 38px;
                line-height: normal;
                font-weight: 400;
            }
            
        }

/* === END WHY === */


/* === START Offer Section === */

       .offer2023{
            background: #F5E4DC;
        }

          .offer2023 a {
            background: #8A8C8F;
            color: #F5E4DC;
            padding: 12px;
            text-decoration: none;
            text-align: center;
            font-size: 18px;
            display: block;
            box-sizing: border-box;
            margin: 0 auto;
            width: 270px;
            max-width: 100%;
 
        }

        .offer2023 a:hover {
            background: #F0A500;
            color: #7B9ACD;
        }


/* === END Offer Section  === */

/* === START Process Page  === */
/*.processimg img{*/
/*    width:100%;*/
/*}*/
.processpage.before-after p{
    text-align:center;
}
.freesection, .arizonasection, .activationsection{
    background: #F5E4DC;
    overflow:hidden;
}
.systemsection, .expertsection{
    background: #8A8C8F;
    overflow:hidden;
}
.systemsection h2, .systemsection p, .expertsection h2, .expertsection p{
    color: #F5E4DC;
}
.process.top-heading{
    font-weight:lighter;
}
.processinner.six, .processinner.nine {
    margin: 0 auto;
    float: none;
}

/* === END Process Page  === */

/* === START About Page  === */

.whychoose{
    background: #FAFAFA;
    text-align:center;
}
.whychoose h2 {
    color: #F5E4DC;
    text-align: center;
    padding: 5px 15px;
    font-size: 45px;
    font-weight: 300;
    margin-bottom: 20px;
    line-height:normal;
}
.whychoose .fa{
    margin-bottom:20px;
}
.whychoose p, .whychoose .fa{
    color: #F5E4DC;
    text-align:center;
     font-weight: 300;
}
.whychoose h3{
    color: #F5E4DC;
    text-align:center;
    font-size: 22px;
    font-weight: 400;
    margin: 20px 0;
}


.aboutpage .flex-col{
    padding:10px 25px;
}
.highlightedtext{
    color:#8A8C8F;
    text-align:center;
    padding:1px 7px;
     background: #8A8C8F;  
    margin:0 2px;
}
.aboutpage.before-after h1{
    line-height:45px;
}
.aboutpage.before-after h2{
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}
.aboutpage.sectionpadding{
    padding: 50px 0;
}
.aboutpage.before-after p{
    padding:0;
}

/* === END About Page  === */

/* === START FAQ Page  === */

.faqpage{
    background: #F5E4DC;
}

.faqpage h2 {
    margin: 0 0 7px 0;
    padding: 0;
    font-size: 25px;
    font-weight: 300;
    line-height:30px;
}
.faqpage p{
    padding: 0;
    margin-bottom:30px;
}

/* === END FAQ Page  === */


/* === START Videos Page  === */

.videotext{
    background: #F5E4DC;
    padding: 20px;
    height:280px;
}
.videotext h2{
    color: #7B9ACD;
    line-height: normal;
    padding-top: 30px;
    font-size: 45px;
    font-weight: 300;
    text-align:center;
}
.videoorange{
    background: #8A8C8F;
}
.videopage{
   background: #F5E4DC; 
}
.videopage .videotext{
    background: #8A8C8F;
}
.videopage .videotext h2{
     color: #F5E4DC;
}
.videohunter h2{
    color: #F5E4DC;
    line-height: normal;
    font-size: 45px;
    font-weight: 300;
    text-align:center;
    margin-bottom:30px;
}
.videohunter h3 {
    color: #F5E4DC;
    line-height: normal;
    font-size: 35px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 30px;
}
.videohunter p{
    color: #F5E4DC;
    text-align:center;
}
.videohunter .flex-col{
    padding:10px 50px 0;
}
.mobilevw{
    display:none;
    text-align:center;
}
.desktopvw{
    text-align:center;
}
.desktopvw img{
    padding-bottom:0;
}

/* === END Videos Page  === */
/* === START services Page  === */

.systemsection h2, .freesection h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
}
.systemsection p, .freesection p{
    padding:0;
}
/* === END services Page  === */



/* === START Back To Top button === */
#button {
  display: inline-block;
  background-color: #FF9800;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#button::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #8A8C8F;
}
#button:hover {
  cursor: pointer;
  background-color: #333;
}
#button:active {
  background-color: #555;
}
#button.show {
  opacity: 1;
  visibility: visible;
}

/* === END Back To Top button - i think === */


/* === MISC HODGE PODGE MEDIA QUERIES AT LAST MINUTE  === */

  @media (max-width:767px){
        .flex-row img{
            width: 100%;
        }
        .mission ul{
            padding-left:30px;
        }
        .menunav .logo{
            line-height: normal;
            margin-top: 15px;
        }
        .row16 h2{
            line-height: 42px;
           font-size: 27px;
        }
        .parallax_middle{
            background: url(images/reshape5.jpg) 0 0 no-repeat;
            height: 414px;
            background-size: 100%;
        }
        .parallax_middle h2{
            text-align: center;
            line-height: normal;
        }

        .parallax_middle2{
            background: url(images/600.jpg) 0 0 no-repeat;
            height: 414px;
            background-size: 100%;
        }
        .parallax_middle2 h2{
            text-align: center;
            line-height: normal;
        }
        .mission .flex-row .flex-col:last-child, .about2023 .flex-row .flex-col:last-child, .before-after .container .flex-row:nth-child(2) .flex-col,
        .special2023 .container .flex-row:nth-child(2) .flex-col, .contact .flex-row .flex-col:last-child{
            padding-top: 0;
        }
        .before-after h1, .special2023 h1{
            line-height: normal;
            font-size: 38px;
            margin-bottom: 0;
        }
        .offer2023 h1{
            font-size: 21px;
        }
        .mobilevw{
            display:block;
        }
        .desktopvw{
             display:none;
        }
        .three, .four, .six, .nine {
            width: auto;
            float: none;  /*This command is needed to keep the DIV boxes on the SAME line. If you remove this tag, each DIV  will stacked ontop each other, one at a time.*/
         }
         .whychoose .three{
             margin-bottom:30px;
         }
         .videotext h2{
             font-size:40px;
         }
        .videopage iframe, .videoorange iframe, .aboutpage iframe {
            width: 100% !important;
            height: 190px;
        }
        .videoorange.sectionpadding{
            padding:0;
        }
        header .hero-image{
           margin-top: 25px;
        }
        .videohunter .flex-col {
            padding: 40px 50px 0;
        }
  }


  /* ======= START Contact and Footer ========= */

   footer {
            height: 350px; /* == NOTE: this is the COMBINED total height of the .contact and .last DIVS put together. Check your math!! === */
            background-color: #1B3C73;
        }
      
        .contact{
            background-color: #1B3C73;
        }

        .contact h1{
            color: #FAFAFA;
            line-height: 20px;
            font-size: 40px;
            font-weight: 300;
            padding-bottom: 0px;
        }
         .contact h2{
            color: #FAFAFA;
            line-height: normal;
            padding-top: 1px;
            font-size: 24px;
            font-weight: 300;
        }

        .contact p {
            color: #FAFAFA;
            font-size: 14px;
            line-height: 1px;
        }        

        .contact a {
            color: #FAFAFA;
             text-decoration: none;
        }

        .contact a:hover {
            color: #FAFAFA;
        }  
        .footer{
          background-color: #1B3C73; 
            height: 50px;
            line-height:50px;
        }
        .firstdiv{
            float:left;
        }
        .firstdiv p{
            font-size: .7em;
            padding: 0;
            color: #FAFAFA;
            margin-bottom: 0;
        }
        .firstdiv a{
            color:#FAFAFA;
            text-decoration:none;
        }
        .last {
            float:right;
        }

        .last p{
            font-size: .7em;
            padding: 0;
            text-align: right;
            margin-bottom: 0;
            color: #FAFAFA;
        }

        .last a {
            color: #FAFAFA;
            text-decoration: none;
        }

        .last a:hover {
            color: #EE4444;
        }
        
        @media (max-width:1023px){  
            
             .contact img  { 
                width:100%;
                }
            .contact .flex-row{
                display: block;
            }
            
        }
/* ======= END Contact and Footer ========= */


/* Back To Top button on every web page via JQuery  */

.back-to-top {
    position:fixed;
    bottom:20px;
    right:20px;
    background: rgba(0,0,0,.3);
    width: 40px;
    height: 40px;
    display: none;
}


.back-to-top img{
   margin: 5.5px 0 0 3.45px;
}

/* 


/********************Ananya Responsive***********************************/

@media only screen and (max-width: 939px){
    .hero-text{
        width:95%;
    }
    .hero-text .top-heading{
        font-size:46px;
        margin-top: 40px;
    }
    .hero-text .subheader{
        font-size: 26px;
    }
    .hero-text .btn{
        font-size: 17px;
        margin-top: 20px;
        padding: 8px;
        width: 160px;
    }
 .footer {
        height: auto;
        line-height: normal;
        padding: 20px;
    }
    .firstdiv, .footer .last{
        float: none;
        width: 100%;
        margin-bottom: 10px;
    }
    .firstdiv p, .footer .last p{
        text-align: center;
    }
    .contact h2 {
        padding-top: 0;
        font-size: 38px;
        text-align: center;
    }

}