@media screen and (-webkit-min-device-pixel-ratio:0) {
    #menu {
        padding: 5px;
    }
}
img{
max-width: 100% !important;
max-height: auto !important;
}



#top_sidebar{
display: block;
position: fixed;
z-index: 1000;
top: 0px;

width: 100%;
height: 40px;
background: #eee;

}


/*
.top_nav{
display: block;
position: fixed;
z-index: 1000;
top: 0px;

width: 100%;
height: 40px;
background: #eee;

}
*/

#sidebar{
  background-color: #ffffff;
    color: #222222;
    /*
  	box-shadow: 0 0 56px rgba(0, 0, 0, 0.9);
  	*/
    height: 100%;
    left: -250px;
    z-index: 8001 !important;
    top: 0;
    min-height: 100%;
    position: fixed;
    width: 200px;
    z-index: 500;
    padding-bottom: 15px;

  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;

}

.open_menu{
   left: 0px !important;

}


#menu{

position: absolute;
left: 0;
top: 0;
width: 30%;
height: 40px;
background: none;
text-align: left;
font-size:  48px;
line-height: 0.5;
padding-left: 2%;

}


#document_content{
    height: auto;

    padding-left: 0px;
    position: absolute;
     left: 0px;
    right: 0px;
    z-index: 1;
    background: none;

  -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
     -moz-transition: all 0.3s ease-out;  /* FF4+ */
      -ms-transition: all 0.3s ease-out;  /* IE10 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
          transition: all 0.3s ease-out;


}



#document_content section{

padding-bottom: 1%;
padding-left: 5%;
padding-right: 5%;
min-height: 50px;
max-width: 100%;
    margin-top: 0%;
width: 100%;
}

#section-wrapper:first-child section{
  padding-top: 10%;
/*padding-top: 0%; */
}

#section-wrapper section {
  padding-top: 10%;
  padding-bottom: 10%;
}



#close2{
display: block; 
position: relative;
left: 80px;
top: 0px;
color: #d89851;
width: 25px;
height: 25px;
padding:5px;
margin: 15px 0;
background: #2c2c2c;
border-radius: 5px 5px 5px 5px;
}


.reduce #close2{
left: 20px;
}


.close{
display: block !important;
position: absolute;

right: 0px;
top: 0px;
padding-top: 11px;
padding-right: 5px;
width: 30%;
height: 38px;
background: #000;
text-align: right;
font-size:  38px;
line-height: 0.7;

font-family: arial;
}

#nav_container2{
width:100%;
overflow-y: visible;
}

#nav-scroll{
width:100%;
height: 100%;
overflow-y: auto;
display:  
}

::-webkit-scrollbar { 
    display: none; 
}

.book-options2{
width:100%;
}

.bbc_num{
font-size: 26px;
display: block;
text-align: center;
margin-top: 10px;
font-weight: bold;
}


.bed_tab{

width: 40px;
height: 60px;
background: #d71920;
float: right;
position: relative;
margin-right: 10px;
  box-shadow: 2px 2px 4px 0 #000;
padding: 10px;
text-align: center;
}

.bath_tab{

width: 40px;
height: 60px;
background: #d71920;
float: right;
position: relative;
margin-right: 10px;
  box-shadow: 2px 2px 4px 0 #000;
  padding: 10px;
  text-align: center;
}

.car_tab{

width: 40px;
height: 60px;
background: #d71920;
float: right;
position: relative;
margin-right: 10px;
box-shadow: 2px 2px 4px 0 #000;
padding: 10px;
text-align: center;
}

.feat_img{
margin-top: -65px;

}




#agent_top_bar{

margin-top: -5px; margin-bottom: 60px;

}

.agent_container{
 padding: 5% 5% 5%;
 margin-left: 0;
height: auto;
float: left;
width: 90%;
}


 .agent_left img{
 margin-right: 10px;
 margin-top: 0px;
 }
 
.agent_left{

width: 100%;
height: auto;
padding: 0;
}

.agent_right{

width: 100%;
padding: 0;
height: auto;
}

 .agent_left img{
float: left;
height: 90px;
}
.hidden_phone{
display: none;
}
.hidden_desktop{
display: block;
}

.hidden_desktop img{
  display: block;
float: left;
}

 

.agent_phone2{
float: left;
width: 100%;
padding-bottom: 5px;
padding-top: 5px;

}
 
 .property_word{
display: block;
margin: 0;
float: left;
padding: 2%;
width: 33.3%;
height: auto;
background: none;
text-align: center;
word-wrap: break-word;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

font-family: "itc-avant-garde-gothic-pro", Arial, san-serif;
font-size:  14px;
}


#footer_container{
width: 100%;
height: auto;

min-height: 10px;
max-width: 1200px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: 0px;
background: none;
overflow: hidden;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
float: left;

}

#footer_container img{
padding-bottom: 1%;

max-width: 90% !important;
max-height: auto !important;

margin: 2em auto !important;
display: block;
float: none;

}
#footer_container p{
font-size: 12px;
margin-top: 6px;
width: 100%;
clear: left;
text-align: center;

}

#footer_wrapper{
  margin-left: 0;
  width: 100%;
}

.sml_imghead{
width: 100%;
padding-right: 0;
}

.aud_title{
background: #fff;
float: left;
width: 100%;
}

.aud_downlaod{
background-size: cover;
padding: 1%;
float: left;
font-size: 10px;
border-radius: 5px;
margin-bottom: 15px;
}

.padding-bottom{
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
}

hr{


width: 100%;
color: #fff;
border-top: 1px dashed #fff;
border-bottom: 0;
border-left: none;
border-right: none;
float: left;
margin-bottom: 5px;
margin-top: 3px;

}

#events-heading { padding-bottom: 40px; text-align: left; width: 100%; float: right; }
#events-search { width: 100%; float: left; }
.event-text {
    float: left;
    width: 100%;
    height: auto;
    background: none;
}
.event-snippet h2 {
    font-size: 18px;
}

.lhs_storeitem {
    display: block;
    float: left;
    font-weight: normal;
    margin-bottom: 10px;
    width: 100%;
}

  .event-snippet .aud_downlaod{
    font-size: 14px;
    width: 100%;
    text-align: center;
  }
.rhs_storeitem{
  float:left;
    width: 100%;
}


.bigplaybutton{
  position: absolute;
  top: 65%;
  z-index: 10000;
  left: 50%;
  width: 50px;
  height: 50px;
  /*  left:  calc(50%  200px); */
  margin-top: 0;
  margin-left: -25px;
background-image: url(/../images/icon-play.png);
background-repeat: no-repeat;
background-size: 100%;
background-color: transparent;
border: none;

}




.is-playing{
background-image: url(/../images/icon-pause.png);
background-repeat: no-repeat;
background-size: 100%;
background-color: transparent;

}


/* Audio heading */

.aud_head{
  padding-left: 2%;
  padding-top: 30px;
  display:block;
  float: left;
  width: 100%;
  margin-bottom: 5px !important;

}

.aud_downlaod_top{
padding: 1% 2%;
float: left;
font-size: 10px;
border-radius: 5px;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 25px;
color: #000000;
}

.hero_banner_spacer, .hero_banner{
display: none;

}

.hero_banner_nf{
height: 40px;

}


.reduce_body{
  left: 0px !important;
}


.hero_banner h1{
  font-size: 3vw;

}


.fwmenu{
  position: relative; 
 /* right: 70px !important; */
  top: -1px;
  height: 40px !important; 
}

.fw2{
   right: 130px !important; 
}

.fw3{
   right: 190px !important; 
}


.fwmenu_print{
  right: 10px !important; 
  top: 15px;
  height: 40px !important; 
}

/*
.fwmenu_print i, .fwmenu_print a, .fwmenu i, .fwmenu a{
height: 34px !important; 
}
*/

/*
.fwmenu_print i, .fwmenu i{

  line-height: 11px !important; 
}
*/

.top_title, .store-nav{
  display: none;
}

.hero_banner_spacer h1{
display: none;

}

.fwmenu_print i, .fwmenu i{
color: #9e9e9e !important;
}

fieldset{

  float: left !important;
}

.filters-group-wrap{
  padding-bottom: 20px;
}

#loginbanner{

position: relative;
z-index: 2;
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: 100%;
opacity: 1;
   /* background: url(<?=$website?>images/test-banner2.jpg) no-repeat center center fixed;  */
    background-repeat: no-repeat;
    background-position: center center;
  background-size: 100% auto;
}


/***************/
/* Login page */
/***************/

.login-logo img{
width: 180px;
  }

.login-logo{

  width: 100%;
 text-align: center;
  padding: 20% 0;
}

article {
  position: relative;
  top: 30%;
  left: 50%;
  padding: 0rem;
  text-align: center;
  transform: translate(-50%, -50%);
  height: 70% ;
}

.left-half {
  background-color: #ffffff;
  float: left;
  width: 100% !important;
  height: 25% !important;
   background-image: url(/images/bg-login-mob-2025.png);
    background-repeat: no-repeat;
    background-position: top center; 
    background-size: contain;
    
}

.left-half-dexar {
  background-color: #4e4e58;
  float: left;
  width: 100% !important;
  height: 20% !important;
   background-image: url(/images/companies/dexar/bg-login-mob2.jpg);
    background-repeat: no-repeat;
    background-position:  bottom center; 
    background-size: contain;
    background-color: #4e4e58;
}

.right-half {
  background-color: #ffffff;
  float: left;
  width: 100% !important;
  height: 70% !important;
}

.left-half div, .right-half div {
height: auto !important;
}
@media only screen and (max-width: 600px) {


}

.right-half-form{
  padding: 0 10%;
}


.right-half-form h1{
    font-size: 14px;
    text-align: center;
}

.right-half-form p{
    font-size: 12px;
      text-align: center;
}

.padding-bottom h1{
  font-size: 24px;
}
.padding-bottom h2{
  font-size: 22px;
}
.padding-bottom h3{
  font-size: 20px;
}
.padding-bottom h4{
  font-size: 18px;
}

.status-container{
  width: 25%;
  float:right;

}

.status-container label{
width: 55px;
font-size: 12px !important;
text-align: center;
}

.padingradio{
 padding: 0;
 margin-left: 0px
}
.mappingcount {
font-size: 18px;
color: #cfcfcf;
text-align: left;
padding: 0.5% 1% 0 0;
min-width: 20px;
}

.collection .collection-item {
padding: 10px 10px !important;
min-height: 80px;
}

.collection .videolist{
  min-height: 10px !important;
}

.currentstatus *{
padding-right: 0px;
font-size: 10px !important;
}
.mappingcount{
  font-size: 12px;
}

#document_content #footer_wrapper {
   width: 100%; 
    margin-left: 0px; 
}

.fixed-action-btn {


    right: 3px !important;
  }

#icon_prefix2{
  margin-left: 0 !important;
  width: 100% !important;
}

.input-field label{
margin-left: 0 !important;
}

.prefix{
  display: none !important;
}

.padding-bottom .card-content{
  padding: 10px !important;
}

.mapanchor, .maptotal{
  width: 100%;
  text-align: center;
  margin-right: 0 !important;
}

.maptotal{
  padding-bottom: 10px;
}

.snkmobiletitle{
  display: block;
  padding: 0 0 5% 0;
  border-bottom: 1px solid #eee;
  margin: 0 0 5% 0 ;
}








.banner_wrapper{
  width: 100%;
   padding-top: 30%;
    background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-image:  url(/../images/store/TOD_MainBanner_Desktop.jpg);
  
}


.hero-text {
  text-align: center;
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}


.store-h1{
  font-size: 1.5em;
}

.store-h2{
  font-size: 1.2em;
}

.store-card h3{
 font-size: 1em;

}

.store-hr{
  width: 90%;
  display: inline-block;
  color: #000 !important;
  margin: 10px 5% 20px 5%;
  border-top: 1px solid #000;
}

.cartnav{
  margin-top: 8px;
  margin-right: 15px;
}


/***************
light boxes

****************/


.white_content {
        display: none;
        position: fixed;
        top: 30%;
        left: 50%;
        margin-top: -100px;
    margin-left: -40%;
        width: 70%;
        height:auto;
        padding: 16px;
        background-color: #fff;
        z-index:1002;
        overflow: auto;
    }

     .red-border-button-lightb{
 height: 60px; 
}

 .red-border-button-lightb-checkout{
  height: 60px;

}



.cart-headline  .cart-head-item, .cart-headline  .cart-head-price, .cart-headline  .cart-head-rem,
.cart-headline  .cart-head-quantity{
  padding-bottom: 0px !important;
}



.cart-head-item{
  max-width: 150px;
  padding-right: 1em;
  font-size: 12px;
    min-width: 150px;
 }


.cart-head-item a p,  .cart-head-price p {
  font-size: 11px;

 }

.cart-head-quantity{
  width: 10%;
  font-size: 12px;
  display: none;
 }
 

 .cart-head-price{
max-width: 200px;
  font-size: 12px;
 }
 
 .cart-head-sub{
  width: 40%;
  display: none;
 }
 .cart-head-rem{
  width: 20%; 
  font-size: 12px;
 text-align: center;
 }
 
.cart-foot-container{
display: block;
float: left;
width: 92%;
padding: 4%;
}
  
  .cart-head-item h3{
  width: 100%;
  display: block;
  float: left;
  }

.qty_field{
float: left;
width:40px !important;
padding: 1%;
border: 1px solid #a4a4a4;
font-size: 11px !important;
}

.qty_title{
float: left;
width: 100%;
margin-top: 10px;
margin-bottom: 2px;
font-weight: bold;
font-size: 11px;
}



.shCartcells {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 20px;
}

.price_title{
width: 100%;
margin-top: 0px;
font-weight: bold;
}

.cart-foot-row{
width: 100%;
float: left;
height: 30px;
min-height: 30px;
margin-bottom: 15px;
}

.shCart button {
    background: #d71920;
    cursor: pointer;
}

.itemHead{

padding-right:10px;
}

.cart-row{
  padding: 1.2em;
}

.jp-card{
  min-width: 0 !important;
}

/**********

Companies 

**********/

/* DEXAR */


.left-half-dexar {
  background-color: #4e4e58;
  float: left;
  width: 100% !important;
  height: 20% !important;
  background-image: url(/images/companies/dexar/bg-login-mob2.jpg);
  background-repeat: no-repeat;
  background-position:  bottom center; 
  background-size: contain;
  background-color: #4e4e58;
}


.rt_tod_logo{
  width: 120px;
}



/************

Proposal Template

*************/

.sig-profile{
    display: block;
  margin:  0 auto;
}

.sig-logo{
  padding:  2em 0 0 0;
  margin: 2em 0;
  width:  100%;
  display: block;
  margin:  0 auto;
  max-width:  200px !important;
}

.center-mob{
text-align: center;
}



/* ================================ */
/* Combined - Century 21 login page */
/* ================================ */

.left-half-c21 {
  background-color: #ffffff;
  float: left;
  width: 100% !important;
  height: 20% !important;
  background-image: url(/images/companies/combined/bg_TOD_Login_combined_mobile.jpg);
  background-repeat: no-repeat;
  background-position:  center; 
  background-size: cover;
}

.left-half-dexar {
  background-color: #4e4e58;
  float: left;
  width: 100% !important;
  height: 20% !important;
   background-image: url(/images/companies/dexar/bg-login-mob2.jpg);
    background-repeat: no-repeat;
    background-position:  bottom center; 
    background-size: contain;
    background-color: #4e4e58;
}




.hero-video-wrapper{
width: 100%;
height: 377px;
display: block;
position: relative;
z-index: 0;
}
.hero-video-container {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;

}

.hero-video{
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 77.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
  background-color: #000;
}





/************
 * Membership page
************/

.why-button{
  width: 95%;
  margin: 1em;
  margin-bottom: 1em;

}

.justify-content-between{
    display: block;
}


.detail-button{
  padding-top: 1em;
  width: 100%;
  margin-bottom: 1.5em;
}


.investment-box{
  width: 95% !important;
  margin: 1em;
  margin-bottom: 1em;
}



.quote-container{

  margin: 0 auto;
}

.quote-image{
  display: block;
  width: 100%;
  float: left;
}

.quote-text{
   display: block;
   width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: -2em;
}


.ph-img-padding{
  padding: 2em 0;
}


.snack-app-access{
  margin-top: 3em;
}




.screen-vid-container{
  margin: 0 auto;
}

.screen-vid-image{
  display: block;
  width: 50%;
  float: none;
  margin: 0 auto 0 auto;
 position: relative;
 top: 2em;
}

.screen-vid-text{
   display: block;
   width: 92%;
    float: none;
    margin: 0 4%;
    padding: 1em 2em;
}



.screen-vid-wd-container{

  margin: 0 auto;
}

.screen-vid-wd-image{
  display: block;
  width: 100%;
  float: none;
  margin: 0 auto 0 auto;
   position: relative;
 top: 2em;
}

.screen-vid-wd-text{
   display: block;
   width: 92%;
    float: none;
    margin: 0 4%;
     padding: 1em 2em;
}





.screen-vid-lg-container{

  margin: 0 auto;
}

.screen-vid-lg-image{
  display: block;
  width: 100%;
  float: left;
}

.screen-vid-lg-text{
   display: block;
   width: 100%;
    float: left;
    margin: 0;
}


.screen-vid-container .hidden_phone{
  display: none !important;
}

.screen-vid-wd-container .hidden_phone{
  display: none !important;
}

.one-time{
 overflow:visible !important;
 line-height: 2em !important;
 height: auto !important;
 font-size: 0.5em !important;
 padding: 0.8rem 1rem !important;
}

.align-items-center{
    display: block;
  align-items: center;
}

  .week-tabs .tab {
      margin: 10px 1.7em;
  }

  .week-tabs .tab a {
 
    width: 55px; 
    height: 55px;    
   
}

.img_rhs_padding{
    padding-right: 1em !important;

}


.banner_wrapper2{
    margin-top: 0;
}