/*
 * ===================================================================================
 *
 *	MODULE STYLES
 *
 * ===================================================================================
*/
/* GENERAL MODULE STYLES */
.bold {
  font-weight: bold;
}
.small-font {
  font-size: 0.7em;
}
.medium-font {
  font-size: 0.85em;
}
.big-font {
  font-size: 1.1em;
}
.very-big-font {
  font-size: 2em;
}
/* background */
.bg-gray {
  background: #e6e6e6;
}
/* element widths */
.w-5 {
  width: 5%;
}
.w-10 {
  width: 10%;
}
.w-16 {
  width: 16.6666667%;
}
.w-20 {
  width: 20%;
}
.w-25 {
  width: 25%;
}
.w-27-5 {
  width: 27.5%;
}
.w-30 {
  width: 30%;
}
.w-40 {
  width: 40%;
}
.w-50 {
  width: 50%;
}
.w-60 {
  width: 60%;
}
.w-70 {
  width: 70%;
}
.w-80 {
  width: 80%;
}
.w-90 {
  width: 90%;
}
.w-100 {
  width: 100%;
}
.w-200 {
  width: 200%;
}
.w-300 {
  width: 300%;
}
.w-400 {
  width: 400%;
}
.w-500 {
  width: 500%;
}
/* margins */
.margin-0 {
  margin: 0 !important;
}
.margin-1 {
  margin: 1em;
}
.margin-top-half {
  margin-top: 0.5em;
}
/* padding */
.padding-0 {
  padding: 0 !important;
}
.padding-top-1 {
  padding-top: 1em;
}
.padding-right-1 {
  padding-right: 1em;
}
.padding-left-1 {
  padding-left: 1em;
}
.padding-bottom-1 {
  padding-bottom: 1em;
}
.padding-left-half {
  padding-left: 0.5em;
}
/* offsets */
.pull-up-5 {
  margin-top: -5px;
}
.pull-up-10 {
  margin-top: -10px;
}
/* alignments */
.justify {
  text-align: justify;
}
/* visibility */
.visible {
  display: block;
}
/* texts */
.line-through {
  text-decoration: line-through;
}
/* wrapping */
.ws-normal {
  white-space: normal;
}
.normal-wrap > li {
  white-space: normal;
}
.no-wrap > li {
  white-space: nowrap;
}
/* borders */
.no-border-radius {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
.border-0 {
  border: 0;
}
.border {
  border: 1px solid #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.bordered {
  padding: 0.75em 0.5em 0em 0.75em;
  border: 2px solid #ffffff;
}
.bordered-top {
  border-top: 1px solid #EDEDED;
}
.bordered-bottom {
  border-bottom: 1px solid #EDEDED;
}
.bordered-bottom-thick {
  border-bottom: 3px solid #EDEDED;
}
.bordered-bottom-thicker {
  border-bottom: 5px solid #EDEDED;
}
.bordered-right {
  border-right: 1px solid #DBDBDB;
}
.bordered-left {
  border-left: 1px solid #ececec;
}
/* wrapper */
#wrapper {
  margin: 10px auto;
  width: 960px;
  /* 960 / 16 */
  /* width: 85%; */
}
/* navigation container */
#navigation {
  background: #222222;
  color: #1F1E1E;
  width: 100%;
  height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* main title */
.main-title {
  margin: 20px auto;
}
/* Main Navigation */
.main-nav {
width:100%; /* inseri para estender o menu para toda a linha */
  position: relative;
  padding: 0 0.6em 0 0.6em;
  -webkit-perspective: 2500px;
  -moz-perspective: 2500px;
  perspective: 2500px;
  z-index: 20;
}
.main-nav > li#home:hover {
  background: #FEFEFE;
}
#menu {
  display: none;
}
.main-nav > li {
  /* main-menu, home, about, services, etc */
  float: left;
  position: relative;
  font-size: 1.15em;
  /* border: 1px solid transparent; */
  line-height: 3.65em;
}
.main-nav > li .sub-menu-1.is-hidden {
  display: none !important;
}
.main-nav > li:last-child {
  float: right;
}
.main-nav > li > a {
  display: block;
  color: #fff32b;
  font-weight:bold;
  text-shadow: 1px 1px 1px #4d4d4d;
}
.main-nav > li > a > i {
  /* font-awesome container */
  width: 0.65em;
  margin: 0 0 0 4px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.main-nav > li.static {
  position: static;
}
ul.main-nav .has-sub-menu {
  padding-right: 0; /*4px;*/
}
/* links */
.menu-links {
  padding: 0 .7em; /*1em;*/
  display: block;
}
/* home-menu */
.home-menu .menu-links {
  padding: 0 0 0 0;
}
.drop-down .menu-links,
.multi-drop .menu-links {
  padding: 0.1em 1.75em 0.1em 1.75em;
}
.menu-links .has-sub-menu {
  /* if menu-link has dropdown */
  padding-right: 6px;
}
.tri-right {
  width: 0;
  height: 0;
  border-top: 1.15em solid transparent;
  border-bottom: 1em solid transparent;
  border-right: 1.15em solid transparent;
  border-left: 0.75em solid #222222;
  right: -22px;
  top: 0;
  z-index: 10;
  visibility: hidden;
}
/* Sub-menu 1 */
.sub-menu-1 > ul > li,
.sub-menu-2 > ul > li {
  white-space: nowrap;
  font-size: 0.95em;
}
.sub-menu-1 ul > li.no-wrap,
.sub-menu-2 ul > li.no-wrap {
  white-space: normal;
  overflow: hidden;
}
.sub-menu-1 {
  position: absolute;
/*  top: 40px;*/
  display: none;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
}
.sub-menu-1.dropdown > ul > li {
  position: relative;
}
.sub-menu-1.multi-drop > ul > li {
  position: relative;
}
.sub-menu-1.home > ul > li {
  position: static;
}
/* Sub Menu 2, Sub Menu 3 ... Sub Menu 7 */
.sub-menu-2,
.sub-menu-3,
.sub-menu-4,
.sub-menu-5,
.sub-menu-6,
.sub-menu-7 {
  display: none;
  -webkit-animation: slideLeft 0.3s ease;
  -moz-animation: slideLeft 0.3s ease;
  -o-animation: slideLeft 0.3s ease;
  animation: slideLeft 0.3s ease;
}
.border-radius-br {
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.border-radius-bl {
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.sub-menu-2 > ul > li,
.sub-menu-3 > ul > li {
  position: relative;
  white-space: nowrap;
}
/* SIDE MENU */
.drop-down.side-menu {
  position: absolute;
  padding: 0 0 0.5em 0;
  left: 100%;
  /* adjust this value to fit your needs, multi-dropdown side-menu */
  top: 0;
  background: #FFFFFF;
}
.drop-down.side-menu li {
  line-height: 2.35em;
}
.drop-down.side-menu > ul > li a {
  color: #333;
}
/* SIDE MENU WIDE */
.side-menu-wide {
  padding: 0.75em 1.5em 0.5em 1.5em;
  display: none;
  background: #fff;
  vertical-align: top;
  /*-webkit-box-shadow: -1px 1px 10px 0px #a8a8a8;
  -moz-box-shadow: -1px 1px 10px 0px #a8a8a8;
  box-shadow: -1px 1px 10px 0px #a8a8a8;*/
}
.side-menu-wide h5,
.gallery h5 {
  color: #333;
  border-bottom: 2px solid #666;
  font-family: "Lato", sans-serif;
  letter-spacing: 0.0375em;
  margin-bottom: 0.75em;
  line-height: 1.75;
  text-shadow: 1px 1px 1px #EDEDED;
}
.side-menu-wide h6 {
  color: #333;
}
.side-menu-wide .read-more:link,
.side-menu-wide .read-more:visited {
  color: #747474;
}
.side-menu-wide .read-more:hover,
.side-menu-wide .read-more:active {
  color: #E53400;
}
.side-menu-wide .read-more-paragraph:link,
.side-menu-wide .read-more-paragraph:visited {
  font-weight: bold;
  font-size: 90%;
  text-transform: uppercase;
}
.side-menu-wide .menu-links {
  line-height: 1.75em;
  font-size: 0.82em;
  padding: 0;
  color: #333;
}
li.is-active {
  background: #222;
}
.side-menu-wide.is-active {
  display: table-cell;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
/* lists */
.list-decimal {
  list-style: decimal;
}
.category-list li {
  border-bottom: 1px solid #F2F2F2;
}
.category-list li:last-child {
  border-bottom: 0;
}
.specs {
  padding-left: 0.15em;
}
ul.specs li {
  line-height: 1.75em;
  color: #333;
}
/* panels */
.panel {
  border: 1px solid #ffffff;
  position: relative;
}
.panel-with-padding {
  padding: 1em;
}
.panel-with-padding-small {
  padding: 0.5em 0.75em 0.5em 0.75em;
}
.panel-min-height {
  min-height: 225px;
}
.panel-border-bottom > ul {
  border: 1px solid #fff;
}
.panel-rounded-corners {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.panel footer {
  line-height: 1.25em;
  padding: 0em 0.4em 1em 0.4em;
  font-weight: bold;
  font-size: 0.875em;
  margin: 0;
  text-align: center;
  color: #333;
}
/* fly-leafs */
.fly-leaf {
  padding: 0em 0.55em 0 0.55em;
  position: absolute;
  top: -5px;
  left: 28px;
  font-size: 0.75em;
  z-index: 9;
  line-height: 2em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/* div container */
.home,
.drop-down,
.multi-drop,
.social,
.full-width,
.gallery,
.tabs,
.blog,
.sign-up {
  -webkit-box-shadow: 1px 1px 1px #bebebe;
  -moz-box-shadow: 1px 1px 1px #bebebe;
  box-shadow: 1px 1px 1px #bebebe;
  background: #fff;
}
.drop-down,
.multi-drop,
.social {
  margin-left: 0;
}
.blog,
.sign-up {
  margin-right: -1px;
}
/* home */
.home {
  width: 100%; /* modifiquei de 970px para 100% par aassegurar que utilizara sempre a largura total */
  left: 0.625em;
/*  top: 40px; removi pois gerava linha vazia e o menu fechava */
  /* width: 98%; */
}
.home .home-menu {
  width: 170px;
  vertical-align: top;
  padding: 0.5em 0 0.5em 0;
  background: #272880;
}
.home .sub-menu-2 {
  position: relative;
}
.home-menu li {
  line-height: 2.25em;
  font-size: 0.95em;
  position: relative;
}
.home h6 {
  letter-spacing: 0.025em;
  text-shadow: 1px 1px 1px #ececec;
}
.home > ul > li > a > i {
  margin-right: 0.275em;
}
/* drop downs */
.drop-down {
  padding: 0.5em 0 0.5em 0;
}
.drop-down li {
  line-height: 2.25em;
}
/* specific portions on mega-menu (home) */
.software p {
  margin: 0.5em 0 0 0;
}
.networking h6 {
  min-height: 6.25em;
  font-weight: normal;
}
.printers img {
  padding: 1em;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
/* MULTI - DROP */
.multi-drop,
.side-menu {
  min-width: 180px;
  padding: 0.5em 0 0.5em 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.multi-drop li {
  line-height: 2.25em;
}
.multi-drop .has-sub-menu i {
  top: 9px;
  right: -5px;
}
.multi-drop .has-sub-menu .menu-links {
  padding: 0 2em 0 1.75em;
}
/* FULL WIDTH */
.full-width {
  width: 100%; /*940px;*/
  /* customize to fit your needs */
  padding: 1em;
  left: 10px;
  top: 33px; /*40px;*/
}
.full-width.full-width-half {
  width: 380px;
  left: 0;
}
.full-width.full-width-pad-half li {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.full-width > ul > li {
  border-right: 1px solid #ececec;
  padding: 0 0.9em 0 0.9em;
  float: none;
}
.full-width.full-width-fixed-w > ul > li {
  width: 17.251685em;
}
.full-width.full-width-nb > ul > li {
  border-right: 0;
}
.full-width > ul > li:last-child {
  border-right: 0;
}
.full-width li {
  line-height: 2em;
  font-size: 0.95em;
  padding: 0.15em 1em;
}
.full-width a {
  padding: 0 0px;
}
/* SOCIAL */
.social {
  padding: 1em 1em 1em 1.5em;
  width: 400px;
}
.social.social-inline {
  padding: 0.5em !important;
  width: 940px;
}
.social ul.l-vertical-list > li {
  padding: 0.25em;
}
.social img {
  vertical-align: middle;
  margin: 0 1em 0 0;
  max-width: none;
}
/* GALLERY - Best Deals */
.gallery {
  width: 780px;
  left: 140px;
  padding: 0.75em 0.75em 1.25em 1.5em;
}
.gallery h5.highlight {
  background: #198B86;
  padding: 0.65em;
  line-height: 1em;
  border-bottom: 0;
  color: #fff;
}
.gallery h6 {
  color: #333;
  font-size: 0.875em;
}
.price li {
  line-height: 1.5;
  font-weight: bold;
  color: #333;
  font-size: 0.85em;
}
.price li:first-child {
  color: #848484;
}
.price li:nth-child(2) {
  color: #ffffff;
  background: #12b214;
  padding: 0.15em 0;
  margin: 0.35em 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.simple-list {
  font-weight: bold;
  font-size: 0.8em;
  padding: 0.15em 0 0.15em 0;
  color: #333;
}
.simple-list-numbered {
  list-style: decimal;
  padding-left: 1.75em;
}
.simple-list-bullets {
  list-style: disc;
  padding-left: 1.75em;
}
.simple-list li {
  line-height: 1.65em;
}
/* TABS */
.tabs {
  width: 100%;
  left: 0px;
  padding: 1em 1.25em 1em 1.25em;
}
.tabs [type="radio"] {
  display: none;
}
.tab-container {
  position: relative;
  min-height: 400px;
  /* customize to fit your needs */
}
.tab-menu {
  line-height: 0;
}
.tab-marker > li {
  margin-right: 2px;
  margin-bottom: 1px;
}
.tab-marker label {
  background: #444444;
  padding: 0.25em .6em 0.25em .6em;
  margin-bottom: 0;
  display: block;
  font-size: 0.9em;
  text-align: center;
  color: #fff;
  transform: translateY(4px);
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -o-transform: translateY(4px);
  -ms-transform: translateY(4px);
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  -moz-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  -ms-transition: all 0.25s linear;
}
.tab-content {
  position: relative;
  width: 100%;
  display: none;
  padding: 1em 1.25em 1em 1.25em;
  background: #fff;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-radius-bottomright: 7px;
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-radius-bottomleft: 7px;
  border-bottom-left-radius: 7px;
  border-top: 2px solid #555555;
}
.tab-content.tab-active {
  display: table-cell;
}
.tab-content .menu-links {
  line-height: 1.75em;
  padding: 0;
  font-size: 0.875em;
}
.tab-title {
  margin-bottom: 0.25em;
  margin-top: 0;
}
.hint {
  bottom: -0.15em;
  right: 0.1em;
  width: 1.75em;
  height: 1.75em;
  text-align: center;
  color: rgba(0, 0, 0, 0.11);
}
.no-inlinesvg .hint {
  /* old firefox */
  bottom: 0.65em;
  right: 0.75em;
}
/* BLOG */
.blog {
  width: 580px;
  position: absolute;
  padding: 1em 1.5em 1em 1.5em;
}
.blog ul > li,
.sign-up ul > li {
  white-space: normal;
}
.blog-title {
  line-height: 1.5em;
  color: #333;
}
.blog p,
.blog blockquote {
  line-height: 1.5;
  font-size: 0.75em;
  margin: 0.5em 0 0.5em 0;
}
span.call-out {
  width: 40%;
  padding: 1em 1em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 1em 1.25em 1em 0;
  text-shadow: 1px 1px 1px #737373;
  color: #fff;
  background: #222;
}
/* SIGN UP */
.sign-up {
  width: 340px;
  /* customized to fit your needs */
  padding: 0.65em 1.25em 0.5em 1.25em;
}
/* Buttons */
.btn {
  text-align: center;
  padding: 0.25em 1.25em 0.25em 1.25em;
  margin: 0.5em 1em 0.5em 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #1d1d1c;
  display: inline-block;
  line-height: 2em;
  color: #e5e0e0;
  -webkit-box-shadow: 0 1px 0 1px #bababa;
     -moz-box-shadow: 0 1px 0 1px #bababa;
          box-shadow: 0 1px 0 1px #bababa;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
.btn.btn-round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.btn.btn-no-box-shadow {
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}
.btn.btn-min-width {
  min-width: 140px;
}
.btn.btn-small {
  font-size: 0.8em;
}
.btn.btn-text-white {
  color: white;
}
.btn.btn-text-black {
  color: black;
}
.btn.btn-bg-attention {
  background: #C7530F;
}
.btn.btn-bg-go {
  background: green;
}
.side-menu-wide em a.btn,
.gallery em a.btn,
.blog em a.btn,
input.btn {
  color: white;
}
/* forms */
form {
  margin-top: 0; /* 1em;*/
}
form div {
  margin: 0.5em 0 1em 0;
  position: relative;
}
form i[class^="fa"] {
  position: absolute;
  top: 2.1em;
  left: 11px;
  color: #fff;
  text-align: center;
}
form [class*="fa-lock"] {
  padding-left: 0.15em;
}
input[type="text"].linear,
input[type="email"].linear,
input[type="password"].linear {
  padding: 0.6em 0.6em 0.6em 4.5em;
  width: 100%;
  border: 1px solid #cfcccc;
  background: -webkit-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: -moz-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: -o-linear-gradient(left, #222222 54px, #ffffff 0%);
  background: linear-gradient(left, #222222 54px, #ffffff 0%);
}
label {
  font-size: 0.9em;
  font-weight: bold;
  padding: 0;
  color: #333;
  display: block;
  line-height: 1.8em;
  margin-bottom: 0.5em;
}
/* font-awesome */
i[class^="fa"] {
  margin: 0.35em 0.45em 0.45em 0.5em;
}
.full-width i[class^="fa"] {
  margin: 0 0.5em 0 0.5em;
}
.social i[class^="fa"],
.drop-down i[class^="fa"],
.multi-drop i[class^="fa"],
.side-menu i[class^="fa"] {
  margin: 0 0.5em .2em 0;
}
.home-menu i[class^="fa"] {
  margin: 0 0.75em 0 0;
}
.side-menu-wide i[class^="fa"] {
  margin: 0 0.25em 0 0.45em;
}
i[class*="fa-check"] {
  color: #07d02f;
}
h5 > span {
  /* the view console example */
  position: relative;
  bottom: -1px;
}
/* contents of the page, body contents */
div.contents {
  padding: 0.5em;
}
div.contents p,
div.contents strong {
  color: #2a2a2a;
}
div.contents .simple-list li {
  color: #272727;
  font-weight: normal;
}
/* warning - not supported browsers */
div.warning {
  padding: 0.5em;
  border: 2px solid red;
  line-height: 1.5;
}
/* table */
.table li {
  padding: 0.25em;
  line-height: 2;
  border-bottom: 1px solid #ededed;
}
.table li:first-child {
  border-bottom: 2px solid #e7e7e7;
  font-size: 120%;
  padding-bottom: 0;
  color: #333;
  font-weight: bold;
}
.table li:last-child {
  border-bottom: none;
}
.table-alternate li:nth-child(odd) {
  color: #1e87bd;
}
/* Image Container */
.image-container:hover{
-webkit-transform:scale(1.1);
transform:scale(1.1);
}

.image-container {
-webkit-transition:all 0.7s ease;
transition:all 0.7s ease;
  height:80px;
  width:80px;
  display:block;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #5a6469;
  margin-bottom:0.50em;
  position: relative;
  overflow: hidden;
  -webkit-perspective: 1500px;
  -o-perspective: 1500px;
  -ms-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.image-container-ov {
  position: relative;
  overflow: visible;
  -webkit-perspective: 1500px;
  -o-perspective: 1500px;
  -ms-perspective: 1500px;
  -moz-perspective: 1500px;
  perspective: 1500px;
  -webkit-perspective-origin: 50% 50%;
  -o-perspective-origin: 50% 50%;
  -ms-perspective-origin: 50% 50%;
  -moz-perspective-origin: 50% 50%;
  perspective-origin: 50% 50%;
  -webkit-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.image-container a:link,
.image-container a:visited {
  color: white;
}
.image-container .fa {
  color: #fff7f7;
}
/* OVERLAY */
div[class*="overlay-"] .fa {
  width: 20px;
  height: 20px;
  margin: 0;
  font-size: 0.7em;
  text-align: center;
  line-height: 2;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  color: white;
  opacity: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
/* overlay social */
div[class*="overlay-social"] .fa {
  background: #a1a1a1;
}
div[class*="overlay-social"] .fa:link,
div[class*="overlay-social"] .fa:hover {
  color: white;
}
.overlay-social-1 .fa,
.overlay-social-1-2 .fa,
.overlay-social-2 .fa,
.overlay-social-2-2 .fa,
.overlay-social-4 .fa {
  position: absolute;
  z-index: 600;
}
/* overlay social-1 */
.overlay-social-1 .fa-facebook,
.overlay-social-1 .fa-twitter,
.overlay-social-1 .fa-google-plus,
.overlay-social-1 .fa-pinterest {
  bottom: 2%;
  left: 0;
}
.overlay-social-1-2 .fa-facebook,
.overlay-social-1-2 .fa-twitter,
.overlay-social-1-2 .fa-google-plus,
.overlay-social-1-2 .fa-pinterest {
  bottom: 2%;
  right: 0;
}
/* overlay-social-2 */
.overlay-social-2 .fa-facebook,
.overlay-social-2 .fa-twitter,
.overlay-social-2 .fa-google-plus,
.overlay-social-2 .fa-pinterest {
  bottom: 2%;
  left: 40%;
}
/* overlay-social-2-2 */
.overlay-social-2-2 .fa-facebook,
.overlay-social-2-2 .fa-twitter {
  bottom: 2%;
  left: 0;
}
.overlay-social-2-2 .fa-google-plus,
.overlay-social-2-2 .fa-pinterest {
  bottom: 2%;
  right: 0;
}
/* overlay-social-3 */
.social-list {
  position: absolute;
  background: rgba(252, 252, 252, 0);
  border: 1px solid #efefef;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
}
.social-list > li {
  line-height: 1.5em;
}
.social-list-vertical {
  height: 100%;
  margin-bottom: 0.1em;
  padding: 0.1em 0.25em;
}
.social-list-horizontal {
  padding: 0 0.625em 0.25em 0.625em;
  width: 100%;
}
.social-list-horizontal > li {
  margin-right: 0.7em;
  float: left;
}
.social-list-horizontal > li:last-child {
  margin-right: 0;
}
.overlay-social-3 .social-list-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateY(-90deg);
  -moz-transform: perspective(500px) rotateY(-90deg);
  transform: perspective(500px) rotateY(-90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.overlay-social-3 .social-list-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateY(90deg);
  -moz-transform: perspective(500px) rotateY(90deg);
  transform: perspective(500px) rotateY(90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.overlay-social-3 .social-list-bottom {
  bottom: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateX(-90deg);
  -moz-transform: perspective(500px) rotateX(-90deg);
  transform: perspective(500px) rotateX(-90deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.overlay-social-3 .social-list-top {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateX(90deg);
  -moz-transform: perspective(500px) rotateX(90deg);
  transform: perspective(500px) rotateX(90deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-social-3 .social-list-top-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateZ(-180deg);
  -moz-transform: perspective(500px) rotateZ(-180deg);
  transform: perspective(500px) rotateZ(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-social-3 .social-list-bottom-left {
  top: 0;
  left: 0;
  -webkit-transform: perspective(500px) rotateZ(180deg);
  -moz-transform: perspective(500px) rotateZ(180deg);
  transform: perspective(500px) rotateZ(180deg);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.overlay-social-3 .social-list-top-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateZ(180deg);
  -moz-transform: perspective(500px) rotateZ(180deg);
  transform: perspective(500px) rotateZ(180deg);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.overlay-social-3 .social-list-bottom-right {
  top: 0;
  right: 0;
  -webkit-transform: perspective(500px) rotateZ(-180deg);
  -moz-transform: perspective(500px) rotateZ(-180deg);
  transform: perspective(500px) rotateZ(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* 3D Flip */
div[class*="threeD-"] i.fa {
  -webkit-border-radius: 10000px;
  -moz-border-radius: 10000px;
  border-radius: 10000px;
  color: #fff7f7;
  padding: 0.375em;
  margin: 0;
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform 1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
.threeD-flipX,
.threeD-flipY {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* non frame animations */
.threeD-flipDown,
.threeD-flipUp,
.threeD-flipLeft,
.threeD-flipRight,
.threeD-flipTopLeft,
.threeD-flipBottomRight {
  -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
  transition: -webkit-transform 0.4s, opacity 0.4s;
  -moz-transition: -moz-transform 0.4s, opacity 0.4s;
  -o-transition: -o-transform 0.4s, opacity 0.4s;
  transition: transform 0.4s, opacity .4s;
}
.threeD-flipX > img,
.threeD-flipY > img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
/* flip caption, bounce, stretch, rollIn */
.flipX-caption,
.flipY-caption,
.flipDown-caption,
.flipUp-caption,
.flipLeft-caption,
.flipRight-caption,
.flipTopLeft-caption,
.flipBottomRight-caption,
.bounce-caption,
.bounce-2-caption,
.bounce-3-caption,
.stretch-caption,
.stretch-2-caption,
.stretch-3-caption,
.rollIn-caption,
.rollIn-2-caption,
.rollIn-3-caption,
.rotateIn-caption,
.rotateIn-2-caption,
.rotateIn-3-caption,
.hingeTop-caption,
.hingeLeft-caption,
.hingeBottom-caption {
  width: 100%;
  height: 55%;
  position: absolute;
  top: 5%;
  left: 0;
  padding: 0.25em 0.5em;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: rgba(20, 71, 136, 0.9);
  color: white;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 0;
}
.flipLeft-caption,
.flipRight-caption,
.flipTopLeft-caption,
.flipBottomRight-caption,
.bounce-caption,
.bounce-2-caption,
.bounce-3-caption,
.stretch-caption,
.stretch-2-caption,
.stretch-3-caption,
.rollIn-caption,
.rollIn-2-caption,
.rollIn-3-caption,
.rotateIn-caption,
.rotateIn-2-caption,
.rotateIn-3-caption,
.hingeTop-caption,
.hingeLeft-caption,
.hingeBottom-caption {
  height: 75%;
  opacity: 0;
}
.flipX-caption {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.flipY-caption {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.flipDown-caption {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateX(90deg) scale(1);
  -moz-transform: rotateX(90deg) scale(1);
  transform: rotateX(90deg) scale(1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
.flipUp-caption {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
.flipRight-caption {
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
.flipLeft-caption {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
.flipTopLeft-caption {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  -moz-transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  transform: rotateX(90deg) rotateY(-90deg) rotateZ(-45deg) scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
.flipBottomRight-caption {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  -moz-transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  transform: rotateX(-10deg) rotateY(180deg) rotateZ(-45deg) scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.4s;
  transition: -webkit-transform 0.5s, opacity 0.4s;
  -moz-transition: -moz-transform 0.5s, opacity 0.4s;
  -o-transition: -o-transform 0.5s, opacity 0.4s;
  transition: transform 0.5s, opacity 0.4s;
  opacity: 0;
}
/* frame animations */
.bounce-caption,
.bounce-2-caption,
.bounce-3-caption,
.stretch-caption,
.stretch-2-caption,
.stretch-3-caption,
.rollIn-caption,
.rollIn-2-caption,
.rollIn-3-caption,
.rotateIn-caption,
.rotateIn-2-caption,
.rotateIn-3-caption,
.hingeTop-caption,
.hingeLeft-caption,
.hingeBottom-caption {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  opacity: 0;
}
/* SLIDES, SWEEP, ZOOM */
.slideDown ul,
.slideUp ul,
.slideRight ul,
.slideLeft ul,
.slideDiagonal-TL ul,
.slideDiagonal-TR ul,
.slideDiagonal-BL ul,
.slideDiagonal-BR ul,
.sweepTopCenter ul,
.sweepLeftCenter ul,
.sweepCenterTop ul,
.sweepCenterLeft ul,
.sweepAlternate-H ul,
.sweepAlternate-V ul,
.sweepTriangle-1 ul,
.sweepTriangle-2 ul,
.sweepTriangle-3 ul,
.sweepTriangle-4 ul,
.sweepTriangle-5 ul,
.sweepTriangle-6 ul,
.zoomIn ul,
.zoomOut ul,
.zoomInRotate ul {
  /* vertical centering */
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  position: relative;
  /*padding: 1.4em 0 1.4em 0;*/
}
.slideDown-caption,
.slideUp-caption,
.slideRight-caption,
.slideLeft-caption,
.slideDiagonal-TL-caption,
.slideDiagonal-TR-caption,
.slideDiagonal-BL-caption,
.slideDiagonal-BR-caption,
.sweepTopCenter-caption,
.sweepLeftCenter-caption,
.sweepCenterTop-caption,
.sweepCenterLeft-caption,
.sweepAlternate-H-caption,
.sweepAlternate-V-caption,
.sweepTriangle-1-caption,
.sweepTriangle-2-caption,
.sweepTriangle-3-caption,
.sweepTriangle-4-caption,
.sweepTriangle-5-caption,
.sweepTriangle-6-caption,
.zoomIn-caption,
.zoomOut-caption,
.zoomInRotate-caption {
  position: absolute;
  width: 100%;
  height: 92%;
  padding: 0.5em;
  background: rgba(20, 71, 136, 0.85);
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}
.slideDown-caption {
  top: -100%;
  left: 0;
}
.slideUp-caption {
  bottom: -100%;
  left: 0;
}
.slideRight-caption {
  left: -100%;
  bottom: 8%;
}
.slideLeft-caption {
  right: -100%;
  bottom: 8%;
}
.slideDiagonal-TL-caption {
  top: -100%;
  left: -92%;
}
.slideDiagonal-TR-caption {
  top: -100%;
  right: -92%;
}
.slideDiagonal-BL-caption {
  bottom: -100%;
  left: -92%;
}
.slideDiagonal-BR-caption {
  bottom: -100%;
  right: -92%;
}
.zoomIn-caption,
.zoomOut-caption,
.zoomInRotate-caption {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
/* sweeps */
.sweepTopCenter-caption,
.sweepLeftCenter-caption,
.sweepCenterTop-caption,
.sweepCenterLeft-caption,
.sweepAlternate-H-caption,
.sweepAlternate-V-caption,
.sweepTriangle-1-caption,
.sweepTriangle-2-caption,
.sweepTriangle-3-caption,
.sweepTriangle-4-caption,
.sweepTriangle-5-caption,
.sweepTriangle-6-caption {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
}
.sweepTopCenter ul,
.sweepLeftCenter ul,
.sweepCenterTop ul,
.sweepCenterLeft ul,
.sweepAlternate-H ul,
.sweepAlternate-V ul,
.sweepTriangle-1 ul,
.sweepTriangle-2 ul,
.sweepTriangle-3 ul,
.sweepTriangle-4 ul,
.sweepTriangle-5 ul,
.sweepTriangle-6 ul {
  opacity: 0;
}
.sweepTopCenter-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  -o-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.sweepTopCenter-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.sweepLeftCenter-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0%;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.sweepLeftCenter-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sweepCenterTop-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.sweepCenterTop-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.sweepCenterLeft-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sweepCenterLeft-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.sweepAlternate-H-caption:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.sweepAlternate-H-caption:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
}
.sweepAlternate-V-caption:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.sweepAlternate-V-caption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.sweepTriangle-1-caption:before,
.sweepTriangle-3-caption:before,
.sweepTriangle-5-caption:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 107px solid transparent;
  border-left: 130px solid rgba(20, 71, 136, 0.85);
  left: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sweepTriangle-1-caption:after,
.sweepTriangle-3-caption:after,
.sweepTriangle-5-caption:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-left: 130px solid transparent;
  border-bottom: 107px solid rgba(20, 71, 136, 0.85);
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sweepTriangle-2-caption:before,
.sweepTriangle-4-caption:before,
.sweepTriangle-6-caption:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 108px solid transparent;
  border-right: 129px solid rgba(20, 71, 136, 0.85);
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sweepTriangle-2-caption:after,
.sweepTriangle-4-caption:after,
.sweepTriangle-6-caption:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 129px solid transparent;
  border-bottom: 108px solid rgba(20, 71, 136, 0.85);
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.sweepTriangle-1-caption:before {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.sweepTriangle-1-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.sweepTriangle-2-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.sweepTriangle-2-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.sweepTriangle-3-caption:before {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.sweepTriangle-3-caption:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.sweepTriangle-4-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
.sweepTriangle-4-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.sweepTriangle-5-caption:before {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.sweepTriangle-5-caption:after {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.sweepTriangle-6-caption:before {
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  transform: rotateY(90deg);
}
.sweepTriangle-6-caption:after {
  -webkit-transform-origin: 0% 100%;
  -moz-transform-origin: 0% 100%;
  -ms-transform-origin: 0% 100%;
  -o-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
.sweepTriangle-1-caption:before,
.sweepTriangle-1-caption:after,
.sweepTriangle-2-caption:before,
.sweepTriangle-2-caption:after {
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
}
.sweepTriangle-3-caption:before,
.sweepTriangle-3-caption:after,
.sweepTriangle-4-caption:before,
.sweepTriangle-4-caption:after {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
/* zoom */
.zoomIn-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -ms-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  opacity: 0;
}
.zoomOut-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  opacity: 0;
}
.zoomInRotate-caption {
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: rotate(360deg) scale(10);
  -moz-transform: rotate(360deg) scale(10);
  -ms-transform: rotate(360deg) scale(10);
  -o-transform: rotate(360deg) scale(10);
  transform: rotate(360deg) scale(10);
  opacity: 0;
}
/* overlay-blocks */
ul[class*="overlay-blocks-"] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
ul[class*="overlay-blocks-"] li {
  width: 100%;
  height: 33.33%;
  padding: 0.15em 0 0.15em 0;
  text-align: center;
  background: rgba(20, 71, 136, 0.85);
  opacity: 0;
  -webkit-transition: -webkit-transform 1s ease-in-out, opacity 1s ease;
  transition: -webkit-transform 1s ease-in-out, opacity 1s ease;
  -moz-transition: -moz-transform 1s ease-in-out, opacity 1s ease;
  -o-transition: -o-transform 1s ease-in-out, opacity 1s ease;
  transition: transform 1s ease-in-out, opacity 1s ease;
}
/* overlay-blocks-swivel */
.overlay-blocks-swivel-right li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}
.overlay-blocks-swivel-right li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}
.overlay-blocks-swivel-right li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}
/* overlay-blocks-swivel-left */
.overlay-blocks-swivel-left li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}
.overlay-blocks-swivel-left li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}
.overlay-blocks-swivel-left li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}
/* overlay-blocks-swivel-alternate */
.overlay-blocks-swivel-alternate li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}
.overlay-blocks-swivel-alternate li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateY(270deg);
  -moz-transform: rotateY(270deg);
  transform: rotateY(270deg);
}
.overlay-blocks-swivel-alternate li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateY(-270deg);
  -moz-transform: rotateY(-270deg);
  transform: rotateY(-270deg);
}
/* overlay-blocks-blinds-top */
.overlay-blocks-blinds-top li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.overlay-blocks-blinds-top li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.overlay-blocks-blinds-top li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
/* overlay-blocks-blinds-bottom */
.overlay-blocks-blinds-bottom li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.overlay-blocks-blinds-bottom li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.overlay-blocks-blinds-bottom li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
/* overlay-blocks-blinds-450 */
.overlay-blocks-blinds-450 li:first-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}
.overlay-blocks-blinds-450 li:nth-child(2) {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}
.overlay-blocks-blinds-450 li:last-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotateX(450deg);
  -moz-transform: rotateX(450deg);
  transform: rotateX(450deg);
}
/* overlay-blocks-flaps-top */
.overlay-blocks-flaps-top li:first-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
.overlay-blocks-flaps-top li:nth-child(2) {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
.overlay-blocks-flaps-top li:last-child {
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
/* overlay-blocks-flaps-bottom */
.overlay-blocks-flaps-bottom li:first-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
.overlay-blocks-flaps-bottom li:nth-child(2) {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
.overlay-blocks-flaps-bottom li:last-child {
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
  -webkit-transform: rotateZ(-60deg);
  -moz-transform: rotateZ(-60deg);
  transform: rotateZ(-60deg);
}
/* overlay-blocks-flaps-twist */
.overlay-blocks-flaps-twist li:first-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}
.overlay-blocks-flaps-twist li:nth-child(2) {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.1s;
  -moz-transition-delay: 0.1s;
  -o-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}
.overlay-blocks-flaps-twist li:last-child {
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  -o-transition-delay: 0.3s;
  transition-delay: 0.3s;
  -webkit-transform: rotateZ(-60deg) rotateX(270deg);
  -moz-transform: rotateZ(-60deg) rotateX(270deg);
  transform: rotateZ(-60deg) rotateX(270deg);
}
/* overlay-software */
.overlay-software ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.overlay-software li {
  opacity: 0;
  background: #824d06;
  -webkit-transition: -webkit-transform 1s ease, opacity 0.5s ease-in-out;
  transition: -webkit-transform 1s ease, opacity 0.5s ease-in-out;
  -moz-transition: -moz-transform 1s ease, opacity 0.5s ease-in-out;
  -o-transition: -o-transform 1s ease, opacity 0.5s ease-in-out;
  transition: transform 1s ease, opacity 0.5s ease-in-out;
  padding: 0.15em 0;
  z-index: 100000;
}
/* overlay-software-1 */
.overlay-software-1 li:first-child {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-1 li:last-child {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-2 */
.overlay-software-2 li:first-child {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-2 li:last-child {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-3 */
.overlay-software-3 li:first-child {
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-3 li:last-child {
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-4 */
.overlay-software-4 li:first-child {
  -webkit-transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  -moz-transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  transform: rotateX(180deg) translate3D(-50%, -100%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-4 li:last-child {
  -webkit-transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  -moz-transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  transform: rotateX(-180deg) translate3d(50%, 100%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-5 */
.overlay-software-5 li:first-child {
  -webkit-transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  -moz-transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  transform: rotateY(-180deg) translate3D(-100%, -50%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-5 li:last-child {
  -webkit-transform: rotateY(180deg) translate3d(100%, 50%, 0);
  -moz-transform: rotateY(180deg) translate3d(100%, 50%, 0);
  transform: rotateY(180deg) translate3d(100%, 50%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-6 */
.overlay-software-6 li:first-child {
  -webkit-transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  -moz-transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  transform: rotateX(180deg) rotateZ(180deg) translate3D(-10%, -50%, 0);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-6 li:last-child {
  -webkit-transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  -moz-transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  transform: rotateX(-180deg) rotateZ(180deg) translate3d(10%, 50%, 0);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-7 */
.overlay-software-7 li:first-child {
  -webkit-transform: rotateX(180deg) translate(10%, 100%);
  -moz-transform: rotateX(180deg) translate(10%, 100%);
  transform: rotateX(180deg) translate(10%, 100%);
}
.overlay-software-7 li:last-child {
  -webkit-transform: rotateX(-180deg) translate(-10%, -100%);
  -moz-transform: rotateX(-180deg) translate(-10%, -100%);
  transform: rotateX(-180deg) translate(-10%, -100%);
}
/* overlay-software-8 */
.overlay-software-8 li:first-child {
  -webkit-transform: rotateY(-180deg) translate(10%, 100%);
  -moz-transform: rotateY(-180deg) translate(10%, 100%);
  transform: rotateY(-180deg) translate(10%, 100%);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-8 li:last-child {
  -webkit-transform: rotateY(180deg) translate(-10%, -100%);
  -moz-transform: rotateY(180deg) translate(-10%, -100%);
  transform: rotateY(180deg) translate(-10%, -100%);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* overlay-software-9 */
.overlay-software-9 li:first-child {
  -webkit-transform: rotateZ(180deg) translate(0%, 100%);
  -moz-transform: rotateZ(180deg) translate(0%, 100%);
  transform: rotateZ(180deg) translate(0%, 100%);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.overlay-software-9 li:last-child {
  -webkit-transform: rotateZ(180deg) translate(0%, -100%);
  -moz-transform: rotateZ(180deg) translate(0%, -100%);
  transform: rotateZ(180deg) translate(0%, -100%);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
/* slider */
.slider-container {
  border: 1px solid #eaeaea;
  margin: 10px 10px 10px 0;
}
.slider-container:hover {
  cursor: pointer;
}
.slider-mask {
  overflow: hidden;
  position: relative;
}
.slider-images {
  width: 500%;
  position: relative;
  overflow: hidden;
  -webkit-animation: slide 20s ease infinite;
     -moz-animation: slide 20s ease infinite;
       -o-animation: slide 20s ease infinite;
          animation: slide 20s ease infinite;
}
.slider-images li {
  position: relative;
  float: left;
  width: 20%;
  padding: 3px;
}
.slider-images img {
  display: block;
}
.slider-images:hover {
  -webkit-animation-play-state: paused;
     -moz-animation-play-state: paused;
       -o-animation-play-state: paused;
          animation-play-state: paused;
}
/* SLIDER ANIMATION */
/* slide animation, 5 images, modify to fit your needs */
@-webkit-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
@-moz-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
@-o-keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}
@keyframes slide {
  0%,
  15%,
  100% {
    left: 0;
  }
  20%,
  35% {
    left: -100%;
  }
  40%,
  55% {
    left: -200%;
  }
  60%,
  75% {
    left: -300%;
  }
  80%,
  95% {
    left: -400%;
  }
}