body.view-home {
    overflow-x: hidden;
}

body.view-home #backdrop {
    background-color:#fafafa;
    border-bottom:solid 48px white;
}


body.view-home #bodywrapper,
body.view-home #main {
    position:absolute;
    left: 0;
    top:0 ;
    right: 0;
    bottom: 0;
}

.view-home .navbar-nav .nav-back {
    display:none !important;
}

body.view-home #sidebar {
    padding-bottom:48px;
}


body.view-home #main #middle .breadcrumb-container {
    display:none;
}

body.view-home #main > .header {
    border-bottom:none;
}
body.view-home #main .page-footer {
    display:block;
}


body.view-home #main .view-container {
    min-height:initial;
    padding: 0 0;
    margin:0 0;
}

body.view-home #main #content{
    background: transparent;
    padding:0 0;
    width:100%;
}

body.view-home #main #contentInnerWrapper {
    padding:0 0;
    margin: 0 0;
}
body.view-home #main #contentInnerWrapper .home-container {
    position:relative;
}
.home-container {
    width:500px;
    margin-left:auto;
    margin-right:auto;
    visibility:hidden;
    /*top set thru config*/
}
.home-container .centerBox {
    position:relative;

    -webkit-box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.175);

    border-radius: 1px; /* iOS */
}
.homeSearchBox {
    padding:4px 4px;
    background-color:white;
    z-index:5;
}
.homeContentBox {
    background-color:white;
    padding:10px 20px;
    top:50px;
    z-index:4;
    margin-bottom:50px;
}

.home-container .searchBox .searchTerm input {
    border-color:#ccc;
}
.home-container .searchBox .searchTerm button > i {
    color:white;
}

.home-container .navBox {
    margin-top:10px;
}

body.view-home .view-frame.ng-leave,
body.view-home .view-frame.ng-enter {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
}

.section-container {
    margin-top: 10px;
}

/* ==================================================================================================== */
/* Slideshow */
body.view-home .slideshow {
    display:block;
    position:fixed;
    z-index:1;
    left:0;
    top: 0;
    bottom: 0;
    width:100%;
    overflow: hidden;
}


body.view-home .page-footer .slideshow-controls {
    position:absolute;
    right:0;
    bottom:0;
    height:47px;
}
.page-footer .slideshow-controls .wrapper > .spacer {
    height:100%;
    width:14px;
    display:block;
}
body.view-home .page-footer .slideshow-controls .wrapper  .spacer-left {
    background: -webkit-linear-gradient(left,rgba(255,255,255,0),white) no-repeat;
    background: -o-linear-gradient(left,rgba(255,255,255,0),white) no-repeat;
    background: -moz-linear-gradient(left,rgba(255,255,255,0),white) no-repeat;
    background: linear-gradient(left,rgba(255,255,255,0),white) no-repeat;
}
body.view-home .page-footer .slideshow-controls .wrapper  .spacer-right {
    background-color:white;
}
body.view-home .page-footer .slideshow-controls .wrapper > .controls {
    padding:10px 0 0 0;
    height:47px;
    background-color:white;
}
/* ==================================================================================================== */
/* Responsive */

/* standard ~ wide desktop */
@media (min-width: 1400px) {
    body.view-home #main #content,
    body.view-hom.nav-open #main #content{
        margin-left:0;
    }
}
/* standard ~ small desktop */
@media (min-width: 980px) and (max-width: 1399px) {
    body.view-home #main #content,
    body.view-hom.nav-open #main #content{
        margin-left:0;
    }
}
@media (min-width: 980px) {
    .view-home .navbar .nav-toggle {
        display:inherit;
    }
}
/* medium ~ tablet */
@media (min-width: 601px) and (max-width: 979px) {

}

@media (max-width: 540px) {
    .home-container {
        width:auto;
    }
}

@media (max-width: 480px) {
    .view-home .slideshow-controls ul.dots {
        display:none;
    }
}