body {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

#topNav {
    -display: none;
}

#topNav2 {
    top: -0px;
    width: 100px;
}

#topNav2,
#logobox2 {
    -display: block;
}

#adressBlock {}


#homeNav,
#titleBlock,
#logobox {
    display: none;
}

#section3 {
    width: 100%;
}

#section3 h3 {
    width: 90%;
    display: block;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    font-size: 160%;
}

#section3 p {
    display: block;
    margin: 0px auto;
    width: 95%;
    padding: 10px;
    text-align: center !important;
    font-size: 100%;
}

#introText2 {
    display: block;
}

.readMoreClick,
.readLessClick {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
    top: 0px;
    left: -5px;
    cursor: pointer;
    font-style: italic;
    font-size: 100%;
    font-weight: 300;
    color: #1C75BB;
}

#adressBlock {
    font-size: 140%;
    line-height: 1.5em;
}

header {
    background-image: url("../images/ppi/cover/mob-cover2.png");
    display: block;
    position: relative;
    top: -14px;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 250px;
    border-bottom: 5px solid #dbdbdb;
}

header h4 {
    font-family: Abel;
    font-weight: 300;
    padding: 0px;
    margin: 15px 0px 25px 0px;
    text-align: center;
}


.slant {
    color: #F7941E !important;
    font-style: italic;
    margin: 10px 0px 0px 0% !important;
}

#titleBar h2 {
    padding: 0px 5px 0px 5px;
    margin: 0px 0px 0px 0px;
    font-size: 100%;
    text-align: center;
    font-style: normal;
    color: #7A7A7A;
}

#logobox2 img {
    position: relative;
    margin: 0px auto;
    width: 150px;
}

.logoOpacity {
    opacity: .9;
}

#headBox {
    position: relative;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-bottom: 0px solid grey;
}

#titleBar {
    width: 100%;
    text-align: left;
    font-style: normal;
    padding: 0px 0px 20px 0px;
    border-bottom: 5px solid #dbdbdb;
    margin: 0px 0px 0px 0px;
}

.mobOnly h4 {
    padding: 10px 5px 0px 5px;
    font-size: 110%;
    text-align: center;
    color: #1c75bb;
}

#termsWrapper h3 {
    text-align: center;
}

.indent {
    width: 80%;
    padding: 0px 0px 0px 0px;
    margin: 0px auto;
}

.indent ul li {
    font-family: Helvetica;
    color: #111;
    font-size: 1em;
    font-weight: 300;
    line-height: 1.25em;
    letter-spacing: .025em;
    padding: 0px;
    margin: .5em 0px .5em 0px;
}

.indent ul {
    margin: .0em 0px .0em 10px;
    padding: .0em 0px .0em 10px;
}

#wrapper,
#tandcwrapper {
    display: block;
    width: 100%;
    padding: 0px;
}

#topNav2 {
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #1C75BB;
    color: #ffffff;
    font-size: 1em;
    width: 100%;
    border-bottom: 2px solid #B5C0CB;
}

#topNav2 ul li ul li:last-child {
    text-align: center;
    padding: 10px 0px 10px 5px;
    margin: 0px 25px 0px 0px;
}

#layer2>li {
    font-family: Quicksandregular;
    display: inline;
    font-size: inherit;
    list-style: none;
    padding: 0px 0px 0px 5px;
    margin: 0px 25px 0px 0px;
    cursor: pointer;
}

#layer2 {
    position: relative;
}

#layer2>li {
    font-family: Quicksandregular;
    display: inline;
    font-size: 120%;
    list-style: none;
    padding: 0px 15px 0px 25px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    width: 100%;
    border: 0px solid white;
}

#layer2>li:first-child {
    border-right: 1px solid #dbdbdb;
    padding: 0px 15px 0px 0px;
}

#layer2>li:last-child {
    border-left: 1px solid #dbdbdb;
    padding: 0px 0px 0px 15px;
}

#serviceDrop2,
#supportDrop2,
#infodrop,
#optiondrop {
    width: 100%;
    display: none;
    position: absolute;
    background-color: #FFF;
    border: 0px solid #EBEBFF;
    color: #1C75BB;
    padding: 0px 10px 0px 10px;
    top: 35px;
    left: -15px;
    z-index: 900;
}

.infoBox {
    position: relative;
    margin: 20px auto 20px auto;
    padding: 0px 20px 20px 20px;
    width: 100%;
    background-color: #EeeFF;
    border-bottom: 1px solid #a0a0a0;
}

.infoBoxContainer {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.infoBox>h3 {
    color: #F7941E;
    font-size: 130%;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.infoBox h3 {
    color: #1492EB;
    font-size: 130%;
    margin: .75em 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

.infoBox p {
    padding: 0px 0px 0px 0px;
    display: block;
    color: #333;
    line-height: 1.35em;
    font-size: 125%;
}

.infoBoxWrapper {
    position: relative;
    padding: 0px 15px 0px 0px;
}

.infoBoxExtContentent {
    padding: 5px 0px 0px 5px;
    vertical-align: top;
}

.infoBoxImageBox {
    display: none;
}

.infoBoxImageBox2 {
    display: block;
    padding: 0px 5px 5px 0px;
    margin: 15px 5px 10px 0px;
    width: 100%;
    vertical-align: top;
}

.infoBoxImageBox2 img {
    display: block;
    margin: 0px auto;
    width: 95%;
}

.infoBoxTextWrapper {
    display: table-cell;
    vertical-align: top;
    padding: 0px 5px 0px 10px;
}

.infoBoxTextWrapper h3 {
    margin: 1px 0px .25em 0px;
    font-family: Michroma;
    font-size: 120%;
    color: #1C75BB;
    font-weight: 300;
    padding: 5px 0px 0px 0px;
    text-align: center;
}

.infoBoxTextWrapper p {
    text-align: left;
    font-size: 100%;
}

.infoBox p {
    padding: 5px 0px 0px 0px;
    display: table;
    color: #444;
    line-height: 1.35em;
    font-size: 110%;
}

#logobox {
    position: relative;
    margin: 10px 0px 20px 0px;
    padding: 0px 0px 15px 20px;
    height: 115px;
}
#thumbWrapper ul{
    width: 90%;

    border:0px solid blue;
    display:table;
    margin: 10px auto;
    padding: 0px,0px 10px 0px;
    min-height: 310px;
    }
    #thumbWrapper ul li{
    margin: 20px auto;
    padding: 0px;
    width:100%;
    height:100%;
    }
    #thumbWrapper ul li:nth-child(1){
    margin: 20px 0px 0px 0px;
    }
    #thumbWrapper ul p{
    margin: 20px 0px 0px 0px;
    }
    .thumbHeader{
          display: flex;
          justify-content: center;
          align-content: center;
          align-items: center;
          width:100%;
          height:64px;
          font-family:Quicksandregular;
          font-size: 92%;
          color:#FBB85E;
          text-align:center;
          margin:0px 0px 0px 0px;
          background-color:#1C75BB;
          border-radius: 0px 0px 0px 0px;
    }



#logoBlock {
    margin: 0x auto;
    width: 100%;
}

#logoBlock ul {
    display: table;
    margin: 0x auto;
}

#logoBlock ul li {
    display: block;
    border: 0px solid red;
    padding: 20px 0px 0px 0px;
}

#adressBlock {
    border: 0px solid red;
    color: #B5C0CB;
    font-size: 1em;
    text-align: left;
    margin: 10px 0px 0px 20px;
    line-height: 1.5em;
}

#footerDisclaimer1 {
    display: none;
}

#footerDisclaimer2 {
    display: block;
    text-align: center;
    color: #B5C0CB;
    padding: 10px 20px 10px 20px;
    border: 0px solid red;
}

#tandcwrapper+footer>#footerDisclaimer {
    display: none;
}

article+p {
    width: 90%;
    text-align: center;
    padding: 0px 5% 0px 5%;
    margin: 20px auto;
}

.ChoicesContainer {
    box-shadow: 0px 0px 0px #111;
}

#intro {
    position: fixed;
    width: 90%;
    height: 400px;
    background-color: white;
    border: 1px solid grey;
    left: 5%;
    top: 30px;
    z-index: 1000;
}
.intro {
    margin:10px auto;
    width: 90%;
    text-align: center;
    z-index: 1000;
}

#introText2 h3 {
    width: 90%;
    display: block;
    margin: 20px auto;
    padding: 10px;
    text-align: center;
    font-size: 160%;
}

#introText2 p {
    display: block;
    margin: 0px auto;
    width: 85%;
    padding: 10px;
    text-align: center;
    font-size: 120%;
    border: 0px solid green;
}

.mainOnly {
    display: none;
    width: 100%;
}

.mobOnly {
    display: block;
}

.mobOnly p {
    padding: 0px 10px 0px 10px;
    font-size: 110%;
    text-align: center;
}

#termsWrapper {
    padding: 0px;
}

.mobOnly .imgBox {
    border: 0px solid red;
    width: 100%;
}

.mobOnly .imgBox img {
    display: block;
    width: 96%;
    margin: 0px auto;
    border: 0px solid red;
}
.topSpace{
    margin-top: 20px;
    border: 1px solid red;
}
#introText{
    padding: 10px 10px 0px 10px;
}
#introText p{
    text-align: center;
    margin: 0px auto;
}
#sideNav{
    background-color: #0A97CA;
    min-width: 70%;
    max-width: 80%;
    display: flex;
    flex-direction: column;
    position: absolute;
    z-index: 999;
    top: 0px;
    left: -80%;
    padding: 20px 0px 20px 0px;
}
#sideNav ul li{
    display:block;
    margin: 10px 0px 10px 0px;
    color: #fff;
    border: 0px solid white;
}
#sideNav ul li a{
    color: #fff;
}
#topNav{
    display: none;
}
.topNav1{
    border: 1px solid red;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#mobTitle h2 {
    color: #FFF;
    }
    #mobTitle p {
    color: #FFF;
    }
    
    #logobox {
        display: none;
    }
    #mobTitle{
        display: block;
        margin: 60% 0px 0px 0px;
    }
    
    #logobox2 {
        display: table;
        margin: 50% auto 0px auto;
        position: relative;
    }
    
    .logobox2 {
        font-family: Abel;
        color: #1492EB;
        font-size: 2.35em;
        font-weight: 600;
        padding: 10px 0px 0px 0px;
        letter-spacing: .055em;
        text-align: center !important;
        border: 0px solid red;
    }
#menuSlide{
    color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 998;
    top: 10px;
    left: 10px;
    width:50px;
    height: 50px;
    cursor: pointer;

}
.sidePad{
    padding: 5% 5% 0px 5%;
    margin: 0px auto;
    text-align: center;
}
.deskTopOnly{
    display: none;
}
header{
    height: 100vh;
    width: 100vw
}