html { 
  font-size: 240px; 
}
body
{
    margin: 0;
    padding: 0;
    height:100%;
    /*text color in the page */
    color: #555;            
    font: normal 100% Arial,Helvetica,sans-serif;      
    /* background-image: url("../../images/bg_tile.jpg"); */
    /*
    background-image: url("../../images/background_7.jpg");
    background-attachment: fixed;
    background-repeat: no-repeat; 
    */
    /*background-color: white; */  
                       
    background-position: center top;
    background-repeat: repeat; 
    background-color: #ADADAD;
    font-size: 24px;  
    }
     

#page
{   
    padding-bottom: 5px;
    background: white;  
}

#header
{
    margin: 0;
    padding-top: 0;                                     
    background-repeat: no-repeat;                                
    /*background-image: url("../../images/header.png");*/
    background-position: center;
    /*background-color: #cdedd5;*/
    background-color: #ededed; 
    padding-top:.25%; 
    padding-right:1%; 
    color: white;
     
}

#headerInfo
    {
        text-align:right;
        
    }
#headerPhone{
    text-align:right;
    font-size: 175%;
    color: #2196f3;
}
#contactInfo{
    margin: 15px;
}
#content
{
    padding: 20px;                          
    padding-top: 4.5em;
}

#sidebar
{
    padding: 20px 20px 20px 0;
}

#footerregister
{     
    padding: 10px;
    margin: 10px 20px;
    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid black;   
}

#footer
{     
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1em;
    text-align: center;
    border-top: 1px solid black; 
    /*background-color: #3091B5;  */
    width:100%;
    /*color: white; */
     
}

#logo
{
    padding: 10px 20px;
    font-size: 100%; 
}
               
.webcontent{
/*    width: 75%; */
width:85%;
    margin: 0 auto;
}
#mainmenuregister
{
    /*background:url("../images/bg.gif") repeat center top;  */
    background-color: #3091B5;
    border-top: 3px solid black ; 
    border-bottom: 3px solid black; 
    text-align: center; 
}

#mainmenuregister ul
{
    padding:6px 5px;
    margin:0px;   
}

#mainmenuregister ul li
{
    display: inline;   
}

#mainmenuregister ul li a
{
    color: white; 
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:10px 20px;
     
}

#mainmenuregister ul li a:hover, #mainmenuregister ul li.active a
{
    color: #738D93;
    background-color:#FFFFFF;
    text-decoration:none;
    
}
               
#mainmenu
{
    /*background:url("../images/bg.gif") repeat center top;  */
    background-color: #ededed; 
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}
#mainmenudiv{
    display: inline-block;
}
#mainmenuimg{
    display: inline-block;
    
    margin-bottom: 0px;
    height: auto; 
    width: auto; 
    max-width: 75px; 
    max-height: 75px;
}
#smartlisttext{
        float:left;
        font-size: 200%;
        color: #2196f3;
        text-align: center;
        margin-top: 17px;
          }
#bottommenu
{
    text-align: center;  
}               
#bottommenu ul
{                               
    list-style-type: none;   
    list-style-image: none;   
}
#bottommenu ul li
{                
    display: inline-block;   
}

#bottommenuregister
{
    text-align: center;    
}   

#bottommenuregister ul
{                               
    list-style-type: none;   
    list-style-image: none;   
}
#bottommenuregister ul li
{                
    display: inline;   
}

#mainmenu ul
{
    padding:6px 5px;
    margin:0px;   
}

#mainmenu ul li
{
    display: inline;     
}

#mainmenu ul li a
{
    color: white; 
    font-size:13px;
    font-weight:bold;
    text-decoration:none;
    padding:10px 20px;  
    font-family: Roboto,sans-serif;   
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #000000;
    /*background-color:#FFFFFF;  */
    text-decoration:none;
    
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{ 
    margin: 0 0 0 15px;
}

.portlet-decoration
{
    padding: 3px 8px;
    background: #738D93;
    border-left: 5px solid #3B4749;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: white;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#E1EBED;
    
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

.operations
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    
}

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #384749;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #384749;
}

.operations li a:hover
{
    background: #384749;
    color: white;
}

.home
{    
    text-align: justify;                   
    color:black;
    font-family: mentone, sans-serif;
    font-weight: 900;  
    padding: 40px; 
    padding-top: 1px;          
    width: 700px;  
    vertical-align: top;      
}
.AboutUs
{
  
    text-align: justify;                   
   /* color:black;
    background-color: white; 
    font-size: 16px; */
      
    font-weight: 500;  
    font-family:Arial, Helvetica Neue; 
    
}
.link
{          
    background-color: #E5F1F4;
    border: 4px outset;
    padding: 2px;
    text-decoration: none;
    margin: 5px 0;         
}
.side
{
    font-size: 18px;  
    color:black;
    text-align: left;
    font-weight:bolder;
}
.phoneImage
{
   background-image: url("../../images/phone1.jpg"); 
   background-repeat: no-repeat;
   padding: 10em;
}
.sidebarMain
{
    display: block;
}
.welcome
{
    font-size: 30px;
    text-align: center;
    padding-bottom: .65em;
}
#locations
{
    font-size: 1.2em;
    text-align: center;
    width: auto;
}
#iphoneImg{
    margin-bottom: -31px;
}
.Fees
{
    font-size: 1em;
    text-align: center;
}
.Fees table
{
    width: auto;
    line-height: 150%;        
}
.column1
{               
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px; 
    float: left; 
    width: 21em;
    min-height:850px;
}
.column2
{                     
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px;  
    float: right;
    width: 21em;     
    min-height:850px;

}       
.ListingInfo1
{               
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px; 
    float: left;   
    width: 100%;   
}
.ListingInfo2
{                     
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px;  
    float: right;
    width: 100%;
    height:200px;

}       
.ListingInfo3
{               
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px; 
    float: left; 
    width: 21em;
    min-height: 470px;
}
.ListingInfo4
{                     
    border: solid black 1px;
    padding-left: 1.3em;
    padding-right: 1em;
    padding-top: 1em; 
    margin: 1.2em 0px;  
    float: right;
    width: 21em;    
    min-height: 470px;
}

.fixed100
{
    width: 100px; 
}       

.bannerAd
{
    line-height: 30px;  
    text-align: center;
}
.BBversion
{
    display: none;
}
.downloadLink
{
    display: none;
}
#faq
{
    width: 90%; 
    text-align: left;  
}
#faq td
{
   vertical-align: top;
   line-height: 1.5em;
   text-align: justify;
}
#faqBold
{
   color: #2196F3;  
   font-weight: bold;
   width: 100px;
   display: inline-block;
}
#faqBoldWider
{
   color: #2196F3;  
   font-weight: bold;
   width: 200px;
   display: inline-block;
}
.strip
{
    background-color: #444444;
    width:.5px;
}
.getstarted
{
    background-color: green;
    color: white;
    border-radius: 15px;
    width: 25%;
    font-size: larger;
}
a.buttonLocation{
    float:left;
    width: 140px;
    height: 150px;
    text-align:center;
    text-decoration:none;     
    color:#000;
    padding-right:5px;          
    padding-left:5px;          
    padding-bottom: 20px;
    margin-left: 3px;
    margin-right: 3px;
    white-space: no-wrap;
}
a.buttonLocation:hover{
    color:#000;
    background-color:#666;
}

div.listBusinessButtonLocation{
    float:left;
}

a.listBusinessButtonLocation{
    float:left;
    width: 160px;
    height: 160px;
    text-align:center;
    text-decoration:none;     
    color:#000;
    padding-right:10px;          
    padding-left:10px;          
    padding-bottom: 16px;
    white-space: no-wrap;
    margin-left: 3px;
    margin-right: 3px;
}
a.listBusinessButtonLocation:hover{
    color:#000;
    background-color:#666;
}
.locationButton
{
    background-image: url("../Smartlist_files/Location.png");
    height: 153px;
    width: 153px;
    border: none;
    cursor: pointer;
}
.whitePagesIcon
{  
    border: none;
    cursor: pointer;
}
.changesIcon
{
    height: 35px;
    width: 150px;
    border: none;
    cursor: pointer;
}
a.search_button {
    font: bold 11px Arial;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC; 
}
#myNavbar{
        background-color: #2196f3;
        padding: 5px;
    }
#frontScreenText{
      padding-top: 10%;
      vertical-align: middle;
      float:left; 
      width: 50%;
      font-size: 90%;   
    }
#frontScreenImage{
      float:left; 
      width: 50%;
      padding-top: 25px;   
    }
.textDiv{
    font-size: 150%; 
    line-height: 2; 
    width: 70%; 
    margin: auto;
}
#videoDiv{
    background-image: url('../../images/samsung-galaxynote5.png'); 
    background-repeat:no-repeat; 
    margin-left: 150px;
    margin-top: 25px; 
    width: 275px; 
    height: 600px;   
}
#frontScreenVideo{
  
  padding-top: 55px; 
  margin-bottom:100px; 
  width: 250px; 
  height: 495px; 
}

#smartlistLogoDiv{
  margin: 0 auto; 
  margin-left: 10%; 
  margin-right: 10%;  
} 
@media screen and (max-width: 766px) {
    .text { 
      font-size: 17px;
   }
   .textDiv{
      line-height: 1.5;   
   }
   .img{
       margin-top: 50px;
   }
   .aboutus{
       padding: 0;
   }
   
   #mainmenu ul li a
    {
        padding: 5px;
        
    }
   #mainmenu  li a
    {
        display: block;
        color: #eee;
        text-decoration: none;
        font-size:13px;
        font-weight: bold;
        
    }
   
    #mainmenu li a:hover
    {
        font-size: 90%;
        color: black;
    }
    .webcontent{
        width: 95%;
    }
    #faq
    {
        width: 100%; 
        text-align: left;  
    }
    #faqBold
    {
       color: #2196F3;  
       font-weight: bold;
       width: 98%;
    }
    #faqBoldWider
    {
       color: #2196F3;  
       font-weight: bold;
       width: 98%;
       
    } 
    #content
    {
        padding: 0px;                          
        padding-top: 4.5em;
    }
    #header
    {
        font-size: 90%;
        margin-right: 0;
    }
    
    #headerPhone
    {
        text-align:right;
        font-size: 100%;
        color: #2196f3;
    }
    
    #headerInfo
    {
        text-align:right;
        font-size: 80%;
    }
 
    .icon-bar {
      background-color: #007bff;
    }
  
    #mainmenu{
        text-align: left;
    }
    #smartlisttext{
        padding-top: 17px;
        text-align: center;
        font-size:  165%;
        margin: 0;
    }
    #mainmenuimg{
        margin: 0px;
        margin-top: -5px;
}
   #iconbar{
      float: left;
      padding-top: 0;
   }
   #iphoneImg{
     margin-bottom: 0;  
   }
   #frontScreenText{
      padding-top: 0px;
      float:none; 
      width: 100%;   
    }
    #frontScreenImage{
      float: none; 
      width: 100%; 
      text-align: center;  
    }
    #myNavbar{
        padding: 0px;
    }
    .navbar-header{
       padding-top: -10px;  
    }
    #smartlistLogoDiv{
        margin: 0;
    }
    #videoDiv{
        background-image: url('../../images/samsung-galaxynote5.png'); 
        background-repeat:no-repeat; 
        margin-left: 15px;
        width: 275px; 
        height: 600px;
        margin-top: 25px;   
}
    #frontScreenVideo{
      object-fit: fill; 
      padding-top: 55px; 
      margin-left: 0px; 
      width: 250px; 
      height: 495px; 
    } 
}
@media screen and (max-width: 400px) {
    #mainmenuimg{
        max-width: 50px; 
        max-height: 50px;
    }
     #smartlisttext{
        padding-top: 7px;
        text-align: center;
        font-size:  145%;
        margin: 0;
    }
    #headerPhone
    {
        font-size: 80%;
        color: #2196f3;
        padding-top: 5px;
    }
    .textDiv{ 
        width: 100%; 
    }
}







/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a,.sidenav span {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
.webcontent {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#0C9;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    box-shadow: 2px 2px 3px #999;
  padding-top:10px ;
    padding-right:5px;padding-left:5px
}
.copy-button{
    padding: 3px;
    background: lightgrey;
    border-radius: 5px;
    color: grey;
    float: right;
}