.animated1{
  abc: 124;
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.animated2{
  abc: 124;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.animated3{
  abc: 124;
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.animated4{
  abc: 124;
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.animated5{
  abc: 124;
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.animated6{
  abc: 124;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.animated7{
  abc: 124;
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.animated8{
  abc: 124;
  -webkit-animation-delay: 0.8s;
  -moz-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.animated9{
  abc: 124;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.animated10{
  abc: 124;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  animation-delay: 1s;
}
.animated11{
  abc: 124;
  -webkit-animation-delay: 1.1s;
  -moz-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
.animated12{
  abc: 124;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s;
  animation-delay: 1.2s;
}
.animated13{
  abc: 124;
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
  animation-delay: 1.3s;
}
.animated14{
  abc: 124;
  -webkit-animation-delay: 1.4s;
  -moz-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
.animated15{
  abc: 124;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.animated16{
  abc: 124;
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}
.animated17{
  abc: 124;
  -webkit-animation-delay: 1.7s;
  -moz-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
.animated18{
  abc: 124;
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay: 1.8s;
  animation-delay: 1.8s;
}
.animated19{
  abc: 124;
  -webkit-animation-delay: 1.9s;
  -moz-animation-delay: 1.9s;
  animation-delay: 1.9s;
}
.animated20{
  abc: 124;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  animation-delay: 2s;
}
.animated21{
  abc: 124;
  -webkit-animation-delay: 2.1s;
  -moz-animation-delay: 2.1s;
  animation-delay: 2.1s;
}
.animated22{
  abc: 124;
  -webkit-animation-delay: 2.2s;
  -moz-animation-delay: 2.2s;
  animation-delay: 2.2s;
}
.animated23{
  abc: 124;
  -webkit-animation-delay: 2.3s;
  -moz-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
.animated24{
  abc: 124;
  -webkit-animation-delay: 2.4s;
  -moz-animation-delay: 2.4s;
  animation-delay: 2.4s;
}
.animated25{
  abc: 124;
  -webkit-animation-delay: 2.5s;
  -moz-animation-delay: 2.5s;
  animation-delay: 2.5s;
}
.animated26{
  abc: 124;
  -webkit-animation-delay: 2.6s;
  -moz-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
.animated27{
  abc: 124;
  -webkit-animation-delay: 2.7s;
  -moz-animation-delay: 2.7s;
  animation-delay: 2.7s;
}
.animated28{
  abc: 124;
  -webkit-animation-delay: 2.8s;
  -moz-animation-delay: 2.8s;
  animation-delay: 2.8s;
}
.animated29{
  abc: 124;
  -webkit-animation-delay: 2.9s;
  -moz-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
.animated30{
  abc: 124;
  -webkit-animation-delay: 3s;
  -moz-animation-delay: 3s;
  animation-delay: 3s;
}
.animated31{
  abc: 124;
  -webkit-animation-delay: 3.1s;
  -moz-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
.animated32{
  abc: 124;
  -webkit-animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
  animation-delay: 3.2s;
}
.animated33{
  abc: 124;
  -webkit-animation-delay: 3.3s;
  -moz-animation-delay: 3.3s;
  animation-delay: 3.3s;
}
.animated34{
  abc: 124;
  -webkit-animation-delay: 3.4s;
  -moz-animation-delay: 3.4s;
  animation-delay: 3.4s;
}
.animated35{
  abc: 124;
  -webkit-animation-delay: 3.5s;
  -moz-animation-delay: 3.5s;
  animation-delay: 3.5s;
}
.animated36{
  abc: 124;
  -webkit-animation-delay: 3.6s;
  -moz-animation-delay: 3.6s;
  animation-delay: 3.6s;
}
.animated37{
  abc: 124;
  -webkit-animation-delay: 3.7s;
  -moz-animation-delay: 3.7s;
  animation-delay: 3.7s;
}
.animated38{
  abc: 124;
  -webkit-animation-delay: 3.8s;
  -moz-animation-delay: 3.8s;
  animation-delay: 3.8s;
}
.animated39{
  abc: 124;
  -webkit-animation-delay: 3.9s;
  -moz-animation-delay: 3.9s;
  animation-delay: 3.9s;
}
.animated40{
  abc: 124;
  -webkit-animation-delay: 4s;
  -moz-animation-delay: 4s;
  animation-delay: 4s;
}
.animated41{
  abc: 124;
  -webkit-animation-delay: 4.1s;
  -moz-animation-delay: 4.1s;
  animation-delay: 4.1s;
}
.animated42{
  abc: 124;
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
  animation-delay: 4.2s;
}
.animated43{
  abc: 124;
  -webkit-animation-delay: 4.3s;
  -moz-animation-delay: 4.3s;
  animation-delay: 4.3s;
}
.animated44{
  abc: 124;
  -webkit-animation-delay: 4.4s;
  -moz-animation-delay: 4.4s;
  animation-delay: 4.4s;
}
.animated45{
  abc: 124;
  -webkit-animation-delay: 4.5s;
  -moz-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
.animated46{
  abc: 124;
  -webkit-animation-delay: 4.6s;
  -moz-animation-delay: 4.6s;
  animation-delay: 4.6s;
}
.animated47{
  abc: 124;
  -webkit-animation-delay: 4.7s;
  -moz-animation-delay: 4.7s;
  animation-delay: 4.7s;
}
.animated48{
  abc: 124;
  -webkit-animation-delay: 4.8s;
  -moz-animation-delay: 4.8s;
  animation-delay: 4.8s;
}
.animated49{
  abc: 124;
  -webkit-animation-delay: 4.9s;
  -moz-animation-delay: 4.9s;
  animation-delay: 4.9s;
}
.animated50{
  abc: 124;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  animation-delay: 5s;
}

.portfolio_nav { display:none; }
.top_bar.fixed
{
  position: fixed;
  animation-name: slideDown;
  -webkit-animation-name: slideDown;  
  animation-duration: 0.5s; 
  -webkit-animation-duration: 0.5s;
  z-index: 999;
  visibility: visible !important;
  top: 0px;
}

.top_bar.fixed #menu_wrapper div .nav
{
  margin-top: 16px;
}

.top_bar.fixed #searchform
{
  margin-top: 8px;
}

.top_bar.fixed .header_cart_wrapper
{
  margin-top: 21px;
}

.top_bar.fixed #menu_wrapper div .nav > li > a
{
  padding-bottom: 24px;
}

.top_bar.fixed .logo_wrapper img
{
  max-height: 40px;
  width: auto;
}


@media only screen and (max-width: 768px) {
  html[data-menu=leftmenu] .mobile_menu_wrapper
  {
    right: 0;
    left: initial;
    
    -webkit-transform: translate(360px, 0px);
    -ms-transform: translate(360px, 0px);
    transform: translate(360px, 0px);
    -o-transform: translate(360px, 0px);
  }
}

a#prevslide:before, a#nextslide:before
{
  font-family: "FontAwesome";
  font-size: 18px;
  line-height: 40px;
  display: block;
  content: '\f104';
  color: #000000;
  margin-top: 0px;
  margin-left: -3px;
}
a#nextslide:before
{
  content: '\f105';
}
body.page-template-gallery a#prevslide, body.single-galleries a#prevslide
{ 
  z-index:9; cursor: pointer; display: block; position: fixed; top: 47%; padding: 0 20px 0 20px; width: initial; height: initial; 
  background: #ffffff;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  -moz-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  
  border-radius: 250px;
  opacity: 1 !important;
  box-sizing: border-box;
  left: -80px;
}

body.page-template-gallery:hover a#prevslide, body.single-galleries:hover a#prevslide
{
  left: 20px;
}

body.page-template-gallery a#nextslide, body.single-galleries a#nextslide
{ 
  z-index:9; cursor: pointer;  display: block; position: fixed; right: -80px; top: 47%; padding: 0 20px 0 20px; width: initial; height: initial; 
  background: #ffffff;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
  width: 40px;
  height: 40px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  -moz-box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  box-shadow: 0 8px 8px -6px rgba(0,0,0,.15);
  
  border-radius: 250px;
  opacity: 1 !important;
  box-sizing: border-box;
}

body.page-template-gallery:hover a#nextslide, body.single-galleries:hover a#nextslide
{
  right: 20px;
}

#sub_menu .sub-menu li a
{
  font-size: 22px;
  line-height: 2em;
}


.mobile_menu_wrapper
{
  right: -10px;
  left: auto;
  -webkit-transform: translate(100%, 0px);
  -moz-transform: translate(100%, 0px);
  transform: translate(100%, 0px);
}

body.js_nav .mobile_menu_wrapper, html[data-menu=leftmenu] body.js_nav .mobile_menu_wrapper
{
  -webkit-transform: translate(calc(100% -360px), 0px);
  -ms-transform: translate(calc(100% - 360px), 0px);
  transform: translate(calc(100% - 360px), 0px);
  right: 0;
  left: auto;
}

@media only screen and (max-width: 767px) {
  body.js_nav .mobile_menu_wrapper, html[data-menu=leftmenu] body.js_nav .mobile_menu_wrapper
  {
    -webkit-transform: translate(calc(100% - 270px), 0px);
    -ms-transform: translate(calc(100% - 270px), 0px);
    transform: translate(calc(100% - 270px), 0px);
  }
}

@media only screen and (min-width: 960px)
{
  .top_bar.scroll
  {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  .top_bar.scroll.scroll_up
  {
    -webkit-transform: translateY(00px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  .header_style_wrapper
  {
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .header_style_wrapper.scroll_down
  {
    opacity: 0;
    z-index: 0;
  }
  
  .header_style_wrapper.scroll_up
  {
    opacity: 1;
  }
}