#layered-theme {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top:0;
}
#layered-theme #layered {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#layered ul .page_width,
#layered-theme #layered {
  height: 530px;
}
#layered-theme #sequence.sequence-fallback {
  overflow: hidden;
}
#layered-theme h2 {
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px 0;
}
#layered-theme h3 {
  font-size: 20px;
}
#layered-theme .pause-icon {
  right: 20px;
  position: absolute;
  bottom: 20px;
}
#layered-theme #sequence-preloader {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999999;
}
#layered-theme #sequence-preloader img {
  background: #ff9933;
  border-radius: 6px;
  display: inline-block;
  height: 12px;
  opacity: 0;
  position: relative;
  top: -50%;
  width: 12px;
  -webkit-animation: preload 1s infinite;
  animation: preload 1s infinite;
}
#layered-theme #sequence-preloader .preloading {
  height: 12px;
  margin: 0 auto;
  top: 50%;
  position: relative;
  width: 48px;
}
#layered-theme #sequence-preloader img:nth-child(2) {
  -webkit-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
#layered-theme #sequence-preloader img:nth-child(3) {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
#layered-theme #sequence-preloader .preloading-complete {
  opacity: 0;
  visibility: hidden;
  transition-duration: 1s;
}
#layered-theme .nav {position: absolute; bottom:20px; left:50%; z-index:999}
#layered-theme > ul li { width:10px; height: 10px; background: #fff; float: left; margin-right: 10px; cursor: pointer; list-style-type: none; display: block; z-index:999;
    border-radius: 50%;
}
#layered ul li {padding: 0;margin: 0; display: block; height:445px; opacity:0;}
#layered ul li img,
.slide-content {
  position: absolute
}
.text_section_width input,
.text_section_pos_top input, 
.text_section_pos_left input {
  margin-bottom:10px
}
#layered ul .page_width {
  position: relative;  
}

#layered .slide-content h3 {
  font-size: 55px;
  font-weight: bold;
  color:#3a3a3c;
  line-height: 55px;
  padding:0;
  margin-bottom: 15px;
}
#layered .slide-content h4 {
    color:#fff;
    font-size:23px;
    padding: 0 15px;
    margin-bottom:25px;
    line-height: 45px;
    font-weight: normal;
    display:inline-block;
    position: relative;
}
#layered .slide-content h4:before {
  content:"";
  position: absolute;
  top:3px;
  left:3px;
  bottom:3px;
  right:3px;
  border:1px solid rgba(255,255,255,0.1);
}
#layered .slide-content .button {
  line-height: 40px;
  font-size: 17px;
  padding: 10px 20px;
}
#layered .slide-content h5 {
    color:#ededed;
    font-size:28px;
    padding: 0 20px;
    background:#7d7b77;
    margin-bottom:20px;
    line-height: 45px;
    font-weight: normal;
    display:inline-block;
}
#layered .slide-content h6 {
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color:#4c4b4b;
  padding: 0;
  margin-bottom: 15px;
}
.italtitle {
  font-style: italic;
  font-size: 30px;
  line-height: 40px;
  font-family: Georgia;
  }
#layered .slide-content {
  max-width: 400px;
  }
#layered .slide-content div {
  color:#3a3a3c;
  font-family:Georgia;
  font-size: 16px;
  line-height: 24px;
}
#layered .slide-content,
#layered .slide-content .p {
    font-size: 15px;
    line-height: 23px;
    font-family: Verdana;
}
#layered .slide-content .p {
  margin-bottom: 20px;
  }
.mainImg {
  top:0; 
  left:50%; 
  margin-left: -960px;
  transition-duration: .3s;
  opacity:0; filter: alpha(opacity = 0);
}
#layered .animate-in .mainImg {
  opacity:1; 
  filter: alpha(opacity = 100);
  transition-delay: .7s;
}
#layered .animate-out .mainImg {
  opacity:0; 
  filter: alpha(opacity = 0)
}

/* --------------------------------------------------------------------- */
/*                  styles for mobile devices                             */
/* --------------------------------------------------------------------- */
@media (min-width : 980px) and (max-width : 1170px) {
  #layered .slide-content h3 {font-size: 28px}
  #layered .slide-content h4 {font-size: 22px}
  #layered .slide-content h5 {font-size: 20px}
  #layered .slide-content h6 {font-size: 16px; line-height: 20px}
  #layered .slide-content div {font-size: 16px; line-height: 20px}
}
@media (min-width : 768px) and (max-width : 989px) { /* tablet portrait */
  #layered-theme #layered {
    height:337px;    
  }
  #layered ul li img {
    transform: scale(0.76) !important;
    transform-origin:0 0;
    -webkit-transform: scale(0.76) !important;
    -webkit-transform-origin:0 0;
    -ms-transform: scale(0.76) !important;
    -ms-transform-origin:0 0;
  }
  .mainImg {
    margin-left: -730px;
  }
  #layered .slide-content h3 {font-size: 28px; line-height: 34px}
  #layered .slide-content h4 {font-size: 18px}
  #layered .slide-content h5 {font-size: 15px}
  #layered .slide-content h6 {font-size: 14px; line-height: 20px}
  #layered .slide-content div {font-size: 13px; line-height: 18px}
}
@media (min-width : 480px) and (max-width : 767px) { /* phone landscape */
  #layered .slide-content h3 {font-size: 28px; line-height: 34px; margin: 0;}
  #layered .slide-content h4 {font-size: 18px; margin: 0;}
  #layered .slide-content h5 {font-size: 15px}
  #layered .slide-content h6 {font-size: 14px; line-height: 20px}
  #layered .slide-content div {font-size: 12px; line-height: 14px}

  #layered-theme #layered {
    height:210px
  }
  #layered ul li img {
    transform: scale(0.47) !important;
    transform-origin:0 0;
    -webkit-transform: scale(0.47) !important;
    -webkit-transform-origin:0 0;
    -ms-transform: scale(0.47) !important;
    -ms-transform-origin:0 0;  
  }  
  .mainImg {
    margin-left: -451px;
  }
  #layered ul li p { display: none;}
  #layered ul li h3, #layered ul li h4, #layered ul li h5 {font-size:14px !important; line-height:17px !important; padding:5px !important}

}
@media (max-width : 479px) { /* phone portrait */
  #layered-theme #layered {
    height:134px
  }
  #layered ul li img {
    transform: scale(0.3) !important;
    transform-origin:0 0;
    -webkit-transform: scale(0.3) !important;
    -webkit-transform-origin:0 0;
    -ms-transform: scale(0.3) !important;
    -ms-transform-origin:0 0; 
  }
  .mainImg {
    margin-left: -288px;
  }
  #layered ul li p { display: none;}
#layered ul li h3, #layered ul li h4, #layered ul li h5 {font-size:10px !important; line-height:17px !important; padding:5px !important}
  #layered .animate-in .slide-content {
    top:0
  }
}
#layered .slide-content {
   -webkit-transition-duration: .5s;
  transition-duration: .5s;
   z-index: 9999;
}
#layered .animate-in .slide-content {
 z-index: 9998; /* or some other property as long as it changes */
}

#layered-theme img,
#layered-theme .slide-text {
  transition-duration: .5s;
   opacity: 0;
}
#layered-theme .animate-in img,
#layered-theme .animate-in .slide-text {
 opacity: 1; /* or some other property as long as it changes */
}
#layered-theme .controls .status, #layered-theme .controls .pause {display: none}
#layered-theme .controls {left: 0 !important; width: 100%; top: 50%; margin-left: 0 !important; position: absolute; z-index: 9}
#layered-theme .controls li {margin: 0; top: 0}
#layered-theme .controls li:hover {opacity: 0.4}
#layered-theme .controls .prev, #layered-theme .controls .next {
    width:32px; height: 32px;
    background-position: 0;
    background-color: inherit;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTI5LjYsNTEyYy00LjEsMC04LjEtMS42LTExLjEtNC44Yy01LjctNi4xLTUuNC0xNS43LDAuOC0yMS41bDI0MS4yLTIyNC41TDExOSwyNi4xICBjLTYtNS45LTYuMS0xNS41LTAuMy0yMS41YzUuOS02LDE1LjUtNi4xLDIxLjUtMC4zTDM5MywyNTAuNWMzLDIuOSw0LjcsNi45LDQuNiwxMS4xYy0wLjEsNC4yLTEuOCw4LjEtNC44LDEwLjlMMTM5LjksNTA3LjkgIEMxMzcsNTEwLjcsMTMzLjMsNTEyLDEyOS42LDUxMnoiIGZpbGw9IiM2QTZFN0MiLz48L3N2Zz4=');
}
#layered-theme .controls .next {left: 97%; position: absolute}
#layered-theme .controls .prev {
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
    left: 0
}
@media (max-width: 980px) and (min-width: 728px) {#layered-theme .controls .next {left: 96%}}
@media (max-width: 727px) and (min-width: 480px) {#layered-theme .controls .next {left: 94%}}
@media (max-width: 479px) {#layered-theme .controls .next {left: 91%}}