@charset "UTF-8";
.one_half, .one_third, .two_third, .three_fourth, .one_fourth {
margin-right: 2%;
float: left;
margin-bottom: 20px;
position: relative;
}
.one_half {
width: 48%;
}
.one_third {
width: 31%;
}
.two_third {
width: 64%;
}
.one_fourth {
width: 23%;
}
.three_fourth {
width: 73%;
}
#page-content .last {
margin-right: 0 !important;
clear: right;
}
.clearboth {
clear: both;
display: block;
font-size: 0px;
height: 0px;
line-height: 0;
width: 100%;
overflow: hidden;
}
.nav-tabs {
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
}
.nav-tabs li a {
display: block;
float: left;
border-bottom: #fff solid 3px;
padding: 10px;
margin-right: 1px;
text-decoration: none;
font-size: 15px;
color: #fff;
background: rgba(0, 0, 0, 0.3);
}
.nav-tabs li.active a {
background: #fff;
color: #000;
}
.tab_content {
padding: 20px 10px;
} .pbar {
height: 68px;
border: none;
position: relative;
margin-bottom: 20px;
padding: 20px;
overflow: hidden;
width: 100%;
}
.pbar-content {
height: 100%;
background: white;
z-index: 1;
position: relative;
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.pbar .pbar-title {
position: absolute;
top: 0;
font-weight: 500;
color: #aaa;
left: 35px;
line-height: 68px;
font-size: 15px;
text-transform: uppercase;
z-index: 2;
}
.pbar .percentage {
font-size: 14px;
color: #626363;
font-weight: normal;
position: absolute;
top: 10px;
left: 90%;
}
.bg-icon{
position: absolute;
right: 0;
font-size: 189px;
height: 120%;
z-index: 0;
top: -64px;
color: rgba(0,0,0,0.06);
} .buttons a {
margin-right: 30px;
}
.button {
text-decoration: none;
display: inline-block;
margin: 0 0 10px 10px;
}
.button:hover {
background: rgba(0,0,0,.1);
}
.button:hover {
color: #000;
}
.button.large {
text-transform: uppercase;
text-align: center;
padding: 27px 66px;
color: #fff;
font-weight: bold;
font-size: 19px;
line-height: 19px;
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
}
.button.small {
-webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
color: #FFFFFF;
font-size: 15px;
padding: 10px 20px;
text-align: center;
text-transform: uppercase;
margin: 0;
}
.button.black {
background: #000;
}
.button.black:hover {
background: #fff;
color: #000;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.orange {
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
background: #ff6d00;
}
.button.orange:hover {
background: #ff3a00;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.blue {
background: #36848a;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.blue:hover {
background: #1c464a;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.red {
background: #8e2b22;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.red:hover {
background: #4c1712;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.white {
background: #fff;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
color: #000;
}
.button.white:hover {
color: #fff;
background: #000;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.grey {
background: #3a3a3a;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.grey:hover {
background: #1f1f1f;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.darkblue {
background: #283d54;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.darkblue:hover {
background: #15212d;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.green {
background: #346118;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.button.green:hover {
background: #264712;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
}
.highlight_white {
background: #fff;
padding: 2px;
color: #000;
}
.highlight_black {
background: #000;
color: #fff;
padding: 2px;
}
.highlight_red {
background: red;
color: #fff;
padding: 2px;
}
.highlight_yellow {
background: #EEEE22;
color: black;
padding: 2px;
}
.dropcap {
font-size: 60px;
margin-right: 6px;
padding-top: 11px;
text-transform: uppercase;
float: left;
position: relative;
top: 5px;
padding-bottom: 11px;
}
ul.iconlist {
list-style: none;
}
ul.iconlist i:before {
float: left;
margin-right: 8px;
}
span.quote{
display: block;
padding-left: 20px;
border-left: 2px solid;
font-style: italic;
margin-top: 20px;
margin-bottom: 30px;
clear: both;
float: none;
}
pre.code{
font-family: inherit;
line-height: inherit;
border-radius: 0;
background: white;
}
.before-inner{
height: 100%;
width: 100%;
position: absolute;
background-size: cover;
top: 0;
}
.before-outer {
background-size: cover;
max-width: 100%;
overflow: hidden;
position: relative;
background-size: cover;
max-width: 100%;
cursor: none;
}
img.before-img{
visibility: hidden;
width: 100%;
height: auto;
}
.before-line{
position: absolute;
right: 0;
top: 0;
width: 1px;
height: 100%;
background: white;
z-index: 5;
} ul.pricing-table{
list-style-type: none;
}
.pricing-table {
padding: 20px;
}
.price-inside{
position: relative;
}
.price-inside:after {
content: "";
position: absolute;
width: 100%;
bottom: 0;
background: white;
height: 0;
z-index: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pricing-table.featured .price-inside:after,
.pricing-table:hover .price-inside:after{
height: 100%;
}
.price-title {
padding: 40px 0;
font-size: 26px;
letter-spacing: 2px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
position: relative;
z-index: 1;
}
.pricing-row {
letter-spacing: 0;
text-transform: uppercase;
text-align: center;
margin-bottom: 50px;
position: relative;
z-index: 1;
}
.exact_price,
.currency{
font-size: 68px;
font-weight: 700;
line-height: 1em;
}
.cents_period{
display: inline-block;
line-height: 68px;
}
.price_cents {
text-align: left;
font-size: 37px;
font-weight: 600;
line-height: 45px;
display: block;
}
.time {
color: #888;
font-size: 13px;
line-height: 22px;
display: block;
letter-spacing: 2px;
font-weight: 500;
position: relative;
text-transform: uppercase;
}
.pricing-feature {
font-size: 14px;
padding: 6px;
text-align: center;
}
.price-bottom {
text-align: center;
background: #fff;
margin: 20px 0 0 0;
padding-top: 30px;
position: relative;
z-index: 1;
}
.btn-price {
font-size: 13px;
padding: 10px 16px;
display: inline-block;
font-weight: 700;
border: 2px solid;
letter-spacing: 2px;
text-transform: uppercase;
margin: 30px auto 40px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
} .team-member .soc {
display: block;
}
.testimonials{
background: #fff;
padding: 20px;
opacity: 1;
display: block;
position: relative;
}
.testimonials .owl-controls{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 140px;
top: 0;
margin: auto;
}
.testimonials .owl-buttons {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
}
.testimonials .owl-buttons .owl-prev {
border: none;
border-radius: 0;
background: transparent;
left: 0;
position: absolute;
top: -20px;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.testimonials .owl-buttons .owl-next{
border: none;
border-radius: 0;
background: transparent;
position: absolute;
right: 0;
top: -20px;
opacity: 0;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.owl-carousel.owl-theme .owl-buttons .owl-prev,
.owl-carousel.owl-theme .owl-buttons .owl-next {
top: 0;
bottom: auto;
width: 140px;
height: 140px;
margin: 0;
display: block;
border: none;
border-radius: 0;
background: transparent;
opacity: 1;
}
.owl-carousel.owl-theme .owl-buttons .owl-prev:before{
font-family: 'ggticons';
content: "\ed36";
line-height: 140px;
font-size: 60px;
color: #000;
}
.owl-carousel.owl-theme .owl-buttons .owl-next:before{
font-family: 'ggticons';
content: "\ed43";
line-height: 140px;
font-size: 60px;
color: #000;
}
.owl-carousel:hover .owl-prev {
display: block;
border: none;
border-radius: 0;
background: transparent;
opacity: 1;
left: 0;
}
.owl-carousel:hover .owl-next {
display: block;
border: none;
border-radius: 0;
background: transparent;
opacity: 1;
right: 0;
}
.testimonials p {
color: #000;
font-size: 14px;
line-height: 1.5em;
}
.testimonials-thumbs{
display: inline-block;
margin: 0 auto;
width: 100%;
height: 140px;
padding: 0;
text-align: center;
font-size: 0;
}
.testimonials-item{
padding: 20px 160px;
text-align: center;
}
.testimonials-item h3 {
font-size: 20px;
font-weight: 500;
letter-spacing: 2px;
line-height: 1.3em;
margin-bottom: 30px;
}
.testimonials-thumbs a{
display: inline-block;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.testimonials-thumbs a:hover,
.testimonials-thumbs a.active{
transform: translateY(-12px);
}
.testimonials-thumb{
cursor: pointer;
}
.testimonials-wrap{
padding: 20px;
} .service{
padding: 20px;
}
.service-inside{
position: relative;
text-align: center;
}
.service-inside:after {
left: 0;
content: "";
position: absolute;
width: 100%;
bottom: 0;
background: white;
height: 0;
z-index: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service.featured .service-inside:after,
.service:hover .service-inside:after{
height: 100%;
}
.service-visual {
padding: 30px 0;
overflow: hidden;
text-align: center;
position: relative;
display:inline-block;
z-index: 1;
}
.service-title{
position: relative;
z-index: 1;
}
.service-title h2{
text-align: center;
text-transform: uppercase;
font-size: 20px;
font-weight: 500;
line-height: 1.5em;
letter-spacing: 2px;
}
.service-image{
position: relative;
width: 150px;
height: 150px;
top: 0;
background-position: center center;
background-size: cover;
}
.service-icon{
height: 100%;
}
.service-icon i {
cursor: default;
font-size: 160px;
line-height: 1.3em;
vertical-align: middle;
}
.service-text {
margin-top: 40px;
font-size: 14px;
padding: 30px 20px;
background: #fff;
text-align: center;
position: relative;
z-index: 1;
}
.vignette-overlay{
background-image: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/vignette.png);
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
opacity: 0;
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
}
.photo-thumb.active .vignette-overlay,
.photo-thumb:hover .vignette-overlay{
opacity: 1;
} .team-title h2 {
font-size: 20px;
font-weight: 500;
letter-spacing: 2px;
line-height: 1.3em;
padding: 30px 100px;
}
.team-member{
text-align: center;
padding: 0;
padding-bottom: 30px;
}
.team-photo{
text-align: center;
position: relative;
margin: 10px 0;
padding: 0;
}
.position-wrap{
position: absolute;
bottom: 30px;
width: 100%;
text-align: center;
}
.team-position {
position: relative;
display: inline-block;
margin: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
letter-spacing: 2px;
background: #fff;
opacity: 0;
padding: 14px 30px;
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
.team-member:hover .team-position{
opacity: 1;
}
.team-photo img{
margin: 0;
width: 100%;
height: auto;
}
.soc a {
display: inline-block;
margin: 5px;
width: 50px;
height: 50px;
text-align: center;
line-height: 47px;
font-size: 18px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.soc a:hover{
background: #fff;
}
.team-thumb {
cursor: pointer;
} .chart {
min-height: 140px;
text-align: center;
}
.chart .percentage{
position: relative;
top: 65px;
}
.piechart-content {
text-align: center;
text-transform: uppercase;
letter-spacing: 0px;
line-height: 20px;
padding-top: 10px;
}
.separator{
width: 100%;
height: 5px;
margin-top: 20px;
margin-bottom: 30px;
clear: both;
opacity: 0.1;
}
.clear{
clear: both;
} .clients-wrap{
margin: 0 140px;
}
.clients-outer{
padding: 20px;
}
.clients .client-item {
background: none repeat scroll 0 0 #fff;
height: 100%;
overflow: hidden;
padding: 20px 10px;
text-align: center;
}
.clients .owl-controls {
height: 100%;
position: absolute;
bottom: 0;
top: 0;
margin: 0;
width: 100%;
}
.clients .owl-buttons{
width: calc(100% + 280px);
left: -140px;
position: absolute;
height: 100%;
}
.clients .owl-buttons .owl-prev,
.clients .owl-buttons .owl-next{
position: absolute;
}
.clients .owl-buttons .owl-prev{
left: 0;
}
.clients .owl-buttons .owl-next{
right: 0;
}
.owl-carousel.owl-theme.clients .owl-buttons .owl-prev,
.owl-carousel.owl-theme.clients .owl-buttons .owl-next {
top: 0;
bottom: 0;
margin: auto;
}
.clients h4 {
color: #000;
position: relative;
letter-spacing: 2px;
font-size: 14px;
font-weight: 600;
margin-top: 20px;
padding: 12px;
display: block;
z-index: 1;
}
.clients .title-wrap {
position: relative;
}
.clients .title-wrap:after{
position: absolute;
z-index: 0;
content: "";
width: 100%;
height: 0;
left: 0;
bottom: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.client-item:hover .title-wrap:after{
height: 100%;
}
.no-controls .clients-wrap{
margin: 0;
} .before-line:before {
content: "";
display: block;
font-family: "ggticons";
font-size: 42px;
height: 70px;
left: -35px;
line-height: 70px;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 70px;
}
.before-line {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 3px;
z-index: 5;
}
 .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%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75);
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25);
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(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: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.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: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.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;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
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% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) 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 center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
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: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
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: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
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: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
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: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 0;
-webkit-transform: translateY(0);
-ms-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% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(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: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-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: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-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: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
-webkit-transform-origin: top left;
-ms-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: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}/**
 * Info fields
 */

.info-buttons-wrap{
    position: absolute;
    right: 0;
    top: 10px;
}

.popup-content .info-buttons-wrap{
    top: 90px;
}

.info-button-bg{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -250px;
    top: 50px;
    -webkit-transition:all 0.2s ease-in-out 0s;
    -moz-transition:all 0.2s ease-in-out 0s;
    -o-transition:all 0.2s ease-in-out 0s;
    transition:all 0.2s ease-in-out 0s;
    width: 280px;
    z-index: 111;
    /*color: black!important;*/
    /*background: #eeee22!important;*/
}

.info-button-bg.photo-share-button-bg{
    width: 330px;
    right: -300px;
}

.info-button-bg.purchase-info-button-bg{
    width: 380px;
    right: -350px;
}
.info-button-bg:hover{
    right: -184px;
}
.info-button-bg.photo-share-button-bg:hover{
    right: -235px;
}
.info-button-bg.purchase-info-button-bg:hover{
    right: -284px;
}

.info-button-bg.on,
.info-button-bg.on:hover{
    z-index: 112;
    right: 0;
}

.info-label{
    float: left;
}

.info-button{
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    border-radius:15px;
    display: block;
    height: 26px;
    float: left;
    width: 26px;
    margin: 2px;
    /*color: black!important;*/
    /*background: #eeee22!important;*/
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
    transition:all 0.5s;
}

.info-button:before {
    font-family: icomoon;
    font-size: 18px;
    height: 25px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 25px;
}

.info-label:hover .info-button{
    /*background: black!important;*/
    /*color: #eeee22!important;*/
}

.photo-info-button:before{
    content: "\e858";
}

.share-info-button:before{
    content: "\e703";
}

.purchase-info-button:before{
    content: "\e9d0";
}

.info-block{
    width: 100%;
    min-height: 30px;
    cursor: default;
}

.photo-info-block{
    left: 99px;
}

.info-block .description p{
    overflow: auto;
    padding: 10px;
}
.info-block .portfolio-item-custom {
    padding: 10px;
}
.info-block .category-item > a {
    border: 2px solid;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 5px 10px;
}
.info-block .button {
    border: 2px solid rgba(0, 0, 0, 0);
    border-radius: 50px;
    display: inline-block;
    margin-left: 0;
    margin-top: 20px;
    text-decoration: none;
    padding: 10px;
}

.info-block .button:hover {
    border: 2px solid;
}

.info-name {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 5px;
    margin-top: -5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.info-value {
    margin: 10px 0 5px 0px;
}

.info-button-bg .info-title{
    text-transform: uppercase;
    padding: 3px;
    position: relative;
    float: left;
    top: 3px;
    width: 70px;
}

.info-button-bg.first{
    top: 15px;
}
.info-button-bg.second{
    top: 50px;
}
.info-button-bg.third{
    top: 84px;
}
/* show woo button only for products */
.purchase-info-button-bg{
    display: none;
}
.woo_product .purchase-info-button-bg{
    display: block;
}

/**
 * Like
 */


/**
 * Filter
 */

#grid-filter {
    position: relative;
    margin: 0;
    width: 100%;
}
#grid-filter .portfolio-filter{
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: left;
}
#grid-filter .portfolio-filter li {
    display: block;
    float: none;
    font-size: 13px;
    height: 38px;
    line-height: 38px;
    border-top-width: 1px;
    border-top-style: solid;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

#grid-filter .portfolio-filter li a{
    display: block;
}

#grid-filter .portfolio-filter li:first-child{
    border: none;
}

.filter-count {
    display: block;
    font-size: 11px;
    font-weight: 100;
    height: 38px;
    width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.portfolio-filter .selected {
    padding: 12px;

}

.portfolio-filter a {
    margin-left: 38px;
    padding-left: 18px;
    border-left-width: 1px;
    border-left-style: solid;
}

.purchase-info-block .price > span:first-child{
    font-size: inherit;
    font-weight: 700;
}

.purchase-info-block .price del + ins{
    font-size: inherit;
    font-weight: 700;
}

.purchase-info-block .price{
    float: right;
}

.purchase-info-block input.quantity{
    width: 50px;
    height: 30px;
    margin-left: 5px;
    margin-right: 10px;
    font-size: 1.1em;
    border: none;
    font-weight: 300;
    padding: 0 6px 0 12px;
    outline: none!important;
}

input.variation[type="radio"]{
    margin-top: 2px;
    margin-right: 12px;
}

.purchase-info-block .addtocart-wrap{
    text-align: right;
}

.purchase-info-block .addtocart-wrap label{
    font-weight: normal;
}
.purchase-info-block .addtocart-wrap .button{
    background: white;
    /*border-color: #333333;*/
}
.purchase-info-block .addtocart-wrap .button a{
    /*color: #333333;*/
    font-weight: 700;
}

.product-variations{
    margin-top: 20px;
    padding-left: 5px;
}

.product-data-wrap{
    padding: 23px;
}

.product-variations label,
.woo-price{
    font-weight: normal;
    width: 100%;
    vertical-align: middle;
    margin-bottom: 9px;
    font-size: 0.9em;
    line-height: 1.7em;
}

.price ins{
    text-decoration: none;
}

.product-info .woo-price{
    margin-bottom: 10px;
    padding-bottom: 5px;
    clear: both;
    float: none;
}
.product-info .woo-price .price{
    text-align: right;
}

.product-info .woo-title,
.product-info .woo-description,
.product-info .woo-price{
    float: none;
    margin: 5px 5px;
}

.addtocart-wrap .gallery_cart .button{
    border: none;
    border-radius: 0;
    height: 100%;
    line-height: 64px;
    display: inline-block;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 0 26px;
}

.product-info .woo-title{
    text-align: left;
    letter-spacing: 1px;
}
.product-info .woo-description{
    clear: both;
    margin: 0;
    line-height: 1.5em;
    opacity: 0.9;
    padding: 12px 0 0;
}
.woo-sku {
    margin-top: 20px;
    opacity: 0.5;
    font-size: 0.9em;
}
.woo-image img{
    width: 100px;
    height: 100px;
}
.woo-image{
    float: left;
    margin: 2px 15px 10px 5px;
}

.message-window{
    position: relative;
    width: 100%;
    -webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.message-window.loading,
.message-window.success,
.message-window.error{
    min-height: 60px;
}

.message-window.loading{
    border: none
}
.message-window.loading .loadingspin{
    top: 8px;
}

.message-window.success{
    background: rgba(2, 163, 59, 1);
}

.message-window span{
    display: inline-block;
    line-height: 60px;
    margin: 0 0 0 60px;
    height: 60px;
    font-weight: 600;
    top: 0;
    position: relative;
    padding-left: 20px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 12px;
    opacity: 0.7;
}

.message-window i{
    font-size: 32px;
    width: 60px;
    display: block;
    height: 60px;
    line-height: 60px;
    top: 0;
    left: 0;
    position: absolute;
    text-align: center;
    background: rgba(3,131,45,1);
}

.message-window.success i:before{
    content: "\e9ba";
    font-family: icomoon;
    font-size: 18px;
    font-style: normal;
    line-height: 60px;
    position: relative;
    text-align: center;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    opacity: 0.8;
}

.message-window.error{
    border: none;
}

.message-window.error i:before{
    content: "\e9a2";
    font-family: icomoon;
    font-size: 18px;
    font-style: normal;
    height: 25px;
    line-height: 26px;
    position: relative;
    text-align: center;
    width: 25px;
    /*color: #ee2222;*/
    margin-right: 5px;
}

/**
 * Colors
 */

/*.info-button-bg{*/
    /*color: black!important;*/
    /*background: #eeee22!important;*/
/*}*/
/*.info-button{*/
    /*color: black!important;*/
    /*background: #eeee22!important;*/
/*}*/

/*.info-label:hover .info-button{*/
    /*background: black!important;*/
    /*color: #eeee22!important;*/
/*}*/
/*.info-block .button {*/
    /*border: 2px solid rgba(0, 0, 0, 0);*/
/*}*/
/*.info-name {*/
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.1);*/
/*}*/
/*.image-like {*/
    /*background: none repeat scroll 0 0 #111111;*/
    /*color: #FFFFFF;*/
/*}*/
/*.purchase-info-block .addtocart-wrap .button{*/
    /*background: white;*/
    /*border-color: #333333;*/
/*}*/
/*.purchase-info-block .addtocart-wrap .button a{*/
    /*color: #333333;*/
/*}*/
/*.product-variations label,*/
/*.woo-price{*/
    /*border-bottom: 1px solid rgba(0,0,0,0.2);*/
/*}*/
/*.message-window.loading{*/
    /*border: 2px solid #eeee22;*/
/*}*/
/*.message-window.success{*/
    /*border: 2px solid #22ee22;*/
/*}*/
/*.message-window.success i:before{*/
    /*color: #22ee22;*/
/*}*/
/*.message-window.error{*/
    /*border: 2px solid #ee2222;*/
/*}*/
/*.message-window.error i:before{*/
    /*color: #ee2222;*/
/*}*/
/**
 * End of info buttons
 */
 #photoframe{
overflow: hidden;
position: relative;
}
#photoframe.layout-thumbs .photography{
position: absolute;
opacity: 0;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
z-index: -1;
overflow: hidden;
display: inline-block;
-webkit-transform:scale(1.3);
-moz-transform:scale(1.3);
-ms-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition: all 0.7s linear;
-moz-transition: all 0.7s linear;
-o-transition: all 0.7s linear;
transition: all 0.7s linear;
}
#photoframe .photography{
background: #333;
}
#photoframe.layout-thumbs .photography.active{
z-index: 1;
opacity: 1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}
#photoframe #frame-items{
min-height: 100%;
position: relative;
}
#photoframe.layout-thumbs #frame-items{
width: 100%;
height: 100%;
}
#photoframe.layout-thumbs .photography img,
.image-wrap{
display:block;
position: absolute;
top:0;
left:0;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#photoframe.layout-horizontal-list #frame-thumbs{
display: none;
}
#photoframe.layout-horizontal-list .photography{
position: relative;
float: left;
min-height: 100%;
width: 400px; height: 100vh;
z-index: 0; -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
}
#photoframe.layout-horizontal-list .photography img{
width: auto;
position: relative;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
.photography .image-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 1;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
}
#photoframe.layout-horizontal-list .photography.active .image-overlay,
#photoframe.layout-horizontal-list.zoom .image-overlay{
opacity: 0!important;
}
#photoframe.layout-horizontal-list.zoom .image-overlay{
display: none;
}
#photoframe.layout-horizontal-list.zoom img{
-webkit-box-shadow: 0px 1px 15px 0px rgba(50, 50, 50, 0.55);
-moz-box-shadow:    0px 1px 15px 0px rgba(50, 50, 50, 0.55);
box-shadow:         0px 1px 15px 0px rgba(50, 50, 50, 0.55);
}
#photoframe.layout-horizontal-list #frame-items{
position: absolute;
width: 999999px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#photoframe.layout-horizontal-list.zoom .photography.active{
z-index: 2;
}
#frame-controls{
position: absolute;
width: 100%;
height: 100%;
}
#frame-controls #frame-left,
#frame-controls #frame-center,
#frame-controls #frame-right {
height: 100%;
position: absolute;
top: 0;
width: 33.33%;
z-index: 10;
}
#frame-center-top,
#frame-center-bottom{
width: 100%;
position: absolute;
}
#frame-center-top{
height: 50%;
}
#photoframe.layout-horizontal-list #frame-center-top{
height: 100%;
}
#photoframe.layout-horizontal-list #frame-center-bottom{
display: none;
}
#frame-center-bottom{
top: 50%;
height: 50%;
}
#frame-center-top{
top: 0;
}
.zoom #frame-controls #frame-left,
.zoom #frame-controls #frame-center,
.zoom #frame-controls #frame-right,
.zoom #frame-controls{
display:none;
}
.zoom .photography.active{
cursor: crosshair;
}
.zoom.thumbs #frame-thumbs {
bottom: -150px;
}
#frame-controls #frame-left {
height: 100%;
left: 0;
top: 0;
}
#frame-controls #frame-center{
left: 33.33%;
}
#frame-controls #frame-right{
left: 66.66%;
height: 100%;
top: 0;
}
.thumbs-side #frame-controls #frame-right,
.thumbs-side #frame-controls #frame-left{
-webkit-transform-style: preserve3d;
transform-style: preserve-3d;
-webkit-perspective: 1500px;
perspective: 1500px;
}
.side-thumb-l{
width: 280px;
height: calc(100% - 90px);
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
opacity: 0.5;
-webkit-transform: rotateY(105deg);
-moz-transform: rotateY(105deg);
-ms-transform: rotateY(105deg);
-o-transform: rotateY(105deg);
transform: rotateY(105deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.side-thumb-l:before,
.side-thumb-r:before{
font-family: 'ggticons';
content: "\ed4a";
width: 90px;
height: 90px;
text-align: center;
line-height: 90px;
font-size: 45px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.side-thumb-r:before{
right: 0;
left: auto;
content: "\ed4b";
}
.thumbs-side #frame-controls #frame-left:hover .side-thumb-l{
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.side-thumb-r{
width: 280px;
height: calc(100% - 90px);
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
opacity: 0.5;
-webkit-transform: rotateY(-105deg);
-moz-transform: rotateY(-105deg);
-ms-transform: rotateY(-105deg);
-o-transform: rotateY(-105deg);
transform: rotateY(-105deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: top right;
transform-origin: top right;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
cursor: pointer;
}
.thumbs-side #frame-controls #frame-right:hover .side-thumb-r{
opacity: 1;
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
} @media (max-height:768px) and (max-width:1024px){
.side-thumb-r,
.side-thumb-l{
height: 100px;
}
}
@media (max-width:768px){
.side-thumb-r,
.side-thumb-l{
height: 100px;
}
#gallery-list-horizontal .horizontal-list-item{    min-height: 278px !important;}
.horizontal-list-item .gallery-info h2{font-size: 22px !important;}
#gallery-list-horizontal .gallery-info{top: 58% !important;padding: 30px 5px !important;}
} 
.mobile #scroll-right,
.tablet #scroll-right,
.mobile #scroll-right,
.tablet #scroll-right{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-right.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile .selfhosted_video #frame-controls #frame-center-top,
.mobile .youtube_video #frame-controls #frame-center-top,
.mobile .vimeo_video #frame-controls #frame-center-top,
.tablet .selfhosted_video #frame-controls #frame-center-top,
.tablet .youtube_video #frame-controls #frame-center-top,
.tablet .vimeo_video #frame-controls #frame-center-top{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-play.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile .selfhosted_video.playing #frame-controls #frame-center-top,
.mobile .youtube_video.playing #frame-controls #frame-center-top,
.mobile .vimeo_video.playing #frame-controls #frame-center-top,
.tablet .selfhosted_video.playing #frame-controls #frame-center-top,
.tablet .youtube_video.playing #frame-controls #frame-center-top,
.tablet .vimeo_video.playing #frame-controls #frame-center-top{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-pause.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile .zoom-enabled #frame-center-top,
.tablet .zoom-enabled #frame-center-top{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-zoom.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile #frame-controls #frame-left,
.tablet #frame-controls #frame-left{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-left.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile #frame-controls #frame-center-bottom,
.tablet #frame-controls #frame-center-bottom{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-thumbs.png) no-repeat;
background-position: center center;
cursor: auto;
}
.mobile #frame-controls #frame-right,
.tablet #frame-controls #frame-right{
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/cursor-right.png) no-repeat;
background-position: center center;
cursor: auto;
} #left-thumb{
left: 0;
}   #right-thumb{
right: 90px;
}   #frame-zoom{
width: 50px;
height: 50px;
z-index: 3;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
font-size:70px;
line-height: 50px;
text-align: center;
}
#frame-thumbs{
z-index: 0;
position: absolute;
bottom: -90px;
left: 90px;
width: auto;
max-width: none;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
cursor: pointer;
}
.thumbs-side #frame-thumbs,
.thumbs-none #frame-thumbs,
.thumbs-side #frame-center-bottom,
.thumbs-none #frame-center-bottom{
display: none;
}
.thumbs-side #frame-controls #frame-center #frame-center-top,
.thumbs-none #frame-controls #frame-center #frame-center-top{
height: 100%;
}
.thumbs #frame-thumbs{
bottom: 0;
}
#frame-thumbs .photo-thumb {
float: left;
cursor: pointer;
width: 90px;
height: 90px;
opacity: 1;
background-size: cover;
background-position: center center;
position: relative;
-webkit-transform-origin: 50% 100% 0;
transform-origin: 50% 100% 0;
-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);
-moz-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);
-ms-transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);
transform: rotate3d(1,0,0,-90deg) translate3d(0,150px,0);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.no-csstransforms3d #frame-thumbs .photo-thumb{
-webkit-transform: rotateX(-90deg) translateY(150px);
-moz-transform: rotateX(-90deg) translateY(150px);
-ms-transform: rotateX(-90deg) translateY(150px);
-o-transform: rotateX(-90deg) translateY(150px);
transform: rotateX(-90deg) translateY(150px);
}
.thumbs #frame-thumbs .photo-thumb{
-webkit-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);
-moz-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);
-ms-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);
-o-transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);
transform: rotate3d(1,0,0,0deg) translate3d(0,0,0);
}
.no-csstransforms3d .thumbs #frame-thumbs .photo-thumb{
-webkit-transform: rotateX(0deg) translateY(0);
-moz-transform: rotateX(0deg) translateY(0);
-ms-transform: rotateX(0deg) translateY(0);
-o-transform: rotateX(0deg) translateY(0);
transform: rotateX(0deg) translateY(0);
}
.photo-thumb:after {
font-family: 'ggticons';
content: "\ed2e";
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 90px;
height: 90px;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
font-size: 20px;
opacity: 0;
position: absolute;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
.thumb-overlay{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #000000;
opacity: 0.5;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}   .photo-thumb:hover:after,
.photo-thumb.active:after,
.photo-thumb:hover:before,
.photo-thumb.active:before{
opacity: 1;
}
.photo-thumb.active .thumb-overlay{
opacity: 0.95;
}
#frame-thumbs .photo-thumb.active,
#frame-thumbs .photo-thumb:hover{
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#frame-thumbs .photo-thumb img{
width: 100%;
height: 100%;
}
.image-cover{
top: 0;
left: 0;
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
.video-container .image-cover{
transition: opacity 0.5s ease;
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
} #gallery-list {
list-style: none outside none;
margin: 0 auto;
padding: 0;
position: relative;
top: 25%;
width: 100%;
z-index: 5;
}
#gallery-list-bg{
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#gallery-list-bg .gallery-list-item{
display: block;
margin-bottom: 20px;
position: relative;
}
.gallery-list-item-b {
display: inline-block;
height: auto;
padding: 12px;
position: relative;
z-index: 1;
}
.gallery-list-item a {
display: inline;
font-size: 45px;
font-weight: 100;
letter-spacing: 5px;
line-height: 1em;
padding: 0 90px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
width: 100%;
}
.gallery-list-item a:hover {
color: #FFFFFF;
}
.gallery-list-item .marker {
background: none repeat scroll 0 0 #EEEE22;
bottom: 0;
display: block;
height: 3px;
left: 0;
position: absolute;
z-index: 12;
margin: auto;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
width: 0;
}
.gallery-list-item:hover .marker{
width: 100%;
}
.gallery-list-item .gallery-count {
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
font-size: 12px;
font-weight: 100;
opacity: 0.3;
position: absolute;
right: 11px;
}
.gallery-count strong {
font-weight: 100;
}
#fs-video iframe{
height: 100%;
}
.pattern-overlay,
.color-overlay{
position: absolute;
width: 100%;
height: 100%;
background-repeat: repeat;
z-index: 2;
top: 0;
left: 0;
}
#fs-image{
background-size: cover;
width: 100%;
height: 100%;
background-position: center center;
}
#slides{
position: absolute;
width: 100%;
height: 100%;
top: 0;
padding: 0;
}
@-webkit-keyframes imageslider {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes imageslider {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
}
#slides .list-slider-item{
list-style-type: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
background-size: cover;
background-position: center center;
opacity: 1;
z-index: 1;
}
#slides .list-slider-item.wait{
opacity: 1;
z-index: 2;
}
#slides .list-slider-item.active{
z-index: 3;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: imageslider;
animation-name: imageslider;
}
#image-copyright {
padding: 5px 10px;
position: absolute;
bottom: 60px;
right: 80px;
text-transform: uppercase;
-webkit-transform: rotate(-90deg) translateX(100%);
-moz-transform: rotate(-90deg) translateX(100%);
-ms-transform: rotate(-90deg) translateX(100%);
-o-transform: rotate(-90deg) translateX(100%);
transform: rotate(-90deg) translateX(100%);
-webkit-transform-origin: top right 0;
-moz-transform-origin: top right 0;
-ms-transform-origin: top right 0;
-o-trnsform-origin: top right 0;
transform-origin: top right 0;
z-index: 10;
color: rgba(255,255,255,.2);
}
.photography .video-container{
position: absolute;
z-index: 0;
}
.photography .photo-info-button,
.horizontal-gallery-item .photo-info-button{
display: none;
}
#vertical-gallery .vertical-gallery-item,
#vertical-gallery .vertical-gallery-item img{
width: 100%;
height: auto;
}
#vertical-gallery .vertical-gallery-item{
margin-bottom: 10px;
position: relative;
}
#horizontal-gallery .horizontal-gallery-item{
float: left;
position: relative;
}
#horizontal-gallery{
overflow: hidden;
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
}
body.horizontal-gallery #main-wrapper{
-webkit-transition: all 1s ease-in-out 0s;
-moz-transition: all 1s ease-in-out 0s;
-o-transition: all 1s ease-in-out 0s;
transition: all 1s ease-in-out 0s;
}
.horizontal-gallery-item .video-container{
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.horizontal-gallery-item .play-video-button{
position: absolute;
display: none;
}
.horizontal-gallery-item.active .play-video-button{
display: block;
width: 100%;
height: 100%;
}
#gallery-audio {
bottom: 10px;
cursor: pointer;
height: 40px;
position: absolute;
right: 10px;
width: 41px;
z-index: 100;
}
#playpause {
border: 2px solid;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
color: #FFFFFF;
height: 30px;
line-height: 31px;
text-align: center;
width: 30px;
}
#playpause:hover {
border: 2px solid rgba(0, 0, 0, 0);
}
#playpause i {
font-size: 16px;
}
.page-template-page-slider-php #prev-slide, .page-template-page-slider-php #next-slide{
background: orange;
width: 50px;
height: 50px;
position: absolute;
top: 30px;
z-index: 20;
}
.page-template-page-slider-php #prev-slide{
left: 20px;
}
.page-template-page-slider-php #next-slide{
right: 20px;
}
.slider-item{
position: relative;
top: 0;
background-size: cover;
background-position: center center;
height: 100%;
width: 110%;
z-index: 0;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.item-wrap.active.done .slider-item,
.item-wrap.move-out .slider-item{ }
.item-wrap {
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
-webkit-transition: all 1.5s ease-in-out 0s;
-moz-transition: all 1.5s ease-in-out 0s;
-o-transition: all 1.5s ease-in-out 0s;
transition: all 1.5s ease-in-out 0s;
width: 100%;
z-index: 0;
}
.item-wrap.move-out{
z-index: 1;
left: 0;
}
.image-shadow{
background: black;
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1s linear;
-o-transition: opacity 1s linear;
transition: opacity 1s linear;
}
.item-wrap.move-out .image-shadow{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 2;
}
.item-wrap.active {
left: 0;
width: 100%;
z-index: 10;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}       #frame-counter {
padding: 5px 20px 5px 20px;
position: absolute;
right: 120px;
top: 15px;
z-index: 110;
}
.page-template-page-slider-php #frame-counter{
z-index: 30;
}
.counter-inside {
width: 70px;
height: 70px;
position: relative;
}
.counter-inside:after {
content: "";
height: 1px;
width: 70%;
background: rgba(255,255,255,0.2);
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
left: 0;
right: 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.item-count {
display: block;
padding: 0;
line-height: 40px;
width: 45px;
text-align: center;
font-size: 16px;
font-weight: 600;
}
.total-count {
display: block;
position: absolute;
bottom: 12px;
right: 16px;
font-size: 16px;
}
.progress-wrap{
-webkit-transform: rotate(269deg);
-moz-transform: rotate(269deg);
-ms-transform: rotate(269deg);
-o-transform: rotate(269deg);
transform: rotate(269deg);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
display: block;
}
.autoplay-control{
display: none;
}
#photoframe.slideshow .autoplay-control,
.page-template-page-split .autoplay-control {
width: 100%;
height: 100%;
position: absolute;
display: block;
opacity: 0;
top: 0;
left: 0;
border-radius: 50%;
background: rgba(255,255,255,0.8);
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
#photoframe.slideshow .counter-inside:hover .autoplay-control,
.page-template-page-split .counter-inside:hover .autoplay-control {
opacity: 1;
cursor: pointer;
z-index: 5;
}
#autoplay-control:before {
color: #fff;
position: absolute;
z-index: 0;
font-size: 70px;
top: 0;
left: 0;
right: 0;
margin: auto;
line-height: 70px;
display: block;
font-family: 'ggticons';
content: "\e65d";
}
#autoplay-control.paused:before{
content: '\e654';
}
body.page-template-page-striped-php,
body.page-template-page-image-php,
body.page-template-page-video-php,
body.page-template-page-kenburns-php,
body.page-template-page-video-php #main-wrapper,
body.no-overflow{
overflow: hidden;
}
@media (max-width: 768px){
body.page-template-page-striped-php,
body.page-template-page-video-php,
body.page-template-page-kenburns-php,
body.no-overflow{
overflow-x: hidden;
overflow-y: auto;
}
}
#fs-video .cover {
text-align: center;
vertical-align: baseline;
position: absolute;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
z-index: 1;
top: 0;
}
#video-controls {
position: absolute;
text-align: center;
z-index: 12;
bottom: 0;
top: 0;
height: 200px;
left: 20px;
margin: auto;
}
#video-controls .controls-wrap{
display: inline-block;
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
#video-controls.off .controls-wrap{
opacity: 0;
}
#video-controls .controls-wrap:hover{
opacity: 1;
}
#playvideo, #mutevideo {
border-radius: 0;
cursor: pointer;
display: block;
height: 60px;
margin-bottom: 8px;
padding: 0;
vertical-align: middle;
width: 60px;
line-height: 60px;
}
#playvideo i,
#mutevideo i{
font-size: 18px;
vertical-align: middle;
}
#video-wrap{
position: relative;
max-width: 100%;
max-height: 100vh;
overflow: hidden;
}
.video-playing .image-cover{
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
opacity: 0;
}
.video-content-wrap{
opacity: 1;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.video-content-wrap.off{
opacity: 0;
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.home-image-wrap {
display: block;
margin: 0 auto;
position: absolute;
text-align: center;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
}
.home-image-title {
font-size: 44px;
font-weight: 700;
line-height: 1.3em;
letter-spacing: 0.2em;
margin: 20px auto 10px;
text-transform: uppercase;
top: 100px;
width: 80%;
}
.home-image-content {
margin: auto;
width: 50%;
text-transform: uppercase;
font-size: 20px;
letter-spacing: 3px;
line-height: 1.5em;
}
.home-image-button a{
display: inline-block;
font-weight: 700;
margin-top: 12px;
font-size: 14px;
letter-spacing: 2px;
border: 2px solid;
padding: 14px;
text-transform: uppercase;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
} .loadingspin {
position: absolute;
display: inline-block;
vertical-align: baseline;
top: 50%;
width: 24px;
height: 24px;
margin: 0 auto;
left: 0;
right: 0;
}
.loadingspin:before {
display: block;
width: 22px;
height: 22px;
border-top: 2px solid #ccc;
border-right: 2px solid #333;
border-left: 2px solid #333;
border-bottom: 2px solid #ccc;
content: "";
-webkit-animation: halfspin 0.75s ease infinite;
animation: halfspin 0.75s ease infinite;
border-radius: 100%;
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-ms-keyframes spin {
100% {
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes locationbob {
100% {
-webkit-transform: rotate(45deg) translate(3px, 3px);
transform: rotate(45deg) translate(3px, 3px);
}
}
@-webkit-keyframes halfspin {
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@-ms-keyframes halfspin {
100% {
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@keyframes halfspin {
100% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
.body-preloader{
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
background: #111111;
text-align: center;
}
.zoom-container{
text-align: center;
position: fixed;
z-index: 99999;
width: 100%;
height: 100%;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
border: 2px solid white;
background: black;
overflow: hidden;
cursor: crosshair;
}
.zoom-container img{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.zoom-close{
position: absolute;
cursor: pointer;
width: 88px;
height: 88px;
z-index: 30;
right: 38px;
top: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.zoom-close:before{
pointer-events: none;
content: "\e694";
font-family: 'ggticons';
font-size: 38px;
line-height: 88px;
position: absolute;
left: 0;
right:0;
margin: auto;
text-align: center;
top: 0;
z-index: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.zoom-cover{
position: fixed;
top: 0;
left: 0;
z-index: 200;
width: 100%;
height: 100%;
opacity: 0;
background: #111111;
text-align: center;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.zoom-cover.on{
opacity: 0.95;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.inner-preloader{
position: absolute;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
background: #111111;
text-align: center;
}
.wp-availability:after {
content: "";
right: 0;
top: 88px;
height: 2px;
width: 200vw;
position: absolute;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.show-me.wp-availability:after{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.wp-availability .owl-item:first-child .wp-availability-month{
-webkit-transform: translateY(90px);
-moz-transform: translateY(90px);
-ms-transform: translateY(90px);
-o-transform: translateY(90px);
transform: translateY(90px);
overflow: hidden;
}
@-webkit-keyframes downBounce{
0%{
-webkit-transform: translateY(-100%);
}
80%{
-webkit-transform: translateY(0);
}
100%{
-webkit-transform: translateY(-90px);
}
}
@keyframes downBounce{
0%{
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
80%{
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
100%{
-moz-transform: translateY(-90px);
-ms-transform: translateY(-90px);
-o-transform: translateY(-90px);
transform: translateY(-90px);
}
}
.owl-item:first-child .wp-availability-month table{
visibility: hidden;
}
.show-me .owl-item:first-child .wp-availability-month table{
visibility: visible;
}
.show-me.wp-availability .owl-item:first-child .wp-availability-month table{
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: downBounce;
animation-name: downBounce;
}
.show-me.reset.wp-availability .owl-item:first-child .wp-availability-month table{
-webkit-animation-duration: 0;
animation-duration: 0;
-webkit-animation-name: none;
animation-name: none;
}
.show-me.reset.wp-availability .owl-item:first-child .wp-availability-month{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.wp-availability .owl-item:first-child .wp-availability-month table thead th .inside{
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wp-availability.reset .owl-item:first-child .wp-availability-month table thead th .inside{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.wp-availability.owl-carousel {
margin: 0 auto;
max-width: 100%;
width: 600px;
overflow: visible;
position: relative;
}
#calendar .owl-buttons {
position: absolute;
top: 0;
width: 100%;
}
.black-box{
display: block;
overflow: hidden;
}
#calendar tr {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.section-dark #calendar tbody tr.empty-row:hover,
.section-light #calendar tbody tr.empty-row:hover{
background: none;
}
#calendar .owl-prev:before{
font-family: "ggticons";
content: "\ed36";
font-size: 75px;
line-height: 90px;
color: #000;
}
#calendar .owl-next:before{
font-family: "ggticons";
content: "\ed43";
font-size: 75px;
line-height: 90px;
color: #000;
}
#calendar .owl-controls{
position: absolute;
top: 0;
width: 100%;
height: 60px;
margin: 0;
}
#calendar .owl-prev {
font-size: 0;
opacity: 0.2;
height: 90px;
left: 0;
line-height: 90px;
padding: 0 25px;
margin: 0;
position: absolute;
text-align: center;
background: none;
border: none;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#calendar .owl-next {
font-size: 0;
height: 90px;
opacity: 0.2;
line-height: 90px;
padding: 0 25px;
margin: 0;
position: absolute;
right: 0;
text-align: center;
background: none;
border: none;
border-radius: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#calendar .owl-next:hover,
#calendar .owl-prev:hover{
opacity: 1;
}
#calendar .wp-availability-month table tr.empty-row{
border-bottom: none;
}
.wp-availability .wp-availability-month{
position: absolute;
width: 600px;
max-width: 100%;
height: 600px;
}
.wp-availability .owl-wrapper{
height: 600px;
}
.wp-availability .wp-availability-month table, .wp-availability .owl-item {
width: 600px;
height: 600px;
}
.wp-availability .wp-availability-month table thead th {
text-transform: uppercase;
font-size: 40px;
line-height: 90px;
height: 90px;
padding: 0;
}
.wp-availability {
overflow: hidden;
clear: both;
}
.wp-availability-month {
padding: 0;
float: left;
margin: 0;
}
.wp-availability-month table {
width: 164px;
border-collapse: collapse;
font-size: 2em;
font-weight: 500;
text-align: center;
table-layout: fixed;
}
.wp-availability-month table thead th {
padding: 3px;
text-align: center;
}
.wp-availability-month table tbody th,
.wp-availability-month table tbody td {
padding: 3px;
text-align: center;
}
.wp-availability-month table tbody td {
}
.wp-availability-month table tbody td.wp-availability-booked {
text-decoration: none;
}
.wp-availability-month table tbody td.wp-availability-disabled {
}
.columns6 .grid-item .portfolio-content h2 {
font-size: 16px;
}
.masonry.columns6 .portfolio-content:before{
left: 35%;
}
.masonry.columns6 .portfolio-content > span {
bottom: 0;
}
#striped-nav{
position: fixed;
right: 30px;
bottom: 30px;
z-index: 999;
}
#scroll-left,
#scroll-right{
text-align: center;
opacity: 0.5;
position: relative;
width: 50px;
height: 50px;
display: inline-block;
border-radius: 50%;
margin: 0 3px;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
#scroll-left:hover,
#scroll-right:hover{
opacity: 1;
}
#scroll-left:before,
#scroll-right:before{
font-size: 38px;
line-height: 50px;
margin: 0 auto;
font-family: 'icomoon';
}
#scroll-left:before{
content: "\eaac";
}
#scroll-right:before{
content: "\ea9a";
}
.home-metro-row{
padding: 0;
}
.home-metro-row .gallery-info {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
padding-left: 30px;
padding-right: 30px;
}
.home-metro-big{
position: relative;
height: 450px;
width: 66.66%;
float: left;
display: block;
padding: 0;
margin: 0;
}
.home-metro-row .home-metro-big .gallery-info .gallery-title{
overflow: visible;
}
.home-metro-big:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 0;
opacity: 0;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.home-metro-row .gallery-title {
font-size: 27px;
line-height: 1.3em;
font-weight: 500;
letter-spacing: 2px;
position: relative;
text-transform: uppercase;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
.home-metro-row .gallery-title:after {
width: 30px;
content: "";
height: 3px;
position: absolute;
bottom: -20px;
z-index: 1;
left: 0;
}
.home-metro-row.row-even .gallery-title:after {
right: 0;
left: auto;
}
.home-metro-row .gallery-count {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 50px;
overflow: hidden;
}
.photo-count-number {
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 1em;
}
.gallery-count .count-inside{
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
-o-transform: translateX(-200px);
transform: translateX(-200px);
-webkit-transition:transform 0.2s ease;
-moz-transition:transform 0.2s ease;
-o-transition:transform 0.2s ease;
transition:transform 0.2s ease;
}
.home-metro-row.row-odd .gallery-count .count-inside{
-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
transform: translateX(200px);
}
.home-metro-row:hover .gallery-count .count-inside{
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.home-metro-row:hover .gallery-title{
-webkit-transform: translateX(-130px);
-moz-transform: translateX(-130px);
-ms-transform: translateX(-130px);
-o-transform: translateX(-130px);
transform: translateX(-130px);
}
.home-metro-row.row-even:hover .gallery-title{
margin-left: 130px;
}
.home-metro-row.row-odd:hover .gallery-title{
margin-right: 130px;
}
.home-metro-row.row-odd:hover .gallery-title{
-webkit-transform: translateX(130px);
-moz-transform: translateX(130px);
-ms-transform: translateX(130px);
-o-transform: translateX(130px);
transform: translateX(130px);
}
.home-metro-row.row-odd .gallery-count{
left: 50px;
right: auto;
}
.home-metro-row .gallery-count i{
font-size: 50px;
line-height: 1.3em;
}
.home-metro-row:hover .home-metro-big:after{
opacity: 1;
}
.home-metro-small{
position: relative;
height: 450px;
width: 33.33%;
float: left;
display: block;
padding: 0;
margin: 0;
}
.home-metro-quarter{
position: relative;
height: 225px;
display: block;
width: 100%;
padding: 0;
margin: 0;
}
.home-metro-row.row-even{
text-align: right;
}
.home-metro-row.row-odd{
text-align: left;
} .video-row{
position: relative;
overflow: hidden;
}
.video-row video{
position: absolute;
width: 100%;
}
.video-row .video-text{
position: relative;
margin: 120px 0;
padding: 50px;
}
.video-text h3 .text-wrap{
color: white;
font-size: 30px;
font-weight: 400;
margin-left: 280px;
line-height: 1.3em;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
}
.video-text h3:before{
text-align: center;
font-family: 'ggticons';
content: "\e654";
font-size: 100px;
line-height: 120px;
font-weight: 400;
width: 130px;
height: 130px;
padding: 5px;
left: 80px;
top: 0;
color: #fff;
position: absolute;
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
}
.video-row:hover h3 .text-wrap{
opacity: 0;
}
.video-row:hover h3:before{
font-size: 60px;
height: 90px;
left: 0;
line-height: 80px;
top: 25px;
width: 90px;
}
#top_about_btn{
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
text-decoration: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
z-index: 1;
}
.top_about_wrap{
position: fixed;
top: 50px;
right: 20px;
z-index: 999;
}
.top_about_content{
position: absolute;
top: 30px;
right: 30px;
background: white;
color: black;
padding: 30px;
width: 500px;
visibility: hidden;
opacity: 0;
-webkit-transition:all 0.2s ease-in-out 0s;
-moz-transition:all 0.2s ease-in-out 0s;
-o-transition:all 0.2s ease-in-out 0s;
transition:all 0.2s ease-in-out 0s;
}
.top_about_content textarea{
max-height: 150px;
}
.top_about_wrap.open .top_about_content{
opacity: 1;
visibility: visible;
}
#gallery-list-scroll-horizontal .horizontal-list-item{
position: relative;
}
#gallery-list-scroll-horizontal .horizontal-list-item:after{
position: absolute;
height: 0;
width: 100%;
content: "";
left: 0;
right: 0;
-webkit-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s;
transition:all 0.5s;
}
#gallery-list-scroll-horizontal .horizontal-list-item:hover:after{
height: 5px;
}
#gallery-list-scroll-horizontal .gallery-info h2 {
border-bottom: 0 none;
font-size: 20px;
line-height: 1.5em;
padding-bottom: 0;
width: 100%;
}
#gallery-list-scroll-horizontal .gallery-description {
font-size: 11px;
opacity: 0.4;
}
#gallery-list-scroll-horizontal{
-webkit-transition: margin-left 0.3s ease-in;
-moz-transition: margin-left 0.3s ease-in;
-o-transition: margin-left 0.3s ease-in;
transition: margin-left 0.3s ease-in;
}
#gallery-list-scroll-horizontal .horizontal-list-item{
width: 450px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.horizontal-list-item{
background-size: cover;
background-position: center center;
float: left;
height: 100%;
overflow: hidden;
}
#gallery-list-horizontal .horizontal-list-item{
text-align: left;
float: left;
height: 100%;
display: inline-block;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
overflow: hidden;
-webkit-transition: all 700ms;
-moz-transition: all 700ms;
transition: all 700ms;
}
#gallery-list-horizontal .horizontal-list-item:hover{
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
transition: all 300ms;
}
.gallery-info .photo-count {
display: block;
height: 90px;
line-height: 90px;
margin: auto;
opacity: 0;
top: 0;
font-size: 30px;
bottom: 0;
position: absolute;
left: 0;
text-align: center;
width: 200px;
z-index: 1;
-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
transform: translateX(200px);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#gallery-list-horizontal .photo-count{
display: block;
height: 50px;
line-height: 50px;
margin: auto;
top: auto;
font-size: 24px;
bottom: 5px;
position: absolute;
left: 0;
text-align: center;
z-index: 1;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
/*#gallery-list-horizontal i {
position: absolute;
z-index: 1;
text-align: center;
margin: 12px auto;
display: block;
font-size: 38px;
opacity: 0;
left: 0;
right: 0;
-webkit-transform: translateX(200px);
-moz-transform: translateX(200px);
-ms-transform: translateX(200px);
-o-transform: translateX(200px);
transform: translateX(200px);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#gallery-list-horizontal .horizontal-list-item:hover i{
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}*/
.count-wrap{
position: absolute;
top: auto;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 200px;
height: 90px;
overflow: hidden;
}
#gallery-list-scroll-horizontal .gallery-info {
left: 0;
right: 0;
margin: 0 auto;
bottom: 90px;
position: absolute;
text-align: center;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
z-index: 1;
}
#gallery-list-scroll-horizontal .gallery-info:after {
content: "";
width: 100%;
height: 0;
left: 0;
margin: auto;
right: 0;
position: absolute;
bottom: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#gallery-list-scroll-horizontal .gallery-info:before {
content: "";
width: 30px;
height: 2px;
left: 0;
margin: auto;
right: 0;
position: absolute;
bottom: 20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.horizontal-list-item .color-overlay{
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
z-index:1;
}
.horizontal-list-item:hover .color-overlay{
opacity: 0!important;
}
.horizontal-list-item:hover .gallery-info{ /*   bottom: 46% !important;*/}
#gallery-list-horizontal .gallery-info {
z-index: 1;
width: auto;
padding: 30px 15px;
margin: 0 auto;
position: absolute;
top: auto;
bottom: 90px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#gallery-list-scroll-horizontal .gallery-title {
margin: auto;
padding: 40px 20px 40px 20px;
position: relative;
text-align: center;
width: 340px;
z-index: 1;
}
#gallery-list-scroll-horizontal .with-count .gallery-title{
margin-top: 90px;
}
.gallery-description {
color: #FFFFFF;
font-size: 11px;
opacity: 0.4;
}
.horizontal-list-item .gallery-info h2 {
border-bottom: 0 none;
color: white;
display: inline-block;
font-size: 44px;
font-weight: 700;
line-height: 1.5em;
letter-spacing: 2px;
padding: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s; }
.gallery-info .gallery-title{
overflow: hidden;
}
#gallery-list-horizontal .gallery-info:after {
content: "";
width: 130px;
height: 3px;
left: 0;
margin: auto;
right: 0;
position: absolute;
bottom: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
@-webkit-keyframes hideFromLeft {
0% {
opacity: 1;
}
2% {
opacity: 0;
}
3%{
opacity: 0;
-webkit-transform: translateX(-100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes hideFromLeft {
0% {
opacity: 1;
}
2% {
opacity: 0;
}
3%{
opacity: 0;
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
} @-webkit-keyframes widthAndHeight {
0% {
width: 90px;
height: 2px;
}
70% {
width: 100%;
height: 2px;
}
100% {
width: 100%;
height: 100%;
}
}
@keyframes widthAndHeight {
0% {
width: 90px;
height: 2px;
}
70% {
width: 100%;
height: 2px;
}
100% {
width: 100%;
height: 100%;
}
} @-webkit-keyframes heightAndWidth {
0% {
width: 100%;
height: 100%;
}
50% {
width: 100%;
height: 2px;
}
100% {
width: 90px;
height: 2px;
}
}
@keyframes heightAndWidth {
0% {
width: 100%;
height: 100%;
}
50% {
width: 100%;
height: 2px;
}
100% {
width: 90px;
height: 2px;
}
}
@media (min-width: 768px){
.horizontal-list-item:hover .photo-count {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}   #gallery-list-scroll-horizontal .horizontal-list-item:hover .gallery-info:after{      height: 100%;
}
#gallery-list-horizontal .horizontal-list-item:hover .gallery-info{
margin: 0 auto; }
#gallery-list-horizontal .horizontal-list-item:hover .gallery-info:after{

}
#gallery-list-horizontal .horizontal-list-item:hover .gallery-info.with-count:after{
opacity: 1;
height: 60px;
    width: 200px;
}      #gallery-list-horizontal .horizontal-list-item:hover .gallery-info.with-count .gallery-title{
}
#gallery-list-horizontal .horizontal-list-item:hover .gallery-info.with-count .gallery-title h2{
text-align: left;
}
}

#gallery-list-horizontal .horizontal-list-item .gallery-title{
-webkit-transform: translateX(43%) rotate(-90deg);
-moz-transform: translateX(43%) rotate(-90deg);
-ms-transform: translateX(43%) rotate(-90deg);
-o-transform: translateX(43%) rotate(-90deg);
transform: translateX(43%) rotate(-90deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
transform-origin: top left;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}

#gallery-list-horizontal .horizontal-list-item:hover .gallery-title{
color:#fff;
    opacity: 1;
        transform: translateX(45%) rotate(-90deg);
        display: none;
}
#gallery-list-horizontal .horizontal-list-item:hover .ggticon-Photos
{
	display: none;
}
.gallery-title h2{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#gallery-list-scroll-horizontal .count-wrap{
position: absolute;
top: 20px;
bottom: auto;
left: 0;
right: 0;
margin: auto;
width: 90px;
height: 90px;
overflow: hidden;
}
#gallery-list-scroll-horizontal .gallery-info .photo-count {
display: block;
height: 80px;
line-height: 90px;
margin: auto;
opacity: 0;
top: 0;
font-size: 20px;
bottom: 0;
position: absolute;
left: 0;
text-align: center;
width: 90px;
z-index: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#gallery-list-scroll-horizontal .horizontal-list-item:hover .gallery-info .photo-count {
opacity: 1;
font-size: 20px;
}
#gallery-list-scroll-horizontal .gallery-info i {
position: absolute;
z-index: 1;
opacity: 0;
font-size: 30px;
width: 90px;
left: 0;
top: 0;
text-align: center;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#gallery-list-scroll-horizontal .horizontal-list-item:hover .gallery-info i {
opacity: 1;
}
@media (max-width: 768px){
#gallery-list-scroll-horizontal .gallery-info .gallery-title h2{
font-size: 20px;
line-height: 20px;
}
#gallery-list-scroll-horizontal .gallery-info{
right: 5%;
left: 5%;
width: 90%;
}
}
@media (max-height: 480px){
#gallery-list-scroll-horizontal .gallery-info .gallery-title h2{
font-size: 20px;
line-height: 20px;
}
#gallery-list-scroll-horizontal .gallery-info{
right: 5%;
left: 5%;
width: 90%;
}
}
.gallery-item-inside{
height: 60px;
position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
line-height: 60px;
font-size: 30px;
bottom: 0;
width: 120px;
}
.gallery-list-item-inside .count-wrap {
bottom: 0;
height: 90px;
left: auto;
margin: auto;
overflow: hidden;
position: absolute;
right: auto;
top: auto;
width: 90px;
}
.photogallery .grid-item .portfolio-content {
padding: 0;
}
.gridifier.photogallery .image-like {
bottom: auto;
margin: auto;
position: absolute;
right: 0;
line-height: 20px;
top: 0;
text-align: center;
width: 50px;
}
.featured-content {
position: absolute;
z-index: 2;
top: calc(100% - 160px);
left: 90px;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
text-align: left;
}
.featured-inside{
width: 70%;
}
.featured-content h1{
font-size: 45px;
font-weight: 700;
letter-spacing: 7px;
line-height: 1.3em;
}
.featured-author {
font-size: 20px;
text-transform: uppercase;
letter-spacing: 3px;
line-height: 4em;
}
.featured-location {
position: relative;
background: #000;
color: #fff;
display: inline-block;
padding: 14px 20px 14px 38px;
font-size: 12px;
letter-spacing: 2px;
font-weight: 600;
text-transform: uppercase;
}
.featured-location i {
font-size: 20px;
font-weight: 700;
line-height: 22px;
position: absolute;
left: 8px;
top: 10px;
opacity: 0.7;
}
@media(min-width: 768px){
.computer .featured-slide.active.loaded .image-cover{
-webkit-filter: blur(15px);
filter: blur(15px);
}
body.computer.menu-ready .featured-slide.active.loaded .image-cover{
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: blurIn;
animation-name: blurIn;
}
}
@-webkit-keyframes blurIn{
0% {
-webkit-filter: blur(15px);
}
100%{
-webkit-filter: blur(0);
}
}
@keyframes blurIn{
0% {
filter: blur(15px);
}
100%{
filter: blur(0);
}
}
.horizontal-swipe-bg{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media(min-width: 1025px){
#photoframe:not(.layout-horizontal-list) #frame-items{
-webkit-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
-o-transform: none!important;
transform: none!important;
}
.horizontal-swipe-bg{
display: none;
}
#photoframe.layout-horizontal-list .photography.type-image,
#photoframe.layout-horizontal-list .photography.type-woo_product{
width: auto!important;
}
}
@media(max-width: 1024px){
.tab-pmode-gal #photoframe #frame-items .image-cover,
.tab-pmode-gal #photoframe #frame-items .horizontal-swipe-bg{
background-size: contain;
background-repeat: no-repeat;
}
#photoframe #frame-items{
font-size: 0;
white-space: nowrap;
}
#photoframe.layout-thumbs .photography{
position: relative;
opacity: 1;
z-index: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.photography .image-overlay {
display: none;
}
.horizontal-swipe-bg{
display: block;
}
img.photoimage{
display: none;
}
}
@media(max-width: 767px){
.mob-pmode-gal #photoframe #frame-items .image-cover,
.mob-pmode-gal #photoframe #frame-items .horizontal-swipe-bg{
background-size: contain;
background-repeat: no-repeat;
}
}.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel{
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing {
cursor:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/js/owl/grabbing.png) 8 8, move;
} .owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-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-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .owl-theme .owl-controls .owl-page span.owl-numbers{
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/js/owl/AjaxLoader.gif) no-repeat center center
}div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
div.pp_default .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{width:30px;height:30px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
div.pp_default .pp_gallery ul li a{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{width:75px;height:22px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_rounded .pp_nav .pp_play{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{width:75px;height:22px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_rounded .pp_description{margin-right:85px;color:#fff}
div.dark_rounded .pp_nav .pp_play{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{width:75px;height:22px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{width:75px;height:22px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.light_square .pp_nav .pp_play{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{width:22px;height:22px;background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(//i0.wp.com/getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}#main-app-bar{
position: fixed;
border-left: 1px;
border-left-style: solid;
z-index: 999;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
transition:all 0.2s ease;
}
#main-app-bar.layout-right{
top: 0;
right: 0;
height: 100%;
width: 90px;
}
.admin-bar #main-app-bar.layout-right{
padding-top: 32px;
}
#main-app-bar.layout-top{
top: 0;
left: 0;
width: 100%;
height: 90px;
}
.bar-item{
cursor: pointer;
}
.bar-item .bar-content{
cursor: default;
}
#main-app-bar .app-bar-item{
position: relative;
display: block;
height: 90px;
line-height: 90px;
text-align: center;
z-index: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#main-app-bar.layout-top .app-bar-item{
height: 90px;
width: 90px;
display: inline-block;
float: left;
}
#main-app-bar .app-bar-item:after{
position: absolute;
content: "";
width: 240px;
left: 0;
bottom: -1px;
height: 1px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#main-app-bar .app-bar-item.wide:after{
width: 320px;
}
#main-app-bar.layout-top .app-bar-item:after{
bottom: 0;
height: 100%;
width: 1px;
}
#main-app-bar.layout-top{
padding-left: 150px;
} #main-app-bar .app-bar-item i,
.app-bar .bar-item i{
font-size: 32px;
line-height: inherit;
}
#main-app-bar .bar-item-label{
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 150px;
font-weight: 500;
letter-spacing: 2px;
background: inherit;
cursor: pointer;
color: inherit;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
text-transform: uppercase;
}
#main-app-bar .app-bar-item.wide .bar-item-label{
width: 320px;
}
#main-app-bar.layout-top .bar-item-label,
#main-app-bar.layout-top .app-bar-item .bar-content{
display: none;
}
.app-bar-item .bar-content{
text-align: justify;
position: absolute;
top: 90px;
width: 240px;
z-index: 100;
right: -390px;
background: inherit;
padding: 0;
line-height: 16px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.app-bar-item .bar-content.w-nice{
overflow-y: auto;
}
.app-bar-item.wide .bar-content{
width: 320px;
right: -550px;
}
.app-bar-item.open .bar-content{
-webkit-transform: translateX(-239px);
-moz-transform: translateX(-239px);
-ms-transform: translateX(-239px);
-o-transform: translateX(-239px);
transform: translateX(-239px);
}
#bar-pf-next.app-bar-item.open .bar-content,
#bar-pf-prev.app-bar-item.open .bar-content {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.app-bar-item.open.wide .bar-content{
-webkit-transform: translateX(-319px);
-moz-transform: translateX(-319px);
-ms-transform: translateX(-319px);
-o-transform: translateX(-319px);
transform: translateX(-319px);
}
#main-app-bar .app-bar-item:hover,
#main-app-bar .app-bar-item.open{
z-index: 1;
-webkit-transform: translateX(-150px);
-moz-transform: translateX(-150px);
-ms-transform: translateX(-150px);
-o-transform: translateX(-150px);
transform: translateX(-150px);
}
#main-app-bar .app-bar-item.wide:hover,
#main-app-bar .app-bar-item.open.wide{
z-index: 1;
-webkit-transform: translateX(-230px);
-moz-transform: translateX(-230px);
-ms-transform: translateX(-230px);
-o-transform: translateX(-230px);
transform: translateX(-230px);
}
#main-app-bar .app-bar-item:hover:after,
#main-app-bar .app-bar-item.open:after{
display: none;
}
#bar-copyright {
padding: 5px 10px;
position: absolute;
opacity: .1;
bottom: 90px;
right: 56px;
text-transform: uppercase;
-webkit-transform: rotate(-90deg) translateX(100%);
-moz-transform: rotate(-90deg) translateX(100%);
-ms-transform: rotate(-90deg) translateX(100%);
-o-transform: rotate(-90deg) translateX(100%);
transform: rotate(-90deg) translateX(100%);
-webkit-transform-origin: top right 0;
-moz-transform-origin: top right 0;
-ms-transform-origin: top right 0;
-o-trnsform-origin: top right 0;
transform-origin: top right 0;
z-index: 0;
} #footer-bar{
position: fixed;
z-index: 999;
bottom: 0;
left: 0;
width: 100%;
height: 90px;
border-top-width: 1px;
border-top-style: solid;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer-bar .footer-bar-item{
position: relative;
display: block;
height: 100%;
width: 90px;
line-height: 90px;
text-align: center;
z-index: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer-bar #footer-social,
#footer-bar #footer-audio{
z-index: 1;
}
#footer-bar.filled #footer-audio{
border-left: 1px solid;
}
#back-to-top,
#footer-audio{
float: right;
}
#back-to-top{
border-left-width: 1px;
border-left-style: solid;
}
body.no-audio #footer-bar:not(.filled) #back-to-top{
border: none;
}
#footer-social{
float: left;
border-right-width: 1px;
border-right-style: solid;
}
#footer-social .bar-item-icon{
position: relative;
z-index: 1;
background: inherit;
float: left;
width: 90px;
display: block;
border-right-width: 1px;
border-right-style: solid;
border-color: inherit;
}
#footer-social li{
font-size: 22px;
padding: 0;
height: 90px;
display: inline-block;
position:relative;
width: 50px;
float: left;
}
#footer-social .social-icons{
position: absolute;
height: 100%;
left: 0;
display: block;
padding-right: 20px;
width: auto;
top: 0;
z-index: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#footer-social .dots-wrap{
position: relative;
width: 90px;
height: 90px;
}
#footer-social .dots-wrap .dot{
width: 5px;
height: 5px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
position: absolute;
display: block;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#footer-social .dot-one{
left: 35px;
top: 43px;
}
#footer-social:hover .dot-one,
#footer-social.open .dot-one{
left: 37px;
top: 43px;
}
#footer-social .dot-two{
left: 50px;
top: 36px;
}
#footer-social:hover .dot-two,
#footer-social.open .dot-two{
left: 48px;
top: 38px;
}
#footer-social .dot-three{
left: 50px;
top: 52px;
}
#footer-social:hover .dot-three,
#footer-social.open .dot-three{
left: 48px;
top: 50px;
}
#footer-social .social-icons a{
display: block;
height: 90px;
width: 50px;
position: relative;
}
.social-icons a:before{
line-height: 90px;
position: relative;
z-index: 2;
}
.social-icons a:after{
content: "";
position: absolute;
z-index: 1;
width: 100%;
height: 0;
bottom: 0;
left: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.social-icons a:hover:after{
height: 70px; }
.social-icons .soc-label{
visibility: hidden;
top: -25px;
left: 25px;
height: 50px;
padding: 12px 20px;
font-size: 14px;
display: block;
line-height: 25px;
font-weight: 700;
letter-spacing: 2px;
background: inherit;
position: absolute;
text-transform: uppercase;
-webkit-transform-origin: left center 25px;
-ms-transform-origin: left center 25px;
transform-origin: left center 25px;
-webkit-transform: rotateZ(-90deg) translateX(-30px);
-moz-transform: rotateZ(-90deg) translateX(-30px);
-ms-transform: rotateZ(-90deg) translateX(-30px);
-o-transform: rotateZ(-90deg) translateX(-30px);
transform: rotateZ(-90deg) translateX(-30px);
}
.ie9 .social-icons .soc-label,
.ie8 .social-icons .soc-label,
.ie-old .social-icons .soc-label{
display: none;
}
#footer-social .social-icons a:hover .soc-label{
visibility: visible;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: socLabel;
animation-name: socLabel;
}
@-webkit-keyframes socLabel{
0% {
margin-top: 200px;
}
100% {
margin-top: 0;
}
}
@keyframes socLabel{
0% {
margin-top: 200px;
}
100% {
margin-top: 0;
}
}
#back-top-top{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#back-to-top .bar-label{
position: absolute;
top: 89px;
left: 0;
width: 100%;
min-height: 45px;
text-align: center;
padding: 0;
font-size: 14px;
font-weight: 400;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 16px;
background: inherit;
color: inherit;
}
#back-to-top .bar-label:before{
position: absolute;
width: 1px;
height: 100%;
left: -1px;
top: 0;
content: "";
}
#back-to-top:hover{
-webkit-transform: translateY(-45px);
-moz-transform: translateY(-45px);
-ms-transform: translateY(-45px);
-o-transform: translateY(-45px);
transform: translateY(-45px);
}
#bar-share .bar-content{
font-size: 0; }
#bar-share .share-button{
display: block;
float: left;
height: 60px;
line-height: 60px;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 60px;
}
#bar-share .bar-content:after{
content: " ";
display: table;
clear: both;
}
#bar-share .share-button a {
display: block;
height: 100%;
position: relative;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
width: 100%;
}
#bar-share .share-button a i{
font-size: 26px;
} .about-img{
border-left-width: 7px;
border-left-style: solid;
}
.contacts-description{
display: block;
text-align: left;
line-height: 1.5em;
opacity: 0.6;
}
.about-block{
min-height: 58px;
vertical-align: middle;
padding: 15px 20px;
}
.about-block.about-text{
padding-top: 0;
}
#main-app-bar #bar-about .about-block i{
display: inline-block;
height: 32px;
line-height: 1em;
float: left;
position: absolute;
vertical-align: middle;
opacity: 0.6;
}
.contacts-name{
display: inline-block;
font-size: 20px;
font-weight: 500;
letter-spacing: 3px;
vertical-align: middle;
line-height: 1.2em;
text-transform: uppercase;
margin-left: 10px;
}
.contacts-text{
margin-left: 50px;
}
.brd-top{
border-top-width: 1px;
border-top-style: solid;
}
.contacts-line{
font-size: 12px;
margin-left: 50px;
vertical-align: middle;
display: inline-block;
line-height: 1em;
padding-top: 9px;
height: 32px;
text-transform: uppercase;
} #bar-pf-next .bar-content,
#bar-pf-prev .bar-content{
top: 0;
right: -181px;
height: 90px;
width: 90px;
}
#main-app-bar #bar-pf-next:hover,
#main-app-bar #bar-pf-next.open,
#main-app-bar #bar-pf-prev:hover,
#main-app-bar #bar-pf-prev.open{
z-index: 1;
-webkit-transform: translateX(-180px);
-moz-transform: translateX(-180px);
-ms-transform: translateX(-180px);
-o-transform: translateX(-180px);
transform: translateX(-180px);
}
#bar-pf-next .bar-item-label,
#bar-pf-prev .bar-item-label{
width: 90px;
}
#main-app-bar #bar-pf-next:hover .bar-item-label .inside,
#main-app-bar #bar-pf-next.open .bar-item-label .inside,
#main-app-bar #bar-pf-prev:hover .bar-item-label .inside,
#main-app-bar #bar-pf-prev.open .bar-item-label .inside{
-webkit-transition: transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
-webkit-transform: translateX(-38px);
-moz-transform: translateX(-38px);
-ms-transform: translateX(-38px);
-o-transform: translateX(-38px);
transform: translateX(-38px);
}
#audioplayer{
position: absolute;
top: 17px;
margin: 0 auto;
text-align: center;
width: 100%;
}
#bar-details .bar-content{
padding: 25px;
}
#bar-woocart .bar-content{
padding: 25px;
max-height: 500px;
}
#footer-bar #toggle-sidebar{
float: right;
border-left: 1px solid;
display: none;
}
#main-app-bar #bar-mobile-next,
#main-app-bar #bar-mobile-prev,
#main-app-bar #bar-video-play,
#main-app-bar #bar-video-mute,
#main-app-bar #bar-map-info{
display: none;
}
#main-app-bar #bar-mobile-next .bar-content,
#main-app-bar #bar-mobile-next .bar-item-label,
#main-app-bar #bar-mobile-prev .bar-content,
#main-app-bar #bar-mobile-prev .bar-item-label{
display: none;
}
#main-app-bar #bar-mobile-prev:hover,
#main-app-bar #bar-mobile-prev.open,
#main-app-bar #bar-mobile-next:hover,
#main-app-bar #bar-mobile-next.open,
#main-app-bar #bar-video-play:hover,
#main-app-bar #bar-video-play.open,
#main-app-bar #bar-video-mute:hover,
#main-app-bar #bar-video-mute.open {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
#main-app-bar #bar-mobile-zoom{
display: none;
}
#main-app-bar .nicescroll-rails{
right: 0!important;
left: auto!important;
}
#main-app-bar #bar-mobile-zoom .bar-content,
#main-app-bar #bar-mobile-zoom .bar-item-label,
#main-app-bar #bar-video-play .bar-content,
#main-app-bar #bar-video-play .bar-item-label,
#main-app-bar #bar-video-mute .bar-content,
#main-app-bar #bar-video-mute .bar-item-label{
display: none;
}
#main-app-bar #bar-mobile-zoom:hover,
#main-app-bar #bar-mobile-zoom.open {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.page-template-page-layer #main-app-bar,
.page-template-page-revolution #main-app-bar{
display: none;
}
.bar-item-label{
}@font-face {
font-family: 'socicon';
src: url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.eot);
src: url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.eot?#iefix) format('embedded-opentype'),
url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.woff) format('woff'),
url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.woff2) format('woff2'),
url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.ttf) format('truetype'),
url(//getphoto-demo1.gogetlab.com/wp-content/themes/getphoto/font/socicon-webfont.svg#sociconregular) format('svg');
font-weight: normal;
font-style: normal;
text-transform: initial;
}
.socicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'socicon';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.socicon:empty{
width: 1em;
}
.socicon-twitter:before { content: "a"; }
.socicon-facebook:before { content: "b"; }
.socicon-google:before { content: "c"; }
.socicon-pinterest:before { content: "d"; }
.socicon-foursquare:before { content: "e"; }
.socicon-yahoo:before { content: "f"; }
.socicon-skype:before { content: "g"; }
.socicon-yelp:before { content: "h"; }
.socicon-feedburner:before { content: "i"; }
.socicon-linkedin:before { content: "j"; }
.socicon-viadeo:before { content: "k"; }
.socicon-xing:before { content: "l"; }
.socicon-myspace:before { content: "m"; }
.socicon-soundcloud:before { content: "n"; }
.socicon-spotify:before { content: "o"; }
.socicon-grooveshark:before { content: "p"; }
.socicon-lastfm:before { content: "q"; }
.socicon-youtube:before { content: "r"; }
.socicon-vimeo:before { content: "s"; }
.socicon-dailymotion:before { content: "t"; }
.socicon-vine:before { content: "u"; }
.socicon-flickr:before { content: "v"; }
.socicon-500px:before { content: "w"; }
.socicon-instagram:before { content: "x"; }
.socicon-wordpress:before { content: "y"; }
.socicon-tumblr:before { content: "z"; }
.socicon-blogger:before { content: "A"; }
.socicon-technorati:before { content: "B"; }
.socicon-reddit:before { content: "C"; }
.socicon-dribbble:before { content: "D"; }
.socicon-stumbleupon:before { content: "E"; }
.socicon-digg:before { content: "F"; }
.socicon-envato:before { content: "G"; }
.socicon-behance:before { content: "H"; }
.socicon-delicious:before { content: "I"; }
.socicon-deviantart:before { content: "J"; }
.socicon-forrst:before { content: "K"; }
.socicon-playstore:before { content: "L"; }
.socicon-zerply:before { content: "M"; }
.socicon-wikipedia:before { content: "N"; }
.socicon-apple:before { content: "O"; }
.socicon-flattr:before { content: "P"; }
.socicon-github:before { content: "Q"; }
.socicon-chimein:before { content: "R"; }
.socicon-friendfeed:before { content: "S"; }
.socicon-newsvine:before { content: "T"; }
.socicon-identica:before { content: "U"; }
.socicon-bebo:before { content: "V"; }
.socicon-zynga:before { content: "W"; }
.socicon-steam:before { content: "X"; }
.socicon-xbox:before { content: "Y"; }
.socicon-windows:before { content: "Z"; }
.socicon-outlook:before { content: "1"; }
.socicon-coderwall:before { content: "2"; }
.socicon-tripadvisor:before { content: "3"; }
.socicon-appnet:before { content: "4"; }
.socicon-goodreads:before { content: "5"; }
.socicon-tripit:before { content: "6"; }
.socicon-lanyrd:before { content: "7"; }
.socicon-slideshare:before { content: "8"; }
.socicon-buffer:before { content: "9"; }
.socicon-rss:before { content: ","; }
.socicon-vkontakte:before { content: ";"; }
.socicon-disqus:before { content: ":"; }
.socicon-houzz:before { content: "+"; }
.socicon-mail:before { content: "@"; }
.socicon-patreon:before { content: "="; }
.socicon-paypal:before { content: "-"; }
.socicon-playstation:before { content: "^"; }
.socicon-smugmug:before { content: "¨"; }
.socicon-swarm:before { content: "$"; }
.socicon-triplej:before { content: "*"; }
.socicon-yammer:before { content: "&"; }
.socicon-stackoverflow:before { content: "("; }
.socicon-drupal:before { content: "#"; }
.socicon-odnoklassniki:before { content : ".";}
.socicon-android:before { content: "_"; }
.socicon-meetup:before { content: "]"; }
.socicon-persona:before { content: ")"; }body {
background: #333;
}
.right-pad #main-wrapper {
padding-right: 90px;
}
body.custom-background {
background: inherit;
}
.top-pad {
margin-top: 120px;
}
.left-pad {
margin-left: 120px;
}
#header-wpml {
right: 100px;
position: absolute;
margin-top: -38px;
}
#header-wpml a {
float: left;
margin-right: 8px;
}
a {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.sticky,
.gallery-caption,
.bypostauthor {
color: inherit;
}
body.page-template-default #content-wrap, body.page-template-page-calendar-php #content-wrap {
margin-bottom: 40px;
}
.size-large {
max-width: 100%;
height: 100%;
}
.menu-wrap-b .menu {
display: block;
}
.menu-wrap-b .menu li {
display: block;
position: relative;
z-index: 100;
}
.menu-wrap-b .menu li a {
font-weight: 600;
text-decoration: none;
padding: 5px 0;
display: block;
color: #ffffff;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.menu-wrap-b .menu li a:hover, .menu-wrap-b .menu li:hover > a {
}
.menu-blank-area {
height: 110px;
position: relative;
width: 100%;
}
.menu-wrap-b .menu ul {
display: none;
left: 300px;
top: 0;
height: 100%;
margin: 0;
min-width: 300px;
padding: 0;
position: fixed;
overflow-y: auto;
}
.admin-bar .menu ul{
top: 32px;
}
.hide-children .menu ul{
display: none!important;
}
.menu-wrap-b .menu li:hover > ul {
display: block;
}
.menu-wrap-b .menu ul li {
display: block;
float: none;
background: none;
margin: 0;
padding: 0;
}
.menu-wrap-b .menu ul li a {
display: block;
font-size: 12px;
font-weight: normal;
}
.menu-wrap-b .menu ul ul {
left: 600px;
top: 0;
}
.admin-bar .menu ul ul {
top: 32px;
}
.mobile-menu {
display: none;
width: 100%;
padding: 11px;
background: #3E4156;
color: #ffffff;
text-transform: uppercase;
font-weight: 600;
}
.mobile-menu:hover {
background: #3E4156;
color: #ffffff;
text-decoration: none;
}
.slicknav_menu {
margin-top: 0;
position: relative;
z-index: 3;
}
@media (min-width: 768px) {
.slicknav_menu {
display: none;
}
#main-menu-toggle {
display: block; }
}
#main-menu-toggle .btn-wrap {
width: 32px;
height: 32px;
margin: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
position: absolute;
}
#main-menu-toggle .btn-line {
position: absolute;
display: block;
height: 2px;
width: 100%;
background: white;
right: 0;
top: 50%;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
#main-menu-toggle .btn-line.one {
margin-top: -9px;
}
#main-menu-toggle .btn-line.two {
margin-top: -3px;
}
#main-menu-toggle .btn-line.three {
margin-top: 3px;
}
#main-menu-toggle .btn-line.four {
margin-top: 9px;
width: 85%;
}
#main-menu-toggle:hover .btn-line.four,
#main-menu-toggle.on .btn-line.four {
width: 100%;
}
#main-menu-toggle.on .btn-line.one {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
-ms-transform: translate3d(-100%, 0, 0);
-o-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0;
}
.no-csstransforms3d #main-menu-toggle.on .btn-line.one {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
#main-menu-toggle.on .btn-line.four {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
}
.no-csstransforms3d #main-menu-toggle.on .btn-line.four {
-webkit-transform: translate3d(100%, 0, 0);
-moztransform: translate3d(100%, 0, 0);
-ms-transform: translate3d(100%, 0, 0);
-o-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0;
}
#main-menu-toggle.on .btn-line.two {
margin-top: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
-moz-transform: rotate3d(0, 0, 1, 45deg);
-ms-transform: rotate3d(0, 0, 1, 45deg);
-o-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
}
.no-csstransforms3d #main-menu-toggle.on .btn-line.two {
margin-top: 0;
-webkit-transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
-o-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
#main-menu-toggle.on .btn-line.three {
margin-top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
-moz-transform: rotate3d(0, 0, 1, -45deg);
-ms-transform: rotate3d(0, 0, 1, -45deg);
-o-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
}
.no-csstransforms3d #main-menu-toggle.on .btn-line.three {
margin-top: 0;
-webkit-transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
-o-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
} #menu-wrap {
left: 10px;
width: 296px;
padding: 0;
margin: 0;
position: fixed;
overflow: visible;
top: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
z-index: 1000;
}
.admin-bar #menu-wrap {
top: 32px;
}
#menu-wrap ul {
background: inherit;
overflow: visible;
}
#menu-wrap.visible-menu {
pointer-events: all;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
#menu-wrap:hover {
opacity: 1;
}
#main-menu {
text-align: left;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition: margin-top 0.3s ease, opacity 0.3s ease;
-moz-transition: margin-top 0.3s ease, opacity 0.3s ease;
-o-transition: margin-top 0.3s ease, opacity 0.3s ease;
transition: margin-top 0.3s ease, opacity 0.3s ease;
z-index: 5;
}
#main-menu ul li {
-webkit-transition: top 0.5s ease;
-moz-transition: top 0.5s ease;
-o-transition: top 0.5s ease;
transition: top 0.5s ease;
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
#main-menu ul li a {
opacity: 1;
}
.menu-animation-on #main-menu ul li a{
opacity: 0;
-webkit-transition: opacity 1.2s linear;
-moz-transition: opacity 1.2s linear;
-o-transition: opacity 1.2s linear;
transition: opacity 1.2s linear;
}
#main-menu .sub-menu a {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}      #main-menu ul li .sub-menu li:first-child a {
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-right-radius: 5px;
}
#main-menu ul li .sub-menu a {
border-radius: 0;
}
#main-menu li a,
#main-menu li a:hover,
#main-menu li a:focus {
text-decoration: none;
border: none;
}
#menu-wrap .menu-item-has-children a {
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.visible-menu #main-menu ul li a {
opacity: 1;
}
.visible-menu #main-menu ul li {
top: 0;
}
.visible-menu #main-menu ul li:nth-child(0) {
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.visible-menu #main-menu ul li:nth-child(1) {
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.visible-menu #main-menu ul li:nth-child(2) {
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.visible-menu #main-menu ul li:nth-child(3) {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.visible-menu #main-menu ul li:nth-child(4) {
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.visible-menu #main-menu ul li:nth-child(5) {
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.visible-menu #main-menu ul li:nth-child(6) {
-webkit-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.visible-menu #main-menu ul li:nth-child(7) {
-webkit-transition-delay: 0.7s;
-moz-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.visible-menu #main-menu ul li:nth-child(8) {
-webkit-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.visible-menu #main-menu ul li:nth-child(9) {
-webkit-transition-delay: 0.9s;
-moz-transition-delay: 0.9s;
-o-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.visible-menu #main-menu ul li:nth-child(10) {
-webkit-transition-delay: 1s;
-moz-transition-delay: 1s;
-o-transition-delay: 1s;
transition-delay: 1s;
}
.visible-menu #main-menu ul li:nth-child(11) {
-webkit-transition-delay: 1.1s;
-moz-transition-delay: 1.1s;
-o-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.visible-menu #main-menu ul li:nth-child(12) {
-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.visible-menu #main-menu {
opacity: 1;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
#main-menu ul.menu li a {
display: inline-block;
position: relative;
}
#main-menu ul.menu li > a:after {
content: "";
position: absolute;
bottom: -6px;
width: 18px;
left: 0; margin: 0 auto;
height: 2px;
background: #ffffff;
z-index: 1;
opacity: 0.2;
-webkit-transition: all 0.1s ease;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
transition: all 0.1s ease;
}
@media (min-width: 1150px) and (max-width: 1480px){
	.header-logo img{max-width: 600px;}
	.horizontal-list-item .gallery-info h2{font-size: 34px;}

}
@media(min-width: 1024px){
.mobile-logo{display: none;}
.copyright{ position: absolute;
    bottom: 15px;
    margin: 0 auto;
    width: 100%;
left: 15px;
    max-width: 270px;
text-align: left;
    color: #fff;
    z-index: 9;
    font-size: 13px;
        color: #000;
        opacity: 0.5;
    }
}
@media(max-width: 1024px){
.header-logo img{width: 100%;}
#gallery-list-horizontal .gallery-info{    top: 52%;    bottom: 0;}
#gallery-list-horizontal .horizontal-list-item .gallery-title{transform: none;
    text-align: center;}
.count-wrap{display: none;}
.mobile-logo{display: block;background: #fbeae0;
    text-align: center;
    padding: 15px;}
.mobile-logo img{max-width: 200px;}
.header-logo{display: none;}

}
@media (min-width: 768px){
#main-menu ul.menu li:hover > a:after {
width: 100%;
opacity: 1;
}
}
#main-menu ul li:last-child {
margin-bottom: 35px;
}
#main-menu ul li:first-child {
margin-top: 0;
}
#menu-wrap .logo-tagline {
margin-top: 15px;
display: inline-block;
}
@media(min-width: 768px){
#menu-wrap.transparent_bg,
#menu-wrap.transparent_bg ul,
#menu-wrap.transparent_bg #main-menu-toggle {
background: transparent;
}
#menu-wrap.transparent_bg #main-menu-toggle .btn-wrap {
opacity: 0;
}
}
#menu-wrap.transparent_bg.animate-menu-out #main-menu-toggle .btn-wrap {
opacity: 1;
}
.menu-wrap-b {
z-index: 1;
position: relative;
}
.logo {
position: relative;
width: auto;
height: auto;
margin: 0 auto;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.logo img {
max-height: 100%;
height: 100%;
    width: 100%;
margin: 0 auto;
}
.logo-wrap {
position: relative;
}
.logo-wrap:before {
content: "";
position: absolute;
width: 10px;
top: 0;
left: -10px;
z-index: 1;
height: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.logo-wrap:before{
height: 100%;
}
.menu-animation-on .logo-wrap:before{
height: 0;
}
.logo-wrap:after {
visibility: hidden;
content: "";
position: absolute;
width: 0;
top: 0;
left: 0;
z-index: -1;
height: 100%;
}
.menu-animation-on #menu-wrap.animate-menu .logo-wrap:after {
visibility: visible;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-name: logoBgPlay;
animation-name: logoBgPlay;
}
@-webkit-keyframes logoBgPlay {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes logoBgPlay {
0% {
width: 0;
}
100% {
width: 100%;
}
} .menu-animation-on #menu-wrap.animate-menu-out .logo-wrap:after {
visibility: visible;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-name: logoBgPlayOut;
animation-name: logoBgPlayOut;
}
@-webkit-keyframes logoBgPlayOut {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes logoBgPlayOut {
0% {
width: 100%;
}
100% {
width: 0;
}
}
.menu-animation-on #menu-wrap {
visibility: hidden;
}
#menu-wrap:after {
position: absolute;
top: 0;
left: 0;
content: "";
width: 100%;
height: 0;
}
#menu-wrap:before {
position: absolute;
top: 0;
left: -10px;
content: "";
width: 10px;
height: 0;
}
.menu-animation-on #menu-wrap.animate-menu:after {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: bgPlay;
animation-name: bgPlay;
}
@-webkit-keyframes bgPlay {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@keyframes bgPlay {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.menu-animation-on #menu-wrap.animate-menu-out:before {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: bgPlay;
animation-name: bgPlay;
}
.menu-animation-on #menu-wrap.animate-menu.initial-animate-done:before {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: bgPlayHeightOut;
animation-name: bgPlayHeightOut;
}
@-webkit-keyframes bgPlayHeightOut {
0% {
height: 100%;
}
100% {
height: 0;
}
}
@keyframes bgPlayHeightOut {
0% {
height: 100%;
}
100% {
height: 0;
}
} .menu-animation-on #menu-wrap.animate-menu-out:after {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: bgPlayOut;
animation-name: bgPlayOut;
}
@-webkit-keyframes bgPlayOut {
0% {
height: 100%;
width: 100%;
}
100% {
height: 100%;
width: 0;
}
}
@keyframes bgPlayOut {
0% {
height: 100%;
width: 100%;
}
100% {
height: 100%;
width: 0;
}
}
#menu-wrap.animate-menu {
visibility: visible;
}
#menu-wrap .menu > li {
}
.menu-animation-on #menu-wrap .menu > li.menuItemPlay {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: menuItemPlay;
animation-name: menuItemPlay;
} @-webkit-keyframes menuItemPlay {
0% {
opacity: 0; }
100% {
opacity: 1; }
}
@keyframes menuItemPlay {
0% {
opacity: 0;    }
100% {
opacity: 1;    }
}
.menu-animation-on #menu-wrap .menu > li.menuItemPlayOut {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-name: menuItemPlayOut;
animation-name: menuItemPlayOut;
} @-webkit-keyframes menuItemPlayOut {
0% {
opacity: 1; }
100% {
opacity: 0; }
}
@keyframes menuItemPlayOut {
0% {
opacity: 1;    }
100% {
opacity: 0;    }
}
#menu-wrap .menu-wrap-b .menu > li.animation-off{
-webkit-animation-fill-mode: none;
animation-fill-mode: none;
-webkit-animation-name: none;
animation-name: none;
}
.animate-menu .logo-wrap:before {
height: 100%;
}
.menu-animation-on .animate-menu .logo {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-name: logoPlay;
animation-name: logoPlay;
}
@-webkit-keyframes logoPlay {
0% {
opacity: 0; }
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes logoPlay {
0% {
opacity: 0;    }
100% {
opacity: 1;    }
} .menu-animation-on .animate-menu-out .logo {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s;
-webkit-animation-name: logoPlayOut;
animation-name: logoPlayOut;
}
@-webkit-keyframes logoPlayOut {
0% {
opacity: 1; }
100% {
opacity: 0; }
}
@keyframes logoPlayOut {
0% {
opacity: 1;    }
100% {
opacity: 0;    }
}
#main-menu-toggle {
cursor: pointer;
font-style: normal;
height: 90px;
width: 90px;
left: -10px;
margin-bottom: -90px;
border-radius: 0;
position: absolute;
visibility: hidden;
z-index: 0;
}
.initial-animate-done #main-menu-toggle,
.menu-animation-off #main-menu-toggle {
visibility: visible;
}
.btn-wrap {
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.animate-menu #main-menu-toggle {
visibility: visible;
}
.menu-animation-on .animate-menu #main-menu-toggle:after {
position: absolute;
content: "";
width: 100%;
top: 0;
height: 0;
z-index: -1;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-name: togglePlayAfter;
animation-name: togglePlayAfter;
}
@-webkit-keyframes togglePlayAfter {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@keyframes togglePlayAfter {
0% {
height: 0;
}
100% {
height: 100%;
}
}
@-webkit-keyframes togglePlay {
0% {
height: 0; }
100% {
height: 120px; }
}
@keyframes togglePlay {
0% {
height: 0;    }
100% {
height: 120px;    }
}
.visible-menu #main-menu-toggle {
visibility: visible;
margin-top: 0;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
#main-menu ul {
list-style: outside none none;
padding: 10px 0 20px;
}  #page-footer {
position: relative;
}
.social-button {
bottom: 0;
height: 60px;
position: fixed;
z-index: 25;
}
.social-button:before {
border-radius: 50%;
bottom: 20px;
content: "\e703";
font-family: icomoon;
font-size: 16px;
height: 30px;
left: 50px;
line-height: 30px;
position: absolute;
text-align: center;
width: 30px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
#social-icons {
margin-bottom: 0;
}
#page-footer #social-icons {
margin-bottom: 0;
position: relative;
top: 60px;
left: 10px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
#page-footer .social-button:hover #social-icons {
top: 10px;
}
.social-button:hover:before {
bottom: 60px;
}
#playpause {
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.audio-player {
bottom: 0;
position: fixed;
right: 0px;
z-index: 20;
}
.tooltip-.menu-wrap-b .menu ul ul {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
} .slide-inner {
bottom: 100px;
left: 0;
position: absolute;
width: 30%;
z-index: 999;
}
.slide-caption {
background: none repeat scroll 0 0 #EB4F1E;
color: #FFFFFF;
font-size: 50px;
left: 0;
line-height: 50px;
padding: 20px;
z-index: 999;
font-family: lato;
font-weight: 100;
}
.slide-content {
background: none repeat scroll 0 0 #FFFFFF;
padding: 20px;
}
.slide-button {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
color: #FFFFFF;
margin: 3px 2px 0 0;
padding: 20px;
position: absolute;
right: 0;
}
.slide-button:before {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
bottom: -3px;
content: "";
left: -3px;
position: absolute;
right: -3px;
top: -3px;
z-index: -1;
} .logo {
text-align: center;max-width: 80%;
    margin-top: 50px;
}
#logo-tagline {
display: block;
}
.page-sidebar #sidebar-logo {
text-align: center;
} .social {
width: 100%;
margin: 20px auto 0;
opacity: 0;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.social-hover {
position: relative;
bottom: 0;
left: 0;
right: 0;
height: 140px;
}
.social-hover:hover .social {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.social-hover:hover:before {
opacity: 0;
}
.social-hover:before {
content: '\e7a7';
font-family: icomoon;
font-size: 16px;
left: 48%;
position: absolute;
top: 30px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.sidebar-default .social ul {
padding: 0;
}
.sidebar-default .social li {
display: inline-block;
list-style: none outside none;
}
.sidebar-default .social a {
height: 35px;
font-size: 16px;
padding: 9px 0 0 11px;
width: 35px;
opacity: 1;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}  .close-popup {
cursor: pointer;
z-index: 14;
}
.popup-inner .close-popup {
position: absolute;
right: 80px;
top: 80px;
font-style: italic;
}
.close-popup:before {
content: "\e694";
font-family: "ggticons";
font-size: 1em;
height: 36px;
left: -34px;
position: absolute;
text-align: center;
width: 36px;
font-style: normal;
}
#contacts-popup .close-popup {
cursor: pointer;
z-index: 14;
position: absolute;
top: 50px;
font-style: italic;
font-weight: 500;
right: 50px;
font-size: 13px;
opacity: 0.7;
letter-spacing: 1px;
}
#contacts-popup .close-popup span{
text-decoration: underline;
}
#contacts-popup .close-popup:before {
font-size: 23px;
content: "\e694";
font-family: "ggticons";
height: 36px;
left: -48px;
position: absolute;
text-align: center;
width: 46px;
font-style: normal;
}
.popup-inner .content {
background: none repeat scroll 0 0 #000000;
border: 1px solid;
margin: 0;
padding: 20px;
position: absolute;
right: -300px;
top: 100px;
width: 300px;
z-index: 2;
}
.portfolio-content-buttons {
position: absolute;
right: 0;
top: 110px;
}
.single-portfolio .portfolio-content-buttons {
top: 40px;
}
.portfolio-content-buttons #frame-share, .frame-share {
border-radius: 15px;
cursor: pointer;
height: 30px;
padding: 4px;
position: absolute;
right: -203px;
top: 15px;
transition: all 0.2s ease-in-out 0s;
width: 233px;
z-index: 111;
}
.portfolio-content-buttons .image-share.float-left.share-block {
left: 100px;
}
.portfolio-content-buttons #frame-share:hover {
opacity: 1;
right: -135px;
}
.page h1 {
height: 60px;
vertical-align: middle;
line-height: 60px;
padding-left: 10px;
}
.page-template-page-singlehome.page h1 {
height: auto;
padding-left: 0;
}
.breadcrumb {
background: rgba(0, 0, 0, 0);
list-style: none outside none;
margin-bottom: 0;
padding: 10px;
margin-top: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.breadcrumb > div {
display: inline-block;
}
body.page-template-default #content-wrap {
padding: 20px 50px 20px 50px;
}
body.page-template-page-calendar-php #content-wrap {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-top: 20px;
padding: 20px 50px 20px 50px;
}
.popup-inner article {
margin-top: 100px;
}
.popup-inner .entry-meta {
font-size: 11px;
margin: 0;
text-transform: uppercase;
}
.comment-respond {
margin-bottom: 30px;
}
.popup-inner .entry-content {
padding: 20px 0 0;
}
.popup-inner h2 {
font-size: 2em;
line-height: 1.4em;
font-weight: 400;
letter-spacing: 3px;
}
.popup-inner .title {
position: absolute;
}
.popup-inner .title:before {
content: "";
width: 30px;
height: 2px;
top: -12px;
position: absolute;
}
.popup-content .container {
margin: 0 auto;
padding: 0;
}
.blog .entry-meta {
display: inline-block;
font-size: 11px;
margin: 10px 0 15px 0px;
text-transform: uppercase;
}
.tag-links a {
border: 2px solid;
display: inline-block;
margin: 5px 5px 0 0;
padding: 5px 10px;
opacity: 0.3;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
font-size: 11px;
text-transform: uppercase;
}
.tag-links a:hover {
opacity: 1;
}
.blog-sidebar {
margin: 0;
padding: 0;
}
.blog h3 a {
}
.blog .entry-content {
padding: 20px 0;
}
#crumbs li:before {
content: "/";
margin-left: 5px;
margin-right: 5px;
opacity: 0.3;
}
#crumbs ul {
left: 5px;
padding: 0;
position: relative;
top: -1px;
}
#crumbs li {
display: inline-block;
list-style: none;
}
#crumbs .current {
border-bottom: 2px solid;
padding: 0;
}
.page-numbers.current {
}
.page-numbers {
border: 2px solid #fff;
color: #fff;
width: 35px;
height: 35px;
display: inline-block;
text-align: center;
font-size: 15px;
font-weight: 600;
float: left;
margin-right: 20px;
margin-bottom: 20px;
line-height: 30px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.next.page-numbers {
padding: 0 10px;
width: auto;
}
.prev.page-numbers {
padding: 0 10px;
width: auto;
}
.pagination {
display: inline-block;
margin: 20px 0 60px;
padding-left: 0;
}
.post-format {
font-size: 11px;
margin-right: 5px;
text-transform: uppercase;
}
.post-gallery img {
max-width: 100%;
min-width: 100%;
}
.tag-pagination .page-links-title {
text-transform: uppercase;
font-size: 11px;
}
.tag-pagination .page-links > a {
display: inline-block;
height: 30px;
line-height: 29px;
margin-right: 4px;
margin-left: 4px;
text-align: center;
width: 30px;
}
.format-gallery .page-links-title {
text-transform: uppercase;
font-size: 11px;
}
.format-gallery .page-links > a {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: inline-block;
height: 30px;
line-height: 29px;
text-align: center;
width: 30px;
}
.tag-pagination .entry-content {
border: 1px solid rgba(0, 0, 0, 0.05);
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
padding: 20px;
margin-bottom: 20px;
}
.tag-pagination .entry-content p {
text-transform: uppercase;
font-weight: 600;
}
.format-standard table {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
display: inline-block;
text-transform: uppercase;
}
.format-standard thead {
display: block;
padding: 10px;
}
.format-standard th {
padding: 10px;
}
.format-standard td {
padding: 10px;
}
.format-standard tr {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.format-standard tr:last-child {
border: none;
}
.wp-caption {
max-width: 100%;
}
blockquote {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.single-blog-nav-arrow {
margin-bottom: 10px;
}
.single-blog-nav-arrow > nav {
position: relative;
}
.post-arrow-next {
position: absolute;
right: 0;
top: -29px;
}
.post-arrow-prev,
.post-arrow-next {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
display: inline-block;
padding: 5px 10px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
article.sticky {
color: #FFFFFF;
}
article.sticky .tag-links a {
color: #FFFFFF;
}
article.sticky .entry-title > a {
}
.page-template-page-blog-php h3 {
margin: 30px 0;
vertical-align: middle;
}
.comment-form-author > input,
.comment-form-email > input,
.comment-form-url > input {
background: none repeat scroll 0 0 #fff;
border: 2px solid #ccc;
height: 36px;
margin-left: 100px;
} .flickr img {
margin: 1%;
width: 48%;
height: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.widget.tweets ul {
padding: 0;
}
.tweets .jtwt_tweet {
list-style: none outside none;
margin: 10px 0;
padding: 20px 20px 20px 30px;
width: 100%;
}
.tweets .jtwt_tweet_text > a {
display: inline-block;
margin-top: 5px;
margin-bottom: 10px;
}
.tweets .jtwt_tweet_text:before {
content: "\e668";
font-family: icomoon;
font-size: 17px;
height: 30px;
left: 25px;
line-height: 31px;
position: absolute;
text-align: center;
width: 30px;
}
.tweets .jtwt_date {
border-radius: 25px;
padding: 5px 10px 4px 10px;
}
.widget_search .screen-reader-text {
font-size: 0;
position: absolute;
text-transform: uppercase;
}
.widget_search .search-field {
background: none repeat scroll 0 0 #F5F5F5;
padding-left: 10px;
height: 30px;
width: 100%;
}
.widget_search .search-submit {
border: 0 none;
height: 30px;
padding: 0px 20px 0 20px;
text-transform: uppercase;
font-size: 11px;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.widget_tag_cloud a {
display: inline-block;
margin: 2px 0;
padding: 5px 10px;
vertical-align: middle;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.widget_pages ul {
padding: 0;
}
.widget_pages .page_item_has_children .children .children li {
border-left: 0 none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-right: 0 none;
border-top: 0 none;
}
.widget_pages .page_item_has_children .children .children li:last-child {
border: 0;
}
.widget_pages li {
list-style: none outside none;
margin: 5px 0 0;
padding: 5px 10px;
font-size: 12px;
text-transform: uppercase;
}
.widget_pages .page_item_has_children {
}
.widget_pages .page_item_has_children .children .page_item_has_children {
background: #fff;
}
.widget_pages .page_item_has_children .children .page_item_has_children li {
background: rgba(0, 0, 0, 0);
}
.widget_pages .page_item_has_children li {
background: none repeat scroll 0 0 #FFFFFF;
}
.widget_pages .children {
margin-bottom: 10px;
}  .single-portfolio-image {
}
.single-portfolio-description {
}
.gallery-item > img {
width: 100%;
height: auto;
}
.fix {
background: none repeat scroll 0 0 #FFFFFF;
border: 10px solid;
display: inline-block;
margin: 0;
padding: 0;
width: 100%;
}
.single-thumb-scroll li {
display: inline-block;
}
#portfolio-content {
left: 0;
position: relative;
top: -11px;
}
.portfolio-back-button {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
color: rgba(0, 0, 0, 0.5);
padding: 25px;
}
.portfolio-back-button:hover {
background: rgba(0, 0, 0, .1);
border: 1px solid rgba(0, 0, 0, 0);
}
.portolio-item-navigation {
height: auto;
position: relative;
}
.portfolio-item-title h2 {
margin: 20px 0;
padding: 0;
}
.portfolio-item-title {
left: 55px;
margin-right: 150px;
padding: 1px;
position: relative;
}
.single-portfolio-left-panel .portfolio-item-title {
padding: 0 50px 0 50px;
position: relative;
}
.single-portfolio-left-panel .portolio-item-navigation {
bottom: 0;
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
text-align: center;
width: 50%;
z-index: 1;
-webkit-border-top-left-radius: 100px;
-webkit-border-top-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-topright: 100px;
border-top-left-radius: 100px;
border-top-right-radius: 100px;
}
.single-portfolio-left-panel .portfolio-item-title h2 {
margin-bottom: 20px 0 15px 0px;
}
.portfolio-back {
display: inline-block;
left: 0;
position: absolute;
}
.prev_item {
bottom: 20px;
height: 25px;
left: 50px;
margin: 0;
padding: 4px;
position: absolute;
text-align: center;
width: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.prev_item:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.prev_item:before {
content: "\ea67";
font-family: icomoon;
font-size: 25px;
left: -4px;
position: relative;
top: -4px;
}
.next_item {
bottom: 20px;
height: 25px;
padding: 4px;
position: absolute;
right: 50px;
text-align: center;
width: 25px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.next_item:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.next_item:before {
content: "\e8ba";
font-family: icomoon;
font-size: 25px;
left: -4px;
position: relative;
top: -4px;
}
.portfolio-item-description {
margin: 50px 0 50px 0px;
}
.portfolio-item-description > h5,
.portfolio-item-details > h5 {
letter-spacing: 5px;
font-size: 11px;
color: rgba(0, 0, 0, .5);
}
.portfolio-item-date,
.portfolio-item-client {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding: 10px 0;
}
.portfolio-tags {
padding: 10px 0;
}
.portfolio-tags > li {
display: inline-block;
list-style: none outside none;
margin: 5px;
}
.portfolio-tags a:after {
content: " \\"; left : 10 px; position : relative; padding-right : 20 px;
color: rgba(0, 0, 0, .3);
}
.portfolio-tags a {
color: rgba(0, 0, 0, 0.5) !important;
}
.portfolio-button > a {
width: 100%;
display: inline-block;
padding: 20px;
text-align: center;
color: rgba(0, 0, 0, 1) !important;
text-transform: uppercase;
letter-spacing: 3px;
}
.portfolio-button > a:hover {
background: rgba(0, 0, 0, 0.1);
color: rgba(0, 0, 0, 0.5) !important;
display: inline-block;
padding: 20px;
text-align: center;
width: 100%;
} .page-template-page-about-us-php .content-wrap {
padding: 50px 150px 50px 150px;
}
.team-content {
background: none repeat scroll 0 0 #FFFFFF;
padding: 40px;
}
.team-image img {
width: 100%;
}
.team-item {
padding: 30px 0 30px 0px;
}
.team-text {
padding: 10px 40px 30px 40px;
margin-top: 0px;
} .page-template-page-contact-php .content-wrap {
position: relative;
}
.gmap-wrap {
bottom: 10px;
left: 0;
position: relative;
right: 0;
top: 0;
text-align: center;
}
#map_canvas {
height: 100%;
width: 100%;
}
.map-marker {
display: inline-block;
color: #111111;
position: absolute;
top: 200px;
font-weight: 500;
width: 420px;
vertical-align: middle;
z-index: 5;
text-align: left;
font-size: 16px;
line-height: 1.5em;
letter-spacing: 1px;
text-transform: uppercase;
padding: 35px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.map-marker:before {
content: "";
position: absolute;
left: -24px;
top: 46px;
z-index: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 25px 25px 0;
}
.marker-button {
position: relative;
bottom: 0;
right: 0;
float: right;
cursor: pointer;
display: inline;
font-size: 14px;
letter-spacing: 2px;
font-weight: 600;
padding: 6px 20px 6px 20px;
border: 2px solid;
margin: 10px;
background: transparent;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
#contacts-popup {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
position: fixed;
right: 90px;
width: 680px;
top: 0;
height: 100vh;
z-index: 100;
}            .contacts-popup-inner {
padding: 120px 80px;
overflow-y: auto;
height: 100%;
}
#contacts-popup.on {
display: block;
}
#contacts-close {
position: absolute;
top: 10px;
right: 10px;
z-index: 10;
width: 100px;
height: 100px;
border-radius: 50px;
overflow: hidden;
}
#contacts {
}
#contact-form h3 {
text-align: center;
line-height: 2.5em;
font-weight: 400;
letter-spacing: 2px;
opacity: 0.9;
font-size: 28px;
margin-bottom: 30px;
}
#contact-form-wrap {
margin-top: 90px;
margin-bottom: 90px;
}
.cf-label {
float: left;
display: inline-block;
width: 30%;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
text-align: right;
padding-top: 12px;
padding-right: 35px;
}
.cf-label strong {
display: block;
opacity: 0.3;
font-size: 11px;
}
.contacts-iconblock {
padding: 0;
margin: 0;
}
.page-template-page-contact-us-php h1 {
z-index: 1;
position: relative;
}
.page-template-page-contact-us-php .content-wrap {
padding-top: 40%;
min-height: 1000px;
}
.page-template-page-contact-us-php #page-content {
padding: 22px;
}
.contact-info i {
font-size: 56px;
vertical-align: middle;
}
.contacts-icon {
margin-bottom: 95px;
position: relative;
}
.contacts-title {
font-size: 14px;
font-weight: 600;
letter-spacing: 2px;
}
.contacts-txt {
margin-top: 8px;
line-height: 1.7em;
font-size: 14px;
opacity: 0.5;
}
.contacts-icon:after {
position: absolute;
content: "";
height: 12px;
width: 100px;
bottom: -52px;
left: 0;
right: 0;
margin: auto;
}
.wpcf7-form-control {
width: 100%;
border: 0;
background: rgba(0, 0, 0, .05);
padding-left: 20px;
padding-right: 20px;
font-size: 1.4em;
outline: none;
margin-bottom: 12px;
}
span.wpcf7-form-control-wrap {
position: relative;
width: 70%;
float: right;
display: inline-block;
}
.wpcf7-form-control.wpcf7-textarea {
padding: 20px 30px;
}
.wpcf7-submit {
padding: 10px 22px;
display: inline-block;
text-transform: uppercase;
width: auto;
font-weight: 600;
letter-spacing: 2px;
font-size: 14px;
border: 2px solid;
margin-left: 30%;
background: transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.wpcf7-text {
height: 50px;
}
.wpcf7-form p {
line-height: 40px;
padding-top: 0;
position: relative;
text-transform: uppercase;
top: 0;
} .footer .social li {
float: left;
display: block;
list-style: none;
}
.footer .social a {
padding: 10px;
}
#back-top a {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
bottom: 20px;
display: block;
height: 30px;
line-height: 50px;
position: fixed;
right: 60px;
text-align: center;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
width: 30px;
z-index: 9999;
}
#back-top a:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
#back-top a:before {
content: "\ea89";
font-family: 'icomoon';
height: 30px;
left: 0px;
line-height: 30px;
position: absolute;
text-align: center;
width: 30px;
}                                                   .grid-item .portfolio-content {
position: absolute;
display: none; top: 0;
left: 0;
width: 100%;
height: 100%;
}
.grid-item:hover .portfolio-content {
opacity: 1;      }                   .sbHolder a {
color: #999;
}
.sbSelector {
color: #999 !important;
}
.archive.woocommerce span.onsale, .woocommerce-page span.onsale {
font-weight: 500;
left: 6px;
line-height: 88px;
margin: 0;
text-transform: uppercase;
min-height: 88px;
letter-spacing: 2px;
font-size: 14px;
min-width: 88px;
padding: 4px;
position: absolute;
text-align: center;
border-radius: 0;
border: none;
right: 0;
top: 0;
}
.single-product.woocommerce span.onsale, .woocommerce-page span.onsale {
font-weight: 500;
left: auto;
line-height: 88px;
margin: 0;
text-transform: uppercase;
height: 88px;
letter-spacing: 2px;
font-size: 14px;
width: 88px;
padding: 4px;
position: absolute;
text-align: center;
border-radius: 0;
border: none;
right: 0;
top: 0;
}
.archive.woocommerce a:hover .star-rating span, .woocommerce #respond .stars a:hover {
color: #FF0000;
}
.archive.woocommerce .star-rating span, .woocommerce-page .star-rating span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
color: #000;
}
.single-product.woocommerce a:hover .star-rating span, .woocommerce #respond .stars a:hover {
color: #FF0000;
}
.single-product.woocommerce .star-rating span, .woocommerce-page .star-rating span {
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0;
color: #000;
}
.archive.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button {
cursor: pointer;
font-family: inherit;
font-size: 11px;
left: auto;
line-height: 11px;
margin: 0;
overflow: visible;
padding: 10px 18px;
letter-spacing: 1px;
position: relative;
text-decoration: none;
transition: all 0.2s linear 0s;
white-space: nowrap;
text-transform: uppercase;
display: inline-block;
font-weight: 600;
border-radius: 0;
margin-top: 28px;
}
.woocommerce a.button.added,
.woocommerce-page a.button.added {
padding-right: 52px;
}
.single-product.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
#searchsubmit {
cursor: pointer;
font-family: inherit;
font-size: 11px;
left: auto;
line-height: 1em;
margin: 0;
overflow: visible;
padding: 10px 18px;
position: relative;
text-decoration: none;
transition: all 0.2s linear 0s;
white-space: nowrap;
text-transform: uppercase;
display: inline-block;
font-weight: 600;
border-radius: 0;
margin-top: 28px;
}
.widget #searchsubmit {
margin-left: 0;
}
.single-product.woocommerce .woocommerce-message a.button,
.woocommerce-page .woocommerce-message a.button {
margin: 0;
}
#tab-description {
padding: 20px !important;
}
.archive.woocommerce .star-rating:before, .woocommerce-page .star-rating:before {
content: "sssss";
float: left;
left: 0;
position: absolute;
top: 0;
}
.single-product.woocommerce .star-rating:before, .woocommerce-page .star-rating:before {
content: "sssss";
float: left;
left: 0;
position: absolute;
top: 0;
}
.woocommerce .amount {
display: inline;
font-size: 15px;
font-weight: 400;
line-height: 17px;
text-decoration: none;
}
.archive.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del,
div.product .price del {
margin: 0;
padding: 3px 14px;
display: block;
text-align: left;
opacity: 0.25;
margin-bottom: 12px;
text-decoration: line-through;
}
.archive.woocommerce ul.products li.product .price del .amount,
.woocommerce-page ul.products li.product .price del .amount {
font-size: 14px;
font-weight: 500;
}
.archive.woocommerce ul.products li.product .price ins,
.woocommerce-page ul.products li.product .price ins,
div.product .price ins {
display: inline;
text-align: left;
clear: both;
float: none;
padding: 8px 14px;
margin-bottom: 12px;
margin-top: 12px;
border-radius: 0;
margin-left: 0;
}
.archive.woocommerce ul.products li.product .price ins .amount,
.woocommerce-page ul.products li.product .price ins .amount,
div.product .price ins .amount {
font-size: 15px;
font-weight: 600;
}
.archive.woocommerce ul.products li.product .price ins:after,
.woocommerce-page ul.products li.product .price ins:after {
content: "\A";
white-space: pre; }
.description_tab.active {
padding: 10px 20px;
text-transform: uppercase;
}
.description_tab {
padding: 10px 20px;
text-transform: uppercase;
}
.reviews_tab.active {
padding: 10px 20px;
text-transform: uppercase;
}
.reviews_tab {
padding: 10px 20px;
text-transform: uppercase;
} .loadmore {
border: 2px solid;
border-radius: 0;
color: inherit;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
margin: 20px auto;
padding: 10px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in-out 0s;
width: 150px;
}
#main-wrapper {
overflow: hidden;
}
#footer_power {
padding: 25px;
text-align: center;
text-transform: uppercase;
}
#footer-widgets {
padding: 50px 80px;
}
#page-footer .widget {
padding: 25px;
margin: 0 15px;
}
.bottom-pad #page-footer {
padding-bottom: 90px;
}
.float-left {
float: left;
}
article .owl-carousel .owl-item {
width: 100%;
overflow: hidden;
}
article .owl-carousel .owl-item .cover-image {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.comment-form {
border: none;
padding: 20px;
margin-top: 20px;
}
.logged-in-as > a {
padding: 5px 10px 5px 10px;
}
.comment-form-comment label,
.comment-form-rating label {
display: block;
font-size: 11px;
font-weight: 500;
}
.comment-form-comment textarea {
border: 2px solid #ccc;
background: #ffffff;
}
.form-submit > input {
padding: 10px 15px 10px 15px;
border: 0;
}
#content-wrap .with-padding {
padding: 15px;
}
#popup-window {
display: none;
position: absolute;
text-align: center;
z-index: 101;
width: 500px;
left: 0;
right: 0;
margin: 0 auto;
top: 30%;
}
#popup-window img {
width: 100%;
height: auto;
}
#popup-window .close-window {
width: 40px;
height: 40px;
position: absolute;
top: 0;
right: 0;
margin-right: -40px;
margin-top: 0;
cursor: pointer;
}
#popup-window .close-window:before {
content: '\e98e';
font-family: ggticons;
font-size: 16px;
line-height: 40px;
font-weight: 600;
height: 30px;
}
#popup-window .popup-html {
background: white;
color: black;
}
.popup-bg {
position: fixed;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
background: rgba(0, 0, 0, 0.5);
}
.gallery-info {
left: 0;
right: 0;
margin: 0 auto;
}
@media screen and (min-width: 980px) and (max-width: 1080px) {
#gallery-list-horizontal .horizontal-list-item{min-height: 686px !important;}
}
@media screen and (min-width: 767px) and (max-width: 979px) {
#gallery-list-horizontal .horizontal-list-item{min-height: 550px !important;}
}
@media screen and (min-width: 481px) and (max-width: 740px) {
#gallery-list-horizontal .horizontal-list-item{min-height: 505px !important;}
}

@media screen and (min-width: 361px) and (max-width: 480px) {
.gallery-info {
left: 16%;
}
.logo {
top: 30px;
width: auto;
}

}
@media screen and (min-width: 300px)  and (max-width: 360px) {
.logo {
top: 60px;
width: auto;
}
.video-content-wrap {
height: 70%;
}
#kenburns-title, #video-title {
width: 90%;
}
#gallery-list-scroll-horizontal .gallery-title {
width: auto
}
.gallery-info {
left: 11%;
}
.home-image-wrap {
bottom: auto;
}
.home-image-title {
width: 90%;
}
.filter-button-bg {
top: 150px;
}
.portfolio-content h2 {
font-size: 140%;
line-height: 140%;
}
.columns6 .grid-item .portfolio-content h2 {
font-size: 140%;
line-height: 140%;
}
.portfolio-item-title {
left: 0;
margin-right: 0;
}
.portfolio-item-title h2 {
font-size: 17px;
line-height: 17px;
}
.single-portfolio-left-panel .portfolio-item-title {
margin-bottom: 70px;
}
.menu-blank-area {
display: none;
}
#contacts, #contact-form-wrap {
margin-top: 0
}
}
.woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd {
margin-bottom: 0 !important;
}
@media (max-width: 480px) {
	#gallery-list-horizontal .horizontal-list-item{min-height: 320px !important;}
	.copyright{display: none;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
clear: both;
float: none;
margin: 0 0 2.992em;
width: 100%;
}
.archive.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
margin-right: 1em;
}
.archive.woocommerce ul.products li.product .price del,
.archive.woocommerce ul.products li.product .price del .amount,
.woocommerce-page ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del .amount {
font-size: 14px;
}
.woocommerce .amount,
.woocommerce .product .price {
font-size: 16px;
}
li.product .add_to_cart_button {
display: block;
margin: 10px 20px;
}
}
@media (min-width: 781px) and (max-width: 850px) {
.copyright{font-size: 14px;padding: 35px 0;}
}
@media (min-width: 481px) and (max-width: 1024px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: left;
margin: 0 2% 2% 0;
padding: 0;
position: relative;
width: 48%;
}
.archive.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
margin-right: 1em;
}
.archive.woocommerce ul.products li.product .price del,
.archive.woocommerce ul.products li.product .price del .amount,
.woocommerce-page ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del .amount {
font-size: 16px;
}
.woocommerce .amount,
.woocommerce .product .price {
font-size: 18px;
}
.woocommerce ul.products li.product .add_to_cart_button {
display: block;
margin: 10px 20px;
}
}
@media (min-width: 1025px) and (max-width: 1280px) {
.archive.woocommerce ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del {
margin-right: 1em;
}
.archive.woocommerce ul.products li.product .price del,
.archive.woocommerce ul.products li.product .price del .amount,
.woocommerce-page ul.products li.product .price del,
.woocommerce-page ul.products li.product .price del .amount {
font-size: 18px;
}
.woocommerce .amount,
.woocommerce .product .price {
font-size: 22px;
}
.woocommerce ul.products li.product .add_to_cart_button {
text-align: center;
display: block;
margin: 10px 20px;
}
} #portfolio-content {
top: 0;
}
@media (max-width: 640px) {
#page-footer {
padding: 30px 10px 20px;
position: relative;
background-color: #333333;
}
#page-footer .social-button {
position: relative;
}
#page-footer #social-icons {
top: 0;
left: 0;
}
#page-footer .social-button:hover #social-icons {
top: 0;
}
.social-button:before {
display: none;
}
.single-portfolio-left-panel .portolio-item-navigation {
border-top-left-radius: 0;
border-top-right-radius: 0;
width: 100%;
position: absolute;
bottom: 0;
}
.single-portfolio-left-panel .portfolio-item-title {
margin-bottom: 0;
}
.portfolio-item-title h2 {
font-size: 16px;
}
}
@media (max-width: 480px) {
#gallery-list-bg {
height: auto;
}
.gallery-list-item {
display: inline-block;
margin: 13px;
position: relative;
width: 40%;
}
}
#portfolio-content {
min-height: 100vh;
}
.loadingspin:before {
border-top: 2px solid white;
border-right: 2px solid white;
border-left: 2px solid white;
border-bottom: 2px solid white;
}
body.portfolio-slider #page-content {
padding: 0;
}
.gallery-title {
position: relative;
z-index: 1;
}
.widget_recent_entries a {
}
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce a.added_to_cart,
.woocommerce-page a.added_to_cart,
.woocommerce button.button,
.woocommerce-page button.button,
.woocommerce input.button,
.woocommerce-page input.button,
.woocommerce #respond input#submit,
.woocommerce-page #respond input#submit,
.woocommerce #content input.button,
.woocommerce-page #content input.button,
#searchsubmit {
border: 2px solid;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
border: 2px solid white;
}
.woocommerce .woocommerce-message,
.woocommerce-page .woocommerce-message {
}
.woocommerce .woocommerce-info,
.woocommerce-page .woocommerce-info {
}
#pf-featured {
height: 100vh;
width: 100%;
}
.cover-only {
background-size: cover;
background-position: center center;
}
#pf-inner-gallery {
margin-right: 90px;
}
.pf-info-block .description {
padding: 20px 25px;
line-height: 1.5em;
opacity: 0.8;
text-align: left;
}
.pf-info-block .categories {
padding: 35px 25px;
border-top: 1px solid;
}
.pf-info-block .category-item {
text-transform: uppercase;
position: relative;
font-size: 11px;
letter-spacing: 2px;
margin: 0 0 6px 24px;
}
.pf-info-block .category-item:before {
position: absolute;
content: "";
left: -20px;
top: 2px;
width: 10px;
height: 10px;
border: 2px solid;
border-radius: 50%;
}
#page-title {
position: absolute;
z-index: 10;
font-size: 20px;
left: 90px;
border-left: 1px solid;
padding-left: 25px;
height: 60px;
line-height: 60px;
vertical-align: middle;
display: inline-block;
top: 15px;
}
.admin-bar #page-title {
top: 47px
}
#page-title h1 {
font-size: 16px;
line-height: 60px;
vertical-align: middle;
display: inline-block;
font-weight: 400;
letter-spacing: 2px;
}
.fs-image {
height: 100vh;
width: 100%;
background-size: cover !important;
background-position: center center;
}
.content-pad {
padding-right: 90px;
}
.with-line {
position: relative;
margin-bottom: 45px;
font-weight: 600;
letter-spacing: 2px;
}
.with-line:after {
content: "";
position: absolute;
bottom: -20px;
width: 40px;
left: 0;
height: 2px;
background: #efefef;
} .page-template-page-blog .grid-item {
margin-bottom: 30px;
padding: 0 15px;
padding-bottom: 50px;
}
.page-template-page-blog.sidebar-left .grid-item {
padding: 0 0 0 30px;
}
.page-template-page-blog.sidebar-right .grid-item {
padding: 0 30px 0 0;
}
.page-template-page-blog #grid-wrap {
padding: 0;
}
article.post {
padding: 0;
margin-bottom: 30px;
}
.page-template-page-blog .grid-inner {
margin-bottom: 30px;
}
.page-template-page-blog .content-pad {
padding-right: 120px;
margin-top: 120px;
padding-left: 90px;
}
#content-wrap {
margin-top: 120px;
}
.is-blog article.post {
margin-bottom: 30px;
}
article.post {
padding: 0;
margin: 0;
}
article img {
max-width: 100%;
height: auto;
display: block;
}
.header-pad {
padding: 20px 30px;
}
.image-outer {
position: relative;
}
.image-btn-wrap {
position: absolute;
width: 160px;
height: 80px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
}
.format-gallery .image-outer .image-btn-wrap {
width: 320px;
}
article.has-thumbnail .image-btn-wrap,
article.has-thumbnail .image-btn-wrap .comments-link a,
article.format-gallery:not(.content-gallery) .image-btn-wrap,
article.format-gallery:not(.content-gallery) .image-btn-wrap .comments-link a{
color: white;
}
.image-btn-wrap .image-btn {
text-align: center;
display: block;
width: 80px;
height: 100%;
float: left;
top: 0;
padding: 12px 10px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.image-btn-wrap .image-btn.gallery-btn:hover {
background: rgba(0, 0, 0, 0.3);
}
.image-btn-wrap .image-btn.blog-gallery-prev:before {
position: absolute;
color: white;
font-family: 'ggticons';
content: "\ed4a";
font-size: 42px;
width: 30px;
left: -12px;
right: 0;
top: 16px;
margin: auto;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
}
.image-btn-wrap .image-btn.blog-gallery-next:before {
position: absolute;
color: white;
font-family: 'ggticons';
content: "\ed4b";
font-size: 42px;
width: 30px;
left: -12px;
right: 0;
top: 16px;
margin: auto;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
}
.image-btn-wrap .image-btn.blog-gallery-next,
.image-btn-wrap .image-btn.blog-gallery-prev {
cursor: pointer;
}
.btn-label {
text-transform: uppercase;
position: absolute;
bottom: 12px;
margin: 0 auto;
text-align: center;
font-size: 0.7em;
left: 0;
right: 0;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.image-outer {
position: relative;
overflow: hidden;
min-height: 80px;
}
article.post:hover .image-btn-wrap .image-btn.blog-date,
.image-btn.comments-link .image-btn.blog-date{
color: black;
}
.image-outer .image-btn-wrap .image-btn.comments-link:hover,
.no-thumbnail:not(.format-gallery) .image-outer .image-btn-wrap .image-btn.comments-link,
.content-gallery.format-gallery .image-btn.comments-link{
background: white;
color: black;
}
.image-outer .image-btn-wrap .image-btn.comments-link:hover a{
color: black;
}
.image-btn-wrap .image-btn.comments-link {
position: relative;
}
.image-btn-wrap .image-btn.comments-link a {
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
line-height: 110px;
text-align: center;
font-size: 20px;
position: absolute;
bottom: 18px;
text-align: center;
margin: 0 auto;
display: inline-block;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.image-btn-wrap .image-btn.comments-link:before {
position: absolute;
font-family: 'ggticons';
content: "\e7c6";
font-size: 36px;
left: 0;
right: 0;
top: 18px;
margin: auto;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
}
.blog-date .day {
font-size: 25px;
letter-spacing: 3px;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(25px);
-moz-transform: translateY(25px);
-ms-transform: translateY(25px);
-o-transform: translateY(25px);
transform: translateY(25px);
}
.blog-date .month {
text-transform: uppercase;
margin-top: 12px;
letter-spacing: 1px;
font-size: 0.7em;
line-height: 1.5em;
opacity: 0.5;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.blog-date .year {
margin-top: 0;
letter-spacing: 1px;
font-size: 0.7em;
line-height: 1em;
opacity: 0.5;
-webkit-transition: transform 0.2s ease-in;
-moz-transition: transform 0.2s ease-in;
-o-transition: transform 0.2s ease-in;
transition: transform 0.2s ease-in;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
article.post:hover .image-btn-wrap .image-btn .month,
article.post:hover .image-btn-wrap .image-btn .year,
article.post:hover .image-btn-wrap .image-btn .day,
article.post:hover .image-btn-wrap .comments-link:before,
article.post:hover .image-btn-wrap .comments-link a,
article.post:hover .image-btn-wrap .btn-label,
article.post:hover .image-btn.blog-gallery-next:before,
article.post:hover .image-btn.blog-gallery-prev:before,
article.post.no-thumbnail:not(.format-gallery) .image-btn-wrap .image-btn .month,
article.post.no-thumbnail:not(.format-gallery) .image-btn-wrap .image-btn .year,
article.post.no-thumbnail:not(.format-gallery) .image-btn-wrap .image-btn .day,
article.post.no-thumbnail:not(.format-gallery) .image-btn-wrap .comments-link:before,
article.post.no-thumbnail:not(.format-gallery) .image-btn-wrap .comments-link a,
.content-gallery.format-gallery .image-btn-wrap .image-btn .month,
.content-gallery.format-gallery .image-btn-wrap .image-btn .year,
.content-gallery.format-gallery .image-btn-wrap .image-btn .day,
.content-gallery.format-gallery .image-btn-wrap .comments-link:before,
.content-gallery.format-gallery .image-btn-wrap .image-btn-wrap .comments-link a{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
article.post h2,
article.post h2 a {
font-size: 22px;
font-weight: 500;
line-height: 1.2em;
position: relative;
letter-spacing: 1px;
margin: 25px 0;
}
h2.entry-title:after {
content: "";
height: 1px;
position: absolute;
left: 0;
bottom: -22px;
width: 40px;
background: #eee;
}
.format-link h2.entry-title:after {
display: none;
}
.format-aside h2.entry-title:after {
content: "";
height: 10px;
position: absolute;
left: 0;
bottom: -38px;
width: 80px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
article.post.format-aside h2.entry-title {
margin-bottom: 38px;
}
article.post.format-aside:hover h2.entry-title:after {
width: 100%;
}
article.post.format-link h2.entry-title {
margin-bottom: 10px;
}
article.post .entry-content {
padding: 0 30px 30px;
font-size: 0.9em;
line-height: 1.7em;
}
.post-format-icon{
position: absolute;
right: 30px;
}
.post-format-icon:before{
font-size: 50px;
font-family: 'ggticons';
content: "\eb6d";
color: rgba(0,0,0,0.1);
line-height: 80px;
}
.format-quote .post-format-icon:before{
content: "\e7eb";
}
.format-aside .post-format-icon:before{
content: "\ebad";
}
.format-status .post-format-icon:before{
content: "\e65f";
}
.format-link .post-format-icon:before{
content: "\e82e";
}
.format-audio .post-format-icon:before{
content: "\e641";
}
.format-video .post-format-icon:before{
content: "\e6fb";
}
.format-image .post-format-icon:before{
content: "\e8a2";
}
.format-gallery .post-format-icon:before{
content: "\e8a8";
}
.post-categories {
margin-top: 8px;
display: block;
list-style: none outside none;
padding: 0;
}
.post-categories li {
display: inline;
margin-right: 12px;
}
.post-categories li a {
text-transform: uppercase;
font-size: 9px;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.post-categories li a {
color: #aaa;
padding-bottom: 3px;
}
.post-categories li a:hover {
color: #000;
border-bottom: 1px solid #aaa;
}
.format-quote .quote-wrap {
border-left: 2px solid;
padding-left: 18px;
}
.format-image .header-pad {
color: white;
position: absolute;
left: 12px;
top: 12px;
z-index: 1;
}
article.post.format-image h2,
article.post.format-image h2 a,
article.post.format-image .edit-post a {
color: white;
}
.format-image .image-outer:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 0;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
article.post.format-image:hover .image-outer:after {
opacity: 0.5;
}
article.post.format-image:hover .header-pad {
opacity: 0;
}
aside.widget {  margin-bottom: 30px;
}
.widget {
padding: 30px;
}
.widget.ggt_about_widget {
padding: 0;
}
.ggt_about_widget img {
width: 100%;
height: auto;
}
.ggt_about_widget .soc-label {
display: none;
}
.ggt_about_widget a:after {
display: none;
}
.widget .content-wrap {
padding: 30px;
}
.widget .widget-title {
font-weight: 600;
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 32px;
position: relative;
}
.widget-title:after {
content: "";
width: 76px;
height: 12px;
bottom: -18px;
left: 0;
position: absolute;
}
.author-name {
text-transform: uppercase;
font-size: 20px;
line-height: 1.3em;
letter-spacing: 2px;
margin-bottom: 20px;
}
.author-text {
font-size: 0.9em;
line-height: 1.7em;
margin-bottom: 45px;
position: relative;
}
.widget .social-icons a:before,
.widget .social-icons a {
line-height: 20px;
font-size: 20px;
}
.widget .social-icons li {
margin-right: 10px;
margin-bottom: 12px;
}
.widget .social-icons li:first-child {
padding-left: 5px;
}
.author-text:after {
content: "";
width: 38px;
height: 1px;
position: absolute;
left: 0;
bottom: -15px;
background: #eee;
}
.post-gallery .owl-item {
height: 480px;
width: 100%;
}
div.ppt {
display: none;
visibility: hidden;
}
.video-icon {
position: absolute;
color: #FFFFFF;
top: 0;
right: 0;
width: 60px;
height: 60px;
left: 0;
margin: auto;
line-height: 60px;
bottom: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
z-index: 1;
}
.video-icon:before {
content: "\e654";
font-family: "ggticons";
position: absolute;
font-size: 60px;
margin: 0 auto;
text-align: center;
}
.with-shadow:before {
opacity: 0;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
background: rgba(0, 0, 0, 0.5);
z-index: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
article.post:hover .with-shadow:before {
opacity: 1;
}
.portrait-img {
width: 100%;
height: 640px;
-webkit-background-size: cover;
background-size: cover;
background-position: center center;
}
.link-wrap {
height: 60px;
position: relative;
margin-left: 60px;
padding-left: 35px;
line-height: 60px;
border: 2px solid #eee;
}
.link-wrap:before {
width: 60px;
height: 60px;
font-size: 38px;
text-align: center;
display: block;
left: -62px;
position: absolute;
top: -2px;
background: #eee;
font-family: "ggticons";
content: "\e82d";
color: #000;
}
.link-wrap:after {
content: "";
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 0;
background: #eee;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
-o-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.link-wrap:hover:after {
width: 100%;
}
.link-wrap a {
z-index: 1;
color: #000;
text-transform: uppercase;
position: relative;
font-size: 0.9em;
letter-spacing: 1px;
display: inline-block;
width: 100%;
}
article.post .link-wrap a:hover {
color: #000;
}
#blog-content {
padding: 0 30px;
}   .blog-readmore {
margin-left: 5px;
color: #aaa;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
a.blog-readmore:after {
content: "+";
margin-left: 2px;
color: inherit;
}
.edit-link {
padding: 5px 0;
margin: 12px 0;
display: inline-block;
text-transform: uppercase;
}
.post-permalink {
border: 2px solid black;
padding: 6px 16px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
display: inline-block;
font-size: 0.9em;
margin-top: 8px;
color: #000;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.image-outer .post-permalink {
opacity: 0;
visibility: hidden;
position: absolute;
top: 50%;
left: 50%;
margin: 0 auto;
text-align: center;
z-index: 1;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
-o-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.no-csstransforms3d .image-outer .post-permalink {
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
article.post:hover .image-outer .post-permalink {
opacity: 1;
visibility: visible;
}
.fixed-bg-image {
position: fixed;
z-index: 0;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}
.no-thumbnail .image-btn-wrap{
right: auto;
}
.no-thumbnail.format-gallery .image-btn-wrap{
right: 0;
}
.format-image.no-thumbnail .header-pad{
color: inherit;
position: relative;
left: 0;
top: 0;
}
article.post.format-image.no-thumbnail:hover .header-pad{
opacity: 1;
}
article.post img{
margin-top: 12px;
margin-bottom: 12px;
}
.no-comments .image-btn-wrap{
width: 80px;
}
:not(.single-post) .no-comments.format-gallery .image-btn-wrap{
width: 240px;
} .sbHolder,
.chosen-container-single .chosen-single,
.chosen-container-single.chosen-container-active .chosen-single,
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
position: relative;
border: 2px solid #ddd;
border-radius: 0;
background: white;
box-shadow: none;
padding: 2px 38px 2px 12px;
font-size: 11px;
line-height: 30px;
height: auto;
color: #888;
}
.sbHolder li a,
.sbHolder a.sbSelector {
color: #aaa;
}
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
color: #aaa;
opacity: 1;
}
.sbToggle {
position: absolute;
right: 2px;
width: 30px;
height: 30px;
background: #ccc;
}
.sbToggle:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: #fff transparent transparent transparent;
}
.sbSelector {
}
table.variations td {
padding-bottom: 5px;
}
table.variations .var-label label,
.quantity_label {
position: relative;
color: #bbb;
text-transform: uppercase;
font-size: 11px;
font-weight: 500;
letter-spacing: 1px;
line-height: 34px;
margin-left: 20px;
}
.quantity_label {
float: left;
min-width: 166px;
line-height: 42px;
display: inline-block;
margin-left: -2px;
padding-left: 20px;
}
a.reset_variations {
margin-top: 10px;
display: inline-block;
text-transform: uppercase;
font-size: 10px;
color: #888;
line-height: 1em;
padding-bottom: 3px;
border-bottom: 1px solid;
border-color: transparent;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
a.reset_variations:hover {
border-color: #bbb;
}
.sbOptions {
padding: 6px 12px;
list-style-type: none;
line-height: 20px;
position: absolute;
background: white;
width: calc(100% + 4px);
z-index: 1;
border: 2px solid #ddd;
top: 34px;
left: -2px;
overflow-y: auto;
}
.tagcloud a {
border: 2px solid;
padding: 0.3em 0.5em;
color: #ccc;
text-transform: uppercase;
display: inline-block;
line-height: 1em;
margin: 0.3em 0.3em 0.3em 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
} .widget.widget_search {
padding: 0;
}
.widget.widget_search .widget-title {
display: none;
}
.widget.widget_search .search-field {
outline: none;
height: 76px;
border: none;
padding: 12px 22px 12px 42px;
font-style: italic;
font-size: 12px;
color: #ccc;
background: inherit;
width: calc(100% - 76px);
}
.widget.widget_search form {
position: relative;
}
.widget.widget_search .search-submit {
outline: none;
position: absolute;
color: transparent !important; right: 0;
top: 0;
height: 76px;
width: 76px;
border: none;
padding: 0;
margin: 0;
}
.widget.widget_search label {
width: 100%;
padding: 0;
margin: 0;
}
.widget.widget_search label:before {
pointer-events: none;
font-family: 'ggticons';
content: "\e616";
position: absolute;
z-index: 2;
font-size: 32px;
line-height: 76px;
right: 22px;
margin: auto;
}
.widget #s {
display: block;
margin: 2px 0 12px;
height: 36px;
border: 2px solid #ccc;
background: white;
padding: 8px 12px;
outline: none;
width: 100%;
font-style: italic;
font-size: 11px;
}
.widget_product_search label {
font-weight: 400;
font-size: 12px;
color: #aaa;
}
.widget ul {
list-style-type: none;
padding-left: 20px;
}
ul.product-categories {
padding: 12px 0 0 20px;
}
ul.product-categories li {
position: relative;
line-height: 2em;
font-size: 11px;
}
ul.product-categories ul li:before {
position: absolute;
content: "-";
left: -20px;
color: #ccc;
font-size: 16px;
font-weight: 200;
top: -1px;
}
.product_list_widget a {
font-size: 11px;
font-weight: 500;
}
.product_list_widget .amount {
font-size: 12px;
}
.product_list_widget li {
border-bottom: 1px solid #eee;
padding-left: 32px;
padding-bottom: 26px;
margin-bottom: 26px;
}
.product_list_widget li del,
.product_list_widget li ins {
display: block;
}
.product_list_widget li del {
color: #ccc;
}     .product_list_widget li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.product_list_widget li:first-child {
padding-top: 20px;
}
.widget.widget_top_rated_products,
.widget.widget_recent_reviews,
.widget.widget_products,
.widget.widget_shopping_cart,
.widget.widget_recently_viewed_products,
.widget.widget_calendar,
.widget.ggt_timetable_widget,
.widget.ggt_contacts_widget,
.widget.ggt_recentposts_widget_entries{
padding: 0;
}
.widget.widget_top_rated_products .widget-title,
.widget.widget_recent_reviews .widget-title,
.widget.widget_shopping_cart .widget-title,
.widget.widget_products .widget-title,
.widget.widget_recently_viewed_products .widget-title,
.widget.widget_calendar .widget-title,
.widget.ggt_timetable_widget .widget-title,
.widget.ggt_contacts_widget .widget-title,
.widget.ggt_recentposts_widget_entries .widget-title{
margin-left: 32px;
padding-top: 32px;
}
.reviewer {
color: #aaa;
font-size: 12px;
}
.widget_products li a {
margin-bottom: 20px;
}
.widget_price_filter form {
padding-top: 20px;
}
.widget_price_filter .price_label {
text-align: left;
position: absolute;
color: #888;
font-style: italic;
}
.widget_price_filter form button[type=submit] {
left: 0;
margin-top: 36px;
margin-left: 0;
position: relative;
} #calendar_wrap {
width: 100%;
padding-top: 12px;
}
#calendar_wrap th {
border-bottom: 1px solid #eee;
text-align: center;
padding: 10px 0;
font-size: 11px;
}
#calendar_wrap td {
border-bottom: 1px solid #eee;
text-align: center;
padding: 10px 0;
font-size: 11px;
}
#calendar_wrap td:first-child,
#calendar_wrap th:first-child {
padding-right: 10px;
width: 20%;
text-align: right;
}
#calendar_wrap td:last-child,
#calendar_wrap th:last-child {
padding-left: 10px;
text-align: left;
width: 20%;
}
#wp-calendar {
width: 100%;
}
#calendar_wrap caption {
padding: 12px 0;
font-weight: 600;
font-size: 11px;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
}
#calendar_wrap #prev a,
#calendar_wrap #next a {
display: inline-block;
border: 2px solid;
background: transparent;
padding: 6px 12px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0;
left: 1px;
position: relative;
}
#calendar_wrap #prev {
text-align: left;
padding-left: 10px;
padding-top: 10px;
}
#calendar_wrap #next {
text-align: right;
padding-right: 10px;
padding-top: 10px;
}
.timetable {
padding-top: 20px;
}
.timetable .dayname {
float: left;
margin: 0;
padding: 0;
margin-left: 38px;
margin-right: 12px;
text-align: center;
width: 44px;
line-height: 38px;
height: 38px;
background: #eee;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
}
.timetable .timeblock {
position: relative;
padding-left: 20px;
margin-left: 82px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.timetable .row {
border-top: 1px solid rgba(0, 0, 0, 0.1);
line-height: 38px;
font-size: 12px;
}
.timeblock:before {
height: 100%;
width: 0;
position: absolute;
left: 0;
top: 0;
content: "";
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.timetable .row:hover .timeblock:before {
width: 6px;
}
.timetable .row:hover .timeblock {
padding-left: 26px;
} .ggt_contacts_widget.widget .fn {
font-size: 20px;
text-transform: uppercase;
margin: 0 0 30px;
letter-spacing: 3px;
}
.ggt_contacts_widget.widget .fn strong{
font-weight: 500;
}
.ggt_contacts_widget.widget .vcard {
padding: 20px 32px 20px;
line-height: 1.8em;
font-size: 12px;
}
.ggt_contacts_widget.widget .contacts_label{
font-weight: 700;
margin-right: 6px;
} .ggt_recentposts_widget_entries .blog-date{
padding-top: 8px;
display: block;
float: left;
padding: 10px;
width: 100px;
height: 100px;
text-align: center;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ggt_recentposts_widget_entries a{
display: block;
}
.ggt_recentposts_widget_entries .blog-date span{
display: block;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.ggt_recentposts_widget_entries .blog-date span:first-child{
margin-top: 12px;
}
.ggt_recentposts_widget_entries .post-item{
border-top:1px solid;
border-bottom: 1px solid;
border-color: transparent;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ggt_recentposts_widget_entries .post-item:hover{
border-color: rgba(0,0,0,0.06);
}
.ggt_recentposts_widget_entries .post-item:hover{
background: #f8f8f8;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ggt_recentposts_widget_entries ul.recent-box-cont{
padding-top: 20px;
}
.ggt_recentposts_widget_entries .recent-box-cont .post-title {
text-transform: uppercase;
padding: 32px 12px 0 22px;
display: block;
line-height: 1.5em;
margin-left: 100px;
}
#content-wrap{
min-height:100vh;
}
.sidebar-right .post-wrap{
padding-right: 30px;
}
.sidebar-left .post-wrap{
padding-left: 30px;
}
.post-inside{
background: rgba(246,246,246,1);
padding-bottom: 5px;
}
#comments-wrap{
margin:30px;
}
.comment-form-comment{
position: relative;
}
#comments-wrap .comment-form-author,
#comments-wrap .comment-form-email,
#comments-wrap .comment-form-url{
width: 32%;
float: left;
margin-right: 2%;
display: block;
}
#comments-wrap .comment-form-url{
margin-right: 0;
}
#comments-wrap #commentform label {
left: 0;
font-size: 10px;
padding-top: 8px;
position: relative;
width: 100%;
text-transform: uppercase;
color: #aaa;
font-weight: 500;
letter-spacing: 2px;
}
#comments-wrap .comment-form-author > input,
#comments-wrap .comment-form-email > input,
#comments-wrap .comment-form-url > input {
background: none repeat scroll 0 0 #fff;
border: 2px solid #ccc;
padding: 3px 12px;
height: 36px;
margin-left: 0;
width: 100%;
outline: none;
}
#comments-wrap .comment-form-comment{
clear: both;
padding-top: 16px;
}
#comments-wrap #respond{
padding: 30px;
background: none repeat scroll 0 0 #fff;
}
#comments-wrap .comment-form-comment textarea {
width: 100%;
outline: none;
padding: 3px 12px;
}
#comments-wrap .comment-form{
padding: 0;
}
#comments-wrap .comment-notes{
font-size: 11px;
}
#comments-wrap #form-allowed-tags{
padding: 12px 18px 18px;
font-size: 11px;
line-height: 1.7em;
font-weight: 700;
margin-top: 16px;
background: rgba(246,246,246,1);
}
#comments-wrap #form-allowed-tags code{
font-weight: 400;
white-space: normal;
color: #888;
background-color: inherit;
}
#comments-wrap #submit{
margin-top: 12px;
outline: none;
border: 2px solid;
text-transform: uppercase;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
padding: 8px 16px;
background: white;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
#comments-wrap li.comment { }
#comments-wrap li.comment article{
background: white;
margin-top: 40px;
position: relative;
padding: 20px 20px 26px;
}
#comments-wrap #comments h2{
margin-bottom: 56px;
}
li.comment article:before{
content: "";
position: absolute;
left: 0;
top: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 15px;
border-color: transparent transparent transparent #fff;
}
#comments-wrap li.comment .comment-content {
font-size: 12px;
line-height: 1.7em;
display: block;
padding: 26px 0 0 0;
}
.comment-list {
display: block;
padding: 0;
margin: 12px 0 30px;
list-style: none outside none;
}
.comment-list .children {
list-style: none outside none;
margin: 20px 0 20px 20px;
padding-left: 20px;
}
.comment-author.vcard {
display: block;
font-size: 11px;
list-style: none outside none;
text-transform: uppercase;
}
.comment-metadata a {
color: #000000;
}
.comment-metadata {
display: inline-block;
font-size: 9px;
padding: 0;
font-weight: 600;
margin-top: 3px;
letter-spacing: 1px;
text-transform: uppercase;
}
.comment-buttons{
position: absolute;
top: 25px;
right: 20px;
}
.comment-buttons .edit-link,
.single-post .post-edit-link{
margin: 0 5px 0 0;
background: #ccc;
}
.comment-buttons .reply {
}
.comment-buttons .reply,
.comment-buttons .edit-link,
.logged-in-as a,
.single-post .post-edit-link{
display: inline-block;
padding: 3px 12px 3px 12px;
text-transform: uppercase;
font-size: 9px;
margin-left:10px;
letter-spacing: 1px;
font-weight: 600;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.single-post .post-edit-link{
margin-left: 0;
}
.logged-in-as a{
margin: 0 5px;
}
.avatar-wrap img{
width: 32px;
height: auto;
}
.avatar-wrap{
float: left;
position: relative;
margin-right: 20px;
}
.avatar-wrap:after{
position: absolute;
content: "";
bottom: -20px;
left: 0;
height: 1px;
width: 40px;
background: #eee;
}
.comment-info {
font-size: 9px;
color: #aaa;
font-weight: 600;
}
.comment-info b{
font-weight: 600;
}
.content-gallery .blog-gallery-prev.image-btn,
.content-gallery .blog-gallery-next.image-btn{
display: none;
}
.content-gallery.format-gallery .image-btn-wrap{
right: auto;
}
.single-post .header-pad,
.single-post article.post .entry-content{
margin-left: 260px;
border-left: 1px solid rgba(0,0,0,0.1);
}
.single-post .header-pad{
position: relative;
}
.single-post article.post.format-image:hover .header-pad {
opacity: 1;
}
.single-meta {
position: absolute;
left: -230px;
top: 30px;
min-height: 180px;
max-width: 200px;
}
.single-meta .header-pad{
padding-left: 20px;
}
.single-meta .image-btn-wrap .image-btn.comments-link a,
.single-meta .image-btn-wrap .image-btn.comments-link:before,
.single-meta .blog-date .day,
.single-meta .blog-date .month,
.single-meta .blog-date .year{
transform: none;
opacity: 1;
color: #000;
}
.single-meta .image-btn-wrap .image-btn.comments-link{
background: rgba(247,247,247,1);
}
.single-meta .image-btn-wrap{
top: 0;
bottom: auto;
width: 200px;
position: relative;
height: 100px;
}
.single-meta .image-btn-wrap .image-btn {
width: 100px;
height: 100%;
padding: 20px 10px;
}
.header-pad{
position: relative;
}
.single-meta .cat-links{
position: relative;
left: 0;
margin-top: 20px;
}
.single-meta .cat-links .post-categories{
padding-left: 22px;
}
.single-meta .cat-links .post-categories li{
display: block;
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 10px;
position: relative;
}
.single-post .format-gallery .image-outer .image-btn-wrap{
width: 160px;
}
.single-post .image-outer {
min-height: 0;
} .widget_recent_entries ul {
margin: 0;
padding: 0;
padding-top: 20px;
}
.widget_recent_entries li {
list-style: none outside none;
margin: 0 0 5px;
padding: 0;
font-size: 12px;
font-weight: 600;
}
.widget_recent_entries li a{
padding-bottom: 3px;
border-bottom: 1px solid;
border-color: transparent;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget_recent_entries li a:hover{
border-color: rgba(0, 0, 0, 0.2);
}
.widget_recent_entries .post-date {
display: block;
font-size: 11px;
margin: 3px 0;
padding: 3px 7px 3px 0;
text-align: left;
text-transform: none;
color: #aaa;
font-style: italic;
} .widget.widget_recent_comments ul {
padding: 0;
padding-left: 20px;
padding-top :10px;
}
.widget_recent_comments .recentcomments {
list-style: none outside none;
margin: 8px 0 12px 0;
padding: 0;
}
.widget_recent_comments .url {
position: relative;
color: #aaa;
}
.widget_recent_comments li{
position: relative;
font-size: 11px;
letter-spacing: 1px;
}
.widget_recent_comments a {
}
.widget_recent_comments .comment-author-link{
text-transform: none;
font-size: 11px;
color: #aaa;
}
.widget_recent_comments .recentcomments > a {
font-size: 11px;
font-weight: 600;
padding-bottom: 3px;
border-bottom: 1px solid;
border-color: transparent;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget_recent_comments .recentcomments > a:hover{
border-color: rgba(0, 0, 0, 0.2);
} .widget_archive ul {
list-style: none;
margin: 0;
padding: 0;
padding-left: 20px;
}
.widget_archive li {
position: relative;
font-size: 11px;
margin: 5px 0 0;
padding: 5px 0;
} .widget_categories li {
position: relative;
font-size: 11px;
margin: 0;
padding: 0;
line-height: 28px;
}
.widget_categories > ul > li{
}
.widget_categories ul {
list-style: none;
padding: 0;
margin: 0;
padding-left: 20px;
}
.widget_categories ul ul{
padding-left: 10px;
}
.widget_categories ul ul li:before{
content: "-";
position: absolute;
left: -12px;
font-size: 14px;
color: #ccc;
font-weight: 200;
} .widget_meta ul {
padding: 0;
padding-left: 20px;
}
.widget_meta li {
margin: 5px 0 0;
position: relative;
padding: 5px 10px 5px 0;
font-size: 11px;
} .widget_nav_menu .menu {
list-style: none outside none;
padding: 0;
font-size: 11px;
padding-top: 20px;
}
.widget_nav_menu .menu-item {
padding:0 ;
}
.widget_nav_menu{
padding: 0;
}
.widget_nav_menu .widget-title{
margin-left: 30px;
padding-top: 30px;
margin-bottom: 30px;
}
.widget_nav_menu .menu-item:hover {
}
.widget_nav_menu li {
position: relative;
padding: 0;
}
.widget_nav_menu li a{
position: relative;
display: block;
width: 100%;
height: 100%;
font-size: 11px;
padding: 12px 12px 12px 30px;
border-bottom: 1px solid rgba(0,0,0,0.2);
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.widget_nav_menu li a:hover{
background: rgba(246,246,246,1);
}
.widget_nav_menu ul.menu > li > a{
font-weight: 700;
}
.widget_nav_menu ul.menu > li:first-child > a{
border-top: 1px solid rgba(0,0,0,0.2);
}
.widget_nav_menu li li a{
padding-left: 60px;
}
.widget_nav_menu li li a:after{
content: "";
height: 1px;
width: 12px;
position: absolute;
left: 30px;
top: 20px;
background: #ccc;
}
.widget_nav_menu li li li a:after{
left: 60px;
}
.widget_nav_menu li li li a{
padding-left: 90px;
}
.widget_nav_menu li li{
}
.widget_nav_menu li ul{
padding: 0; }
.widget_nav_menu .menu-item-has-children {
padding: 0;
border-bottom: 0;
}
.widget_nav_menu .menu-item-has-children:after{
top: 26px;
} .widget.widget_rss{
padding: 0;
}
.widget_rss .widget-title{
margin-left: 30px;
padding-top: 30px;
margin-bottom: 30px;
}
.widget_rss ul{
padding: 0;
padding-top: 20px;
}
.widget_rss li{
position: relative;
padding: 60px 30px 30px 60px;
font-size: 11px;
border-top: 1px solid rgba(0,0,0,0.2);
}
.widget_rss .rss-date{
display: block;
position: absolute;
top: 30px;
left: 60px;
font-style: italic;
color: #888;
}
.widget_rss .rss-date:before{
font-style: normal;
}
.widget_rss a.rsswidget {
margin-bottom: 20px;
display: block;
font-weight: 600;
}
.widget_rss cite{
padding: 6px 12px;
margin-top: 12px;
display: inline-block;
} .page .post-inside{ }
.page .post-inside article{
margin: 0; padding: 40px;
background: #fff;
}
.page article .content-inner{
padding: 0;
line-height: 1.5em;
font-size: 12px;
}
.pass-right{
font-size: 30px;
letter-spacing: 4px;
font-weight: 500;
line-height: 1.2em;
text-align: left;
border-left: 1px solid rgba(255,255,255,0.2);
}
.pass-right form{
letter-spacing: 1px;
font-size: 14px;
}
.pass-right,
.pass-left{
padding: 70px;
}
.pass-left{
text-align: right;
}
.pass-left .password-icon{
font-size: 220px;
}
.passwrap{
margin: 40px 0 0;
}
.password-window{
width: 90%;
height: auto;
margin: auto;
top: 35%;
left: 0;
bottom: auto;
right: 0;
font-weight: 700;
position: absolute;
text-align: center;
padding: 0;
font-size: 1.2em;
font-family: inherit;
text-transform: uppercase;
}
.password-window form{
font-weight: normal;
text-transform: none;
margin-top: 15px;
}
.password-window input{
height: 80px;
line-height: 30px;
border: none;
margin: 0;
float: left;
color: #ccc;
background: #000;
padding: 3px 16px;
outline: none;
font-size: 26px;
}
.password-window input[type="submit"]{
font-size: 14px;
color: inherit;
font-weight: 600;
letter-spacing: 2px;
padding: 3px 82px 3px 30px;
border: none;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.submit-wrap{
display: inline-block;
position: relative;
}
.submit-wrap:before{
font-size: 42px;
color: #000;
line-height: 80px;
font-family: 'ggticons';
position: absolute;
right: 22px;
top: 0;
content: "\ed43";
}
.password-window .screen-reader-text{
display: none;
}
.error404 .password-window label{
float: left;
}
.error404 form.search-form:after { content: " ";
display: table;
clear: both;
}
.error404 form.search-form{
display: inline-block;
position: relative;
}
.error404 form .search-wrap{
pointer-event: none;
display: inline-block;
position: relative;
}
.error404 form label i{
cursor: pointer;
pointer-vents:none;
position: absolute;
right: 22px;
line-height: 80px;
font-size: 36px;
top: 0;
z-index: 1;
}
.error404 .password-window input[type="submit"] {
pointer-event: all;
font-family: 'ggticons';
width: 80px;
padding: 0;
border: none;
color: #000;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.error404 #searchsubmit{
margin: 0;
border: none;
}
h2.comments-title{
color: #000;
}
#comments-wrap #comments,
#comments-wrap #comments a{
color: #000;
}
#map_canvas{
width: 100%;
height: 100%;
}
blockquote {
border: none;
}
.pf-info-block .button{
border: 2px solid;
padding: 8px 16px;
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.search-no-results .post-inside{
padding: 30px;
}
.page-template-page-gallery-grid #main-wrapper,
.page-template-page-blog #main-wrapper,
.page-template-page-videolist #main-wrapper,
.page-template-default #main-wrapper,
.post-type-archive-product #main-wrapper,
.single-product #main-wrapper{
min-height: 100vh;
}
.page-template-page-gallery-grid .content-pad,
.page-template-page-blog .content-pad{
padding-bottom: 90px;
}
.page-template-page-contact #page-footer{
padding: 0;
display: none;
}
#grid-wrap{
min-height: 100vh;
} .spinner{
position: relative;
-webkit-transform: rotate(269deg);
-moz-transform: rotate(269deg);
-ms-transform: rotate(269deg);
-o-transform: rotate(269deg);
transform: rotate(269deg);
}
.path {
stroke-dasharray: 772;
stroke-dashoffset: 772;
-webkit-animation: dash 5s ease-in-out infinite;
animation: dash 5s ease-in-out infinite;
}
@-webkit-keyframes dash {
0% {
stroke-dashoffset: 772;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes dash {
0% {
stroke-dashoffset: 772;
}
100% {
stroke-dashoffset: 0;
}
}
.spinner-wrap{
position: absolute;
width: 250px;
height: 250px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.spinner,
.progress-spinner{
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.spinner-bg,
.progress-spinner-bg{
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.loader-logo{
line-height: 250px;
}
.pp_social .facebook{
width: 120px;
}
.absolute-link{
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
text-decoration: none;
}
.absolute-link:hover{
text-decoration: none;
}
#pixproof_data > .grid {
list-style: outside none none;
margin-bottom: 0;
margin-left: 0;
margin-top: 30px;
}
#pixproof_data .button-download{
margin-bottom: 20px;
display: inline-block;
background: white;
border: 2px solid;
padding: 8px 16px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.meta-box__title {
display: block;
font-weight: 600;
text-transform: uppercase;
}
.entry__meta-box span:not(.meta-box__title){
font-style: italic;
}
#pixproof_data .proof-photo:hover .proof-photo__bg {
background: transparent;
}
#content-wrap{
position: relative;
}
.single #content-wrap{
margin-bottom: 90px;
}
#pixproof_data .proof-photo__bg .flexbox__item {
}
#pixproof_data .proof-photo .nav--stacked>li>a {
display: inline-block;
width: auto;
background: white;
font-weight: 600;
letter-spacing: 2px;
margin: 8px auto;
min-width: 120px;
z-index: 10;
}
#pixproof_data .proof-photo:hover .separator {
display: none;
}
#pixproof_data .proof-photo.selected .proof-photo__status:before {
content: "\e9b2";
position: absolute;
top: 0;
right: 0;
font-family: 'ggticons';
font-size: 25px;
line-height: 38px;
width: 38px;
height: 38px;
}
#pixproof_data .proof-photo.selected .proof-photo__status span.ticker{
display: none;
}
#pixproof_data .proof-photo__id {
color: rgba(0,0,0,0.5);
}
#pixproof_data .nav > li > a {
padding: 8px 16px;
}
#portfolio-gallery{
margin-bottom: 90px; }

.side-header .wrap {
padding: 35px 25px 15px 60px;
}
.cell {
   /* display: table-cell;*/
    vertical-align: middle;
}
.side-navigation {
    text-transform: lowercase;
}
.side-navigation>ul {
    position: relative;
}
.side-navigation ul {
    margin: 0;
    padding: 0;
}
.side-navigation ul li {
    display: block;
}
.side-navigation>ul>li>a {
    padding: 8px 0;
}
.side-navigation ul li:hover a{color: #ec6f05;}
.side-navigation ul li:hover a span:before{height: 12px;}
.side-navigation ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 16px;
        text-transform: uppercase;
            font-weight: 500;
}
.side-navigation>ul>li>a span {
    padding-left: 5px;
}
.side-navigation ul li a span {
    position: relative;
    display: inline-block;
}
.navigation>ul>li.current-menu-item>a span:after, .navigation>ul>li.current-menu-ancestor>a span:after, .navigation>ul>li.current_page_item>a span:after, .navigation>ul>li.current_page_parent>a span:after, .navigation>ul>li.current-menu-ancestor>a span:after, .side-navigation>ul>li.current-menu-item>a span:before, .side-navigation>ul>li.current-menu-ancestor>a span:before, .side-navigation>ul>li.current_page_item>a span:before, .side-navigation>ul>li.current_page_parent>a span:before, .side-navigation>ul>li.current-menu-ancestor>a span:before {
   /* height: 12px;*/
}
.side-navigation>ul>li>a span:before {
    left: 40px;
    right: -5px;
    width: auto;
    bottom: 0;
}
.navigation>ul>li>a span:after, .side-navigation>ul>li>a span:before {
    content: "";
    position: absolute;
    left: 10px;
    bottom: -2px;
    width: 100%;
    background: url(//promo-theme.com/rolly/wp-content/themes/rolly/css/../images/nav-hover.png) 50% repeat;
    background-size: 12px auto;
    height: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    z-index: -1;
}

#hk-map{display: none;}
#th-map{display: none;}
#sg-map{display: none;}
#ma-map{display: none;}
.show-map{display:  block !important; }
#map-content {    padding-top: 40px;text-align: center;}
.content{    position: absolute;
    top: 50%;
    left: 30px;
    right: 30px;
    z-index: 1;}

.content .num{font-size: 45px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 20px;}
.button-style5{    text-decoration: none;
    color: inherit;
    font-size: 13px;
    background: 0 0;
    padding: 7px 26px;
    line-height: 19px;
    border: none;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    text-transform: lowercase;
    font-weight: 300;
    border: 1px solid;
    border-radius: 15px;
    opacity: .8;
text-transform: uppercase;
}
.button-style5:after {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 1px solid;
    border-radius: 15px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
    -moz-transform: translate(3px,3px);
    -ms-transform: translate(3px,3px);
    -webkit-transform: translate(3px,3px);
    -o-transform: translate(3px,3px);
    transform: translate(3px,3px);
    -webkit-clip-path: polygon(75% 0,75% 75%,0 75%,0 100%,100% 100%,100% 0%);
    clip-path: polygon(calc(100% - 4px) 0,calc(100% - 4px) 75%,0 calc(100% - 4px),0 100%,100% 100%,100% 0%);
}
.button-style5 i {
    font-size: 16px;
    margin-left: 8px;
    margin-top: 1px;
    display: inline-block;
    vertical-align: top;
}
.material-design-icon-keyboard-right-arrow-button:before {
    content: "\e9bf";
}
a:hover .num{color: #fff;}
a:hover .button-style5{color: #fff;}
#menu-navigation-1 i{    box-shadow: inset 0 0 0 1px;
    text-align: center;
    border-radius: 50%;
    width: 30px;
    font-size: 24px;
    height: 30px;
    padding: 2px;}
.header_left-side{width: 270px;float: left;}
#map-content img{    max-height: 240px;}

	/***********************add by jason(mob)***************************************/
 @media (min-width: 1350px) and (max-width: 1680px) {
 	.content .num{font-size: 30px;}
 	.logo{margin-top: 20px;}
 	.side-header .wrap{padding: 20px 25px 10px 60px;}
 	#map-content{    padding-top: 20px;}
 	#map-content img{max-height: 190px;}

}
  @media (min-width: 1150px) and (max-width: 1460px) {
  	.logo{margin-top: 20px;}
.side-header .wrap {
    padding: 20px 25px 10px 60px;
}
  	.content .num{    font-size: 28px;}
#map-content{    padding-top: 20px;}
 	#map-content img{max-height: 190px;}

  }
  @media (min-width: 980px) and (max-width: 1149px) {
  	.header_left-side{    width: 270px !important;float: left !important;}
  	.logo {float: none !important;}
  	.logo img{    max-width: 250px;}
  	.fr{display: none;}
.side-header .wrap {
    padding: 45px 25px 20px 30px !important;    display: block !important;}
.content-wrap {clear: none !important;}
#map-content { display: block !important;}
.content .num{    font-size: 25px;}

  }
    @media (min-width: 980px){.mob-map{display: none;}}
  @media (max-width: 979px){
  	.content{top: 33%;}
.mob-map img{max-height: 38px;}

   }
  @media (min-width: 768px) and (max-width: 978px) {
   	.header_left-side{   width: 100%; float: none; }
  	.logo{margin-top: 10px;}
  	.logo img{    max-width: 250px;}
.side-header .wrap {
    padding: 20px 0 20px 0px;}
#menu-navigation-1{    text-align: center;}
.side-navigation ul li { display: inline-block; width: 24%;}
#map-content{display: none;}
.copyright{display: none;}
  }
  @media (max-width: 767px) {
  	.logo img{max-width: 160px; }
  	}
  @media (min-width: 480px) and (max-width: 766px) {

	.header_left-side{   width: 100%; float: none; }
  	.logo{margin-top: 10px;}
  	.logo img{    max-width: 250px;}
.side-header .wrap {
    padding: 20px 0 20px 0px;  display: none;}
#menu-navigation-1{    text-align: center;}
.side-navigation ul li { display: inline-block; width: 24%;}
#map-content{display: none;}
.copyright{display: none;}

  }
  @media (max-width: 479px) {
  
#menu-navigation-1{    text-align: center;}
.side-navigation ul li { display: inline-block; width: 49%;}

.content .num{    font-size: 24px;}


    }
  @media (min-width: 381px) and (max-width: 478px) {
#gallery-list-horizontal .horizontal-list-item {
    min-height: 300px !important;
}
   }
  @media (max-width: 380px){#gallery-list-horizontal .horizontal-list-item {
    min-height: 320px !important;
}}
  @media (min-width:1149px) {
  	.fr{display: none;}
  } 
    @media (max-width:1150px) {
    		.header_left-side{   width: 100%; float: none; }
  	.logo{margin-top: 10px;       margin-bottom: 15px;   margin-left: 15px;  float: left;}
  	.logo img{    max-width: 250px;}
  	.content-wrap{clear: both;}
#map-content{display: none;}

.content { left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
       	.fr{float: right;color: #000;}
.side-header .wrap {
    padding: 20px 0px 20px 0px;    display: none;}
  	.side-header .wrap{display: none;}
  	.fr .butter-button{    font-size: 26px;
    padding: 35px 20px;}
.fr .visible_menu{     position: fixed;
    top: 112px;
    right: 0;
    bottom: 0;
    z-index: 20;
    background: #fff;
    padding: 15px 30px;
    width: 260px;
    max-width: 260px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: 0 !important;
    transform: translateX(100%);
    border: none;
    float: left;
    opacity: 0;}
  	.navigation.active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
     }
     #mob-menu a{color: #000;}
     .navigation ul {
    margin: 0;
    padding: 0;
      }
      .navigation>ul>li, .navigation>ul>li:not(:last-of-type), .navigation>ul>li+li {
    float: none;
    padding: 0 !important;
    margin: 0;
    display: block;
     }
     .navigation>ul>li>a {
    padding: 10px 0;
    text-align: left;
    display: block;
    height: auto;
    max-width: none;
}
  } 

/***********************add by jason(mob)***************************************/