@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
html {
font-size: 62.5%;
-webkit-font-smoothing: antialiased;
height: 100%;
}
body {
word-wrap: break-word;
-ms-word-wrap: break-word;
font-size: 16px;
background: #ffffff;
line-height: 1.618;
}
img {
max-width: 100%;
height: auto;
display: block;
}
ul {
-webkit-padding-start: 40px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 500;
line-height: 1.4;
margin-bottom: 20px;
margin-top: 0;
color: #000000;
}
h1 {
font-size: 42px;
font-size: 4.2rem;
line-height: 1.125;
}
h2 {
font-size: 36px;
font-size: 3.6rem;
line-height: 1.25;
}
h3 {
font-size: 24px;
font-size: 2.4rem;
line-height: 1.25;
}
h4 {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.3;
}
h5 {
font-size: 16px;
font-size: 1.6rem;
line-height: 1.375;
}
h6 {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
}
a {
cursor: pointer;
outline: none;
color: #000000;
text-decoration: none !important;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:hover,
a:active,
a:focus {
color: #666666;
text-decoration: none;
outline: none;
}
button:focus {
outline: 0;
}
p {
margin: 0 0 20px;
}
table {
width: 80%;
margin-bottom: 20px;
}
th,
td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border: 1px solid #ddd;
}
th {
font-weight: bold;
border-bottom: 2px solid;
text-align: center;
}
*::-moz-selection {
background-color: #000;
color: #fff;
}
*::selection {
background-color: #000;
color: #fff;
}
button {
border: none;
background-image: none;
background: transparent;
}
select {
max-width: 100%;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
blockquote {
margin: 1em 0;
border-left: 10px solid #000;
padding-left: 12px;
}
ol {
display: block;
list-style-type: decimal;
-webkit-padding-start: 40px;
}
.bypostauthor > .comment .comment-author cite:after {
content: "post author";
font-size: 7px;
font-size: 0.693333rem;
font-style: italic;
margin-left: 6px;
}
.aligncenter {
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
img.aligncenter,
img.alignnone {
margin-bottom: 12px;
}
img.alignleft {
margin: 12px 24px 12px 0;
margin: 10px 20px 10px 0;
}
img.alignright {
margin: 12px 0 12px 24px;
margin: 10px 0 10px 20px;
}
pre {
font-size: 16px;
white-space: pre;
word-wrap: normal;
overflow-x: scroll;
line-height: 1.6;
margin: 1em 0;
}
figure {
max-width: 100%;
height: auto;
}
body {
min-height: 100%;
}
#content {
height: 100%;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
line-height: 1.6;
margin-top: 10px;
color: #757575;
font-size: 12px;
font-size: 1.2rem;
text-align: left;
}
.sticky .post-title:before {
content: "Featured Post";
padding: 15px 25px;
color: #ffffff;
background-color: #000000;
position: absolute;
top: 0;
z-index: 10;
right: 0;
font-size: 13px;
line-height: 1;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} input {
height: 40px;
padding: 0 15px;
outline: 0;
border-width: 1px;
border-style: solid;
background-color: #EFEFEF;
border-color: #EFEFEF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
outline: 0;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px white inset;
}
textarea {
width: 100%;
border-width: 1px;
border-style: solid;
background-color: #EFEFEF;
border-color: #EFEFEF;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}
input[type="submit"] {
display: inline-block;
color: #fff;
background-color: #ff0036;
font-size: 16px;
letter-spacing: 0.025em;
width: auto;
border: none;
margin-top: 0;
cursor: pointer;
}
::-ms-clear {
display: none;
}
::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
display: none;
}
img {
max-width: 100%;
height: auto;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
.container {
width: 1200px;
margin: 0 auto;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.therow {
margin-left: -15px;
margin-right: -15px;
}
.column {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 15px;
padding-left: 15px;
max-width: 100%;
}
.column {
display: inline-block;
float: left;
}
.column-1 {
width: 100%;
}
.column-2 {
width: 50%;
}
.column-3 {
width: 33.33333%;
}
.column-2of3 {
width: 66.66667%;
}
.column-4 {
width: 25%;
}
.column-5 {
width: 20%;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.icon {
font-family: "zloob";
} .btn {
font-family: inherit;
cursor: pointer;
display: inline-block;
padding: 10px 25px;
background-color: #000;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.btn:hover {
color: #fff;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.34);
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.boxed-wrap  {
margin: auto;
}
.top-border {
position: fixed;
width: 100%;
top: 0;
left: 0;
z-index: 999;
padding: 12px;
}
.bottom-border {
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 9999;
padding: 12px;
}
.left-border {
position: fixed;
width: 25px;
left: 0;
height: 100%;
z-index: 9999;
}
.right-border {
position: fixed;
width: 25px;
right: 0;
height: 100%;
z-index: 9999;
}
#preloader {
position: fixed;
height: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1000;
}
#status {
width: 100%;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: 40px 40px;
transform: translate(-50%, -50%);
background-image: url(https://daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif);
}    .header-style-1-wrap .fl {
float: left;
}
.header-style-1-wrap .fr {
float: right;
}
.header-style-1-wrap .main-menu {
float: left;
}
.header-style-1-wrap .main-menu ul.sm-clean>li+li {
margin-left: 30px;
}
.header-style-1-wrap .main-menu ul.sm-clean>li {
padding-top: 10px;
padding-bottom: 10px;
}
.header-style-1-wrap .main-menu ul.sm-clean>li>a {
font-size: 16px;
color: #000000;
position: relative;
display: block;
padding: 0.65em 0;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
transition: opacity 0.2s linear, color 0.2s linear;
}
.header-style-1-wrap ul.sm-clean ul {
border: none;
background-color: #000;
border-radius: 0 !important;
padding: 5px 0;
}
.header-style-1-wrap ul.sm-clean ul:before, .header-style-1-wrap ul.sm-clean ul:after {
content: none;
}
.header-style-1-wrap ul.sm-clean ul li a {
color: #ffffff;
font-size: 14px;
padding: 5px 20px;
}
.header-style-1-wrap ul.sm-clean ul li a:hover {
background: none;
opacity: 0.7;
}
ul.sm-clean > li > a span.sub-arrow {
right: -10px;
}
.header-style-1 .search-wrap {
float: right;
padding: 20px 0;
line-height: 35px;
display: flex;
}
.header-style-1 .search-wrap button {
font-size: 18px;
margin-left: 30px;
cursor: pointer;
z-index: 10;
}
.header-style-1 .search {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(0, 0, 0, 0.95);
}
.js .header-style-1 .search {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
.header-style-1 .search::before,
.header-style-1 .search::after {
content: '';
position: absolute;
width: calc(100% + 15px);
height: calc(100% + 15px);
pointer-events: none;
border: 1.5em solid #f1f1f1;
}
.header-style-1 .search::before {
top: 0;
left: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.header-style-1 .search::after {
right: 0;
bottom: 0;
border-top-width: 0;
border-left-width: 0;
}
.header-style-1 .btn--search-close {
color: #fff;
font-size: 2em;
position: absolute;
top: 1.25em;
right: 1.25em;
display: none;
cursor: pointer;
}
.js .header-style-1 .btn--search-close {
display: block;
}
.header-style-1 .search__form {
margin-top: 5em;
}
.header-style-1 .search__input {
font-family: inherit;
font-size: 10vw;
line-height: 1;
display: inline-block;
box-sizing: border-box;
width: 75%;
padding: 0;
color: #ffffff;
border: none;
border-bottom: 2px solid;
height: 190px;
background-color: transparent;
}
.header-style-1 .search--open button.submit {
display: none;
}
.header-style-1 .search__input::-webkit-input-placeholder { opacity: 0.3;
color: #ffffff;
}
.header-style-1 .search__input::-moz-placeholder {
opacity: 0.3; color: #ffffff;
}
.header-style-1 .search__input:-ms-input-placeholder { opacity: 0.3;
color: #ffffff;
}
.header-style-1 .search__input::-webkit-search-cancel-button,
.header-style-1 .search__input::-webkit-search-decoration {
-webkit-appearance: none;
}
.header-style-1 .search__input::-ms-clear {
display: none;
}
.header-style-1 .search__info {
font-weight: bold;
display: block;
width: 75%;
margin: 0 auto;
padding: 0.85em 0;
text-align: right;
color: #ffffff;
}
.header-style-1 .search__related {
display: block;
width: 75%;
pointer-events: none;
margin-top: 5vw;
}
.header-style-1 .search__suggestion {
width: 100%;
max-width: 100%;
text-align: left;
}
.header-style-1 .search__suggestion:nth-child(2) {
margin: 0 3em;
}
.header-style-1 .search__suggestion h4 {
color: #ffffff;
position: relative;
padding-left: 35px;
}
.header-style-1 .search__suggestion h4::before {
content: "";
display: block;
width: 25px;
height: 1px;
background-color: #fff;
position: absolute;
left: 0;
top: 11px;
}
.header-style-1 .search__suggestion p {
color: #ffffff;
}
.js .header-style-1 .search {
pointer-events: none;
opacity: 0;
transition: opacity 0.5s;
}
.js .header-style-1 .search--open {
pointer-events: auto;
opacity: 1;
}
.header-style-1 .search::before,
.header-style-1 .search::after {
transition: transform 0.5s;
}
.header-style-1 .search::before {
transform: translate3d(-15px, -15px, 0);
}
.header-style-1 .search::after {
transform: translate3d(15px, 15px, 0);
}
.header-style-1 .search--open::before,
.header-style-1 .search--open::after {
transform: translate3d(0, 0, 0);
}
.header-style-1 .btn--search-close {
opacity: 0;
transform: scale3d(0.8, 0.8, 1);
transition: opacity 0.5s, transform 0.5s;
}
.header-style-1 .search--open .btn--search-close {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.js .header-style-1 .search__form,
.js .header-style-1 .search__info {
opacity: 0;
transform: scale3d(0.8, 0.8, 1);
transition: opacity 0.5s, transform 0.5s;
}
.js .header-style-1 .search--open .search__form,
.js .header-style-1 .search--open .search__info {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.header-style-1 .search__suggestion {
opacity: 0;
transform: translate3d(0, -30px, 0);
transition: opacity 0.5s, transform 0.5s;
}
.header-style-1 .search--open .search__suggestion {
opacity: 1;
transform: translate3d(0, 0, 0);
}
.header-style-1 .search--open .search__suggestion:nth-child(2) {
transition-delay: 0.1s;
}
.header-style-1 .search--open .search__suggestion:nth-child(3) {
transition-delay: 0.2s;
}
@media screen and (max-width:40em) {
.header-style-1 .search__form {
margin: 5em 0 1em;
}
.header-style-1 .btn--search-close {
font-size: 1.25em;
top: 1.5em;
right: 1.5em;
}
.header-style-1 .search__info {
text-align: left;
}
.header-style-1 .search__suggestion {
font-size: 80%;
width: 100%;
}
.header-style-1 .search__suggestion:nth-child(2),
.header-style-1 .search__suggestion:nth-child(3) {
display: none;
}
}
.header-style-1 .page-title {
margin-top: 0;
}
.sticky-header-wrap {
position: fixed;
width: 100%;
max-width: 100%;
z-index: 302;
}
.sticky-header-wrap.show {
position: absolute;
top: 0;
display: none;
}
.sticky-header-gap.show {
display: none;
}
#perspective .sticky-header-gap {
display: none;
} .search-form.default-search {
float: left;
margin-left: 30px;
padding: 10px 0;
}
.search-form.default-search .searchform {
position: relative;
width: 100%;
}
.search-form.default-search .searchform input.field {
background-color: #ffffff;
border: 1px solid #e7e7e7;
color: #000000;
}
.default-search .search-button {
position: absolute;
top: 0;
right: 10px;
display: flex;
color: #999999;
padding: 10px 0;
font-size: 20px;
border: none;
cursor: pointer;
}
.default-search .search-button i {
display: flex;
font-size: 18px;
} #showMenu {
width: 25px;
height: 20px;
position: relative;
margin: 27px auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#showMenu span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #000000;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#showMenu span:nth-child(1) {
top: 0px;
}
#showMenu span:nth-child(2) {
top: 9px;
}
#showMenu span:nth-child(3) {
bottom: 0;
}
#showMenu.open span:nth-child(1) {
top: 18px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
#showMenu.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
#showMenu.open span:nth-child(3) {
top: 18px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
html,
body,
.perspective {
width: 100%;
height: 100%;
}
.header-style-4 #showMenu,
.header-style-6 #showMenu {
float: right;
}
.menu-style-perspective ul.menus {
list-style: none;
}
.menu-style-perspective ul.sub-menu {
display: block;
}
.perspective .sm a {
font-size: 40px;
margin-bottom: 5px;
font-weight: 600;
}
.perspective .top li {
text-align: center;
}
.perspective {
background: #aaa;
position: relative;
}
.container-header-burger {
background: transparent;
min-height: 100%;
position: relative;
outline: 1px solid rgba(0, 0, 0, 0);
z-index: 10;
-webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
transform: translateZ(0) translateX(0) rotateY(0deg);
}
.container-header-burger::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0px;
opacity: 0;
background: rgba(0, 0, 0, 0.2)
-webkit-transition: opacity 0.4s, height 0s 0.4s;
transition: opacity 0.4s, height 0s 0.4s;
}
.effect-airbnb .container-header-burger::after {
background: rgba(255, 255, 255, 0.6);
}
.wrapper-header-burger {
position: relative;
}
.component {
margin: 0 auto;
width: 60%;
text-align: justify;
font-size: 1.5em;
}
.perspective.modalview {
position: fixed;
-webkit-perspective: 1500px;
perspective: 1500px;
}
.modalview .container-header-burger {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.modalview .wrapper-header-burger {
-webkit-transform: translateZ(-1px);
}
.animate .container-header-burger::after {
opacity: 1;
height: 101%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.outer-nav {
position: absolute;
height: auto;
font-size: 2em;
}
.outer-nav.vertical {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.outer-nav.horizontal {
left: 50%;
width: 75%;
max-width: 1000px;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.outer-nav.left {
left: 25%;
}
.outer-nav.right {
right: 25%;
}
.outer-nav.top {
top: 25%;
}
.outer-nav.bottom {
bottom: 25%;
}
.outer-nav a {
display: inline-block;
white-space: nowrap;
font-weight: 300;
margin: 0 0 30px 0;
color: #fff;
-webkit-transition: color 0.3s;
transition: color 0.3s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.outer-nav a:hover {
color: #ffdccd;
}
.outer-nav.vertical a {
display: block;
}
.outer-nav.horizontal a {
margin: 15px 20px;
}
.outer-nav a::before {
display: inline-block;
font-family: 'typicons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
margin-right: 10px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.icon-news::before {
content: "\e600"
}
.icon-home::before {
content: "\e601"
}
.icon-image::before {
content: "\e602"
}
.icon-upload::before {
content: "\e603"
}
.icon-star::before {
content: "\e604"
}
.icon-mail::before {
content: "\e605"
}
.icon-lock::before {
content: "\e606"
}
.icon-chart-pie::before {
content: "\e607"
}
.effect-airbnb {
background: #f4f3f1;
}
.effect-airbnb .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-airbnb.animate .container-header-burger {
-webkit-transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
}
.no-csstransforms3d .effect-airbnb.animate .container-header-burger {
left: 75%;
}
.effect-airbnb .outer-nav a {
opacity: 0;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-airbnb.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.effect-airbnb.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-airbnb.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-airbnb.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.effect-airbnb.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-airbnb.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-airbnb.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.effect-moveleft {
background: #f4f3f1;
}
.effect-moveleft .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-moveleft .container-header-burger::after {
background: rgba(255, 255, 255, 0.6);
}
.effect-moveleft.animate .container-header-burger {
-webkit-transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
}
.no-csstransforms3d .effect-moveleft.animate .container-header-burger {
left: -75%;
}
.effect-moveleft .outer-nav a {
color: #e86a32;
opacity: 0;
-webkit-transform: translateX(100px) translateZ(-1000px);
transform: translateX(100px) translateZ(-1000px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-moveleft .outer-nav a:hover {
color: #333;
}
.effect-moveleft.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.effect-moveleft.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-moveleft.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-moveleft.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.effect-moveleft.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-moveleft.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-moveleft.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.effect-rotateleft {
background: #e96e4f;
}
.effect-rotateleft .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.effect-rotateleft .container-header-burger::after {
background: rgba(255, 255, 255, 0.6);
}
.effect-rotateleft.animate .container-header-burger {
-webkit-transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
}
.no-csstransforms3d .effect-rotateleft.animate .container-header-burger {
left: -75%;
}
.effect-rotateleft .outer-nav a {
opacity: 0;
-webkit-transform: translateX(350px) translateZ(-1000px);
transform: translateX(350px) translateZ(-1000px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-rotateleft.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0);
}
.effect-rotateleft.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-rotateleft.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-rotateleft.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-rotateleft.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-rotateleft.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-rotateleft.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.effect-movedown {
background:transparent;
}
.effect-movedown .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-movedown .container-header-burger::after {
background: rgba(52, 73, 94, 0.5);
}
.effect-movedown.animate .container-header-burger {
-webkit-transform: translateY(100%) translateZ(-1500px);
transform: translateY(100%) translateZ(-1500px);
}
.no-csstransforms3d .effect-movedown.animate .container-header-burger {
top: 75%;
}
.effect-movedown .outer-nav a {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-movedown .outer-nav a:hover {
color: #ed8151;
}
.effect-movedown.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.effect-movedown.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-movedown.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-movedown.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.effect-movedown.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-movedown.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-movedown.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.effect-rotatetop {
background: #edcdbb;
}
.effect-rotatetop .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.effect-rotatetop .container-header-burger::after {
background: rgba(94, 59, 43, 0.6);
}
.effect-rotatetop.animate .container-header-burger {
-webkit-transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
}
.no-csstransforms3d .effect-rotatetop.animate .container-header-burger {
top: -75%;
}
.effect-rotatetop .outer-nav a {
opacity: 0;
color: #ed8151;
-webkit-transform: translateY(200px) translateZ(-1000px);
transform: translateY(200px) translateZ(-1000px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-rotatetop .outer-nav a:hover {
color: #777;
}
.effect-rotatetop.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.effect-rotatetop.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-rotatetop.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-rotatetop.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.effect-rotatetop.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-rotatetop.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-rotatetop.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
}
.effect-laydown {
background: #b8b6b4;
}
.effect-laydown .container-header-burger {
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transform-origin: 50% 150%;
transform-origin: 50% 150%;
}
.effect-laydown.animate .container-header-burger {
-webkit-transform: translateZ(-1500px) rotateX(80deg);
transform: translateZ(-1500px) rotateX(80deg);
}
.no-csstransforms3d .effect-laydown.animate .container-header-burger {
top: 75%;
}
.effect-laydown .outer-nav a {
opacity: 0;
-webkit-transform: translateY(-200px) translateZ(-1000px);
transform: translateY(-200px) translateZ(-1000px);
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.effect-laydown.animate .outer-nav a {
opacity: 1;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.effect-laydown.animate .outer-nav a:nth-child(7) {
-webkit-transition-delay: 0.0s;
transition-delay: 0.0s;
}
.effect-laydown.animate .outer-nav a:nth-child(6) {
-webkit-transition-delay: 0.04s;
transition-delay: 0.04s;
}
.effect-laydown.animate .outer-nav a:nth-child(5) {
-webkit-transition-delay: 0.08s;
transition-delay: 0.08s;
}
.effect-laydown.animate .outer-nav a:nth-child(4) {
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.effect-laydown.animate .outer-nav a:nth-child(3) {
-webkit-transition-delay: 0.16s;
transition-delay: 0.16s;
}
.effect-laydown.animate .outer-nav a:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.effect-laydown.animate .outer-nav a:first-child {
-webkit-transition-delay: 0.24s;
transition-delay: 0.24s;
} .main-menu-btn {
position: relative;
display: inline-block;
width: 28px;
height: 28px;
text-indent: 28px;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0,0,0,0);
display: none;
}
#header {
max-width: 100%;
} .main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
position: absolute;
top: 50%;
left: 2px;
height: 2px;
width: 24px;
background: #bbb;
-webkit-transition: all 0.25s;
transition: all 0.25s;
}
.main-menu-btn-icon:before {
content: '';
top: -7px;
left: 0;
}
.main-menu-btn-icon:after {
content: '';
top: 7px;
left: 0;
} #main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
height: 0;
background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} #main-menu-state {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
border: 0;
padding: 0;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
visibility: hidden;
} #main-menu-state:not(:checked) ~ #main-menu {
display: none;
}
#main-menu-state:checked ~ #main-menu {
display: block;
}
#header.inner-head-wrap {
margin-left: auto;
margin-right: auto;
z-index: 101;
position: relative;
}
#content {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.header-clear {
position: relative;
max-width: 100%;
}
#header .fc {
position: absolute;
left: 0;
right: 0;
margin: auto;
text-align: center; 
}
#header .fc .logo {
float: none;
}
#header .fc .logo img {
margin: auto;
}
#header .fl.horizontal .head-item {
float: left;
}
#header .fc.horizontal .head-item {
display: inline-block;
}
#header .fr.horizontal .head-item {
float: right;
}
.header-social ul {
list-style: none;
padding: 0;
margin-top: 15px;
}
.header-social ul li {
display: inline-block;
margin-right: 10px;
}
.header-social ul li:last-child {
margin-right: 0;
}
.logo {
float: left;
position: relative;
z-index: 100;
}
.logo h2.site-title {
margin-bottom: 0;
}
.mobile-menu {
display: none;
}  .page-template-default #content {
padding: 80px 0;
}
.page-content-wrap {
padding: 80px 0;
}
.blog .blog,
.blog-content-wrap .blog {
padding: 80px 0;
}
.single-post-wrap .blog {
padding: 80px 0;
} .page-title {
margin: 60px 0;
text-align: center;
}
.page-title h2 {
color: #000;
font-weight: 500;
}
.page-title span {
display: block;
margin: 0;
font-size: 42px;
font-weight: 600;
line-height: 34px;
color: #e0e0e0;
}  .error404 .outer {
display: table;
width: 100%;
}
.error404 .outer .inner {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.not-found .inner h1 {
line-height: 1;
font-weight: 600;
font-size: 34vmin;
}
.not-found .inner h3 {
line-height: 1.6;
}
.not-found .inner h3 span {
display: block;
}
.not-found .inner a {
font-size: 20px;
}   .standard-carousel-slider {
position: relative;
}
.magazine-1-post-style .slider-wrapper,
.magazine-2-post-style .slider-wrapper {
margin-top: 20px;
}
.format-gallery .post-thumb {
position: relative;
}
.format-gallery .post-thumb span.play-icon i {
display: inline-flex;
font-size: 3em;
background-color: #61c436;
padding: 14px 14px;
color: #ffffff;
border-radius: 100%;
webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.format-gallery .post-thumb:hover span.play-icon i {
opacity: 0.7;
}
.standard-carousel-slider .slider-pagination i {
position: absolute;
top: 50%;
z-index: 99;
background-color: rgba(17, 17, 17, 0.4);
width: 50px;
height: 50px;
text-align: center;
line-height: 60px;
font-size: 32px;
vertical-align: middle;
color: #ffffff;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.standard-carousel-slider .slider-pagination i:hover {
background-color: rgba(17, 17, 17, 0.7);
}
.standard-carousel-slider .slider-pagination i.running-news-prev {
left: 10px;
}
.standard-carousel-slider .slider-pagination i.running-news-next {
right: 10px;
}
.blog-section .post-car-arrow-wrap.on-bottom {
position: absolute;
bottom: 0;
left: auto;
z-index: 1;
right: 0;
cursor: pointer;
} .magazine-1-post-style .featured-video,
.magazine-2-post-style .featured-video {
margin-top: 20px;
}
.format-video .post-thumb {
position: relative;
}
.format-video .post-thumb span.play-icon, .format-gallery .post-thumb span.play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.format-video .post-thumb span.play-icon i {
display: inline-flex;
font-size: 4em;
background-color: #61c436;
padding: 5px 6px;
color: #ffffff;
border-radius: 100%;
webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.format-video .post-thumb:hover span.play-icon i {
opacity: 0.7;
}
.featured-video iframe {
width: 100%;
max-width: 100%;
}
.featured-video iframe:-webkit-full-screen {
z-index: 999999 !important;
}
.featured-video .wp-video, .featured-video .mejs-container {
width: 100% !important;
}  .post-content-wrap {
position: relative;
}
.blog-item {
margin-bottom: 40px;
}
.blog-item .post-thumb {
position: relative;
overflow: hidden;
}
.blog-section .blog-item .post-thumb img {
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
transition: transform .5s ease,opacity .2s ease-in-out;
transition: transform .5s ease,opacity .2s ease-in-out,-webkit-transform .5s ease;
}
.blog-section .blog-item:hover .post-thumb img {
-webkit-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
-webkit-transition: -webkit-transform .5s ease;
transition: -webkit-transform .5s ease;
transition: transform .5s ease;
transition: transform .5s ease,-webkit-transform .5s ease;
}
.blog-section .blog-item .post-thumb .arsitek-overlay {
position: absolute;
background-color: #000;
display: block;
left: 0;
top: 0;
width: 103%;
height: 103%;
z-index: 10;
-webkit-transform: translate(-1px,-1px);
-ms-transform: translate(-1px,-1px);
transform: translate(-1px,-1px);
opacity: 0;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease;
}
.blog-section .blog-item:hover .post-thumb .arsitek-overlay {
opacity: .3;
} .blog-item .meta-wrapper {
font-size: 13px;
}
.blog-item .meta-wrapper span.date,
.blog-item .meta-wrapper span.standard-post-categories {
padding-left: 30px;
display: inline-block;
position: relative;
}
.blog-item .meta-wrapper span.date:before,
.blog-item .meta-wrapper span.standard-post-categories:before {
content: "||";
text-align: center;
display: block;
width: 25px;
height: 1px;
opacity: 1;
position: absolute;
top: 0;
left: 0;
color: #000000;
}
.blog-item .meta-wrapper span.date.no-author:before, .blog-item .meta-wrapper span.standard-post-categories.no-other:before {
display: none;
}
.blog-item .meta-wrapper span.date.no-author, .blog-item .meta-wrapper span.standard-post-categories.no-other {
padding: 0;
}
.blog-item .meta-wrapper a {
color: #000000;
font-weight: 600;
letter-spacing: 0.025em;
}
.blog-item .meta-wrapper a:hover {
color: #666666;
}
.blog-item ul.post-categories {
list-style: none;
padding: 0;
display: inline-block;
}
.blog-item ul.post-categories li {
display: inline-block;
}
.blog-style-1-block {
position: relative;
} .blog-style-2 article.blog-item {
position: relative;
max-height: 300px;
overflow: hidden;
}
.blog-style-2 .post-content-style-2 {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 100;
width: 100%;
}
.blog-style-2 .post-content-style-2 h2.post-title {
font-size: 42px;
margin-bottom: 0;
}
.blog-style-2 .img-loaded img {
opacity: 0;
width: 100%;
height: 100%;
}
.blog-style-2 article.blog-item:hover .img-loaded img {
opacity: 1;
}
.blog-style-2 article.blog-item:hover .post-content-style-2 h2.post-title a {
color: #fff;
}
.elementor .blog-section.blog-style-2 article.blog-item {
max-height: 100%;
}
.blog-style-2 .navigation-paging {
margin: 0;
}
.blog-style-2 {
position: relative;
}
.elementor .blog-section.blog-style-2 .post-thumb {
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
opacity: 0;
background-size: cover;
}
.elementor .blog-section.blog-style-2 .blog-item:hover .post-thumb {
opacity: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.post-password-form p:nth-child(2) {
background-color: #f2f2f2;
padding: 20px;
text-align: center;
}
.post-password-form input[type="password"] {
background-color: #ffffff;
border-color: #ffffff;
}
.post-password-form input[type="submit"] {
background-color: #000000;
} .post-grid-style3 .blog-item {
float: left;
}
.post-grid-style3.blog-section .blog-item .post-thumb img {
-webkit-transform: none;
transform: none;
}
.blog-style-3 .navigation-paging {
margin: 0;
} .blog-section .blog-item .post-content {
text-align: center;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
max-width: 100%;
}
.sticky.blog-item .post-content {
position: relative;
}
.elementor .blog-section .blog-item .post-content {
margin-bottom: 0;
}
.elementor .pagination-page-template a {
padding: 10px 20px;
}
.blog-item .blog-item.has-post-thumbnail .post-content {
margin-top: 0;
}
.blog-item .post-content .post-title {
margin-top: 20px;
margin-bottom: 10px;
}
.blog-item .post-text {
margin-top: 15px;
} .blog-item .read-more {
margin-top: 15px;
display: inline-block;
padding: 10px 20px;
border: 1px solid #000000;
margin-bottom: 30px;
line-height: 1.6;
}
.blog-item .read-more:hover {
color: #ffffff;
background-color: #000000;
border-color: #000000; 
} .pagination-page-template {
padding: 40px 0;
}
.navigation-paging {
margin: 30px 0;
padding: 30px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.infinite-wrap.text-left {
text-align: left;
}
.infinite-wrap.text-center {
text-align: center;
}
.infinite-wrap.text-right {
text-align: right;
}
.elementor .navigation-paging {
margin: 0;
}
.elementor .navigation-paging.no-shadow a, .elementor .navigation-paging.no-shadow button, .infinite-wrap.style-2.no-shadow .btn:hover {
box-shadow: none;
} .infinite-wrap.style-2, .infinite-wrap.style-3 {
border: 0;
}
.infinite-wrap.style-2 .btn  {
border: 1px solid #000000;
background-color: transparent;
color: #000000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.infinite-wrap.style-2 .btn:hover {
color: #ffffff;
background-color: #000000;
box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34);
}
.pagination-num .btn {
padding: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 41px;
margin-right: 5px;
border: 2px solid #000;
}
.pagination-num .btn.current {
cursor: default;
background-color: transparent;
color: #000;
border: 2px solid #000;
}
.pagination-num .btn.current:hover {
box-shadow: none;
} .infinite-wrap.style-3 .btn  {
color: #000000;
position: relative;
background-color: transparent;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.infinite-wrap.style-3 .btn:hover {
box-shadow: none;
}
.infinite-wrap.style-3 .btn:before  {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #000000;
-webkit-transform: scale3d(0, 3, 1);
transform: scale3d(0, 3, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.infinite-wrap.style-3 .btn:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.infinite-wrap,
#infscr-loading,
#infscr-loading img {
text-align: center;
margin: 0 auto;
}
.infinite-container {
position: relative;
}
#infscr-loading {
position: absolute;
top: 100%;
left: 0;
right: 0;
}  .blog-single .meta-bottom {
margin-bottom: 10px;
} .blog-item .post-meta {
float: left;
margin-top: 2px;
}
.blog-item .share-section {
float: right;
width: 50%;
max-width: 100%;
text-align: right;
}
.social-share-wrapper span {
display: block;
text-transform: uppercase;
font-weight: bold;
}
.magazine-1-post-style .social-share-wrapper span,
.magazine-2-post-style .social-share-wrapper span, 
.magazine-3-post-style .social-share-wrapper span {
display: none;
}
.share-section .social-share-wrapper div {
display: inline-block;
margin: 0 5px;
}
.share-section .social-share-wrapper .share-item.facebook {
margin-left: 0;
}
.share-section .social-share-wrapper .share-item.pinterest {
margin-right: 0;
}
.social-share-wrapper i {
font-size: 16px;
position: relative;
top: 3px;
} .tag-wrapper {
float: left;
width: 50%;
max-width: 100%;
}
.tag-wrapper span {
display: block;
font-weight: bold;
text-transform: uppercase;
}
.tag-wrapper i {
font-size: 22px;
position: relative;
margin-right: 5px;
top: 6px;
}
.tag-wrapper a {
font-size: 13px;
font-weight: 600;
letter-spacing: 0.025em; 
} .blog-single .post-author {
margin-top: 30px;
padding: 30px 0;
border-top: 1px solid #ccc;
}
.blog-single .post-author .author-ava {
float: left;
margin-right: 20px;
}
.blog-single .post-author .author-ava img {
border-radius: 50%;
}
.blog-single .post-author .author-desc {
overflow: hidden;
}
.blog-single .post-author .author-desc p {
margin-bottom: 0;
}
.blog-single .post-author .author-name {
margin-bottom: 10px;
}
.blog-single .post-author .author-name a {
font-weight: 600;
} .next-prev-post {
background-color: transparent;
padding: 30px 0;
border-top: 2px solid;
border-bottom: 2px solid;
margin-top: 20px;
}
.next-prev-post .next-post {
float: right;
text-align: right;
}
.next-prev-post .prev-post p,
.next-prev-post .next-post p {
position: relative;
display: inline-block;
margin-bottom: 0;
font-size: 22px;
font-weight: 600;
color: #000000;
}
.next-prev-post h4.title {
margin-bottom: 0;
}
.next-prev-post h4.title a {
color: #000000;
} .author-box {
background-color: #000000;
padding: 40px;
margin-bottom: 40px;
}
.author-box figure.author-ava {
float: left;
margin-right: 30px;
}
.author-box .author-desc h2,
.author-box .author-desc p {
color: #ffffff;
}
.author-box .author-desc .social-profile ul {
padding: 0;
list-style: none;
margin-top: 30px;
overflow: hidden;
}
.author-box .author-desc .social-profile ul li {
float: left;
margin-right: 10px;
}
.author-box .author-desc .social-profile ul li a {
background: #171717;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
display: inline-block;
line-height: 1;
padding-top: 11px;
text-align: center;
width: 40px;
height: 29px;
}
.author-box .author-desc .social-profile ul li a:hover {
opacity: 0.5;
}
.author-post h3.post-by {
font-weight: 700;
font-size: 20px;
} .related-content {
margin-top: 30px;
}
.related-title {
margin-top: 10px;
} .comment-list {
padding: 0;
list-style: none;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}
.comment-list ul {
padding: 0;
list-style: none;
}
.comments-area {
margin-top: 30px;
}
.comments-title {
margin-bottom: 15px;
}
.comments-title h3 {
margin-bottom: 0;
float: left;
font-weight: 500;
text-transform: none;
}
.comments-title .leave-reply-link a {
float: right;
margin: 0;
}
.comment {
position: relative;
}
.comment-body {
padding: 0.75em 0 .5em;
}
.comment-body img.avatar {
border-radius: 50%;
max-width: 40px;
right: auto;
float: left;
margin-right: 10px;
}
.comment-body .meta-comment {
overflow: hidden;
margin-top: 5px;
}
.comment-author {
margin-bottom: 0.25em;
font-size: 16px;
line-height: 18px;
color: #999;
}
.comment-author cite {
color: #000000;
font-weight: 900;
letter-spacing: -0.025em;
}
.comment-author time {
font-size: 13px;
margin-left: 5px;
font-weight: 500;
}
.comment-content {
font-size: 15px;
line-height: 22px;
}
.comment-action {
margin-top: -0.75em;
font-size: 14px;
font-weight: 400;
}
.comment-action a {
color: #999;
}
.comment-action a.comment-edit-link {
margin-right: 5px;
}
.children .comment {
padding-left: 20px;
}
.children .comment-body img.avatar {
max-width: 30px;
}
.children .comment-author cite {
font-size: 14px;
}
.comment-respond h3.comment-reply-title {
margin-bottom: 5px;
font-weight: 500;
text-transform: none;
}
a#cancel-comment-reply-link {
float: right;
font-size: 16px;
}
.comment-respond {
padding: 10px 0 20px;
}
.comment-respond form p.logged-in-as a {
color: #999;
font-size: 14px;
letter-spacing: 0.025em;
}
.comment-respond form p.logged-in-as a:hover {
color: #000000;
}
.comment-respond form p label {
display: none;
}
.comment-respond form p input,
.comment-respond form p textarea {
background-color: #ffffff;
width: 100%;
line-height: 1.5;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 14px;
padding: 10px;
height: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
transition: all .3s ease;
}
.comment-respond form p input:hover,
.comment-respond form p textarea:hover,
.comment-respond form p input:focus,
.comment-respond form p textarea:focus {
background: #f9f9f9;
}
.comment-respond form p input {
width: auto;
}
.comments-area .comment-respond form p.comment-form-author,
.comments-area .comment-respond form p.comment-form-email,
.comments-area .comment-respond form p.comment-form-url {
width: 33.333%;
float: left;
}
.comments-area .comment-respond form p.comment-form-author {
padding-left: 0;
}
.comments-area .comment-respond form p.comment-form-url {
padding-right: 0;
}
.comment-respond form p.form-submit {
margin-bottom: 0;
}
.comment-respond form p.form-submit input {
display: inline-block;
color: #fff;
background-color: #000000;
padding: 10px 20px;
font-size: 16px;
letter-spacing: 0.025em;
width: auto;
border: none;
margin-top: 0;
cursor: pointer;
}
.comment-respond form p.form-submit input:hover {
box-shadow: 0 3px 6px -3px rgba(0,0,0,0.33);
}  .magazine-post-style .post-content-wrap {
position: relative;
width: calc(100% - 60px);
float: right;
}
.magazine-post-style .blog-section .post-content-wrap {
width: auto;
float: none;
background: #ffffff;
padding: 6%;
border-bottom: 1px solid #e7e7e7
}
.magazine-post-style .standard-post-categories .post-categories li {
display: inline-block;
}
.magazine-post-style .standard-post-categories .post-categories a {
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.025em;
position: relative;
display: inline-block;
color: #fff;
background-color: #61c436;
padding: 5px 15px 3px 15px;
border-radius: 25px;
margin-right: 5px;
}
.magazine-post-style .standard-post-categories .post-categories a:hover {
background-color: #111111;
}
.magazine-post-style .post-content h3.post-title {
font-weight: 600;
margin-top: 15px;
margin-bottom: 10px;
}
.magazine-post-style .post-meta span.author img {
float: left;
display: inline-block;
border-radius: 50%;
margin-right: 10px;
}
.magazine-post-style .post-meta a {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.025em;
color: #999;
}
.magazine-post-style .post-meta a:hover {
color: #61c436;
}
.magazine-post-style .post-meta i {
font-size: 16px;
margin-right: 5px;
vertical-align: middle;
}
.magazine-post-style .post-text {
margin-top: 20px;
}
.magazine-post-style .post-meta span.date {
margin: 0 10px;
}
.magazine-post-style .read-more {
font-size: 16px;
font-weight: 900;
display: inline-block;
border-bottom: 2px solid #000;
}
.magazine-post-style .read-more:hover {
color: #111111;
border-bottom: 2px solid #111111;
} .magazine-post-style .share-section {
overflow: hidden;   
width: 39px;
float: left;
margin-top: 30px;
padding-bottom: 20px;
}
.magazine-post-style .social-share-wrapper div {
display: inline-block;
margin: 15px 0 0;
}
.magazine-post-style .social-share-wrapper a {
padding: 5px 10px;
margin: 0;
border-radius: 4px;
color: #fff;
font-size: 16px;
}
.magazine-post-style .social-share-wrapper a:hover {
opacity: 0.7;
}
.magazine-post-style .social-share-wrapper i {
position: relative;
top: 3px;
font-size: 18px;
}
.magazine-post-style .social-share-wrapper .google i,
.magazine-post-style .social-share-wrapper .pinterest i,
.magazine-post-style .social-share-wrapper .onoffswitch i,
.magazine-post-style .social-share-wrapper .onoffswitch2 i {
margin: 0;
}
.magazine-post-style .social-share-wrapper .facebook a {
background-color: #2d5f9a;
}
.magazine-post-style .social-share-wrapper .twitter a {
background-color: #00c3f3;
}
.magazine-post-style .social-share-wrapper .google a {
background-color: #db4437;
padding: 5px 10px;
}
.magazine-post-style .social-share-wrapper .pinterest a {
background-color: #cd252b;
padding: 5px 10px;
} .magazine-post-style .next-prev-post {
margin-top: 3rem;
width: calc(100% - 60px);
float: right;
}
.magazine-post-style .next-prev-post .column p {
margin: 0;
font-size: 14px;
opacity: 0.666;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 1rem;
}
.magazine-post-style .next-prev-post .column p i {
display: inline-flex;
font-size: 22px;
vertical-align: middle;
color: #61c436;
}
.magazine-post-style .next-prev-post .prev-post {
text-align: left;
}
.magazine-post-style .next-prev-post .prev-post i {
margin-right: 5px;
}
.magazine-post-style .next-prev-post .next-post {
text-align: right;
float: right;
}
.magazine-post-style .next-prev-post .next-post i {
margin-left: 5px;
} .magazine-post-style .post-author {
background-color: #ffffff;
width: calc(100% - 60px);
float: right;
}
.magazine-post-style .author-wrap {
padding: 30px;
}
.magazine-post-style .post-author .author-ava {
float: left;
margin-right: 30px;
}
.magazine-post-style .author-ava img {
border-radius: 50%;
}
.magazine-post-style .author-desc {
overflow: hidden;
}
.magazine-post-style .author-name {
margin-bottom: 0.75rem;
}
.magazine-post-style .author-desc a {
font-size: 18px;
font-weight: 600;
color: #61c436;
}
.magazine-post-style .author-desc span {
font-size: 18px;
color: #000000;
}
.magazine-post-style .author-desc p {
margin: 0;
font-size: 16px;
} .related-content .post-meta span.author img {
float: left;
display: inline-block;
border-radius: 50%;
margin-right: 15px;
}
.related-content .post-meta span.author-name {
font-size: 15px;
font-weight: 900;
color: #000;
}
.magazine-post-style .related-content {
margin-top: 3rem;
width: calc(100% - 50px);
float: right;
}
.magazine-post-style .related-content h3 {
font-weight: 900;
text-transform: uppercase;
}
.magazine-post-style .related-title h4 {
padding-top: 0.75em;
margin-bottom: 0.75em;
}
.magazine-post-style .content-related-post .post-meta {
border: none;
}
.magazine-post-style .related-content .post-meta span.author-name {
color: #000;
}
.magazine-post-style .related-content .post-meta span.author-name:hover {
color: #61c436;
}
.magazine-post-style .related-content .post-meta span.author-name span {
color: #999;
font-weight: 400;
}
.blog-single .magazine-post-style .post-meta {
float: none;
}
.blog-single .magazine-post-style .post-meta span.author {
float: left;
width: 50%;
}
.magazine-post-style .post-meta span.author-name {
font-size: 15px;
font-weight: 900;
}
.magazine-post-style .post-meta span.author-separator {
color: #999;
font-weight: 400;
}
.magazine-post-style .post-meta span.vcard {
color: #000000;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.magazine-post-style .post-meta span.vcard:hover {
color: #61c436;
}
.blog-single .magazine-post-style p.date {
color: #999999;
font-size: 13px;
font-weight: 500;
letter-spacing: 0.025em;
}
.blog-single .magazine-post-style .post-meta > span:after {
display: none;
}
.blog-single .magazine-post-style .post-meta span.author img {
margin-right: 15px;
}
.blog-single .magazine-post-style span.eta:before {
content: '/';
display: inline-block;
margin: 0 5px;
color: #999;
}
.blog-single .magazine-post-style .post-meta span.right-section {
float: right;
margin-top: 10px;
}
.magazine-post-style .post-meta span.right-section .meta {
display: inline-block;
margin-left: 20px;
}
.blog-single .magazine-post-style .post-meta i {
color: #111111;
font-size: 26px;
margin-right: 10px;
}
.blog-single .magazine-post-style .post-meta span.right-section span {
font-size: 16px;
}
.magazine-post-style .post-text a {
color: #61c436;
font-weight: 600;
}
.magazine-post-style .post-text a:hover {
color: rgba(0,0,0,.7);
}
.magazine-post-style figure.wp-caption.alignleft {
margin-right: 20px;
}
.magazine-post-style figure.wp-caption.alignnone,
.magazine-post-style figure.wp-caption.aligncenter {
margin-bottom: 20px;
}
.magazine-post-style figure.wp-caption.alignright {
margin-left: 20px;
}
.magazine-post-style .tag-wrapper {
margin-top: 3rem;
}
.magazine-post-style .tag-wrapper a {
display: inline-block;
background-color: #f3f3f3;
padding: 5px 10px;
margin-right: 8px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 500;
color: rgba(0,0,0,0.6);
border-radius: 3px;
}
.magazine-post-style .tag-wrapper a:hover {
color: rgba(0,0,0,0.8);
background-color: #e6e6e6;
} .magazine-2-post-style .post-content {
background: #ffffff;
padding: 0 6% 6%;
border-bottom: 1px solid #e7e7e7;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
overflow: hidden;
}
.magazine-2-post-style .post-thumb {
position: relative;
margin-left: -7%;
margin-right: -7%;
}
.magazine-2-post-style .single-post-style-2-inner-content {
position: absolute;
bottom: 10px;
padding: 0 20px;
}
.magazine-2-post-style .post-thumb {
margin-bottom: 20px;
}
.magazine-2-post-style .single-post-style-2-inner-content.no-thumb {
position: relative;
padding: 40px 0 0;
}
.magazine-2-post-style .single-post-style-2-inner-content.no-thumb h1.post-title a {
color: #000000;
margin: 15px 0;
}
.magazine-2-post-style .single-post-style-2-inner-content h1.post-title {
border-bottom: none;
padding: 0;
margin: 15px 0 0 0;
font-size: 36px;
}
.magazine-2-post-style .single-post-style-2-inner-content h1.post-title a {
color: #ffffff;
}
.magazine-2-post-style .single-post-style-2 .post-content {
background: #ffffff;
padding: 0 6% 6%;
border-bottom: 1px solid #e7e7e7;
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.magazine-2-post-style .single-post-style-2 .post-thumb {
position: relative;
margin-left: -7%;
margin-right: -7%;
margin-bottom: 30px;
}
.magazine-2-post-style .single-post-style-2 .post-meta {
border-bottom: 1px solid #e7e7e7;
}   .grid-template {
width: 100% !important;
margin: 0 auto;
max-width: 100%;
}
.grid-item {
float: left;
}
.grid-template.column-1 .grid-item {
width: calc( 100%/1);
}
.grid-template.column-2 .grid-item {
width: calc( 100%/2);
}
.grid-template.column-3 .grid-item {
width: calc( 100%/3);
}
.grid-template.column-4 .grid-item {
width: calc( 100%/4);
}
.grid-template.column-5 .grid-item {
width: calc( 100%/5);
}
.page-template-portfolio-grid-template [class^='imghvr-'],
.page-template-portfolio-grid-template [class*=' imghvr-'] {
background-color: #000000;
}
.page-template-portfolio-grid-template [class^='imghvr-'] figcaption,
.page-template-portfolio-grid-template [class*=' imghvr-'] figcaption {
background-color: #ffffff;
}
figcaption .caption-inside {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
} .masonry-template {
width: 100% !important;
margin: 0 auto;
max-width: 100%;
}
.masonry-template.column-1 .masonry-item {
width: calc( 100%/1);
}
.masonry-template.column-2 .masonry-item {
width: calc( 100%/2);
}
.masonry-template.column-3 .masonry-item {
width: calc( 100%/3);
}
.masonry-template.column-4 .masonry-item {
width: calc( 100%/4);
}
.masonry-template.column-5 .masonry-item {
width: calc( 100%/5);
}
.masonry-template.column-2 .masonry-item.wider {
width: calc( 100%/2 * 2);
}
.masonry-template.column-3 .masonry-item.wider {
width: calc( (100%/3 * 2));
}
.masonry-template.column-4 .masonry-item.wider {
width: calc( 100%/4 * 2);
}
.masonry-template.column-5 .masonry-item.wider {
width: calc( 100%/5 * 2);
}
.page-template-portfolio-masonry-template [class^='imghvr-'],
.page-template-portfolio-masonry-template [class*=' imghvr-'] {
background-color: #000000;
}
.page-template-portfolio-masonry-template [class^='imghvr-'] figcaption,
.page-template-portfolio-masonry-template [class*=' imghvr-'] figcaption {
background-color: #ffffff;
} .portfo-block-item .portfolio-details {
position: relative;
display: block;
}
.portfo-block-item .portfolio-excerpt {
text-align: center;
padding: 10px 30px;
}
.portfo-block-item .button-continue {
text-align: center;
margin-bottom: 20px;
}
.portfo-block-item .read-more {
display: inline-block;
padding: 10px 20px;
border: 1px solid #000000;
line-height: 1.6;
}
.portfo-block-item .read-more:hover {
color: #ffffff;
background-color: #000000;
border-color: #000000;
}   .post-title-porto-1 {
margin-bottom: 60px;
}
.post-title-porto-1 span {
position: relative;
padding-bottom: 25px;
}
.post-title-porto-1 span:after {
position: absolute;
content: '';
background-color: #000000;
height: 5px;
width: 45%;
max-width: 100%;
bottom: 0;
left: 3px;
}
.portfolio-style1 .project-details ul {
list-style: none;
text-align: center;
padding: 0;
}
.portfolio-style1 .project-details ul li {
text-align: left;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #eeeeee;
}
.portfolio-style1 .project-details ul li:last-child {
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #eeeeee;
}
.portfolio-style1 .project-details ul li span.detail-title {
display: block;
font-weight: 900;
}
.portfolio-style1 .project-details ul li span.detail-text {
color: #86939e;
font-weight: normal;
}
.portfolio-style1 .project-details .social-share-wrapper span {display: none;}
.portfolio-style1 .project-details .social-share-wrapper .share-item {
display: inline-block;
margin-right: 10px;
}
.portfolio-style1 .portfolio-thumbnail img {
margin: 0 auto;
width: auto;
}
.portfolio-style1 .portfolio-content {
margin-top: 30px;
}
.portfolio-style1 .portfolio-pagination {
padding: 60px 0; 
}
.portfolio-style1 .portfolio-pagination .all-portfolio {
text-align: center;
}
.portfolio-style1 .portfolio-pagination .next-portfolio {
text-align: right;
}
.portfolio-pagination.style-2 {
margin-top: 40px;
padding: 40px 0 20px;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
.portfolio-pagination.style-2 .container-2 {
max-width: 640px;
margin: auto;
} .single-porto-inner-wrap .carousel-button-prev, .single-porto-inner-wrap .carousel-container-rtl .carousel-button-next, .single-porto-inner-wrap .carousel-button-next {
background: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom {
text-align: center;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .carousel-button-next.post-carousel-arrow {
float: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .carousel-button-prev.post-carousel-arrow {
float: none;
}
.standard-carousel-slider.portfolio-thumbnail {
position: relative;
}
.elementor-image-gallery .gallery-item {
float: left;
}
.elementor-image-gallery .gallery-item .item-wrap {
line-height: 0;
} .portfolio-style-2-wrap {
position: relative;
}
.portfolio-details ul {
list-style: none;
padding: 0;
}
.portfolio-details .detail-item {
position: relative;
display: inline-block;
width: 45%;
margin-bottom: 20px;
}
.portfolio-details .detail-info {
margin-bottom: 0;
margin-top: 5px;
}
.post-title-porto-2 {
margin-bottom: 20px;
}
.post-title-porto-2 h1 {
font-size: 36px;
margin-bottom: 0;
}
.post-title-porto-2 span {
position: relative;
}
.portfolio-thumbnail img {
margin-bottom: 20px;
}
.share-portfolio .social-share-wrapper span:after {
display: none;
}
.share-portfolio .social-share-wrapper span {
display: block;
text-transform: uppercase;
font-weight: 700;
}
.share-portfolio .social-share-wrapper .share-item {
display: inline-block;
margin-right: 10px;
padding: 7px 10px;
}
.share-portfolio .social-share-wrapper .share-item.facebook {
background-color: #3b5998;
}
.share-portfolio .social-share-wrapper .share-item.twitter {
background-color: #55acee;
}
.share-portfolio .social-share-wrapper .share-item.pinterest {
background-color: #dd4b39;
}
.share-portfolio .social-share-wrapper .share-item a {
color: #ffffff;
}
.detail-title {
font-weight: 700;
}
.portfolio-style-2-wrap .portfolio-thumbnail-wrap img {
margin-bottom: 20px;
} .description--preview {
width: 90%;
}  .sidebar .widget {
background: #ffffff;
padding: 6%;
margin-bottom: 30px;
text-align: center;
}
.sidebar .widget h4.widget-title {
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.025em;
}
.sidebar .widget ul {
padding-left: 0;
list-style: none;
}
.sidebar .widget ul li {
margin-bottom: 15px;
}
.sidebar .widget ul li:last-child {
margin-bottom: 0;
}
.blog-sidebar .widget ul {
text-align: left;
}
.blog-sidebar .widget ul.children {
padding-left: 10px;
margin-top: 5px;
} .sidebar .widget.widget_search {
padding: 0;
}
.sidebar .widget.widget_search form {
position: relative;
opacity: 1;
margin: 0;
transform: none;
transition: inherit;
}
.sidebar .widget.widget_search input {
font-size: 16px;
color: #000;
border-radius: 0;
height: 50px;
width: 100%;
border: 0;
-webkit-appearance: none;
outline: 0;
padding: 0 32px;
background-color: #fff;
box-shadow: 1px 1px 0 0 #d8d8d8;
}
.sidebar .widget.widget_search input::-webkit-input-placeholder { opacity: 0.3;
color: #000000;
}
.sidebar .widget.widget_search input::-moz-placeholder {
opacity: 0.3; color: #000000;
}
.sidebar .widget.widget_search input:-ms-input-placeholder { opacity: 0.3;
color: #000000;
}
.sidebar .widget.widget_search button {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
background-color: #000;
border: none;
}
.sidebar .widget.widget_search button i {
color: #ffffff;
font-size: 16px;
} .sidebar .widget.widget_recent_entries ul li span.post-date {
font-size: 12px;
display: block;
margin-top: 5px;
}  .widget_recent_entries ul li span {
font-size: 14px;
font-weight: 500;
color: #999999;
}
.widget_recent_entries ul li > a {
display: block;
} .widget.widget_arsitek_news .post-item {
position: relative;
margin-bottom: 30px;
}
.widget.widget_arsitek_news .recent-news {
counter-reset: recent-post-item-counter; 
}
.widget.widget_arsitek_news .post-item:before {
counter-increment: recent-post-item-counter; 
content: counter(recent-post-item-counter);
position: absolute;
color: #ffffff;
top: 0;
left: 0;
z-index: 10;
font-weight: 900;
background-color: #000000;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
}
.widget.widget_arsitek_news .post-item .post-thumb {
margin-bottom: 10px;
width: 50%;
float: left;
display: inline-block;
}
.widget.widget_arsitek_news .post-item .post-thumb img {
width: 100%;
}
.widget.widget_arsitek_news .post-content h5 {
margin-bottom: 10px;
}
.widget.widget_arsitek_news .post-content {
box-shadow: none;
webkit-box-shadow:none;
border-bottom: none;
width: 50%;
float: left;
display: inline-block;
}
.widget.widget_arsitek_news .inner-wid-cont {
text-align: left;
margin-left: 15px;
margin-top: 5px;
}  .main-wrapper {
position: relative;
}
#content.has-fixed-footer {
min-height: 100%;
z-index: 100;
position: relative;
}
#footer {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
#footer {
position: absolute;
right: 0;
bottom: auto;
left: 0;
}
#footer.fixed-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
margin-left: 0;
margin-right: 0;
} .footer-widget-wrapper {
padding: 60px 0;
}
.footer-widget ul {
list-style: none;
padding-left: 0;
}
.footer-widget ul li {
margin-bottom: 5px;
} .footer-widget .widget_nav_menu ul li a {
position: relative;
margin-bottom: 0;
padding-left: 25px;
}
.footer-widget .widget_nav_menu ul li a:before {
content: "";
display: block;
width: 15px;
height: 1px;
opacity: 1;
position: absolute;
top: 12px;
left: 0;
background-color: #000000;
} .portfolio-thumb-wrap {
margin-left: -5px;
margin-right: -5px;
}
.portfolio-thumb-widget .post-item {
padding: 0 5px;
margin-bottom: 10px;
cursor: pointer;
}
.portfolio-thumb-widget .post-item .inner-portfolio-widget {
position: relative;
}
.portfolio-thumb-widget .post-item .overlay {
background-color: rgba(0, 0, 0, 0.5);
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
-ms-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.portfolio-thumb-widget .post-item:hover .overlay {
opacity: 1;
}
.portfolio-thumb-widget .post-item .overlay .icon-wrap {
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
}
.portfolio-thumb-widget .post-item .overlay .icon-wrap i {
color: #ffffff;
opacity: 1;
}  .copyright-text p {
margin: 0;
}
.footer-style-2 .footer-bottom {
border-top: 1px solid #f2f2f2;
}
.footer-address p {
margin: 0;
}
.footer-bottom .social-footer ul {
list-style: none;
}
.footer-bottom .social-footer ul li {
display: inline-block;
margin-left: 10px;
font-size: 14px;
}
.footer-bottom .social-footer ul li a {
font-size: 20px;
} .logo-footer img {
display: inline-block;
}
.social-footer ul {
padding: 0;
}
.foot-col.text-left {
text-align: left;
}
.foot-col.text-center {
text-align: center;
}
.foot-col.text-right {
text-align: right;
}
.foot-col.vertical .foot-col-item {
display: block;
}
.foot-col.horizontal .foot-col-item {
display: inline-block;
}    .head-title-1 {
position: relative;
}
.head-title-1 span.separator {
position: absolute;
top: 50px;
width: 78px;
margin: 0 auto;
border-top: 2px solid #000;
}
.head-title-1.bg-image .the-title {
position: relative;
padding-bottom: 20px;
}
.head-title-1.bg-image .the-title:after {
content: '';
position: absolute;
background-size: cover;
background-repeat: no-repeat;
width: 133px;
height: 5px;
border: none;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.the-title-left .head-title-1 .the-title:after {
left: 0;
right: auto;
}
.the-title-right .head-title-1 .the-title:after {
left: auto;
right: 0;
}
.head-title-1.bg-image span.separator {
background-size: cover;
background-repeat: no-repeat;
width: 133px;
height: 5px;
border: none;
display: none;
} .elementor .head-title .the-title {
margin-bottom: 0;
}
.head-title-2 span {
display: block;
font-size: 42px;
font-weight: 600;
line-height: 34px;
color: #F3F3F3;
position: relative;
top: 0;
} .head-title-3 {
border-bottom: 2px solid;
border-color: #e1e1e1;
}
.head-title-3 .the-title {
margin-bottom: -2px;
}
.head-title-3 span {
display: inline-block;
border-bottom: 2px solid;
padding-bottom: 10px;
border-color: #213875;
} .head-title-4 .the-title {
position: relative;
}
.head-title-4 .the-title span.inner-title {
position: relative;
background-color: #fff;
display: inline-block;
padding: 0 15px;
}
.head-title-4 .the-title:before {
content: "";
height: 2px;
margin-top: -2px;
top: 50%;
left: 0;
width: 100%;
position: absolute;
background-color: #000;
} .head-title-5 .the-title span:before,
.head-title-5 .the-title span:after {
content: '';
display: inline-block;
width: 30px;
height: 2px;
background-color: #000;
vertical-align: middle;
}
.head-title-5 .the-title span:before {
margin-right: 15px;
}
.head-title-5 .the-title span:after {
margin-left: 15px;
} .head-title-6 .the-title span {
background-color: #000000;
color: #fff;
padding: 15px 20px;
display: inline-block;
} .head-title.head-title-7 .the-title {
position: relative;
}
.head-title.head-title-7 .the-title span.big-title {
position: absolute;
display: inline-block;
font-size: 80px;
width: 100%;
} .team-inner-block {
position: relative;
background-color: #efefef;
}
.team-details {
position: absolute;
top: auto;
background-color: #000000;
width: 80%;
left: 0;
right: 0;
margin: auto;
max-width: 100%;
padding: 6% 8%;
opacity: 0;
-ms-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
z-index: 10;
}
.team-block:hover .team-details {
-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.team-name {
text-transform: uppercase;
margin-bottom: 5px;
}
.team-details ul {
list-style: none;
padding: 0;
}
.team-details ul li {
display: inline-block;
margin-right: 10px;
}
.team-grid-2-wrap .team-block .team-details, .team-grid-2-wrap .team-block:hover .team-details {
-ms-transform: none;
-webkit-transform: none;
transform: none;
top: 0;
width: 100%;
max-width: 100%;
bottom: 0;
}
.team-grid-2-wrap .inner-team-details {
top: 50%;
position: absolute;
transform: translateY(-50%);
left: 0;
right: 0;
padding: 6% 8%;
}
.team-bio, .team-bio p {
color: #ffffff;
} .portfolio-grid-block .grid-item, .portfolio-masonry-block .masonry-item {
line-height: 0;
}
.grid-item .portfolio-category, .masonry-item .portfolio-category {
color: #000000;
}
.portfolio-grid-block .grid-template {
position: relative;
} .mobile-filter {
display: none;
}
#filter-icon{
width:60px;
height:52px;
line-height:68px;
left:0;
position:relative;
border:0;
outline:none;
background:#222222;
cursor: pointer;
}
#filter-icon.active{
background:#ffffff;
}
#filter-icon .bar{
left:18px;
top:20px;
display:block;
position:absolute;
width:24px;
height:3px;
background:#ffffff; -webkit-transition:all 350ms;
-moz-transition:all 350ms;
-o-transition:all 350ms;
transition:all 350ms; -webkit-backface-visibility:hidden;
-moz-backface-visibility:hidden;
-ms-backface-visibility:hidden;
-o-backface-visibility:hidden;
backface-visibility:hidden;
}
#filter-icon.active .bar{
background:#222222;
}
#filter-icon .bar.bar-2{
top:25px;
}
#filter-icon .bar.bar-3{
top:25px;
}
#filter-icon .bar.bar-4{
top:30px;
}
#filter-icon:hover .bar{
top:15px;
}
#filter-icon:hover .bar.bar-2{
top:25px;
}
#filter-icon:hover .bar.bar-3{
top:25px;
}
#filter-icon:hover .bar.bar-4{
top:35px;
}
#filter-icon.active .bar-1{ -webkit-transform:translateY(-22px);
-moz-transform:translateY(-22px);
-ms-transform:translateY(-22px);
-o-transform:translateY(-22px);
transform:translateY(-22px);
}
#filter-icon.active .bar-2{ -webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg); -webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
}
#filter-icon.active .bar-3{ -webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg); -webkit-transition-delay:0.3s;
-moz-transition-delay:0.3s;
-o-transition-delay:0.3s;
transition-delay:0.3s;
}
#filter-icon.active .bar-4{ -webkit-transform:translateY(21px);
-moz-transform:translateY(21px);
-ms-transform:translateY(21px);
-o-transform:translateY(21px);
transform:translateY(21px);
}
ul.filters {
list-style: none;
}
ul.filters li {
display: inline-block;
}
.filters {
padding-left: 0;
}
.filters.text-left {
text-align: left;
}
.filters.text-center {
text-align: center;
}
.filters.text-right {
text-align: right;
}
.filters {
margin-bottom: 20px;
}
.filters.style-1 .filter-btn {
font-size: 14px;
font-weight: 500;
margin-right: 5px;
padding: 7px 15px;
border: 1px solid transparent;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.filters.style-1 .filter-btn:hover {
border: 1px solid #d23600;
color: #d23600;
cursor: pointer;
}
.filters.style-2 .filter-btn {
position: relative;
padding-bottom: 10px;
margin-right: 20px;
font-size: 14px;
} .filters.style-2 .filter-btn:hover {
cursor: pointer;
}
.filters.style-2 .filter-btn:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #000000;
-webkit-transform: scale3d(0, 3, 1);
transform: scale3d(0, 3, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.filters.style-2 .filter-btn:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .filters.style-3 .filter-btn {
font-size: 14px;
font-weight: 500;
margin-right: 10px;
padding: 7px 15px;
border: 1px solid #111111;
border-radius: 30px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.filters.style-3 .filter-btn:hover {
border: 1px solid #111111;
color: #ffffff;
background-color: #111111;
cursor: pointer;
} .elementor .porf-hidetitle-st .grid-template figcaption h3.portfolio-loop-title {
display: none;
}
.elementor .porf-hidetitle-st .grid-template figcaption .portfolio-category {
display: none;
}
.elementor .porf-hidetitle-st .masonry-template figcaption h3.portfolio-loop-title {
display: none;
}
.elementor .porf-hidetitle-st .masonry-template figcaption .portfolio-category {
display: none;
}
.elementor .porf-hidetitle-st .owl-carousel .portfolio-loop-title {
display: none;
}
.elementor .porf-hidetitle-st .portfolio-list-carousel .portfolio-content {
display: none;
}
.elementor .porf-hidetitle-st .owl-carousel .portfolio-category {
display: none;
} .detail-columns-1 .detail-item-block {
width: 100%;
max-width: 100%;
}
.detail-columns-2 .detail-item-block {
width: calc(100% / 2 - 5px);
}
.detail-columns-3 .detail-item-block {
width: calc(100% / 3 - 5px);
}
.detail-columns-4 .detail-item-block {
width: calc(100% / 4 - 5px);
}
.detail-columns-5 .detail-item-block {
width: calc(100% / 5 - 5px);
}
.detail-columns-6 .detail-item-block {
width: calc(100% / 6 - 5px);
}
.detail-columns-7 .detail-item-block {
width: calc(100% / 7 - 5px);
}
.detail-columns-8 .detail-item-block {
width: calc(100% / 8 - 5px);
}
.detail-columns-9 .detail-item-block {
width: calc(100% / 9 - 5px);
}
.detail-columns-10 .detail-item-block {
width: calc(100% / 10 - 5px);
}
.portfolio-terms .terms-item {
margin-bottom: 0;
}
.elementor .all-portfolio {
text-align: center;
}
.elementor .next-portfolio {
text-align: right;
} .testimonial-image img {
border-radius: 100% !important;
}
.testimonial-image, .testimonial-detail-inner {
display: inline-block;
}
.testimonial-detail-inner {
vertical-align: top;
position: relative;
text-align: left;
}
.testi-author {
margin-bottom: 5px;
}
.client-content img {
margin: auto;
} .post-thumb-img, .post-thumb-img .inner-post-content .post-content {
position: relative;
}
.post-thumb-img .inner-post-content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.elementor--v-position-middle .post-content {
top: 50%;
transform: translateY(-50%);
}
.elementor--v-position-top .post-content {
top: 0;
transform: translateY(0);
}
.elementor--v-position-bottom .post-content {
top: 100%;
transform: translateY(-100%);
}
.post-list-carousel .read-more-button a {
text-transform: uppercase;
padding: 5px 20px;
}
.post-list-carousel .read-more-button a:hover {
background-color: transparent !important;
}
.post-list-carousel .post-thumb-img .post-bg-color {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-list-carousel .category-name {
display: inline-block;
padding: 0 15px;
position: relative;
vertical-align: baseline;
}
.post-list-carousel .category-name:before, .post-list-carousel .category-name:after {
border-top: 4px double #ffffff;
content: "";
display: block;
position: absolute;
top: 45%;
width: 60px;
}
.post-list-carousel .category-name:before {
left: 100%;
}
.post-list-carousel .category-name:after {
right: 100%;
}
.carousel-container:hover .carousel-button-next {
right: 1%;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.carousel-container:hover .carousel-button-prev {
left: 1%;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.carousel-container .owl-next {
width: 50%;
text-align: left;
float: left;
display: inline-block;
}
.carousel-container .owl-prev {
width: 50%;
text-align: right;
float: left;
display: inline-block;
}
.carousel-container .post-carousel-arrow:before, .carousel-container .post-carousel-arrow:after {
font-size: 40px;
}
.post-car-arrow-wrap.on-bottom {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
right: 0; 
}
.post-car-arrow-wrap.on-bottom .carousel-button-next.post-carousel-arrow {
position: relative;
width: 50%;
float: right;
text-align: left;
right: 0;
}
.post-car-arrow-wrap.on-bottom .post-carousel-arrow:after, .post-car-arrow-wrap.on-bottom .post-carousel-arrow:before {
background: rgba(255, 255, 255, 0.5);
padding: 10px 20px;
}
.post-car-arrow-wrap.on-bottom .carousel-button-prev.post-carousel-arrow {
position: relative;
width: 50%;
float: left;
text-align: right;
left: 0;
} .portfolio-list-carousel .portfolio-block {
position: relative;
}
.portfolio-list-carousel .portfolio-block .category-name {
position: absolute;
top: 0;
left: 0;
padding: 10px 25px;
background-color: #ffffff;
}
.portfolio-list-carousel .portfolio-thumb-img {
position: relative;
}
.portfolio-list-carousel .portfolio-thumb-img .inside-img-link, .portfolio-list-carousel .portfolio-thumb-img .portfolio-bg-color {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.portfolio-list-carousel:hover .portfolio-thumb-img .portfolio-bg-color {
background-color: rgba(0, 0, 0, 0.2);
}
.portfolio-list-carousel .portfolio-thumb-img {
overflow: hidden;
}
.portfolio-list-carousel:hover .portfolio-thumb-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);    
transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
-webkit-transition-timing-function: ease-in-out;
-o-transition-timing-function: ease-in-out;
transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
-o-transition-duration: .3s;
}
.portfolio-list-carousel .portfolio-content {
background-color: #000000;
padding: 4% 6%;
}
.portfolio-list-carousel .portfolio-content h2 {
margin: 0;
}
.portfolio-list-carousel .portfolio-content h2 a {
color: #ffffff;
} .car-arrow-wrap.on-bottom {
position: absolute;
bottom: 0;
left: 0;
right: 0; 
height: 70px;
}
.car-arrow-wrap.on-bottom .owl-prev{
float: left;
}
.car-arrow-wrap.on-bottom .owl-next {
float: right;
}
.car-arrow-wrap.on-bottom .owl-prev,
.car-arrow-wrap.on-bottom .owl-next {
position: relative;
width: 50%;
text-align: left;
right: 0;
}
.car-arrow-wrap.on-bottom .car-page-arrow {
background-color: rgba(255, 255, 255, 0.5);
height: 70px;
width: 80px;
background-size: 25px;
margin: 0;
top: auto;
}
.car-arrow-wrap.on-bottom .car-page-arrow.carousel-button-prev {
right: 0;
left: auto;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23000000'/%3E%3C/svg%3E")
}
.car-arrow-wrap.on-bottom .car-page-arrow.carousel-button-next {
left: 0;
right: auto;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23000000'/%3E%3C/svg%3E");
}
.owl-dots {
position: relative;
margin-top: 10px;
text-align: center;
}
.owl-dot {
background-color: #000000;
width: 10px;
height: 10px;
content: "";
display: inline-block;
margin-right: 10px;
cursor: pointer;
opacity: 0.5;
border-radius: 50%;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.owl-dot.active {
opacity: 1;
}
.car-arrow-wrap.on-bottom.both-nav {
bottom: 35px;
} .chocolat-wrapper {
z-index: 400;
}
.chocolat-overlay, .chocolat-content, 
.chocolat-wrapper .chocolat-top, 
.chocolat-wrapper .chocolat-left, 
.chocolat-wrapper .chocolat-right, 
.chocolat-wrapper .chocolat-bottom {
z-index: 401;
}
.chocolat-overlay {
background-color: #000000;
} .main-news-5 .post-block {
background-color: #61c436;
height: 100%;
}
.main-news-5 .post-block-inner {
width: 100%;
height: 100%;
}
.main-news-5 .post-thumb {
-webkit-transform: translate(15px, -15px);
-ms-transform: translate(15px, -15px);
transform: translate(15px, -15px);
padding-left: 30px;
margin-bottom: 0;
position: relative;
display: block;
}
.main-news-5 .post-thumb .post-bg-color {
position: absolute;
top: 0;
right: 0;
left: 30px;
bottom: 0;
background-color: rgba(97,196,54,0.7);
opacity: 0;
transition: opacity .3s;
}
.main-news-5 .post-list:hover .post-bg-color {
opacity: 1;
}
.main-news-5 .post-thumb .use-shadow img {
-webkit-box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);
box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);
}
.main-news-5 .use-shadow {
box-shadow: none;
}
.main-news-5 .category-icon {
position: absolute;
bottom: -20px;
right: 30px;
z-index: 100;
}
.main-news-5 .post-content {
padding: 15px 45px 50px;
}
.main-news-5 .post-categories {
padding: 0;
list-style: none;
}
.main-news-5 .post-content h3 {
margin-top: 0;
margin-bottom: 5px;
}
.main-news-5 .post-content h3 a {
color: #fff;
}
.main-news-5 .post-content .post-author-name,
.main-news-5 .post-content .post-date {
display: inline-block;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em;
font-size: 14px;
text-transform: uppercase;
}
.main-news-5 .post-content .post-date {
margin-left: 10px;
}
.main-news-5 .post-content .post-date span:after {
content: ".";
}
.main-news-5 .post-content .post-date span:last-child:after {
content: none;
}
.main-news-5 .post-content .read-more-button a {
color: #ffffff;
font-size: 16px;
font-weight: 900;
display: inline-block;
border-bottom: 2px solid #fff;
margin-top: 20px;
}
.main-news-5 .standard .post-thumb {
transform: none;
padding-left: 0;
}
.main-news-5 .standard .post-thumb .post-bg-color {
left: 0;
} .horizontal-width-use .main-news-1 .blog-item.block {
float: left;
}
.main-news-1 .article-wrap {
position: relative;
}
.main-news-1 article {
overflow: hidden;
}
.main-news-1 article {
padding: 0;
}
.main-news-1 .article-wrap article {
width: 100%;
max-width: 100%;
}
.main-news-1 .blog-item.wide-blog {
width: 49.9%;
float: left;
position: relative;
padding: 0.1%
}
.main-news-1 .has-post-thumbnail .blog-wrap {
background-size: cover;
background-repeat: no-repeat;
}
.main-news-1 .blog-overlay {
height: 100%;
}
.main-news-1 .blog-wrap {
overflow: hidden;
background-color: #ffffff;
height: 100%;
color: #282828;
background-position: 100% 100%;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
position: relative;
}
.main-news-1 .blog-desc {
position: absolute;
top: 50%;
left: 5%;
width: 100%;
height: 100%;
z-index: 2;
color: #ffffff;
padding-right: 5%;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.main-news-1 .blog-date {
font-size: 14px;
padding-right: 20px;
}
.main-news-1 h3.blog-title {
font-size: 22px;
line-height: 1.3;
font-weight: normal;
margin-top: 5px;
margin-bottom: 0px;
padding-right: 20px;
}
.main-news-1 h3.blog-title a {
color: #ffffff;
}
.main-news-1 .blog-date:after {
content: "////////////////////";
position: relative;
font-size: 8px;
display: block;
}
.main-news-1 .blog-date:after {
display: none;
}
.main-news-1 .blog-date {
padding: 0;
}
.main-news-1 .category-main-news-1 {
top: -40px;
}
.main-news-1 .category-main-news-1 .post-categories li {
border-radius: 25px;
padding: 3px 15px;
}
.main-news-1 article:hover .blog-wrap {
transform: scale(1.1);
}
.main-news-1 .blog-item.block { position: relative;
}
.main-news-1 .blog-item.block.column.column-1 {
padding: 0;
}
.main-news-1 .blog-item.block .blog-wrap {
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.main-news-1 .post-excerpt {
color: #ffffff;
margin-bottom: 0;
font-size: 14px;
}
.category-main-news-1 {
position: absolute;
top: 20px;
}
.category-main-news-1 .post-categories li {
float: left;
background-color: #61c436;;
padding: 5px 10px;
margin-right: 10px;
margin-bottom: 1px;
}
.category-main-news-1 .post-categories li a {
color: #ffffff;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.025em;
vertical-align: middle;
}
.main-news-1 .category-icon {
position: absolute;
top: 20px;
right: 20px;
}
.category-icon .category-icon-gallery i,
.category-icon .category-icon-video i {
display: inline-flex;
padding: 10px;
border-radius: 50%;
font-size: 18px;
color: #ffffff;
}
.category-icon .category-icon-gallery i {
background-color: #007AFE;
}
.category-icon .category-icon-video i {
background-color: #61c436;
}
.main-news-1 .main-news-post-meta div {
display: inline-block;
color: #ffffff;
font-size: 16px;
margin-right: 15px;
}
.main-news-1 .main-news-post-meta div i {
margin-right: 5px;
vertical-align: middle;
}   .grid.effect-3 li.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes scaleUp {
0% {}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
#target-effect {
padding: 0;
list-style: none;
} .post-masonry-style .loop-content {
background-color: #ffffff;
position: relative;
border-bottom: 1px solid #e7e7e7;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.post-masonry-style .loop-content:hover .thumbnail img {
opacity: 0.9;
}
.post-masonry-style .loop-content .info {
padding: 7% 8%;
}
.post-masonry-style .loop-content h4.title {
color: #000000;
margin-bottom: 5px;
letter-spacing: 0.020em;
text-transform: uppercase;
}
.post-masonry-style .loop-content p {
color: #666666;
}
.post-masonry-style .loop-content .date {
color: #888888;
margin-bottom: 10px;
font-size: 12px;
letter-spacing: 0.1rem;
text-transform: uppercase;
}
.post-masonry-style .loop-content .top-info {
position: relative;
}
.post-masonry-style .loop-content .category a {
color: #000000;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1rem;
}
.post-masonry-style .loop-content .category:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 6px 1px;
border-color: transparent transparent #fff transparent;
left: -6px;
top: 50%;
margin-top: -3px;
z-index: 2;
}
.post-masonry-style .loop-content .category:after {
background-color: #000000;
width: 25px;
position: absolute;
left: -30px;
top: 50%;
margin-top: -3px;
height: 6px;
content: "";
}
.post-masonry-style a.more {
background-color: #000000;
color: #ffffff;
padding: 5px 15px;
font-size: 11px;
font-weight: bold;
letter-spacing: 0.1em;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
}
.post-masonry-style a.more:hover {
background-color: #f1f1f1;
color: #222222;
}
.post-masonry-style #grid {
list-style: none;
margin: 30px auto 0;
padding: 0;
max-width: 100%;
}
.post-masonry-style #grid li.post {
display: block;
float: left;
opacity: 0;
}
.post-masonry-style #grid li.post.shown,
.no-js .post-masonry-style #grid li,
.no-cssanimations .post-masonry-style #grid li {
opacity: 1;
} .post-masonry-style .post-style-9 .post-block {
height: 100%;
position: relative;
border: 3px solid #f1f2f2;
transition: border-color .3s;
}
.post-masonry-style .post-style-9 .post-block:hover {
border-color: #6f43d6;
}
.post-masonry-style .post-style-9 .post-block-inner {
background-color: #fff;
height: 100%;
}
.post-masonry-style .post-style-9 .post-content {
padding: 20px 20px 60px 20px;
display: block;
}
.post-masonry-style .post-style-9 .category-name a {
font-size: 16px;
font-weight: 500;
}
.post-masonry-style .post-style-9 h3.post-title {
margin: 10px 0 20px;
}
.post-masonry-style .post-style-9 .post-action {
position: absolute;
bottom: 0;
right: 0;
left: 0;
padding: 15px 20px;
border-top: 1px solid #f1f2f2;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
}
.post-masonry-style .post-style-9 .post-action .comments {
float: left;
}
.post-masonry-style .post-style-9 .post-action .comments i {
position: relative;
top: 4px;
margin-right: 5px;
}
.post-masonry-style .post-style-9 .post-action .read-more-button {
float: right;
} .use-shadow {
-webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.post-magazine-style-block.post-list-1 .story-content h3 {
margin: 15px 0;
}
.post-magazine-style-block.post-list-1 .post-item:first-child {
margin-top: 0;
}
.post-magazine-style-block.post-list-1 .time-read {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.025em;
color: #999;
}
.post-magazine-style-block.post-list-1 .category-icon {
position: absolute;
top: 20px;
right: 20px;
}
.post-magazine-style-block.post-list-1 .meta-love-and-view {
position: absolute;
bottom: 5px;
right: 20px;
}
.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb {
bottom: auto;
top: 8%;
right: 6%;
}
.post-magazine-style-block.post-list-1 .story-content {
background: #ffffff;
padding: 6%;
position: relative;
}
.post-magazine-style-block .magazine-1-post-style .post-thumb {
margin: 20px 0 0;
} .blog-grid-style-4-block {
position: relative;
}
.post-list-3 .post-thumb {
margin: 0;
float: left;
margin-right: 10px;
}
.post-list-3 img {
width: 100%;
}
.post-list-3 .category-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.post-list-3 .item-detail {
overflow: hidden;
position: relative;
}
.post-list-3 h4 {
margin-bottom: 5px;
font-size: 16px;
}
.post-list-3 h4 a {
color: #000000;
}
.post-list-3 h4 a:hover {
color: #61c436;
}
.post-list-3 .category {
display: inline-block;
float: left;
}
.post-list-3 .category ul li {
float: left;
margin-right: 5px;
display: inline-flex;
}
.post-list-3 .category ul li a {
color: #000000;
font-size: 12px;
}
.post-list-3 .category ul li a:hover {
color: #61c436;
}
.post-list-3 .date {
color: #999999;
font-size: 12px;
float: left;
} .instagram-builder {
width: 100%;
max-width: 100%;
}
.instagram-builder.column-2 .instagram-item {
width: calc( 100%/2);
}
.instagram-builder.column-3 .instagram-item {
width: calc( 100%/3);
}
.instagram-builder.column-4 .instagram-item {
width: calc( 100%/4);
}
.instagram-builder.column-5 .instagram-item {
width: calc( 100%/5);
}
.instagram-builder.column-6 .instagram-item {
width: calc( 100%/6);
}
.instagram-builder.column-7 .instagram-item {
width: calc( 100%/7);
}
.instagram-builder.column-8 .instagram-item {
width: calc( 100%/8);
}
.instagram-builder.column-9 .instagram-item {
width: calc( 100%/9);
}
.instagram-builder.column-10 .instagram-item {
width: calc( 100%/10);
}
.instagram-builder.column-11 .instagram-item {
width: calc( 100%/11);
}
.instagram-builder.column-12 .instagram-item {
width: calc( 100%/12);
}
.instagram-builder.column-13 .instagram-item {
width: calc( 100%/13);
}
.instagram-builder.column-14 .instagram-item {
width: calc( 100%/14);
}
.instagram-builder.column-15 .instagram-item {
width: calc( 100%/15);
}
.instagram-builder.column-16 .instagram-item {
width: calc( 100%/16);
}
.instagram-builder.column-17 .instagram-item {
width: calc( 100%/17);
}
.instagram-builder.column-18 .instagram-item {
width: calc( 100%/18);
}
.instagram-builder.column-19 .instagram-item {
width: calc( 100%/19);
}
.instagram-builder.column-20 .instagram-item {
width: calc( 100%/20);
}
.instagram-item .instagram-item-wrap {
position: relative;
}
.instagram-item .overlay {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.instagram-item:hover .overlay {
opacity: 1;
}
.instagram-item .instagram-meta {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
max-width: 100%;
text-align: center;
opacity: 0;
z-index: 1;
}
.instagram-item:hover .instagram-meta {
opacity: 1;
}
.instagram-item .instagram-meta {
color: #ffffff;
}
.instagram-item .meta-icon {
display: inline-block;
margin-right: 10px;
}
.instagram-item .meta-icon:last-child {
margin-right: 0;
}
.instagram-item .meta-icon i {
margin-right: 5px;
}
.latest-post-wrap h5 {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #000000;
}
#lightgallery a {
float: left;
} .contact-form-style-1 .contact-bordered, .contact-form-style-2 .contact-item2 {
float: left;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.contact-form-style-1 .contact-bordered input, .contact-form-style-2 .contact-item2 input {
width: 100%;
max-width: 100%;
background-color: transparent;
border:0;
}
.contact-ef {
position: absolute;
background-color: #cdcdcc;
transition: .5s cubic-bezier(.23,1,.32,1);
}
.border-form-top {
top: 0;
left: 0;
height: 1px;
width: 100%;
}
.border-form-right {
top: 0;
right: 0;
transform-origin: 0 0;
width: 1px;
height: 100%; transform: scaleY(0) translateZ(0);
}
.border-form-bottom {
bottom: 0;
right: 0;
transform-origin: 100% 0;
width: 100%;
height: 1px; transform: scaleX(0) translateZ(0);
}
.border-form-left {
bottom: 0;
left: 0;
transform-origin: 0 100%;
width: 1px;
height: 100%; transform: scaleY(0) translateZ(0);
}
.contact-form-style-1 .contact-bordered, .contact-form-style-1 .contact-bordered input {
height: 50px;
}
.contact-form-style-1 .contact-bordered:active .border-form-right, 
.contact-form-style-1 .contact-bordered:hover .border-form-right, 
.contact-form-style-1 .contact-bordered:focus .border-form-right {
transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-bottom, 
.contact-form-style-1 .contact-bordered:hover .border-form-bottom, 
.contact-form-style-1 .contact-bordered:focus .border-form-bottom {
transform: scaleX(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-left, 
.contact-form-style-1 .contact-bordered:hover .border-form-left, 
.contact-form-style-1 .contact-bordered:focus .border-form-left {
transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 input[type="submit"], .contact-form-style-2 input[type="submit"] {
max-width: 100%;
width: 100%;
background-color: #000000;
height: 50px;
}
.custom-form .bordered-button input[type="submit"] {
background-color: #0d0d0d;
border: 1px solid #ffffff;
color: #ffffff;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.custom-form .bordered-button input[type="submit"]:hover {
background-color: #ffffff;
border: 1px solid #000000;
color: #000000;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.contact-form-style-1 .contact-submit {
float: left;
position: relative;
width: 100%;
max-width: 100%;
}
.contact-bordered.text-area {
height: 150px;
}
.contact-bordered.text-area textarea {
height: 100%;
background-color: transparent;
border: 0;
padding: 15px;
resize: none;
} .contact-form-style-2 .contact-item2 input {
position: relative;
}
.contact-form-style-2 .contact-item2:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #cdcdcc;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #000000;
-webkit-transform: scale3d(0, 3, 1);
transform: scale3d(0, 3, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:hover:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.contact-form-style-2 .contact-item2 textarea {
background-color: transparent;
border: 0;
padding: 15px;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%; vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
} blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
} .sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}  .navbar-nav:not(.sm-collapsible) ul .caret {
position: absolute;
right: 0;
margin-top: 6px;
margin-right: 15px;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px dashed;
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
padding-right: 30px;
} .navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
position: absolute;
right: 0;
margin: -3px 15px 0 0;
padding: 0;
width: 32px;
height: 26px;
line-height: 24px;
text-align: center;
border-width: 1px;
border-style: solid;
}
.navbar-nav.sm-collapsible .caret:before {
content: '+';
font-family: monospace;
font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
padding-right: 50px;
} .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
position: static;
margin: 0 0 0 2px;
padding: 0;
width: 0;
height: 0;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-bottom: 0;
border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
padding-right: 15px;
} .navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
height: 20px;
overflow: hidden;
text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
position: absolute;
top: -2px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
overflow: hidden;
border-top: 7px dashed transparent;
border-right: 7px dashed transparent;
border-bottom: 7px solid;
border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
top: 6px;
border-top: 7px solid;
border-right: 7px dashed transparent;
border-bottom: 7px dashed transparent;
border-left: 7px dashed transparent;
} .navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
padding-left: 65px;
} .navbar-nav .dropdown-menu > li > a {
white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
white-space: normal;
} .navbar-right ul.dropdown-menu {
left: 0;
right: auto;
}
.sm-clean a.current {
color: #d23600;
}
.sm-clean a.disabled {
color: #bbbbbb;
}
.sm-clean a span.sub-arrow {
position: absolute;
top: 50%;
margin-top: -17px;
left: auto;
right: 4px;
width: 34px;
height: 34px;
overflow: hidden;
font: bold 16px/34px monospace !important;
text-align: center;
text-shadow: none;
background: rgba(255, 255, 255, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.sm-clean a.highlighted span.sub-arrow:before {
display: block;
content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-ms-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-ms-border-radius: 0 0 5px 5px;
-o-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sm-clean li {
border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-clean > li:first-child {
border-top: 0;
}
.sm-clean ul {
background: rgba(162, 162, 162, 0.1);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
font-size: 16px;
border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
border-left: 40px solid transparent;
}
@media (min-width: 769px) {  .sm-clean ul {
position: absolute;
width: 12em;
}
.sm-clean li {
float: left;
}
.sm-clean.sm-rtl li {
float: right;
}
.sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
float: none;
}
.sm-clean a {
white-space: nowrap;
}
.sm-clean ul a, .sm-clean.sm-vertical a {
white-space: normal;
}
.sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
white-space: nowrap;
} .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
color: #d23600;
}
.sm-clean a.current {
color: #d23600;
}
.sm-clean a.disabled {
color: #bbbbbb;
}
.sm-clean a.has-submenu {
padding-right: 24px;
}
.sm-clean a span.sub-arrow {
top: 50%;
margin-top: -2px;
right: 7px;
width: 0;
height: 0;
border-width: 4px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.sm-clean a.highlighted span.sub-arrow:before {
display: none;
}
.sm-clean li {
border-top: 0;
}
.sm-clean > li > ul:before,
.sm-clean > li > ul:after {
content: '';
position: absolute;
top: -18px;
left: 30px;
width: 0;
height: 0;
overflow: hidden;
border-width: 9px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #bbbbbb transparent;
}
.sm-clean > li > ul:after {
top: -16px;
left: 31px;
border-width: 8px;
border-color: transparent transparent white transparent;
}
.sm-clean ul {
border: 1px solid #bbbbbb;
padding: 5px 0;
background: white;
-webkit-border-radius: 5px !important;
-moz-border-radius: 5px !important;
-ms-border-radius: 5px !important;
-o-border-radius: 5px !important;
border-radius: 5px !important;
-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
border: 0 !important;
padding: 10px 20px;
color: #555555;
}
.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
background: transparent;
color: #d23600;
}
.sm-clean ul a.current {
color: #d23600;
}
.sm-clean ul a.disabled {
background: white;
color: #cccccc;
}
.sm-clean ul a.has-submenu {
padding-right: 20px;
}
.sm-clean ul a span.sub-arrow {
right: 8px;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #555555;
}
.sm-clean span.scroll-up,
.sm-clean span.scroll-down {
position: absolute;
display: none;
visibility: hidden;
overflow: hidden;
background: white;
height: 20px;
}
.sm-clean span.scroll-up:hover,
.sm-clean span.scroll-down:hover {
background: #eeeeee;
}
.sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
border-color: transparent transparent #d23600 transparent;
}
.sm-clean span.scroll-down:hover span.scroll-down-arrow {
border-color: #d23600 transparent transparent transparent;
}
.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
position: absolute;
top: 0;
left: 50%;
margin-left: -6px;
width: 0;
height: 0;
overflow: hidden;
border-width: 6px;
border-style: dashed dashed solid dashed;
border-color: transparent transparent #555555 transparent;
}
.sm-clean span.scroll-down-arrow {
top: 8px;
border-style: solid dashed dashed dashed;
border-color: #555555 transparent transparent transparent;
}
.sm-clean.sm-rtl a.has-submenu {
padding-right: 12px;
padding-left: 24px;
}
.sm-clean.sm-rtl a span.sub-arrow {
right: auto;
left: 12px;
}
.sm-clean.sm-rtl.sm-vertical a.has-submenu {
padding: 10px 20px;
}
.sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
right: auto;
left: 8px;
border-style: dashed solid dashed dashed;
border-color: transparent #555555 transparent transparent;
}
.sm-clean.sm-rtl > li > ul:before {
left: auto;
right: 30px;
}
.sm-clean.sm-rtl > li > ul:after {
left: auto;
right: 31px;
}
.sm-clean.sm-rtl ul a.has-submenu {
padding: 10px 20px !important;
}
.sm-clean.sm-rtl ul a span.sub-arrow {
right: auto;
left: 8px;
border-style: dashed solid dashed dashed;
border-color: transparent #555555 transparent transparent;
}
.sm-clean.sm-vertical {
padding: 10px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.sm-clean.sm-vertical a {
padding: 10px 20px;
}
.sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
background: white;
}
.sm-clean.sm-vertical a.disabled {
background: #eeeeee;
}
.sm-clean.sm-vertical a span.sub-arrow {
right: 8px;
top: 50%;
margin-top: -5px;
border-width: 5px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #555555;
}
.sm-clean.sm-vertical > li > ul:before,
.sm-clean.sm-vertical > li > ul:after {
display: none;
}
.sm-clean.sm-vertical ul a {
padding: 10px 20px;
}
.sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
background: #eeeeee;
}
.sm-clean.sm-vertical ul a.disabled {
background: white;
}
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
 [class^='imghvr-'], [class*=' imghvr-'] {
position: relative;
display: inline-block;
margin: 0px;
max-width: 100%;
background-color: #2266a5;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-'] > img, [class*=' imghvr-'] > img {
vertical-align: top;
max-width: 100%;
}
[class^='imghvr-'] figcaption, [class*=' imghvr-'] figcaption {
background-color: #135796;
position: absolute;
padding: 30px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #ffffff;
}
[class^='imghvr-'] figcaption h1, [class^='imghvr-'] figcaption h2, [class^='imghvr-'] figcaption h3, [class^='imghvr-'] figcaption h4, [class^='imghvr-'] figcaption h5, [class^='imghvr-'] figcaption h6, [class*=' imghvr-'] figcaption h1, [class*=' imghvr-'] figcaption h2, [class*=' imghvr-'] figcaption h3, [class*=' imghvr-'] figcaption h4, [class*=' imghvr-'] figcaption h5, [class*=' imghvr-'] figcaption h6 {
color: #ffffff;
}
[class^='imghvr-'] a, [class*=' imghvr-'] a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,
[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,
[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,
[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
} [class^='imghvr-fade'] figcaption, [class*=' imghvr-fade'] figcaption {
opacity: 0;
}
[class^='imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover > img {
opacity: 0;
}
[class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover figcaption {
opacity: 1;
}
[class^='imghvr-fade']:hover > img, [class^='imghvr-fade']:hover figcaption, [class*=' imghvr-fade']:hover > img, [class*=' imghvr-fade']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}  .imghvr-fade-in-up figcaption {
-webkit-transform: translate(0, 15%);
transform: translate(0, 15%);
} .imghvr-fade-in-down figcaption {
-webkit-transform: translate(0, -15%);
transform: translate(0, -15%);
} .imghvr-fade-in-left figcaption {
-webkit-transform: translate(-15%, 0);
transform: translate(-15%, 0);
} .imghvr-fade-in-right figcaption {
-webkit-transform: translate(15%, 0);
transform: translate(15%, 0);
} [class^='imghvr-push-']:hover figcaption, [class*=' imghvr-push-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-push-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-push-up:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-push-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-push-down:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-push-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-push-left:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-push-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-push-right:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} [class^='imghvr-slide-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-slide-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-slide-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-slide-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-slide-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-slide-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-slide-top-right figcaption {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-slide-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-slide-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-reveal-']:before, [class*=' imghvr-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #000000;
}
[class^='imghvr-reveal-'] figcaption, [class*=' imghvr-reveal-'] figcaption {
opacity: 0;
}
[class^='imghvr-reveal-']:hover:before, [class*=' imghvr-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-reveal-']:hover figcaption, [class*=' imghvr-reveal-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-reveal-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-reveal-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-reveal-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-reveal-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-hinge-'], [class*=' imghvr-hinge-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-hinge-'] figcaption, [class*=' imghvr-hinge-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-hinge-']:hover img, [class*=' imghvr-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-hinge-']:hover figcaption, [class*=' imghvr-hinge-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-hinge-up img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-hinge-up figcaption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-up:hover > img {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-hinge-up:hover figcaption {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-down img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-hinge-down figcaption {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-hinge-down:hover > img {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-hinge-down:hover figcaption {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-hinge-left img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-hinge-left figcaption {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-left:hover > img {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-hinge-left:hover figcaption {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .imghvr-hinge-right img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-hinge-right figcaption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-hinge-right:hover > img {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-hinge-right:hover figcaption {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} [class^='imghvr-flip-'], [class*=' imghvr-flip-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-flip-'] img, [class*=' imghvr-flip-'] img {
backface-visibility: hidden;
}
[class^='imghvr-flip-'] figcaption, [class*=' imghvr-flip-'] figcaption {
opacity: 0;
}
[class^='imghvr-flip-']:hover > img, [class*=' imghvr-flip-']:hover > img {
opacity: 0;
}
[class^='imghvr-flip-']:hover figcaption, [class*=' imghvr-flip-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-flip-horiz figcaption {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-flip-horiz:hover figcaption {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
} .imghvr-flip-vert figcaption {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-flip-vert:hover > img {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-flip-vert:hover figcaption {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-flip-diag-1 figcaption {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-flip-diag-1:hover > img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-flip-diag-1:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-flip-diag-2 figcaption {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-flip-diag-2:hover > img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-flip-diag-2:hover figcaption {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} [class^='imghvr-shutter-out-']:before, [class*=' imghvr-shutter-out-']:before {
background: #135796;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-shutter-out-'] figcaption, [class*=' imghvr-shutter-out-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover:before, [class*=' imghvr-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-shutter-out-']:hover figcaption, [class*=' imghvr-shutter-out-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-shutter-out-horiz:hover:before {
left: 0;
right: 0;
} .imghvr-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
} .imghvr-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
} .imghvr-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
} [class^='imghvr-shutter-in-']:after, [class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before {
background: #135796;
position: absolute;
content: '';
}
[class^='imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-shutter-in-']:before, [class*=' imghvr-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-shutter-in-'] figcaption, [class*=' imghvr-shutter-in-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-shutter-in-']:hover figcaption, [class*=' imghvr-shutter-in-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
width: 50%;
} .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
height: 50%;
} .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
width: 100%;
} .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
height: 100%;
} .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
} .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
opacity: 0.75;
}
.imghvr-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
} [class^='imghvr-fold'], [class*=' imghvr-fold'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-fold'] img, [class*=' imghvr-fold'] img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-fold'] figcaption, [class*=' imghvr-fold'] figcaption {
z-index: 1;
opacity: 0;
}
[class^='imghvr-fold']:hover > img, [class*=' imghvr-fold']:hover > img {
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-fold']:hover figcaption, [class*=' imghvr-fold']:hover figcaption {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-fold-up > img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-up figcaption {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-up:hover > img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
} .imghvr-fold-down > img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-fold-down figcaption {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-fold-down:hover > img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
} .imghvr-fold-left > img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-fold-left figcaption {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-left:hover > img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
} .imghvr-fold-right > img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-fold-right figcaption {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-fold-right:hover > img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
} .imghvr-zoom-in figcaption {
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.imghvr-zoom-in:hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
} [class^='imghvr-zoom-out'] figcaption, [class*=' imghvr-zoom-out'] figcaption {
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption, [class^='imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class*=' imghvr-zoom-out'].hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out:hover > img {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
} .imghvr-zoom-out-up:hover > img, .imghvr-zoom-out-up.hover > img {
-webkit-animation: imghvr-zoom-out-up 0.4025s linear;
animation: imghvr-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-up
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-up
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-down:hover > img, .imghvr-zoom-out-down.hover > img {
-webkit-animation: imghvr-zoom-out-down 0.4025s linear;
animation: imghvr-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-down
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-down
{
50%
{
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-left:hover > img, .imghvr-zoom-out-left.hover > img {
-webkit-animation: imghvr-zoom-out-left 0.4025s linear;
animation: imghvr-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-left
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-left
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
} .imghvr-zoom-out-right:hover > img, .imghvr-zoom-out-right.hover > img {
-webkit-animation: imghvr-zoom-out-right 0.4025s linear;
animation: imghvr-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-zoom-out-right
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-zoom-out-right
{
50%
{
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100%
{
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
} .imghvr-zoom-out-flip-horiz {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-horiz figcaption {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-zoom-out-flip-horiz:hover > img, .imghvr-zoom-out-flip-horiz.hover > img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-horiz:hover figcaption, .imghvr-zoom-out-flip-horiz.hover figcaption {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-zoom-out-flip-vert {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-zoom-out-flip-vert figcaption {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-zoom-out-flip-vert:hover > img, .imghvr-zoom-out-flip-vert.hover > img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-zoom-out-flip-vert:hover figcaption, .imghvr-zoom-out-flip-vert.hover figcaption {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blur figcaption {
opacity: 0;
}
.imghvr-blur:hover > img {
-webkit-filter: blur(30px);
filter: blur(30px);
-webkit-transform: scale(1.2);
transform: scale(1.2);
opacity: 0;
}
.imghvr-blur:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} [class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 50%;
width: 50%;
}
[class^='imghvr-blocks']:before, [class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:before, [class*=' imghvr-blocks']:after {
z-index: 1;
}
[class^='imghvr-blocks']:before, [class*=' imghvr-blocks']:before {
top: 0;
right: 0;
}
[class^='imghvr-blocks']:after, [class*=' imghvr-blocks']:after {
bottom: 0;
left: 0;
}
[class^='imghvr-blocks'] figcaption, [class*=' imghvr-blocks'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-blocks'] figcaption *, [class*=' imghvr-blocks'] figcaption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blocks'] figcaption:before, [class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:after {
z-index: -1;
}
[class^='imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks'] figcaption:before {
top: 0;
left: 0;
}
[class^='imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:after {
bottom: 0;
right: 0;
}
[class^='imghvr-blocks'] a, [class*=' imghvr-blocks'] a {
z-index: 3;
}
[class^='imghvr-blocks']:hover:before, [class^='imghvr-blocks']:hover:after, [class^='imghvr-blocks']:hover figcaption:before, [class^='imghvr-blocks']:hover figcaption:after, [class*=' imghvr-blocks']:hover:before, [class*=' imghvr-blocks']:hover:after, [class*=' imghvr-blocks']:hover figcaption:before, [class*=' imghvr-blocks']:hover figcaption:after {
-webkit-transform: translate(0, 0) scale(1);
transform: translate(0, 0) scale(1);
opacity: 1;
}
[class^='imghvr-blocks']:hover figcaption *, [class*=' imghvr-blocks']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blocks-rotate-left:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-left:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-left figcaption:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-left figcaption:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-blocks-rotate-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-right:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-right figcaption:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-right figcaption:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-blocks-rotate-in-left:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-left:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-blocks-rotate-in-left figcaption:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-left figcaption:after {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-blocks-rotate-in-right:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-blocks-rotate-in-right:after {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-blocks-rotate-in-right figcaption:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-blocks-rotate-in-right figcaption:after {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-blocks-in:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.imghvr-blocks-in:after {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.imghvr-blocks-in figcaption:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
}
.imghvr-blocks-in figcaption:after {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} .imghvr-blocks-out:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
}
.imghvr-blocks-out:after {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
}
.imghvr-blocks-out figcaption:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
}
.imghvr-blocks-out figcaption:after {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-blocks-float-up:before, .imghvr-blocks-float-up:after, .imghvr-blocks-float-up figcaption:before, .imghvr-blocks-float-up figcaption:after {
-webkit-transform: translate(0, 200%);
transform: translate(0, 200%);
}
.imghvr-blocks-float-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-up:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-up figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-up figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-up:hover:before {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-up:hover:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-up:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-up:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-up:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-down:before, .imghvr-blocks-float-down:after, .imghvr-blocks-float-down figcaption:before, .imghvr-blocks-float-down figcaption:after {
-webkit-transform: translate(0, -200%);
transform: translate(0, -200%);
}
.imghvr-blocks-float-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-down:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-down figcaption:before {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-down figcaption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-down:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-down:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-down:hover figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-down:hover figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-down:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-left:before, .imghvr-blocks-float-left:after, .imghvr-blocks-float-left figcaption:before, .imghvr-blocks-float-left figcaption:after {
-webkit-transform: translate(200%, 0);
transform: translate(200%, 0);
}
.imghvr-blocks-float-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-left:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blocks-float-left figcaption:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-left:hover:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-left:hover:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-left:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-float-right:before, .imghvr-blocks-float-right:after, .imghvr-blocks-float-right figcaption:before, .imghvr-blocks-float-right figcaption:after {
-webkit-transform: translate(-200%, 0);
transform: translate(-200%, 0);
}
.imghvr-blocks-float-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-right figcaption:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blocks-float-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-float-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-float-right:hover figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blocks-float-right:hover figcaption:after {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
}
.imghvr-blocks-float-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-top-left:before, .imghvr-blocks-zoom-top-left:after, .imghvr-blocks-zoom-top-left figcaption:before, .imghvr-blocks-zoom-top-left figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-top-left:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-left:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-top-left:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-top-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-top-right:before, .imghvr-blocks-zoom-top-right:after, .imghvr-blocks-zoom-top-right figcaption:before, .imghvr-blocks-zoom-top-right figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-top-right:hover:before {
-webkit-transition-delay: 0, 0s;
transition-delay: 0, 0s;
}
.imghvr-blocks-zoom-top-right:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-top-right:hover figcaption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-right:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-top-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-bottom-left:before, .imghvr-blocks-zoom-bottom-left:after, .imghvr-blocks-zoom-bottom-left figcaption:before, .imghvr-blocks-zoom-bottom-left figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-bottom-left:hover:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-left:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} .imghvr-blocks-zoom-bottom-right:before, .imghvr-blocks-zoom-bottom-right:after, .imghvr-blocks-zoom-bottom-right figcaption:before, .imghvr-blocks-zoom-bottom-right figcaption:after {
-webkit-transform: scale(0.05);
transform: scale(0.05);
}
.imghvr-blocks-zoom-bottom-right:hover:before {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-right:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blocks-zoom-bottom-right:hover figcaption * {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s;
} [class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
}
[class^='imghvr-strip-shutter']:before, [class^='imghvr-strip-shutter']:after, [class*=' imghvr-strip-shutter']:before, [class*=' imghvr-strip-shutter']:after {
z-index: 1;
}
[class^='imghvr-strip-shutter'] figcaption, [class*=' imghvr-strip-shutter'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-shutter'] figcaption *, [class*=' imghvr-strip-shutter'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-shutter'] figcaption:before, [class^='imghvr-strip-shutter'] figcaption:after, [class*=' imghvr-strip-shutter'] figcaption:before, [class*=' imghvr-strip-shutter'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-shutter'] a, [class*=' imghvr-strip-shutter'] a {
z-index: 3;
}
[class^='imghvr-strip-shutter']:hover:before, [class^='imghvr-strip-shutter']:hover:after, [class^='imghvr-strip-shutter']:hover figcaption:before, [class^='imghvr-strip-shutter']:hover figcaption:after, [class*=' imghvr-strip-shutter']:hover:before, [class*=' imghvr-strip-shutter']:hover:after, [class*=' imghvr-strip-shutter']:hover figcaption:before, [class*=' imghvr-strip-shutter']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-shutter']:hover figcaption *, [class*=' imghvr-strip-shutter']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-shutter-up:before, .imghvr-strip-shutter-up:after, .imghvr-strip-shutter-up figcaption:before, .imghvr-strip-shutter-up figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.imghvr-strip-shutter-up:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-shutter-up:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-up figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-up figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-shutter-down:before, .imghvr-strip-shutter-down:after, .imghvr-strip-shutter-down figcaption:before, .imghvr-strip-shutter-down figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
.imghvr-strip-shutter-down:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-shutter-down:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-down figcaption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-down figcaption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-shutter-left:before, .imghvr-strip-shutter-left:after, .imghvr-strip-shutter-left figcaption:before, .imghvr-strip-shutter-left figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-strip-shutter-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-shutter-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-shutter-right:before, .imghvr-strip-shutter-right:after, .imghvr-strip-shutter-right figcaption:before, .imghvr-strip-shutter-right figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-strip-shutter-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-shutter-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-shutter-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-shutter-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} [class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='imghvr-strip-horiz']:before, [class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:after {
z-index: 1;
}
[class^='imghvr-strip-horiz']:before, [class*=' imghvr-strip-horiz']:before {
top: 0;
}
[class^='imghvr-strip-horiz']:after, [class*=' imghvr-strip-horiz']:after {
top: 25%;
}
[class^='imghvr-strip-horiz'] figcaption, [class*=' imghvr-strip-horiz'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-horiz'] figcaption *, [class*=' imghvr-strip-horiz'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-horiz'] figcaption:before, [class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-horiz'] figcaption:before, [class*=' imghvr-strip-horiz'] figcaption:before {
top: 50%;
}
[class^='imghvr-strip-horiz'] figcaption:after, [class*=' imghvr-strip-horiz'] figcaption:after {
top: 75%;
}
[class^='imghvr-strip-horiz'] a, [class*=' imghvr-strip-horiz'] a {
z-index: 3;
}
[class^='imghvr-strip-horiz']:hover:before, [class^='imghvr-strip-horiz']:hover:after, [class^='imghvr-strip-horiz']:hover figcaption:before, [class^='imghvr-strip-horiz']:hover figcaption:after, [class*=' imghvr-strip-horiz']:hover:before, [class*=' imghvr-strip-horiz']:hover:after, [class*=' imghvr-strip-horiz']:hover figcaption:before, [class*=' imghvr-strip-horiz']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-horiz']:hover figcaption *, [class*=' imghvr-strip-horiz']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-up:before, .imghvr-strip-horiz-up:after, .imghvr-strip-horiz-up figcaption:before, .imghvr-strip-horiz-up figcaption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .imghvr-strip-horiz-down:before, .imghvr-strip-horiz-down:after, .imghvr-strip-horiz-down figcaption:before, .imghvr-strip-horiz-down figcaption:after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .imghvr-strip-horiz-top-left:before, .imghvr-strip-horiz-top-left:after, .imghvr-strip-horiz-top-left figcaption:before, .imghvr-strip-horiz-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-horiz-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-horiz-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-top-right:before, .imghvr-strip-horiz-top-right:after, .imghvr-strip-horiz-top-right figcaption:before, .imghvr-strip-horiz-top-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-strip-horiz-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-horiz-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-top-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-top-right figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-horiz-bottom-left:before, .imghvr-strip-horiz-bottom-left:after, .imghvr-strip-horiz-bottom-left figcaption:before, .imghvr-strip-horiz-bottom-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-horiz-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-horiz-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-bottom-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-horiz-bottom-right:before, .imghvr-strip-horiz-bottom-right:after, .imghvr-strip-horiz-bottom-right figcaption:before, .imghvr-strip-horiz-bottom-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-strip-horiz-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-horiz-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-horiz-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-horiz-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
width: 26%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
[class^='imghvr-strip-vert']:before, [class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:after {
z-index: 1;
}
[class^='imghvr-strip-vert']:before, [class*=' imghvr-strip-vert']:before {
left: 0;
}
[class^='imghvr-strip-vert']:after, [class*=' imghvr-strip-vert']:after {
left: 25%;
}
[class^='imghvr-strip-vert'] figcaption, [class*=' imghvr-strip-vert'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-strip-vert'] figcaption *, [class*=' imghvr-strip-vert'] figcaption * {
opacity: 0;
}
[class^='imghvr-strip-vert'] figcaption:before, [class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:after {
z-index: -1;
}
[class^='imghvr-strip-vert'] figcaption:before, [class*=' imghvr-strip-vert'] figcaption:before {
left: 50%;
}
[class^='imghvr-strip-vert'] figcaption:after, [class*=' imghvr-strip-vert'] figcaption:after {
left: 75%;
}
[class^='imghvr-strip-vert'] a, [class*=' imghvr-strip-vert'] a {
z-index: 3;
}
[class^='imghvr-strip-vert']:hover:before, [class^='imghvr-strip-vert']:hover:after, [class^='imghvr-strip-vert']:hover figcaption:before, [class^='imghvr-strip-vert']:hover figcaption:after, [class*=' imghvr-strip-vert']:hover:before, [class*=' imghvr-strip-vert']:hover:after, [class*=' imghvr-strip-vert']:hover figcaption:before, [class*=' imghvr-strip-vert']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-strip-vert']:hover figcaption *, [class*=' imghvr-strip-vert']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-left:before, .imghvr-strip-vert-left:after, .imghvr-strip-vert-left figcaption:before, .imghvr-strip-vert-left figcaption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
} .imghvr-strip-vert-right:before, .imghvr-strip-vert-right:after, .imghvr-strip-vert-right figcaption:before, .imghvr-strip-vert-right figcaption:after {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
} .imghvr-strip-vert-top-left:before, .imghvr-strip-vert-top-left:after, .imghvr-strip-vert-top-left figcaption:before, .imghvr-strip-vert-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-vert-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-vert-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-top-right:before, .imghvr-strip-vert-top-right:after, .imghvr-strip-vert-top-right figcaption:before, .imghvr-strip-vert-top-right figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-strip-vert-top-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-vert-top-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-top-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-top-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-strip-vert-bottom-left:before, .imghvr-strip-vert-bottom-left:after, .imghvr-strip-vert-bottom-left figcaption:before, .imghvr-strip-vert-bottom-left figcaption:after {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-strip-vert-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-strip-vert-bottom-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-bottom-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-bottom-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-strip-vert-bottom-right:before, .imghvr-strip-vert-bottom-right:after, .imghvr-strip-vert-bottom-right figcaption:before, .imghvr-strip-vert-bottom-right figcaption:after {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-strip-vert-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-strip-vert-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-strip-vert-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-strip-vert-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after {
-webkit-transition: all 0.35s steps(4);
transition: all 0.35s steps(4);
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
height: 26%;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
left: 0;
}
[class^='imghvr-pixel']:before, [class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:before, [class*=' imghvr-pixel']:after {
z-index: 1;
}
[class^='imghvr-pixel']:before, [class*=' imghvr-pixel']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-pixel']:after, [class*=' imghvr-pixel']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-pixel'] figcaption, [class*=' imghvr-pixel'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-pixel'] figcaption *, [class*=' imghvr-pixel'] figcaption * {
opacity: 0;
}
[class^='imghvr-pixel'] figcaption:before, [class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:after {
z-index: -1;
}
[class^='imghvr-pixel'] figcaption:before, [class*=' imghvr-pixel'] figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
[class^='imghvr-pixel'] figcaption:after, [class*=' imghvr-pixel'] figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='imghvr-pixel'] a, [class*=' imghvr-pixel'] a {
z-index: 3;
}
[class^='imghvr-pixel']:hover:before, [class^='imghvr-pixel']:hover:after, [class^='imghvr-pixel']:hover figcaption:before, [class^='imghvr-pixel']:hover figcaption:after, [class*=' imghvr-pixel']:hover:before, [class*=' imghvr-pixel']:hover:after, [class*=' imghvr-pixel']:hover figcaption:before, [class*=' imghvr-pixel']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-pixel']:hover figcaption *, [class*=' imghvr-pixel']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-up:before, .imghvr-pixel-up:after, .imghvr-pixel-up figcaption:before, .imghvr-pixel-up figcaption:after {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.imghvr-pixel-up:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-up:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-up figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-up figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-down:before, .imghvr-pixel-down:after, .imghvr-pixel-down figcaption:before, .imghvr-pixel-down figcaption:after {
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.imghvr-pixel-down:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-down:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-down figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-down figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-left:before, .imghvr-pixel-left:after, .imghvr-pixel-left figcaption:before, .imghvr-pixel-left figcaption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-pixel-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-right:before, .imghvr-pixel-right:after, .imghvr-pixel-right figcaption:before, .imghvr-pixel-right figcaption:after {
width: 25.1%;
height: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
top: 0;
}
.imghvr-pixel-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-top-left:before, .imghvr-pixel-top-left:after, .imghvr-pixel-top-left figcaption:before, .imghvr-pixel-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pixel-top-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-top-left:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-top-left figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-top-left figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-top-right:before, .imghvr-pixel-top-right:after, .imghvr-pixel-top-right figcaption:before, .imghvr-pixel-top-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pixel-top-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-pixel-top-right:after {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-top-right figcaption:before {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-top-right figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-pixel-bottom-left:before, .imghvr-pixel-bottom-left:after, .imghvr-pixel-bottom-left figcaption:before, .imghvr-pixel-bottom-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pixel-bottom-left:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-bottom-left:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-bottom-left figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-pixel-bottom-right:before, .imghvr-pixel-bottom-right:after, .imghvr-pixel-bottom-right figcaption:before, .imghvr-pixel-bottom-right figcaption:after {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pixel-bottom-right:before {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-pixel-bottom-right:after {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-pixel-bottom-right figcaption:before {
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-pixel-bottom-right figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} [class^='imghvr-pivot-in'] figcaption, [class*=' imghvr-pivot-in'] figcaption {
background-color: #135796;
}
[class^='imghvr-pivot-in']:hover figcaption, [class*=' imghvr-pivot-in']:hover figcaption {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
} .imghvr-pivot-in-top-left figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} .imghvr-pivot-in-top-right figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-pivot-in-bottom-left figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .imghvr-pivot-in-bottom-right figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} [class^='imghvr-pivot-out'] > img, [class*=' imghvr-pivot-out'] > img {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
[class^='imghvr-pivot-out'] figcaption, [class*=' imghvr-pivot-out'] figcaption {
background-color: #135796;
z-index: -1;
} .imghvr-pivot-out-top-left > img {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-pivot-out-top-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} .imghvr-pivot-out-top-right > img {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-pivot-out-top-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .imghvr-pivot-out-bottom-left > img {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-pivot-out-bottom-left:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
} .imghvr-pivot-out-bottom-right > img {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-pivot-out-bottom-right:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
} [class^='imghvr-throw-in'] figcaption, [class*=' imghvr-throw-in'] figcaption {
background-color: #135796;
}
[class^='imghvr-throw-in']:hover figcaption, [class*=' imghvr-throw-in']:hover figcaption {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
} .imghvr-throw-in-up figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.imghvr-throw-in-up:hover figcaption {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-throw-in-down figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-throw-in-down:hover figcaption {
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
} .imghvr-throw-in-left figcaption {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-throw-in-left:hover figcaption {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
} .imghvr-throw-in-right figcaption {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0%;
transform-origin: 0 0%;
}
.imghvr-throw-in-right:hover figcaption {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} [class^='imghvr-throw-out'] > img, [class*=' imghvr-throw-out'] > img {
-webkit-transform: rotate(0);
transform: rotate(0);
}
[class^='imghvr-throw-out'] figcaption, [class*=' imghvr-throw-out'] figcaption {
background-color: #135796;
z-index: -1;
} .imghvr-throw-out-up > img {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-throw-out-up:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} .imghvr-throw-out-down > img {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-throw-out-down:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-throw-out-left > img {
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.imghvr-throw-out-left:hover > img {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
} .imghvr-throw-out-right > img {
-webkit-transform-origin: 0% 0;
transform-origin: 0% 0;
}
.imghvr-throw-out-right:hover > img {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
} [class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after {
background-color: #135796;
opacity: 0;
position: absolute;
content: '';
}
[class^='imghvr-blinds']:before, [class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:before, [class*=' imghvr-blinds']:after {
z-index: 1;
}
[class^='imghvr-blinds']:before, [class*=' imghvr-blinds']:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blinds']:after, [class*=' imghvr-blinds']:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-blinds'] figcaption, [class*=' imghvr-blinds'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-blinds'] figcaption *, [class*=' imghvr-blinds'] figcaption * {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-blinds'] figcaption:before, [class^='imghvr-blinds'] figcaption:after, [class*=' imghvr-blinds'] figcaption:before, [class*=' imghvr-blinds'] figcaption:after {
z-index: -1;
}
[class^='imghvr-blinds'] a, [class*=' imghvr-blinds'] a {
z-index: 3;
}
[class^='imghvr-blinds']:hover:before, [class^='imghvr-blinds']:hover:after, [class^='imghvr-blinds']:hover figcaption:before, [class^='imghvr-blinds']:hover figcaption:after, [class*=' imghvr-blinds']:hover:before, [class*=' imghvr-blinds']:hover:after, [class*=' imghvr-blinds']:hover figcaption:before, [class*=' imghvr-blinds']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
[class^='imghvr-blinds']:hover figcaption *, [class*=' imghvr-blinds']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.4025s;
transition-delay: 0.4025s;
} .imghvr-blinds-horiz:before, .imghvr-blinds-horiz:after, .imghvr-blinds-horiz figcaption:before, .imghvr-blinds-horiz figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-horiz:before {
top: 0;
}
.imghvr-blinds-horiz:after {
top: 25%;
}
.imghvr-blinds-horiz figcaption:before {
top: 50%;
}
.imghvr-blinds-horiz figcaption:after {
top: 75%;
}
.imghvr-blinds-horiz:hover figcaption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-vert:before, .imghvr-blinds-vert:after, .imghvr-blinds-vert figcaption:before, .imghvr-blinds-vert figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-vert:before {
left: 0;
}
.imghvr-blinds-vert:after {
left: 25%;
}
.imghvr-blinds-vert figcaption:before {
left: 50%;
}
.imghvr-blinds-vert figcaption:after {
left: 75%;
}
.imghvr-blinds-vert:hover figcaption * {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-up:before, .imghvr-blinds-up:after, .imghvr-blinds-up figcaption:before, .imghvr-blinds-up figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-up:before {
top: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blinds-up:after {
top: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-up figcaption:before {
top: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-up figcaption:after {
top: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-blinds-down:before, .imghvr-blinds-down:after, .imghvr-blinds-down figcaption:before, .imghvr-blinds-down figcaption:after {
height: 26%;
width: 100%;
-webkit-transform: scaleY(0);
transform: scaleY(0);
left: 0;
}
.imghvr-blinds-down:before {
top: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blinds-down:after {
top: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-down figcaption:before {
top: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-down figcaption:after {
top: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-blinds-left:before, .imghvr-blinds-left:after, .imghvr-blinds-left figcaption:before, .imghvr-blinds-left figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-left:before {
left: 0;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-blinds-left:after {
left: 25%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-left figcaption:before {
left: 50%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-left figcaption:after {
left: 75%;
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-blinds-right:before, .imghvr-blinds-right:after, .imghvr-blinds-right figcaption:before, .imghvr-blinds-right figcaption:after {
width: 26%;
height: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
top: 0;
}
.imghvr-blinds-right:before {
left: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-blinds-right:after {
left: 25%;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
}
.imghvr-blinds-right figcaption:before {
left: 50%;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
}
.imghvr-blinds-right figcaption:after {
left: 75%;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} [class^='imghvr-border-reveal'], [class*=' imghvr-border-reveal'] {
background-color: #135796;
}
[class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after {
background-color: #ffffff;
position: absolute;
content: '';
}
[class^='imghvr-border-reveal']:before, [class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:after {
z-index: 1;
height: 4px;
left: 5px;
right: 5px;
-webkit-transform: scaleX(0);
transform: scaleX(0);
}
[class^='imghvr-border-reveal']:before, [class*=' imghvr-border-reveal']:before {
top: 5px;
}
[class^='imghvr-border-reveal']:after, [class*=' imghvr-border-reveal']:after {
bottom: 5px;
}
[class^='imghvr-border-reveal'] figcaption, [class*=' imghvr-border-reveal'] figcaption {
z-index: 3;
background-color: transparent;
}
[class^='imghvr-border-reveal'] figcaption *, [class*=' imghvr-border-reveal'] figcaption * {
opacity: 0;
}
[class^='imghvr-border-reveal'] figcaption:before, [class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:after {
z-index: -1;
width: 4px;
top: 5px;
bottom: 5px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
}
[class^='imghvr-border-reveal'] figcaption:before, [class*=' imghvr-border-reveal'] figcaption:before {
left: 5px;
}
[class^='imghvr-border-reveal'] figcaption:after, [class*=' imghvr-border-reveal'] figcaption:after {
right: 5px;
}
[class^='imghvr-border-reveal'] a, [class*=' imghvr-border-reveal'] a {
z-index: 3;
}
[class^='imghvr-border-reveal']:hover > img, [class*=' imghvr-border-reveal']:hover > img {
opacity: 0;
}
[class^='imghvr-border-reveal']:hover:before, [class^='imghvr-border-reveal']:hover:after, [class^='imghvr-border-reveal']:hover figcaption:before, [class^='imghvr-border-reveal']:hover figcaption:after, [class*=' imghvr-border-reveal']:hover:before, [class*=' imghvr-border-reveal']:hover:after, [class*=' imghvr-border-reveal']:hover figcaption:before, [class*=' imghvr-border-reveal']:hover figcaption:after {
-webkit-transform: scale(1);
transform: scale(1);
}
[class^='imghvr-border-reveal']:hover figcaption *, [class*=' imghvr-border-reveal']:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-border-reveal-vert:before, .imghvr-border-reveal-vert:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.imghvr-border-reveal-vert:hover:before, .imghvr-border-reveal-vert:hover:after {
-webkit-transition-delay: 0.23333s;
transition-delay: 0.23333s;
} .imghvr-border-reveal-horiz figcaption:before, .imghvr-border-reveal-horiz figcaption:after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
}
.imghvr-border-reveal-horiz:hover figcaption:before, .imghvr-border-reveal-horiz:hover figcaption:after {
-webkit-transition-delay: 0.23333s;
transition-delay: 0.23333s;
} .imghvr-border-reveal-corners-1:before, .imghvr-border-reveal-corners-1 figcaption:before {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-corners-1:after, .imghvr-border-reveal-corners-1 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-border-reveal-corners-2:before, .imghvr-border-reveal-corners-2 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-corners-2:after, .imghvr-border-reveal-corners-2 figcaption:after {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .imghvr-border-reveal-top-left:before, .imghvr-border-reveal-top-left:after, .imghvr-border-reveal-top-left figcaption:before, .imghvr-border-reveal-top-left figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-top-left:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-left:hover figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
} .imghvr-border-reveal-top-right:before, .imghvr-border-reveal-top-right:after, .imghvr-border-reveal-top-right figcaption:before, .imghvr-border-reveal-top-right figcaption:after {
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.imghvr-border-reveal-top-right:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-top-right:hover:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-top-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-border-reveal-bottom-left:before, .imghvr-border-reveal-bottom-left:after, .imghvr-border-reveal-bottom-left figcaption:before, .imghvr-border-reveal-bottom-left figcaption:after {
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
}
.imghvr-border-reveal-bottom-left:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-left:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-left:hover figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
} .imghvr-border-reveal-bottom-right:before, .imghvr-border-reveal-bottom-right:after, .imghvr-border-reveal-bottom-right figcaption:before, .imghvr-border-reveal-bottom-right figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-bottom-right:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right figcaption:after {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-bottom-right:hover figcaption:before {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s;
}
.imghvr-border-reveal-bottom-right:hover figcaption:after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before, .imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transition-duration: 0.23333s;
transition-duration: 0.23333s;
}
.imghvr-border-reveal-cc-1:before, .imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-1:after, .imghvr-border-reveal-cc-1 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-cc-1:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-cc-1:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-cc-1 figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-cc-1 figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-cc-1:hover:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-cc-1:hover:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-cc-1:hover figcaption:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-cc-1:hover figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
} .imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before, .imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transition-duration: 0.23333s;
transition-duration: 0.23333s;
}
.imghvr-border-reveal-ccc-1:before, .imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-1:after, .imghvr-border-reveal-ccc-1 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.imghvr-border-reveal-ccc-1:before {
-webkit-transition-delay: 0;
transition-delay: 0;
}
.imghvr-border-reveal-ccc-1:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
.imghvr-border-reveal-ccc-1 figcaption:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-ccc-1 figcaption:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-ccc-1:hover:before {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
.imghvr-border-reveal-ccc-1:hover:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
.imghvr-border-reveal-ccc-1:hover figcaption:before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.imghvr-border-reveal-ccc-1:hover figcaption:after {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-border-reveal-cc-2:before, .imghvr-border-reveal-cc-2 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-2:after, .imghvr-border-reveal-cc-2 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
} .imghvr-border-reveal-ccc-2:before, .imghvr-border-reveal-ccc-2 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-2:after, .imghvr-border-reveal-ccc-2 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .imghvr-border-reveal-cc-3:before, .imghvr-border-reveal-cc-3 figcaption:after {
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.imghvr-border-reveal-cc-3:after, .imghvr-border-reveal-cc-3 figcaption:before {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-cc-3:before {
right: 14px;
left: 0;
}
.imghvr-border-reveal-cc-3:after {
left: 14px;
right: 0;
}
.imghvr-border-reveal-cc-3 figcaption:before {
top: 14px;
bottom: 0;
}
.imghvr-border-reveal-cc-3 figcaption:after {
bottom: 14px;
top: 0;
} .imghvr-border-reveal-ccc-3:before, .imghvr-border-reveal-ccc-3 figcaption:after {
-webkit-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.imghvr-border-reveal-ccc-3:after, .imghvr-border-reveal-ccc-3 figcaption:before {
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.imghvr-border-reveal-ccc-3:before {
left: 14px;
right: 0;
}
.imghvr-border-reveal-ccc-3:after {
right: 14px;
left: 0;
}
.imghvr-border-reveal-ccc-3 figcaption:before {
bottom: 14px;
top: 0;
}
.imghvr-border-reveal-ccc-3 figcaption:after {
top: 14px;
bottom: 0;
} [class^='imghvr-image-'] figcaption, [class*=' imghvr-image-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-image-']:hover figcaption, [class*=' imghvr-image-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-image-zoom-center:hover > img {
-webkit-transform: scale(1.25);
transform: scale(1.25);
} .imghvr-image-zoom-out:hover > img {
-webkit-transform: scale(0.7);
transform: scale(0.7);
} .imghvr-image-rotate-left:hover > img {
-webkit-transform: scale(1.3) rotate(-15deg);
transform: scale(1.3) rotate(-15deg);
} .imghvr-image-rotate-right:hover > img {
-webkit-transform: scale(1.3) rotate(15deg);
transform: scale(1.3) rotate(15deg);
} *[class^='imghvr-book-open-'], *[class*=' imghvr-book-open-'] {
overflow: visible;
}
*[class^='imghvr-book-open-'] figcaption, *[class*=' imghvr-book-open-'] figcaption {
background-color: transparent;
border: none;
}
*[class^='imghvr-book-open-'] figcaption:before, *[class^='imghvr-book-open-'] figcaption:after, *[class*=' imghvr-book-open-'] figcaption:before, *[class*=' imghvr-book-open-'] figcaption:after {
z-index: -1;
background-color: black;
content: '';
position: absolute;
opacity: 0;
-webkit-transition: all 0.45s ease;
transition: all 0.45s ease;
}
*[class^='imghvr-book-open-']:hover figcaption:before, *[class^='imghvr-book-open-']:hover figcaption:after, *[class*=' imghvr-book-open-']:hover figcaption:before, *[class*=' imghvr-book-open-']:hover figcaption:after {
opacity: 1;
background-color: #135796;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-book-open-horiz figcaption {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-horiz figcaption * {
opacity: 0;
}
.imghvr-book-open-horiz figcaption:before, .imghvr-book-open-horiz figcaption:after {
height: 100%;
width: 50%;
top: 0;
}
.imghvr-book-open-horiz figcaption:before {
background-image: -webkit-linear-gradient( left , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
left: 0;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-book-open-horiz figcaption:after {
background-image: -webkit-linear-gradient( right , transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, 0.12) 99%, rgba(0, 0, 0, 0.15) 100%);
right: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-book-open-horiz:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-book-open-vert figcaption {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-vert figcaption * {
opacity: 0;
}
.imghvr-book-open-vert figcaption:before, .imghvr-book-open-vert figcaption:after {
height: 50%;
width: 100%;
left: 0;
}
.imghvr-book-open-vert figcaption:before {
background-image: -webkit-linear-gradient( top , transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, 0.1) 99%, rgba(0, 0, 0, 0.15) 100%);
top: 0;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-book-open-vert figcaption:after {
background-image: -webkit-linear-gradient( bottom , transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, 0.13) 99%, rgba(0, 0, 0, 0.15) 100%);
bottom: 0;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-book-open-vert:hover figcaption * {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-book-open-up {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-up > img {
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-book-open-up figcaption {
z-index: -1;
}
.imghvr-book-open-up figcaption * {
opacity: 1;
}
.imghvr-book-open-up figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( bottom , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to top, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-up:hover > img {
-webkit-transform: rotateX(86deg);
transform: rotateX(86deg);
} .imghvr-book-open-down {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-down > img {
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-book-open-down figcaption {
z-index: -1;
}
.imghvr-book-open-down figcaption * {
opacity: 1;
}
.imghvr-book-open-down figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( top , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to bottom, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-down:hover > img {
-webkit-transform: rotateX(-86deg);
transform: rotateX(-86deg);
} .imghvr-book-open-left {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-left > img {
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-book-open-left figcaption {
z-index: -1;
}
.imghvr-book-open-left figcaption * {
opacity: 1;
}
.imghvr-book-open-left figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( right , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to left, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-left:hover > img {
-webkit-transform: rotateY(-86deg);
transform: rotateY(-86deg);
} .imghvr-book-open-right {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-book-open-right > img {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-book-open-right figcaption {
z-index: -1;
}
.imghvr-book-open-right figcaption * {
opacity: 1;
}
.imghvr-book-open-right figcaption:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-image: -webkit-linear-gradient( left , transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
background-image: linear-gradient(to right, transparent 80%, rgba(0, 0, 0, 0.2) 99%, rgba(0, 0, 0, 0.3) 100%);
left: 0;
}
.imghvr-book-open-right:hover > img {
-webkit-transform: rotateY(86deg);
transform: rotateY(86deg);
} [class^='imghvr-circle-']:before, [class*=' imghvr-circle-']:before {
position: absolute;
top: -25%;
bottom: -25%;
left: -25%;
right: -25%;
content: '';
background-color: #135796;
border-radius: 50%;
-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;
}
[class^='imghvr-circle-'] figcaption, [class*=' imghvr-circle-'] figcaption {
opacity: 0;
background-color: transparent;
}
[class^='imghvr-circle-']:hover:before, [class*=' imghvr-circle-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-circle-']:hover figcaption, [class*=' imghvr-circle-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
} .imghvr-circle-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-circle-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-circle-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-circle-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-circle-top-left:before {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-circle-top-right:before {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-circle-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-circle-bottom-right:before {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-shift'], [class*=' imghvr-shift'] {
overflow: visible;
}
[class^='imghvr-shift'] figcaption, [class*=' imghvr-shift'] figcaption {
background-color: #135796;
opacity: 0;
} .imghvr-shift-top-left:hover figcaption {
opacity: 1;
-webkit-transform: translate(-10px, -10px);
transform: translate(-10px, -10px);
} .imghvr-shift-top-right:hover figcaption {
opacity: 1;
-webkit-transform: translate(10px, -10px);
transform: translate(10px, -10px);
} .imghvr-shift-bottom-left:hover figcaption {
opacity: 1;
-webkit-transform: translate(-10px, 10px);
transform: translate(-10px, 10px);
} .imghvr-shift-bottom-right:hover figcaption {
opacity: 1;
-webkit-transform: translate(10px, 10px);
transform: translate(10px, 10px);
} [class^='imghvr-bounce'] figcaption, [class*=' imghvr-bounce'] figcaption {
background-color: #135796;
opacity: 1;
}
[class^='imghvr-bounce']:hover figcaption, [class*=' imghvr-bounce']:hover figcaption {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
} .imghvr-bounce-in figcaption {
opacity: 0;
}
.imghvr-bounce-in:hover figcaption {
-webkit-animation: imghvr-bounce-in 0.6s ease-in forwards;
animation: imghvr-bounce-in 0.6s ease-in forwards;
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
opacity: 1;
}
@-webkit-keyframes imghvr-bounce-in {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes imghvr-bounce-in {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
} .imghvr-bounce-in-up figcaption {
opacity: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-bounce-in-up:hover figcaption {
-webkit-animation: imghvr-bounce-in-up 0.8s ease-in forwards;
animation: imghvr-bounce-in-up 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-up
{
25%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(25px);
}
65% {
-webkit-transform: translateY(10px);
}
90% {
-webkit-transform: translateY(2px);
}
}
@keyframes imghvr-bounce-in-up
{
25%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(25px);
}
65% {
transform: translateY(10px);
}
90% {
transform: translateY(2px);
}
} .imghvr-bounce-in-down figcaption {
opacity: 1;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-bounce-in-down:hover figcaption {
-webkit-animation: imghvr-bounce-in-down 0.8s ease-in forwards;
animation: imghvr-bounce-in-down 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-down
{
25%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-25px);
}
65% {
-webkit-transform: translateY(-10px);
}
90% {
-webkit-transform: translateY(-2px);
}
}
@keyframes imghvr-bounce-in-down
{
25%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-25px);
}
65% {
transform: translateY(-10px);
}
90% {
transform: translateY(-2px);
}
} .imghvr-bounce-in-left figcaption {
opacity: 1;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-bounce-in-left:hover figcaption {
-webkit-animation: imghvr-bounce-in-left 0.8s ease-in forwards;
animation: imghvr-bounce-in-left 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-left
{
25%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(25px);
}
65% {
-webkit-transform: translateX(10px);
}
90% {
-webkit-transform: translateX(2px);
}
}
@keyframes imghvr-bounce-in-left
{
25%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(25px);
}
65% {
transform: translateX(10px);
}
90% {
transform: translateX(2px);
}
} .imghvr-bounce-in-right figcaption {
opacity: 1;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-bounce-in-right:hover figcaption {
-webkit-animation: imghvr-bounce-in-right 0.8s ease-in forwards;
animation: imghvr-bounce-in-right 0.8s ease-in forwards;
}
@-webkit-keyframes imghvr-bounce-in-right
{
25%, 50%, 80%, 100% {
-webkit-transform: translateX(0);
}
40% {
-webkit-transform: translateX(-25px);
}
65% {
-webkit-transform: translateX(-10px);
}
90% {
-webkit-transform: translateX(-2px);
}
}
@keyframes imghvr-bounce-in-right
{
25%, 50%, 80%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-25px);
}
65% {
transform: translateX(-10px);
}
90% {
transform: translateX(-2px);
}
} .imghvr-bounce-out figcaption {
opacity: 0;
}
.imghvr-bounce-out:hover > img {
-webkit-animation: imghvr-bounce-out 0.4025s ease-in forwards;
animation: imghvr-bounce-out 0.4025s ease-in forwards;
}
.imghvr-bounce-out:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes imghvr-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
} .imghvr-bounce-out-up figcaption {
opacity: 0;
}
.imghvr-bounce-out-up:hover > img {
-webkit-animation: imghvr-bounce-out-up 0.4025s ease-in forwards;
animation: imghvr-bounce-out-up 0.4025s ease-in forwards;
}
.imghvr-bounce-out-up:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes imghvr-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .imghvr-bounce-out-down figcaption {
opacity: 0;
}
.imghvr-bounce-out-down:hover > img {
-webkit-animation: imghvr-bounce-out-down 0.4025s ease-in forwards;
animation: imghvr-bounce-out-down 0.4025s ease-in forwards;
}
.imghvr-bounce-out-down:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes imghvr-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
} .imghvr-bounce-out-left figcaption {
opacity: 0;
}
.imghvr-bounce-out-left:hover > img {
-webkit-animation: imghvr-bounce-out-left 0.4025s ease-in forwards;
animation: imghvr-bounce-out-left 0.4025s ease-in forwards;
}
.imghvr-bounce-out-left:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes imghvr-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
} .imghvr-bounce-out-right figcaption {
opacity: 0;
}
.imghvr-bounce-out-right:hover > img {
-webkit-animation: imghvr-bounce-out-right 0.4025s ease-in forwards;
animation: imghvr-bounce-out-right 0.4025s ease-in forwards;
}
.imghvr-bounce-out-right:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
@-webkit-keyframes imghvr-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes imghvr-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
} *[class^='imghvr-fall-away-'], *[class*=' imghvr-fall-away-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
*[class^='imghvr-fall-away-'] img, *[class*=' imghvr-fall-away-'] img {
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.455s ease-in;
transition: all 0.455s ease-in;
}
*[class^='imghvr-fall-away-'] figcaption, *[class*=' imghvr-fall-away-'] figcaption {
opacity: 0;
background-color: #135796;
}
*[class^='imghvr-fall-away-']:hover img, *[class*=' imghvr-fall-away-']:hover img {
opacity: 0;
}
*[class^='imghvr-fall-away-']:hover figcaption, *[class*=' imghvr-fall-away-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.455s;
transition-delay: 0.455s;
} .imghvr-fall-away-horiz:hover img {
-webkit-transform: rotateX(-360deg) scale(0.2);
transform: rotateX(-360deg) scale(0.2);
} .imghvr-fall-away-vert:hover img {
-webkit-transform: rotateY(-360deg) scale(0.2);
transform: rotateY(-360deg) scale(0.2);
} .imghvr-fall-away-cc:hover img {
-webkit-transform: rotate(360deg) scale(0.2);
transform: rotate(360deg) scale(0.2);
} .imghvr-fall-away-ccc:hover img {
-webkit-transform: rotate(-360deg) scale(0.2);
transform: rotate(-360deg) scale(0.2);
} [class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption {
opacity: 1;
}
[class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img {
opacity: 0.7;
}
[class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-modal-slide-up figcaption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0, 100%);
transform: translate(0, 100%);
} .imghvr-modal-slide-down figcaption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
} .imghvr-modal-slide-left figcaption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(100%, 0%);
transform: translate(100%, 0%);
} .imghvr-modal-slide-right figcaption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: translate(-100%, 0%);
transform: translate(-100%, 0%);
} [class^='imghvr-modal'], [class*=' imghvr-modal'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-modal'] figcaption, [class*=' imghvr-modal'] figcaption {
opacity: 1;
}
[class^='imghvr-modal']:hover > img, [class*=' imghvr-modal']:hover > img {
opacity: 0.7;
}
[class^='imghvr-modal']:hover figcaption, [class*=' imghvr-modal']:hover figcaption {
-webkit-transform: rotate(0);
transform: rotate(0);
} .imghvr-modal-hinge-up figcaption {
top: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .imghvr-modal-hinge-down figcaption {
bottom: auto;
padding-top: 15px;
padding-bottom: 15px;
-webkit-transform: rotateX(-100deg);
transform: rotateX(-100deg);
-webkit-transform-origin: 50% -50%;
transform-origin: 50% -50%;
} .imghvr-modal-hinge-left figcaption {
left: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(-100deg);
transform: rotateY(-100deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
} .imghvr-modal-hinge-right figcaption {
right: auto;
max-width: 70%;
padding-left: 15px;
padding-right: 15px;
-webkit-transform: rotateY(100deg);
transform: rotateY(100deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .imghvr-lightspeed-in-left figcaption {
-webkit-transform: translate(100%, 0);
transform: translate(100%, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.imghvr-lightspeed-in-left:hover figcaption {
-webkit-animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards;
animation: imghvr-lightspeed-in-left 0.4025s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0) skewX(-20deg);
transform: translate(100%, 0) skewX(-20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(10deg);
transform: translate(0, 0) skewX(10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes imghvr-lightspeed-in-left {
from {
-webkit-transform: translate(100%, 0) skewX(-20deg);
transform: translate(100%, 0) skewX(-20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(10deg);
transform: translate(0, 0) skewX(10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
} .imghvr-lightspeed-in-right figcaption {
-webkit-transform: translate(-100%, 0);
transform: translate(-100%, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
.imghvr-lightspeed-in-right:hover figcaption {
-webkit-animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards;
animation: imghvr-lightspeed-in-right 0.4025s ease-in forwards;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(-10deg);
transform: translate(0, 0) skewX(-10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
}
@keyframes imghvr-lightspeed-in-right {
from {
-webkit-transform: translate(-100%, 0) skewX(20deg);
transform: translate(-100%, 0) skewX(20deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
75% {
-webkit-transform: translate(0, 0) skewX(-10deg);
transform: translate(0, 0) skewX(-10deg);
}
to {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
} .imghvr-lightspeed-out-left figcaption {
z-index: -1;
opacity: 1;
}
.imghvr-lightspeed-out-left:hover > img {
-webkit-animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards;
animation: imghvr-lightspeed-out-left 0.4025s ease-in forwards;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-out-left {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes imghvr-lightspeed-out-left {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
} .imghvr-lightspeed-out-right figcaption {
z-index: -1;
opacity: 1;
}
.imghvr-lightspeed-out-right:hover > img {
-webkit-animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards;
animation: imghvr-lightspeed-out-right 0.4025s ease-in forwards;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 1;
}
@-webkit-keyframes imghvr-lightspeed-out-right {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(10%, 0) skewX(0deg);
transform: translate(10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(-20deg);
transform: translate(0, 0) skewX(-20deg);
}
to {
-webkit-transform: translate(-150%, 0) skewX(-20deg);
transform: translate(-150%, 0) skewX(-20deg);
}
}
@keyframes imghvr-lightspeed-out-right {
from {
-webkit-transform: translate(0, 0) skewX(0deg);
transform: translate(0, 0) skewX(0deg);
}
25% {
-webkit-transform: translate(-10%, 0) skewX(0deg);
transform: translate(-10%, 0) skewX(0deg);
}
50% {
-webkit-transform: translate(0, 0) skewX(20deg);
transform: translate(0, 0) skewX(20deg);
}
to {
-webkit-transform: translate(150%, 0) skewX(20deg);
transform: translate(150%, 0) skewX(20deg);
}
} [class^='imghvr-grad-']:before, [class*=' imghvr-grad-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
[class^='imghvr-grad-'] figcaption, [class*=' imghvr-grad-'] figcaption {
z-index: 1;
opacity: 0;
background-color: transparent;
}
[class^='imghvr-grad-']:hover:before, [class*=' imghvr-grad-']:hover:before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-grad-']:hover figcaption, [class*=' imghvr-grad-']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-grad-radial-in:before {
background-image: -webkit-radial-gradient(transparent 0%, #135796 100%);
background-image: radial-gradient(transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.imghvr-grad-radial-in:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0;
background-color: #135796;
}
.imghvr-grad-radial-in:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.imghvr-grad-radial-in:hover:after {
opacity: 0.75;
-webkit-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-grad-radial-out:before {
background-image: -webkit-radial-gradient(#135796 0%, transparent 100%);
background-image: radial-gradient(#135796 0%, transparent 100%);
position: absolute;
top: -75%;
bottom: -75%;
left: -75%;
right: -75%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.imghvr-grad-radial-out:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-up:before {
-webkit-transform: translateY(100%);
transform: translateY(100%);
background-image: -webkit-linear-gradient( top , transparent 0%, #135796 100%);
background-image: linear-gradient(to bottom, transparent 0%, #135796 100%);
top: -75%;
} .imghvr-grad-down:before {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
background-image: -webkit-linear-gradient( bottom , transparent 0%, #135796 100%);
background-image: linear-gradient(to top, transparent 0%, #135796 100%);
bottom: -75%;
} .imghvr-grad-left:before {
-webkit-transform: translateX(100%);
transform: translateX(100%);
background-image: -webkit-linear-gradient( left , transparent 0%, #135796 100%);
background-image: linear-gradient(to right, transparent 0%, #135796 100%);
left: -75%;
} .imghvr-grad-right:before {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-linear-gradient( right , transparent 0%, #135796 100%);
background-image: linear-gradient(to left, transparent 0%, #135796 100%);
right: -75%;
} .imghvr-grad-top-left:before {
background-image: -webkit-linear-gradient(-45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
right: -75%;
}
.imghvr-grad-top-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-top-right:before {
background-image: -webkit-linear-gradient(-315deg, transparent 0%, #135796 100%);
background-image: linear-gradient(45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
left: -75%;
}
.imghvr-grad-top-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-bottom-left:before {
background-image: -webkit-linear-gradient(-135deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
right: -75%;
}
.imghvr-grad-bottom-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-grad-bottom-right:before {
background-image: -webkit-linear-gradient(-405deg, transparent 0%, #135796 100%);
background-image: linear-gradient(135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
left: -75%;
}
.imghvr-grad-bottom-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
} [class^='imghvr-parallax-']:hover figcaption, [class*=' imghvr-parallax-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-parallax-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-parallax-up:hover > img {
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
} .imghvr-parallax-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-parallax-down:hover > img {
-webkit-transform: translateY(50%);
transform: translateY(50%);
} .imghvr-parallax-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-parallax-left:hover > img {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
} .imghvr-parallax-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-parallax-right:hover > img {
-webkit-transform: translateX(50%);
transform: translateX(50%);
} [class^='imghvr-stack-'] > img, [class^='imghvr-stack-'] figcaption, [class*=' imghvr-stack-'] > img, [class*=' imghvr-stack-'] figcaption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='imghvr-stack-']:hover > img, [class*=' imghvr-stack-']:hover > img {
-webkit-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.5;
}
[class^='imghvr-stack-']:hover figcaption, [class*=' imghvr-stack-']:hover figcaption {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-stack-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-stack-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-stack-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-stack-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-stack-top-left figcaption {
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-stack-top-right figcaption {
-webkit-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-stack-bottom-left figcaption {
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-stack-bottom-right figcaption {
-webkit-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-cube-'], [class*=' imghvr-cube-'] {
-webkit-perspective: 50em;
perspective: 50em;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
overflow: visible;
background-color: transparent;
}
[class^='imghvr-cube-'] > img, [class*=' imghvr-cube-'] > img {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
[class^='imghvr-cube-'] figcaption, [class*=' imghvr-cube-'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
background-color: #135796;
}
[class^='imghvr-cube-']:hover > img, [class*=' imghvr-cube-']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-cube-']:hover figcaption, [class*=' imghvr-cube-']:hover figcaption {
-webkit-transform: translateY(0%) rotateX(0deg);
transform: translateY(0%) rotateX(0deg);
opacity: 1;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
} .imghvr-cube-up figcaption {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
}
.imghvr-cube-up:hover > img {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
} .imghvr-cube-down figcaption {
-webkit-transform: translateY(-50%) rotateX(90deg);
transform: translateY(-50%) rotateX(90deg);
}
.imghvr-cube-down:hover > img {
-webkit-transform: translateY(50%) rotateX(-90deg);
transform: translateY(50%) rotateX(-90deg);
} .imghvr-cube-left figcaption {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
}
.imghvr-cube-left:hover > img {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
} .imghvr-cube-right figcaption {
-webkit-transform: translateX(50%) rotateY(90deg);
transform: translateX(50%) rotateY(90deg);
}
.imghvr-cube-right:hover > img {
-webkit-transform: translateX(-50%) rotateY(-90deg);
transform: translateX(-50%) rotateY(-90deg);
} [class^='imghvr-dive'] figcaption, [class*=' imghvr-dive'] figcaption {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-dive']:hover > img, [class*=' imghvr-dive']:hover > img {
opacity: 0;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-dive']:hover figcaption, [class*=' imghvr-dive']:hover figcaption {
opacity: 1;
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
} .imghvr-dive figcaption {
-webkit-transform: scale(5);
transform: scale(5);
}
.imghvr-dive:hover > img {
-webkit-transform: scale(5);
transform: scale(5);
}
.imghvr-dive:hover figcaption {
-webkit-transform: scale(1);
transform: scale(1);
} .imghvr-dive-cc figcaption {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-dive-cc:hover > img {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-dive-cc:hover figcaption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-dive-ccc figcaption {
-webkit-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-dive-ccc:hover > img {
-webkit-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-dive-ccc:hover figcaption {
-webkit-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} [class^='imghvr-switch-'] > img, [class^='imghvr-switch-'] figcaption, [class*=' imghvr-switch-'] > img, [class*=' imghvr-switch-'] figcaption {
-webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
[class^='imghvr-switch-']:hover figcaption, [class*=' imghvr-switch-']:hover figcaption {
-webkit-transform: translate(0 0);
transform: translate(0 0);
} .imghvr-switch-up figcaption {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-switch-up:hover > img {
-webkit-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-switch-down figcaption {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-switch-down:hover > img {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-switch-left figcaption {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-switch-left:hover > img {
-webkit-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-switch-right figcaption {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-switch-right:hover > img {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
} [class^='imghvr-flash-']:before, [class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:before, [class*=' imghvr-flash-']:after {
opacity: 0.75;
background-color: #135796;
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
content: '';
}
[class^='imghvr-flash-']:after, [class*=' imghvr-flash-']:after {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-flash-'] figcaption, [class*=' imghvr-flash-'] figcaption {
opacity: 0;
z-index: 1;
}
[class^='imghvr-flash-']:hover figcaption, [class*=' imghvr-flash-']:hover figcaption {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
opacity: 1;
} .imghvr-flash-top-left:before, .imghvr-flash-top-left:after {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-flash-top-left:hover:before {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-flash-top-left:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
} .imghvr-flash-top-right:before, .imghvr-flash-top-right:after {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-flash-top-right:hover:before {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-flash-top-right:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-flash-bottom-left:before, .imghvr-flash-bottom-left:after {
-webkit-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-flash-bottom-left:hover:before {
-webkit-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-flash-bottom-left:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-flash-bottom-right:before, .imghvr-flash-bottom-right:after {
-webkit-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-flash-bottom-right:hover:before {
-webkit-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-flash-bottom-right:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}
.imghvr-center figcaption {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
}
[class^='imghvr-']:hover .ih-delay-xs, [class*=' imghvr-']:hover .ih-delay-xs {
-webkit-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-']:hover .ih-delay-sm, [class*=' imghvr-']:hover .ih-delay-sm {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
}
[class^='imghvr-']:hover .ih-delay-md, [class*=' imghvr-']:hover .ih-delay-md {
-webkit-transition-delay: 0.525s;
transition-delay: 0.525s;
}
[class^='imghvr-']:hover .ih-delay-lg, [class*=' imghvr-']:hover .ih-delay-lg {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
[class^='imghvr-']:hover .ih-delay-xl, [class*=' imghvr-']:hover .ih-delay-xl {
-webkit-transition-delay: 0.875s;
transition-delay: 0.875s;
}
[class^='imghvr-']:hover .ih-delay-xxl, [class*=' imghvr-']:hover .ih-delay-xxl {
-webkit-transition-delay: 1.05s;
transition-delay: 1.05s;
}
[class^='imghvr-'] [class^='ih-'], [class^='imghvr-'] [class*=' ih-'], [class*=' imghvr-'] [class^='ih-'], [class*=' imghvr-'] [class*=' ih-'] {
opacity: 0;
}
[class^='imghvr-'] .ih-fade-up, [class*=' imghvr-'] .ih-fade-up {
-webkit-transform: translate(0, 25px);
transform: translate(0, 25px);
}
[class^='imghvr-'] .ih-fade-down, [class*=' imghvr-'] .ih-fade-down {
-webkit-transform: translate(0, -25px);
transform: translate(0, -25px);
}
[class^='imghvr-'] .ih-fade-left, [class*=' imghvr-'] .ih-fade-left {
-webkit-transform: translate(25px, 0);
transform: translate(25px, 0);
}
[class^='imghvr-'] .ih-fade-right, [class*=' imghvr-'] .ih-fade-right {
-webkit-transform: translate(-25px, 0);
transform: translate(-25px, 0);
}
[class^='imghvr-'] .ih-fade-up-big, [class*=' imghvr-'] .ih-fade-up-big {
-webkit-transform: translate(0, 300%);
transform: translate(0, 300%);
}
[class^='imghvr-'] .ih-fade-down-big, [class*=' imghvr-'] .ih-fade-down-big {
-webkit-transform: translate(0, -300%);
transform: translate(0, -300%);
}
[class^='imghvr-'] .ih-fade-left-big, [class*=' imghvr-'] .ih-fade-left-big {
-webkit-transform: translate(150%, 0);
transform: translate(150%, 0);
}
[class^='imghvr-'] .ih-fade-right-big, [class*=' imghvr-'] .ih-fade-right-big {
-webkit-transform: translate(-150%, 0);
transform: translate(-150%, 0);
}
[class^='imghvr-'] .ih-zoom-in, [class*=' imghvr-'] .ih-zoom-in {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
[class^='imghvr-'] .ih-zoom-out, [class*=' imghvr-'] .ih-zoom-out {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
[class^='imghvr-'] .ih-flip-x, [class*=' imghvr-'] .ih-flip-x {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
[class^='imghvr-'] .ih-flip-y, [class*=' imghvr-'] .ih-flip-y {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
[class^='imghvr-']:hover [class^='ih-'], [class^='imghvr-']:hover [class*=' ih-'], [class*=' imghvr-']:hover [class^='ih-'], [class*=' imghvr-']:hover [class*=' ih-'] {
-webkit-transform: translate(0, 0) scale(1) rotate(0);
transform: translate(0, 0) scale(1) rotate(0);
opacity: 1;
} .animsition,.animsition-overlay{position:relative;opacity:0;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animsition-loading{position:fixed;top:0;z-index:100;width:100%;height:100%;background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}.animsition-loading:after{position:fixed;top:50%;width:100%;margin-top:20px;font-size:16px;color:#aaa;text-align:center;content:"Loading"}.animsition-overlay-slide{position:fixed;z-index:1;width:100%;height:100%;background-color:#ddd}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-o-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.fade-in{-webkit-animation-name:fade-in;-o-animation-name:fade-in;animation-name:fade-in}@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@-o-keyframes fade-out{0%{opacity:1}100%{opacity:0}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}.fade-out{-webkit-animation-name:fade-out;-o-animation-name:fade-out;animation-name:fade-out}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up{0%{opacity:0;-o-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(500px);-o-transform:translateY(500px);transform:translateY(500px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up{-webkit-animation-name:fade-in-up;-o-animation-name:fade-in-up;animation-name:fade-in-up}@-webkit-keyframes fade-out-up{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}}@-o-keyframes fade-out-up{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-500px);transform:translateY(-500px)}}@keyframes fade-out-up{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-500px);-o-transform:translateY(-500px);transform:translateY(-500px)}}.fade-out-up{-webkit-animation-name:fade-out-up;-o-animation-name:fade-out-up;animation-name:fade-out-up}@-webkit-keyframes fade-in-up-sm{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up-sm{0%{opacity:0;-o-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up-sm{0%{opacity:0;-webkit-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up-sm{-webkit-animation-name:fade-in-up-sm;-o-animation-name:fade-in-up-sm;animation-name:fade-in-up-sm}@-webkit-keyframes fade-out-up-sm{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}}@-o-keyframes fade-out-up-sm{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-100px);transform:translateY(-100px)}}@keyframes fade-out-up-sm{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px)}}.fade-out-up-sm{-webkit-animation-name:fade-out-up-sm;-o-animation-name:fade-out-up-sm;animation-name:fade-out-up-sm}@-webkit-keyframes fade-in-up-lg{0%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-up-lg{0%{opacity:0;-o-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up-lg{0%{opacity:0;-webkit-transform:translateY(1000px);-o-transform:translateY(1000px);transform:translateY(1000px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-up-lg{-webkit-animation-name:fade-in-up-lg;-o-animation-name:fade-in-up-lg;animation-name:fade-in-up-lg}@-webkit-keyframes fade-out-up-lg{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}}@-o-keyframes fade-out-up-lg{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(-1000px);transform:translateY(-1000px)}}@keyframes fade-out-up-lg{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-1000px);-o-transform:translateY(-1000px);transform:translateY(-1000px)}}.fade-out-up-lg{-webkit-animation-name:fade-out-up-lg;-o-animation-name:fade-out-up-lg;animation-name:fade-out-up-lg}@-webkit-keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;-o-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;-webkit-transform:translateY(-500px);-o-transform:translateY(-500px);transform:translateY(-500px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down{-webkit-animation-name:fade-in-down;-o-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(500px);transform:translateY(500px)}}@-o-keyframes fade-out-down{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(500px);transform:translateY(500px)}}@keyframes fade-out-down{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(500px);-o-transform:translateY(500px);transform:translateY(500px)}}.fade-out-down{-webkit-animation-name:fade-out-down;-o-animation-name:fade-out-down;animation-name:fade-out-down}@-webkit-keyframes fade-in-down-sm{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down-sm{0%{opacity:0;-o-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down-sm{0%{opacity:0;-webkit-transform:translateY(-100px);-o-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down-sm{-webkit-animation-name:fade-in-down-sm;-o-animation-name:fade-in-down-sm;animation-name:fade-in-down-sm}@-webkit-keyframes fade-out-down-sm{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}}@-o-keyframes fade-out-down-sm{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(100px);transform:translateY(100px)}}@keyframes fade-out-down-sm{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(100px);-o-transform:translateY(100px);transform:translateY(100px)}}.fade-out-down-sm{-webkit-animation-name:fade-out-down-sm;-o-animation-name:fade-out-down-sm;animation-name:fade-out-down-sm}@-webkit-keyframes fade-in-down-lg{0%{opacity:0;-webkit-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-o-keyframes fade-in-down-lg{0%{opacity:0;-o-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-down-lg{0%{opacity:0;-webkit-transform:translateY(-1000px);-o-transform:translateY(-1000px);transform:translateY(-1000px)}100%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}.fade-in-down-lg{-webkit-animation-name:fade-in-down;-o-animation-name:fade-in-down;animation-name:fade-in-down}@-webkit-keyframes fade-out-down-lg{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(1000px);transform:translateY(1000px)}}@-o-keyframes fade-out-down-lg{0%{opacity:1;-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-o-transform:translateY(1000px);transform:translateY(1000px)}}@keyframes fade-out-down-lg{0%{opacity:1;-webkit-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(1000px);-o-transform:translateY(1000px);transform:translateY(1000px)}}.fade-out-down-lg{-webkit-animation-name:fade-out-down-lg;-o-animation-name:fade-out-down-lg;animation-name:fade-out-down-lg}@-webkit-keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left{0%{opacity:0;-o-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left{0%{opacity:0;-webkit-transform:translateX(-500px);-o-transform:translateX(-500px);transform:translateX(-500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left{-webkit-animation-name:fade-in-left;-o-animation-name:fade-in-left;animation-name:fade-in-left}@-webkit-keyframes fade-out-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-500px);transform:translateX(-500px)}}@-o-keyframes fade-out-left{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-500px);transform:translateX(-500px)}}@keyframes fade-out-left{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-500px);-o-transform:translateX(-500px);transform:translateX(-500px)}}.fade-out-left{-webkit-animation-name:fade-out-left;-o-animation-name:fade-out-left;animation-name:fade-out-left}@-webkit-keyframes fade-in-left-sm{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left-sm{0%{opacity:0;-o-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left-sm{0%{opacity:0;-webkit-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left-sm{-webkit-animation-name:fade-in-left-sm;-o-animation-name:fade-in-left-sm;animation-name:fade-in-left-sm}@-webkit-keyframes fade-out-left-sm{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}}@-o-keyframes fade-out-left-sm{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-100px);transform:translateX(-100px)}}@keyframes fade-out-left-sm{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}}.fade-out-left-sm{-webkit-animation-name:fade-out-left-sm;-o-animation-name:fade-out-left-sm;animation-name:fade-out-left-sm}@-webkit-keyframes fade-in-left-lg{0%{opacity:0;-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-left-lg{0%{opacity:0;-o-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-left-lg{0%{opacity:0;-webkit-transform:translateX(-1500px);-o-transform:translateX(-1500px);transform:translateX(-1500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-left-lg{-webkit-animation-name:fade-in-left-lg;-o-animation-name:fade-in-left-lg;animation-name:fade-in-left-lg}@-webkit-keyframes fade-out-left-lg{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-1500px);transform:translateX(-1500px)}}@-o-keyframes fade-out-left-lg{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(-1500px);transform:translateX(-1500px)}}@keyframes fade-out-left-lg{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-1500px);-o-transform:translateX(-1500px);transform:translateX(-1500px)}}.fade-out-left-lg{-webkit-animation-name:fade-out-left-lg;-o-animation-name:fade-out-left-lg;animation-name:fade-out-left-lg}@-webkit-keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right{0%{opacity:0;-o-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right{0%{opacity:0;-webkit-transform:translateX(500px);-o-transform:translateX(500px);transform:translateX(500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right{-webkit-animation-name:fade-in-right;-o-animation-name:fade-in-right;animation-name:fade-in-right}@-webkit-keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(500px);transform:translateX(500px)}}@-o-keyframes fade-out-right{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(500px);transform:translateX(500px)}}@keyframes fade-out-right{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(500px);-o-transform:translateX(500px);transform:translateX(500px)}}.fade-out-right{-webkit-animation-name:fade-out-right;-o-animation-name:fade-out-right;animation-name:fade-out-right}@-webkit-keyframes fade-in-right-sm{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right-sm{0%{opacity:0;-o-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right-sm{0%{opacity:0;-webkit-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right-sm{-webkit-animation-name:fade-in-right-sm;-o-animation-name:fade-in-right-sm;animation-name:fade-in-right-sm}@-webkit-keyframes fade-out-right-sm{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}}@-o-keyframes fade-out-right-sm{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(100px);transform:translateX(100px)}}@keyframes fade-out-right-sm{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}}.fade-out-right-sm{-webkit-animation-name:fade-out-right-sm;-o-animation-name:fade-out-right-sm;animation-name:fade-out-right-sm}@-webkit-keyframes fade-in-right-lg{0%{opacity:0;-webkit-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-o-keyframes fade-in-right-lg{0%{opacity:0;-o-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}}@keyframes fade-in-right-lg{0%{opacity:0;-webkit-transform:translateX(1500px);-o-transform:translateX(1500px);transform:translateX(1500px)}100%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}.fade-in-right-lg{-webkit-animation-name:fade-in-right-lg;-o-animation-name:fade-in-right-lg;animation-name:fade-in-right-lg}@-webkit-keyframes fade-out-right-lg{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(1500px);transform:translateX(1500px)}}@-o-keyframes fade-out-right-lg{0%{opacity:1;-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-o-transform:translateX(1500px);transform:translateX(1500px)}}@keyframes fade-out-right-lg{0%{opacity:1;-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(1500px);-o-transform:translateX(1500px);transform:translateX(1500px)}}.fade-out-right-lg{-webkit-animation-name:fade-out-right-lg;-o-animation-name:fade-out-right-lg;animation-name:fade-out-right-lg}@-webkit-keyframes rotate-in{0%{opacity:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in{0%{opacity:0;-o-transform:rotate(-90deg);transform:rotate(-90deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in{0%{opacity:0;-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in{-webkit-animation-name:rotate-in;-o-animation-name:rotate-in;animation-name:rotate-in}@-webkit-keyframes rotate-out{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(90deg);transform:rotate(90deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out{-webkit-animation-name:rotate-out;-o-animation-name:rotate-out;animation-name:rotate-out}@-webkit-keyframes rotate-in-sm{0%{opacity:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in-sm{0%{opacity:0;-o-transform:rotate(-45deg);transform:rotate(-45deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in-sm{0%{opacity:0;-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in-sm{-webkit-animation-name:rotate-in-sm;-o-animation-name:rotate-in-sm;animation-name:rotate-in-sm}@-webkit-keyframes rotate-out-sm{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out-sm{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(45deg);transform:rotate(45deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out-sm{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out-sm{-webkit-animation-name:rotate-out-sm;-o-animation-name:rotate-out-sm;animation-name:rotate-out-sm}@-webkit-keyframes rotate-in-lg{0%{opacity:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-in-lg{0%{opacity:0;-o-transform:rotate(-180deg);transform:rotate(-180deg);-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-in-lg{0%{opacity:0;-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-in-lg{-webkit-animation-name:rotate-in-lg;-o-animation-name:rotate-in-lg;animation-name:rotate-in-lg}@-webkit-keyframes rotate-out-lg{0%{opacity:1;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;transform-origin:center center}}@-o-keyframes rotate-out-lg{0%{opacity:1;-o-transform:rotate(0);transform:rotate(0);-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-o-transform:rotate(180deg);transform:rotate(180deg);-o-transform-origin:center center;transform-origin:center center}}@keyframes rotate-out-lg{0%{opacity:1;-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}100%{opacity:0;-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center center;-o-transform-origin:center center;transform-origin:center center}}.rotate-out-lg{-webkit-animation-name:rotate-out-lg;-o-animation-name:rotate-out-lg;animation-name:rotate-out-lg}@-webkit-keyframes flip-in-x{0%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}}@-o-keyframes flip-in-x{0%{opacity:0;transform:perspective(550px) rotateX(90deg)}100%{opacity:1;transform:perspective(550px) rotateX(0deg)}}@keyframes flip-in-x{0%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}}.flip-in-x{-webkit-animation-name:flip-in-x;-o-animation-name:flip-in-x;animation-name:flip-in-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x{0%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}}@-o-keyframes flip-out-x{0%{opacity:1;transform:perspective(550px) rotateX(0deg)}100%{opacity:0;transform:perspective(550px) rotateX(90deg)}}@keyframes flip-out-x{0%{opacity:1;-webkit-transform:perspective(550px) rotateX(0deg);transform:perspective(550px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateX(90deg);transform:perspective(550px) rotateX(90deg)}}.flip-out-x{-webkit-animation-name:flip-out-x;-o-animation-name:flip-out-x;animation-name:flip-out-x;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}}@-o-keyframes flip-in-x-nr{0%{opacity:0;transform:perspective(100px) rotateX(90deg)}100%{opacity:1;transform:perspective(100px) rotateX(0deg)}}@keyframes flip-in-x-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}}.flip-in-x-nr{-webkit-animation-name:flip-in-x-nr;-o-animation-name:flip-in-x-nr;animation-name:flip-in-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}}@-o-keyframes flip-out-x-nr{0%{opacity:1;transform:perspective(100px) rotateX(0deg)}100%{opacity:0;transform:perspective(100px) rotateX(90deg)}}@keyframes flip-out-x-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateX(0deg);transform:perspective(100px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateX(90deg);transform:perspective(100px) rotateX(90deg)}}.flip-out-x-nr{-webkit-animation-name:flip-out-x-nr;-o-animation-name:flip-out-x-nr;animation-name:flip-out-x-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-x-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}@-o-keyframes flip-in-x-fr{0%{opacity:0;transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;transform:perspective(1000px) rotateX(0deg)}}@keyframes flip-in-x-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}}.flip-in-x-fr{-webkit-animation-name:flip-in-x-fr;-o-animation-name:flip-in-x-fr;animation-name:flip-in-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-x-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}}@-o-keyframes flip-out-x-fr{0%{opacity:1;transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;transform:perspective(1000px) rotateX(90deg)}}@keyframes flip-out-x-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateX(90deg);transform:perspective(1000px) rotateX(90deg)}}.flip-out-x-fr{-webkit-animation-name:flip-out-x-fr;-o-animation-name:flip-out-x-fr;animation-name:flip-out-x-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y{0%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}}@-o-keyframes flip-in-y{0%{opacity:0;transform:perspective(550px) rotateY(90deg)}100%{opacity:1;transform:perspective(550px) rotateY(0deg)}}@keyframes flip-in-y{0%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}}.flip-in-y{-webkit-animation-name:flip-in-y;-o-animation-name:flip-in-y;animation-name:flip-in-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y{0%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}}@-o-keyframes flip-out-y{0%{opacity:1;transform:perspective(550px) rotateY(0deg)}100%{opacity:0;transform:perspective(550px) rotateY(90deg)}}@keyframes flip-out-y{0%{opacity:1;-webkit-transform:perspective(550px) rotateY(0deg);transform:perspective(550px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(550px) rotateY(90deg);transform:perspective(550px) rotateY(90deg)}}.flip-out-y{-webkit-animation-name:flip-out-y;-o-animation-name:flip-out-y;animation-name:flip-out-y;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}}@-o-keyframes flip-in-y-nr{0%{opacity:0;transform:perspective(100px) rotateY(90deg)}100%{opacity:1;transform:perspective(100px) rotateY(0deg)}}@keyframes flip-in-y-nr{0%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}}.flip-in-y-nr{-webkit-animation-name:flip-in-y-nr;-o-animation-name:flip-in-y-nr;animation-name:flip-in-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}}@-o-keyframes flip-out-y-nr{0%{opacity:1;transform:perspective(100px) rotateY(0deg)}100%{opacity:0;transform:perspective(100px) rotateY(90deg)}}@keyframes flip-out-y-nr{0%{opacity:1;-webkit-transform:perspective(100px) rotateY(0deg);transform:perspective(100px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(100px) rotateY(90deg);transform:perspective(100px) rotateY(90deg)}}.flip-out-y-nr{-webkit-animation-name:flip-out-y-nr;-o-animation-name:flip-out-y-nr;animation-name:flip-out-y-nr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-in-y-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}@-o-keyframes flip-in-y-fr{0%{opacity:0;transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;transform:perspective(1000px) rotateY(0deg)}}@keyframes flip-in-y-fr{0%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}100%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}}.flip-in-y-fr{-webkit-animation-name:flip-in-y-fr;-o-animation-name:flip-in-y-fr;animation-name:flip-in-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flip-out-y-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}@-o-keyframes flip-out-y-fr{0%{opacity:1;transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;transform:perspective(1000px) rotateY(90deg)}}@keyframes flip-out-y-fr{0%{opacity:1;-webkit-transform:perspective(1000px) rotateY(0deg);transform:perspective(1000px) rotateY(0deg)}100%{opacity:0;-webkit-transform:perspective(1000px) rotateY(90deg);transform:perspective(1000px) rotateY(90deg)}}.flip-out-y-fr{-webkit-animation-name:flip-out-y-fr;-o-animation-name:flip-out-y-fr;animation-name:flip-out-y-fr;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}@-o-keyframes zoom-in{0%{opacity:0;-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}@keyframes zoom-in{0%{opacity:0;-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:1}}.zoom-in{-webkit-animation-name:zoom-in;-o-animation-name:zoom-in;animation-name:zoom-in}@-webkit-keyframes zoom-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}@-o-keyframes zoom-out{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}@keyframes zoom-out{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}100%{opacity:0}}.zoom-out{-webkit-animation-name:zoom-out;-o-animation-name:zoom-out;animation-name:zoom-out}@-webkit-keyframes zoom-in-sm{0%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}@-o-keyframes zoom-in-sm{0%{opacity:0;-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}@keyframes zoom-in-sm{0%{opacity:0;-webkit-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:1}}.zoom-in-sm{-webkit-animation-name:zoom-in-sm;-o-animation-name:zoom-in-sm;animation-name:zoom-in-sm}@-webkit-keyframes zoom-out-sm{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}@-o-keyframes zoom-out-sm{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}@keyframes zoom-out-sm{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95)}100%{opacity:0}}.zoom-out-sm{-webkit-animation-name:zoom-out-sm;-o-animation-name:zoom-out-sm;animation-name:zoom-out-sm}@-webkit-keyframes zoom-in-lg{0%{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}@-o-keyframes zoom-in-lg{0%{opacity:0;-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}@keyframes zoom-in-lg{0%{opacity:0;-webkit-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1}}.zoom-in-lg{-webkit-animation-name:zoom-in-lg;-o-animation-name:zoom-in-lg;animation-name:zoom-in-lg}@-webkit-keyframes zoom-out-lg{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}@-o-keyframes zoom-out-lg{0%{opacity:1;-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}@keyframes zoom-out-lg{0%{opacity:1;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(0.4);-o-transform:scale(0.4);transform:scale(0.4)}100%{opacity:0}}.zoom-out-lg{-webkit-animation-name:zoom-out-lg;-o-animation-name:zoom-out-lg;animation-name:zoom-out-lg}.blink-slow{-webkit-animation-name:blink-slow;-o-animation-name:blink-slow;animation-name:blink-slow;-webkit-animation-duration:.3s;-o-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:ease-in-out;-o-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;-o-animation-direction:alternate;animation-direction:alternate}@-webkit-keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@-o-keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@keyframes blink-slow{0%{opacity:.4}50%{opacity:.7}100%{opacity:1}}@-webkit-keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}@-o-keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-top{0%{height:100%}100%{height:0}}.overlay-slide-in-top{top:0;height:0;-webkit-animation-name:overlay-slide-in-top;-o-animation-name:overlay-slide-in-top;animation-name:overlay-slide-in-top}@-webkit-keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}@-o-keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-top{0%{height:0}100%{height:100%}}.overlay-slide-out-top{top:0;height:100%;-webkit-animation-name:overlay-slide-out-top;-o-animation-name:overlay-slide-out-top;animation-name:overlay-slide-out-top}@-webkit-keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}@-o-keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}@keyframes overlay-slide-in-bottom{0%{height:100%}100%{height:0}}.overlay-slide-in-bottom{bottom:0;height:0;-webkit-animation-name:overlay-slide-in-bottom;-o-animation-name:overlay-slide-in-bottom;animation-name:overlay-slide-in-bottom}@-webkit-keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}@-o-keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}@keyframes overlay-slide-out-bottom{0%{height:0}100%{height:100%}}.overlay-slide-out-bottom{bottom:0;height:100%;-webkit-animation-name:overlay-slide-out-bottom;-o-animation-name:overlay-slide-out-bottom;animation-name:overlay-slide-out-bottom}@-webkit-keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}@-o-keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-left{0%{width:100%}100%{width:0}}.overlay-slide-in-left{width:0;-webkit-animation-name:overlay-slide-in-left;-o-animation-name:overlay-slide-in-left;animation-name:overlay-slide-in-left}@-webkit-keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}@-o-keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-left{0%{width:0}100%{width:100%}}.overlay-slide-out-left{left:0;width:100%;-webkit-animation-name:overlay-slide-out-left;-o-animation-name:overlay-slide-out-left;animation-name:overlay-slide-out-left}@-webkit-keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}@-o-keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}@keyframes overlay-slide-in-right{0%{width:100%}100%{width:0}}.overlay-slide-in-right{right:0;width:0;-webkit-animation-name:overlay-slide-in-right;-o-animation-name:overlay-slide-in-right;animation-name:overlay-slide-in-right}@-webkit-keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}@-o-keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}@keyframes overlay-slide-out-right{0%{width:0}100%{width:100%}}.overlay-slide-out-right{right:0;width:100%;-webkit-animation-name:overlay-slide-out-right;-o-animation-name:overlay-slide-out-right;animation-name:overlay-slide-out-right}  .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
#content.has-fixed-footer.single-portfolio-3 {
z-index: 102;
}
.portfolio-3-wrap .content {
padding: 40px 0;
}
.portfolio-3-wrap .album-desc {
margin-bottom: 40px;
}
.preview.preview--open img.original {
width: 100%;
}
.portfolio-3-wrap .album-desc h4 {
text-align: center;
font-size: 10px;
font-weight: bold;
letter-spacing: 4px;
}
.portfolio-3-wrap .album-desc h2 {
text-align: center;
font-size: 34px;
font-weight: 700;
letter-spacing: 4px;
text-transform: uppercase;
}
.portfolio-3-wrap .album-desc blockquote {
text-align: center;
width: 60%;
max-width: 400px;
margin: 0 auto;
border: none;
padding: 0;
}
.portfolio-3-wrap .album-desc blockquote cite {
font-size: 10px;
padding-top: 10px;
display: inline-block;
font-style: normal;
text-transform: uppercase;
letter-spacing: 4px;
}
.portfolio-3-wrap .grid {
overflow: hidden;
max-width: 100%;
width: 100%;
margin: 0;
}
.portfolio-3-wrap .grid a {
float: none;
width: 100%;
}
.grid__item {
width: calc(100% / 3);
}
.grid__item--current {
opacity: 0 !important;
}
.img-wrap {
display: block;
}
.img-wrap:focus,
.img-wrap:hover {
outline: none;
}
.img-wrap img {
display: block;
max-width: 100%;
width: 100%;
height: 100%;
}
.preview {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-line-pack: center;
-webkit-align-content: center;
align-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
width: 50%;
height: 100%;
pointer-events: none;
}
.preview::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background: #1f1d1d;
-webkit-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.preview--open {
pointer-events: auto;
}
.preview--open::before {
opacity: 1;
}
.clone {
position: fixed;
z-index: 110;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-backface-visibility: hidden;
}
.original {
position: relative;
z-index: 120;
display: block;
object-fit: contain;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-backface-visibility: hidden;
}
.preview--open .animate { -webkit-transition: -webkit-transform 0.6s, opacity 0.2s;
transition: transform 0.6s, opacity 0.2s;
}
.animate { -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.description {
color: #fff;
}
.js .description--grid {
display: none;
}
.description--preview {
font-size: 2em;
position: absolute;
z-index: 140;
width: 100%;
left: 100%;
top: 0;
height: 100%;
padding: 0 1em;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
opacity: 0;
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0);
}
.preview--open .description--preview {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.description--preview h3 {
font-weight: normal;
margin: 0;
color: #ffffff;
}
.description--preview p {
font-size: 0.65em;
max-width: 100%;
color: #ffffff;
}
.description--preview p em {
color: #5D5D5D;
display: block;
padding: 0.4em 0 0 0;
} .details {
max-width: 100%; }
.details ul {
line-height: 1;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.details ul li {
font-size: 0.5em;
position: relative;
margin: 0 1em 1em 0;
padding: 0.15em 0;
white-space: nowrap;
opacity: 0;
color: #9d9d9d;
-webkit-transition: -webkit-transform 1s, opacity 1s;
transition: transform 1s, opacity 1s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.preview--open .details ul li {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.preview--open .details ul li:nth-child(1) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.preview--open .details ul li:nth-child(2) {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.preview--open .details ul li:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.preview--open .details ul li:nth-child(4) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.preview--open .details ul li:nth-child(5) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.details ul li:first-child {
font-weight: bold;
color: #909090;
}
.icon {
font-family: 'camera-icons';
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 1;
display: inline-block;
vertical-align: middle;
text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
speak: none;
}
.icon + span {
margin-left: 5px;
vertical-align: middle;
}
.icon-focal_length:before {
content: '\e600';
}
.icon-exposure_time:before {
content: '\e601';
}
.icon-iso:before {
content: '\e602';
}
.icon-camera:before {
content: '\e603';
}
.icon-aperture:before {
content: '\e604';
}
.details .icon {
margin-right: 5px;
color: #fff;
} .action {
font-size: 1.5em;
margin: 0;
padding: 0;
cursor: pointer;
vertical-align: top;
color: #fff;
border: none;
background: none;
}
.action:hover,
.action:focus {
color: #fff;
outline: none;
}
.action--close {
position: fixed;
z-index: 150;
top: 0;
right: 0;
padding: 1em;
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
}
.preview--image-loaded .action--close {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.text-hidden {
position: absolute;
display: block;
overflow: hidden;
width: 0;
height: 0;
color: transparent;
}
@media screen and (max-width: 40em) {
.description--preview h3 {
font-size: 0.5em;
}
.description--preview p,
.details {
display: none;
}
}
@-webkit-keyframes roll {
0% {
-webkit-transform: translateX(500px) rotate(360deg);
}
100% {
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@-moz-keyframes roll {
0% {
-moz-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
-moz-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-o-keyframes roll {
0% {
-o-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
-o-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-ms-keyframes roll {
0% {
-ms-transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
-ms-transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@keyframes roll {
0% {
transform: translateX(500px) rotate(360deg);
opacity: 0;
}
100% {
transform: translateX(0px) rotate(0deg);
opacity: 1;
}
}
@-webkit-keyframes moveUp {
0% {
-webkit-transform: translateY(40px);
}
100% {
-webkit-transform: translateY(0px);
}
}
@-moz-keyframes moveUp {
0% {
-moz-transform: translateY(40px);
}
100% {
-moz-transform: translateY(0px);
}
}
@-o-keyframes moveUp {
0% {
-o-transform: translateY(40px);
}
100% {
-o-transform: translateY(0px);
}
}
@-ms-keyframes moveUp {
0% {
-ms-transform: translateY(40px);
}
100% {
-ms-transform: translateY(0px);
}
}
@keyframes moveUp {
0% {
transform: translateY(40px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-ms-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes scaleDown {
0% {
-webkit-transform: scale(1);
}
100% {
-webkit-transform: scale(0.5);
}
}
@-moz-keyframes scaleDown {
0% {
-moz-transform: scale(1);
}
100% {
-moz-transform: scale(0.5);
}
}
@-o-keyframes scaleDown {
0% {
-o-transform: scale(1);
}
100% {
-o-transform: scale(0.5);
}
}
@-ms-keyframes scaleDown {
0% {
-ms-transform: scale(1);
}
100% {
-ms-transform: scale(0.5);
}
}
@keyframes scaleDown {
0% {
transform: scale(1);
}
100% {
transform: scale(0.5);
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-ms-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.chocolat-zoomable.chocolat-zoomed .chocolat-img{
cursor : zoom-out;
}
.chocolat-open{
overflow: hidden;
}
.chocolat-overlay{
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:10;
background-color:#fff;
display:none;
opacity: 0.8;
}
.chocolat-wrapper{
height:100%;
width:100%;
position:fixed;
left:0;
top:0;
z-index:16;
color: #fff;
}
.chocolat-zoomable .chocolat-img{
cursor : zoom-in;
}
.chocolat-loader{
height:32px;
width:32px;
position:absolute;
left:50%;
top:50% ;
margin-left:-16px;
margin-top:-16px;
z-index:11;
background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/chocolat/loader.gif);
display:none;
}
.chocolat-content{
position:fixed;
width:0px;
height:0px;
left:50%;
top:50%;
z-index:14;
text-align: left;
}
.chocolat-content .chocolat-img{
position:absolute;
width:100%;
height:100%;
}
.chocolat-wrapper .chocolat-left{
position:absolute;
left:0;
width:50px;
height:100px;
top: 50%;
margin-top: -50px;
cursor:pointer;
background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/chocolat/left.png) 50% 50% no-repeat;
z-index: 17;
display: none;
}
.chocolat-wrapper .chocolat-right{
position:absolute;
right:0;
width:50px;
height:100px;
top: 50%;
margin-top: -50px;
cursor:pointer;
background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/chocolat/right.png)  50% 50% no-repeat;
z-index: 17;
display: none;
}
.chocolat-wrapper .chocolat-right.active{
display: block;
}
.chocolat-wrapper .chocolat-left.active{
display: block;
}
.chocolat-wrapper .chocolat-top{
position:absolute;
top:0px;
right: 0;
left: 0;
line-height:50px;
height:50px;
overflow: hidden;
z-index: 17;
margin-bottom: 10px;
}
.chocolat-wrapper .chocolat-close{
width:50px;
height:50px;
cursor:pointer;
position: absolute;
top: 0;
right: 0;
background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/chocolat/close.png) 50% 50% no-repeat;
}
.chocolat-wrapper .chocolat-bottom{
position:absolute;
bottom:0;
left: 0;
right: 0;
line-height:40px;
height:40px;
font-size:12px;
z-index: 17;
padding-left: 15px;
padding-right: 15px;
background: rgba(0, 0, 0, 0.2);
text-align: right;
margin-top: 10px;
}
.chocolat-wrapper .chocolat-set-title{
display: inline-block;
padding-right: 15px;
line-height: 1;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.chocolat-wrapper .chocolat-pagination{
float: right;
display: inline-block;
padding-left: 15px;
padding-right: 15px;
margin-right: 15px; }
.chocolat-wrapper .chocolat-fullscreen{
width: 16px;
height: 40px;
background: url(//daniartdesign.ro/wp-content/themes/arsitek/img/chocolat/fullscreen.png) 50% 50% no-repeat;
display: block;
margin:auto;
cursor: pointer;
float: right;
}
.chocolat-wrapper .chocolat-description{
display: inline-block;
float: left;
} body.chocolat-open>.chocolat-overlay{
z-index:15;
}
body.chocolat-open>.chocolat-loader{
z-index:15;
}
body.chocolat-open>.chocolat-content{
z-index:17;
} .chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{
position: absolute;
}
.chocolat-in-container{
position: relative;
}   .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//daniartdesign.ro/wp-content/themes/arsitek/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}@font-face{font-family:lg;src:url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/lg.eot?n1z373);src:url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/lg.woff?n1z373) format("woff"),url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/lg.ttf?n1z373) format("truetype"),url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s;transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-css3.lg-zoom-in .lg-item{opacity:0}.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide{-webkit-transform:scale3d(1.3,1.3,1.3);transform:scale3d(1.3,1.3,1.3)}.lg-css3.lg-zoom-in .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in .lg-item.lg-current,.lg-css3.lg-zoom-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-in .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-in-big .lg-item{opacity:0}.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-in-big .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in-big .lg-item.lg-current,.lg-css3.lg-zoom-in-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-big .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out .lg-item{opacity:0}.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide{-webkit-transform:scale3d(.7,.7,.7);transform:scale3d(.7,.7,.7)}.lg-css3.lg-zoom-out .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out .lg-item.lg-current,.lg-css3.lg-zoom-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-out .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out-big .lg-item{opacity:0}.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-out-big .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out-big .lg-item.lg-current,.lg-css3.lg-zoom-out-big .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-big .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-out-in .lg-item{opacity:0}.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-out-in .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-out-in .lg-item.lg-current,.lg-css3.lg-zoom-out-in .lg-item.lg-next-slide,.lg-css3.lg-zoom-out-in .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-zoom-in-out .lg-item{opacity:0}.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide{-webkit-transform:scale3d(2,2,2);transform:scale3d(2,2,2)}.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide{-webkit-transform:scale3d(0,0,0);transform:scale3d(0,0,0)}.lg-css3.lg-zoom-in-out .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-zoom-in-out .lg-item.lg-current,.lg-css3.lg-zoom-in-out .lg-item.lg-next-slide,.lg-css3.lg-zoom-in-out .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-soft-zoom .lg-item{opacity:0}.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}.lg-css3.lg-soft-zoom .lg-item.lg-next-slide{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}.lg-css3.lg-soft-zoom .lg-item.lg-current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-css3.lg-soft-zoom .lg-item.lg-current,.lg-css3.lg-soft-zoom .lg-item.lg-next-slide,.lg-css3.lg-soft-zoom .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-scale-up .lg-item{opacity:0}.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide{-moz-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-o-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-ms-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);-webkit-transform:scale3d(.8,.8,.8) translate3d(0,10%,0);transform:scale3d(.8,.8,.8) translate3d(0,10%,0)}.lg-css3.lg-scale-up .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-scale-up .lg-item.lg-current,.lg-css3.lg-scale-up .lg-item.lg-next-slide,.lg-css3.lg-scale-up .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular .lg-item{opacity:0}.lg-css3.lg-slide-circular .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,0,0);-o-transform:scale3d(0,0,0) translate3d(-100%,0,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,0,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.lg-css3.lg-slide-circular .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,0,0);-o-transform:scale3d(0,0,0) translate3d(100%,0,0);-ms-transform:scale3d(0,0,0) translate3d(100%,0,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.lg-css3.lg-slide-circular .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular .lg-item.lg-current,.lg-css3.lg-slide-circular .lg-item.lg-next-slide,.lg-css3.lg-slide-circular .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-up .lg-item{opacity:0}.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);transform:scale3d(0,0,0) translate3d(-100%,-100%,0)}.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,-100%,0);transform:scale3d(0,0,0) translate3d(100%,-100%,0)}.lg-css3.lg-slide-circular-up .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-up .lg-item.lg-current,.lg-css3.lg-slide-circular-up .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-up .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-down .lg-item{opacity:0}.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,100%,0);transform:scale3d(0,0,0) translate3d(-100%,100%,0)}.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,100%,0);transform:scale3d(0,0,0) translate3d(100%,100%,0)}.lg-css3.lg-slide-circular-down .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-down .lg-item.lg-current,.lg-css3.lg-slide-circular-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-down .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(0,-100%,0);-o-transform:scale3d(0,0,0) translate3d(0,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(0,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(0,-100%,0);transform:scale3d(0,0,0) translate3d(0,-100%,0)}.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(0,100%,0);-o-transform:scale3d(0,0,0) translate3d(0,100%,0);-ms-transform:scale3d(0,0,0) translate3d(0,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(0,100%,0);transform:scale3d(0,0,0) translate3d(0,100%,0)}.lg-css3.lg-slide-circular-vertical .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical-left .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,-100%,0);transform:scale3d(0,0,0) translate3d(-100%,-100%,0)}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(-100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(-100%,100%,0);transform:scale3d(0,0,0) translate3d(-100%,100%,0)}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-left .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-circular-vertical-down .lg-item{opacity:0}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,-100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,-100%,0);transform:scale3d(0,0,0) translate3d(100%,-100%,0)}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide{-moz-transform:scale3d(0,0,0) translate3d(100%,100%,0);-o-transform:scale3d(0,0,0) translate3d(100%,100%,0);-ms-transform:scale3d(0,0,0) translate3d(100%,100%,0);-webkit-transform:scale3d(0,0,0) translate3d(100%,100%,0);transform:scale3d(0,0,0) translate3d(100%,100%,0)}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-current,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-next-slide,.lg-css3.lg-slide-circular-vertical-down .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity 1s ease 0s}.lg-css3.lg-slide-vertical .lg-item{opacity:0}.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.lg-css3.lg-slide-vertical .lg-item.lg-next-slide{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.lg-css3.lg-slide-vertical .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-vertical .lg-item.lg-current,.lg-css3.lg-slide-vertical .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-vertical-growth .lg-item{opacity:0}.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide{-moz-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-o-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-ms-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);-webkit-transform:scale3d(.5,.5,.5) translate3d(0,-150%,0);transform:scale3d(.5,.5,.5) translate3d(0,-150%,0)}.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide{-moz-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-o-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-ms-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);-webkit-transform:scale3d(.5,.5,.5) translate3d(0,150%,0);transform:scale3d(.5,.5,.5) translate3d(0,150%,0)}.lg-css3.lg-slide-vertical-growth .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-vertical-growth .lg-item.lg-current,.lg-css3.lg-slide-vertical-growth .lg-item.lg-next-slide,.lg-css3.lg-slide-vertical-growth .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only .lg-item{opacity:0}.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide{-moz-transform:skew(10deg,0deg);-o-transform:skew(10deg,0deg);-ms-transform:skew(10deg,0deg);-webkit-transform:skew(10deg,0deg);transform:skew(10deg,0deg)}.lg-css3.lg-slide-skew-only .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only .lg-item.lg-current,.lg-css3.lg-slide-skew-only .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide{-moz-transform:skew(-10deg,0deg);-o-transform:skew(-10deg,0deg);-ms-transform:skew(-10deg,0deg);-webkit-transform:skew(-10deg,0deg);transform:skew(-10deg,0deg)}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-y .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide{-moz-transform:skew(0deg,10deg);-o-transform:skew(0deg,10deg);-ms-transform:skew(0deg,10deg);-webkit-transform:skew(0deg,10deg);transform:skew(0deg,10deg)}.lg-css3.lg-slide-skew-only-y .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-y .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-only-y-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-10deg);-o-transform:skew(0deg,-10deg);-ms-transform:skew(0deg,-10deg);-webkit-transform:skew(0deg,-10deg);transform:skew(0deg,-10deg)}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg);-o-transform:skew(0deg,0deg);-ms-transform:skew(0deg,0deg);-webkit-transform:skew(0deg,0deg);transform:skew(0deg,0deg);opacity:1}.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-only-y-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew .lg-item{opacity:0}.lg-css3.lg-slide-skew .lg-item.lg-prev-slide{-moz-transform:skew(20deg,0deg) translate3d(-100%,0,0);-o-transform:skew(20deg,0deg) translate3d(-100%,0,0);-ms-transform:skew(20deg,0deg) translate3d(-100%,0,0);-webkit-transform:skew(20deg,0deg) translate3d(-100%,0,0);transform:skew(20deg,0deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew .lg-item.lg-next-slide{-moz-transform:skew(20deg,0deg) translate3d(100%,0,0);-o-transform:skew(20deg,0deg) translate3d(100%,0,0);-ms-transform:skew(20deg,0deg) translate3d(100%,0,0);-webkit-transform:skew(20deg,0deg) translate3d(100%,0,0);transform:skew(20deg,0deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew .lg-item.lg-current,.lg-css3.lg-slide-skew .lg-item.lg-next-slide,.lg-css3.lg-slide-skew .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide{-moz-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-o-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-ms-transform:skew(-20deg,0deg) translate3d(-100%,0,0);-webkit-transform:skew(-20deg,0deg) translate3d(-100%,0,0);transform:skew(-20deg,0deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide{-moz-transform:skew(-20deg,0deg) translate3d(100%,0,0);-o-transform:skew(-20deg,0deg) translate3d(100%,0,0);-ms-transform:skew(-20deg,0deg) translate3d(100%,0,0);-webkit-transform:skew(-20deg,0deg) translate3d(100%,0,0);transform:skew(-20deg,0deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-cross .lg-item{opacity:0}.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide{-moz-transform:skew(0deg,60deg) translate3d(-100%,0,0);-o-transform:skew(0deg,60deg) translate3d(-100%,0,0);-ms-transform:skew(0deg,60deg) translate3d(-100%,0,0);-webkit-transform:skew(0deg,60deg) translate3d(-100%,0,0);transform:skew(0deg,60deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide{-moz-transform:skew(0deg,60deg) translate3d(100%,0,0);-o-transform:skew(0deg,60deg) translate3d(100%,0,0);-ms-transform:skew(0deg,60deg) translate3d(100%,0,0);-webkit-transform:skew(0deg,60deg) translate3d(100%,0,0);transform:skew(0deg,60deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-cross .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-cross-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-o-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-ms-transform:skew(0deg,-60deg) translate3d(-100%,0,0);-webkit-transform:skew(0deg,-60deg) translate3d(-100%,0,0);transform:skew(0deg,-60deg) translate3d(-100%,0,0)}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide{-moz-transform:skew(0deg,-60deg) translate3d(100%,0,0);-o-transform:skew(0deg,-60deg) translate3d(100%,0,0);-ms-transform:skew(0deg,-60deg) translate3d(100%,0,0);-webkit-transform:skew(0deg,-60deg) translate3d(100%,0,0);transform:skew(0deg,-60deg) translate3d(100%,0,0)}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-cross-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide{-moz-transform:skew(60deg,0deg) translate3d(0,-100%,0);-o-transform:skew(60deg,0deg) translate3d(0,-100%,0);-ms-transform:skew(60deg,0deg) translate3d(0,-100%,0);-webkit-transform:skew(60deg,0deg) translate3d(0,-100%,0);transform:skew(60deg,0deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide{-moz-transform:skew(60deg,0deg) translate3d(0,100%,0);-o-transform:skew(60deg,0deg) translate3d(0,100%,0);-ms-transform:skew(60deg,0deg) translate3d(0,100%,0);-webkit-transform:skew(60deg,0deg) translate3d(0,100%,0);transform:skew(60deg,0deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver .lg-item.lg-current,.lg-css3.lg-slide-skew-ver .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide{-moz-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-o-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-ms-transform:skew(-60deg,0deg) translate3d(0,-100%,0);-webkit-transform:skew(-60deg,0deg) translate3d(0,-100%,0);transform:skew(-60deg,0deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide{-moz-transform:skew(-60deg,0deg) translate3d(0,100%,0);-o-transform:skew(-60deg,0deg) translate3d(0,100%,0);-ms-transform:skew(-60deg,0deg) translate3d(0,100%,0);-webkit-transform:skew(-60deg,0deg) translate3d(0,100%,0);transform:skew(-60deg,0deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-cross .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide{-moz-transform:skew(0deg,20deg) translate3d(0,-100%,0);-o-transform:skew(0deg,20deg) translate3d(0,-100%,0);-ms-transform:skew(0deg,20deg) translate3d(0,-100%,0);-webkit-transform:skew(0deg,20deg) translate3d(0,-100%,0);transform:skew(0deg,20deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide{-moz-transform:skew(0deg,20deg) translate3d(0,100%,0);-o-transform:skew(0deg,20deg) translate3d(0,100%,0);-ms-transform:skew(0deg,20deg) translate3d(0,100%,0);-webkit-transform:skew(0deg,20deg) translate3d(0,100%,0);transform:skew(0deg,20deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item{opacity:0}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide{-moz-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-o-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-ms-transform:skew(0deg,-20deg) translate3d(0,-100%,0);-webkit-transform:skew(0deg,-20deg) translate3d(0,-100%,0);transform:skew(0deg,-20deg) translate3d(0,-100%,0)}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide{-moz-transform:skew(0deg,-20deg) translate3d(0,100%,0);-o-transform:skew(0deg,-20deg) translate3d(0,100%,0);-ms-transform:skew(0deg,-20deg) translate3d(0,100%,0);-webkit-transform:skew(0deg,-20deg) translate3d(0,100%,0);transform:skew(0deg,-20deg) translate3d(0,100%,0)}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current{-moz-transform:skew(0deg,0deg) translate3d(0,0,0);-o-transform:skew(0deg,0deg) translate3d(0,0,0);-ms-transform:skew(0deg,0deg) translate3d(0,0,0);-webkit-transform:skew(0deg,0deg) translate3d(0,0,0);transform:skew(0deg,0deg) translate3d(0,0,0);opacity:1}.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-current,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-next-slide,.lg-css3.lg-slide-skew-ver-cross-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-lollipop .lg-item{opacity:0}.lg-css3.lg-lollipop .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-lollipop .lg-item.lg-next-slide{-moz-transform:translate3d(0,0,0) scale(.5);-o-transform:translate3d(0,0,0) scale(.5);-ms-transform:translate3d(0,0,0) scale(.5);-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5)}.lg-css3.lg-lollipop .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-lollipop .lg-item.lg-current,.lg-css3.lg-lollipop .lg-item.lg-next-slide,.lg-css3.lg-lollipop .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-lollipop-rev .lg-item{opacity:0}.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide{-moz-transform:translate3d(0,0,0) scale(.5);-o-transform:translate3d(0,0,0) scale(.5);-ms-transform:translate3d(0,0,0) scale(.5);-webkit-transform:translate3d(0,0,0) scale(.5);transform:translate3d(0,0,0) scale(.5)}.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-lollipop-rev .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-lollipop-rev .lg-item.lg-current,.lg-css3.lg-lollipop-rev .lg-item.lg-next-slide,.lg-css3.lg-lollipop-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-rotate .lg-item{opacity:0}.lg-css3.lg-rotate .lg-item.lg-prev-slide{-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.lg-css3.lg-rotate .lg-item.lg-next-slide{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}.lg-css3.lg-rotate .lg-item.lg-current{-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.lg-css3.lg-rotate .lg-item.lg-current,.lg-css3.lg-rotate .lg-item.lg-next-slide,.lg-css3.lg-rotate .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-rotate-rev .lg-item{opacity:0}.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide{-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}.lg-css3.lg-rotate-rev .lg-item.lg-next-slide{-moz-transform:rotate(-360deg);-o-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}.lg-css3.lg-rotate-rev .lg-item.lg-current{-moz-transform:rotate(0);-o-transform:rotate(0);-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0);opacity:1}.lg-css3.lg-rotate-rev .lg-item.lg-current,.lg-css3.lg-rotate-rev .lg-item.lg-next-slide,.lg-css3.lg-rotate-rev .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-tube .lg-item{opacity:0}.lg-css3.lg-tube .lg-item.lg-prev-slide{-moz-transform:scale3d(1,0,1) translate3d(-100%,0,0);-o-transform:scale3d(1,0,1) translate3d(-100%,0,0);-ms-transform:scale3d(1,0,1) translate3d(-100%,0,0);-webkit-transform:scale3d(1,0,1) translate3d(-100%,0,0);transform:scale3d(1,0,1) translate3d(-100%,0,0)}.lg-css3.lg-tube .lg-item.lg-next-slide{-moz-transform:scale3d(1,0,1) translate3d(100%,0,0);-o-transform:scale3d(1,0,1) translate3d(100%,0,0);-ms-transform:scale3d(1,0,1) translate3d(100%,0,0);-webkit-transform:scale3d(1,0,1) translate3d(100%,0,0);transform:scale3d(1,0,1) translate3d(100%,0,0)}.lg-css3.lg-tube .lg-item.lg-current{-moz-transform:scale3d(1,1,1) translate3d(0,0,0);-o-transform:scale3d(1,1,1) translate3d(0,0,0);-ms-transform:scale3d(1,1,1) translate3d(0,0,0);-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.lg-css3.lg-tube .lg-item.lg-current,.lg-css3.lg-tube .lg-item.lg-next-slide,.lg-css3.lg-tube .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}
.lg-outer.fb-comments .fb-comments{height:100%;overflow-y:auto;position:absolute;right:0;top:0;width:420px;z-index:99999;background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .fb-comments.fb_iframe_widget{background-image:none}.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader{background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif) center center no-repeat #fff}.lg-outer.fb-comments .lg-toolbar{right:420px;width:auto}.lg-outer.fb-comments .lg-actions .lg-next{right:420px}.lg-outer.fb-comments .lg-item,.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap,.lg-outer.fb-comments .lg-item.lg-complete .lg-video-cont{background-image:none}.lg-outer.fb-comments .lg-img-wrap,.lg-outer.fb-comments .lg-video-cont{padding-right:400px!important;background:url(//daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif) center center no-repeat;background-position:calc((100% - 400px)/ 2) center}.lg-outer.fb-comments .lg-sub-html{padding:0;position:static}.lg-outer.fb-comments .lg-video-cont{max-width:1250px!important} .grid.effect-1 li.animate {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@-webkit-keyframes fadeIn {
0% { }
100% { opacity: 1; }
}
@keyframes fadeIn {
0% { }
100% { opacity: 1; }
} .grid.effect-2 li.animate {
-webkit-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); opacity: 1; }
}
@keyframes moveUp {
0% { }
100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
} .grid.effect-3 li.animate {
-webkit-transform: scale(0.6);
transform: scale(0.6);
-webkit-animation: scaleUp 0.65s ease-in-out forwards;
animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
0% { }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes scaleUp {
0% { }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
} .grid.effect-4 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid.effect-4 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
transform: translateZ(400px) translateY(300px) rotateX(-90deg);
-webkit-animation: fallPerspective .8s ease-in-out forwards;
animation: fallPerspective .8s ease-in-out forwards;
}
@-webkit-keyframes fallPerspective {
0% { }
100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
}
@keyframes fallPerspective {
0% { }
100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; }
} .grid.effect-5 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid.effect-5 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 50% 50% -300px;
transform-origin: 50% 50% -300px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-animation: fly .8s ease-in-out forwards;
animation: fly .8s ease-in-out forwards;
}
@-webkit-keyframes fly {
0% { }
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@keyframes fly {
0% { }
100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
} .grid.effect-6 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid.effect-6 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotateX(-80deg);
transform: rotateX(-80deg);
-webkit-animation: flip .8s ease-in-out forwards;
animation: flip .8s ease-in-out forwards;
}
@-webkit-keyframes flip {
0% { }
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
}
@keyframes flip {
0% { }
100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; }
} .grid.effect-7 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid.effect-7 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-animation: helix .8s ease-in-out forwards;
animation: helix .8s ease-in-out forwards;
}
@-webkit-keyframes helix {
0% { }
100% { -webkit-transform: rotateY(0deg); opacity: 1; }
}
@keyframes helix {
0% { }
100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; }
} .grid.effect-8 {
-webkit-perspective: 1300px;
perspective: 1300px;
}
.grid.effect-8 li.animate {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: scale(0.4);
transform: scale(0.4);
-webkit-animation: popUp .8s ease-in forwards;
animation: popUp .8s ease-in forwards;
}
@-webkit-keyframes popUp {
0% { }
70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
100% { -webkit-transform: scale(1); opacity: 1; }
}
@keyframes popUp {
0% { }
70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
}
.menu__link {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.menu__link:hover,
.menu__link:focus {
outline: none;
}  .header-style-1-wrap .menu--sebastian .menu__link {
text-align: center;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.menu__item > .sub-menu .menu__item:before,
.menu__item > .sub-menu .menu__item:after,
.menu__item > .sub-menu .menu__item .menu__link:before,
.menu__item > .sub-menu .menu__item .menu__link:after {
background-color: transparent !important;
border: none !important;
}
.menu__item.menu-item-has-children > .sub-menu .menu__link {
color: #ffffff !important;
}
.header-style-1-wrap .menu--sebastian .current-menu-item .menu__link, .header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link {
color: #d94f5c;
}
.header-style-1-wrap .menu--sebastian .menu__link::before,
.header-style-1-wrap .menu--sebastian .menu__link::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.header-style-1-wrap .menu--sebastian .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.header-style-1-wrap .menu--sebastian .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.header-style-1-wrap .menu--sebastian .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--sebastian .current-menu-item .menu__link::after, 
.header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--sebastian .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
} .header-style-1-wrap .menu--prospero .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--prospero .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
}
.header-style-1-wrap .menu--prospero .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--prospero .menu__item:hover .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
} .header-style-1-wrap .menu--viola .menu__item {
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--viola .menu__link {
-webkit-transition: color 0.4s;
transition: color 0.4s;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--viola .menu__item::before,
.header-style-1-wrap .menu--viola .menu__item::after,
.header-style-1-wrap .menu--viola .menu__link::before,
.header-style-1-wrap .menu--viola .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.header-style-1-wrap .menu--viola .menu__item::before,
.header-style-1-wrap .menu--viola .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.header-style-1-wrap .menu--viola .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.header-style-1-wrap .menu--viola .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.header-style-1-wrap .menu--viola .menu__link::before,
.header-style-1-wrap .menu--viola .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.header-style-1-wrap .menu--viola .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.header-style-1-wrap .menu--viola .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.header-style-1-wrap .menu--viola .current-menu-item::before,
.header-style-1-wrap .menu--viola .current-menu-item::after,
.header-style-1-wrap .menu--viola .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--viola .current-menu-item .menu__link::after, .header-style-1-wrap .menu--viola .menu__item:hover::before,
.header-style-1-wrap .menu--viola .menu__item:hover::after,
.header-style-1-wrap .menu--viola .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--viola .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
} .header-style-1-wrap .menu--antonio .menu__item {
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--antonio .menu__link {
padding: 10px 15px !important;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.header-style-1-wrap .menu--antonio .menu__item:hover .menu__link {
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.header-style-1-wrap .menu--antonio .menu__item::before,
.header-style-1-wrap .menu--antonio .menu__item::after,
.header-style-1-wrap .menu--antonio .menu__link::before,
.header-style-1-wrap .menu--antonio .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.header-style-1-wrap .menu--antonio .menu__item::before,
.header-style-1-wrap .menu--antonio .menu__item::after {
top: 0;
width: 4px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.header-style-1-wrap .menu--antonio .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.header-style-1-wrap .menu--antonio .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.header-style-1-wrap .menu--antonio .menu__link::before,
.header-style-1-wrap .menu--antonio .menu__link::after {
left: 0;
width: 100%;
height: 4px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.header-style-1-wrap .menu--antonio .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.header-style-1-wrap .menu--antonio .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.header-style-1-wrap .menu--antonio .current-menu-item::before,
.header-style-1-wrap .menu--antonio .current-menu-item::after,
.header-style-1-wrap .menu--antonio .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--antonio .current-menu-item .menu__link::after, .header-style-1-wrap .menu--antonio .menu__item:hover::before,
.header-style-1-wrap .menu--antonio .menu__item:hover::after,
.header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.header-style-1-wrap .menu--antonio .current-menu-item::after,
.header-style-1-wrap .menu--antonio .menu__item:hover::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--antonio .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header-style-1-wrap .menu--antonio .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--antonio .menu__item:hover .menu__link::after {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} .header-style-1-wrap .menu--miranda .menu__item {
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--miranda .menu__link {
padding: 10px 15px !important;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--miranda .menu__item::before,
.header-style-1-wrap .menu--miranda .menu__item::after,
.header-style-1-wrap .menu--miranda .menu__link::before,
.header-style-1-wrap .menu--miranda .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.1s;
transition: transform 0.1s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
} .header-style-1-wrap .menu--miranda .menu__item::before,
.header-style-1-wrap .menu--miranda .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .header-style-1-wrap .menu--miranda .menu__item::before {
left: 0;
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
} .header-style-1-wrap .menu--miranda .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .header-style-1-wrap .menu--miranda .menu__link::before,
.header-style-1-wrap .menu--miranda .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .header-style-1-wrap .menu--miranda .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .header-style-1-wrap .menu--miranda .menu__link::after {
bottom: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}   .header-style-1-wrap .menu--miranda .menu__item .menu__link::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header-style-1-wrap .menu--miranda .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-style-1-wrap .menu--miranda .menu__item::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.header-style-1-wrap .menu--miranda .current-menu-item::before,
.header-style-1-wrap .menu--miranda .menu__item:hover::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
} .header-style-1-wrap .menu--miranda .menu__item .menu__link::before {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.header-style-1-wrap .menu--miranda .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::before {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
} .header-style-1-wrap .menu--miranda .current-menu-item::after,
.header-style-1-wrap .menu--miranda .menu__item:hover::after {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.header-style-1-wrap .menu--miranda .current-menu-item::before,
.header-style-1-wrap .menu--miranda .current-menu-item::after,
.header-style-1-wrap .menu--miranda .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--miranda .current-menu-item .menu__link::after, .header-style-1-wrap .menu--miranda .menu__item:hover::before,
.header-style-1-wrap .menu--miranda .menu__item:hover::after,
.header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--miranda .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .header-style-1-wrap .menu--ariel .menu__item {
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--ariel .menu__link {
padding: 10px 15px !important;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--ariel .menu__item::before,
.header-style-1-wrap .menu--ariel .menu__item::after,
.header-style-1-wrap .menu--ariel .menu__link::before,
.header-style-1-wrap .menu--ariel .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95);
transition-timing-function: cubic-bezier(0.44, 0.05, 0.55, 0.95);
}
.header-style-1-wrap .menu--ariel .menu__item::before,
.header-style-1-wrap .menu--ariel .menu__item::after {
top: 0;
width: 4px;
height: 100%;
-webkit-transform: scale3d(0.1, 0, 1);
transform: scale3d(0.1, 0, 1);
} .header-style-1-wrap .menu--ariel .menu__item::before {
left: 0;
} .header-style-1-wrap .menu--ariel .menu__item::after {
right: 0;
}
.header-style-1-wrap .menu--ariel .menu__link::before,
.header-style-1-wrap .menu--ariel .menu__link::after {
left: 0;
width: 100%;
height: 4px;
-webkit-transform: scale3d(0, 0.1, 1);
transform: scale3d(0, 0.1, 1);
} .header-style-1-wrap .menu--ariel .menu__link::before {
top: 0;
} .header-style-1-wrap .menu--ariel .menu__link::after {
bottom: 0;
}
.header-style-1-wrap .menu--ariel .current-menu-item::before,
.header-style-1-wrap .menu--ariel .current-menu-item::after,
.header-style-1-wrap .menu--ariel .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--ariel .current-menu-item .menu__link::after, .header-style-1-wrap .menu--ariel .menu__item:hover::before,
.header-style-1-wrap .menu--ariel .menu__item:hover::after,
.header-style-1-wrap .menu--ariel .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--ariel .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .header-style-1-wrap .menu--caliban .menu__item {
}
.header-style-1-wrap .menu--caliban .menu__link {
padding: 10px 15px !important;
-webkit-transition: color 0.2s;
transition: color 0.2s;
}
.header-style-1-wrap .menu--caliban .menu__link::before,
.header-style-1-wrap .menu--caliban .menu__link::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.header-style-1-wrap .menu--caliban .menu__link::before {
border-width: 0 2px;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
background-color: transparent !important;
}
.header-style-1-wrap .menu--caliban .menu__link::after {
border-width: 2px 0;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
background-color: transparent !important;
}
.header-style-1-wrap .menu--caliban .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--caliban .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--caliban .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--caliban .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .header-style-1-wrap .menu--ferdinand .menu__link {
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.header-style-1-wrap .menu--ferdinand .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 5, 1);
transform: scale3d(0, 5, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.header-style-1-wrap .menu--ferdinand .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--ferdinand .menu__item:hover .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .header-style-1-wrap .menu--francisco .menu__item {
}
.header-style-1-wrap .menu--francisco .menu__link {
position: relative;
overflow: hidden;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--francisco .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
opacity: 0;
background: #d94f5c;
-webkit-transform: translate3d(0, -3em, 0);
transform: translate3d(0, -3em, 0);
-webkit-transition: -webkit-transform 0s 0.3s, opacity 0.2s;
transition: transform 0s 0.3s, opacity 0.2s;
}
.header-style-1-wrap .menu--francisco .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--francisco .menu__item:hover .menu__link::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
transition: transform 0.3s, opacity 0.1s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.header-style-1-wrap .menu--francisco .menu__helper {
display: block;
pointer-events: none;
}
.header-style-1-wrap .menu--francisco .current-menu-item .menu__helper,
.header-style-1-wrap .menu--francisco .menu__item:hover .menu__helper {
-webkit-animation: anim-francisco 0.3s forwards;
animation: anim-francisco 0.3s forwards;
}
@-webkit-keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-francisco {
50% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
51% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .header-style-1-wrap .menu--trinculo .menu__item {
}
.header-style-1-wrap .menu--trinculo .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--trinculo .menu__link::before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
opacity: 0;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition: -webkit-transform 0s 0.2s, opacity 0.2s;
transition: transform 0s 0.2s, opacity 0.2s;
}
.header-style-1-wrap .menu--trinculo .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--trinculo .menu__item:hover .menu__link::before {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.2s, opacity 0.1s;
transition: transform 0.2s, opacity 0.1s;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.header-style-1-wrap .menu--trinculo .menu__helper {
display: block;
pointer-events: none;
}
.header-style-1-wrap .menu--trinculo .current-menu-item .menu__helper,
.header-style-1-wrap .menu--trinculo .menu__item:hover .menu__helper {
-webkit-animation: anim-trinculo 0.6s forwards;
animation: anim-trinculo 0.6s forwards;
}
@-webkit-keyframes anim-trinculo {
50% {
opacity: 0;
color: #929292;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
51% {
opacity: 0;
color: #d94f5c;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
75% {
opacity: 1;
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
opacity: 1;
color: #d94f5c;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes anim-trinculo {
50% {
opacity: 0;
color: #929292;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
51% {
opacity: 0;
color: #d94f5c;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
75% {
opacity: 1;
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
opacity: 1;
color: #d94f5c;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
} .header-style-1-wrap .menu--stephano .menu__item {
padding: 0 !important;
margin-top: 10px !important;
}
.header-style-1-wrap .menu--stephano .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
padding: 0 10px 15px !important;
}
.header-style-1-wrap .menu--stephano .menu__item::before,
.header-style-1-wrap .menu--stephano .menu__link::before,
.header-style-1-wrap .menu--stephano .menu__link::after {
content: '';
position: absolute;
bottom: 0;
width: 10px;
height: 2px;
opacity: 0;
background: #d94f5c;
} .header-style-1-wrap .menu--stephano .menu__link::before,
.header-style-1-wrap .menu--stephano .menu__link::after {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.header-style-1-wrap .menu--stephano .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--stephano .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::after {
opacity: 1;
} .header-style-1-wrap .menu--stephano .menu__link::before {
left: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.header-style-1-wrap .menu--stephano .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::before {
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
} .header-style-1-wrap .menu--stephano .menu__link::after {
right: 0;
-webkit-transform-origin: 100% 0%;
transform-origin: 100% 0%;
}
.header-style-1-wrap .menu--stephano .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--stephano .menu__item:hover .menu__link::after {
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
} .header-style-1-wrap .menu--stephano .menu__item::before {
left: 0;
width: 100%;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
}
.header-style-1-wrap .menu--stephano .current-menu-item::before,
.header-style-1-wrap .menu--stephano .menu__item:hover::before {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s, opacity 0.1s;
transition: transform 0.3s, opacity 0.1s;
} .header-style-1-wrap .menu--iris .menu__item {
}
.header-style-1-wrap .menu--iris .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--iris .menu__link:hover,
.header-style-1-wrap .menu--iris .menu__link:focus {
color: #929292;
}
.header-style-1-wrap .menu--iris .current-menu-item .menu__link,
.header-style-1-wrap .menu--iris .menu__item:hover .menu__link {
color: #d94f5c;
}
.header-style-1-wrap .menu--iris .menu__link::before,
.header-style-1-wrap .menu--iris .menu__link::after {
content: '';
position: absolute;
width: 10px;
height: 10px;
opacity: 0;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
transition-timing-function: cubic-bezier(0.17, 0.67, 0.05, 1.29);
}
.header-style-1-wrap .menu--iris .menu__link::before {
top: 0;
left: 0;
border-width: 2px 0 0 2px;
background-color: transparent !important;
-webkit-transform: translate3d(10px, 10px, 0);
transform: translate3d(10px, 10px, 0);
}
.header-style-1-wrap .menu--iris .menu__link::after {
right: 0;
bottom: 0;
border-width: 0 2px 2px 0;
-webkit-transform: translate3d(-10px, -10px, 0);
transform: translate3d(-10px, -10px, 0);
background-color: transparent !important;
}
.header-style-1-wrap .menu--iris .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--iris .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--iris .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--iris .menu__item:hover .menu__link::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .header-style-1-wrap .main-menu ul.header-style-1-wrap .menu--ceres.sm-clean>li+li {
margin-left: 0;
}
.header-style-1-wrap .menu--ceres .menu__item {
position: relative;
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--ceres .menu__link {
position: relative;
padding: 10px 15px !important;
height: 50px;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--ceres .menu__item::before,
.header-style-1-wrap .menu--ceres .menu__item::after,
.header-style-1-wrap .menu--ceres .menu__link::after {
content: '';
position: absolute;
bottom: 0;
background: #d94f5c;
}
.header-style-1-wrap .menu--ceres .menu__item::before,
.header-style-1-wrap .menu--ceres .menu__item::after {
width: 2px;
height: 100%;
opacity: 0;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transition: -webkit-transform 0s 0.1s, opacity 0.1s;
transition: transform 0s 0.1s, opacity 0.1s;
}
.header-style-1-wrap .menu--ceres .menu__item::before {
left: 0;
}
.header-style-1-wrap .menu--ceres .menu__item::after {
right: 0;
}
.header-style-1-wrap .menu--ceres .current-menu-item::before,
.header-style-1-wrap .menu--ceres .current-menu-item::after,
.header-style-1-wrap .menu--ceres .menu__item:hover::before,
.header-style-1-wrap .menu--ceres .menu__item:hover::after {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
} .header-style-1-wrap .menu--ceres .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.header-style-1-wrap .menu--ceres .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--ceres .menu__item:hover .menu__link::after {
-webkit-transform: translate3d(0, -48px, 0);
transform: translate3d(0, -48px, 0);
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
} .header-style-1-wrap .menu--juno .menu__item {
position: relative;
overflow: hidden;
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--juno .menu__link {
position: relative;
z-index: 10;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--juno .menu__item::before,
.header-style-1-wrap .menu--juno .menu__item::after,
.header-style-1-wrap .menu--juno .menu__link::before,
.header-style-1-wrap .menu--juno .menu__link::after {
content: '';
position: absolute;
pointer-events: none;
opacity: 0;
background: #d94f5c;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
} .header-style-1-wrap .menu--juno .menu__item::before,
.header-style-1-wrap .menu--juno .menu__item::after {
left: 0;
width: 100%;
height: 2px;
}
.header-style-1-wrap .menu--juno .menu__item::before {
top: 0;
-webkit-transform: translate3d(0, 15px, 0);
transform: translate3d(0, 15px, 0);
}
.header-style-1-wrap .menu--juno .menu__item::after {
bottom: 0;
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
} .header-style-1-wrap .menu--juno .menu__link::before,
.header-style-1-wrap .menu--juno .menu__link::after {
top: 0;
width: 2px;
height: 100%;
}
.header-style-1-wrap .menu--juno .menu__link::before {
left: 0;
-webkit-transform: translate3d(15px, 0, 0);
transform: translate3d(15px, 0, 0);
}
.header-style-1-wrap .menu--juno .menu__link::after {
right: 0;
-webkit-transform: translate3d(-15px, 0, 0);
transform: translate3d(-15px, 0, 0);
}
.header-style-1-wrap .menu--juno .current-menu-item::before,
.header-style-1-wrap .menu--juno .current-menu-item::after,
.header-style-1-wrap .menu--juno .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--juno .current-menu-item .menu__link::after, .header-style-1-wrap .menu--juno .menu__item:hover::before,
.header-style-1-wrap .menu--juno .menu__item:hover::after,
.header-style-1-wrap .menu--juno .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--juno .menu__item:hover .menu__link::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
} .header-style-1-wrap .menu--maria .menu__item {
position: relative;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
min-width: 60px;
height: 60px;
text-align: center;
}
.header-style-1-wrap .menu--maria .menu__item::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 140%;
height: 4px;
background: #d94f5c;
-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1);
transform: rotate3d(0, 0, 1, -45deg) scale3d(0, 1, 1);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
}
.header-style-1-wrap .menu--maria .menu__item.current-menu-item::before,
.header-style-1-wrap .menu--maria .menu__item.menu__item:hover::before {
-webkit-transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
transform: rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
}
.header-style-1-wrap .menu--maria .menu__link {
position: relative;
-webkit-transition: color 0.4s;
transition: color 0.4s;
} .header-style-1-wrap .menu--valentine .menu__item {
position: relative;
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--valentine .menu__link {
position: relative;
padding: 10px 15px !important;
display: block;
text-align: center;
color: #b5b5b5;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--valentine .menu__item::before,
.header-style-1-wrap .menu--valentine .menu__item::after,
.header-style-1-wrap .menu--valentine .menu__link::before,
.header-style-1-wrap .menu--valentine .menu__link::after {
content: '';
position: absolute;
background: #d94f5c;
-webkit-transform-origin: 350% 350%;
transform-origin: 350% 350%;
-webkit-transition: -webkit-transform 0.5s;
transition: transform 0.5s;
-webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.header-style-1-wrap .menu--valentine .menu__item::before,
.header-style-1-wrap .menu--valentine .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .header-style-1-wrap .menu--valentine .menu__item::before {
left: 0;
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
} .header-style-1-wrap .menu--valentine .menu__item::after {
right: 0;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.header-style-1-wrap .menu--valentine .menu__link::before,
.header-style-1-wrap .menu--valentine .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .header-style-1-wrap .menu--valentine .menu__link::before {
top: 0;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
} .header-style-1-wrap .menu--valentine .menu__link::after {
bottom: 0;
}
.header-style-1-wrap .menu--valentine .current-menu-item::before,
.header-style-1-wrap .menu--valentine .current-menu-item::after,
.header-style-1-wrap .menu--valentine .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--valentine .current-menu-item .menu__link::after, .header-style-1-wrap .menu--valentine .menu__item:hover::before,
.header-style-1-wrap .menu--valentine .menu__item:hover::after,
.header-style-1-wrap .menu--valentine .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--valentine .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .header-style-1-wrap .menu--puck .menu__link {
position: relative;
display: block;
text-align: center;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.header-style-1-wrap .menu--puck .menu__link::before,
.header-style-1-wrap .menu--puck .menu__link::after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 7px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.header-style-1-wrap .menu--puck .menu__link::before {
bottom: -5px;
height: 2px;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.header-style-1-wrap .menu--puck .menu__link::after {
bottom: 0;
}
.header-style-1-wrap .menu--puck .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--puck .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--puck .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--puck .menu__item:hover .menu__link::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
transition-timing-function: cubic-bezier(0, 1.54, 0.34, 1);
-webkit-transition-duration: 0.8s;
transition-duration: 0.8s;
} .header-style-1-wrap .menu--titania .menu__item {
margin: 0;
}
.header-style-1-wrap .menu--titania .menu__link {
height: 3em;
width: 130px;
text-align: center;
-webkit-transition: color 0.3s 0.2s;
transition: color 0.3s 0.2s;
}
.header-style-1-wrap .menu--titania .current-menu-item .menu__link,
.header-style-1-wrap .menu--titania .menu__item:hover .menu__link {
-webkit-transition: color 0.7s 0.2s;
transition: color 0.7s 0.2s;
}
.header-style-1-wrap .menu--titania .menu__lines {
position: absolute;
top: 0;
left: 0;
width: 120px;
height: 100%;
pointer-events: none;
border: 2px solid #d94f5c;
border-width: 2px 0;
-webkit-transition: -webkit-transform 0.5s 0.2s;
transition: transform 0.5s 0.2s;
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
-webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
} .header-style-1-wrap .menu--titania .menu__lines::before,
.header-style-1-wrap .menu--titania .menu__lines::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #d94f5c;
border-width: 0 2px;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
} .header-style-1-wrap .menu--titania .menu__lines::before {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
-webkit-transition: -webkit-transform 0.2s ease;
transition: transform 0.2s ease;
} .header-style-1-wrap .menu--titania .menu__lines::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: -webkit-transform 0.2s ease 0.7s;
transition: transform 0.2s ease 0.7s;
}
.header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::before,
.header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after,
.header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::before,
.header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after {
-webkit-transition: -webkit-transform 0s;
transition: transform 0s;
}
.header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::before,
.header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after,
.header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after {
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(1).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(1).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(2).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(2).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(3).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(3).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(200%, 0, 0);
transform: translate3d(200%, 0, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(4).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(4).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(300%, 0, 0);
transform: translate3d(300%, 0, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(5).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(5).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(400%, 0, 0);
transform: translate3d(400%, 0, 0);
}
@media screen and (max-width:55em) {
.header-style-1-wrap .menu--titania .menu__lines {
height: 20%;
border-width: 0 2px;
} .header-style-1-wrap .menu--titania .menu__lines::before,
.header-style-1-wrap .menu--titania .menu__lines::after {
border-width: 2px 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.header-style-1-wrap .menu--titania .menu__lines::before {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.header-style-1-wrap .menu--titania .menu__item:active:not(.current-menu-item) ~ .menu__lines::after,
.header-style-1-wrap .menu--titania .menu__item:active:not(.menu__item:hover) ~ .menu__lines::after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(1).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(1).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(2).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(2).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(3).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(3).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 200%, 0);
transform: translate3d(0, 200%, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(4).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(4).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 300%, 0);
transform: translate3d(0, 300%, 0);
}
.header-style-1-wrap .menu--titania .menu__item:nth-child(5).current-menu-item ~ .menu__lines,
.header-style-1-wrap .menu--titania .menu__item:nth-child(5).menu__item:hover ~ .menu__lines {
-webkit-transform: translate3d(0, 400%, 0);
transform: translate3d(0, 400%, 0);
}
} .header-style-1-wrap .main-menu ul.header-style-1-wrap .menu--bagot.sm-clean>li+li {
margin-left: 0;
}
.header-style-1-wrap .menu--bagot .menu__item {
position: relative;
}
.header-style-1-wrap .menu--bagot .menu__link {
position: relative;
height: 50px;
padding: 10px 1.5em !important;
text-align: center;
opacity: 0.7;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.header-style-1-wrap .menu--bagot .menu__item::before,
.header-style-1-wrap .menu--bagot .menu__item::after {
content: '';
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #d94f5c;
border-style: solid;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(1, 0.6, 0, 1);
transition: transform 0.2s cubic-bezier(1, 0.6, 0, 1);
}
.header-style-1-wrap .menu--bagot .menu__item::before {
border-width: 2px 0 0;
-webkit-transform: translateY(calc(100% - 2px));
transform: translateY(calc(100% - 2px));
}
.header-style-1-wrap .menu--bagot .menu__item::after {
right: -1px;
left: -1px; border-width: 0 2px;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.header-style-1-wrap .menu--bagot .menu__item.current-menu-item::before,
.header-style-1-wrap .menu--bagot .menu__item.menu__item:hover::before {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
}
.header-style-1-wrap .menu--bagot .menu__item.current-menu-item::after,
.header-style-1-wrap .menu--bagot .menu__item.menu__item:hover::after {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
transition-timing-function: cubic-bezier(1, 0.6, 0, 1.22);
}
.header-style-1-wrap .menu--bagot .current-menu-item .menu__link,
.header-style-1-wrap .menu--bagot .menu__link:hover,
.header-style-1-wrap .menu--bagot .menu__link:focus,
.header-style-1-wrap .menu--bagot .menu__item:hover .menu__link {
opacity: 1;
}
@media screen and (max-width:55em) {
.header-style-1-wrap .menu--bagot .menu__item {
margin: 0;
}
.header-style-1-wrap .menu--bagot .menu__item::before {
border-width: 0 2px 0 0;
-webkit-transform: translateX(calc(2px - 100%));
transform: translateX(calc(2px - 100%));
}
.header-style-1-wrap .menu--bagot .menu__item::after {
top: -1px;
right: 0;
bottom: -1px;
left: 0;
border-width: 2px 0;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
} .header-style-1-wrap .menu--shylock .menu__link {
position: relative;
padding-right: 0;
padding-left: 0;
color: #b5b5b5;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link,
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link:hover,
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link:focus, .header-style-1-wrap .menu--shylock .menu__item:hover .menu__link,
.header-style-1-wrap .menu--shylock .menu__item:hover .menu__link:hover,
.header-style-1-wrap .menu--shylock .menu__item:hover .menu__link:focus {
color: #d94f5c;
}
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::after,
.header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.header-style-1-wrap .menu--shylock .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--shylock .menu__item:hover .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--shylock .menu__link:hover::before,
.header-style-1-wrap .menu--shylock .menu__link:focus::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--shylock .menu__link::before,
.header-style-1-wrap .menu--shylock .menu__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: center left;
transform-origin: center left;
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-style-1-wrap .menu--shylock .menu__link::before {
background: #b5b5b5;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.header-style-1-wrap .menu--shylock .menu__link::after {
background: #d94f5c;
} .header-style-1-wrap .menu--cordelia .menu__item {
position: relative;
}
.header-style-1-wrap .menu--cordelia .menu__link {
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.header-style-1-wrap .menu--cordelia .current-menu-item .menu__link,
.header-style-1-wrap .menu--cordelia .menu__item:hover .menu__link {
-webkit-transition: color 0.6s;
transition: color 0.6s;
}
.header-style-1-wrap .menu--cordelia .menu__item::before,
.header-style-1-wrap .menu--cordelia .menu__item::after {
content: '';
position: absolute;
z-index: 10;
width: 100%;
height: 2px;
background: #d94f5c;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-animation-fill-mode: initial;
animation-fill-mode: initial;
}
.header-style-1-wrap .menu--cordelia .menu__item::before {
top: 0;
right: 0;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.header-style-1-wrap .menu--cordelia .menu__item::after {
bottom: 0;
left: 0;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.header-style-1-wrap .menu--cordelia .current-menu-item::before,
.header-style-1-wrap .menu--cordelia .menu__item:hover::before {
-webkit-animation: anim-cordelia-top 0.6s linear both;
animation: anim-cordelia-top 0.6s linear both;
}
.header-style-1-wrap .menu--cordelia .current-menu-item::after,
.header-style-1-wrap .menu--cordelia .menu__item:hover::after {
-webkit-animation: anim-cordelia-bottom 0.6s linear both;
animation: anim-cordelia-bottom 0.6s linear both;
}
@-webkit-keyframes anim-cordelia-top {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes anim-cordelia-top {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(-95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@-webkit-keyframes anim-cordelia-bottom {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
}
@keyframes anim-cordelia-bottom {
0% {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
}
10% {
-webkit-transform: scale3d(0.05, 1, 1);
transform: scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
50% {
-webkit-transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
transform: translate3d(95%, 0, 0) scale3d(0.05, 1, 1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
}
} .header-style-1-wrap .menu--horatio .menu__item {
padding: 0 !important;
margin-top: 10px !important;
}
.header-style-1-wrap .menu--horatio .menu__item {
position: relative;
-webkit-transition: color .25s;
transition: color .25s;
}
.header-style-1-wrap .menu--horatio .menu__item a {
position: relative;
color: inherit;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--horatio .current-menu-item {
color: #b5b5b5;
}
.header-style-1-wrap .menu--horatio .menu__item:hover {
color: #d94f5c;
}
.header-style-1-wrap .menu--horatio .menu__item::before,
.header-style-1-wrap .menu--horatio .menu__item::after,
.header-style-1-wrap .menu--horatio .menu__item a::before,
.header-style-1-wrap .menu--horatio .menu__item a::after {
position: absolute;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid currentColor;
}
.header-style-1-wrap .menu--horatio .menu__item::before {
border-width: 0 0 0 2px;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
background-color: transparent !important;
}
.header-style-1-wrap .menu--horatio .menu__link::before {
background-color: transparent !important;
}
.header-style-1-wrap .menu--horatio .menu__item::after {
border-width: 0 2px 0 0;
-webkit-transform-origin: right top;
transform-origin: right top;
}
.header-style-1-wrap .menu--horatio .menu__item a::before,
.header-style-1-wrap .menu--horatio .menu__item a::after {
z-index: 2;
}
.header-style-1-wrap .menu--horatio .menu__item a::before {
border-width: 2px 0 0;
-webkit-transform-origin: left top;
transform-origin: left top;
}
.header-style-1-wrap .menu--horatio .menu__item a::after {
border-width: 0 0 2px;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
}
.header-style-1-wrap .menu--horatio .current-menu-item::before,
.header-style-1-wrap .menu--horatio .current-menu-item::after,
.header-style-1-wrap .menu--horatio .menu__item:hover::before,
.header-style-1-wrap .menu--horatio .menu__item:hover::after,
.header-style-1-wrap .menu--horatio .current-menu-item a::before,
.header-style-1-wrap .menu--horatio .current-menu-item a::after,
.header-style-1-wrap .menu--horatio .menu__item:hover a::before,
.header-style-1-wrap .menu--horatio .menu__item:hover a::after {
content: '';
}
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::before,
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::after,
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::before,
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::after {
-webkit-animation: horatio-anim .6s ease-in-out;
animation: horatio-anim .6s ease-in-out;
}
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::before,
.header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover::before {
-webkit-animation-delay: -.45s;
animation-delay: -.45s;
}
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::before,
.header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover a::before {
-webkit-animation-delay: -.3s;
animation-delay: -.3s;
}
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover::after,
.header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover::after {
-webkit-animation-delay: -.15s;
animation-delay: -.15s;
}
.header-style-1-wrap .menu--horatio .menu__item:not(.current-menu-item):hover a::after,
.header-style-1-wrap .menu--horatio .menu__item:not(.menu__item:hover):hover a::after {
-webkit-animation-delay: 0;
animation-delay: 0;
}
@-webkit-keyframes horatio-anim {
0%, 33% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes horatio-anim {
0%, 33% {
opacity: 0;
-webkit-transform: rotate(45deg) scale(1.5);
transform: rotate(45deg) scale(1.5);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}  .header-style-1-wrap .menu--luce .menu__item {
position: relative;
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--luce .menu__link {
position: relative;
display: block;
text-align: center;
-webkit-transition: color 0.6s;
transition: color 0.6s;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--luce .menu__item::before,
.header-style-1-wrap .menu--luce .menu__item::after,
.header-style-1-wrap .menu--luce .menu__link::before,
.header-style-1-wrap .menu--luce .menu__link::after {
content: '';
position: absolute;
background: #b5b5b5;
-webkit-transition: -webkit-transform 0.25s, background .75s;
transition: transform 0.25s, background .75s;
-webkit-transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68);
transition-timing-function: cubic-bezier(1, 0.53, 0.79, 0.68);
} .header-style-1-wrap .menu--luce .menu__item::before,
.header-style-1-wrap .menu--luce .menu__item::after {
top: 0;
width: 2px;
height: 100%;
-webkit-transform: scale3d(1, 0, 1);
transform: scale3d(1, 0, 1);
} .header-style-1-wrap .menu--luce .menu__item::before {
left: 0;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
} .header-style-1-wrap .menu--luce .menu__item::after {
right: 0;
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
} .header-style-1-wrap .menu--luce .menu__link::before,
.header-style-1-wrap .menu--luce .menu__link::after {
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
} .header-style-1-wrap .menu--luce .menu__link::before {
top: 0;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
} .header-style-1-wrap .menu--luce .menu__link::after {
bottom: 0;
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}   .header-style-1-wrap .menu--luce .menu__item .menu__link::after {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--luce .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--luce .menu__item:hover .menu__link::after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
} .header-style-1-wrap .menu--luce .menu__item::before {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.header-style-1-wrap .menu--luce .current-menu-item::before,
.header-style-1-wrap .menu--luce .menu__item:hover::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-style-1-wrap .menu--luce .menu__item .menu__link::before {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.header-style-1-wrap .menu--luce .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--luce .menu__item:hover .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
} .header-style-1-wrap .menu--luce .current-menu-item::after,
.header-style-1-wrap .menu--luce .menu__item:hover::after {
-webkit-transition-delay: 0.25s;
transition-delay: 0.25s;
}
.header-style-1-wrap .menu--luce .current-menu-item::before,
.header-style-1-wrap .menu--luce .current-menu-item::after,
.header-style-1-wrap .menu--luce .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--luce .current-menu-item .menu__link::after, .header-style-1-wrap .menu--luce .menu__item:hover::before,
.header-style-1-wrap .menu--luce .menu__item:hover::after,
.header-style-1-wrap .menu--luce .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--luce .menu__item:hover .menu__link::after  {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
background: #d94f5c;
}  .header-style-1-wrap .menu--juliet .menu__item {
position: relative;
-webkit-transition: color .25s;
transition: color .25s;
padding: 0 !important;
margin-top: 10px;
}
.header-style-1-wrap .menu--juliet .menu__item::before,
.header-style-1-wrap .menu--juliet .menu__item::after,
.header-style-1-wrap .menu--juliet .current-menu-item::before,
.header-style-1-wrap .menu--juliet .current-menu-item::after,
.header-style-1-wrap .menu--juliet .menu__item:hover::before,
.header-style-1-wrap .menu--juliet .menu__item:hover::after {
position: absolute;
left: 50%;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
}
.header-style-1-wrap .menu--juliet .menu__item::before,
.header-style-1-wrap .menu--juliet .menu__item::after {
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: left left;
transform-origin: left left;
-webkit-transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-style-1-wrap .menu--juliet .current-menu-item::before,
.header-style-1-wrap .menu--juliet .current-menu-item::after,
.header-style-1-wrap .menu--juliet .menu__item:hover::before,
.header-style-1-wrap .menu--juliet .menu__item:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-style-1-wrap .menu--juliet .menu__item:hover::before,
.header-style-1-wrap .menu--juliet .menu__item:hover::after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-style-1-wrap .menu--juliet .menu__item::before {
top: 95%;
margin-left: -9px;
border-width: 10px;
border-top-color: #b5b5b5;
background-color: transparent !important;
}
.header-style-1-wrap .menu--juliet .current-menu-item::before,
.header-style-1-wrap .menu--juliet .menu__item:hover::before {
margin-left: -9px;
border-width: 10px;
border-top-color: #d94f5c;
}
.header-style-1-wrap .menu--juliet .menu__item::after,
.header-style-1-wrap .menu--juliet .current-menu-item::after,
.header-style-1-wrap .menu--juliet .menu__item:hover::after {
top: 94%;
margin-left: -5px;
border-width: 6px;
border-top-color: #2a282b;
}
.header-style-1-wrap .menu--juliet .menu__link {
position: relative;
margin: 0 1em;
padding-right: 0;
padding-left: 0;
color: #b5b5b5;
-webkit-transition: color 0.4s;
transition: color 0.4s;
}
.header-style-1-wrap .menu--juliet .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--juliet .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::after,
.header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.header-style-1-wrap .menu--juliet .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--juliet .menu__link:hover,
.header-style-1-wrap .menu--juliet .menu__link:focus {
color: #b5b5b5;
}
.header-style-1-wrap .menu--juliet .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--juliet .menu__item:focus .menu__link::before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.header-style-1-wrap .menu--juliet .menu__link::before,
.header-style-1-wrap .menu--juliet .menu__link::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transform-origin: center left;
transform-origin: center left;
-webkit-transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
transition: transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.header-style-1-wrap .menu--juliet .menu__link::before {
background: #b5b5b5;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.header-style-1-wrap .menu--juliet .menu__link::after {
background: #d94f5c;
}  .header-style-1-wrap .menu--invulner .menu__link {
position: relative;
-webkit-transition: color .4s ease-in;
transition: color .4s ease-in;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--invulner .menu__link::before {
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 0;
height: 0;
border-radius: 100%;
border: 2px solid #d94f5c;
-webkit-transition: all .5s cubic-bezier(.52,.27,.4,1.52);
transition: all .5s cubic-bezier(.52,.27,.4,1.52);
opacity: 0;
background-color: transparent !important;
}
.header-style-1-wrap .menu--invulner .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--invulner .menu__item:hover .menu__link::before {
left: 0;
top: 0;
margin-top: 0;
margin-left: 0;
width: 100%;
height: 100%;
border-radius: 0;
opacity: 1;
}  .header-style-1-wrap .menu--tantalid .menu__link {
position: relative;
overflow: hidden;
-webkit-transition: color .4s ease-in;
transition: color .4s ease-in;
padding: 10px 15px !important;
}
.header-style-1-wrap .menu--tantalid .menu__link:hover {
}
.header-style-1-wrap .menu--tantalid .current-menu-item .menu__link,
.header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link {
overflow: visible;
}
.header-style-1-wrap .menu--tantalid .menu__link::before,
.header-style-1-wrap .menu--tantalid .menu__link::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
opacity: 0;
border: 2px solid #d94f5c;
-webkit-transition: -webkit-transform 0.4s, opacity 0.3s, width 0.4s;
transition: transform .4s, opacity 0.3s, width .4s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.header-style-1-wrap .menu--tantalid .menu__link::before {
top: 0;
left: 0;
border-width: 2px 0 0 2px;
-webkit-transform: translate3d(-150%, 70%, 0) rotate(-30deg);
transform: translate3d(-150%, 70%, 0) rotate(-30deg);
background-color: transparent !important;
}
.header-style-1-wrap .menu--tantalid .menu__link::after {
right: 0;
bottom: 0;
border-width: 0 2px 2px 0;
-webkit-transform: translate3d(150%, -70%, 0) rotate(-30deg);
transform: translate3d(150%, -70%, 0) rotate(-30deg);
}
.header-style-1-wrap .menu--tantalid .current-menu-item .menu__link::before,
.header-style-1-wrap .menu--tantalid .current-menu-item .menu__link::after,
.header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link::before,
.header-style-1-wrap .menu--tantalid .menu__item:hover .menu__link::after {
width: 80%;
height: 80%;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
transform: translate3d(0, 0, 0) rotate(0deg);
}        @media screen and (max-width:55em) {
.menu__list {
display: block;
margin: 0 auto;
}
}/*
Theme Name: Arsitek
Theme URI: http://arsitek1.themesawesome.com
Author: Themes Awesome
Author URI: http://www.themesawesome.com
Text Domain: arsitek
Description: A Modern Theme for Architects and Interior Designers.
Tags: right-sidebar, custom-background, custom-colors, custom-menu, featured-images, microformats, sticky-post, theme-options, threaded-comments, translation-ready
Version: 1.2.1
License:      GNU General Public License V2
License URI:      license.txt
-----------------------------------------------------------------------------------
  1. CSS Reset
  2. Header
    2.1. Header Style 1
    2.4. Header Style 4 
    2.5. Header Elements
  3. Standard Page
    3.1. Page Title
  4. 404 Page
  5. Post Formats
  5. Post Loop
    5.1. Blog Loop Meta
    5.2. Blog Loop - Style 2
    5.3. Blog Loop - Style 3
    5.4. Blog Loop Content
    5.5. Blog Read More Button
    5.6. Blog Pagination Style 1
    5.7. Blog Pagination Style 2
    5.8. Blog Pagination Style 3
  6. Single Post
    6.1. Single Post Meta
    6.2. Single Post Tag
    6.3. Single Post Author
    6.4. Single Post Pagination
    6.5. Author Box
    6.6. Related Post
    6.7. Single Post Comment Section
  7. Single Post Magazine Style
    7.1. Share Magazine Style
    7.2. Standard Page - Prev & Next Post
    7.3. Standard Page - Author Box
    7.4. Standard Page - Related Post
    7.5. Single Post Style 2
  8. Portfolio
    8.1. Portfolio - Grid Template
    8.2. Portfolio - Masonry Template
  9. Single Portfolio
    9.1. Single Portfolio - Style 1
    9.2. Single Portfolio - Style 2
    9.3. Single Portfolio - Style 3
  10. Sidebar
    10.1. Sidebar - Search
    10.2. Sidebar - Recent Post
    10.3. Latest Post - Standard without featured image
    10.4. Latest Post - Standard with featured image
  11. Footer
    11.1. Footer Widget
        11.1.1 Footer Widget - Custom Menu 
        11.1.2. Footer Widget - Portfolio Thumb
    11.2. Footer Copyright
    11.3. Footer Layout 
  11. Page Builder
    11.1. Head Title Block 
        11.1.1 Head Title - Style 1 
        11.1.2 Head Title - Style 2 
        11.1.3 Head Title - Style 3 
        11.1.4 Head Title - Style 4 
        11.1.5 Head Title - Style 5 
        11.1.6 Head Title - Style 6 
        11.1.7 Head Title - Style 7
    11.2. Team Block
    11.3. Portfolio Block
        11.3.1. Filter - style 1
        11.3.2. Filter - style 2
        11.3.3. Filter - style 3
        11.3.4. Porfolio Hide Content
        11.3.5. Portfolio Detail Block
    11.4. Testimonial Block
    11.5. Post Carousel Block
    11.6. Portfolio Carousel Block
    11.7. Carousel Pagination
    11.8. Chocolat Light Box
    11.9. Post Grid Style 3 - Main News Style 5
    11.10. Post Grid Style 5 - Main News Style 1
    11.11. Post Masonry Style
    11.12. Post Masonry Style 2
    11.13. Post List Style 1
    11.14. Post Grid - Style 4
    11.15. Instagram Block
    11.16. Contact Form Block Style 1
    11.17. Contact Form Block Style 2
-----------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------*/
/*  1. CSS Reset
/*-----------------------------------------------------------------------------------*/

html {
    font-size: 62.5%;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 16px;
    background: #ffffff;
    line-height: 1.618;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

ul {
    -webkit-padding-start: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 0;
    color: #000000;
}

h1 {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.125;
}

h2 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.25;
}

h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25;
}

h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.3;
}

h5 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.375;
}

h6 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
}

a {
    cursor: pointer;
    outline: none;
    color: #000000;
    text-decoration: none !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:active,
a:focus {
    color: #666666;
    text-decoration: none;
    outline: none;
}

button:focus {
    outline: 0;
}

p {
    margin: 0 0 20px;
}

table {
    width: 80%;
    margin-bottom: 20px;
}

th,
td {
    padding: 8px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border: 1px solid #ddd;
}

th {
    font-weight: bold;
    border-bottom: 2px solid;
    text-align: center;
}

*::-moz-selection {
    background-color: #000;
    color: #fff;
}

*::selection {
    background-color: #000;
    color: #fff;
}

button {
    border: none;
    background-image: none;
    background: transparent;
}
select {
    max-width: 100%;
}
blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

blockquote {
    margin: 1em 0;
    border-left: 10px solid #000;
    padding-left: 12px;
}

ol {
    display: block;
    list-style-type: decimal;
    -webkit-padding-start: 40px;
}

.bypostauthor > .comment .comment-author cite:after {
    content: "post author";
    font-size: 7px;
    font-size: 0.693333rem;
    font-style: italic;
    margin-left: 6px;
}

.aligncenter {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

img.aligncenter,
img.alignnone {
    margin-bottom: 12px;
}

img.alignleft {
    margin: 12px 24px 12px 0;
    margin: 10px 20px 10px 0;
}

img.alignright {
    margin: 12px 0 12px 24px;
    margin: 10px 0 10px 20px;
}

pre {
    font-size: 16px;
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.6;
    margin: 1em 0;
}

figure {
    max-width: 100%;
    height: auto;
}

body {
    min-height: 100%;
}
#content {
    height: 100%;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    line-height: 1.6;
    margin-top: 10px;
    color: #757575;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

.sticky .post-title:before {
    content: "Featured Post";
    padding: 15px 25px;
    color: #ffffff;
    background-color: #000000;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    font-size: 13px;
    line-height: 1;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Custom Base */

input {
    height: 40px;
    padding: 0 15px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

input[type="email"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
    outline: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

textarea {
    width: 100%;
    border-width: 1px;
    border-style: solid;
    background-color: #EFEFEF;
    border-color: #EFEFEF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

input[type="submit"] {
    display: inline-block;
    color: #fff;
    background-color: #ff0036;
    font-size: 16px;
    letter-spacing: 0.025em;
    width: auto;
    border: none;
    margin-top: 0;
    cursor: pointer;
}

::-ms-clear {
    display: none;
}

::-webkit-search-decoration,
::-webkit-search-cancel-button,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
    display: none;
}

img {
    max-width: 100%;
    height: auto;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.container {
    width: 1200px;
    margin: 0 auto;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.therow {
    margin-left: -15px;
    margin-right: -15px;
}

.column {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
    padding-left: 15px;
    max-width: 100%;
}

.column {
    display: inline-block;
    float: left;
}
.column-1 {
    width: 100%;
}

.column-2 {
    width: 50%;
}

.column-3 {
    width: 33.33333%;
}

.column-2of3 {
    width: 66.66667%;
}

.column-4 {
    width: 25%;
}

.column-5 {
    width: 20%;
}
.row {
    margin-right: -15px;
    margin-left: -15px;
}

.icon {
    font-family: "zloob";
}

/* Button */

.btn {
    font-family: inherit;
    cursor: pointer;
    display: inline-block;
    padding: 10px 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.btn:hover {
    color: #fff;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.34);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.boxed-wrap  {
    margin: auto;
}

.top-border {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 12px;
}
.bottom-border {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 9999;
    padding: 12px;
}
.left-border {
    position: fixed;
    width: 25px;
    left: 0;
    height: 100%;
    z-index: 9999;
}
.right-border {
    position: fixed;
    width: 25px;
    right: 0;
    height: 100%;
    z-index: 9999;
}

#preloader {
    position: fixed;
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 1000;
}

#status {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    transform: translate(-50%, -50%);
    background-image: url(//daniartdesign.ro/wp-content/themes/arsitek/img/loading.gif);
}

/*-----------------------------------------------------------------------------------*/
/*  2. Header
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/*  2.1. Header Style 1
/*-----------------------------------------------------------------------------------*/

.header-style-1-wrap .fl {
    float: left;
}
.header-style-1-wrap .fr {
    float: right;
}

.header-style-1-wrap .main-menu {
    float: left;
}

.header-style-1-wrap .main-menu ul.sm-clean>li+li {
    margin-left: 30px;
}

.header-style-1-wrap .main-menu ul.sm-clean>li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header-style-1-wrap .main-menu ul.sm-clean>li>a {
    font-size: 16px;
    color: #000000;
    position: relative;
    display: block;
    padding: 0.65em 0;
    -webkit-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
    transition: opacity 0.2s linear, color 0.2s linear;
}

.header-style-1-wrap ul.sm-clean ul {
    border: none;
    background-color: #000;
    border-radius: 0 !important;
    padding: 5px 0;
}

.header-style-1-wrap ul.sm-clean ul:before, .header-style-1-wrap ul.sm-clean ul:after {
    content: none;
}

.header-style-1-wrap ul.sm-clean ul li a {
    color: #ffffff;
    font-size: 14px;
    padding: 5px 20px;
}

.header-style-1-wrap ul.sm-clean ul li a:hover {
    background: none;
    opacity: 0.7;
}

ul.sm-clean > li > a span.sub-arrow {
    right: -10px;
}

.header-style-1 .search-wrap {
    float: right;
    padding: 20px 0;
    line-height: 35px;
    display: flex;
}

.header-style-1 .search-wrap button {
    font-size: 18px;
    margin-left: 30px;
    cursor: pointer;
    z-index: 10;
}

.header-style-1 .search {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.95);
}

.js .header-style-1 .search {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.header-style-1 .search::before,
.header-style-1 .search::after {
    content: '';
    position: absolute;
    width: calc(100% + 15px);
    height: calc(100% + 15px);
    pointer-events: none;
    border: 1.5em solid #f1f1f1;
}

.header-style-1 .search::before {
    top: 0;
    left: 0;
    border-right-width: 0;
    border-bottom-width: 0;
}

.header-style-1 .search::after {
    right: 0;
    bottom: 0;
    border-top-width: 0;
    border-left-width: 0;
}

.header-style-1 .btn--search-close {
    color: #fff;
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none;
    cursor: pointer;
}

.js .header-style-1 .btn--search-close {
    display: block;
}

.header-style-1 .search__form {
    margin-top: 5em;
}

.header-style-1 .search__input {
    font-family: inherit;
    font-size: 10vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: 0;
    color: #ffffff;
    border: none;
    border-bottom: 2px solid;
    height: 190px;
    background-color: transparent;
}

.header-style-1 .search--open button.submit {
    display: none;
}

.header-style-1 .search__input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #ffffff;
}

.header-style-1 .search__input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #ffffff;
}

.header-style-1 .search__input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #ffffff;
}

.header-style-1 .search__input::-webkit-search-cancel-button,
.header-style-1 .search__input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.header-style-1 .search__input::-ms-clear {
    display: none;
}

.header-style-1 .search__info {
    font-weight: bold;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 0.85em 0;
    text-align: right;
    color: #ffffff;
}

.header-style-1 .search__related {
    display: block;
    width: 75%;
    pointer-events: none;
    margin-top: 5vw;
}

.header-style-1 .search__suggestion {
    width: 100%;
    max-width: 100%;
    text-align: left;
}

.header-style-1 .search__suggestion:nth-child(2) {
    margin: 0 3em;
}

.header-style-1 .search__suggestion h4 {
    color: #ffffff;
    position: relative;
    padding-left: 35px;
}

.header-style-1 .search__suggestion h4::before {
    content: "";
    display: block;
    width: 25px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 11px;
}

.header-style-1 .search__suggestion p {
    color: #ffffff;
}

.js .header-style-1 .search {
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}

.js .header-style-1 .search--open {
    pointer-events: auto;
    opacity: 1;
}

.header-style-1 .search::before,
.header-style-1 .search::after {
    transition: transform 0.5s;
}

.header-style-1 .search::before {
    transform: translate3d(-15px, -15px, 0);
}

.header-style-1 .search::after {
    transform: translate3d(15px, 15px, 0);
}

.header-style-1 .search--open::before,
.header-style-1 .search--open::after {
    transform: translate3d(0, 0, 0);
}

.header-style-1 .btn--search-close {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.header-style-1 .search--open .btn--search-close {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.js .header-style-1 .search__form,
.js .header-style-1 .search__info {
    opacity: 0;
    transform: scale3d(0.8, 0.8, 1);
    transition: opacity 0.5s, transform 0.5s;
}

.js .header-style-1 .search--open .search__form,
.js .header-style-1 .search--open .search__info {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.header-style-1 .search__suggestion {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
    transition: opacity 0.5s, transform 0.5s;
}

.header-style-1 .search--open .search__suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.header-style-1 .search--open .search__suggestion:nth-child(2) {
    transition-delay: 0.1s;
}

.header-style-1 .search--open .search__suggestion:nth-child(3) {
    transition-delay: 0.2s;
}

@media screen and (max-width:40em) {
    .header-style-1 .search__form {
        margin: 5em 0 1em;
    }
    .header-style-1 .btn--search-close {
        font-size: 1.25em;
        top: 1.5em;
        right: 1.5em;
    }
    .header-style-1 .search__info {
        text-align: left;
    }
    .header-style-1 .search__suggestion {
        font-size: 80%;
        width: 100%;
    }
    .header-style-1 .search__suggestion:nth-child(2),
    .header-style-1 .search__suggestion:nth-child(3) {
        display: none;
    }
}

.header-style-1 .page-title {
    margin-top: 0;
}

.sticky-header-wrap {
    position: fixed;
    width: 100%;
    max-width: 100%;
    z-index: 302;
}
.sticky-header-wrap.show {
    position: absolute;
    top: 0;
    display: none;
}
.sticky-header-gap.show {
    display: none;
}
#perspective .sticky-header-gap {
    display: none;
}

/* 2.1.1. Search Form */
.search-form.default-search {
    float: left;
    margin-left: 30px;
    padding: 10px 0;
}
.search-form.default-search .searchform {
    position: relative;
    width: 100%;
}
.search-form.default-search .searchform input.field {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    color: #000000;
}

.default-search .search-button {
    position: absolute;
    top: 0;
    right: 10px;
    display: flex;
    color: #999999;
    padding: 10px 0;
    font-size: 20px;
    border: none;
    cursor: pointer;
}

.default-search .search-button i {
    display: flex;
    font-size: 18px;
}

/* 2.4. Header Style 4 */

#showMenu {
    width: 25px;
    height: 20px;
    position: relative;
    margin: 27px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#showMenu span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #000000;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#showMenu span:nth-child(1) {
    top: 0px;
}

#showMenu span:nth-child(2) {
    top: 9px;
}

#showMenu span:nth-child(3) {
    bottom: 0;
}

#showMenu.open span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#showMenu.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#showMenu.open span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

html,
body,
.perspective {
    width: 100%;
    height: 100%;
}

.header-style-4 #showMenu,
.header-style-6 #showMenu {
    float: right;
}

.menu-style-perspective ul.menus {
    list-style: none;
}
.menu-style-perspective ul.sub-menu {
    display: block;
}

.perspective .sm a {
    font-size: 40px;
    margin-bottom: 5px;
    font-weight: 600;
}
.perspective .top li {
    text-align: center;
}
.perspective {
    background: #aaa;
    position: relative;
}

.container-header-burger {
    background: transparent;
    min-height: 100%;
    position: relative;
    outline: 1px solid rgba(0, 0, 0, 0);
    z-index: 10;
    -webkit-transform: translateZ(0) translateX(0) rotateY(0deg);
    transform: translateZ(0) translateX(0) rotateY(0deg);
}

.container-header-burger::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2)
    -webkit-transition: opacity 0.4s, height 0s 0.4s;
    transition: opacity 0.4s, height 0s 0.4s;
}
.effect-airbnb .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.wrapper-header-burger {
    position: relative;
}

.component {
    margin: 0 auto;
    width: 60%;
    text-align: justify;
    font-size: 1.5em;
}

.perspective.modalview {
    position: fixed;
    -webkit-perspective: 1500px;
    perspective: 1500px;
}

.modalview .container-header-burger {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.modalview .wrapper-header-burger {
    -webkit-transform: translateZ(-1px);
}

.animate .container-header-burger::after {
    opacity: 1;
    height: 101%;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.outer-nav {
    position: absolute;
    height: auto;
    font-size: 2em;
}

.outer-nav.vertical {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav.horizontal {
    left: 50%;
    width: 75%;
    max-width: 1000px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.outer-nav.left {
    left: 25%;
}

.outer-nav.right {
    right: 25%;
}

.outer-nav.top {
    top: 25%;
}

.outer-nav.bottom {
    bottom: 25%;
}

.outer-nav a {
    display: inline-block;
    white-space: nowrap;
    font-weight: 300;
    margin: 0 0 30px 0;
    color: #fff;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.outer-nav a:hover {
    color: #ffdccd;
}

.outer-nav.vertical a {
    display: block;
}

.outer-nav.horizontal a {
    margin: 15px 20px;
}

.outer-nav a::before {
    display: inline-block;
    font-family: 'typicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    margin-right: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.icon-news::before {
    content: "\e600"
}

.icon-home::before {
    content: "\e601"
}

.icon-image::before {
    content: "\e602"
}

.icon-upload::before {
    content: "\e603"
}

.icon-star::before {
    content: "\e604"
}

.icon-mail::before {
    content: "\e605"
}

.icon-lock::before {
    content: "\e606"
}

.icon-chart-pie::before {
    content: "\e607"
}

.effect-airbnb {
    background: #f4f3f1;
}

.effect-airbnb .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-airbnb.animate .container-header-burger {
    -webkit-transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
    transform: translateZ(-50px) translateX(50%) rotateY(-45deg);
}

.no-csstransforms3d .effect-airbnb.animate .container-header-burger {
    left: 75%;
}

.effect-airbnb .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-airbnb.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.effect-airbnb.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-airbnb.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-airbnb.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-airbnb.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-airbnb.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-airbnb.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-moveleft {
    background: #f4f3f1;
}

.effect-moveleft .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-moveleft .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.effect-moveleft.animate .container-header-burger {
    -webkit-transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
    transform: translateX(-50%) rotateY(45deg) translateZ(-50px);
}

.no-csstransforms3d .effect-moveleft.animate .container-header-burger {
    left: -75%;
}

.effect-moveleft .outer-nav a {
    color: #e86a32;
    opacity: 0;
    -webkit-transform: translateX(100px) translateZ(-1000px);
    transform: translateX(100px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-moveleft .outer-nav a:hover {
    color: #333;
}

.effect-moveleft.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}

.effect-moveleft.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-moveleft.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-moveleft.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-moveleft.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-moveleft.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-moveleft.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-rotateleft {
    background: #e96e4f;
}

.effect-rotateleft .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}

.effect-rotateleft .container-header-burger::after {
    background: rgba(255, 255, 255, 0.6);
}

.effect-rotateleft.animate .container-header-burger {
    -webkit-transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
    transform: translateZ(-1800px) translateX(-50%) rotateY(45deg);
}

.no-csstransforms3d .effect-rotateleft.animate .container-header-burger {
    left: -75%;
}

.effect-rotateleft .outer-nav a {
    opacity: 0;
    -webkit-transform: translateX(350px) translateZ(-1000px);
    transform: translateX(350px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-rotateleft.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateX(0) translateZ(0);
    transform: translateX(0) translateZ(0);
}

.effect-rotateleft.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-rotateleft.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-movedown {
    background:transparent;
}

.effect-movedown .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-movedown .container-header-burger::after {
    background: rgba(52, 73, 94, 0.5);
}

.effect-movedown.animate .container-header-burger {
    -webkit-transform: translateY(100%) translateZ(-1500px);
    transform: translateY(100%) translateZ(-1500px);
}

.no-csstransforms3d .effect-movedown.animate .container-header-burger {
    top: 75%;
}

.effect-movedown .outer-nav a {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-movedown .outer-nav a:hover {
    color: #ed8151;
}

.effect-movedown.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.effect-movedown.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-movedown.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-movedown.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-movedown.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-movedown.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-movedown.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-rotatetop {
    background: #edcdbb;
}

.effect-rotatetop .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.effect-rotatetop .container-header-burger::after {
    background: rgba(94, 59, 43, 0.6);
}

.effect-rotatetop.animate .container-header-burger {
    -webkit-transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
    transform: translateZ(-1500px) translateY(-50%) rotateX(-45deg);
}

.no-csstransforms3d .effect-rotatetop.animate .container-header-burger {
    top: -75%;
}

.effect-rotatetop .outer-nav a {
    opacity: 0;
    color: #ed8151;
    -webkit-transform: translateY(200px) translateZ(-1000px);
    transform: translateY(200px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-rotatetop .outer-nav a:hover {
    color: #777;
}

.effect-rotatetop.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.effect-rotatetop.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-rotatetop.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

.effect-laydown {
    background: #b8b6b4;
}

.effect-laydown .container-header-burger {
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    -webkit-transform-origin: 50% 150%;
    transform-origin: 50% 150%;
}

.effect-laydown.animate .container-header-burger {
    -webkit-transform: translateZ(-1500px) rotateX(80deg);
    transform: translateZ(-1500px) rotateX(80deg);
}

.no-csstransforms3d .effect-laydown.animate .container-header-burger {
    top: 75%;
}

.effect-laydown .outer-nav a {
    opacity: 0;
    -webkit-transform: translateY(-200px) translateZ(-1000px);
    transform: translateY(-200px) translateZ(-1000px);
    -webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s;
}

.effect-laydown.animate .outer-nav a {
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.effect-laydown.animate .outer-nav a:nth-child(7) {
    -webkit-transition-delay: 0.0s;
    transition-delay: 0.0s;
}

.effect-laydown.animate .outer-nav a:nth-child(6) {
    -webkit-transition-delay: 0.04s;
    transition-delay: 0.04s;
}

.effect-laydown.animate .outer-nav a:nth-child(5) {
    -webkit-transition-delay: 0.08s;
    transition-delay: 0.08s;
}

.effect-laydown.animate .outer-nav a:nth-child(4) {
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
}

.effect-laydown.animate .outer-nav a:nth-child(3) {
    -webkit-transition-delay: 0.16s;
    transition-delay: 0.16s;
}

.effect-laydown.animate .outer-nav a:nth-child(2) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.effect-laydown.animate .outer-nav a:first-child {
    -webkit-transition-delay: 0.24s;
    transition-delay: 0.24s;
}

/* 2.5. Header Elements */
.main-menu-btn {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  text-indent: 28px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  display: none;
}
#header {
    max-width: 100%;
}
/* hamburger icon */
.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #bbb;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}
.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}
/* x icon */
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* hide menu state checkbox (keep it visible to screen readers) */
#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px,1px,1px,1px);
visibility: hidden;
}
/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}
#main-menu-state:checked ~ #main-menu {
  display: block;
}
#header.inner-head-wrap {
    margin-left: auto;
    margin-right: auto;
    z-index: 101;
    position: relative;
}
#content {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
.header-clear {
    position: relative;
    max-width: 100%;
}
#header .fc {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center; 
}
#header .fc .logo {
    float: none;
}
#header .fc .logo img {
    margin: auto;
}

#header .fl.horizontal .head-item {
    float: left;
}
#header .fc.horizontal .head-item {
    display: inline-block;
}
#header .fr.horizontal .head-item {
    float: right;
}

.header-social ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}
.header-social ul li {
    display: inline-block;
    margin-right: 10px;
}
.header-social ul li:last-child {
    margin-right: 0;
}

.logo {
    float: left;
    position: relative;
    z-index: 100;
}

.logo h2.site-title {
    margin-bottom: 0;
}

.mobile-menu {
    display: none;
}

/*-----------------------------------------------------------------------------------*/
/*  3. Standard Page
/*-----------------------------------------------------------------------------------*/

.page-template-default #content {
    padding: 80px 0;
}
.page-content-wrap {
    padding: 80px 0;
}

.blog .blog,
.blog-content-wrap .blog {
    padding: 80px 0;
}
.single-post-wrap .blog {
    padding: 80px 0;
}

/* 3.1. Page Title */
.page-title {
    margin: 60px 0;
    text-align: center;
}

.page-title h2 {
    color: #000;
    font-weight: 500;
}

.page-title span {
    display: block;
    margin: 0;
    font-size: 42px;
    font-weight: 600;
    line-height: 34px;
    color: #e0e0e0;
}

/*-----------------------------------------------------------------------------------*/
/*  4. 404 Page
/*-----------------------------------------------------------------------------------*/

.error404 .outer {
    display: table;
    width: 100%;
}

.error404 .outer .inner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.not-found .inner h1 {
    line-height: 1;
    font-weight: 600;
    font-size: 34vmin;
}

.not-found .inner h3 {
    line-height: 1.6;
}

.not-found .inner h3 span {
    display: block;
}

.not-found .inner a {
    font-size: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*  5. Post Formats
/*-----------------------------------------------------------------------------------*/

/* gallery */
.standard-carousel-slider {
    position: relative;
}
.magazine-1-post-style .slider-wrapper,
.magazine-2-post-style .slider-wrapper {
    margin-top: 20px;
}
.format-gallery .post-thumb {
    position: relative;
}
.format-gallery .post-thumb span.play-icon i {
    display: inline-flex;
    font-size: 3em;
    background-color: #61c436;
    padding: 14px 14px;
    color: #ffffff;
    border-radius: 100%;
    webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.format-gallery .post-thumb:hover span.play-icon i {
    opacity: 0.7;
}
.standard-carousel-slider .slider-pagination i {
    position: absolute;
    top: 50%;
    z-index: 99;
    background-color: rgba(17, 17, 17, 0.4);
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    vertical-align: middle;
    color: #ffffff;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.standard-carousel-slider .slider-pagination i:hover {
    background-color: rgba(17, 17, 17, 0.7);
}
.standard-carousel-slider .slider-pagination i.running-news-prev {
    left: 10px;
}
.standard-carousel-slider .slider-pagination i.running-news-next {
    right: 10px;
}

.blog-section .post-car-arrow-wrap.on-bottom {
    position: absolute;
    bottom: 0;
    left: auto;
    z-index: 1;
    right: 0;
    cursor: pointer;
}


/* video */
.magazine-1-post-style .featured-video,
.magazine-2-post-style .featured-video {
    margin-top: 20px;
}
.format-video .post-thumb {
    position: relative;
}
.format-video .post-thumb span.play-icon, .format-gallery .post-thumb span.play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.format-video .post-thumb span.play-icon i {
    display: inline-flex;
    font-size: 4em;
    background-color: #61c436;
    padding: 5px 6px;
    color: #ffffff;
    border-radius: 100%;
    webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.666);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.666); 
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.format-video .post-thumb:hover span.play-icon i {
    opacity: 0.7;
}
.featured-video iframe {
    width: 100%;
    max-width: 100%;
}
.featured-video iframe:-webkit-full-screen {
    z-index: 999999 !important;
}

.featured-video .wp-video, .featured-video .mejs-container {
    width: 100% !important;
}

/*-----------------------------------------------------------------------------------*/
/*  5. Post Loop
/*-----------------------------------------------------------------------------------*/

.post-content-wrap {
    position: relative;
}
.blog-item {
    margin-bottom: 40px;
}
.blog-item .post-thumb {
    position: relative;
    overflow: hidden;
}
.blog-section .blog-item .post-thumb img {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
    transition: opacity .2s ease-in-out,-webkit-transform .5s ease;
    transition: transform .5s ease,opacity .2s ease-in-out;
    transition: transform .5s ease,opacity .2s ease-in-out,-webkit-transform .5s ease;
}
.blog-section .blog-item:hover .post-thumb img {
    -webkit-transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
    transform: scale3d(1.1,1.1,1) translate3d(0,0,0);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease;
}
.blog-section .blog-item .post-thumb .arsitek-overlay {
    position: absolute;
    background-color: #000;
    display: block;
    left: 0;
    top: 0;
    width: 103%;
    height: 103%;
    z-index: 10;
    -webkit-transform: translate(-1px,-1px);
    -ms-transform: translate(-1px,-1px);
    transform: translate(-1px,-1px);
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
}
.blog-section .blog-item:hover .post-thumb .arsitek-overlay {
    opacity: .3;
}

/* 5.1. Blog Loop Meta */
.blog-item .meta-wrapper {
    font-size: 13px;
}
.blog-item .meta-wrapper span.date,
.blog-item .meta-wrapper span.standard-post-categories {
    padding-left: 30px;
    display: inline-block;
    position: relative;
}
.blog-item .meta-wrapper span.date:before,
.blog-item .meta-wrapper span.standard-post-categories:before {
    content: "||";
    text-align: center;
    display: block;
    width: 25px;
    height: 1px;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
}
.blog-item .meta-wrapper span.date.no-author:before, .blog-item .meta-wrapper span.standard-post-categories.no-other:before {
    display: none;
}
.blog-item .meta-wrapper span.date.no-author, .blog-item .meta-wrapper span.standard-post-categories.no-other {
    padding: 0;
}
.blog-item .meta-wrapper a {
    color: #000000;
    font-weight: 600;
    letter-spacing: 0.025em;
}
.blog-item .meta-wrapper a:hover {
    color: #666666;
}
.blog-item ul.post-categories {
    list-style: none;
    padding: 0;
    display: inline-block;
}
.blog-item ul.post-categories li {
    display: inline-block;
}

.blog-style-1-block {
    position: relative;
}

/* 5.2. Blog Loop - Style 2 */
.blog-style-2 article.blog-item {
    position: relative;
    max-height: 300px;
    overflow: hidden;
}
.blog-style-2 .post-content-style-2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    width: 100%;
}
.blog-style-2 .post-content-style-2 h2.post-title {
    font-size: 42px;
    margin-bottom: 0;
}

.blog-style-2 .img-loaded img {
    opacity: 0;
    width: 100%;
    height: 100%;
}
.blog-style-2 article.blog-item:hover .img-loaded img {
    opacity: 1;
}
.blog-style-2 article.blog-item:hover .post-content-style-2 h2.post-title a {
    color: #fff;
}
.elementor .blog-section.blog-style-2 article.blog-item {
    max-height: 100%;
}
.blog-style-2 .navigation-paging {
    margin: 0;
}
.blog-style-2 {
    position: relative;
}
.elementor .blog-section.blog-style-2 .post-thumb {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    background-size: cover;
}
.elementor .blog-section.blog-style-2 .blog-item:hover .post-thumb {
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.post-password-form p:nth-child(2) {
    background-color: #f2f2f2;
    padding: 20px;
    text-align: center;
}
.post-password-form input[type="password"] {
    background-color: #ffffff;
    border-color: #ffffff;
}
.post-password-form input[type="submit"] {
    background-color: #000000;
}

/* 5.3. Blog Loop - Style 3 */
.post-grid-style3 .blog-item {
    float: left;
}
.post-grid-style3.blog-section .blog-item .post-thumb img {
    -webkit-transform: none;
    transform: none;
}
.blog-style-3 .navigation-paging {
    margin: 0;
}

/* 5.4. Blog Loop Content */
.blog-section .blog-item .post-content {
    text-align: center;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 100%;
}
.sticky.blog-item .post-content {
    position: relative;
}
.elementor .blog-section .blog-item .post-content {
    margin-bottom: 0;
}
.elementor .pagination-page-template a {
    padding: 10px 20px;
}

.blog-item .blog-item.has-post-thumbnail .post-content {
    margin-top: 0;
}
.blog-item .post-content .post-title {
    margin-top: 20px;
    margin-bottom: 10px;
}
.blog-item .post-text {
    margin-top: 15px;
}

/* 5.5. Blog Read More Button */
.blog-item .read-more {
    margin-top: 15px;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #000000;
    margin-bottom: 30px;
    line-height: 1.6;
}
.blog-item .read-more:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000; 
}

/* 5.6. Blog Pagination Style 1 */
.pagination-page-template {
    padding: 40px 0;
}
.navigation-paging {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.infinite-wrap.text-left {
    text-align: left;
}
.infinite-wrap.text-center {
    text-align: center;
}
.infinite-wrap.text-right {
    text-align: right;
}
.elementor .navigation-paging {
    margin: 0;
}
.elementor .navigation-paging.no-shadow a, .elementor .navigation-paging.no-shadow button, .infinite-wrap.style-2.no-shadow .btn:hover {
    box-shadow: none;
}

/* 5.7. Blog Pagination Style 2 */
.infinite-wrap.style-2, .infinite-wrap.style-3 {
    border: 0;
}
.infinite-wrap.style-2 .btn  {
    border: 1px solid #000000;
    background-color: transparent;
    color: #000000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.infinite-wrap.style-2 .btn:hover {
    color: #ffffff;
    background-color: #000000;
    box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.34);
}
.pagination-num .btn {
    padding: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 41px;
    margin-right: 5px;
    border: 2px solid #000;
}
.pagination-num .btn.current {
    cursor: default;
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
}
.pagination-num .btn.current:hover {
    box-shadow: none;
}

/* 5.8. Blog Pagination Style 3 */
.infinite-wrap.style-3 .btn  {
    color: #000000;
    position: relative;
    background-color: transparent;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.infinite-wrap.style-3 .btn:hover {
    box-shadow: none;
}
.infinite-wrap.style-3 .btn:before  {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.infinite-wrap.style-3 .btn:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.infinite-wrap,
#infscr-loading,
#infscr-loading img {
    text-align: center;
    margin: 0 auto;
}
.infinite-container {
    position: relative;
}
#infscr-loading {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  6. Single Post
/*-----------------------------------------------------------------------------------*/

.blog-single .meta-bottom {
    margin-bottom: 10px;
}

/* 6.1. Single Post Meta */
.blog-item .post-meta {
    float: left;
    margin-top: 2px;
}
.blog-item .share-section {
    float: right;
    width: 50%;
    max-width: 100%;
    text-align: right;
}
.social-share-wrapper span {
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.magazine-1-post-style .social-share-wrapper span,
.magazine-2-post-style .social-share-wrapper span, 
.magazine-3-post-style .social-share-wrapper span {
    display: none;
}
.share-section .social-share-wrapper div {
    display: inline-block;
    margin: 0 5px;
}
.share-section .social-share-wrapper .share-item.facebook {
    margin-left: 0;
}
.share-section .social-share-wrapper .share-item.pinterest {
    margin-right: 0;
}
.social-share-wrapper i {
    font-size: 16px;
    position: relative;
    top: 3px;
}

/* 6.2. Single Post Tag */
.tag-wrapper {
    float: left;
    width: 50%;
    max-width: 100%;
}
.tag-wrapper span {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}
.tag-wrapper i {
    font-size: 22px;
    position: relative;
    margin-right: 5px;
    top: 6px;
}
.tag-wrapper a {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.025em; 
}

/* 6.3. Single Post Author */
.blog-single .post-author {
    margin-top: 30px;
    padding: 30px 0;
    border-top: 1px solid #ccc;
}
.blog-single .post-author .author-ava {
    float: left;
    margin-right: 20px;
}
.blog-single .post-author .author-ava img {
    border-radius: 50%;
}
.blog-single .post-author .author-desc {
    overflow: hidden;
}
.blog-single .post-author .author-desc p {
    margin-bottom: 0;
}
.blog-single .post-author .author-name {
    margin-bottom: 10px;
}
.blog-single .post-author .author-name a {
    font-weight: 600;
}

/* 6.4. Single Post Pagination */
.next-prev-post {
    background-color: transparent;
    padding: 30px 0;
    border-top: 2px solid;
    border-bottom: 2px solid;
    margin-top: 20px;
}
.next-prev-post .next-post {
    float: right;
    text-align: right;
}
.next-prev-post .prev-post p,
.next-prev-post .next-post p {
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 600;
    color: #000000;
}
.next-prev-post h4.title {
    margin-bottom: 0;
}
.next-prev-post h4.title a {
    color: #000000;
}

/* 6.5. Author Box */
.author-box {
    background-color: #000000;
    padding: 40px;
    margin-bottom: 40px;
}
.author-box figure.author-ava {
    float: left;
    margin-right: 30px;
}
.author-box .author-desc h2,
.author-box .author-desc p {
    color: #ffffff;
}
.author-box .author-desc .social-profile ul {
    padding: 0;
    list-style: none;
    margin-top: 30px;
    overflow: hidden;
}
.author-box .author-desc .social-profile ul li {
    float: left;
    margin-right: 10px;
}
.author-box .author-desc .social-profile ul li a {
    background: #171717;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding-top: 11px;
    text-align: center;
    width: 40px;
    height: 29px;
}
.author-box .author-desc .social-profile ul li a:hover {
    opacity: 0.5;
}
.author-post h3.post-by {
    font-weight: 700;
    font-size: 20px;
}

/* 6.6. Related Post */
.related-content {
    margin-top: 30px;
}
.related-title {
    margin-top: 10px;
}

/* 6.7. Single Post Comment Section */
.comment-list {
    padding: 0;
    list-style: none;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.comment-list ul {
    padding: 0;
    list-style: none;
}
.comments-area {
    margin-top: 30px;
}
.comments-title {
    margin-bottom: 15px;
}
.comments-title h3 {
    margin-bottom: 0;
    float: left;
    font-weight: 500;
    text-transform: none;
}
.comments-title .leave-reply-link a {
    float: right;
    margin: 0;
}
.comment {
    position: relative;
}
.comment-body {
    padding: 0.75em 0 .5em;
}
.comment-body img.avatar {
    border-radius: 50%;
    max-width: 40px;
    right: auto;
    float: left;
    margin-right: 10px;
}
.comment-body .meta-comment {
    overflow: hidden;
    margin-top: 5px;
}
.comment-author {
    margin-bottom: 0.25em;
    font-size: 16px;
    line-height: 18px;
    color: #999;
}
.comment-author cite {
    color: #000000;
    font-weight: 900;
    letter-spacing: -0.025em;
}
.comment-author time {
    font-size: 13px;
    margin-left: 5px;
    font-weight: 500;
}
.comment-content {
    font-size: 15px;
    line-height: 22px;
}
.comment-action {
    margin-top: -0.75em;
    font-size: 14px;
    font-weight: 400;
}
.comment-action a {
    color: #999;
}
.comment-action a.comment-edit-link {
    margin-right: 5px;
}
.children .comment {
    padding-left: 20px;
}
.children .comment-body img.avatar {
    max-width: 30px;
}
.children .comment-author cite {
    font-size: 14px;
}
.comment-respond h3.comment-reply-title {
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: none;
}
a#cancel-comment-reply-link {
    float: right;
    font-size: 16px;
}
.comment-respond {
    padding: 10px 0 20px;
}
.comment-respond form p.logged-in-as a {
    color: #999;
    font-size: 14px;
    letter-spacing: 0.025em;
}
.comment-respond form p.logged-in-as a:hover {
    color: #000000;
}
.comment-respond form p label {
    display: none;
}
.comment-respond form p input,
.comment-respond form p textarea {
    background-color: #ffffff;
    width: 100%;
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 14px;
    padding: 10px;
    height: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.comment-respond form p input:hover,
.comment-respond form p textarea:hover,
.comment-respond form p input:focus,
.comment-respond form p textarea:focus {
    background: #f9f9f9;
}
.comment-respond form p input {
    width: auto;
}
.comments-area .comment-respond form p.comment-form-author,
.comments-area .comment-respond form p.comment-form-email,
.comments-area .comment-respond form p.comment-form-url {
    width: 33.333%;
    float: left;
}
.comments-area .comment-respond form p.comment-form-author {
    padding-left: 0;
}
.comments-area .comment-respond form p.comment-form-url {
    padding-right: 0;
}
.comment-respond form p.form-submit {
    margin-bottom: 0;
}
.comment-respond form p.form-submit input {
    display: inline-block;
    color: #fff;
    background-color: #000000;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 0.025em;
    width: auto;
    border: none;
    margin-top: 0;
    cursor: pointer;
}
.comment-respond form p.form-submit input:hover {
    box-shadow: 0 3px 6px -3px rgba(0,0,0,0.33);
}

/*-----------------------------------------------------------------------------------*/
/*  7. Single Post Magazine Style
/*-----------------------------------------------------------------------------------*/

.magazine-post-style .post-content-wrap {
    position: relative;
    width: calc(100% - 60px);
    float: right;
}
.magazine-post-style .blog-section .post-content-wrap {
    width: auto;
    float: none;
    background: #ffffff;
    padding: 6%;
    border-bottom: 1px solid #e7e7e7
}
.magazine-post-style .standard-post-categories .post-categories li {
    display: inline-block;
}
.magazine-post-style .standard-post-categories .post-categories a {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.025em;
    position: relative;
    display: inline-block;
    color: #fff;
    background-color: #61c436;
    padding: 5px 15px 3px 15px;
    border-radius: 25px;
    margin-right: 5px;
}
.magazine-post-style .standard-post-categories .post-categories a:hover {
    background-color: #111111;
}
.magazine-post-style .post-content h3.post-title {
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}
.magazine-post-style .post-meta span.author img {
    float: left;
    display: inline-block;
    border-radius: 50%;
    margin-right: 10px;
}
.magazine-post-style .post-meta a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #999;
}
.magazine-post-style .post-meta a:hover {
    color: #61c436;
}
.magazine-post-style .post-meta i {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: middle;
}
.magazine-post-style .post-text {
    margin-top: 20px;
}
.magazine-post-style .post-meta span.date {
    margin: 0 10px;
}
.magazine-post-style .read-more {
    font-size: 16px;
    font-weight: 900;
    display: inline-block;
    border-bottom: 2px solid #000;
}
.magazine-post-style .read-more:hover {
    color: #111111;
    border-bottom: 2px solid #111111;
}

/* 7.1. Share Magazine Style */
.magazine-post-style .share-section {
    overflow: hidden;   
    width: 39px;
    float: left;
    margin-top: 30px;
    padding-bottom: 20px;
}
.magazine-post-style .social-share-wrapper div {
    display: inline-block;
    margin: 15px 0 0;
}
.magazine-post-style .social-share-wrapper a {
    padding: 5px 10px;
    margin: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}
.magazine-post-style .social-share-wrapper a:hover {
    opacity: 0.7;
}
.magazine-post-style .social-share-wrapper i {
    position: relative;
    top: 3px;
    font-size: 18px;
}
.magazine-post-style .social-share-wrapper .google i,
.magazine-post-style .social-share-wrapper .pinterest i,
.magazine-post-style .social-share-wrapper .onoffswitch i,
.magazine-post-style .social-share-wrapper .onoffswitch2 i {
    margin: 0;
}
.magazine-post-style .social-share-wrapper .facebook a {
    background-color: #2d5f9a;
}
.magazine-post-style .social-share-wrapper .twitter a {
    background-color: #00c3f3;
}
.magazine-post-style .social-share-wrapper .google a {
    background-color: #db4437;
    padding: 5px 10px;
}
.magazine-post-style .social-share-wrapper .pinterest a {
    background-color: #cd252b;
    padding: 5px 10px;
}

/* 7.2. Standard Page - Prev & Next Post */
.magazine-post-style .next-prev-post {
    margin-top: 3rem;
        width: calc(100% - 60px);
    float: right;
}
.magazine-post-style .next-prev-post .column p {
    margin: 0;
    font-size: 14px;
    opacity: 0.666;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 1rem;
}
.magazine-post-style .next-prev-post .column p i {
    display: inline-flex;
    font-size: 22px;
    vertical-align: middle;
    color: #61c436;
}
.magazine-post-style .next-prev-post .prev-post {
    text-align: left;
}

.magazine-post-style .next-prev-post .prev-post i {
    margin-right: 5px;
}
.magazine-post-style .next-prev-post .next-post {
    text-align: right;
    float: right;
}
.magazine-post-style .next-prev-post .next-post i {
    margin-left: 5px;
}

/* 7.3. Standard Page - Author Box */
.magazine-post-style .post-author {
    background-color: #ffffff;
    width: calc(100% - 60px);
    float: right;
}
.magazine-post-style .author-wrap {
    padding: 30px;
}
.magazine-post-style .post-author .author-ava {
    float: left;
    margin-right: 30px;
}
.magazine-post-style .author-ava img {
    border-radius: 50%;
}
.magazine-post-style .author-desc {
    overflow: hidden;
}
.magazine-post-style .author-name {
    margin-bottom: 0.75rem;
}
.magazine-post-style .author-desc a {
    font-size: 18px;
    font-weight: 600;
    color: #61c436;
}
.magazine-post-style .author-desc span {
    font-size: 18px;
    color: #000000;
}
.magazine-post-style .author-desc p {
    margin: 0;
    font-size: 16px;
}

/* 7.4. Standard Page - Related Post */
.related-content .post-meta span.author img {
    float: left;
    display: inline-block;
    border-radius: 50%;
    margin-right: 15px;
}
.related-content .post-meta span.author-name {
    font-size: 15px;
    font-weight: 900;
    color: #000;
}
.magazine-post-style .related-content {
    margin-top: 3rem;
    width: calc(100% - 50px);
    float: right;
}
.magazine-post-style .related-content h3 {
    font-weight: 900;
    text-transform: uppercase;
}
.magazine-post-style .related-title h4 {
    padding-top: 0.75em;
    margin-bottom: 0.75em;
}
.magazine-post-style .content-related-post .post-meta {
    border: none;
}
.magazine-post-style .related-content .post-meta span.author-name {
    color: #000;
}
.magazine-post-style .related-content .post-meta span.author-name:hover {
    color: #61c436;
}
.magazine-post-style .related-content .post-meta span.author-name span {
    color: #999;
    font-weight: 400;
}
.blog-single .magazine-post-style .post-meta {
    float: none;
}
.blog-single .magazine-post-style .post-meta span.author {
    float: left;
    width: 50%;
}
.magazine-post-style .post-meta span.author-name {
    font-size: 15px;
    font-weight: 900;
}
.magazine-post-style .post-meta span.author-separator {
    color: #999;
    font-weight: 400;
}
.magazine-post-style .post-meta span.vcard {
    color: #000000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.magazine-post-style .post-meta span.vcard:hover {
    color: #61c436;
}
.blog-single .magazine-post-style p.date {
    color: #999999;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.025em;
}
.blog-single .magazine-post-style .post-meta > span:after {
    display: none;
}
.blog-single .magazine-post-style .post-meta span.author img {
    margin-right: 15px;
}
.blog-single .magazine-post-style span.eta:before {
    content: '/';
    display: inline-block;
    margin: 0 5px;
    color: #999;
}
.blog-single .magazine-post-style .post-meta span.right-section {
    float: right;
    margin-top: 10px;
}
.magazine-post-style .post-meta span.right-section .meta {
    display: inline-block;
    margin-left: 20px;
}
.blog-single .magazine-post-style .post-meta i {
    color: #111111;
    font-size: 26px;
    margin-right: 10px;
}
.blog-single .magazine-post-style .post-meta span.right-section span {
    font-size: 16px;
}
.magazine-post-style .post-text a {
    color: #61c436;
    font-weight: 600;
}
.magazine-post-style .post-text a:hover {
    color: rgba(0,0,0,.7);
}
.magazine-post-style figure.wp-caption.alignleft {
    margin-right: 20px;
}
.magazine-post-style figure.wp-caption.alignnone,
.magazine-post-style figure.wp-caption.aligncenter {
    margin-bottom: 20px;
}
.magazine-post-style figure.wp-caption.alignright {
    margin-left: 20px;
}
.magazine-post-style .tag-wrapper {
    margin-top: 3rem;
}
.magazine-post-style .tag-wrapper a {
    display: inline-block;
    background-color: #f3f3f3;
    padding: 5px 10px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0,0,0,0.6);
    border-radius: 3px;
}
.magazine-post-style .tag-wrapper a:hover {
    color: rgba(0,0,0,0.8);
    background-color: #e6e6e6;
}

/* 7.5. Single Post Style 2 */
.magazine-2-post-style .post-content {
    background: #ffffff;
    padding: 0 6% 6%;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    overflow: hidden;
}

.magazine-2-post-style .post-thumb {
    position: relative;
    margin-left: -7%;
    margin-right: -7%;
}
.magazine-2-post-style .single-post-style-2-inner-content {
    position: absolute;
    bottom: 10px;
    padding: 0 20px;
}
.magazine-2-post-style .post-thumb {
    margin-bottom: 20px;
}
.magazine-2-post-style .single-post-style-2-inner-content.no-thumb {
    position: relative;
    padding: 40px 0 0;
}
.magazine-2-post-style .single-post-style-2-inner-content.no-thumb h1.post-title a {
    color: #000000;
    margin: 15px 0;
}
.magazine-2-post-style .single-post-style-2-inner-content h1.post-title {
    border-bottom: none;
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 36px;
}
.magazine-2-post-style .single-post-style-2-inner-content h1.post-title a {
    color: #ffffff;
}
.magazine-2-post-style .single-post-style-2 .post-content {
    background: #ffffff;
    padding: 0 6% 6%;
    border-bottom: 1px solid #e7e7e7;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.magazine-2-post-style .single-post-style-2 .post-thumb {
        position: relative;
    margin-left: -7%;
    margin-right: -7%;
        margin-bottom: 30px;
}
.magazine-2-post-style .single-post-style-2 .post-meta {
    border-bottom: 1px solid #e7e7e7;
}

/*-----------------------------------------------------------------------------------*/
/*  8. Portfolio
/*-----------------------------------------------------------------------------------*/

/* 8.1. Portfolio - Grid Template */
.grid-template {
    width: 100% !important;
    margin: 0 auto;
    max-width: 100%;
}
.grid-item {
    float: left;
}
.grid-template.column-1 .grid-item {
    width: calc( 100%/1);
}
.grid-template.column-2 .grid-item {
    width: calc( 100%/2);
}
.grid-template.column-3 .grid-item {
    width: calc( 100%/3);
}
.grid-template.column-4 .grid-item {
    width: calc( 100%/4);
}
.grid-template.column-5 .grid-item {
    width: calc( 100%/5);
}
.page-template-portfolio-grid-template [class^='imghvr-'],
.page-template-portfolio-grid-template [class*=' imghvr-'] {
    background-color: #000000;
}
.page-template-portfolio-grid-template [class^='imghvr-'] figcaption,
.page-template-portfolio-grid-template [class*=' imghvr-'] figcaption {
    background-color: #ffffff;
}
figcaption .caption-inside {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* 8.2. Portfolio - Masonry Template */
.masonry-template {
    width: 100% !important;
    margin: 0 auto;
    max-width: 100%;
}
.masonry-template.column-1 .masonry-item {
    width: calc( 100%/1);
}
.masonry-template.column-2 .masonry-item {
    width: calc( 100%/2);
}
.masonry-template.column-3 .masonry-item {
    width: calc( 100%/3);
}
.masonry-template.column-4 .masonry-item {
    width: calc( 100%/4);
}
.masonry-template.column-5 .masonry-item {
    width: calc( 100%/5);
}
.masonry-template.column-2 .masonry-item.wider {
    width: calc( 100%/2 * 2);
}
.masonry-template.column-3 .masonry-item.wider {
    width: calc( (100%/3 * 2));
}
.masonry-template.column-4 .masonry-item.wider {
    width: calc( 100%/4 * 2);
}
.masonry-template.column-5 .masonry-item.wider {
    width: calc( 100%/5 * 2);
}
.page-template-portfolio-masonry-template [class^='imghvr-'],
.page-template-portfolio-masonry-template [class*=' imghvr-'] {
    background-color: #000000;
}
.page-template-portfolio-masonry-template [class^='imghvr-'] figcaption,
.page-template-portfolio-masonry-template [class*=' imghvr-'] figcaption {
    background-color: #ffffff;
}

/* portfolio builder */
.portfo-block-item .portfolio-details {
    position: relative;
    display: block;
}
.portfo-block-item .portfolio-excerpt {
    text-align: center;
    padding: 10px 30px;
}
.portfo-block-item .button-continue {
    text-align: center;
    margin-bottom: 20px;
}
.portfo-block-item .read-more {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #000000;
    line-height: 1.6;
}
.portfo-block-item .read-more:hover {
    color: #ffffff;
    background-color: #000000;
    border-color: #000000;
}

/*-----------------------------------------------------------------------------------*/
/*  9. Single Portfolio
/*-----------------------------------------------------------------------------------*/

/* 9.1. Single Portfolio - Style 1 */
.post-title-porto-1 {
    margin-bottom: 60px;
}
.post-title-porto-1 span {
    position: relative;
    padding-bottom: 25px;
}
.post-title-porto-1 span:after {
    position: absolute;
    content: '';
    background-color: #000000;
    height: 5px;
    width: 45%;
    max-width: 100%;
    bottom: 0;
    left: 3px;
}
.portfolio-style1 .project-details ul {
    list-style: none;
    text-align: center;
    padding: 0;
}
.portfolio-style1 .project-details ul li {
    text-align: left;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.portfolio-style1 .project-details ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}
.portfolio-style1 .project-details ul li span.detail-title {
    display: block;
    font-weight: 900;
}
.portfolio-style1 .project-details ul li span.detail-text {
    color: #86939e;
    font-weight: normal;
}
.portfolio-style1 .project-details .social-share-wrapper span {display: none;}
.portfolio-style1 .project-details .social-share-wrapper .share-item {
    display: inline-block;
    margin-right: 10px;
}
.portfolio-style1 .portfolio-thumbnail img {
    margin: 0 auto;
    width: auto;
}
.portfolio-style1 .portfolio-content {
    margin-top: 30px;
}
.portfolio-style1 .portfolio-pagination {
    padding: 60px 0; 
}
.portfolio-style1 .portfolio-pagination .all-portfolio {
    text-align: center;
}
.portfolio-style1 .portfolio-pagination .next-portfolio {
    text-align: right;
}

.portfolio-pagination.style-2 {
    margin-top: 40px;
    padding: 40px 0 20px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}
.portfolio-pagination.style-2 .container-2 {
    max-width: 640px;
    margin: auto;
}

/*gallery slider*/
.single-porto-inner-wrap .carousel-button-prev, .single-porto-inner-wrap .carousel-container-rtl .carousel-button-next, .single-porto-inner-wrap .carousel-button-next {
    background: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom {
    text-align: center;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .carousel-button-next.post-carousel-arrow {
    float: none;
}
.single-porto-inner-wrap .post-car-arrow-wrap.on-bottom .carousel-button-prev.post-carousel-arrow {
    float: none;
}
.standard-carousel-slider.portfolio-thumbnail {
    position: relative;
}

.elementor-image-gallery .gallery-item {
    float: left;
}
.elementor-image-gallery .gallery-item .item-wrap {
    line-height: 0;
}

/* 9.2. Single Portfolio - Style 2 */
.portfolio-style-2-wrap {
    position: relative;
}
.portfolio-details ul {
    list-style: none;
    padding: 0;
}
.portfolio-details .detail-item {
    position: relative;
    display: inline-block;
    width: 45%;
    margin-bottom: 20px;
}
.portfolio-details .detail-info {
    margin-bottom: 0;
    margin-top: 5px;
}
.post-title-porto-2 {
    margin-bottom: 20px;
}
.post-title-porto-2 h1 {
    font-size: 36px;
    margin-bottom: 0;
}
.post-title-porto-2 span {
    position: relative;
}

.portfolio-thumbnail img {
    margin-bottom: 20px;
}

.share-portfolio .social-share-wrapper span:after {
    display: none;
}
.share-portfolio .social-share-wrapper span {
    display: block;
    text-transform: uppercase;
    font-weight: 700;
}
.share-portfolio .social-share-wrapper .share-item {
    display: inline-block;
    margin-right: 10px;
    padding: 7px 10px;
}
.share-portfolio .social-share-wrapper .share-item.facebook {
    background-color: #3b5998;
}
.share-portfolio .social-share-wrapper .share-item.twitter {
    background-color: #55acee;
}
.share-portfolio .social-share-wrapper .share-item.pinterest {
    background-color: #dd4b39;
}
.share-portfolio .social-share-wrapper .share-item a {
    color: #ffffff;
}
.detail-title {
    font-weight: 700;
}

.portfolio-style-2-wrap .portfolio-thumbnail-wrap img {
    margin-bottom: 20px;
}

/* 9.3. Single Portfolio - Style 3 */
.description--preview {
    width: 90%;
}

/*-----------------------------------------------------------------------------------*/
/*  10. Sidebar
/*-----------------------------------------------------------------------------------*/

.sidebar .widget {
    background: #ffffff;
    padding: 6%;
    margin-bottom: 30px;
    text-align: center;
}
.sidebar .widget h4.widget-title {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.025em;
}
.sidebar .widget ul {
    padding-left: 0;
    list-style: none;
}
.sidebar .widget ul li {
    margin-bottom: 15px;
}

.sidebar .widget ul li:last-child {
    margin-bottom: 0;
}

.blog-sidebar .widget ul {
    text-align: left;
}
.blog-sidebar .widget ul.children {
    padding-left: 10px;
    margin-top: 5px;
}

/* 10.1. Sidebar - Search */
.sidebar .widget.widget_search {
    padding: 0;
}
.sidebar .widget.widget_search form {
    position: relative;
    opacity: 1;
    margin: 0;
    transform: none;
    transition: inherit;
}
.sidebar .widget.widget_search input {
    font-size: 16px;
    color: #000;
    border-radius: 0;
    height: 50px;
    width: 100%;
    border: 0;
    -webkit-appearance: none;
    outline: 0;
    padding: 0 32px;
    background-color: #fff;
    box-shadow: 1px 1px 0 0 #d8d8d8;
}
.sidebar .widget.widget_search input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    opacity: 0.3;
    color: #000000;
}
.sidebar .widget.widget_search input::-moz-placeholder {
    opacity: 0.3;
    /* Mozilla Firefox 19+ */
    color: #000000;
}
.sidebar .widget.widget_search input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    opacity: 0.3;
    color: #000000;
}
.sidebar .widget.widget_search button {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background-color: #000;
    border: none;
}
.sidebar .widget.widget_search button i {
    color: #ffffff;
    font-size: 16px;
}

/* 10.2. Sidebar - Recent Post */
.sidebar .widget.widget_recent_entries ul li span.post-date {
    font-size: 12px;
    display: block;
    margin-top: 5px;
}

/* latest news widget*/
/* 10.3. Latest Post - Standard without featured image */
.widget_recent_entries ul li span {
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}
.widget_recent_entries ul li > a {
    display: block;
}

/* 10.4. Latest Post - Standard with featured image */
.widget.widget_arsitek_news .post-item {
    position: relative;
    margin-bottom: 30px;
}
.widget.widget_arsitek_news .recent-news {
    counter-reset: recent-post-item-counter; 
}
.widget.widget_arsitek_news .post-item:before {
    counter-increment: recent-post-item-counter; 
    content: counter(recent-post-item-counter);
    position: absolute;
    color: #ffffff;
    top: 0;
    left: 0;
    z-index: 10;
    font-weight: 900;
    background-color: #000000;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
}
.widget.widget_arsitek_news .post-item .post-thumb {
    margin-bottom: 10px;
    width: 50%;
    float: left;
    display: inline-block;
}
.widget.widget_arsitek_news .post-item .post-thumb img {
    width: 100%;
}
.widget.widget_arsitek_news .post-content h5 {
    margin-bottom: 10px;
}
.widget.widget_arsitek_news .post-content {
    box-shadow: none;
    webkit-box-shadow:none;
    border-bottom: none;
    width: 50%;
    float: left;
    display: inline-block;
}
.widget.widget_arsitek_news .inner-wid-cont {
    text-align: left;
    margin-left: 15px;
    margin-top: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*  11. Footer
/*-----------------------------------------------------------------------------------*/

.main-wrapper {
    position: relative;
}
#content.has-fixed-footer {
    min-height: 100%;
    z-index: 100;
    position: relative;
}
#footer {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}
#footer {
    position: absolute;
    right: 0;
    bottom: auto;
    left: 0;
}
#footer.fixed-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    margin-left: 0;
    margin-right: 0;
}

/* 11.1. Footer Widget */
.footer-widget-wrapper {
    padding: 60px 0;
}
.footer-widget ul {
    list-style: none;
    padding-left: 0;
}
.footer-widget ul li {
    margin-bottom: 5px;
}

/* 11.1.1. Footer Widget - Custom Menu */
.footer-widget .widget_nav_menu ul li a {
    position: relative;
    margin-bottom: 0;
    padding-left: 25px;
}

.footer-widget .widget_nav_menu ul li a:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    opacity: 1;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #000000;
}

/* 11.1.2. Footer Widget - Portfolio Thumb  */
.portfolio-thumb-wrap {
    margin-left: -5px;
    margin-right: -5px;
}
.portfolio-thumb-widget .post-item {
    padding: 0 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.portfolio-thumb-widget .post-item .inner-portfolio-widget {
    position: relative;
}
.portfolio-thumb-widget .post-item .overlay {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.portfolio-thumb-widget .post-item:hover .overlay {
    opacity: 1;
}
.portfolio-thumb-widget .post-item .overlay .icon-wrap {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}
.portfolio-thumb-widget .post-item .overlay .icon-wrap i {
    color: #ffffff;
    opacity: 1;
}

/* 11.2. Footer Copyright*/
/*.footer-bottom {
    padding: 60px 0;
}*/
.copyright-text p {
    margin: 0;
}
.footer-style-2 .footer-bottom {
    border-top: 1px solid #f2f2f2;
}
.footer-address p {
    margin: 0;
}
.footer-bottom .social-footer ul {
    list-style: none;
}
.footer-bottom .social-footer ul li {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
}
.footer-bottom .social-footer ul li a {
    font-size: 20px;
}

/* 11.3. Footer Layout */
.logo-footer img {
    display: inline-block;
}
.social-footer ul {
    padding: 0;
}
.foot-col.text-left {
    text-align: left;
}
.foot-col.text-center {
    text-align: center;
}
.foot-col.text-right {
    text-align: right;
}
.foot-col.vertical .foot-col-item {
    display: block;
}
.foot-col.horizontal .foot-col-item {
    display: inline-block;
}

/*-----------------------------------------------------------------------------------*/
/*  11. Page Builder
/*-----------------------------------------------------------------------------------*/

/* 11.1. Head Title Block */
/* 11.1.1 Head Title - Style 1 */
.head-title-1 {
    position: relative;
}
.head-title-1 span.separator {
    position: absolute;
    top: 50px;
    width: 78px;
    margin: 0 auto;
    border-top: 2px solid #000;
}
.head-title-1.bg-image .the-title {
    position: relative;
    padding-bottom: 20px;
}
.head-title-1.bg-image .the-title:after {
    content: '';
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    width: 133px;
    height: 5px;
    border: none;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.the-title-left .head-title-1 .the-title:after {
    left: 0;
    right: auto;
}
.the-title-right .head-title-1 .the-title:after {
    left: auto;
    right: 0;
}
.head-title-1.bg-image span.separator {
    background-size: cover;
    background-repeat: no-repeat;
    width: 133px;
    height: 5px;
    border: none;
    display: none;
}

/* 11.1.2. Head Title - Style 2 */
.elementor .head-title .the-title {
    margin-bottom: 0;
}
.head-title-2 span {
    display: block;
    font-size: 42px;
    font-weight: 600;
    line-height: 34px;
    color: #F3F3F3;
    position: relative;
    top: 0;
}

/* 11.1.3. Head Title - Style 3 */
.head-title-3 {
    border-bottom: 2px solid;
    border-color: #e1e1e1;
}
.head-title-3 .the-title {
    margin-bottom: -2px;
}
.head-title-3 span {
    display: inline-block;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    border-color: #213875;
}

/* 11.1.4. Head Title - Style 4 */
.head-title-4 .the-title {
    position: relative;
}
.head-title-4 .the-title span.inner-title {
    position: relative;
    background-color: #fff;
    display: inline-block;
    padding: 0 15px;
}
.head-title-4 .the-title:before {
    content: "";
    height: 2px;
    margin-top: -2px;
    top: 50%;
    left: 0;
    width: 100%;
    position: absolute;
    background-color: #000;
}

/* 11.1.5. Head Title - Style 5 */
.head-title-5 .the-title span:before,
.head-title-5 .the-title span:after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    background-color: #000;
    vertical-align: middle;
}
.head-title-5 .the-title span:before {
    margin-right: 15px;
}
.head-title-5 .the-title span:after {
    margin-left: 15px;
}

/* 11.1.6. Head Title - Style 6 */
.head-title-6 .the-title span {
    background-color: #000000;
    color: #fff;
    padding: 15px 20px;
    display: inline-block;
}
/* 11.1.7. Head Title - Style 7 */
.head-title.head-title-7 .the-title {
    position: relative;
}
.head-title.head-title-7 .the-title span.big-title {
    position: absolute;
    display: inline-block;
    font-size: 80px;
    width: 100%;
}

/* 11.2. Team Block */
.team-inner-block {
    position: relative;
    background-color: #efefef;
}
.team-details {
    position: absolute;
    top: auto;
    background-color: #000000;
    width: 80%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    padding: 6% 8%;
    opacity: 0;
    -ms-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: 10;
}
.team-block:hover .team-details {
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%); /* Standard syntax */
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.team-name {
    text-transform: uppercase;
    margin-bottom: 5px;
}
.team-details ul {
    list-style: none;
    padding: 0;
}
.team-details ul li {
    display: inline-block;
    margin-right: 10px;
}
.team-grid-2-wrap .team-block .team-details, .team-grid-2-wrap .team-block:hover .team-details {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    top: 0;
    width: 100%;
    max-width: 100%;
    bottom: 0;
}
.team-grid-2-wrap .inner-team-details {
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    padding: 6% 8%;
}
.team-bio, .team-bio p {
    color: #ffffff;
}

/* 11.3. Portfolio Block */
.portfolio-grid-block .grid-item, .portfolio-masonry-block .masonry-item {
    line-height: 0;
}
.grid-item .portfolio-category, .masonry-item .portfolio-category {
    color: #000000;
}
.portfolio-grid-block .grid-template {
    position: relative;
}

/* 11.3.1. Filter - style 1 */
.mobile-filter {
    display: none;
}
#filter-icon{
width:60px;
height:52px;
line-height:68px;
left:0;
position:relative;
border:0;
outline:none;
background:#222222;
cursor: pointer;
}
#filter-icon.active{
background:#ffffff;
}
#filter-icon .bar{
left:18px;
top:20px;
display:block;
position:absolute;
width:24px;
height:3px;
background:#ffffff;
/*transition*/
-webkit-transition:all 350ms;
   -moz-transition:all 350ms;
     -o-transition:all 350ms;
        transition:all 350ms;
/*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
}
#filter-icon.active .bar{
background:#222222;
}
#filter-icon .bar.bar-2{
top:25px;
}
#filter-icon .bar.bar-3{
top:25px;
}
#filter-icon .bar.bar-4{
top:30px;
}
#filter-icon:hover .bar{
top:15px;
}
#filter-icon:hover .bar.bar-2{
top:25px;
}
#filter-icon:hover .bar.bar-3{
top:25px;
}
#filter-icon:hover .bar.bar-4{
top:35px;
}
#filter-icon.active .bar-1{
/*transform*/
-webkit-transform:translateY(-22px);
   -moz-transform:translateY(-22px);
    -ms-transform:translateY(-22px);
     -o-transform:translateY(-22px);
        transform:translateY(-22px);
}
#filter-icon.active .bar-2{
/*transform*/
-webkit-transform:rotate(45deg);
   -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
     -o-transform:rotate(45deg);
        transform:rotate(45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#filter-icon.active .bar-3{
/*transform*/
-webkit-transform:rotate(-45deg);
   -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
     -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
/*transition-delay*/
-webkit-transition-delay:0.3s;
   -moz-transition-delay:0.3s;
     -o-transition-delay:0.3s;
        transition-delay:0.3s;
}
#filter-icon.active .bar-4{
/*transform*/
-webkit-transform:translateY(21px);
   -moz-transform:translateY(21px);
    -ms-transform:translateY(21px);
     -o-transform:translateY(21px);
        transform:translateY(21px);
}
ul.filters {
    list-style: none;
}
ul.filters li {
    display: inline-block;
}
.filters {
    padding-left: 0;
}
.filters.text-left {
    text-align: left;
}
.filters.text-center {
    text-align: center;
}
.filters.text-right {
    text-align: right;
}
.filters {
    margin-bottom: 20px;
}
.filters.style-1 .filter-btn {
    font-size: 14px;
    font-weight: 500;
    margin-right: 5px;
    padding: 7px 15px;
    border: 1px solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.filters.style-1 .filter-btn:hover {
    border: 1px solid #d23600;
    color: #d23600;
    cursor: pointer;
}
.filters.style-2 .filter-btn {
    position: relative;
    padding-bottom: 10px;
    margin-right: 20px;
    font-size: 14px;
}

/* 11.3.2. Filter - style 2 */
.filters.style-2 .filter-btn:hover {
    cursor: pointer;
}
.filters.style-2 .filter-btn:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.filters.style-2 .filter-btn:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

/* 11.3.3. Filter - style 3 */
.filters.style-3 .filter-btn {
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
    padding: 7px 15px;
    border: 1px solid #111111;
    border-radius: 30px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.filters.style-3 .filter-btn:hover {
    border: 1px solid #111111;
    color: #ffffff;
    background-color: #111111;
    cursor: pointer;
}

/* 11.3.4. Porfolio Hide Content */
.elementor .porf-hidetitle-st .grid-template figcaption h3.portfolio-loop-title {
    display: none;
}
.elementor .porf-hidetitle-st .grid-template figcaption .portfolio-category {
    display: none;
}
.elementor .porf-hidetitle-st .masonry-template figcaption h3.portfolio-loop-title {
    display: none;
}
.elementor .porf-hidetitle-st .masonry-template figcaption .portfolio-category {
    display: none;
}
.elementor .porf-hidetitle-st .owl-carousel .portfolio-loop-title {
    display: none;
}
.elementor .porf-hidetitle-st .portfolio-list-carousel .portfolio-content {
    display: none;
}
.elementor .porf-hidetitle-st .owl-carousel .portfolio-category {
    display: none;
}

/* 11.3.5. Portfolio Detail Block */
.detail-columns-1 .detail-item-block {
    width: 100%;
    max-width: 100%;
}
.detail-columns-2 .detail-item-block {
    width: calc(100% / 2 - 5px);
}
.detail-columns-3 .detail-item-block {
    width: calc(100% / 3 - 5px);
}
.detail-columns-4 .detail-item-block {
    width: calc(100% / 4 - 5px);
}
.detail-columns-5 .detail-item-block {
    width: calc(100% / 5 - 5px);
}
.detail-columns-6 .detail-item-block {
    width: calc(100% / 6 - 5px);
}
.detail-columns-7 .detail-item-block {
    width: calc(100% / 7 - 5px);
}
.detail-columns-8 .detail-item-block {
    width: calc(100% / 8 - 5px);
}
.detail-columns-9 .detail-item-block {
    width: calc(100% / 9 - 5px);
}
.detail-columns-10 .detail-item-block {
    width: calc(100% / 10 - 5px);
}
.portfolio-terms .terms-item {
    margin-bottom: 0;
}

.elementor .all-portfolio {
    text-align: center;
}
.elementor .next-portfolio {
    text-align: right;
}

/* 11.4. Testimonial Block */
.testimonial-image img {
    border-radius: 100% !important;
}
.testimonial-image, .testimonial-detail-inner {
    display: inline-block;
}
.testimonial-detail-inner {
    vertical-align: top;
    position: relative;
    text-align: left;
}
.testi-author {
    margin-bottom: 5px;
}


.client-content img {
    margin: auto;
}

/* 11.5. Post Carousel Block */
.post-thumb-img, .post-thumb-img .inner-post-content .post-content {
    position: relative;
}
.post-thumb-img .inner-post-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.elementor--v-position-middle .post-content {
    top: 50%;
    transform: translateY(-50%);
}
.elementor--v-position-top .post-content {
    top: 0;
    transform: translateY(0);
}
.elementor--v-position-bottom .post-content {
    top: 100%;
    transform: translateY(-100%);
}
.post-list-carousel .read-more-button a {
    text-transform: uppercase;
    padding: 5px 20px;
}
.post-list-carousel .read-more-button a:hover {
    background-color: transparent !important;
}
.post-list-carousel .post-thumb-img .post-bg-color {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.post-list-carousel .category-name {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    vertical-align: baseline;
}
.post-list-carousel .category-name:before, .post-list-carousel .category-name:after {
    border-top: 4px double #ffffff;
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    width: 60px;
}
.post-list-carousel .category-name:before {
    left: 100%;
}
.post-list-carousel .category-name:after {
    right: 100%;
}
.carousel-container:hover .carousel-button-next {
    right: 1%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.carousel-container:hover .carousel-button-prev {
    left: 1%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.carousel-container .owl-next {
    width: 50%;
    text-align: left;
    float: left;
    display: inline-block;
}
.carousel-container .owl-prev {
    width: 50%;
    text-align: right;
    float: left;
    display: inline-block;
}
.carousel-container .post-carousel-arrow:before, .carousel-container .post-carousel-arrow:after {
    font-size: 40px;
}
.post-car-arrow-wrap.on-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    right: 0; 
}
.post-car-arrow-wrap.on-bottom .carousel-button-next.post-carousel-arrow {
    position: relative;
    width: 50%;
    float: right;
    text-align: left;
    right: 0;
}
.post-car-arrow-wrap.on-bottom .post-carousel-arrow:after, .post-car-arrow-wrap.on-bottom .post-carousel-arrow:before {
    background: rgba(255, 255, 255, 0.5);
    padding: 10px 20px;
}
.post-car-arrow-wrap.on-bottom .carousel-button-prev.post-carousel-arrow {
    position: relative;
    width: 50%;
    float: left;
    text-align: right;
    left: 0;
}

/* 11.6. Portfolio Carousel Block */
.portfolio-list-carousel .portfolio-block {
    position: relative;
}
.portfolio-list-carousel .portfolio-block .category-name {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 25px;
    background-color: #ffffff;
}
.portfolio-list-carousel .portfolio-thumb-img {
    position: relative;
}
.portfolio-list-carousel .portfolio-thumb-img .inside-img-link, .portfolio-list-carousel .portfolio-thumb-img .portfolio-bg-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.portfolio-list-carousel:hover .portfolio-thumb-img .portfolio-bg-color {
    background-color: rgba(0, 0, 0, 0.2);
}
.portfolio-list-carousel .portfolio-thumb-img {
    overflow: hidden;
}
.portfolio-list-carousel:hover .portfolio-thumb-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);    
    transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .3s;
    -moz-transition-duration: .3s;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
}
.portfolio-list-carousel .portfolio-content {
    background-color: #000000;
    padding: 4% 6%;
}
.portfolio-list-carousel .portfolio-content h2 {
    margin: 0;
}
.portfolio-list-carousel .portfolio-content h2 a {
    color: #ffffff;
}

/* 11.7. Carousel Pagination */
.car-arrow-wrap.on-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; 
    height: 70px;
}
.car-arrow-wrap.on-bottom .owl-prev{
    float: left;
}
.car-arrow-wrap.on-bottom .owl-next {
    float: right;
}
.car-arrow-wrap.on-bottom .owl-prev,
.car-arrow-wrap.on-bottom .owl-next {
    position: relative;
    width: 50%;
    text-align: left;
    right: 0;
}
.car-arrow-wrap.on-bottom .car-page-arrow {
    background-color: rgba(255, 255, 255, 0.5);
    height: 70px;
    width: 80px;
    background-size: 25px;
    margin: 0;
    top: auto;
}
.car-arrow-wrap.on-bottom .car-page-arrow.carousel-button-prev {
    right: 0;
    left: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23000000'/%3E%3C/svg%3E")
}
.car-arrow-wrap.on-bottom .car-page-arrow.carousel-button-next {
    left: 0;
    right: auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23000000'/%3E%3C/svg%3E");
}

.owl-dots {
    position: relative;
    margin-top: 10px;
    text-align: center;
}
.owl-dot {
    background-color: #000000;
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    opacity: 0.5;
    border-radius: 50%;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.owl-dot.active {
    opacity: 1;
}

.car-arrow-wrap.on-bottom.both-nav {
    bottom: 35px;
}

/* 11.8. Chocolat Light Box */
.chocolat-wrapper {
    z-index: 400;
}
.chocolat-overlay, .chocolat-content, 
.chocolat-wrapper .chocolat-top, 
.chocolat-wrapper .chocolat-left, 
.chocolat-wrapper .chocolat-right, 
.chocolat-wrapper .chocolat-bottom {
    z-index: 401;
}
.chocolat-overlay {
    background-color: #000000;
}

/* 11.9. Post Grid Style 3 - Main News Style 5 */
.main-news-5 .post-block {
    background-color: #61c436;
    height: 100%;
}
.main-news-5 .post-block-inner {
    width: 100%;
    height: 100%;
}
.main-news-5 .post-thumb {
    -webkit-transform: translate(15px, -15px);
    -ms-transform: translate(15px, -15px);
    transform: translate(15px, -15px);
    padding-left: 30px;
    margin-bottom: 0;
    position: relative;
    display: block;
}
.main-news-5 .post-thumb .post-bg-color {
    position: absolute;
    top: 0;
    right: 0;
    left: 30px;
    bottom: 0;
    background-color: rgba(97,196,54,0.7);
    opacity: 0;
    transition: opacity .3s;
}
.main-news-5 .post-list:hover .post-bg-color {
    opacity: 1;
}
.main-news-5 .post-thumb .use-shadow img {
    -webkit-box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);
    box-shadow: -1px 1px 8px 0 rgba(55, 53, 69, .3);
}
.main-news-5 .use-shadow {
    box-shadow: none;
}
.main-news-5 .category-icon {
    position: absolute;
    bottom: -20px;
    right: 30px;
    z-index: 100;
}
.main-news-5 .post-content {
    padding: 15px 45px 50px;
}
.main-news-5 .post-categories {
    padding: 0;
    list-style: none;
}
.main-news-5 .post-content h3 {
    margin-top: 0;
    margin-bottom: 5px;
}
.main-news-5 .post-content h3 a {
    color: #fff;
}
.main-news-5 .post-content .post-author-name,
.main-news-5 .post-content .post-date {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size: 14px;
    text-transform: uppercase;
}
.main-news-5 .post-content .post-date {
    margin-left: 10px;
}
.main-news-5 .post-content .post-date span:after {
    content: ".";
}
.main-news-5 .post-content .post-date span:last-child:after {
    content: none;
}
.main-news-5 .post-content .read-more-button a {
    color: #ffffff;
    font-size: 16px;
    font-weight: 900;
    display: inline-block;
    border-bottom: 2px solid #fff;
    margin-top: 20px;
}
.main-news-5 .standard .post-thumb {
    transform: none;
    padding-left: 0;
}
.main-news-5 .standard .post-thumb .post-bg-color {
    left: 0;
}

/* 11.10. Post Grid Style 5 - Main News Style 1 */
.horizontal-width-use .main-news-1 .blog-item.block {
    float: left;
}
.main-news-1 .article-wrap {
    position: relative;
}
.main-news-1 article {
    overflow: hidden;
}
.main-news-1 article {
    padding: 0;
}
.main-news-1 .article-wrap article {
    width: 100%;
    max-width: 100%;
}
.main-news-1 .blog-item.wide-blog {
    width: 49.9%;
    float: left;
    position: relative;
    padding: 0.1%
}
.main-news-1 .has-post-thumbnail .blog-wrap {
    background-size: cover;
    background-repeat: no-repeat;
}
.main-news-1 .blog-overlay {
    height: 100%;
}
.main-news-1 .blog-wrap {
    overflow: hidden;
    background-color: #ffffff;
    height: 100%;
    color: #282828;
    background-position: 100% 100%;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
}
.main-news-1 .blog-desc {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #ffffff;
    padding-right: 5%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.main-news-1 .blog-date {
    font-size: 14px;
    padding-right: 20px;
}
.main-news-1 h3.blog-title {
    font-size: 22px;
    line-height: 1.3;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 0px;
    padding-right: 20px;
}
.main-news-1 h3.blog-title a {
    color: #ffffff;
}
.main-news-1 .blog-date:after {
    content: "////////////////////";
    position: relative;
    font-size: 8px;
    display: block;
}
.main-news-1 .blog-date:after {
    display: none;
}
.main-news-1 .blog-date {
    padding: 0;
}
.main-news-1 .category-main-news-1 {
    top: -40px;
}
.main-news-1 .category-main-news-1 .post-categories li {
    border-radius: 25px;
    padding: 3px 15px;
}
.main-news-1 article:hover .blog-wrap {
    transform: scale(1.1);
}
.main-news-1 .blog-item.block {
    /*width: 100%;*/
    position: relative;
}
.main-news-1 .blog-item.block.column.column-1 {
    padding: 0;
}
.main-news-1 .blog-item.block .blog-wrap {
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.main-news-1 .post-excerpt {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 14px;
}
.category-main-news-1 {
    position: absolute;
    top: 20px;
}
.category-main-news-1 .post-categories li {
    float: left;
    background-color: #61c436;;
    padding: 5px 10px;
    margin-right: 10px;
    margin-bottom: 1px;
}
.category-main-news-1 .post-categories li a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.025em;
    vertical-align: middle;
}
.main-news-1 .category-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}
.category-icon .category-icon-gallery i,
.category-icon .category-icon-video i {
    display: inline-flex;
    padding: 10px;
    border-radius: 50%;
    font-size: 18px;
    color: #ffffff;
}
.category-icon .category-icon-gallery i {
    background-color: #007AFE;
}
.category-icon .category-icon-video i {
    background-color: #61c436;
}
.main-news-1 .main-news-post-meta div {
    display: inline-block;
    color: #ffffff;
    font-size: 16px;
    margin-right: 15px;
}
.main-news-1 .main-news-post-meta div i {
    margin-right: 5px;
    vertical-align: middle;
}

/* post masonry */
/* ----------- ANIMATION----------- */
/* Effect 3: Scale up */

.grid.effect-3 li.animate {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: scaleUp 0.65s ease-in-out forwards;
    animation: scaleUp 0.65s ease-in-out forwards;
}
@-webkit-keyframes scaleUp {
    0% {}
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scaleUp {
    0% {}
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
#target-effect {
    padding: 0;
    list-style: none;
}

/* 11.11. Post Masonry Style */
.post-masonry-style .loop-content {
    background-color: #ffffff;
    position: relative;
    border-bottom: 1px solid #e7e7e7;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.post-masonry-style .loop-content:hover .thumbnail img {
    opacity: 0.9;
}
.post-masonry-style .loop-content .info {
    padding: 7% 8%;
}
.post-masonry-style .loop-content h4.title {
    color: #000000;
    margin-bottom: 5px;
    letter-spacing: 0.020em;
    text-transform: uppercase;
}
.post-masonry-style .loop-content p {
    color: #666666;
}
.post-masonry-style .loop-content .date {
    color: #888888;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
}
.post-masonry-style .loop-content .top-info {
    position: relative;
}
.post-masonry-style .loop-content .category a {
    color: #000000;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.1rem;
}
.post-masonry-style .loop-content .category:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 6px 1px;
    border-color: transparent transparent #fff transparent;
    left: -6px;
    top: 50%;
    margin-top: -3px;
    z-index: 2;
}
.post-masonry-style .loop-content .category:after {
    background-color: #000000;
    width: 25px;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -3px;
    height: 6px;
    content: "";
}
.post-masonry-style a.more {
    background-color: #000000;
    color: #ffffff;
    padding: 5px 15px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.post-masonry-style a.more:hover {
    background-color: #f1f1f1;
    color: #222222;
}
.post-masonry-style #grid {
    list-style: none;
    margin: 30px auto 0;
    padding: 0;
    max-width: 100%;
}
.post-masonry-style #grid li.post {
    display: block;
    float: left;
    opacity: 0;
}
.post-masonry-style #grid li.post.shown,
.no-js .post-masonry-style #grid li,
.no-cssanimations .post-masonry-style #grid li {
    opacity: 1;
}

/* 11.12. Post Masonry Style 2 */
.post-masonry-style .post-style-9 .post-block {
    height: 100%;
    position: relative;
    border: 3px solid #f1f2f2;
    transition: border-color .3s;
}
.post-masonry-style .post-style-9 .post-block:hover {
    border-color: #6f43d6;
}
.post-masonry-style .post-style-9 .post-block-inner {
    background-color: #fff;
    height: 100%;
}
.post-masonry-style .post-style-9 .post-content {
    padding: 20px 20px 60px 20px;
    display: block;
}
.post-masonry-style .post-style-9 .category-name a {
    font-size: 16px;
    font-weight: 500;
}
.post-masonry-style .post-style-9 h3.post-title {
    margin: 10px 0 20px;
}
.post-masonry-style .post-style-9 .post-action {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px 20px;
    border-top: 1px solid #f1f2f2;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
}
.post-masonry-style .post-style-9 .post-action .comments {
    float: left;
}
.post-masonry-style .post-style-9 .post-action .comments i {
    position: relative;
    top: 4px;
    margin-right: 5px;
}
.post-masonry-style .post-style-9 .post-action .read-more-button {
    float: right;
}

/* 11.13. Post List Style 1 */
.use-shadow {
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
    box-shadow: 0 3px 5px 0 rgba(0,1,1,.1);
}
.post-magazine-style-block.post-list-1 .story-content h3 {
    margin: 15px 0;
}
.post-magazine-style-block.post-list-1 .post-item:first-child {
    margin-top: 0;
}
.post-magazine-style-block.post-list-1 .time-read {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.025em;
    color: #999;
}
.post-magazine-style-block.post-list-1 .category-icon {
    position: absolute;
    top: 20px;
    right: 20px;
}
.post-magazine-style-block.post-list-1 .meta-love-and-view {
    position: absolute;
    bottom: 5px;
    right: 20px;
}
.post-magazine-style-block.post-list-1 .meta-love-and-view.no-thumb {
    bottom: auto;
    top: 8%;
    right: 6%;
}
.post-magazine-style-block.post-list-1 .story-content {
    background: #ffffff;
    padding: 6%;
    position: relative;
}
.post-magazine-style-block .magazine-1-post-style .post-thumb {
    margin: 20px 0 0;
}

/* 11.14. Post Grid - Style 4 */
.blog-grid-style-4-block {
    position: relative;
}
.post-list-3 .post-thumb {
    margin: 0;
    float: left;
    margin-right: 10px;
}
.post-list-3 img {
    width: 100%;
}
.post-list-3 .category-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.post-list-3 .item-detail {
    overflow: hidden;
    position: relative;
}
.post-list-3 h4 {
    margin-bottom: 5px;
    font-size: 16px;
}
.post-list-3 h4 a {
    color: #000000;
}
.post-list-3 h4 a:hover {
    color: #61c436;
}
.post-list-3 .category {
    display: inline-block;
    float: left;
}
.post-list-3 .category ul li {
    float: left;
    margin-right: 5px;
    display: inline-flex;
}
.post-list-3 .category ul li a {
    color: #000000;
    font-size: 12px;
}
.post-list-3 .category ul li a:hover {
    color: #61c436;
}
.post-list-3 .date {
    color: #999999;
    font-size: 12px;
    float: left;
}

/* 11.15. Instagram Block */
.instagram-builder {
    width: 100%;
    max-width: 100%;
}
.instagram-builder.column-2 .instagram-item {
    width: calc( 100%/2);
}
.instagram-builder.column-3 .instagram-item {
    width: calc( 100%/3);
}
.instagram-builder.column-4 .instagram-item {
    width: calc( 100%/4);
}
.instagram-builder.column-5 .instagram-item {
    width: calc( 100%/5);
}
.instagram-builder.column-6 .instagram-item {
    width: calc( 100%/6);
}
.instagram-builder.column-7 .instagram-item {
    width: calc( 100%/7);
}
.instagram-builder.column-8 .instagram-item {
    width: calc( 100%/8);
}
.instagram-builder.column-9 .instagram-item {
    width: calc( 100%/9);
}
.instagram-builder.column-10 .instagram-item {
    width: calc( 100%/10);
}
.instagram-builder.column-11 .instagram-item {
    width: calc( 100%/11);
}
.instagram-builder.column-12 .instagram-item {
    width: calc( 100%/12);
}
.instagram-builder.column-13 .instagram-item {
    width: calc( 100%/13);
}
.instagram-builder.column-14 .instagram-item {
    width: calc( 100%/14);
}
.instagram-builder.column-15 .instagram-item {
    width: calc( 100%/15);
}
.instagram-builder.column-16 .instagram-item {
    width: calc( 100%/16);
}
.instagram-builder.column-17 .instagram-item {
    width: calc( 100%/17);
}
.instagram-builder.column-18 .instagram-item {
    width: calc( 100%/18);
}
.instagram-builder.column-19 .instagram-item {
    width: calc( 100%/19);
}
.instagram-builder.column-20 .instagram-item {
    width: calc( 100%/20);
}
.instagram-item .instagram-item-wrap {
    position: relative;
}
.instagram-item .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.instagram-item:hover .overlay {
    opacity: 1;
}
.instagram-item .instagram-meta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    max-width: 100%;
    text-align: center;
    opacity: 0;
    z-index: 1;
}
.instagram-item:hover .instagram-meta {
    opacity: 1;
}
.instagram-item .instagram-meta {
    color: #ffffff;
}
.instagram-item .meta-icon {
    display: inline-block;
    margin-right: 10px;
}
.instagram-item .meta-icon:last-child {
    margin-right: 0;
}
.instagram-item .meta-icon i {
    margin-right: 5px;
}

.latest-post-wrap h5 {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000000;
}

#lightgallery a {
    float: left;
}

/* 11.16. Contact Form Block Style 1 */
.contact-form-style-1 .contact-bordered, .contact-form-style-2 .contact-item2 {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}
.contact-form-style-1 .contact-bordered input, .contact-form-style-2 .contact-item2 input {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border:0;
}
.contact-ef {
    position: absolute;
    background-color: #cdcdcc;
    transition: .5s cubic-bezier(.23,1,.32,1);
}
.border-form-top {
    top: 0;
    left: 0;
    height: 1px;
    width: 100%;
}
.border-form-right {
    top: 0;
    right: 0;
    transform-origin: 0 0;
    width: 1px;
    height: 100%;
    /*for right/left*/
    transform: scaleY(0) translateZ(0);
}
.border-form-bottom {
    bottom: 0;
    right: 0;
    transform-origin: 100% 0;
    width: 100%;
    height: 1px;
    /*for bottom*/
    transform: scaleX(0) translateZ(0);
}
.border-form-left {
    bottom: 0;
    left: 0;
    transform-origin: 0 100%;
    width: 1px;
    height: 100%;
    /*for right/left*/
    transform: scaleY(0) translateZ(0);
}
.contact-form-style-1 .contact-bordered, .contact-form-style-1 .contact-bordered input {
    height: 50px;
}
.contact-form-style-1 .contact-bordered:active .border-form-right, 
.contact-form-style-1 .contact-bordered:hover .border-form-right, 
.contact-form-style-1 .contact-bordered:focus .border-form-right {
    transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-bottom, 
.contact-form-style-1 .contact-bordered:hover .border-form-bottom, 
.contact-form-style-1 .contact-bordered:focus .border-form-bottom {
    transform: scaleX(1) translateZ(0);
}
.contact-form-style-1 .contact-bordered:active .border-form-left, 
.contact-form-style-1 .contact-bordered:hover .border-form-left, 
.contact-form-style-1 .contact-bordered:focus .border-form-left {
    transform: scaleY(1) translateZ(0);
}
.contact-form-style-1 input[type="submit"], .contact-form-style-2 input[type="submit"] {
    max-width: 100%;
    width: 100%;
    background-color: #000000;
    height: 50px;
}
.custom-form .bordered-button input[type="submit"] {
    background-color: #0d0d0d;
    border: 1px solid #ffffff;
    color: #ffffff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.custom-form .bordered-button input[type="submit"]:hover {
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.contact-form-style-1 .contact-submit {
    float: left;
    position: relative;
    width: 100%;
    max-width: 100%;
}
.contact-bordered.text-area {
    height: 150px;
}
.contact-bordered.text-area textarea {
    height: 100%;
    background-color: transparent;
    border: 0;
    padding: 15px;
    resize: none;
}

/* 11.17. Contact Form Block Style 2 */
.contact-form-style-2 .contact-item2 input {
    position: relative;
}
.contact-form-style-2 .contact-item2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #cdcdcc;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000000;
    -webkit-transform: scale3d(0, 3, 1);
    transform: scale3d(0, 3, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
    transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
}
.contact-form-style-2 .contact-item2:hover:after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.contact-form-style-2 .contact-item2 textarea {
    background-color: transparent;
    border: 0;
    padding: 15px;
}
 .tp-parallax-wrap{
left:0px !important;
}
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
padding-top:0px !important;
} #rev_slider_1_1_wrapper{
background:#000 !important;
}
#rev_slider_1_1{
background-color: rgb(0, 0, 0);
opacity: 0.8;
}
.the-title{
display:none;
} .contact-form-style-2 .contact-item2:hover:after{
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.contact-form-style-2 .contact-item2:after {
background-color: #000000;
}
.contact-form-style-2 .contact-item2:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #000000;
-webkit-transform: scale3d(0, 3, 1);
transform: scale3d(0, 3, 1);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9);
transition-timing-function: cubic-bezier(1, 0.68, 0.16, 0.9)
}
.elementor *, .elementor :after, .elementor :before{
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after {
clear: both;
}
.clearfix:before, .clearfix:after {
content: "";
display: table;
}
.contact-form-style-2 .contact-item2:hover:after {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
} .page-template-default #content{
padding-top: 0px !important;
} .elementor-widget-container h5{
font-size: 30px !important;
font-weight: 600;
color: #434343;
} .white{
color:white !important;
}
form.searchform{
display:none;
} .testimonial-image{
display:none;
} #center-img{
margin:0 auto !important;
} .sticky-header-gap.header_fixed_noscroll.clearfix{
height:150px !important;
}
.elementor-element.elementor-element-2a183a3.dark.elementor-widget.elementor-widget-image .elementor-widget-container .elementor-image{
background-color: #000000;
}
.elementor-element.elementor-element-2a183a3.dark.elementor-widget.elementor-widget-image .elementor-widget-container .elementor-image img{
opacity: 0.6;
}

@font-face {
font-family: "zloob";
src:url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/zloob.eot);
src:url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/zloob.eot?#iefix) format("embedded-opentype"),
url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/zloob.woff) format("woff"),
url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/zloob.ttf) format("truetype"),
url(//daniartdesign.ro/wp-content/themes/arsitek/css/fonts/zloob.svg#zloob) format("svg");
font-weight: normal;
font-style: normal;
}
[data-icon]:before {
font-family: "zloob" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "zloob" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-simple-line-icons:before {
content: "\61";
}
.icon-simple-line-icons-1:before {
content: "\62";
}
.icon-simple-line-icons-2:before {
content: "\63";
}
.icon-simple-line-icons-3:before {
content: "\64";
}
.icon-simple-line-icons-4:before {
content: "\65";
}
.icon-simple-line-icons-5:before {
content: "\66";
}
.icon-simple-line-icons-6:before {
content: "\67";
}
.icon-simple-line-icons-7:before {
content: "\68";
}
.icon-simple-line-icons-8:before {
content: "\69";
}
.icon-simple-line-icons-9:before {
content: "\6a";
}
.icon-simple-line-icons-10:before {
content: "\6b";
}
.icon-simple-line-icons-11:before {
content: "\6c";
}
.icon-simple-line-icons-12:before {
content: "\6d";
}
.icon-simple-line-icons-13:before {
content: "\6e";
}
.icon-simple-line-icons-14:before {
content: "\6f";
}
.icon-simple-line-icons-15:before {
content: "\70";
}
.icon-simple-line-icons-16:before {
content: "\71";
}
.icon-simple-line-icons-17:before {
content: "\72";
}
.icon-simple-line-icons-18:before {
content: "\73";
}
.icon-simple-line-icons-19:before {
content: "\74";
}
.icon-simple-line-icons-20:before {
content: "\75";
}
.icon-simple-line-icons-21:before {
content: "\76";
}
.icon-simple-line-icons-22:before {
content: "\77";
}
.icon-simple-line-icons-23:before {
content: "\78";
}
.icon-simple-line-icons-24:before {
content: "\79";
}
.icon-simple-line-icons-25:before {
content: "\7a";
}
.icon-simple-line-icons-26:before {
content: "\41";
}
.icon-simple-line-icons-27:before {
content: "\42";
}
.icon-simple-line-icons-28:before {
content: "\43";
}
.icon-simple-line-icons-29:before {
content: "\44";
}
.icon-simple-line-icons-30:before {
content: "\45";
}
.icon-simple-line-icons-31:before {
content: "\46";
}
.icon-simple-line-icons-32:before {
content: "\47";
}
.icon-simple-line-icons-33:before {
content: "\48";
}
.icon-simple-line-icons-34:before {
content: "\49";
}
.icon-simple-line-icons-35:before {
content: "\4a";
}
.icon-simple-line-icons-36:before {
content: "\4b";
}
.icon-simple-line-icons-37:before {
content: "\4c";
}
.icon-simple-line-icons-38:before {
content: "\4d";
}
.icon-simple-line-icons-39:before {
content: "\4e";
}
.icon-simple-line-icons-40:before {
content: "\4f";
}
.icon-simple-line-icons-41:before {
content: "\50";
}
.icon-simple-line-icons-42:before {
content: "\51";
}
.icon-simple-line-icons-43:before {
content: "\52";
}
.icon-simple-line-icons-44:before {
content: "\53";
}
.icon-simple-line-icons-45:before {
content: "\54";
}
.icon-simple-line-icons-46:before {
content: "\55";
}
.icon-simple-line-icons-47:before {
content: "\56";
}
.icon-simple-line-icons-48:before {
content: "\57";
}
.icon-simple-line-icons-49:before {
content: "\58";
}
.icon-simple-line-icons-50:before {
content: "\59";
}
.icon-simple-line-icons-51:before {
content: "\5a";
}
.icon-simple-line-icons-52:before {
content: "\30";
}
.icon-simple-line-icons-53:before {
content: "\31";
}
.icon-simple-line-icons-54:before {
content: "\32";
}
.icon-simple-line-icons-55:before {
content: "\33";
}
.icon-simple-line-icons-56:before {
content: "\34";
}
.icon-simple-line-icons-57:before {
content: "\35";
}
.icon-simple-line-icons-58:before {
content: "\36";
}
.icon-simple-line-icons-59:before {
content: "\37";
}
.icon-simple-line-icons-60:before {
content: "\38";
}
.icon-simple-line-icons-61:before {
content: "\39";
}
.icon-simple-line-icons-62:before {
content: "\21";
}
.icon-simple-line-icons-63:before {
content: "\22";
}
.icon-simple-line-icons-64:before {
content: "\23";
}
.icon-simple-line-icons-65:before {
content: "\24";
}
.icon-simple-line-icons-66:before {
content: "\25";
}
.icon-simple-line-icons-67:before {
content: "\26";
}
.icon-simple-line-icons-68:before {
content: "\27";
}
.icon-simple-line-icons-69:before {
content: "\28";
}
.icon-simple-line-icons-70:before {
content: "\29";
}
.icon-simple-line-icons-71:before {
content: "\2a";
}
.icon-simple-line-icons-72:before {
content: "\2b";
}
.icon-simple-line-icons-73:before {
content: "\2c";
}
.icon-simple-line-icons-74:before {
content: "\2d";
}
.icon-simple-line-icons-75:before {
content: "\2e";
}
.icon-simple-line-icons-76:before {
content: "\2f";
}
.icon-simple-line-icons-77:before {
content: "\3a";
}
.icon-simple-line-icons-78:before {
content: "\3b";
}
.icon-simple-line-icons-79:before {
content: "\3c";
}
.icon-simple-line-icons-80:before {
content: "\3d";
}
.icon-simple-line-icons-81:before {
content: "\3e";
}
.icon-simple-line-icons-82:before {
content: "\3f";
}
.icon-simple-line-icons-83:before {
content: "\40";
}
.icon-simple-line-icons-84:before {
content: "\5b";
}
.icon-simple-line-icons-85:before {
content: "\5d";
}
.icon-simple-line-icons-86:before {
content: "\5e";
}
.icon-simple-line-icons-87:before {
content: "\5f";
}
.icon-simple-line-icons-88:before {
content: "\60";
}
.icon-simple-line-icons-89:before {
content: "\7b";
}
.icon-simple-line-icons-90:before {
content: "\7c";
}
.icon-simple-line-icons-91:before {
content: "\7d";
}
.icon-simple-line-icons-92:before {
content: "\7e";
}
.icon-simple-line-icons-93:before {
content: "\5c";
}
.icon-simple-line-icons-94:before {
content: "\e000";
}
.icon-simple-line-icons-95:before {
content: "\e001";
}
.icon-simple-line-icons-96:before {
content: "\e002";
}
.icon-simple-line-icons-97:before {
content: "\e003";
}
.icon-simple-line-icons-98:before {
content: "\e004";
}
.icon-simple-line-icons-99:before {
content: "\e005";
}
.icon-simple-line-icons-100:before {
content: "\e006";
}
.icon-simple-line-icons-101:before {
content: "\e007";
}
.icon-simple-line-icons-102:before {
content: "\e008";
}
.icon-simple-line-icons-103:before {
content: "\e009";
}
.icon-simple-line-icons-104:before {
content: "\e00a";
}
.icon-simple-line-icons-105:before {
content: "\e00b";
}
.icon-simple-line-icons-106:before {
content: "\e00c";
}
.icon-simple-line-icons-107:before {
content: "\e00d";
}
.icon-simple-line-icons-108:before {
content: "\e00e";
}
.icon-simple-line-icons-109:before {
content: "\e00f";
}
.icon-simple-line-icons-110:before {
content: "\e010";
}
.icon-simple-line-icons-111:before {
content: "\e011";
}
.icon-simple-line-icons-112:before {
content: "\e012";
}
.icon-simple-line-icons-113:before {
content: "\e013";
}
.icon-simple-line-icons-114:before {
content: "\e014";
}
.icon-simple-line-icons-115:before {
content: "\e015";
}
.icon-simple-line-icons-116:before {
content: "\e016";
}
.icon-simple-line-icons-117:before {
content: "\e017";
}
.icon-simple-line-icons-118:before {
content: "\e018";
}
.icon-simple-line-icons-119:before {
content: "\e019";
}
.icon-simple-line-icons-120:before {
content: "\e01a";
}
.icon-simple-line-icons-121:before {
content: "\e01b";
}
.icon-simple-line-icons-122:before {
content: "\e01c";
}
.icon-simple-line-icons-123:before {
content: "\e01d";
}
.icon-simple-line-icons-124:before {
content: "\e01e";
}
.icon-simple-line-icons-125:before {
content: "\e01f";
}
.icon-simple-line-icons-126:before {
content: "\e020";
}
.icon-simple-line-icons-127:before {
content: "\e021";
}
.icon-simple-line-icons-128:before {
content: "\e022";
}
.icon-simple-line-icons-129:before {
content: "\e023";
}
.icon-simple-line-icons-130:before {
content: "\e024";
}
.icon-simple-line-icons-131:before {
content: "\e025";
}
.icon-simple-line-icons-132:before {
content: "\e026";
}
.icon-simple-line-icons-133:before {
content: "\e027";
}
.icon-simple-line-icons-134:before {
content: "\e028";
}
.icon-simple-line-icons-135:before {
content: "\e029";
}
.icon-simple-line-icons-136:before {
content: "\e02a";
}
.icon-simple-line-icons-137:before {
content: "\e02b";
}
.icon-simple-line-icons-138:before {
content: "\e02c";
}
.icon-simple-line-icons-139:before {
content: "\e02d";
}
.icon-simple-line-icons-140:before {
content: "\e02e";
}
.icon-simple-line-icons-141:before {
content: "\e02f";
}
.icon-simple-line-icons-142:before {
content: "\e030";
}
.icon-simple-line-icons-143:before {
content: "\e031";
}
.icon-simple-line-icons-144:before {
content: "\e032";
}
.icon-simple-line-icons-145:before {
content: "\e033";
}
.icon-simple-line-icons-146:before {
content: "\e034";
}
.icon-simple-line-icons-147:before {
content: "\e035";
}
.icon-simple-line-icons-148:before {
content: "\e036";
}
.icon-simple-line-icons-149:before {
content: "\e037";
}
.icon-simple-line-icons-150:before {
content: "\e038";
}
.icon-simple-line-icons-151:before {
content: "\e039";
}
.icon-simple-line-icons-152:before {
content: "\e03a";
}
.icon-simple-line-icons-153:before {
content: "\e03b";
}
.icon-simple-line-icons-154:before {
content: "\e03c";
}
.icon-simple-line-icons-155:before {
content: "\e03d";
}
.icon-simple-line-icons-156:before {
content: "\e03e";
}
.icon-simple-line-icons-157:before {
content: "\e03f";
}
.icon-simple-line-icons-158:before {
content: "\e040";
}
.icon-simple-line-icons-159:before {
content: "\e041";
}
.icon-simple-line-icons-160:before {
content: "\e042";
}
.icon-simple-line-icons-161:before {
content: "\e043";
}
.icon-themify:before {
content: "\e044";
}
.icon-themify-1:before {
content: "\e045";
}
.icon-themify-2:before {
content: "\e046";
}
.icon-themify-3:before {
content: "\e047";
}
.icon-themify-4:before {
content: "\e048";
}
.icon-themify-5:before {
content: "\e049";
}
.icon-themify-6:before {
content: "\e04a";
}
.icon-themify-7:before {
content: "\e04b";
}
.icon-themify-8:before {
content: "\e04c";
}
.icon-themify-9:before {
content: "\e04d";
}
.icon-themify-11:before {
content: "\e04f";
}
.icon-themify-12:before {
content: "\e050";
}
.icon-themify-13:before {
content: "\e051";
}
.icon-themify-14:before {
content: "\e052";
}
.icon-themify-15:before {
content: "\e053";
}
.icon-themify-16:before {
content: "\e054";
}
.icon-themify-17:before {
content: "\e055";
}
.icon-themify-19:before {
content: "\e057";
}
.icon-significon-archive:before {
content: "\e058";
}
.icon-significon-arrow-down:before {
content: "\e059";
}
.icon-significon-arrow-left:before {
content: "\e05a";
}
.icon-significon-arrow-right:before {
content: "\e05b";
}
.icon-significon-arrow-up:before {
content: "\e05c";
}
.icon-significon-attachment:before {
content: "\e05d";
}
.icon-significon-bell:before {
content: "\e05e";
}
.icon-significon-bolt:before {
content: "\e05f";
}
.icon-significon-book:before {
content: "\e060";
}
.icon-significon-bookmark:before {
content: "\e061";
}
.icon-significon-bulb:before {
content: "\e062";
}
.icon-significon-bullhorn:before {
content: "\e063";
}
.icon-significon-calendar:before {
content: "\e064";
}
.icon-significon-camera:before {
content: "\e065";
}
.icon-significon-cart:before {
content: "\e066";
}
.icon-significon-chart-bar:before {
content: "\e067";
}
.icon-significon-chat:before {
content: "\e068";
}
.icon-significon-check:before {
content: "\e069";
}
.icon-significon-click:before {
content: "\e06a";
}
.icon-significon-cloud:before {
content: "\e06b";
}
.icon-significon-command:before {
content: "\e06c";
}
.icon-significon-comment:before {
content: "\e06d";
}
.icon-significon-compass:before {
content: "\e06e";
}
.icon-significon-compress:before {
content: "\e06f";
}
.icon-significon-computer:before {
content: "\e070";
}
.icon-significon-creditcard:before {
content: "\e071";
}
.icon-significon-dashboard:before {
content: "\e072";
}
.icon-significon-delete:before {
content: "\e073";
}
.icon-significon-discount:before {
content: "\e074";
}
.icon-significon-dislike:before {
content: "\e075";
}
.icon-significon-end:before {
content: "\e076";
}
.icon-significon-exchange:before {
content: "\e077";
}
.icon-significon-external:before {
content: "\e078";
}
.icon-significon-eye:before {
content: "\e079";
}
.icon-significon-fastbackward:before {
content: "\e07a";
}
.icon-significon-fastforward:before {
content: "\e07b";
}
.icon-significon-files:before {
content: "\e07c";
}
.icon-significon-flag:before {
content: "\e07d";
}
.icon-significon-folder:before {
content: "\e07e";
}
.icon-significon-folderopen:before {
content: "\e07f";
}
.icon-significon-hd:before {
content: "\e080";
}
.icon-significon-heart:before {
content: "\e081";
}
.icon-significon-home:before {
content: "\e082";
}
.icon-significon-horizontal:before {
content: "\e083";
}
.icon-significon-hourglass:before {
content: "\e084";
}
.icon-significon-info:before {
content: "\e085";
}
.icon-significon-key:before {
content: "\e086";
}
.icon-significon-keyboard:before {
content: "\e087";
}
.icon-significon-lab:before {
content: "\e088";
}
.icon-significon-layers:before {
content: "\e089";
}
.icon-significon-location:before {
content: "\e08a";
}
.icon-significon-lock:before {
content: "\e08b";
}
.icon-significon-login:before {
content: "\e08c";
}
.icon-significon-logout:before {
content: "\e08d";
}
.icon-significon-mail:before {
content: "\e08e";
}
.icon-significon-maps:before {
content: "\e08f";
}
.icon-significon-medal:before {
content: "\e090";
}
.icon-significon-menu:before {
content: "\e091";
}
.icon-significon-microphone:before {
content: "\e092";
}
.icon-significon-mobile:before {
content: "\e093";
}
.icon-significon-music:before {
content: "\e094";
}
.icon-significon-mute:before {
content: "\e095";
}
.icon-significon-network:before {
content: "\e096";
}
.icon-significon-news:before {
content: "\e097";
}
.icon-significon-next:before {
content: "\e098";
}
.icon-significon-paper:before {
content: "\e099";
}
.icon-significon-pause:before {
content: "\e09a";
}
.icon-significon-phone:before {
content: "\e09b";
}
.icon-significon-picture:before {
content: "\e09c";
}
.icon-significon-pin:before {
content: "\e09d";
}
.icon-significon-plus:before {
content: "\e09e";
}
.icon-significon-power:before {
content: "\e09f";
}
.icon-significon-preferences:before {
content: "\e0a0";
}
.icon-significon-previous:before {
content: "\e0a1";
}
.icon-significon-print:before {
content: "\e0a2";
}
.icon-significon-question:before {
content: "\e0a3";
}
.icon-significon-redo:before {
content: "\e0a4";
}
.icon-significon-refresh:before {
content: "\e0a5";
}
.icon-significon-reload:before {
content: "\e0a6";
}
.icon-significon-resize:before {
content: "\e0a7";
}
.icon-significon-server:before {
content: "\e0a8";
}
.icon-significon-share:before {
content: "\e0a9";
}
.icon-significon-share-i:before {
content: "\e0aa";
}
.icon-significon-shuffle:before {
content: "\e0ab";
}
.icon-significon-signal:before {
content: "\e0ac";
}
.icon-significon-sound:before {
content: "\e0ad";
}
.icon-significon-star:before {
content: "\e0ae";
}
.icon-significon-stop:before {
content: "\e0af";
}
.icon-significon-tag:before {
content: "\e0b0";
}
.icon-significon-thumbnail:before {
content: "\e0b1";
}
.icon-significon-undo:before {
content: "\e0b2";
}
.icon-significon-upload:before {
content: "\e0b3";
}
.icon-significon-user:before {
content: "\e0b4";
}
.icon-significon-vertical:before {
content: "\e0b5";
}
.icon-significon-video:before {
content: "\e0b6";
}
.icon-significon-warning:before {
content: "\e0b7";
}
.icon-significon-watch:before {
content: "\e0b8";
}
.icon-significon-wrench:before {
content: "\e0b9";
}
.icon-significon-x:before {
content: "\e0ba";
}
.icon-significon-briefcase:before {
content: "\e0bb";
}
.icon-significon-browser:before {
content: "\e0bc";
}
.icon-significon-building:before {
content: "\e0bd";
}
.icon-significon-cloud-download:before {
content: "\e0be";
}
.icon-significon-cloud-upload:before {
content: "\e0bf";
}
.icon-significon-cog:before {
content: "\e0c0";
}
.icon-significon-download:before {
content: "\e0c1";
}
.icon-significon-edit:before {
content: "\e0c2";
}
.icon-significon-eject:before {
content: "\e0c3";
}
.icon-significon-friends:before {
content: "\e0c4";
}
.icon-significon-full:before {
content: "\e0c5";
}
.icon-significon-grid:before {
content: "\e0c6";
}
.icon-significon-like:before {
content: "\e0c7";
}
.icon-significon-link:before {
content: "\e0c8";
}
.icon-significon-list:before {
content: "\e0c9";
}
.icon-significon-mouse:before {
content: "\e0ca";
}
.icon-significon-move:before {
content: "\e0cb";
}
.icon-significon-multiple:before {
content: "\e0cc";
}
.icon-significon-place:before {
content: "\e0cd";
}
.icon-significon-play:before {
content: "\e0ce";
}
.icon-significon-playlist:before {
content: "\e0cf";
}
.icon-significon-restore:before {
content: "\e0d0";
}
.icon-significon-rewind:before {
content: "\e0d1";
}
.icon-significon-search:before {
content: "\e0d2";
}
.icon-significon-ticket:before {
content: "\e0d3";
}
.icon-significon-time:before {
content: "\e0d4";
}
.icon-significon-trash:before {
content: "\e0d5";
}
.icon-social-dribbble:before {
content: "\e0d6";
}
.icon-social-dribbble-outline:before {
content: "\e0d7";
}
.icon-social-instagram:before {
content: "\e0d8";
}
.icon-social-instagram-outline:before {
content: "\e0d9";
}
.icon-social-snapchat:before {
content: "\e0da";
}
.icon-behance2:before {
content: "\e0de";
}
.icon-bubble:before {
content: "\e0df";
}
.icon-bulb:before {
content: "\e0e0";
}
.icon-cup:before {
content: "\e0e1";
}
.icon-lab:before {
content: "\e0e2";
}
.icon-themify-18:before {
content: "\e056";
}
.icon-themify-10:before {
content: "\e04e";
}
.icon-themify-20:before {
content: "\e0db";
}
.icon-themify-21:before {
content: "\e0dc";
}
.icon-themify-22:before {
content: "\e0dd";
}
.icon-themify-23:before {
content: "\e0e3";
}
.icon-css3:before {
content: "\e0e4";
}
.icon-skype:before {
content: "\e0e5";
}
.icon-steam-square:before {
content: "\e0e6";
}
.icon-social-codepen:before {
content: "\e0e7";
}
.icon-social-css3:before {
content: "\e0e8";
}
.icon-social-html5:before {
content: "\e0e9";
}
.icon-social-github:before {
content: "\e0ea";
}
.icon-social-rss:before {
content: "\e0eb";
}
.icon-social-twitch-outline:before {
content: "\e0ec";
}
.icon-deviantart:before {
content: "\e0ed";
}
.icon-trello:before {
content: "\e0ee";
}
.icon-weixin:before {
content: "\e0ef";
}
.icon-weibo:before {
content: "\e0f0";
}
.icon-xing:before {
content: "\e0f1";
}
.icon-yahoo:before {
content: "\e0f2";
}
.icon-yelp:before {
content: "\e0f3";
}
.icon-heart-o:before {
content: "\e0f4";
}
.icon-heart:before {
content: "\e0f5";
}
.icon-heart:before {
content: "\e0f4";
}
.icon-heart-o:before {
content: "\e0f5";
}
.icon-arrow-left:before {
content: "\e0f6";
}
.icon-arrow-right:before {
content: "\e0f7";
}@media only screen and (max-width: 1366px) {
}  @media only screen and (max-width: 1280px) {
}  @media only screen and (max-width: 1024px) {
.main-wrapper #header .container, .main-wrapper #content .container, .main-wrapper #footer .container {
width: auto;
}
}  @media only screen and (max-width: 992px) {
}  @media only screen and (max-width: 768px) {
#main-wrapper .container {
width: 100%;
padding: 0 30px 0 30px;
box-sizing: border-box;
}
.header-style-1-wrap .fr, .header-style-1-wrap .fc, .header-style-1-wrap .fl {
float: none;
}
.header-style-1-wrap .fl {
text-align: center;
}
#header.header-style-1-wrap .logo {
display: inline-block;
}
.header-style-1-wrap .main-menu {
display: block;
width: 100%;
}
.header-style-1-wrap .search-wrap {
padding: 0;
right: 8%;
top: 5px;
position: absolute;
}  .main-menu-btn {
position: absolute;
z-index: 2;
top: 0;
right: 38px;
display: block;
} #main-menu-state:not(:checked) ~ #main-menu {
display: block;
} .header-style-1-wrap .menu-wrapper {
float: none;
width: 100%;
max-width: 100%;
}
#header.header-style-1-wrap .mobile-menu {
display: block;
text-align: right;
}
#header.header-style-1-wrap .logo {
float: none;
text-align: center;
}
#header.header-style-1-wrap .menu-wrapper .main-menu {
display: block;
} .main-menu {
margin-top: 30px;
}
#header .mobile-menu {
display: block;
text-align: right;
}
ul.sm-clean {
display: none;
}
#main-wrapper #header .container {
padding: 0;
}
#primary-menu ul.sm-clean.menu-active {
display: block;
}
#primary-menu ul.sm-clean > li {
margin-left: 0;
padding: 0;
border-top: 0;
}
#primary-menu ul.sm-clean > li > a {
font-size: 14px;
padding: 12px 50px 13px 50px;
text-align: center;
}
.header-style-1-wrap .main-menu ul.sm-clean>li>a::before, .header-style-1-wrap .main-menu ul.sm-clean>li.current-menu-item>a::before,
.header-style-1-wrap .main-menu ul.sm-clean>li>a::after,
.header-style-1-wrap .main-menu ul.sm-clean>li::before
.header-style-1-wrap .main-menu ul.sm-clean>li::after {
display: none;
}
#primary-menu ul.sm-clean > li > a span.sub-arrow {
position: absolute;
right: 0;
top: 0;
margin: 0;
width: 47px;
height: 48px;
line-height: 48px !important;
border-radius: 0;
background-color: #0a0a0a;
color: #ffffff;
}
.sm-clean ul.sub-menu {
background-color: #0a0a0a;
}
.sm-clean li.has-submenu, .sm-clean li.menu-item-has-children {
}
#primary-menu .sm-clean ul.sub-menu li a {
color: #ffffff;
padding: 7px 30px;
margin-left: 10px;
border: 0;
font-size: 13px;
}
#primary-menu .sm-clean ul.sub-menu li a:hover {
opacity: 0.7;
}
.blog-single {
margin-bottom: 40px;
}
.content-section .blog-item .post-meta, .content-section .blog-item .share-section {
float: none;
text-align: center;
}
.content-section .blog-item .share-section {     
margin-top: 10px;
margin-bottom: 20px;
}
.footer-bottom .column{
width: 100%;
text-align: center;
float: none;
margin-bottom: 20px;
}
.column {
float: none;
max-width: 100%;
}
.column-1 {
width: 100%;
}
.column-2 {
width: 100%;
}
.column-3 {
width: 100%;
}
.column-2of3 {
width: 100%;
}
.column-4 {
width: 100%;
}
.column-5 {
width: 100%;
}
.row {
margin-right: 0px;
margin-left: 0px;
} .team-details {
top: 0;
bottom: 0;
width: 100%;
max-width: 100%;
}
.team-block:hover .team-details {
-ms-transform: none;
-webkit-transform: none;
transform: none; 
}
.team-details .team-name, .team-details .team-job, .team-details .team-socials {
position: relative;
top: 50%;
} .bordered.top-border,
.bordered.left-border,
.bordered.bottom-border,
.bordered.right-border {
display: none;
}
.header-style-2-wrap #footer.fixed-footer {
padding-left: 0 !important;
} #main-wrapper .container.filters, 
#main-wrapper .container.mobile-filter {
padding: 0;
max-width: 100%;
margin: 0 0 15px;
}
.portfolio-pagination .prev-portfolio {
text-align: left;
width: 33.33333%;
float: left;
padding-left: 0;
}
.portfolio-pagination .all-portfolio {
text-align: center !important;
width: 33.33333%;
float: left;
}
.portfolio-pagination .next-portfolio {
text-align: right !important;
width: 33.33333%;
float: left;
padding-right: 0;
}
.footer-widget {
margin-bottom: 30px;
}
.footer-widget:last-child {
margin-bottom: 0px;
}
.portfolio-thumb-widget .post-item {
width: calc((100% /3) - 10px);
margin-bottom: 5px;
} }
@media only screen and (max-width: 1024px) { .tablet-column-1 {
width: 100%;
float: left;
}
.tablet-column-2 {
width: calc(100%/2);
float: left;
}
.tablet-column-3 {
width: calc(100%/3);
float: left;
}
.tablet-column-4 {
width: calc(100%/4);
float: left;
}
.tablet-column-5 {
width: calc(100%/5);
float: left;
}
.instagram-builder .tablet-column-1.instagram-item {
width: 100%;
float: left;
}
.instagram-builder .tablet-column-2.instagram-item {
width: calc(100%/2);
float: left;
}
.instagram-builder .tablet-column-3.instagram-item {
width: calc(100%/3);
float: left;
}
.instagram-builder .tablet-column-4.instagram-item {
width: calc(100%/4);
float: left;
}
.instagram-builder .tablet-column-5.instagram-item {
width: calc(100%/5);
float: left;
}
.portfolio-block-wrap .tablet-column-1.portfo-block-item,
.portfolio-block-wrap .tablet-column-1.portfo-block-item.wider {
width: 100%;
float: left;
}
.portfolio-block-wrap .tablet-column-2.portfo-block-item,
.portfolio-block-wrap .tablet-column-2.portfo-block-item.wider {
width: calc(100%/2);
float: left;
}
.portfolio-block-wrap .tablet-column-3.portfo-block-item,
.portfolio-block-wrap .tablet-column-3.portfo-block-item.wider {
width: calc(100%/3);
float: left;
}
.portfolio-block-wrap .tablet-column-4.portfo-block-item,
.portfolio-block-wrap .tablet-column-4.portfo-block-item.wider {
width: calc(100%/4);
float: left;
}
.portfolio-block-wrap .tablet-column-5.portfo-block-item,
.portfolio-block-wrap .tablet-column-5.portfo-block-item.wider {
width: calc(100%/5);
float: left;
}
.blog-section .tablet-column-1.blog-item {
width: 100%;
}
.blog-section .tablet-column-2.blog-item {
width: 50%;
}
.blog-section .tablet-column-3.blog-item {
width: 33.33333%;
}
.blog-section .tablet-column-4.blog-item {
width: 25%;
}
.blog-section .tablet-column-5.blog-item {
width: 20%;
}
.elementor .elementor-image-gallery.custom-gallery .tablet-column-1.gallery-item {
width: 100%;
max-width: 100%;
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .tablet-column-2.gallery-item {
width: calc(100%/2);
max-width: calc(100%/2);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .tablet-column-3.gallery-item {
width: calc(100%/3);
max-width: calc(100%/3);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .tablet-column-4.gallery-item {
width: calc(100%/4);
max-width: calc(100%/4);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .tablet-column-5.gallery-item {
width: calc(100%/5);
max-width: calc(100%/5);
float: left;
}
}
@media only screen and (max-width: 767px) { .mobile-column-1 {
width: 100%;
float: left;
}
.mobile-column-2 {
width: calc(100%/2);
float: left;
}
.mobile-column-3 {
width: calc(100%/3);
float: left;
}
.mobile-column-4 {
width: calc(100%/4);
float: left;
}
.mobile-column-5 {
width: calc(100%/5);
float: left;
}
.instagram-builder .mobile-column-1.instagram-item {
width: 100%;
float: left;
}
.instagram-builder .mobile-column-2.instagram-item {
width: calc(100%/2);
float: left;
}
.instagram-builder .mobile-column-3.instagram-item {
width: calc(100%/3);
float: left;
}
.instagram-builder .mobile-column-4.instagram-item {
width: calc(100%/4);
float: left;
}
.instagram-builder .mobile-column-5.instagram-item {
width: calc(100%/5);
float: left;
}
.portfolio-block-wrap .mobile-column-1.portfo-block-item,
.portfolio-block-wrap .mobile-column-1.portfo-block-item.wider {
width: 100%;
float: left;
}
.portfolio-block-wrap .mobile-column-2.portfo-block-item,
.portfolio-block-wrap .mobile-column-2.portfo-block-item.wider {
width: calc(100%/2);
float: left;
}
.portfolio-block-wrap .mobile-column-3.portfo-block-item,
.portfolio-block-wrap .mobile-column-3.portfo-block-item.wider {
width: calc(100%/3);
float: left;
}
.portfolio-block-wrap .mobile-column-4.portfo-block-item,
.portfolio-block-wrap .mobile-column-4.portfo-block-item.wider {
width: calc(100%/4);
float: left;
}
.portfolio-block-wrap .mobile-column-5.portfo-block-item,
.portfolio-block-wrap .mobile-column-5.portfo-block-item.wider {
width: calc(100%/5);
float: left;
}
.blog-section .mobile-column-1.blog-item {
width: 100%;
}
.blog-section .mobile-column-2.blog-item {
width: 50%;
}
.blog-section .mobile-column-3.blog-item {
width: 33.33333%;
}
.blog-section .mobile-column-4.blog-item {
width: 25%;
}
.blog-section .mobile-column-5.blog-item {
width: 20%;
}
.elementor .elementor-image-gallery.custom-gallery .mobile-column-1.gallery-item {
width: 100%;
max-width: 100%;
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .mobile-column-2.gallery-item {
width: calc(100%/2);
max-width: calc(100%/2);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .mobile-column-3.gallery-item {
width: calc(100%/3);
max-width: calc(100%/3);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .mobile-column-4.gallery-item {
width: calc(100%/4);
max-width: calc(100%/4);
float: left;
}
.elementor .elementor-image-gallery.custom-gallery .mobile-column-5.gallery-item {
width: calc(100%/5);
max-width: calc(100%/5);
float: left;
} .filter-wraper {
margin-bottom: 10px;
}
.mobile-filter {
display: block;
}
.mobile-filter i {
cursor: pointer;
}
#main-wrapper #portfolio-filter.container {
max-height: 0;
margin: 0;
opacity: 0;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
#main-wrapper #portfolio-filter.container.show {
max-height: 800px;
opacity: 1;
-webkit-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
ul.filters li {
margin: 10px 0;
}
}  @media only screen and (max-width: 640px) {
.portfolio-thumb-widget .post-item {
width: calc((100% /3) - 3px);
}
.sticky .post-title:before {
position: relative;
display: block;
margin-bottom: 20px;
}
.comments-title h3 {
float: none;
display: block;
}
.leave-reply-link {
display: block;
margin-top: 10px;
}
.comments-title .leave-reply-link a {
float: none;
}
}  @media only screen and (max-width: 480px) {
.filters .filter-btn {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 321px) {
.meta-wrapper {
margin-bottom: 10px;
}
}  @media screen and (max-width: 77em) {
.outer-nav.top {
top: 15%;
}
.outer-nav.bottom {
bottom: 15%;
}
}
@media screen and (max-width: 36.625em), screen and (max-height: 41.75em) {
.outer-nav.top {
top: 5%;
}
.outer-nav.bottom {
bottom: 5%;
}
.outer-nav.horizontal {
font-size: 1.7em;
width: 6.2em;
}
.outer-nav.horizontal a {
display: block;
text-align: left;
} .effect-rotatetop .outer-nav.horizontal {
width: 95%;
bottom: auto;
top: 50%;
}
.effect-rotatetop .outer-nav.horizontal a {
display: inline-block;
}
}
@media screen and (max-width: 31em), screen and (max-height: 36.2em) {
.outer-nav.horizontal,
.outer-nav.vertical {
font-size: 1.2em;
width: 6.8em;
}
.outer-nav.right {
right: auto;
left: 50%;
}
}
@media screen and (max-height: 31.6em) {
.outer-nav a {
margin-bottom: 20px;
}
}