/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    margin-top: 100px;
    /* background-color: #00588E; */
    font-family: Century Gothic, Helvetica, 'Open Sans',Arial,Sans-serif;
}

body, p, div, td, th, span, h1, h2, h3, h4, h5, h6 {font-family: Century Gothic, Helvetica, 'Open Sans',Arial,Sans-serif !important; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: inherit;
    margin-top: -40px;
    border-top: none;
}
h1.page-header {
  color: #00588E;
  font-size: 31px;
}


  .onlyMobile {
    display: none !important;
  }

.bottomButtons {
  width: 225px;
  margin-top: 22px;
  position: relative;
  top: 20px;
  display: block;
  float: left;
  margin-bottom: 75px;
}

.bottomButtons div {
  box-shadow:0px 0px 18px rgba(0,0,0,.4);
  margin-left: 3%;
  width: 30%;
  float: left;
  position: relative;
  /* padding-bottom: 30%; */
}

.bottomButtons div:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  background-color: transparent;
  text-align: center;
}

.bottomButtons div:hover:after {
  content: 'Logout';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  background-color: #126EA7;
  padding: 15px 9px;
  cursor: pointer;
  transition: all .2s;
  color: #fff;
}

.bottomButtons > div:nth-child(2):hover:after {
  content: 'Save PDF';
}

.bottomButtons > div:nth-child(3):hover:after {
  content: 'Print PDF';
}

.bottomButtons div:hover:after {
  content: 'Logout';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height:100%;
  background-color: #636466;
  padding: 20px 9px;
  cursor: pointer;
  transition: all .2s;
  color: #fff;
  z-index: -1;
}

.bottomButtons div img {
  position: absolute !important;
}

.bottomButtons div:hover img {
  display: none
}


.bottomButtons a {
  width: 100%;
  float: left;
  padding-bottom: 100%;
}


@media(min-width:768px) {
    body {
        margin-top: 0px;
    }
}

#wrapper {
    padding-left: 0;
    width: 100%;
    background-color: transparent;
    /* overflow-y: scroll; */
    /* height: 100vh; */
    overflow-x: hidden;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: rgba(250, 250, 250, 0);
    /* background-color: #eeede9; */
    position: relative;
    padding-top: 30px;
}


/*#page-wrapper:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 210px;
    background-color: #fff;
    top: 0px;
    left: 0px;
    z-index: 1;
    border-bottom: 1px solid #eee;
}*/
.container-fluid {
  max-width: 900px;
    position: relative;
    z-index: 2
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width: 968px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
        padding-top: 100px;
    }
}

/* Top Navigation */
.navbar-inverse {background-color: #00588E;border-color: #ffffff;margin-top: -52px;}
a.navbar-brand {color: #00588E !important;font-size: 44px;/* position: absolute; */top: 68px;left: 293px;z-index: 2;}
   a.navbar-brand {font-size: 37px;line-height: 41px;left: 65px;top: 50px;height: auto;border-bottom: 9px solid #D6D6D6;width: 100%;font-family: Century Gothic, Muli, Sans-serif;font-weight: bold;position: relative;}
.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #fff;
  font-size: 18px;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #aaa;
    background-color: #00588E;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */
  .navbar-inverse .navbar-nav>li>a {color: #ffffff;}
  .side-nav>li>a { color: #ffffff; border-bottom: 1px solid #ffffff;}
  .side-nav>.active>a { background-color: #00436A !important;}
@media(min-width: 968px) {
    .side-nav {
        position: fixed;
        top: 0px;
        left: 225px;
        width: 280px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #00588E;
        color: #ffffff;
        height: 100%;
        padding-bottom: 100px;
    }
  .navbar-inverse .navbar-nav>li>a {color: #ffffff;}
  .side-nav>li>a { color: #ffffff; }
  .side-nav>.active>a { background-color: #00436A !important;}

    .side-nav>li>a {
        width: 280px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #00436A !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}
.navbar-nav>li>a { padding-top: 11px; padding-bottom: 9px; }

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

@media (max-height:800px) and (min-height:450px) {
  .navbar-nav>li>a { font-size: 12px; padding-top: 4px; padding-bottom: 4px;}
}
/*
@media (max-width:765px){
      body { margin-top: 60px }
             a.navbar-brand { font-size: 14px; }
        #bookHeader {margin-top: -110px;}
        .navbar { margin-bottom: 0px; }
               .top-nav               {display: none;}
        .navbar-inverse { border: 0px; }
          #pageLogo { height: 70px; }
} 
*/



li.side-nav-social {
  text-align: center;
  height: 50px;
}
.side-nav a.side-nav-social {
    border: none; margin: 5px;
    width: 50px; height: 50px; font-size: 20px; float: none; display: inline;
    
}

/***Changes***/
body {
    font-size: 13px;
    /* background-color: #FAFAFA; */
    background-image: url(https://www.fnutopia.com.au/wbresources/images/3/bgpaper.jpg);
    background-repeat: repeat;
}

p {
    line-height: 1.4em
}

h3 {
    font-size: 16px;
    font-weight: bold;
}

table td, table tr {
    font-weight: normal;
    font-size: 13px;
    line-height: 1.4em;
} 

.navbar-inverse .navbar-nav>li>a {
    background-color: #00588E !important;
    transition: background-color .5s ease;
}

.navbar-inverse .navbar-nav>li>a:hover {
  background-color: #636466 !important;
}

.navbar-inverse .navbar-nav>li>a.active {
    background-color: #636466 !important;
    /* border-bottom-color: #636466; */
}



#page-wrapper > div > div {

    display: block !important;
    min-height: 100vh;
    position: relative;
    padding-bottom: 80px;

}

#page-wrapper > div > div:after {
    content: '';
    position: absolute;
    width: 100%;
    background-color: #d6d6d6;
    height: 18px;
    bottom: 30px;
    left: 0px;
}

#bookHeader {
    min-height: 180px !important;
}

#bookHeader:after {
    display: none;
}

#page-wrapper > div > div:nth-child(even) {

}


#page-wrapper > div.container-fluid {
  margin-left: 6%;
  margin-right: 2%;
  margin-top: 15px;
}

.navbar-inverse {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
  border-bottom: 1px solid #00446E;
  /* display: none; */
}

#wrapper > nav {
  display: n
}

.property td h3 {
  float:left
} 


.property td {
  border-top: none !important;
  width: 22%;
  position: relative;
  padding-left:5% !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;

}

.property > tbody {
    display: table;
    width: 100%;
    max-width: 800px;

}

.property td:after  {
  content: '';
  position: absolute;
  display: block;
  width: 2px ;
  height: 25px;
  background-color: #00446E;
  right: 14%;
  top: 16px
}

.property tr {
  background-color: #09598c;
  color: #fff;
  border-radius: 4px !important;
  -webkit-print-color-adjust: exact;
}

.property tr:first-child td:first-child { border-top-left-radius: 6px; }
 .property tr:first-child td:last-child { border-top-right-radius: 6px; }
 .property tr:last-child td:first-child { border-bottom-left-radius: 6px; }
 .property tr:last-child td:last-child { border-bottom-right-radius: 6px; width: 34%; border-right: none }
 


.property tr:last-child td img { 
display: none
}

.property tr:last-child td  { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BathGreyConverted.png);
background-repeat: no-repeat;background-size: 35%;
background-position: center
}

.property tr:last-child td:first-child  { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BedGreyConverted.png);
background-repeat: no-repeat;background-size: 22%;
background-position: center
}

.property tr:last-child td:nth-child(3) { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/CarGreyConverted.png);
background-repeat: no-repeat;background-size: 25%;
background-position: center
}

.property tr:last-child td:nth-child(4) { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BlockIcon_utopia.png);
background-repeat: no-repeat;background-size: 16%;
background-position: center
}
 



 .property.mobile tr:first-child td:first-child { border-top-left-radius: 0px; }
 .property.mobile tr:first-child td:last-child { border-top-right-radius: 0px; }

 .property tr:last-child td:last-child:after {
  display: none
 }

 .property img {
  width: 18% !Important;
  height: auto !Important;
  position: relative;
  top: 13px
 }

 .property tr:last-child td:last-child img { width: 12% !Important; top:15px} 



.propertyImage img {
  width: 100%;
  height: auto;
  max-width: 800px
}


.agentPhoto {
  margin: 20px 15px !important;
}

.agentPhoto img {
  height:75px
}

.agentContact > div {
  text-align: left !important
}

.agentContact {
  width: 100%;
  /* margin: 0px 0px 20px 25px !important; */
  padding-left: 15px;
  box-sizing: border-box;
  margin-bottom: 20px;
}

.agentContact a {
  color: #fff;
  font-size: 12px;
  margin-left: 5p;
}

.agentContact i {
  margin-right: 5px;
}

.hContactName {
  margin-top: 0px
}

h3.mobile {
  margin-bottom: 20px
}



.side-nav>li>a {
  border-bottom: 1px solid #F6F6F4;
}

#bookHeader {
  margin-top: 20px;
}

  .desktop {
    /* display: none !important */
  }

    .socialLinks {
        transition: opacity .5s ease;
        display: block;
        width: 100%
    }

    .socialLinks li {
    display: block;
    width: 33%;
    float: left;
    }

    .socialLinks li i {
        display: block;width: 100%;
        text-align: center;
        font-size: 32px
    }



    .show {
        display: block;
        opacity: 1;
    }

@media only screen and (min-width: 769px) {
  .mobile {
    display:none !important
  }
  .desktop {
    display:block !important;
  }


}

@media (max-width: 968px){

  .navbar-inverse .navbar-nav>li>a.active {
    background-color: #00588E !important;
    /* border-bottom-color: #636466; */
}

#page-wrapper > div > div:after {
    bottom: -60px;
}

  #wrapper {
    overflow-y: scroll;
    height: 100vh;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }

  #wrapper > nav {
    max-width: 968px;
  }

.bottomButtons {
  width: 200px
}

  .side-nav {
    /* height:800px; */
    overflow-y: scroll;
    height: 100vh;
    width: 200%;
  }

  .navbar-fixed-top .navbar-collapse {
    overflow: visible;

  }

    .navbar-fixed-top .navbar-collapse:after {
      left: 0px;
      content: '';
      position: absolute;
      top:-1px;
      min-height: 1000px;
      box-shadow: 6px 0px 29px rgba(0,0,0,.3);
      width:200px;
      z-index:-1;
      background-color: #00588E;
      -webkit-transform: translate(-250px, 0px);
      transform: translate(-250px, 0px);
      transition: all .2s;
    }

.navbar-fixed-top .navbar-collapse.in:after {
        -webkit-transform: translate(-0px, 0px);
  transform: translate(-0px, 0px);
    }


  #bookHeaderLogo {
    position: fixed;
    z-index: 2000;
    width: 200px !important;
    height: 96px;
    background-color: #00588E;
    margin-top: -68px;
  }


.agentPhoto {
  margin: 25px 15px !important;
  position: relative;
  top: 75px;
}

.agentContact > div {
  text-align: left !important
}

.agentContact {
  width: 100%;
  /* margin: 0px 0px 20px 25px !important; */
  padding-left: 15px;
  box-sizing: border-box;
  margin-bottom: 20px;
  position: relative;
  top: 75px;
}

.agentContact a {
  color: #333;
  font-size: 12px;
  margin-left: 5px;200
}

#bookHeader.onlyMobile {
  margin-top: 70px;
} 

  .onlyMobile {
    display: block !important;
  }

  .onlyDesktop {
    display: none;
  }

#wrapper > nav > div > ul > li:nth-child(2) {
  margin-top: 151px;
}

#wrapper > nav > div > ul > li {
  width: 200px;
  -webkit-transform: translate(-200px, 0px);
  transform: translate(-200px, 0px);
  transition: all .2s;
}

 #wrapper > nav > div.in > ul > li {
  width: 200px;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  transition: all .2s;
}

#wrapper > nav > div  .bottomButtons {
    transition: all .2s;
  -webkit-transform: translate(-200px, 0px);
  transform: translate(-200px, 0px);
}

 #wrapper > nav > div.in .bottomButtons {
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}



#page-wrapper {
  padding-top: 81px;
}
  html {
    overlow:hidden;
  }
  .navbar-inverse {background-color: #01588E;border-color: #ffffff;margin-top: 0px;}
            body {margin-top: 0px;width: 100%;overflow-scrolling: touch;overflow: hidden;height: 100%;}
             a.navbar-brand {font-size: 37px;line-height: 41px;left: 2px;top: 20px;}
               .top-nav               {display: none;}
              .navbar-inverse {border: 0px;min-height: 120px;height: 120px;}
              #agentPhoto {/* display: none; */float: left;margin-right: 20px;}
              .agentPhoto {/* display: none; */}
                #pageLogo {height: 95px;/* margin-top: -22px; */}
                .agentContact h3 { font-size: 12px; font-weight: bold; }
                .agentContact h5.hContacts { font-size: 1em; }
                .navbar-toggle {float: left;margin-left: 15px;border-color: #013C61 !important;position: absolute;top: 46px;right: 15px;z-index: 9999;/* height: 10px; *//* width: 20px; */}
                h1.page-header {font-size: 25px;margin-top: 140px;}
                #map-wrapper { width: 330px; height: 250px; }
                    #page-wrapper > div.container-fluid {
    margin-left:0%;

}
#page-wrapper:after {
    height: 120px;
}
}

@media (max-width: 868px){
 .property img {
  width: 22% !Important;
  height: auto !Important;
  position: relative;
  top: 13px;
 }

 .property tr:last-child td:last-child img { width: 14% !Important; top:15px
 } 


}

@media (max-width: 728px){
 .property img {
  width: 26% !Important;
  height: auto !Important;
  position: relative;
  top: 13px;
 }

 #wrapper nav {
   max-width:728px;
 }



 .property tr:last-child td:last-child img { width: 16% !Important; top:15px
 } 


.property td h3 {
    font-size:13px;

}


}

@media (max-width: 628px){
 .property img {
  width: 34% !Important;
  height: auto !Important;
  position: relative;
  top: 13px;
 }

 #wrapper > nav {
   max-width: 628px
 }

 .property tr:last-child td:last-child img { width: 20% !Important; top:15px
 } 


}


@media (max-width: 680px){
 #wrapper > nav {
   max-width: 680px
 }
}
@media (max-width: 650px){
 #wrapper > nav {
   max-width: 650px
 }
}
@media (max-width: 620px){
 #wrapper > nav {
   max-width: 620px
 }
}
@media (max-width: 600px){
 #wrapper > nav {
   max-width: 600px
 }
}
@media (max-width: 580px){
 #wrapper > nav {
   max-width: 580px
 }
}
@media (max-width: 560px){
 #wrapper > nav {
   max-width: 560px
 }

 .h1.page-header {
   margin-top:66px;
 }
 
}
@media (max-width: 528px){
 #wrapper > nav {
   max-width: 528px
 }



.property tr:last-child td  { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BathGreyConverted.png);
background-repeat: no-repeat;background-size: 55%;
background-position: center
}

.property tr:last-child td:first-child  { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BedGreyConverted.png);
background-repeat: no-repeat;background-size: 35%;
background-position: 65% center
}

.property tr:last-child td:nth-child(3) { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/CarGreyConverted.png);
background-repeat: no-repeat;background-size: 40%;
background-position: 60% center
}

.property tr:last-child td:nth-child(4) { 
background-image: url(https://www.fnutopia.com.au/wbresources/images/3/BlockIcon_utopia.png);
background-repeat: no-repeat;background-size: 22%;
background-position: 70% center
}
 


 
}
@media (max-width: 450px){
 #wrapper > nav {
   max-width: 450px
 }
}
@media (max-width: 420px){
 #wrapper > nav {
   max-width: 420px
 }
}
@media (max-width: 400px){
 #wrapper > nav {
   max-width: 400px
 }
}
@media (max-width: 380px){
 #wrapper > nav {
   max-width: 380px
 }
}
@media (max-width: 360px){
 #wrapper > nav {
   max-width: 360px
 }
}

@media (max-width: 350px){
 #wrapper > nav {
   max-width: 340px
 }
}



.col-sm-6 img {
width: 100%;
margin-bottom: 15px;
}
.image-gallery>div>div { margin-bottom: 10px; }

ul.thumbnails { margin-left: -20px; list-style: none; }

#lightbox {
  width: 94%;
  display: none;
}

#lightbox img {
 max-width: 100%;
  
}

.side-nav {
  /* box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.28); */
  min-height: 100%;
}



.ebookSection img {
max-width: 100% !Important; 
height: auto !Important; 

}

/* new carousel work for image galleries */
.carousel {
  position: relative;
  background-color: #3d3d3d;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #3d3d3d;
  padding-bottom: 30px;
  padding-top: 0px;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  text-align: center;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
  text-align: center;
  margin: auto;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
  text-align: center;
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
            perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);*/
  background-image: none;
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);*/
  background-image: none;
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: relative;
  bottom: 5px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 60px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }


#bookHeaderLogo {
  width: 100%;
  /* margin: 10px */
}

/* masonry grid */
.grid-sizer, .grid-item { width: 20%;}
.grid-item--width2 { width: 40%; }
.grid-item > .item img {
    box-shadow: 2px 2px 4px 0 #ccc;
	margin-bottom: 10px;
}
	
/* image overlay styles */
.number_FN {
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	display: block;
	margin-top: 10px;	
}

.FN_image_feature {
    margin-top: -75px;
    margin-bottom: 0;
}
@-moz-document url-prefix() { 
.FN_image_feature 
{ margin-top: -2px; } 
}


.tabs_FN {
    color: #fff;
    text-align: center;
}

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

.image_bed {
	position: relative;
    width: 60px;
    height: 70px;
	float: right;
	padding: 10px;
	margin-right: 25px;
	box-shadow: 10px 10px 10px 0 #000;
    background: #00467f;
    text-align: center;
}

.image_bath {
	position: relative;
    width: 60px;
    height: 70px;
	float: right;
	padding: 10px;
	margin-right: 25px;
	box-shadow: 10px 10px 10px 0 #000;
    background: #00467f;
    text-align: center;
}

.image_car {
	position: relative;
    width: 60px;
    height: 70px;
    float: right;
    padding: 10px;
    margin-right: 100px;
    box-shadow: 10px 10px 10px 0 #000;
	background: #00467f;
    text-align: center;
}