.shelf[data-shelf="body-slides"] {
overflow: hidden;
z-index: 100;
}

.shelf[data-shelf="body-footer"] {z-index: 50;}

/*Layout: Image*/

#slides {
float: left;
width: 100%;
}

.slide {
position: absolute;
width: 100%;
display: none;
}

.slide.active {
position: relative;
display: block;
}

.slide[data-layout="image"] img,
.slide[data-layout="video"] video,
.slide[data-layout="text"] .slide-background img {
float: left;
width: 100%;
height: auto;
z-index: 5;
}

.slide[data-layout="text"] {

}

.slide[data-layout="text"] .slide-text-container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
}

.slide[data-layout="text"] .slide-background img {
position: relative;
}

.slide[data-layout="text"] .slide-text-center {
position: relative;
top: 200px;
width: 990px;
margin: 0 auto;
z-index: 10;
}

.slide[data-layout="text"] .slide-text {
float: left;
width: 300px;
height: auto;
padding: 50px;
margin-bottom: 200px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: rgba(255, 255, 255, .9);
}

.slide[data-layout="text"] .slide-text, x:-moz-any-link {padding-bottom: 200px;}
.slide[data-layout="text"] .slide-text, x:-moz-any-link, x:default {padding-bottom: 200px;}
.safari .slide[data-layout="text"] .slide-text {padding-bottom: 200px;}

.slide[data-layout="text"] .slide-text-title {
float: left;
width: 100%;
font-family: 'Cubano';
font-size: 25px;
line-height: 25px;
color: #4d4d4d;
text-align: center;
}

.slide[data-layout="text"] .slide-text-content {
float: left;
width: 100%;
margin-top: 50px;
}

.slide[data-layout="text"] .slide-text-content img,
.slide[data-layout="text"] .slide-text-content embed,
.slide[data-layout="text"] .slide-text-content object,
.slide[data-layout="text"] .slide-text-content iframe {
max-width: 100%;
height: auto;
}

/*Menu*/

#slide-menu-container {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: auto;
overflow: visible;
text-align: center;
z-index: 100;
}

#slide-menu-container.sticky {
position: absolute;
}

#slide-menu-content {
position: relative;
width: 100%;
background: #fff;
background: transparent;
z-index: 20;
margin: 0 auto;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

#slide-menu-center {
position: relative;
width: 500px;
margin: 0 auto;
z-index: 20;
}

#slide-menu {
position: relative;
text-align: center;
padding: 20px 0;
height: auto;
z-index: 10;
background: #fff;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

#slide-menu #slide-menu-title {
font-family: 'Cubano';
font-size: 25px;
line-height: 25px;
color: #4d4d4d;
}

#slide-menu #slide-menu-excerpt  {
max-height: 400px;
height: auto;
overflow: auto;
}

#slide-menu #slide-menu-excerpt embed,
#slide-menu #slide-menu-excerpt object,
#slide-menu #slide-menu-excerpt iframe,
#slide-menu #slide-menu-excerpt img {
max-width: 100%;
}

.control {
position: absolute;
top: 15px;
width: 23px;
height: 42px;
background-repeat: no-repeat;
background-color: transparent;
background-position: top left;
z-index: 20;
}

.control[data-control="left"] {
left: 20px;
background-image: url('../images/arrow-left.png');
}

.control[data-control="right"] {
right: 20px;
background-image: url('../images/arrow-right.png');
}

.theater-trigger {
position: relative;
width: 100px;
background: #5b84e8;
color: #fff;
font-size: 18px;
line-height: 18px;
letter-spacing: 1px;
font-weight: lighter;
text-transform: uppercase;
text-align: center;
margin: 0 auto;
z-index: 10;
display: inline;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

.theater-trigger:hover {
color: #fff;
}

.theater-trigger[data-theater="open"] {
opacity: 1;
display: inline;
top: -5px;
padding: 10px 40px 10px 60px;
background-image: url('../images/arrow-up.png');
background-position: 30px 15px;
background-repeat: no-repeat;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.theater-trigger[data-theater="close"] {
display: none;
height: 20px;
padding: 10px 40px 6px 60px;
background-image: url('../images/arrow-down.png');
background-position: 30px 15px;
background-repeat: no-repeat;
background-color: #ff6c6c;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}

/*Theater view*/

#slide-menu-container.theater {
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}

#slide-menu-container #slide-menu-content.theater {
position: relative;
top: 50%;
transform: translateY(0%);
-ms-transform: translateY(0%);
-webkit-transform: translateY(0%);
opacity: 1;
width: 500px;
margin: 0 auto;
background: transparent;
}

#slide-menu-container.theater #slide-menu-content.theater {
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 1;
}

#slide-menu-container.theater #slide-menu-center {
position: relative;
width: 100%;
background: transparent;
margin: 0 auto;
z-index: 20;
}

#slide-menu-container.theater #slide-menu {
float: left;
width: 100%;
text-align: center;
padding: 20px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

#slide-menu-container.theater #slide-menu #slide-menu-title {
font-family: 'Cubano';
font-size: 25px;
line-height: 25px;
color: #4d4d4d;
width: 500px;
}

#slide-menu-container.theater #slide-menu #slide-menu-excerpt {
float: left;
width: 460px;
text-align: left;
margin-top: 20px;
padding: 0 20px;
}

#slide-menu-container.theater .control {
position: absolute;
top: 15px;
padding: 20px;
width: 42px;
height: 42px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
background-position: center center;
}

#slide-menu-container.theater .control[data-control="left"] {
left: -100px;
background-color: rgba(255, 255, 255, .6);
background-position: 25px 20px;
}

#slide-menu-container.theater .control[data-control="right"] {
right: -100px;
background-color: rgba(255, 255, 255, .6);
background-position: 30px 20px;
}

#slide-menu-container .theater.theater-trigger[data-theater="open"] {
top: 25px;
opacity: 0;
}

#slide-menu-container.theater .theater-trigger[data-theater="open"] {
display: none;
}

#slide-menu-container.theater .theater-trigger[data-theater="close"] {
display: inline;
}

#slide-menu-container .theater-trigger[data-theater="close"] {
bottom: 30px;
z-index: -1;
}

#slide-menu-container .theater-trigger[data-theater="close"] {
bottom: -11px;
z-index: 10;
}

/*Social*/

#social-home-widget {
float: left;
width: 100%;
margin-top: 50px;
}

#social-home-widget .center {
width: 300px;
min-width: 300px;
}

#social-home-widget h4 {
float: left;
width: 100%;
margin-bottom: 10px;
color: #4d4d4d;
font-family: OriyaBold, sans-serif;
font-size: 20px;
line-height: 20px;
text-align: center;
}

#social-home-widget ul {
float: left;
width: 90%;
background: #f2f2f2;
padding: 10% 5%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

#social-home-widget li {
float: left;
width: 25%;
list-style-type: none;
}

#social-home-widget a {
float: left;
text-indent: -9999px;
width: 100%;
height: 16px;
opacity: 1;
background-position: top center;
background-repeat: no-repeat;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

#social-home-widget a:hover,
#social-home-widget a:active {
opacity: .8;
}

#social-home-widget a[title~="Twitter"] {
background-image: url('../images/icon-social-twitter.png');
}

#social-home-widget a[title~="Instagram"] {
margin-top: -1px;
background-image: url('../images/icon-social-instagram.png');
}

#social-home-widget a[title~="Facebook"] {
margin-top: -1px;
background-image: url('../images/icon-social-facebook.png');
}

#social-home-widget a[title~="Vimeo"] {
background-image: url('../images/icon-social-vimeo.png');
}

/*Instagram*/

#ig-widget {
float: left;
width: 100%;
margin: 50px 0;
}

#ig-widget #ig-header {
float: left;
width: 100%;
margin-bottom: 20px;
margin-left: 10px;
}

#ig-header-iglogo,
#ig-header-handle,
#ig-header-follow {
float: left;
width: auto;
margin-right: 20px;
}

#ig-header-iglogo a,
#ig-header-iglogo img,
#ig-header-follow a,
#ig-header-follow img {
float: left;
width: auto;
border: 0;
}

#ig-header-handle a {
font-size: 20px;
line-height: 48px;
font-weight: bold;
color: #000;
font-family: Arial, sans-serif;
}

#ig-header-follow {
margin-top: 12px;
}

#ig-photos {
float: left;
width: 100%;
}

.ig-item {
float: left;
width: 180px;
height: 180px;
margin: 10px;
}

.ig-item a {
position: relative;
float: left;
width: 160px;
height: 160px;
padding: 10px;
background: #f2f2f2;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-transition: all ease .5s;
-moz-transition: all ease .5s;
-o-transition: all ease .5s;
transition: all ease .5s;
border: 0;
}

.ig-item img {
position: relative;
float: left;
width: 100%;
height: auto;
z-index: 1;
border: 0;
}

.ig-item span {
position: absolute;
width: 110%;
top: 0;
left: -10%;
opacity: 0;
background: rgba(0,0,0,.6);
font-size: 13px;
line-height: 14px;
color: #fff;
padding: 10px 5%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 2;
-webkit-transition: all ease 1s;
-moz-transition: all ease 1s;
-o-transition: all ease 1s;
transition: all ease 1s;
}

.ig-item:hover a {
padding: 0;
width: 180px;
height: 180px;
}

.ig-item:hover span {
opacity: 1;
top: -40px;
}

/*Circles*/

#slide-circles {
position: fixed;
bottom: 20px;
right: 80px;
width: auto;
z-index: 100;
}

#slide-circles.sticky {
position: absolute;
}

#slide-circles div {
float: left;
width: 30px;
height: 30px;
background: rgba(255, 255, 255, .5);
border: 2px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-left: 10px;
cursor: pointer;
-webkit-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
transition: all ease-out .5s;
}

#slide-circles div.active {
background: #5b84e8;
border: 2px solid rgba(255, 255, 255, .5);
}