@charset "UTF-8";

* {
    padding: 0;
    margin: 0;
}

html {
    background-color: rgb(174, 19, 12);
    font-size: 1em;
    line-height: 1.4;
    width: 100%;
    height: 100%;
}

body {
    background-color: #fff;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    /*  background: #b3d4fc;*/
    text-shadow: none;
}

::selection {
    /* background: #b3d4fc;*/
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/*<-----header start ------>*/

header {
    background-color: rgb(174, 19, 12);
    width: 100%;
    height: 7vh;
}

#StartMenu {
    float: left;
    width: 20%;
    height: 100%;
}

#menu {
    position: absolute;
    top: 7px;
    left: 6px;
}

#Branding {
    /*  float:right; */
    width: 80%;
    text-align: center;
}

#DomainName {
    font-weight: bold;
    font-size: 20px;
    color: #FFF;
    margin-left: auto;
    margin-right: auto;
}

#DomainName a {
    color: #FFF;
    text-decoration: none;

}

#TaglineUSP {
    font-weight: bold;
    text-align: center;
    font-size: 10px;
    color: #FFF;
}

#TaglineUSP i {
    display: block;
    margin-top: -5px;
}

#bannerslider img {
    width: 100%;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

#clientbanner img {
    width: 100%;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
}

#date {
    position: relative;
    /*  width: 200px;*/
    margin-right: auto;
    margin-left: auto;
    color: #FFF;
    background-color: rgb(174, 19, 12);
    font-size: 12px;
    text-align: center;
}

/*<-----header Help Dropdown select start ------>*/

#Helpdrop {
    /*   background-color:black;*/
    margin-right: auto;
    margin-left: auto;
}

.SelectTextSize {
    padding: 0 !important;
    height: 20px;
    font-size: 12px;
}

.SelectDrop {
    /* width: 170px;*/
    width: 160px;
    margin-right: auto;
    margin-left: auto;
}

/*<-----header Help Dropdown select end ------>*/

/*<-----Nav links Start ------>*/

nav {
    background: #000;
    width: 100%;
    height: 3vh;
}

.navbar {
    padding-top: 0em;
    padding-bottom: 0em;
}

#headerlinks {
    margin: 0 auto;
    padding: 0px;
    list-style: none;
    /*    width:600px;*/
    text-align: center;
    margin-top: -3px;
}

#headerlinks li {
    display: inline;
}

#headerlinks li.first {
    padding-left: 0 !important;
}

#headerlinks li.last {
    background: none !important;
    padding-right: 0 !important;
}

#headerlinks a {
    background: url(../icons/links_div.gif) no-repeat 0 50% !important;
    padding: 0 5px 0 6px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
}

#headerlinks li.first a {
    background: none !important;
    padding-left: 0;
}

#headerlinks li.last a {
    padding-right: 0;
}

.dropdown-menu {
    min-width: 100%;
}

.dropdown-menu {
    left: -25%;
}

/*<-----Nav Links end ------>*/

/*<-----middle Start ------>*/

#middle {
    background-color: #FFF;
    width: 100%;
    height: 84vh;
    overflow-x: hidden;
    overflow-y: hidden;
}

#middle1 {
    background-color: rgb(174, 19, 12);
    border-bottom: solid 5px;
    border-color: rgb(174, 19, 12);
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    display: none;
}

#middle2 {
    background-color: #FFF;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.middle2b {
    background-color: #FFF;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.middle2a {
    background-color: #FFF;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

/*<-----Enter Property ID start ------>*/

#enter_id_text {
    background-color: rgb(174, 19, 12);
    color: #FFF;
    font-weight: bold;
    text-align: center;
}

.Pid {
    margin-top: 10px;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}

.tsize {
    font-size: 11px;
}

/*<-----Enter Property ID start ------>*/

/*<-----Side Menu start ------>*/

#contact_landscape {
    display: none;
}

#cssmenu, #cssmenu ul, #cssmenu li, #cssmenu a {
    position: relative;
    margin: 0;
    padding: 0;
    border: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1;
    list-style: none;
    text-decoration: none;
}

#cssmenu {
    background-color: rgb(174, 19, 12);
    margin-top: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 100%;
    height: 86%;
    overflow-x: hidden;
    overflow-y: auto;
}

#cssmenu a {
    line-height: 1.3;
}

#cssmenu > ul > li {
    background: #000;
}

#cssmenu > ul > li > a > span {
    color: #FFF;
    font-weight: Bold;
    display: block;
    padding: 12px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#cssmenu > ul > li > a {
     border-top: none;
     border: 2px solid rgb(174, 19, 12);
     font-size: 14px;
     display: block;
}

#cssmenu > ul > li > a:hover {
     color: #a90329;
     text-decoration: none;
}

#cssmenu > ul > li.active {
     border-bottom: none;

}

    /* Sub menu */

#cssmenu ul ul {
     background: #fff;
     border-right: 1px solid #a2a194;
     border-left: 1px solid #a2a194;
     display: none;
}

#cssmenu ul ul li {
     padding: 0;
     border-bottom: 1px solid #d4d4d4;
     border-top: none;
     background: #f7f7f7;
     background: -moz-linear-gradient(#f7f7f7 0%, #ececec 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ececec));
     background: -webkit-linear-gradient(#f7f7f7 0%, #ececec 100%);
     background: linear-gradient(#f7f7f7 0%, #ececec 100%);
}

#cssmenu ul ul li:last-child {
     border-bottom: none;
}

#cssmenu ul ul a {
     color: #676767;
     font-size: 12px;
     font-weight: normal;
     padding: 10px 10px 10px 25px;
     display: block;
}

#cssmenu ul ul a:before {
      content: ">";
      position: absolute;
      left: 10px;
      color: #e94f31;
}

#cssmenu ul ul a:hover {
      color: #e94f31;
}

/*<-----Side Menu End ------>*/


/*<-----Window Frames Start ------>*/

.windowcardbase {

    background-color:#FFFFFF ;
    float: left;
    height: 50%;
    margin-top: 0px;
    margin-bottom: 0px;
    outline: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    border-style: solid;
    border-color: #CC0000;
    border-radius: 0px;
    border-width: 1px;

}

/*<-----Window Frames End ------>*/


/*<-----footer Start ------>*/

footer {
    background-color: rgb(174, 19, 12);
    width: 100%;
    height: 6vh;
    overflow: hidden;
    font: 12px/1.35 Arial, Helvetica, sans-serif;
    color: #FFF;
    text-align: center;
}

#Footer-Left {
    font-size: 1.8em;
    font-weight: bold;
    float: left;
    margin-left: 0px;
    text-align: left;
    z-index: 99999999 !important;
}

#Footer-Left a {
    padding-Left: 10px;
}

#landscapephone {
    display: block;
    /*
    text-align: left;
    padding-Left:10px; 
    */
    /*
    margin-left:auto;
    margin-right:auto;
    */
}

#Footer-Center ul, ol {
    margin-bottom: 0px;
    padding-left: 0 !important;
}

.links li {
    display: inline;
}

.links li.first {
    padding-left: 0 !important;
}

.links li.last {
    background: none !important;
    padding-right: 0 !important;
}

.links a {
    background: url(../icons/links_div.gif) no-repeat 0 50% !important;
    padding: 0 5px 0 6px;
    text-decoration: none;
    white-space: nowrap;
    color: #FFF;
}

.links li.first a {
    background: none !important;
    padding-left: 0;
}

.links li.last a {
    padding-right: 0;
}

#address {
    font-style: normal;
    margin-right: auto;
    margin-left: auto;
}

#address a {
    background: none !important;
    }

footer .row a {
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

.footer-links {
    float: left;
    text-align: center;
}

#Footer-Right {   
    background-color: rgb(174, 19, 12);
    height: 6vh;
    font-size: 1.8em;
    font-weight: bold;
    float: right;
    margin-right: 0px;
    text-align: right;
    z-index: 99999999 !important;
}

#Footer-Right a {
    padding-right: 10px;
}

/*<----- End footer ------>*/

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden, [hidden] {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    /* 1 */
}

    /*
 * Extends the .sr-only class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

    .sr-only.focusable:active, .sr-only.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        white-space: inherit;
        width: auto;
    }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix::before, .clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *, *::before, *::after {
        background: #fff !important;
        color: #000 !important;
        /* Black prints faster */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]::after {
            content: " (" attr(href) ")";
        }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
    a[href^="#"]::after, a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
   * Printing Tables:
   * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables
   */
    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}


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

    .windowcardbase {
        width: 33.3%;
    }
}

@media screen and (min-width: 855px) and (max-width: 905px) {

    #Branding {
        width: 95%;
    }

    #TaglineUSP i {
        margin-left: 20px;
        width: 170px;
    }
}

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

    #Footer-Left {
        font-size: 1.6em;
    }

    #Footer-Right {
        font-size: 1.6em;
    }
}

@media screen and (min-width: 800px) and (max-width: 854px) {

    #Branding {
        width: 95%;
    }

    #DomainName a {
        margin-left: 12px;
    }

    #TaglineUSP i {
        margin-left: 12px;
        width: 170px;
    }
}


@media screen and (min-width: 768px) and (max-width: 799px) {

    #Branding {
        width: 95%;
    }

    #DomainName a {
        margin-left: 1px;
    }

    #TaglineUSP i {
        margin-left: 1px;
        /* width: 170px;*/
    }
}

@media screen and (min-width: 650px) and (max-width: 767px) {

    #Branding {
        display: block;
        text-align: center;
        /* margin-top: -7px !important;*/
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
       
    #TaglineUSP i {
        margin-left: 1px;
        width: 180px;
    }

    #Date_Help {
        display: none;
    }

    #Footer-Left {
        display: none;
    }

}

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

    .windowcardbase {
        width: 50%;
    }

    #StartMenu {
        float: left;
        width: 0%;
        height: 100%;
    }

    #Branding {
        display: block;
        text-align: center;
        margin-top: -7px !important;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    #menu {
        top: 1px;
        left: 6px;
    }

    #DomainName {
        margin-left: 50px;
        font-size: 25px;
    }

    #TaglineUSP {
        top: 31px;
        left: 92px;
        text-align: left;
    }

    #TaglineUSP i {
        margin-top: -8px;
        margin-left: 60px;
        width: 190px;
    }

    #bannerslider img {
        display: none;
    }

     #clientbanner img {
        display: none;
    }

    #date {
        position: relative;
        float: right;
        width: 200px;
    }

    .SelectTextSize {
        display: none;
    }

    .SelectDrop {
        display: none;
    }

    #AgencyDropdown {
        display: none;
    }

    #ManagmentDropdown {
        display: none;
    }

    #ValuationDropdown {
        display: none;
    }
   
    #enter_id_text {
        display: none;
    }

    #Footer-Left {
        display: block;
        font-size: 1.8em;
        text-align: center;
    }

    #Footer-Center {
        margin-right: auto;
        margin-left: auto;
    }

    #Footer-Right {
        display: none;
    }

    #Footer-Left a {
        display: none;
        margin-left: auto;
        margin-right: auto;
    }

     /* client page*/
    #MyMsg {
        display: none;
    }
}

@media screen and (max-width: 600px) {
      
     #DomainName {
        margin-left: 50px;
        margin-right: auto;
     }

     #TaglineUSP i {
        margin-left: 30px;
        margin-right: auto;
        text-align: center;
     }

     #date {
        /* display: none;*/
        margin-right: 10px;
     }

     #contact :nth-child(2) {
        display: none;
     }
}

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

    #DomainName {
        margin-left: auto;
        margin-right: auto;
    }

    #TaglineUSP i {
        margin-left: auto;
        margin-right: auto;
    }

    #date {
        display: none;
    }
}

@media (max-width: 520px) and (orientation: landscape) {

      .windowcardbase {
        width: 100%;
        height: 80%;
      }

      header  {
         height: 11vh;
      }   
       
      nav {
        height: 6vh;
      }
      #middle {
         height:73vh;      
      }

      footer {
		 height:14vh;
      }

      #TaglineUSP {  
         display:none;
      }
      #AMVContact {
         display: none;
      }

      #agency, #management, #valuation {
          display: none;
      }

      #contact{
          display: none;
      }

      #Footer-Center ul, ol {
         display:none;
      }

      #address {
	     display:none;
      }

      #Footer-Right a { 
        display:none;
      }

      #Footer-Left a {     
        display:block;

      }

}

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

     header {
        height: 8vh;
     }

     nav {
        height: 5vh;
     }

     #middle {
        height: 81vh;
     }

     footer {
        height: 6vh;
     }
     
     /* client page*/
     #AMVLogout {
         display: none;
     }


}

@media screen and (max-width: 480px) and (orientation: landscape) {

     .windowcardbase {
        width: 100%;
        height: 100%;
      }

      header  {
         height: 11vh;
      }   
       
      nav {
        height: 6vh;
      }
      #middle {
         height:73vh;      
      }

      footer {
		 height:14vh;
      }

      #TaglineUSP {  
         display:none;
      }
      
      #AMVContact {
         display: none;
      }

      #agency, #management, #valuation {
          display: none;
      }

      #contact{
          display: none;
      }

      #Footer-Center ul, ol {
         display:none;
      }

      #address {
	     display:none;
      }

      #Footer-Right a { 
        display:none;
      }

      #Footer-Left a {     
        display:block;
      }

}

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

     .windowcardbase {
         width: 100%;
         height:80%;
     }

     #contact :nth-child(2) {
         display: none;
     }

     #Footer-Center ul, ol {
         display: none;
     }

     #address {
         display: none;
     }

     #Footer-Left {
         display: block;
     }

     #Footer-Left a {
         display: block;
         margin-left: auto;
         margin-right: auto;
     }

     /* client page*/
     #MyApp {
         display:none;
     }
}

@media screen and (max-width: 319px) and (orientation: portrait) {

     #AMVContact {
         display: none;
     }

     #contact {
         display: none;
     }
}

@media screen and (max-width: 281px) and (orientation: landscape) { 

      .windowcardbase {
         width: 100%;
         height:100%;
      }

      header  {
         height: 12vh;
      }

      nav {
         display:none; 
      }

      #middle {
         height:76vh;      
      }

      footer {
		 height:12vh;
      }

      #StartMenu {
         float:left;
         width:5%;    
         height:100%;     
      }

      #menu {
         top: -1px;
         left: 6px;
      }

      #Branding {
         text-align: center;
         margin-top: -4px !important;
         width:95%;    
      }

       #DomainName a {
        display:block;
        margin-top:-7px;       
      }

      #TaglineUSP {  
         display:none;
      }

      #bannerslider img {  
         display:none;
      }

       #clientbanner img {  
         display:none;
      }

      #date {     
         display:none;
      }

      .SelectTextSize { 
         display:none;
      }

      .SelectDrop {
         display: none;
      }

      .navbar {	
         display: none;	
      }

       #enter_id_text {
          display: none;
      }

      .Pid {
          display: none;
      }

      #agency, #management, #valuation {
          display: none;
      }

      #contact{
          display: none;
      }

      #Footer-Center ul, ol {
         display:none;
      }

      #address {
	     display:none;
      }

      #Footer-Right a { 
        display:none;
      }

      #Footer-Left a {     
        display:block;

      }
	  
}
 
@media screen and (max-width: 218px) and (orientation: portrait) {

    #DomainName {
         margin-left: 25px;
         margin-right: auto;
    }

    #TaglineUSP i {
         margin-left: 10px;
         margin-right: auto;
    }
        
    #AMVServices {
         display: none;
    }
 
}