﻿
.nohand {
    cursor:default !important;
}

.nohand:hover {
    opacity:1.0 !important;
}

.linkstandard {
    cursor:pointer;
    text-decoration :none;
    color:#6F6F6F;
    font-family: 'Lato Black';
    font-size:12pt;
}

.linkstandard:hover {
    opacity:0.7;
}

    

 .mpSshot3Img {
        margin-top:30px;
        width:100%;
        margin-left:0px;
        height:auto;
    }

.clientlogo{
    position:relative;
    width:auto;
    height:45px;
    margin-right:20px;
    margin-bottom:10px;
}


.bar3css {
    width:40px;
    cursor:pointer;
}

.titlesnake {
        position:absolute;
        width:180px;
        left:60px;
        top:-20px;
        height:auto;
}

.bar3css:hover {
    opacity:0.6;
}

.floatleft {
    float:left;
    margin-right:10px;
    width:calc(100% - 50px);
    text-align:left;
}

body {
    margin:0;
    padding:0;
    font-family:'Lato Black';
    background-color:#FFFFFF;
}

     @font-face {
          font-family: 'Lato Black';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Black.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Lato Black';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Black.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
         @font-face {
          font-family: 'Lato Semibold';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Semibold.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Lato Semibold';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Semibold.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
        @font-face {
          font-family: 'Lato Heavy';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Heavy.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Lato Heavy';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Heavy.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }
         @font-face {
          font-family: 'Lato Medium';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Medium.woff2) format('woff2');
          unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
        }
        /* latin */
        @font-face {
          font-family: 'Lato Medium';
          font-style: normal;
          font-weight: 900;
          src: url(../fonts/Lato-Medium.woff2) format('woff2');
          unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
        }

.middlephoto {
    width:400px;
    position:absolute;
    left:50%;
    margin-left:-200px;
    top:180px;
}









.linktype {
    color:#2FA1D7;
    text-decoration:none;
}

.fboxbannercell:hover {
    opacity:0.6;
}



.fboxbannerrow2 {
    width:400px;
    left:50%;
    margin-top:20px;
    margin-left:-200px;
    position:absolute;
}

.fboxbannerrow3 {
    width:600px;
    left:50%;
    margin-top:241px;
    margin-left:-300px;
    position:absolute;
}


.graypagecontent_pp {
    padding-top:50px;
    width:90%;
    padding-left: 5%;
    padding-right: 5%;
}



.wbchdr {
    font-size:16pt;
    margin-top:10px;
    letter-spacing:0.5;
}

.wbchdrdesc {
    margin-top:20px;
    font-size:9pt;
    color:#6A6A6A;
    letter-spacing:0.5;
    font-family:Lato;
    padding-left:20px;
    padding-right:20px;
}

.wbchdrdesc2 {
    margin-bottom:20px;
    font-size:9pt;
    color:#6A6A6A;
    letter-spacing:0.5;
    font-family:Lato;
    padding-left:20px;
    padding-right:20px;
    font-family: 'Lato Semibold';
    font-size: 12pt;
    color: #717171;
    float:left;
    display:block;
    position:relative;
}

.wbbutton {
    position:absolute;
    top:200px;
    background-color: #4286F5;
    border-radius: 4px;
    padding: 5px;
    color:#FFFFFF;
    z-index:999;
    text-align:center;
    width:150px;
    height:40px;
    left:50%;
    line-height:40px;
    margin-left:-75px;
    margin-top:15px;
    display:block;
    cursor:pointer;
}

.wbbuttoninner {
    position:relative;
    float:left;
    background-color: #4286F5;
    border-radius: 4px;
    padding: 5px;
    color:#FFFFFF;
    z-index:999;
    text-align:center;
    width:150px;
    height:40px;
    left:50%;
    line-height:40px;
    margin-left:-75px;
    margin-top:15px;
    display:block;
    cursor:pointer;
    margin-bottom:20px;
}

.wbbuttoninner:hover {
    opacity:0.6;
}

.wbbutton:hover {
    opacity:0.6;
}

.wbpricedesc {
    padding:8px;
    width:calc(100% - 16px);
    font-family:'Lato Semibold';
    font-size:12pt;
    color:#717171;
    letter-spacing:0.5;
    text-align:center;
    top:290px;
    position:absolute;
}

.whiteboxcol {
    text-align:center;
    padding-top:30px;
    float:right;
    height:340px;
    width:25%;
    position:relative;
    border-left:1px solid #EEEEEE;
}

.whiteboxcolnormal {
    font-size:10pt;
    font-family:Lato;
    text-align:center;
    float:right;
    height:40px;
    line-height:40px;
    width:25%;
    position:relative;
    border-left:1px solid #EEEEEE;
}



.whiteboxcolshort2 {
    line-height:40px;
    font-size:10pt;
    font-family:Lato;
    text-align:center;
    float:right;
    height:40px;
    width:170px;
    position:relative;
    border-left:1px solid #EEEEEE;
}

.minwidth500 {
    
}

.whiteboxcolfirst2 {
    width:calc(100% - 550px);
    min-width: 150px;
    overflow:hidden;
    position:relative;
    line-height:40px;
    font-size:10pt;
    font-family:Lato;
    text-align:left;
    padding-left:20px;
    float:left;
        height: 40px;
}



.forceflat {
    height:20px !important;
}

.whiteboxcolfirstnormal {
   max-width:calc(24% - 20px);
   overflow:hidden;
   position:relative;
    line-height:40px;
    font-size:10pt;
    font-family:Lato;
    text-align:left;
    padding-left:20px;
    float:left;
        height:40px;
}

.headerpane {
    clear:both;
    max-width:90%;
    margin-left: 5%;
    margin-top:15px;
    height:80px;
    position:relative;
    display:block;
}

.headerpanemain {
    clear:both;
    max-width:90%;
    margin-left: 5%;
    margin-top:15px;
    height:80px;
    position:relative;
    display:block;
}


.coloredpanewhitetext {
    color:#FFFFFF;
    font-size:20pt;
    font-family:"Lato Black";
    text-align:center;
    
}

.coloredpanewhitetextsmall {
    color:#FFFFFF;
    font-size:12pt;
    font-family: "Lato";
    text-align:center;
}

.coloredpane {
    padding:30px;
   max-width:100%;
   background-image:url(../images/svg/greenbannerbg.svg);
   background-repeat: no-repeat;
   background-size: 134px 160px;
   background-position: 10% 80px;
    background-color:#27B478;
    min-height:calc(160px - 60px);
    clear:both;
    position:relative;
    display:block;
}

.floatingheader {
    display:none;
    padding-left: 5%;
    padding-right: 5%;
    padding-top:10px;
    top:0px;
    position:fixed;
    width:90%;
    height:60px;
    border-bottom:1px solid #E0E0E0;
    background-color:#FFFFFF;
    z-index:9999999;
}

.coloredpane2 {
    max-width:100%;
    background-color:#27B478;
    height:20px;
    clear:both;
    position:relative;
    display:block;
}

.coloredpane3 {
    max-width:100%;
    background-color:#27B478;
    height:20px;
    clear:both;
    position:relative;
    display:block;
}

.coloredpane4 {
    max-width:100%;
    background-color:#F2A72A;
    height:10px;
    clear:both;
    position:relative;
    display:block;
}

.smalltick {
    margin-top:7px;
    width:25px;
}

.grayspace {
    position:relative;
    width:100%;
    height:80px;
}



.fullheight5 {
    min-height:1000px !important;
}

.fullheightsmall {
    min-height:450px !important;
}

.fullheight5c {
    min-height:1300px !important;
}

.fullheight5b {
    min-height:750px !important;
}

.fullheight6 {
    min-height:1500px !important;
}



.fullheight4 {
    min-height:500px;
    margin-bottom:220px;
}




.wtmiddle {
    text-align:center;
    width:300px;
    color:#FFFFFF;
    font-family:'Lato Black';
    font-size:24pt;
    left:50%;
    margin-left:-150px;
    position:absolute;
}

.middlepanefullmid {
    max-width:100%;
    background-color:#F5F5F5;
    min-height:500px;
    clear:both;
    position:relative;
    display:block;
}

.middlepanefullmid2 {
    max-width:100%;
    background-color:#2FA1D7;
    min-height:400px;
    clear:both;
    position:relative;
    display:block;
}

.wboxTitle {
    font-size:14pt;
}

.wboxAddress {
    margin-top:10px;
    font-size:10pt;
    font-family:'Lato Semibold';
}

.wboxMap {
    position:absolute;
    cursor:pointer;
    width:calc(100% - 20px);
    bottom:0px;
    padding:10px;
    left:0px;
    height:20px;
    font-size:12pt;
    font-family:'Lato Heavy';
    color:#2FA1D7;
}

.wboxMap:hover {
    background-color:#2FA1D7;
    color:#FFFFFF;
}

.wboxsmall {
    position:absolute;
    padding:20px;
    top:50px;
    left:50%;
    width:calc(250px - 40px);
    height:calc(250px - 40px);
    background-color:#FFFFFF;
    -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.wboxsmallpos1 {
    margin-left:-380px;
}

.wboxsmallpos2 {
    margin-left:-105px;
}

.wboxsmallpos3 {
    margin-left:170px;
}

.middlepanefullwhite {
    max-width:100%;
    background-color:#FFFFFF;
    min-height:700px;
    clear:both;
    position:relative;
    display:block;
}

.middlepanefullwhitesmall {
    max-width:100%;
    background-color:#FFFFFF;
    min-height:200px;
    clear:both;
    position:relative;
    display:block;
}

.middlepanefullwhitesmallfixed {
    max-width:100%;
    background-color:#FFFFFF;
    clear:both;
    position:relative;
    display:block;
}






.fboxbottomtext {
    position:absolute;
    bottom:5px;
    color:#FFFFFF;
    width:200px;
    text-align:center;
    text-shadow: 1px 1px 1px rgba(146,146,146,0.98);
}

.fboxdesc {
    font-family:Lato;
    font-size:10pt;
}


.middlecustomerrowtext {
    position:absolute;
    color:#B4B4B4;
    width:300px;
    left:50%;
    margin-left:-150px;
    bottom:80px;
    text-align:center;
    font-size: 11pt;
    font-family: "Lato Black";
    font-weight: 900;
    letter-spacing: 0.5;
    margin-bottom: 20px;
}






.footericon
 {
    float: right;
    width: 20px;
    height: auto;
    margin-left: 8px;
    cursor: pointer;
}

.footerpleftmenu {
    float:left;
    font-family:"Lato Black";
    font-size:11pt;
    color:#595959;
    cursor:pointer;
    margin-right:20px;
    height:80px;
    line-height:80px;
    vertical-align:middle;
    position:relative;
}

.footerpleftmenu:hover {
    opacity:0.6;
}






.mpheight2 {
    height:500px !important;
    min-height:500px !important;
}




.footerpleft {
    width:calc(60% - 60px); 
    min-width:300px;
    float:left;
    padding-left:60px;
    height:80px;
    display:block;
}

.footerpright {
    width:40%;
    float:right;
    height:80px;
    display:block;
}

.fpleft {
    width:20%;
    float:left;
    height:30%;
}

.fpleft4 {
    width:20%;
    float:left;
 
}

.fplinkcol {
    min-width:150px;
    width:20%;
    float:right;
    position:relative;
    height:150px;
}

.fplinkcolhdr {
    color:#767676;
    font-size:11pt;
    padding-bottom:10px;
}

.fplink {
    font-family:"Lato";
    font-size:10pt;
    letter-spacing:0.5;
    color:#767676;
    padding:5px 0px 5px 0px;
    cursor:pointer;
}

.fplink:hover{
    opacity:0.6;
}


.mprightwithmargin {
    margin-right:1%;
    width:34%;
    float:left;

    margin-top:10px;
}

.noborder {
    border:none !important;
}

.topmargin30 {
    margin-top:50px !important;
}

.topmargin10 {
    padding-top:20px !important;
}

.topmargin100 {
    margin-top:100px !important;
}












.logofp {
    width:75px;
    position:relative;
    cursor:pointer;
}

.logofp:hover {
    opacity:0.7;
}

.mpSBubble1Text {
    font-family:"Lato";
    font-weight:bold;
    position:absolute;
    color:#000000;
    font-size:11pt;
    width:260px;
    left:260px;
    top:180px;
    height:auto;
    z-index:9999;
}



.mpSBubble2 {
    position:absolute;
    z-index:9999;
    top:185px;
    width:300px;
    height:auto;
    left:200px;
}

.mpSBubble2Text {
    font-family:"Lato";
    font-weight:bold;
    position:absolute;
    color:#000000;
    font-size:11pt;
    width:260px;
    left:210px;
    top:195px;
    height:auto;
    z-index:9999;
}

.mpbottomfull {
    position:absolute;
    width:100%;
    bottom:0px;
    height:auto;
}

.mpSBubble3 {
    position:absolute;
    z-index:9999;
    top:210px;
    width:300px;
    height:auto;
    left:450px;
}

.mpSBubble3Text {
    font-family:"Lato";
    font-weight:bold;
    position:absolute;
    color:#000000;
    font-size:11pt;
    width:260px;
    left:460px;
    top:230px;
    height:auto;
    z-index:9999;
}


.footerpane {
    max-width:100%;
    background-color:#F5F5F5;
    min-height:80px;
    clear:both;
    position:relative;
    display:block;
    overflow:hidden;

}

.minabswidth {
    /*min-width:800px !important;*/
}

.fpright {
    /*min-width:600px;*/
    min-width:150px;
    width:80%;
    height:30%;
    float:right;
}

.fpright4 {
    /*min-width:600px;*/
    min-width:150px;
    width:80%;
    float:right;
}

.complogo {
    position:relative;
    width:120px;
    margin-top:-30px;
    height:auto;
    float:left;
    display:block;
    cursor:pointer;
}

.complogosmall {
    position:relative;
    height:100px;
    float:left;
    margin-top:-25px;
    cursor:pointer;
}

.complogosmall:hover {
    opacity:0.6;
}




.linkwording {
    font-size:9pt;
    width:300px;
    margin-left:-150px;
    left:50%;
    position:relative;
    text-align:center;
    display:block;
}

@media only screen and (min-width: 1000px) {
.middlepaneclientsmalllogos {
    width:96%;
    max-width:900px;
    left:50%;
    margin-left:-450px;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    float:left;
}

.fullheight20 {
        padding-bottom:80px !important;
        min-height: 200px !important;
    }

.mpSBubble1 {
    position:absolute;
    z-index:9999;
    top:-50px;
    width:100%;
    height:auto;
    left:0px;
}

.mpSBubble6 {
    position:relative;
    display:block;
    float:left;
    z-index:9999;
    width:70%;
    height:auto;
    left:0px;
     -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.mptmlink {
    margin-top:20px !important;
    cursor:pointer;
    color:#99A1A5 !important;
}

.mptmlink2 { 
    cursor:pointer
}

.mptmlink2:hover {
    opacity:0.7;
}

.mptmlink:hover {
    opacity:0.7;
}



.middlepaneclientsmall {
    width:1000px;
    left:50%;
    margin-left:-500px;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    float:left;
}


.middlepanetitlemed {
    border-top:1px solid #D1D1D1;
    width:400px;
    margin-left:-200px;
    left:50%;
    color:#959595;
    position:relative;
    font-size:14pt;
    font-family:"Lato";
    display:block;
    float:left;
    text-align:center;
    margin-top:30px;
    padding-top:30px;
    margin-bottom:30px;
}

.middlepanetitlemedend {
    clear:both;
    border-bottom:1px solid #D1D1D1;
    width:400px;
    margin-left:-200px;
    left:50%;
    color:#959595;
    position:relative;
    font-size:14pt;
    font-family:"Lato";
    display:block;
    float:left;
    text-align:center;
    margin-bottom:30px;
}

.middlebannerpane {
        clear:both;
        max-width:50%;
        margin-left: 25%;
        margin-top:15px;
        position:relative;
        display:block;
    }

.titlebody {
    width:60%;
    left:50%;
    margin-left:-30%;
    text-align:center;
    font-family:'Lato';
    position:relative;
    display:block;
    font-size: 14pt;
    font-weight:bold;
    margin-bottom: 1rem;
    color:#A8A8A8;
}


.firstpane {
    clear:both;
    max-width:60%;
    margin-left:20%;
    position:relative;
    display:block;
}





.middlepaneclient {
    width:1000px;
    margin-top:30px;
    left:50%;
    margin-left:-500px;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    margin-bottom:30px;
    float:left;
}

.fboxparent {
    width:600px;
    position:relative;
    float:left;
    left:50%;
    margin-left:-300px;
    margin-bottom:50px;
}

.fboxbottomtextblack {
    position:absolute;
    bottom:5px;
    color:#5E6575;
    width:200px;
    text-align:center;
}


.menuFull {
    display:none;
}

.nomobilesect {
 }

.whitebox2 {
    width:calc(80%);
    left:50%;
    margin-left:-40%;
    /*min-width:850px;*/
    position:relative;
    background-color:#FFFFFF;
    -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.middlephotoscreenshot {
    width:60%;
    margin-right:20%;
    margin-left:20%;
    margin-top:40px;
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.topphoto {
    width:60%;
    position:relative;
    margin-left:20%;
    margin-right:20%;
}

.mpbigpic {
    width:40%;
    display:block;
    margin-left:30%;
    margin-right:30%;
    padding-bottom:70px;
}

.subtitleheadergraypage {
    text-align:center;
    font-family:"Lato Black";
    position:relative;
    letter-spacing:-0.4;
    line-height: 1;
    font-size: 2.8rem;
    font-weight:900;
    display:block;
}

.titlebodygraypage {
    text-align:center;
    font-family:'Lato Medium';
    position:relative;
    font-size: 1.1rem;
    color:#454545;
    display:block;
    margin-top:20px;
}

    
.mpright {
        background-color: #F5F5F5;
        width: 40%;
        height: 600px;
        float: left;
    }

    .whiteboxcolshort {
        text-align:center;
        padding-top:15px;
        float:right;
        height:105px;
        width:170px;
        position:relative;
        border-left:1px solid #EEEEEE;
    }

    #wbMainSvc {

    }

    #wbMainSvc2 {
        display:none;
    }

    #wbMainSvc3 {
        display:none;
    }
    #wbMainSvc4 {
           display:none;
    }

    .footerpiconstrip {
        padding-right:80px;
        position:relative;
        top:50%;
        margin-top:-10px;
        height:20px;
    }

    .fboxbannercell {
        width:200px;
        height:200px;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }
    
    .griddot {
        background:url(../images/svg/dot.svg) repeat;
        background-size :12px 12px;
        float:right;
        margin-right:20px;
        margin-top:5%;
        width:110px;
        height:300px;
    }

    .middlepane2 {
        clear:both;
        max-width:90%;
        margin-left: 5%;
        margin-top:15px;
        position:relative;
        display:block;
        float:left;
    }

    .fboxbannercell2 {
        width:200px;
        height:200px;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }

    .fboxbannercell2sub {
        width:200px;
        height:200px;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }

    .fboxbannerrow {
        width:100%;
        position:relative;
        display:block;
        float:left;
    }

    .menustrip {
        position:relative;
        float:left;
        margin-top:15px;
        margin-left:50px;
        max-width:calc(100% - 350px);
        display:block;
        max-height:40px;
        overflow:hidden;
        /*top:20px;
        left:50%;
        margin-left:-260px;*/
    }

    .signinstrip {
        right:0px;
        position:absolute;
        top:15px;
        width:200px;
        height:auto;
        display:block;
        }


    .signinstripmobile {
        display:none;   
    }

      .signinstripmobilesmall {
        display:none;   
    }
    

    .middlestrip {
        height:415px;
        width:600px;
        left:50%;
        margin-left: -300px;
        margin-top:15px;
        position:relative;
        display:block;
        }

    .signinstripsmall {
        right:60px;
        position:absolute;
        top:25px;
        width:250px;
        height:auto;
        display:block;
    }

    .mpleft {
    width:60%;
    float:left;
    height:600px;
    }

    .mpSshot1 {
    width:60%;
    height:75%;
    position:absolute;
    top:50px;
    left:50%;
    margin-left:-10%;
    
    }

    .mpSshot1Img {
        position:absolute;
        width:100%;
        height:auto;
        -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    }

    .gridmaintext {
        font-size:22pt;
        font-family:"Lato Black";
        font-weight:900;
        letter-spacing:0.5;
        line-height:1.0;
        width:45%;
        margin-bottom:20px;
    }

    .gridtextbody {
        font-family:"Lato";
        font-size:14pt;
        color:#6F6F6F;
        width:55%;
    }

    .gridtitle {
        font-size:11pt;
        font-family:"Lato Black";
        font-weight:900;
        letter-spacing:0.5;
        margin-bottom:20px;
    }

    .mpheight {
        height:400px !important;
    }

    .fullheight2 {
        min-height:500px;
    }

    .mpSshot2 {
        width:54%;
        height:auto;
        position:absolute;
        top:50px;
        left:56%;
        margin-left:-15%;
    }

    .mpSshot2Img {
        width:100%;
        height:auto;
        -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    }

    .mpleftwithmargin {
        margin-left: 5%;
        margin-top:80px;
        width:60%;
        float:left;
 
    }

    .mpheight3 {
        height:550px !important;
        min-height:550px !important;
    }

    .gridtextbody2 {
        font-family:"Lato";
        font-size:14pt;
        color:#6F6F6F;
        width:50%;
    }

    .middlepanefull {
        /*max-width:100%;*/
        width:100%;
        background-color:#F5F5F5;
        min-height:700px;
        clear:both;
        position:relative;
        display:block;
        float: left;
        padding-top: 50px;
    }

    .fullheight3 {
        min-height:700px;
    }

    .midBanner {
        width:100%;
        height:auto;
        clear: both;
        position: relative;
        display: block;
    }

    .titleheader {
        margin-top:15px;
        text-align:center;
        font-family: "Lato Black";
        position:relative;
        letter-spacing:-0.4;
        line-height: 0.85;
        font-size: 3.2rem;
        font-weight:900;
        margin-bottom: 1rem;
    }

    .middlecustomerrow {
        position:absolute;
        width:100%;
        left:50%;
        margin-left:-50%;
        text-align:center;
        bottom:45px;
    }

    .middlecustomer1 {
        height:30px;
        width:auto;
        margin-right:20px;
        position:relative;
        display:inline-block;
    }

    .griddotfloat {
        background:url(../images/svg/dot.svg) repeat;
        background-size :12px 12px;
        position:absolute;
        right:20px;
        top:5%;
        width:110px;
        height:300px;
    }
} 

.whiteboxcolshortmobilehdr {
    padding-left:30px;
        height:40px;
        line-height:40px;
        text-align:center;
        width:calc(100% - 30px);
        position:relative;
        border:none;
        font-family:'Lato Black';
        font-size:10pt;
        background-color:#E2E2E2;
}

 .whiteboxcolshortmobile {
        padding-left:10px;
        line-height:40px;
        text-align:center;
        width:calc(100% - 10px);
        position:relative;
        border-left:1px solid #EEEEEE;
        font-family:Lato;
        font-size:10pt;
        display:block;
        float:left;
    }


@media only screen and (max-width: 999px) {
.middlepaneclientsmalllogos {
    width:90%;
    left:50%;
    margin-left:-45%;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    float:left;
}

.fullheight20 {
        padding-bottom:0px !important;
        min-height: 200px !important;
    }

.mpSBubble6 {
    position:relative;
    display:block;
    float:left;
    z-index:9999;
    width:90%;
    margin-top:30px;
    height:auto;
    left:50%;
    margin-left:-45%;
     -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.mpSBubble1 {
    position:relative;
    display:block;
    float:left;
    z-index:9999;
    width:100%;
    height:auto;
    left:0px;
}


.mptmlink {
    margin-top:20px !important;
    cursor:pointer;
    color:#99A1A5 !important;
}

.mptmlink:hover {
    opacity:0.7;
}


.middlepaneclientsmall {
    width:90%;
    left:50%;
    margin-left:-45%;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    float:left;
}


.middlepanetitlemed {
    border-top:1px solid #D1D1D1;
    width:90%;
    margin-left:-45%;
    left:50%;
    color:#959595;
    position:relative;
    font-size:14pt;
    font-family:"Lato";
    display:block;
    float:left;
    text-align:center;
    margin-top:30px;
    padding-top:30px;
    margin-bottom:30px;
    clear:both;
}

.middlepanetitlemedend {
    border-bottom:1px solid #D1D1D1;
    width:90%;
    margin-left:-45%;
    left:50%;
    color:#959595;
    position:relative;
    font-size:14pt;
    font-family:"Lato";
    display:block;
    float:left;
    text-align:center;
    margin-bottom:20px;
    clear:both;
}

.middlebannerpane {
        clear:both;
        max-width:80%;
        margin-left: 10%;
        margin-top:15px;
        position:relative;
        display:block;
    }

.titlebody {
    width:80%;
    left:50%;
    margin-left:-40%;
    text-align:center;
    font-family:'Lato';
    position:relative;
    display:block;
    font-size: 14pt;
    font-weight:bold;
    margin-bottom: 1rem;
    color:#A8A8A8;
}


.firstpane {
    clear:both;
    max-width:90%;
    margin-left: 5%;
    position:relative;
    display:block;
}

.middlepaneclient {
    width:100%;
    margin-top:30px;
    left:50%;
    margin-left:-50%;
    display:block;
    text-align:center;
    position:relative;
    clear:both;
    margin-bottom:30px;
    float:left;
}


.fboxparent {
    width:100%;
    position:relative;
    float:left;
    left:0px;
    margin-bottom:50px;
}

.midBanner {
        width:100%;
        height:auto;
        clear: both;
        position: relative;
        display: block;
    }

.fboxbottomtextblack {
    position:relative;
    float:left;
    color:#5E6575;
    width:100%;
    text-align:center;
    margin-top:-30px;
}


.menuBWL {
    font-family:'Lato';
    font-size:18pt;
    color:#FFFFFF;
    cursor:pointer;
    padding: 20px 0px 20px 0px;
}

.menuBWL:hover {
    opacity:0.6;
}

.closeBox {
    float:right;
    width:25px;
    cursor:pointer;

}

.closeBox:hover {
    opacity:0.6;
}

.menuLogo {
    float:left;
    width:120px;
    cursor:pointer;


}

.menuLogo:hover {
    opacity:0.7;
}

.menuCenter {
    color:#FFFFFF;
    font-family:'Lato Black';
    font-size:14pt;
    text-align:center;
    padding:0px 10px 0px 10px;
    cursor:pointer;
}

.menuCenter:hover {
    opacity:0.6;
}

.menuBottomRow {
    width:calc(100% - 40px);
    float:left;
    display:block;
    position:absolute;
    padding:20px;
    bottom:0px;
    background-color:#000000;
    opacity:0.6;
    color:#135979;
    text-align:center;
}

.menuFullRow1 {
    width:calc(100% - 40px);
    float:left;
    display:block;
    position:relative;
    padding:20px;
}

.menuFullRowUG {
    border-bottom:1px solid #135B7D;
}

.menuFull {
    display:none;
    background-image:url(../images/svg/bground.svg);
    background-repeat:no-repeat;
    background-position-y:bottom;
    background-position-x:center;
    background-size:100%;
    background-color:#0C3D54;
    width:100%;
    position:fixed;
    height:100%;
    top:0px;
    left:0px;
    z-index:999999999;
}


 .nomobilesect {
     display:none !important;
 }

.whitebox2 {
    width:calc(90%);
    margin-left:5%;
    margin-right:5%;
    /*min-width:850px;*/
    position:relative;
    background-color:#FFFFFF;
    -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.middlephotoscreenshot {
    width:90%;
    margin-right:5%;
    margin-left:5%;
    margin-top:40px;
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.topphoto {
    width:90%;
    position:relative;
    margin-left:5%;
    margin-right:5%;
}

.mpbigpic {
    width:70%;
    display:block;
    margin-left:15%;
    margin-right:15%;
    padding-bottom:70px;
}

.subtitleheadergraypage {
    text-align:center;
    font-family:"Lato Black";
    position:relative;
    letter-spacing:-0.4;
    line-height: 1;
    font-size: 2.8rem;
    font-weight:900;
    display:block;
    padding:0px 30px 0px 30px;
}

.titlebodygraypage {
    text-align:center;
    font-family:'Lato Medium';
    position:relative;
    font-size: 1.1rem;
    color:#454545;
    display:block;
    margin-top:20px;
    padding:0px 30px 0px 30px;
}

    .mpright {
        background-color: #F5F5F5;
        width: 40%;
        float: left;
    }

    .whiteboxcolshort {
        text-align:center;
        padding-top:15px;
        float:right;
        width:100%;
        position:relative;
        border-left:1px solid #EEEEEE;
    }

     

    #wbMainSvc {
        display:none;
    }

    #wbMainSvc2 {

    }

    #wbMainSvc3 {
    }

    #wbMainSvc4 {

    }

    .footerpiconstrip {
        width:calc(100% - 60px);
        padding-right:60px;
        position:relative;
        top:50%;
        margin-top:-10px;
        height:20px;
    }


    .griddot {
        display:none;
    }

    .fboxbannercell {
        width:200px;
        height:200px;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }


     .middlepane2 {
        padding-top:50px;
        clear:both;
        max-width:90%;
        margin-left: 5%;
        margin-top:15px;
        position:relative;
        display:block;
    }

    .fboxbannercell2 {
        width:50%;
        height:auto;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }

    .fboxbannercell2sub {
        width:100%;
        height:auto;
        float:left;
        position:relative;
        display:block;
        cursor:pointer;
    }

    .fboxbannerrow {
        width:100%;
        margin-top:40px;
        position:relative;
        display:block;
        float:left;
        background-color:#F5F5F5;
    }

    .menustrip {
        display:none;
    }

    html, body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .mpleft {
    width:100%;
    float:left;
    }

    #gddot1 {
        display:none;
    }
    #gddot2 {
        display:none;
    }
    #gddot3 {
        display:none;
    }
    #gddot4 {
        display:none;
    }

    .middlestrip {
    height:415px;
    width:400px;
    left:50%;
    margin-left: -200px;
    margin-top:15px;
    position:relative;
    display:block;
    }

    .signinstrip {
        display:none;
    }

    .signinstripmobile {
        right:0px;
        position:absolute;
        top:0px;
        width:40px;
        height:auto;
        display:block;
    }



      .signinstripmobilesmall {
        right:18px;
        position:absolute;
        top:15px;
        width:40px;
        height:auto;
        display:block;
    }


    #vertvs3 {
        display:none;
    }

    #spnBreak {
        display: none;
    }

    .signinstripsmall {
        display:none;
    }

    .mpSshot1 {
    width:100%;
    position:relative;
    }

    .mpSshot1Img {
        margin-top:30px;
        width:100%;
        height:auto;
        -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    }

    .mpSshot2 {
        width:100%;
        position:relative;
    }

    .mpSshot2Img {
        margin-top:30px;
        width:100%;
        height:auto;
        -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
        box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    }

   

    .gridmaintext {
        text-align:center;
        font-size:22pt;
        font-family:"Lato Black";
        font-weight:900;
        letter-spacing:0.5;
        line-height:1.0;
        width:100%;
        margin-bottom:20px;
    }

    .gridtextbody {
        text-align:center;
        font-family:"Lato";
        font-size:14pt;
        color:#6F6F6F;
        width:100%;
    }

    .gridtitle {
        font-size:11pt;
        font-family:"Lato Black";
        font-weight:900;
        letter-spacing:0.5;
        margin-bottom:20px;
        text-align:center;
    }
    .mpheight {
    }

    .fullheight2 {
    }

     .mpleftwithmargin {
        width:100%;
    }

    .mpheight3 {
    }

    .gridtextbody2 {
        font-family:"Lato";
        font-size:14pt;
        color:#6F6F6F;
        width:100%;
        text-align:center;
    }

    .middlepanefull {
        float:left;
        width:90%;
        background-color:#F5F5F5;
        padding-left:5%;
        padding-right:5%;
        clear:both;
        position:relative;
        display:block;
        padding-bottom:30px;
        padding-top:50px;
    }

    .fullheight3 {
        padding-bottom:200px;
    }



    .titleheader {
        margin-top:15px;
        text-align:center;
        font-family: "Lato Black";
        position:relative;
        letter-spacing:-0.4;
        line-height: 0.85;
        font-size: 2.4rem;
        font-weight:900;
        margin-bottom: 1rem;
    }

    .middlecustomerrow {
        position:absolute;
        width:100%;
        left:50%;
        margin-left:-50%;
        text-align:center;
        bottom:45px;
    }

    .middlecustomer1 {
        height:auto;
        width:80px;
        margin-right:20px;
        position:relative;
        display:inline-block;
    }

    .griddotfloat {
        display:none;
    }
} 

    .middlepane {
        clear:both;
        width:100%;
        max-width:90%;
        margin-left: 5%;
        margin-top:15px;
        position:relative;
        display:block;
        float:left;
    }

    



.menuitem {
    display:block;
    width:130px;
    color:#5E6575;
    float:left;
    font-family:"Lato Semibold";
    cursor:pointer;
    height:30px;
}


.menuitem2 {
    margin-right:15px;
    color:#5E6575;
    float:right;
    font-family:"Lato Semibold";
    cursor:pointer;
}

.menuitem2:hover {
    opacity:0.6;
}


.menuitem:hover {
    opacity:0.6;
}

.bigwhitebutton {
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 5px;
    color:#27B478;
    z-index:999;
    position:relative;
    text-align:center;
    width:150px;
    height:40px;
    left:50%;
    line-height:40px;
    margin-left:-75px;
    margin-top:15px;
    display:block;
    cursor:pointer;
}

.bigwhitebutton:hover {
    opacity:0.6;
}

.bluebutton {
    background-color: #4286F5;
    border-radius: 4px;
    padding: 5px;
    color:#FFFFFF;
    z-index:999;
    position:relative;
    text-align:center;
    width:120px;
    height:25px;
    left:50%;
    line-height:25px;
    margin-left:-65px;
    margin-top:5px;
    display:block;
    cursor:pointer;
}

.bluebutton2 {
    background-color: #4286F5;
    border-radius: 4px;
    padding: 5px;
    color:#FFFFFF;
    z-index:999;
    position:relative;
    text-align:center;
    width:120px;
    height:30px;
    line-height:30px;
    margin-top:-10px;
    float:right;
    display:block;
    cursor:pointer;
    font-family:"Lato";
    font-weight:900;
    font-size:11pt;
}

.bluebutton2:hover {
    opacity:0.6;
}

.bluebutton:hover {
    opacity:0.6;
}

.labelstrip {
    background-color: #F5F1F3;
    border-radius: 8px;
    padding: 5px;
    color:#000000;
    z-index:999;
    position:absolute;
    text-align:center;
    width:100px;
    opacity:0.8;
    display:none;
    margin: 0 auto;
}    

.pos1 {
    top:160px;
    left:50%;
    margin-left:-55px;
}

.pos2 {
    bottom:10px;
    left:50%;
    margin-left:-55px;
       
}

.fullheight7 {
    margin-bottom:40px;
}



.subtitleheader {
    margin-top:45px;
    text-align:center;
    font-family:"Lato Black";
    position:relative;
    letter-spacing:-0.4;
    line-height: 1;
    font-size: 2.8rem;
    font-weight:900;
    margin-bottom: 1rem;
}


.graypagecontent {
    padding-top:30px;
    display:block;
    width:100%;
}


.whitebox {
    width:calc(80%);
    left:50%;
    margin-top:50px;
    margin-left:-40%;
    /*min-width:850px;*/
    position:absolute;
    min-height:400px;
    background-color:#FFFFFF;
    -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}

.whiteboxcolfirst {
        position:relative;
        line-height:40px;
        font-size:10pt;
        font-family:Lato;
        text-align:left;
        padding-left:20px;
        float:left;
            height: 340px;
            padding-top:30px;
    }

.whiteboxsep {
    min-width: calc(850px - 20px);
    width:calc(80% - 20px);
    /*left:50%;
    margin-left:-40%;*/
    font-size:10pt;
    border-top:1px solid #EEEEEE;
    padding-top:40px;
    padding-bottom:20px;
    position:relative;
    background-color:#F5F5F5;
    padding-left:20px;
    margin-left:10%;
    margin-right:10%;
}



.whitebox3 {
    float:left;
    width:calc(90%);
    margin-left:5%;
    /*left:50%;
    margin-left:-45%;*/
    position:relative;
    background-color:#FFFFFF;
    -webkit-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    -moz-box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
    box-shadow: 10px 10px 58px -15px rgba(71,71,71,1);
}


.whiteboxrowboxheader {
    width:100%;
    display:block;
    position:relative;
    height:calc(400px - 30px);
}

.whiteboxrowboxnormal {
    width: 100%;
    display: block;
    position: relative;
    height: 40px;
    border-top:1px solid #EEEEEE;
}

.whiteboxrow {
    border-top:1px solid #EEEEEE;
    position:relative;
    display:block;
    width:100%;
    float:left;
    background-color:#FFFFFF;
}

.whiteboxrowfirst {
    position:relative;
    display:block;
    width:100%;
    height:120px;
    float:left;
    background-color:#FFFFFF;
}


.whiteboxrowfirstfree {
    position:relative;
    display:block;
    width:100%;
    float:left;
    background-color:#FFFFFF;
}




.vertstrip {
    width:200px;
    float:left;
    height:auto;
    position:relative;
}

.vertviewstrip {
    width:200px;
    height:400px;
    float:left;
    position:relative;
    overflow:hidden;
    text-align:center;
    display:block;
}

.boxmain {
    position:relative;
    float:left;
    width:100%;
    border:1px solid #E8EBF0;
}

.boximg {
    width:100%;
}

.mptmend {
    border-bottom:1px solid #D1D1D1;
}