@viewport {
   width: device-width;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
}

/*Structural elements*/

body {
    background: none repeat scroll 0 0 #fff;
    color: #777777;
   min-width: 1200px;
    font-family: Verdana, Geneva, sans-serif;
}

#page-wrap {
   background:#fff;
}

/* body  */

/* header */

#splash #header-wrap {
   background: #fff no-repeat 0 100px / 100%;
   width: 100%;
   min-height: 60px !important;
   height: auto;
   position: fixed;
   z-index: 88;
   height: 100%;
   max-height: 160px;
}

#header-wrap {
   background: url("images/ihdr.jpg") no-repeat 0 160px / 100%;
   width: 100%;
   min-height: 538px;
   height: 100%;
}

#header {
   background: none;
   width: 100%;
   max-width: 1200px;
}

#logo {
   width: 41%;
   float: left;
}

#logo img {
    float: left;
    height: auto;
    margin: -5px;
    max-height: 95px;
    padding: 0px;
    position: relative;
}

#logo a {
   text-decoration:none;
 }

#logo a h1 {
    color: #000;
    font: 28px/50px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    max-height: 50px;
    max-width: 1000px;
    overflow: hidden;
    text-transform: uppercase;
}

#shadow{background:url('images/header-shadow.png');}

/* content background */
#container {/*2nd Container, put 'page stretch' here and set overall width*/
   background-image: none;/*Define page stretch bg image, usually 1px height*/
   background-repeat: repeat-y;/*Stretch image down page, usually repeat-y*/
   width: 855px !important;/*Required, overall width of site, usually width of stretch bg image*/
}
#page {/*3nd Container, put 'page stretch' here and set overall width*/
}

#logo {/*Area for header text, also area for flash header*/
   color: #000000;/*Define text color of header text*/
}

#subHeader {
    color: #000;
    display: block;
    float: left;
    font: italic 14px/14px arial ,Calibri,sans-serif;
    margin: -5px 0 5px;
    width: 100%;
}

#leftmenu_area {/*Container for left menu, minicontent, and services menu*/
   background-image: url('images/stretch.gif');
   background-repeat:no-repeat;
}

#content {
   padding: 15px 40px;
   margin: 0;
}

#emoWrap {
   width: 100%;
   max-width: 1200px;
}

#emoContentContainer, #splash #emoContentContainer {
   clear: both;
   float: left;
   margin: 0 auto;
   padding: 28px 10px 60px;
   position: relative;
   width: 100%;
   max-width 1180px;
}

 #splash #emoContentContainer {
   padding: 28px 10px 0;
}

.innerEmoContent, #splash_bottom_widgetarea {
   width: 100%;
   /*max-width: 1180px;*/
   padding: 0;
}

#footer {
    background: none repeat scroll 0 0 #000;
    /*border-bottom: 80px solid #fff;*/
    color: #000;
    height: 360px;
    margin-top: 0 !important;
    padding: 0;
    width: 100%;
}

#splash #footer {
    height: 390px;
   /*border-bottom: 80px solid #fff;*/
}

#footer-wrap {
   margin: 0 auto;
   width: 100%;
   max-width: 1200px;
}
#footer a {
   color: #71B6D5!important;
}
#footer a:hover {
   color: #FFFFFF!important;
}
#footer-nav {
   width: 50%;
   float:left;
   margin: 0 0 15px;
   text-align: left;
   display: none;
}
#footer-nav h2 {
   font-size: 16px;
   letter-spacing: 1.5px;
   margin: 15px 0;
   text-transform: uppercase;
}
#footer-nav ul li {
   border-top: 1px dotted #CBCBCB;
   float:left;
   margin: 10px 25px 0 0;
   text-align:center;
   width:135px;
}

/*End structural elements*/




/*Global text elements*/

a{color:#5B82A3;}
a:hover{color:#5B82A3;}

#emoWrap #emoContentContainer h1 {/*Global h1 element style*/
   color: #000;
   font: 36px/50px "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
   border: 0 !important;
}

#emoWrap #emoContentContainer h2 {/*Global h2 element style*/
   color: #000;
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
}

#emoWrap #emoContentContainer h3 {/*Global h3 element style*/
   color: #000;
   font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;   
}

#emoWrap #emoContentContainer p,
#emoWrap #emoContentContainer li {/*Global p element style*/
    color: #000;  
   font-family: Verdana, Geneva, sans-serif;
    font-size: 14px; 
}

#emoWrap #emoContentContainer b {/*Global b element style*/
    color: #000;  
   font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;  
}

/*End global text elements*/




/*Content text elements*/

#emoContentContainer a {/*Content link style*/
   color: #5B82A3;
}

#emoContentContainer a:hover {/*Content link hover style*/
   border-bottom: 1px solid;
}

#emoContentContainer a:visited {/*Content link visited style*/
   color: #5B82A3;/*Define text color*/
}

/*End content text elements*/




/*Main menu elements*/

.topnav .icon {
   display: none;
}

#nav {
    float: none;
    margin: 0 20px 0 0;
    position: relative;
    top: 0;
    width: 1000px;
    z-index: 10;
    top: 2px;
}

#nav a {
    color: #fff;
    font: 21px/35px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
    padding: 0 5px;
    text-transform: capital;
}
#nav a:hover {
   color:#5B82A3 !important;
}

#nav .drop > ul a {
    padding: 0 3px;
}

ul.tabs, ul.tabs li, ul.tabs ul {
    float: right;
    width: auto;
}

#nav .drop > .dropdown > .drop > ul {
    left: 95%;
    top: 0;
}

ul.tabs a { 
}

ul.tabs li ul {
   background: #fff !important;
}

#nav .drop > ul {
    border-color: #5B82A3;
    border-image: none;
    border-radius: 0 0 4px 4px;
    border-style: none solid solid;
    border-width: 0 5px 5px;
    box-shadow: 0 0 5px #333333;
    padding: 10px;
    width: auto;
}
ul.tabs a {/*Define top-level buttons*/
}
ul.tabs > a:hover,
ul.tabs > li:hover > a,
ul.tabs > li.iehover > a {/*Define button rollover state*/

}

ul.tabs > li:hover > ul > li > a,
ul.tabs li.iehover li a {/*Define sub buttons*/
}
ul.tabs > li:hover > ul > li > a:hover,
ul.tabs > li:hover >ul > li:hover > a,
ul.tabs li.iehover li a:hover,
ul.tabs li.iehover li.iehover a {/*Define sub buttons rollover state*/
}
#nav li.emoCurrent {
   background:;
}
#nav li.emoCurrent a { 
   color: #5B82A3; 
}
#nav ul.tabs li.dropdown-li ul.dropdown li a {
    color: #FFFFFF;
}

/*End main menu elements*/

#nav > ul > .drop > a {
   margin-right: 10px;
}

.tabs li.dropdown-li.drop ul.dropdown li.dropdown-li.drop ul.dropdown {
    width: 142px!important;
}

/*Footer menu elements*/

ul.footer_links li a {
   color: #2b468e;/*Define text color*/
}
ul.footer_links li a:hover {
   color: #FF6633;/*Define text color*/
}

/*End footer menu elements*/




/*Misc elements*/

ul.footer_links,#social_network_div { /*Social Networking Widget*/
   padding: 0;
   margin: 0;
}

.formsul li a { /*IRS Forms*/
   color:#000000;
}
.pubsul li a { /*IRS Publications*/
   color:#2b468e;
}

.archiveHeading { /*Monthly Newsletter Archive*/
   color: #000000;
}

#contact_us .box,
#map,
#emoContentContainer .form { /*Contact Us Page boxes*/
    border: 5px solid #EEEBD5 !important;
    box-shadow: 0 0 6px #666666 inset;
}

#contact_us .box {
    width: 44% !important;
}

#monthly_news form.form {
   box-shadow: 0 0 0 !important;
}


.ftr {
    width: 25%;
    float: left;
    text-align: left;
    padding: 20px 0 0 0;
}

.ftr h2 {
    padding: 10px 0;
    font: normal 20px/25px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    color: #fff;
}

.ftr p {
   color: #fff;
   font: 15px/25px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
   padding: 6px 0px !important;
   width: 88%;
}

.ftr .sym {
    font-size: 26px;
    float: none;
    width: 35px;
    height: 37px;
}


#newsletter_signup_widget_title {
    padding: 23px 0;

}

#newsletterSignupName {
   display: none;
}

#newsletterSignupEmail {
    width: 100%;
    height: 25px;
    float: left;
}

#newsletterSignupSubmit {
    float: right;
    height: 35px;
    width: 20%;
    margin: -40px -10px;
    z-index: 33;
    position: relative;

}

.soc {
    width: 20%;
    float: right;
    padding: 260px 0 0;
    margin: 8px 0 0;
}

.soc p {
   padding: 5px 0px !important;
   width: 15%;
   float: right;
}

.soc p a {
    display: none;
}

/*End misc elements*/



/*Added Rules*/

#socialNetwork-footer, #socialNetwork-footer li { /*Duplicate from emoStyle for pages that don't use it (splash)*/
    display: inline-block;
    list-style: none outside none;
    margin: 5px 0;
}

/* widget styling.... */
.widget input {
   border: 1px solid #D6D6D6;
   font-size: 11.5px;
   padding: 4px;
}

.widget input[type="submit"]{
   padding: 4px 15px;
   background-color: #000000;
   color: #FFFFFF;
}

.widget input[type="submit"]:hover{
   cursor: pointer;
}

#minifeed-container {
    padding: 0 !important;
}

#minifeed {
    border: 0 none !important;
    color: #CCCCCC;
    height: 300px;
    margin: 0 0 5px;
    overflow: hidden !important;
    padding: 2px 15px !important;
    text-align: center;
}
#minifeed h3 a {
   text-decoration: none !important;
}

#widget_area_footer {
   display: block;
}

#widget_area_right {
    margin-top: 80px;
}

#copyright {
    float: left;
    margin-top: -7px;
    padding: 0 0 15px;
}

#copyright p {
    color: #000;
}

#copyright a {
   display: none;
}


/* SPLASH CSS */



/* END SPLASH CSS */

/* Color Change */

a, #emoContentContainer a {
    color: #5B82A3;
}
a:hover, #emoContentContainer a:hover {
   color: #789bba;
}


#footer a {
    color: #71B6D5;
}
#footer a:hover {
    color: #5B82A3;
}

#splash #login_widget_submit {
    background: none repeat scroll 0 0 #5B82A3;
}
#splash #login_widget_submit:hover {
    background: none repeat scroll 0 0 #789bba;
}

/* end Color Change */

/* Chrome Font Fix */
#logo a h1,
#subHeader,
#emoWrap #emoContentContainer h1,
#emoWrap #emoContentContainer h2,
#emoWrap #emoContentContainer h3,
#nav a,
#widget_area_right .widget h2,
.ftr p,
.splash_services h2,
.svc_link,
.check_btn,
#splash #newsletter_signup_widget_title,
#splash #newsletterSignupSubmit,
.splash_welcome h3 a,
.splash_welcome p,
#splash #client_login_form_widget_title,
#splash #login_widget_submit,
#login_widget_submit,
#newsletterSignupSubmit,
.splash_contact .check_btn,
#emoWrap #emoContentContainer h1 {
   font-family: "Gill Sans MT",Calibri,sans-serif !important;
}
/* End Chrome Font Fix */

/* Financial Calculators Link Fix */
#financial_tools .calcList:first-child {
    width: 500px !important;
}
#financial_tools .calcList {
    width: 600px !important;
}
#financial_tools .calcList li a {
    font-size: 15px;
}
/* End Financial Calc Link Fix */

/* MQ */

/*MOBILE NAV CSS START*/
.topnav {
  /*overflow: hidden;*/
  overflow: visible;
  background-color: transparent;
}

.topnav a {
  /*float: left;*/
  float: none;
  display: block;
  color: #000!important;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: none;
  color: none;
}

.topnav .icon {
  display: none;
}

#nav .drop > ul a {
    width: 100%;
    text-align: left;
}
/*END MOBILE NAV CSS START*/



/* NEW TEMPY CODES */

.shdr {
   background: url("images/shdr.jpg") no-repeat 0 100px / 100% fixed;
   width: 100%;
   min-height: 586px !important;
   height: auto;
}

.stopv {
    background: #fff no-repeat 0 0 / 100% fixed;
    width: 100%;
    min-height: 350px;
    height: 100%;
    position: relative;
    top: -13px;
}

.stopv p, .stopv h2, .botv p {
   padding: 15px 20px;
   max-width: 1200px;
   width: 100%;
   text-align: justify;
   margin: 0 auto;
   color: #000;
   font-size: 16px;
}

.stopv h2, .botv h2 {
   color: #000;
   font: 30px/50px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
   text-align: center;
}

.smid {
    background: #000 0 0 / 100% fixed;
    width: 100%;
    min-height: 180px;
    height: 100%;
    position: relative;
}

#splash #login_widget {
    position: relative;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
    top: -125px;
    z-index: 32;
}

#splash #client_login_form_widget_title {
    font-size: 30px;
    color: #fff;
    float: left;
    padding: 0 10px;
}

#onvioEmail, #onvioPassword {
    float: left;
    padding: 10px;
    margin: 0 10px;
    width: 25%;
}

#splash #login_widget_submit {
    float: left;
    width: 10%;
    height: 37px;
    font-size: 20px;
    background: #dddede !important;
    cursor: pointer;
}

#login_widget_submit.btn.btn-default.login-submit {
    width: 60px;
    height: 26px;
}

#splash #login_widget a {
    color: #fff;
}

#splash #login_widget {
    width: 200px;
    top: -160px;
}

#splash #client_login_form_widget_title {
    padding: 0 10px 25px 10px;
}

.sbot {
   background: url("images/wone.jpg") no-repeat 0 100px / 100% fixed;
   width: 100%;
   min-height: 500px !important;
   height: auto;
   margin: -32px 0 0;
}

.botv {
   width: 100%;
   max-width: 1180px;
   margin: 0 auto;
   clear: both;
}

.botv h2, .botv p {
   color: #fff;
}


.btn1 {
    text-align: center;
    padding: 50px 0 0;
}

.btn1 a {
   background: #dddede;
   padding: 20px 30px;
   border-radius: 3px;
   text-decoration: none;
   color: #000;
   font-size: 16px;
}

.btn1 a:hover {
   background: #000;
   color: #fff;
}

.gear h2 {
    text-align: center!important;
    color: #000!important;
    font-size: 22px;
}

.gear p {
    text-align: center!important;
    padding: 0px 0 35px;
    width: 70%;
    margin: 0 auto;
}

.trow, .brow {
   width: 100%;
   margin: 0 auto;
   text-align: center;
}

.brow {
   padding: 0 10px;
}

#tl {
   background: url('images/1.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#tl:hover {
   background: url('images/bw1.jpg') no-repeat 0 0 / 95%;
}

#tm {
   background: url('images/2.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#tm:hover {
   background: url('images/bw2.jpg') no-repeat 0 0 / 95%;
}

#tr {
   background: url('images/3.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#tr:hover {
   background: url('images/bw3.jpg') no-repeat 0 0 / 95%;
}


#bl {
   background: url('images/4.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#bl:hover {
   background: url('images/bw4.jpg') no-repeat 0 0 / 95%;
}

#bm {
   background: url('images/5.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#bm:hover {
   background: url('images/bw5.jpg') no-repeat 0 0 / 95%;
}

#br {
   background: url('images/6.jpg') no-repeat 0 0 / 95%;
   height: 283px;
   min-height: auto;
}

#br:hover {
   background: url('images/bw6.jpg') no-repeat 0 0 / 95%;
}

.rows {
    float: left;
    width: 32%;
    padding: 0px 0px 0;
    margin: 0 0px 0 10px;
}

.rows p a.text {
  opacity: 0;
  width: 100%;
  position: relative;
  top: 115px;
  text-decoration: none;
  font-size: 30px;
  padding: 123px 70px;
  text-align:  center;

}

.rows p a.text:hover {
   color: #fff!important;
   opacity: 1;
   border: 0 !important;
   transition: .5s ease;
}

.smap {
   position: relative;
   top: 0;
   height: 428px;
   float: left;
   width: 100%;
}



/* END NEW TEMPY CODES */

/*Login Widget Fix Start*/

.widget input {
    margin: 10px;
    width: 25%;
}

#splash #login_widget_submit {
    float: right;
    width: 10%;
    height: 27px;
    font-size: 16px;
    background: #dddede !important;
    cursor: pointer;
    margin-right: 170px;
    margin-top: 9px;
}

#splash #login_widget a {
    float: right;
    margin-top: -30px;
}
/*Login Widget Fix End*/

/*MOBILE NAV CSS END*/


/* min-width - Full Size */
@media screen and (min-width: 900px) {
   body,
   #page-wrap {
      min-width: 1000px;      
   }
   #emoWrap {
      min-height: 100px;
/*      width: 1000px;    */
   }
}

/* min-width & max-width - Mid */
@media screen and (max-width: 900px) {
   #splash,
   .splash_img img,
   body,
   #page-wrap {
      max-width: 770px;  
      min-width: 525px;   
      width: 100%;   
   }
   .splash_img {
      height: 339px;
       margin: -100px 0 0 -50px;
       width: 750px;
   }
   #emoWrap {
    background: none!important;
    min-height: 250px;
    max-width: 770px;
    width: 100%!important;
   }
  
 #page-wrap {
      background: none repeat scroll 0 0 #fff;
   }

#header-wrap {
    min-height: 335px;

}
   #splash #header-wrap {
     position: relative;
   }
   #header {
     max-width: 770px;  
     background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
     width: 100%;
     padding: 0 0 98px;
   }

   #logo {
      max-width: 770px;  
      margin: 0 auto;
      width: 100%!important;
      position: relative;
      z-index: 28;
   }

   #subHeader { display: block; }
   #logo a {
      font-size: 20px;
   }
   #splash #emoContentContainer {
    margin: 0!important;
    padding: 0!important;
    width: 100%;
   }
   #emoContentContainer {
      margin: 20px;
      /*padding: 80px 0px 30px 0;*/
      width: 95%;
   }
   #splash .innerEmoContent {
      padding-right: 0;
   }
   .innerEmoContent {
      width: auto;
   }
   #navContainer .icon {
      display: block;
   }
   .default-nav.tabs {
    transition-property: height;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
   }

   .topnav {
    overflow: hidden;
    position: absolute;
    z-index: 38;
    background-color: transparent;
    -webkit-transition: height 400ms linear;
    -moz-transition: height 400ms linear;
    -ms-transition: height 400ms linear;
    -o-transition: height 400ms linear;
     transition: height 400ms linear;
     width: 100%!important;
     margin-top: 80px;
   }
   .topnav:hover {
     width: auto;
   }
   .topnav a {
      text-align: center;
   }
   .topnav a:not(:first-child) {
    display: none;
    background: #E0E0E0;
   }
  .topnav a.icon {
    float: right;
    display: block;
    position: absolute;
    z-index: 999;
    right: 0;
    height: 18px!important;
    background: #E0E0E0!important;
  }
  .topnav.responsive {
    position: absolute;
    height: 45px;
    width: 100%!important;
    margin-top: 80px;
  }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #E0E0E0;
    color: #000;
  }
  .topnav a:not(:first-child) {
     background: none;
      color: #000;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  #nav {
    max-height: 1000px;
    min-height: 275px;
    height: auto;
    float: left;
    margin: 20px 0 0;
    /*max-width: 750px;*/
    overflow: hidden;
    position: static;
    width: 100%;
  }
  #nav > ul > li {
    background: #fff;
  }
  #nav .drop > ul {
    position: relative!important;
    width: 100%;
    padding: 0!important;
    border-width: 0;
  }

   nav .drop > ul a {
    width: 100%!important;
    text-align: left!important;
   }

   #nav .drop > .dropdown > .drop > ul {
      left: 0!important;
      top: 0px!important;
   }
   nav ul li, #nav ul li {
      border-top: 1px solid #000!important;
   }
   ul.tabs li:first-child {
    border-left: none!important;
  }
    
   ul.tabs, ul.tabs li, ul.tabs ul {
      width: 100%!important;
   }
   
   ul.tabs {
      margin-top: 45px; 
   }
   nav ul li a, nav ul li a:active, #nav ul li a, #nav ul li a:active {
      width: 100%;
      text-align: left;
   }
   ul.tabs li ul {
    background: none repeat scroll 0 0 #d2dde0!important;
    border: none;
  }
  #nav .drop > .dropdown > .drop > ul {
     background: none repeat scroll 0 0 #e3e3e3!important;
  }

.tabs li.dropdown-li.drop ul.dropdown li.dropdown-li.drop ul.dropdown {
    width: 100% !important;
}
   #footer-wrap,
   #footer {
      width: 100%; 
      float:left;
   }
   #footer-wrap {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
   }
   #footer {
      margin-top: -1px !important;
   }
   #widget_area_right .widgetContainer {
      margin: 0 5px;
   }
   #sidebar {
      float: none;
       margin: 0 auto;
       padding-left: 0px!important;
       border-width: 0;
       width: 100%!important;
   }
   #contact_us .contactRow {
       height: 416px;
       width: 100%;
   }   
   #contact_us .box {
      clear: none !important;
       float: left !important;
       height: 270px !important;
       margin-right: 5px !important;
       max-width: 320px !important;
       width: 42% !important;
   }
   #splash #newsletterSignupDiv {
      background: none repeat scroll 0 0 #000000;
       height: 41px;
       margin: 0 auto!important;
       width: 100%;
   }
   #splash #newsletter_signup_widget_title {
       color: #FFFFFF !important;
       float: left;
       font: 18px/32px "Gill Sans MT",Calibri,sans-serif !important;
       padding: 5px 0 0 80px !important;
   }
   .splash_contact {
      float: left;
       margin: -700px 0 0 10px !important;
       position: relative !important;
       top: 0;
   }
   .splash_services {
      background: none repeat scroll 0 0 #2C2B26;
      float: left;
      height: 270px;
      margin: 251px 0 0 0 !important;
      width: 50%;
   }
   .splash_welcome {
       float: left;
       height: 290px;
       margin: 375px 20px 0 !important;
       position: absolute;
       width: 710px;
   }
   .splash_login {
      background: none repeat scroll 0 0 #2C2B26;
       float: right;
       height: 270px;
       margin: 251px 0 0 !important;
       width: 50%;
   }
   #splash #login_widget_user, #splash #login_widget_password {
      margin: 10px 0 0 70px;
       padding: 10px;
       width: 210px;
   }
   #splash #login_widget_submit {
      background: none repeat scroll 0 0 #5B82A3;
       margin: 20px 0 0 70px;
   }
   #widget_area_right {
      margin-top: 20px;
   }
   #sidebar {
      border-top: 6px solid #5C82A2;
       float: left;
       margin: 0 auto;
       padding-left: 10px;
       width: 728px;
   }
   #widget_area_right #login_widget {
      width: 45%;
      float: left;
   }
   #widget_area_right #newsletterSignupDiv {
      width: 45%;
      float: right;
   }
   #widget_area_right .widgetContainer {
      border-bottom: 0 none;
   }
   #widget_area_right .widget input {
      border: 1px solid #5B82A3;
       box-shadow: 0 0 4px #666666 inset;
       font-size: 11.5px;
       margin: 10px 0 0 45px;
       padding: 6px;
       width: 220px;
   }
   #widget_area_right #login_widget_submit,
   #widget_area_right #newsletterSignupSubmit {
      margin-left: 45px !important;
   }
   .splash_welcome {
      margin: 375px 0 0 !important;
      width: 100%;
   }
   .splash_img {
      margin: 0!important;
      width: 100%!important;
   }
   .svc_link {
      font: 13px/18px "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
   }

.ftr div#newsletterSignupDiv.widget.newsletterSignupDiv {
   display: none;
}

#splash .shdr {
  min-height: 380px !important;
}

.shdr {
   background: url("images/shdr.jpg") no-repeat 0 175px / 100% fixed;
   }

.ftr {
    width: 31%;
    float: left;
    text-align: left;
    padding: 20px 0px 0 15px;
}

.ftr p {
    width: 100%;
}

.soc {
    width: 35%;
    float: right;
    padding: 65px 0 0;
}

.rows {
    margin: 10px 0px -75px 8px;
    padding: 0; 
}

.stopv p, .stopv h2, .botv p {
    width: 93%;
}

#splash #login_widget_submit {
    float: right;
    width: 15%;
    height: 37px;
    font-size: 15px;
    background: #dddede !important;
    margin: 20px 23px 0 22px;
}

#onvioEmail, #onvioPassword {
    width: 31%;
}

.sbot {
    margin: -112px 0 0;
    height: 720px !important;
    background:url(images/wone.jpg) no-repeat 0 100px / cover;
}

.rows p a.text {
   padding: 123px 10px;
}

#splash #login_widget a {
    color: #fff;
    float: left;
    padding: 15px 10px;
}

.brow {
    padding: 0 0px;
}

.btn1 a{
   font-size: 14px;
}
#splash #client_login_form_widget_title {
    padding: 15px 10px;
}

#client_accounts .sharefile_form form input {
    width: 260px;
    height: 20px;
    border: 1px solid #000;
}

.stopv {
    top: -65px;
}

.gear {
    padding: 28px 0 0;
}

#splash #login_widget_user, #splash #login_widget_password {
    margin: 0px 0 0 0px;
    padding: 10px;
    width: 210px;
}


#splash #login_widget_submit {
    float: none!important;
    width: 25%!important;
    height: 27px;
    font-size: 16px;
    background: #dddede !important;
    cursor: pointer;
    margin-right: 285px!important;
    margin-top: 15px!important;
}

/* Financial Calculators mobile Fix */
#financial_tools .calcList:first-child,
#financial_tools .calcList {
    width: 100% !important;
   padding: 0 !important;
}
#financial_tools .calcList li:first-child {
    border-left: 1px solid !important;
}
/* End Financial Calc mobile Fix */   
}


/* max device width - iphone */
@media screen and (max-device-width: 480px) and (orientation: portrait){
   #splash,
   .splash_img img,
   body,
   #page-wrap,
   #header-wrap,
   #header,
   #emoWrap,
   #footer,
   #footer-wrap,
   #emoContentContainer,
   #widget_area_footer,
   #subHeader,
   #logo,
   #nav,
   body#splash,
   #splash #page-wrap,
   #splash #header-wrap,
   #splash #header,
   #splash #emoWrap,
   #splash #footer,
   #splash #footer-wrap,
   #splash #emoContentContainer,
   #splash #widget_area_footer,
   #splash #subHeader,
   #splash #logo,
   #splash #nav,
   #splash .innerEmoContent
    {
      width: 100%;
      padding:0px;
      margin:0px;
      max-width: 480px;  
      min-width: 300px;
      border:0px;
   }
   .splash_img,
   .splash_img img{
      width:100%;
      margin:0px;
      height:auto;
   }
   #emoWrap {
      background: none;
       min-height: 100px;
       box-shadow: 0 0 0;         
   }
   #page-wrap {
      background: none repeat scroll 0 0 #fff;
   }


   #subHeader {
      display: block;
      margin: 0 0 0 15px; 
}
  
 #logo a {
      font-size: 17px;
   }
   #logo a h1{
      font: 24px/50px "Gill Sans","Gill Sans MT",Calibri,sans-serif;
   }
   .innerEmoContent {
       width: auto;
       padding: 0 10px;
   }
   #emoWrap #emoContentContainer p, #emoWrap #emoContentContainer li {
      color: #000;
      font-size: 18px;
   }

   #footer-wrap,
   #footer {
     width: auto;
     float: left;
    }
   #footer {
      margin-top: -1px !important;
   }
   #sidebar, #widget_area_right {display: none;}     

   #nav {
      float: left;
      max-height: 1000px;
      overflow:hidden;
      height: auto;
      position: static;
   }
   #widget_area_header {
      display: block;
   }
  .splash_services, .splash_login {
      display: none;
   }   
   #contact_us .box {
       clear: both;
       display: block;
       width: 100%!important;
   }  
   #splash #newsletterSignupDiv {
      display: none;
   }
   .splash_contact {
      float: left;
       position: relative !important;
       margin: -350px 0 0 10px !important;
       top: 0;
   }
   .splash_welcome {
       float: left;
       height: 290px;
       position: relative;
       margin: 0 !important;
   }

.sbot {
    margin: 8px 0 0;
    background: #000 url(images/wone.jpg) no-repeat 0 88px / cover;
    height: 825px !important; 
}

#splash #login_widget {
    top: -155px;
}

form#onvioSignIn {
    margin: -15px 0 0;
    background: #000;
}

#onvioEmail, #onvioPassword {
    float: none;
    padding: 10px;
    margin: 0 10px;
    width: 70%;
}

#splash #login_widget_submit {
    float: right;
    width: 25%;
    margin: 15px 61px 0 0;
    font-size: 15px;
}

.topnav.responsive, .topnav {
    margin-top: 45px;
    width: 97%!important;
}

.botv {
    height: 650px;
    padding: 10px 0 0;
}

.rows {
    float: left;
    margin: 10px auto 30px;
    width: 100%;
}

.rows p a.text {
    top: 128px;
}

.ftr {
    width: 97%;
    float: none;
    background: #000;
}

.soc {
    width: 65%;
    float: left;
    padding: 10px 0 0;
}

#copyright {
    float: left;
    text-align: center;
    margin: 5px auto;
    width: 100%;
}

.btn1 {
    text-align: center;
    padding: 0;
}
.btn1 a{
   padding: 10px 25px;
}
#client_accounts form label {
    display: block!important;
}


#header-wrap {
    background: url(images/ihdr.jpg) no-repeat 0 100px / 100%;
    min-height: 260px;
}

#splash #header-wrap {
    max-height: 98px;
}

#splash .shdr {
    min-height: 260px !important;
    position: relative;
    z-index: 33;
}

#logo img {
    width: 90%;
    padding: 15px;
}

#logo {
    width: 90%!important;
}

#emoContentContainer h1 {
    margin-left: 10px;
}

.stopv p, .stopv h2, .botv p {
   padding: 15px 0!important;
}

.trow, .brow {
    margin: 0 10px;
    width: 98%;
}

.gear p {
    text-align: center!important;
    padding: 0px 0 35px;
    width: 95%;
    margin: 0 auto;
    line-height: 30px;
}
#contact_us ul, #contact_us ul li {
   font-size: 14px !important;
}
#contact_us .contactRow {
   width: 82% !important;
   border-style: none !important;
}

#emoContentContainer .form input {
    width: 100%!important;
}

#contact_us .box {
    max-width: 370px !important;
}

.shdr {
    background: url(images/shdr.jpg) no-repeat 0 115px / 100% fixed;
}



#splash #login_widget a {
    float: right;
}

#splash #client_login_form_widget_title {   
    background: #000;
   float: none;
   padding: 15px 10px 38px;
}

.smid {
    min-height: 115px;
}


#splash #login_widget {
    top: -128px;
    height: 0!important;
}
.smid {
    min-height: 200px;
}
#splash #login_widget {
    top: -200px;
    height: 0!important;
}

#splash #client_login_form_widget_title {
    float: none;
    background: #312E65;
    padding: 15px 10px 10px;
}

#splash #login_widget_submit {
    float: right;
    width: 25%;
    height: 27px;
    font-size: 16px;
    background: #dddede !important;
    cursor: pointer;
    margin-right: 209px;
    margin-top: 9px;
}

#splash #login_widget a {
    float: right;
    margin-top: -40px;
    margin-right: 50px;
}

/* Financial Calculators mobile Fix */
#financial_tools .calcList:first-child,
#financial_tools .calcList {
    width: 100% !important;
   padding: 0 !important;
}
#financial_tools .calcList li:first-child {
    border-left: 1px solid !important;
}
/* End Financial Calc mobile Fix */   
}


/* End Media Queries */