@media (max-width:1200px){.tg-container{padding:0 1%;width:98%}body.boxed{width:97%}body{overflow:hidden}}@media(max-width:980px){.cart-wrap,.logo,.search-wrap{z-index:99}.header-bottom{position:relative}.center-logo-below-menu .logo,.logo{display:inline-block;float:none;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}#site-navigation{position:absolute;left:0;top:0;float:none;padding:22px 0;width:100%}#site-navigation ul li.current-menu-item>a::before,#site-navigation ul li:hover>a::before{display:none}#site-navigation .menu{background:#fff;display:none;left:0;position:absolute;top:100%;width:100%;z-index:9999;padding:0 20px}#site-navigation .menu-toggle{cursor:pointer;display:inline-block;margin-left:20px}#site-navigation ul li,body.transparent #site-navigation ul li{float:none;margin-right:0;padding:0;position:relative;border-bottom:1px solid rgba(0,0,0,.1)}#site-navigation ul li:last-child,body.transparent #site-navigation ul li:last-child{border-bottom:none}#site-navigation ul.submenu li{padding:0}#site-navigation ul.sub-menu::before{display:none}#site-navigation ul.sub-menu,body.transparent #site-navigation ul.sub-menu{background:#fff;display:none;border-radius:0;min-width:100%;opacity:1;position:static;left:0;top:0;-webkit-transition:none 0s ease 0s;-moz-transition:none 0s ease 0s;-ms-transition:none 0s ease 0s;-o-transition:none 0s ease 0s;transition:none 0s ease 0s;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);visibility:visible;box-shadow:none;padding-left:20px;border-top:1px solid rgba(0,0,0,.1)}#site-navigation ul>li a{line-height:42px;padding:0 15px}#site-navigation ul.sub-menu li a,#site-navigation ul.sub-menu li ul.sub-menu li a,body.transparent #masthead .header-bottom #site-navigation ul li a,body.transparent #masthead .header-bottom #site-navigation ul.sub-menu li a{color:#4c5867;display:block;line-height:42px;padding:0 0 0 20px;text-align:left}#site-navigation ul.sub-menu li{padding:0}#site-navigation ul li.current-menu-ancestor,#site-navigation ul li.current-menu-item,#site-navigation ul li:hover,#site-navigation ul.sub-menu li.current-menu-ancestor,#site-navigation ul.sub-menu li.current-menu-item,#site-navigation ul.sub-menu>li:hover{color:#30AFB8}#site-navigation ul li.current-menu-ancestor a,#site-navigation ul li.current-menu-item a,#site-navigation ul li:hover>a{display:block;-webkit-transition:background .5s ease 0s;-moz-transition:background .5s ease 0s;-ms-transition:background .5s ease 0s;-o-transition:background .5s ease 0s;transition:background .5s ease 0s}#site-navigation ul.sub-menu>li:hover:first-child a,#site-navigation ul.sub-menu>li:hover:last-child a{border-radius:0}#site-navigation ul.sub-menu li:hover .sub-toggle i{color:#fff}#site-navigation ul li.menu-item-has-children .sub-toggle{position:absolute;top:11px;right:15px;background-color:#30AFB8;height:20px;width:20px;text-align:center;line-height:20px;color:#fff}#site-navigation ul li.menu-item-has-children:hover .sub-toggle,body.transparent #masthead .header-bottom #site-navigation ul li:hover .sub-toggle{color:#fff;cursor:pointer}#site-navigation ul li.menu-item-has-children ul.submenu li a{color:#FFF}#site-navigation ul li ul.sub-menu li.menu-item-has-children ul{left:0;opacity:1;visibility:visible;transition:none}#site-navigation ul li ul.sub-menu li.menu-item-has-children .sub-toggle{top:15px;color:#fff -webkit-transform: none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}#site-navigation ul li ul.sub-menu li.menu-item-has-children:hover .sub-toggle{cursor:pointer;color:#fff}body.transparent #masthead .header-bottom #site-navigation ul li:hover a::before{display:none}body.transparent.header-sticky #masthead-sticky-wrapper #masthead .header-bottom #site-navigation .menu-toggle,body.transparent.header-sticky #masthead-sticky-wrapper #masthead .header-bottom #site-navigation ul li a{color:#333}}@media(max-width:768px){#top-footer .tg-column-wrapper .tg-column-4{width:47%}.team-img,.tg-team-widget.tg-team-layout-2 .team-wrapper .team-content-wrapper{text-align:center}.tg-team-widget.tg-team-layout-2 .team-wrapper .team-content-wrapper .team-designation::after{left:50%}.tg-slider-widget .swiper-wrapper .slider-content .caption-title{font-size:24px;line-height:30px}.tg-slider-widget .swiper-wrapper .slider-content .caption-desc{font-size:16px;line-height:24px;margin:10px 0}.blog-section .tg-blog-widget{margin-bottom:30px}.blog-wrapper.tg-column-wrapper{margin:0}.blog-section .tg-blog-widget-layout-2 .tg-column-3{margin-left:0;width:100%}#primary,#secondary{float:none;width:100%}.tg-service-widget.tg-service-layout-2 .service-icon-title-wrapper .service-icon-wrap{margin:0 auto 5px}.tg-service-widget .service-content-wrap{margin:0 0 10px}.feature-product-section .tg-feature-product-layout-2 .tg-container .tg-column-wrapper .tg-feature-product-widget{width:30.33%}.tg-service-widget .service-more{margin-bottom:30px}.tg-service-widget .service-more:last-child{margin-bottom:0}.tg-service-widget.tg-service-layout-1,.tg-service-widget.tg-service-layout-1 .service-content-wrap{margin:20px 0}.feature-product-section .tg-feature-product-widget.tg-column-4{width:47%}.fun-facts-section{margin:30px 0}.blog-section .tg-column-wrapper .tg-blog-widget-layout-1.tg-column-2{margin:0 11px 20px;width:47%}.blog-section .row:nth-child(2n) .post-image::before,.blog-section .row:nth-child(2n+1) .post-image::before{display:none}.blog-section .tg-blog-widget-layout-1 .row:nth-child(2n+1) .blog-content,.blog-section .tg-blog-widget-layout-1 .row:nth-child(2n+1) .post-image,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n) .blog-content,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n) .post-image{float:none;width:100%}.tg-slider-widget .swiper-wrapper .slider-content{top:60%}.tg-blog-widget-layout-1 .row{margin-bottom:20px}.tg-blog-widget-layout-1 .row:last-child{margin-bottom:0}.blog-section .tg-blog-widget-layout-1{margin-left:-3%}.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .tg-column-2{margin-left:3%;width:47%}}@media(max-width:600px){.about-section .tg-column-wrapper,.header-top .tg-container,footer.footer-layout #bottom-footer{text-align:center}.header-top .contact-info,.header-top .social-menu{float:none;line-height:24px;display:inline-block}#top-footer .tg-column-wrapper{margin:0 3%}#top-footer .tg-column-wrapper .footer-block{width:100%;margin:0 0 30px}#top-footer .tg-column-wrapper .tg-column-4:last-child{margin:0}footer.footer-layout #bottom-footer .copyright,footer.footer-layout #bottom-footer .footer-menu{float:none;display:inline-block}.about-section .about-content-wrapper{text-align:center;width:100%}.about-section .about-section-image{margin-top:20px}.call-to-action-section .btn-wrapper a{display:block;margin:20px auto 0;width:60%;font-size:14px}.call-to-action-section .btn-wrapper a:first-child{display:block;margin:0 auto 20px;width:60%}.blog-section .row:nth-child(2n) .post-image::before,.blog-section .row:nth-child(2n+1) .post-image::before,.header-bottom .cart-wrap:hover .widget_shopping_cart{display:none}.call-to-action-section .section-title-wrapper .section-title{font-size:23px}.feature-product-section .tg-container .tg-column-wrapper .tg-feature-product-widget,.feature-product-section .tg-feature-product-layout-2 .tg-container .tg-column-wrapper .tg-feature-product-widget{width:47%}.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n) .blog-content,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n) .post-image,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n+1) .blog-content,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .row:nth-child(2n+1) .post-image,.blog-section .tg-column-wrapper.tg-blog-widget-layout-1 .tg-column-2{width:100%;margin:0 0 20px}.header-top .tg-column-2{float:none;width:auto}#primary .post .entry-thumbnail img,.archive #primary .post .entry-content-block,.archive.grid-view #primary .post,.blog #primary .post .entry-content-block,.blog.grid-view #primary .post{width:100%}.header-top .tg-column-2:last-child{float:none}.archive #primary .post .entry-thumbnail,.blog #primary .post .entry-thumbnail{float:none;width:100%}}@media(max-width:480px){.tg-slider-widget::before{content:" ";display:block;clear:both}.header-top,.slider-arrow,.tg-slider-widget .swiper-wrapper .slider-content .caption-desc{display:none}.logo .logo-image{padding:0;transform:scale(.8)}body.transparent .header-bottom .search-wrap{padding:5px 0 5px 40px}body.transparent #site-navigation{padding:8px 0}.logo{left:40%}.logo-text{padding:20px 0}.tg-slider-widget.slider-content-center .swiper-wrapper .slider-content .caption-desc,.tg-slider-widget.slider-content-left .swiper-wrapper .slider-content .caption-desc{font-size:12px;line-height:16px}.tg-slider-widget.slider-content-center .swiper-wrapper .slider-content .caption-title,.tg-slider-widget.slider-content-left .swiper-wrapper .slider-content .caption-title{font-size:14px;line-height:18px}.tg-slider-widget .swiper-wrapper .slider-content .btn-wrapper a{font-size:10px;padding:2px 15px}.logo .logo-text .site-title{font-size:18px;line-height:24px}.site-description{font-size:12px}.call-to-action-section .btn-wrapper a,.call-to-action-section .btn-wrapper a:first-child{width:67%}.header-top .tg-column-wrapper .tg-column-2{width:100%}.header-top ul.contact-info li{text-align:center;width:100%}.feature-product-section .tg-container .tg-column-wrapper .tg-feature-product-widget,.feature-product-section .tg-feature-product-layout-2 .tg-container .tg-column-wrapper .tg-feature-product-widget{width:97%}.tg-slider-widget .swiper-wrapper .slider-content .caption-title{margin-bottom:10px}}@media(max-width:320px){.tg-slider-widget .swiper-wrapper .slider-content .caption-desc{display:none}.tg-slider-widget .swiper-wrapper .slider-content .caption-title{margin-bottom:10px}.logo{left:50%;width:230px}}.sub-menu {
z-index: 101 !important;
}
#footer-wrapper {
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 0;
margin-left: -18%;
}.cl-btn {
display: inline-block;
vertical-align: top;
line-height: 1.5;
padding: 8px 20px;
margin: 4px 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.1);
}
[class^="cl-"][class*=" ratio_"]:before {
content: '';
display: block;
}
[class^="cl-"].ratio_2x1:before {
padding-top: 50%;
}
[class^="cl-"].ratio_3x2:before {
padding-top: 66.6666%;
}
[class^="cl-"].ratio_4x3:before {
padding-top: 75%;
}
[class^="cl-"].ratio_1x1:before {
padding-top: 100%;
}
[class^="cl-"].ratio_3x4:before {
padding-top: 125%;
}
[class^="cl-"].ratio_2x3:before {
padding-top: 150%;
}
[class^="cl-"].ratio_1x2:before {
padding-top: 200%;
}
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class$="-h"],
[class^="cl-"] [class^="cl-"][class*=" ratio_"] > [class*="-h "] {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.easing_easeInOutExpo .cl-flipbox-hh,
.easing_easeInOutExpo .cl-flipbox-hhh,
.easing_easeInOutExpo .cl-flipbox-front,
.easing_easeInOutExpo .cl-flipbox-back,
.easing_easeInOutExpo .cl-flipbox-xflank,
.easing_easeInOutExpo .cl-flipbox-yflank,
.easing_easeInOutExpo .cl-ib-image,
.easing_easeInOutExpo .cl-ib-content,
.easing_easeInOutExpo .cl-ib-content:before,
.easing_easeInOutExpo .cl-ib-content-h,
.easing_easeInOutExpo .cl-ib-title,
.easing_easeInOutExpo .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.easing_easeInOutCirc .cl-flipbox-hh,
.easing_easeInOutCirc .cl-flipbox-hhh,
.easing_easeInOutCirc .cl-flipbox-front,
.easing_easeInOutCirc .cl-flipbox-back,
.easing_easeInOutCirc .cl-flipbox-xflank,
.easing_easeInOutCirc .cl-flipbox-yflank,
.easing_easeInOutCirc .cl-ib-image,
.easing_easeInOutCirc .cl-ib-content,
.easing_easeInOutCirc .cl-ib-content:before,
.easing_easeInOutCirc .cl-ib-content-h,
.easing_easeInOutCirc .cl-ib-title,
.easing_easeInOutCirc .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.easing_easeOutBack .cl-flipbox-hh,
.easing_easeOutBack .cl-flipbox-hhh,
.easing_easeOutBack .cl-flipbox-front,
.easing_easeOutBack .cl-flipbox-back,
.easing_easeOutBack .cl-flipbox-xflank,
.easing_easeOutBack .cl-flipbox-yflank,
.easing_easeOutBack .cl-ib-image,
.easing_easeOutBack .cl-ib-content,
.easing_easeOutBack .cl-ib-content:before,
.easing_easeOutBack .cl-ib-content-h,
.easing_easeOutBack .cl-ib-title,
.easing_easeOutBack .cl-ib-desc {
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.animated_bounceIn,
.animated_fadeIn,
.animated_fadeOut,
.animated_flipInX,
.animated_flipOutX,
.animated_zoomIn {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated_bounceIn,
.animated_flipInX,
.animated_flipOutX {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.animated_bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.animated_fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.animated_fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
}
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.animated_flipInX {
transform-origin: 50% 0%;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
opacity: 0;
}
}
.animated_flipOutX {
transform-origin: 50% 100%;
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.animated_zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}.cl-ib {
display: inline-block;
vertical-align: top;
position: relative;
word-wrap: normal;
width: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.cl-ib-h {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
background-color: inherit;
-webkit-transition-property: none;
transition-property: none;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
.cl-ib-image,
.cl-ib-content {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.cl-ib-image {
-webkit-background-size: cover;
background-size: cover;
background-position: 50% 50%;
}
.cl-ib-image img {
display: none;
}
.cl-ib-content {
z-index: 2;
text-align: center;
padding: 10%;
}
.cl-ib.align_left .cl-ib-content {
text-align: left;
}
.cl-ib.align_right .cl-ib-content {
text-align: right;
}
.cl-ib-title {
line-height: 1.4;
padding: 0 !important;
margin: 0 !important;
color: inherit !important;
}
.cl-ib-title.size_tiny {
font-size: 14px;
}
.cl-ib-title.size_small {
font-size: 16px;
}
.cl-ib-title.size_medium {
font-size: 20px;
}
.cl-ib-title.size_large {
font-size: 24px;
}
.cl-ib-title.size_huge {
font-size: 28px;
}
.cl-ib-desc {
font-size: 13px;
line-height: 1.5;
margin-top: 15px;
}
.cl-ib.animation_melete .cl-ib-image {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_melete .cl-ib-content {
top: 50%;
bottom: auto;
opacity: 0;
-webkit-transform: translateY(-50%) scale(0.2);
transform: translateY(-50%) scale(0.2);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_melete.hover .cl-ib-image {
opacity: 0.1;
-webkit-transform: scale(4);
transform: scale(4);
}
.cl-ib.animation_melete.hover .cl-ib-content {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
}
.cl-ib.animation_soter .cl-ib-image {
z-index: 1;
border-radius: 50%;
-webkit-transform: scale(0.3);
transform: scale(0.3);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, border-radius;
transition-property: transform, border-radius;
}
.cl-ib.animation_soter.ratio_2x1 .cl-ib-image {
top: -50%;
bottom: -50%;
-webkit-transform-origin: 90% 50%;
transform-origin: 90% 50%;
}
.cl-ib.animation_soter.ratio_3x2 .cl-ib-image {
top: -25%;
bottom: -25%;
-webkit-transform-origin: 90% 66%;
transform-origin: 90% 66%;
}
.cl-ib.animation_soter.ratio_4x3 .cl-ib-image {
top: -16.67%;
bottom: -16.67%;
-webkit-transform-origin: 90% 72%;
transform-origin: 90% 72%;
}
.cl-ib.animation_soter.ratio_1x1 .cl-ib-image {
-webkit-transform-origin: 90% 90%;
transform-origin: 90% 90%;
}
.cl-ib.animation_soter.ratio_3x4 .cl-ib-image {
left: -12.5%;
right: -12.5%;
-webkit-transform: scale(0.24);
transform: scale(0.24);
-webkit-transform-origin: 79.5% 92.5%;
transform-origin: 79.5% 92.5%;
}
.cl-ib.animation_soter.ratio_2x3 .cl-ib-image {
left: -25%;
right: -25%;
-webkit-transform: scale(0.2);
transform: scale(0.2);
-webkit-transform-origin: 73.5% 94%;
transform-origin: 73.5% 94%;
}
.cl-ib.animation_soter.ratio_1x2 .cl-ib-image {
left: -50%;
right: -50%;
-webkit-transform: scale(0.15);
transform: scale(0.15);
-webkit-transform-origin: 66.5% 95.7%;
transform-origin: 66.5% 95.7%;
}
.cl-ib.animation_soter .cl-ib-content {
z-index: 0;
right: 33%;
opacity: 1;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_soter.hover .cl-ib-image {
border-radius: 0;
-webkit-transform: scale(1.01);
transform: scale(1.01);
}
.cl-ib.animation_soter.hover .cl-ib-content {
opacity: 0;
-webkit-transform: translate3d(-40%, -40%, 0) scale(2);
transform: translate3d(-40%, -40%, 0) scale(2);
}
.cl-ib.animation_phorcys .cl-ib-image {
bottom: -10%;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_phorcys .cl-ib-content {
top: auto;
padding-top: 20% !important;
}
.cl-ib.animation_phorcys .cl-ib-content:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(transparent 0%, rgba(30, 30, 30, 0.8) 100%) repeat-x rgba(30, 30, 30, 0);
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.cl-ib.animation_phorcys .cl-ib-content-h {
position: relative;
}
.cl-ib.animation_phorcys .cl-ib-title {
color: #fff !important;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
}
.cl-ib.animation_phorcys .cl-ib-desc {
position: relative;
opacity: 0;
line-height: 0;
margin-top: 0;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-property: opacity, line-height, margin;
transition-property: opacity, line-height, margin;
}
.cl-ib.animation_phorcys.hover .cl-ib-image {
opacity: 0.15;
-webkit-transform: translateY(-8%);
transform: translateY(-8%);
}
.cl-ib.animation_phorcys.hover .cl-ib-content:before {
opacity: 0;
}
.cl-ib.animation_phorcys.hover .cl-ib-title {
color: inherit !important;
}
.cl-ib.animation_phorcys.hover .cl-ib-desc {
opacity: 0.75;
line-height: 1.5;
margin-top: 15px;
}
.cl-ib.animation_aidos .cl-ib-h {
background-color: inherit;
}
.cl-ib.animation_aidos .cl-ib-image {
background-color: inherit;
-webkit-transform: translateX(0) scale(1.01);
transform: translateX(0) scale(1.01);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.cl-ib.animation_aidos .cl-ib-content {
right: auto;
width: 50%;
background-color: inherit;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.cl-ib.animation_aidos .cl-ib-content:before {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
height: 40px;
width: 40px;
margin: -20px 0 0 -20px;
background-color: inherit;
-webkit-transform: translateX(-10px) rotate(45deg);
transform: translateX(-10px) rotate(45deg);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.cl-ib.animation_aidos .cl-ib-content-h {
position: relative;
}
.cl-ib.animation_aidos .cl-ib-title {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_aidos .cl-ib-desc {
opacity: 0;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_aidos.hover .cl-ib-image {
-webkit-transform: translateX(25%) scale(1.01);
transform: translateX(25%) scale(1.01);
}
.cl-ib.animation_aidos.hover .cl-ib-content {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cl-ib.animation_aidos.hover .cl-ib-content:before {
-webkit-transform: translateX(15px) rotate(45deg);
transform: translateX(15px) rotate(45deg);
}
.cl-ib.animation_aidos.hover .cl-ib-title {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cl-ib.animation_aidos.hover .cl-ib-desc {
opacity: 0.75;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cl-ib.animation_caeros .cl-ib-image {
background-color: inherit;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.cl-ib.animation_caeros .cl-ib-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: inherit;
opacity: 0.25;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
}
.cl-ib.animation_caeros .cl-ib-title {
text-align: center;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.cl-ib.animation_caeros .cl-ib-desc {
opacity: 0;
text-align: center;
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_caeros.hover .cl-ib-image {
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition-duration: 7s;
transition-duration: 7s;
}
.cl-ib.animation_caeros.hover .cl-ib-image:after {
opacity: 0.75;
}
.cl-ib.animation_caeros.hover .cl-ib-title {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cl-ib.animation_caeros.hover .cl-ib-desc {
opacity: 0.75;
-webkit-transform: scale(1);
transform: scale(1);
}
.cl-ib.animation_hebe .cl-ib-image {
background-color: inherit;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
.cl-ib.animation_hebe .cl-ib-image:before,
.cl-ib.animation_hebe .cl-ib-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: inherit;
opacity: 0.3;
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_hebe .cl-ib-image:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-ib.animation_hebe .cl-ib-content {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cl-ib.animation_hebe .cl-ib-title {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_hebe .cl-ib-desc {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition-duration: 600ms;
transition-duration: 600ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_hebe.hover .cl-ib-image {
-webkit-transform: scale(1);
transform: scale(1);
}
.cl-ib.animation_hebe.hover .cl-ib-image:before,
.cl-ib.animation_hebe.hover .cl-ib-image:after {
opacity: 0.6;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cl-ib.animation_hebe.hover .cl-ib-title {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cl-ib.animation_hebe.hover .cl-ib-desc {
opacity: 0.75;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cl-ib.animation_aphelia .cl-ib-image {
opacity: 0.25;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-filter, opacity;
transition-property: filter, opacity;
}
.cl-ib.animation_aphelia .cl-ib-content {
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cl-ib.animation_aphelia .cl-ib-title {
opacity: 1;
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_aphelia .cl-ib-desc {
opacity: 0.75;
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_aphelia.hover .cl-ib-image {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.cl-ib.animation_aphelia.hover .cl-ib-title {
opacity: 0;
-webkit-transform: translateY(-40px) scale(0.8);
transform: translateY(-40px) scale(0.8);
}
.cl-ib.animation_aphelia.hover .cl-ib-desc {
opacity: 0;
-webkit-transform: translateY(40px) scale(0.8);
transform: translateY(40px) scale(0.8);
}
.cl-ib.animation_nike .cl-ib-image {
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transform: translateY(25%);
transform: translateY(25%);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform, -webkit-filter;
transition-property: transform, filter;
}
.cl-ib.animation_nike .cl-ib-h:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 50%;
background-color: inherit;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition-duration: 400ms;
transition-duration: 400ms;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
}
.cl-ib.animation_nike .cl-ib-content {
opacity: 1;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
}
.cl-ib.animation_nike.hover .cl-ib-image {
-webkit-filter: grayscale(0);
filter: grayscale(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
.cl-ib.animation_nike.hover .cl-ib-h:after {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
.cl-ib.animation_nike.hover .cl-ib-content {
opacity: 0;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
}#n2-ss-1 {
-webkit-font-smoothing: antialiased;
}
#n2-ss-1 .n2-ow,
#n2-ss-1 .n2-ow-all * {
font-size: inherit;
line-height: inherit;
letter-spacing: inherit;
}
#n2-ss-1 .n2-ow,
#n2-ss-1 .n2-ow:before,
#n2-ss-1 .n2-ow:after,
#n2-ss-1 .n2-ow-all *,
#n2-ss-1 .n2-ow-all *:before,
#n2-ss-1 .n2-ow-all *:after {
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#n2-ss-1 a.n2-ow,
#n2-ss-1 .n2-ow-all a {
border: 0;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#n2-ss-1 a.n2-ow,
#n2-ss-1 a.n2-ow:focus,
#n2-ss-1 .n2-ow-all a,
#n2-ss-1 .n2-ow-all a:focus {
outline: none !important;
transition: none 0s;
box-shadow: none;
}
#n2-ss-1 h1.n2-ow,
#n2-ss-1 h2.n2-ow,
#n2-ss-1 h3.n2-ow,
#n2-ss-1 h4.n2-ow,
#n2-ss-1 h5.n2-ow,
#n2-ss-1 h6.n2-ow,
#n2-ss-1 p.n2-ow,
#n2-ss-1 .n2-ow-all h1,
#n2-ss-1 .n2-ow-all h2,
#n2-ss-1 .n2-ow-all h3,
#n2-ss-1 .n2-ow-all h4,
#n2-ss-1 .n2-ow-all h5,
#n2-ss-1 .n2-ow-all h6,
#n2-ss-1 .n2-ow-all p {
margin: 0;
padding-left: 0;
padding-right: 0;
height: auto;
width: auto;
border: 0;
box-shadow: none;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
#n2-ss-1 img.n2-ow,
#n2-ss-1 .n2-ow-all img {
width: auto;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: transparent;
background: none;
padding: 0;
margin: 0;
border: 0;
vertical-align: top;
}
#n2-ss-1 ul.n2-ow,
#n2-ss-1 li.n2-ow,
#n2-ss-1 img.n2-ow,
#n2-ss-1 a.n2-ow,
#n2-ss-1 p.n2-ow,
#n2-ss-1 ol.n2-ow,
#n2-ss-1 textarea.n2-ow,
#n2-ss-1 input.n2-ow,
#n2-ss-1 button.n2-ow {
-moz-transition: none 0s;
-webkit-transition: none 0s;
-o-transition: none 0s;
transition: none 0s;
}
div#n2-ss-1 {
z-index: 3;
margin: 0px 0px 0px 0px;
position: relative;
text-align: left;
}
[dir="rtl"] div#n2-ss-1 {
text-align: right;
}
div#n2-ss-1 :focus {
outline: none;
}
[dir="rtl"] div#n2-ss-1 .n2-ss-slide-background {
text-align: left;
}
div#n2-ss-1.n2-ss-load-fade {
position: absolute;
opacity: 0;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
div#n2-ss-1.n2-ss-load-fade.n2-ss-loaded {
opacity: 1;
position: relative;
}
div#n2-ss-1 .unselectable {
-moz-user-select: -moz-none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
div#n2-ss-1.n2notransition * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
div#n2-ss-1 .n2noselftransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
div#n2-ss-1 .n2-ss-slide {
text-align: center;
}
div#n2-ss-1 .n2-ss-slide,
div#n2-ss-1 .n2-ss-canvas {
position: relative;
}
div#n2-ss-1 .n2-ss-slide,
div#n2-ss-1 .n2-ss-canvas {
overflow: hidden !important;
}
div#n2-ss-1 .n2-ss-slide-background,
div#n2-ss-1 .n2-ss-slide-background * {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: left;
}
div#n2-ss-1 .n2-ss-slide-background {
z-index: 10;
}
div#n2-ss-1 .n2-ss-slide-background img {
max-width: none;
display: none;
width: 0;
height: 0;
}
div#n2-ss-1 .n2-ss-background-image {
width: 100%;
height: 100%;
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
div#n2-ss-1 [data-mode="fill"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-1 [data-mode="fit"] .n2-ss-background-image {
background-size: contain;
}
div#n2-ss-1 [data-mode="simple"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-1 [data-mode="stretch"] .n2-ss-background-image {
background-size: 100% 100%;
}
div#n2-ss-1 [data-mode="center"] .n2-ss-background-image {
background-position: 50% 50%;
}
div#n2-ss-1 [data-mode="tile"] .n2-ss-background-image {
background-repeat: repeat;
}
div#n2-ss-1 [data-mode="fixed"] .n2-ss-background-image {
background-size: cover;
}
div#n2-ss-1 .n2-ss-slide-background-video {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 2;
}
div#n2-ss-1 .n2-ss-slide-background-video.n2-active {
visibility: visible;
}
div#n2-ss-1 .n2-ss-layers-container {
visibility: hidden;
position: relative;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
z-index: 20;
}
div#n2-ss-1 [onclick].n2-ss-layers-container {
visibility: visible;
}
div#n2-ss-1 .n2-ss-slide {
-webkit-perspective: 1500px;
perspective: 1500px;
}
.n2-ucbrowser div#n2-ss-1 .n2-ss-slide {
-webkit-perspective: initial;
}
div#n2-ss-1 .n2-ss-layers-container > * {
visibility: visible;
}
div#n2-ss-1 .n2-ss-layer {
position: absolute;
outline: 1px solid RGBA(0,0,0,0);
z-index: 1;
}
div#n2-ss-1 .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer-rotation {
width: 100%;
height: 100%;
}
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer-row .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer-row .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer-row .n2-ss-layer-rotation {
height: auto;
flex-grow: 1;
}
div#n2-ss-1 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer.n2-ss-layer-needsize .n2-ss-layer-rotation {
height: 100%;
}
div#n2-ss-1 .n2-ss-layer[data-type="col"] > .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer[data-type="content"] > .n2-ss-layer-parallax,
div#n2-ss-1 .n2-ss-layer[data-type="col"] > .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer[data-type="content"] > .n2-ss-layer-mask,
div#n2-ss-1 .n2-ss-layer[data-type="col"] > .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer[data-type="content"] > .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer[data-type="col"] > .n2-ss-layer-parallax > .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer[data-type="content"] > .n2-ss-layer-parallax > .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer[data-type="col"] > .n2-ss-layer-mask > .n2-ss-layer-rotation,
div#n2-ss-1 .n2-ss-layer[data-type="content"] > .n2-ss-layer-mask > .n2-ss-layer-rotation {
display: flex;
flex-direction: column;
}
div#n2-ss-1 .n2-ss-layer-group {
visibility: hidden;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
div#n2-ss-1 .n2-ss-layer-group > * {
visibility: visible;
}
div#n2-ss-1 .n2-ss-layer-group > .n2-ss-layer-parallax {
visibility: hidden;
}
div#n2-ss-1 .n2-ss-layer-group > .n2-ss-layer-parallax > * {
visibility: visible;
}
div#n2-ss-1.n2-ss-mobile .n2-ss-slider-1,
div#n2-ss-1.n2-ss-tablet .n2-ss-slider-1 {
background-attachment: scroll !important;
}
div#n2-ss-1 .n2-ss-widget {
position: relative;
display: none;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1;
z-index: 12;
font-size: 16px;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
opacity: 1;
-webkit-transition: opacity 0.4s ease;
-moz-transition: opacity 0.4s ease;
-o-transition: opacity 0.4s ease;
transition: opacity 0.4s ease;
}
div#n2-ss-1 .n2-ss-widget.n2-ss-widget-hidden {
opacity: 0;
pointer-events: none;
}
div#n2-ss-1.n2-ss-tablet .n2-ss-widget {
font-size: 14px;
}
div#n2-ss-1.n2-ss-mobile .n2-ss-widget {
font-size: 12px;
}
div#n2-ss-1 .n2-ss-tablet,
div#n2-ss-1 .n2-ss-mobile,
div#n2-ss-1.n2-ss-tablet .n2-ss-desktop,
div#n2-ss-1.n2-ss-mobile .n2-ss-desktop {
display: none;
}
div#n2-ss-1 .n2-ss-desktop,
div#n2-ss-1.n2-ss-desktop .n2-ss-desktop,
div#n2-ss-1.n2-ss-tablet .n2-ss-tablet,
div#n2-ss-1.n2-ss-mobile .n2-ss-mobile {
display: block;
}
div#n2-ss-1.n2-ss-desktop .n2-ss-widget-display-desktop,
div#n2-ss-1.n2-ss-tablet .n2-ss-widget-display-tablet,
div#n2-ss-1.n2-ss-mobile .n2-ss-widget-display-mobile {
display: block;
}
div#n2-ss-1 .n2-ss-desktop.n2-ib,
div#n2-ss-1.n2-ss-desktop .n2-ss-desktop.n2-ib,
div#n2-ss-1.n2-ss-tablet .n2-ss-tablet.n2-ib,
div#n2-ss-1.n2-ss-mobile .n2-ss-mobile.n2-ib {
display: inline-block;
}
div#n2-ss-1.n2-ss-desktop .n2-ss-widget-display-desktop.n2-ib,
div#n2-ss-1.n2-ss-tablet .n2-ss-widget-display-tablet.n2-ib,
div#n2-ss-1.n2-ss-mobile .n2-ss-widget-display-mobile.n2-ib {
display: inline-block;
}
div#n2-ss-1 .n2-ss-widget-always {
-webkit-transform: translate3d(0,0,0);
}
div#n2-ss-1 .n2-ss-static-slide {
display: flex;
flex-direction: column;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 25;
visibility: hidden;
-webkit-backface-visibility: hidden;
}
div#n2-ss-1 .n2-ss-static-slide .n2-ss-section-outer,
div#n2-ss-1 .n2-ss-static-slide div[data-type="content"],
div#n2-ss-1 .n2-ss-static-slide div[data-type="content"] div.n2-ss-section-main-content {
visibility: hidden;
}
div#n2-ss-1 .n2-ss-static-slide .n2-ss-layer,
div#n2-ss-1 .n2-ss-static-slide > div,
div#n2-ss-1 .n2-ss-static-slide div[data-type="content"] > div,
div#n2-ss-1 .n2-ss-static-slide .n2-ss-section-main-content > div {
visibility: visible;
}
div#n2-ss-1 .n2-ss-shape-divider {
position: absolute;
left: 0;
width: 100%;
height: 100px;
pointer-events: none;
z-index: 13;
}
div#n2-ss-1 .n2-ss-shape-divider-inner {
height: 100%;
}
div#n2-ss-1 .n2-ss-shape-divider svg {
display: block;
height: 100%;
width: 100%;
}
div#n2-ss-1 .n2-ss-shape-divider-top {
top: 0;
}
div#n2-ss-1 .n2-ss-shape-divider-top.n2-ss-flip-horizontal {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
div#n2-ss-1 .n2-ss-shape-divider-bottom {
bottom: 0;
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
div#n2-ss-1 .n2-ss-shape-divider-bottom.n2-ss-flip-horizontal {
-webkit-transform: scale(-1);
transform: scale(-1);
}
div#n2-ss-1 .n2-ss-shape-divider .n2-ss-divider-start {
visibility: hidden;
}
div#n2-ss-1 .n2-ss-shape-divider.n2-ss-divider-animate .n2-ss-divider-start {
visibility: visible;
}
div#n2-ss-1 .n2-ss-shape-divider.n2-ss-divider-animate .n2-ss-divider-end {
visibility: hidden;
}
div#n2-ss-1 video.n2-ow {
max-width: none;
}
div#n2-ss-1 iframe.n2-ow {
max-width: none;
display: block;
}
div#n2-ss-1 .n2-ss-item-iframe {
height: 100%;
}
div#n2-ss-1 .n2-grab {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
div#n2-ss-1 .n2-grabbing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
div#n2-ss-1 .n2-video-play {
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
position: absolute;
left: 50%;
top: 50%;
}
div#n2-ss-1 form.n2-ow {
margin: 0;
border: 0;
padding: 0;
}
div#n2-ss-1 .n2-fake-input,
div#n2-ss-1 input.n2-ow {
height: auto;
width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
font-size: 13px;
font-family: Arial;
box-shadow: none;
}
div#n2-ss-1 input.n2-ow:focus {
outline: 0;
}
div#n2-ss-1 .n2-fake-input,
div#n2-ss-1 input.n2-ow[placeholder] {
overflow: hidden;
text-overflow: clip;
}
div#n2-ss-1 input.n2-ow::-moz-placeholder,
div#n2-ss-1 input.n2-ow:-moz-placeholder {
text-overflow: clip;
color: inherit;
}
div#n2-ss-1 input.n2-ow::-webkit-input-placeholder,
div#n2-ss-1 input.n2-ow::placeholder {
color: inherit;
}
div#n2-ss-1 table.n2-ow {
table-layout: auto;
margin: 0;
}
div#n2-ss-1 .n2-ow .n2-ss-thumbnail-type {
width: 48px;
height: 48px;
margin-left: -24px;
margin-top: -24px;
position: absolute;
left: 50%;
top: 50%;
}
div#n2-ss-1 .n2-ss-icon-normal {
display: inline-block;
}
div#n2-ss-1 .n2-ss-icon-hover,
div#n2-ss-1 .n2-ss-icon-has-hover:HOVER .n2-ss-icon-normal {
display: none;
}
div#n2-ss-1 .n2-ss-icon-has-hover:HOVER .n2-ss-icon-hover {
display: inline-block;
}
div#n2-ss-1 .n2-ss-section-main-content .n2-ss-layer {
position: relative;
}
div#n2-ss-1 .n2-ss-section-main-content .n2-ss-item {
float: none;
}
div#n2-ss-1 .n2-ss-section-main-content > .n2-ss-layer[data-type="row"] {
width: 100%;
}
div#n2-ss-1 .n2-ss-section-main-content > .n2-ss-layer[data-type="row"].n2-ss-autowidth {
width: auto;
}
div#n2-ss-1 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer {
display: flex;
flex: 1 1 auto;
}
div#n2-ss-1 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer > .n2-ss-layer-mask {
display: flex;
}
div#n2-ss-1 .n2-ss-layer-row {
box-sizing: border-box;
display: flex;
}
div#n2-ss-1 .n2-ss-layer[data-type="row"].n2-ss-stretch-layer .n2-ss-layer-row {
height: auto;
width: 100%;
}
div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer {
box-sizing: border-box;
position: relative;
width: 1px;
flex: 1 1 auto;
}
div#n2-ss-1 .n2-ss-layer-row.n2-ss-row-wrapped {
flex-wrap: wrap;
}
div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer[data-r="0"] {
margin-top: 0 !important;
}
div#n2-ss-1 .n2-ss-layer-row > .n2-ss-row-break {
display: none;
width: 100%;
flex: 0 0 auto;
}
div#n2-ss-1 .n2-ss-layer-row.n2-ss-row-wrapped > .n2-ss-row-break {
display: block;
}
[dir="ltr"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer {
margin-left: 0 !important;
}
[dir="ltr"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer.n2-ss-last-in-row {
margin-right: 0 !important;
}
[dir="ltr"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer:last-child {
margin-right: 0;
}
[dir="rtl"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer {
margin-right: 0 !important;
}
[dir="rtl"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer.n2-ss-last-in-row {
margin-left: 0 !important;
}
[dir="rtl"] div#n2-ss-1 .n2-ss-layer-row > .n2-ss-layer:last-child {
margin-left: 0;
}
div#n2-ss-1 .n2-ss-layer-row .n2-ss-item {
float: none;
}
div#n2-ss-1 .n2-ss-layer-row .n2-ss-layer {
position: relative;
}
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer {
width: auto;
}
div#n2-ss-1 .n2-ss-section-outer {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
}
div#n2-ss-1 .n2-ss-layer[data-type="content"] {
position: relative;
width: 100%;
height: 100%;
}
div#n2-ss-1 .n2-ss-section-main-content {
display: flex;
justify-content: center;
flex-direction: column;
}
div#n2-ss-1 .n2-ss-section-main-content .n2-ss-layer {
min-height: 1px;
}
div#n2-ss-1 .n2-ss-layer-content {
display: flex;
flex-direction: column;
justify-content: flex-start;
box-sizing: border-box;
position: relative;
min-height: 100%;
height: 40px;
}
div#n2-ss-1 .n2-ss-layer-content .n2-ss-layer-needsize {
width: 100%;
}
div#n2-ss-1 .n2-ss-layer-content[data-alignitems="stretch"] {
align-items: stretch;
}
div#n2-ss-1 .n2-ss-layer-content[data-alignitems="flex-start"] {
align-items: flex-start;
}
div#n2-ss-1 .n2-ss-layer-content[data-alignitems="center"] {
align-items: center;
}
div#n2-ss-1 .n2-ss-layer-content[data-alignitems="flex-end"] {
align-items: flex-end;
}
div#n2-ss-1 .n2-ss-layer-content[data-verticalalign="flex-start"] {
justify-content: flex-start;
}
div#n2-ss-1 .n2-ss-layer-content[data-verticalalign="center"] {
justify-content: center;
}
div#n2-ss-1 .n2-ss-layer-content[data-verticalalign="flex-end"] {
justify-content: flex-end;
}
div#n2-ss-1 .n2-ss-layer-content[data-verticalalign="space-around"] {
justify-content: space-around;
}
div#n2-ss-1 .n2-ss-layer-content[data-verticalalign="space-between"] {
justify-content: space-between;
}
div#n2-ss-1 .n2-ss-layer[data-type="col"] {
display: flex;
flex-flow: column;
order: 10;
}
div#n2-ss-1 .n2-ss-layer[data-type="col"].n2-ss-has-maxwidth {
align-self: stretch;
}
div#n2-ss-1 .n2-ss-layer-col {
box-sizing: border-box;
position: relative;
width: 100%;
height: auto;
flex: 1 1 auto;
}
div#n2-ss-1 .n2-ss-layer-col > .n2-ss-layer {
flex: 0 0 auto;
}
div#n2-ss-1 .n2-ss-section-main-content-calc {
min-height: 0;
height: auto;
}
div#n2-ss-1 .n2-ss-autowidth > .n2-ss-layer-row > .n2-ss-layer {
width: auto !important;
}
div#n2-ss-1 [data-csstextalign="left"] {
text-align: left;
}
div#n2-ss-1 [data-csstextalign="center"] {
text-align: center;
}
div#n2-ss-1 [data-csstextalign="right"] {
text-align: right;
}
div#n2-ss-1 .n2-ss-layer.n2-ss-has-maxwidth[data-pm="normal"] {
width: 100%;
}
div#n2-ss-1 [data-csstextalign="left"] .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="center"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign="left"] .n2-ss-autowidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="center"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: flex-start;
}
div#n2-ss-1 [data-csstextalign="center"] .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign="center"] .n2-ss-autowidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="right"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: center;
}
div#n2-ss-1 [data-csstextalign="right"] .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="center"]):not([data-csstextalign="inherit"]) .n2-ss-has-maxwidth,
div#n2-ss-1 [data-csstextalign="right"] .n2-ss-autowidth,
div#n2-ss-1 [data-csstextalign] [data-csstextalign]:not([data-csstextalign="left"]):not([data-csstextalign="center"]):not([data-csstextalign="inherit"]) .n2-ss-autowidth {
align-self: flex-end;
}
div#n2-ss-1 .n2-ss-layer-content > [data-cssselfalign="left"],
div#n2-ss-1 .n2-ss-has-maxwidth[data-cssselfalign="left"],
div#n2-ss-1 .n2-ss-autowidth[data-cssselfalign="left"] {
align-self: flex-start !important;
}
div#n2-ss-1 .n2-ss-layer-content > [data-cssselfalign="center"],
div#n2-ss-1 .n2-ss-has-maxwidth[data-cssselfalign="center"],
div#n2-ss-1 .n2-ss-autowidth[data-cssselfalign="center"] {
align-self: center !important;
}
div#n2-ss-1 .n2-ss-layer-content > [data-cssselfalign="right"],
div#n2-ss-1 .n2-ss-has-maxwidth[data-cssselfalign="right"],
div#n2-ss-1 .n2-ss-autowidth[data-cssselfalign="right"] {
align-self: flex-end !important;
}
div#n2-ss-1 .n2-ss-layer-inline {
flex-direction: row;
flex-wrap: wrap;
}
div#n2-ss-1 .n2-ss-img-wrapper,
div#n2-ss-1 .n2-ss-img-wrapper img {
line-height: 0;
}
div#n2-ss-1 .n2-ss-item-iframe-wrapper {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
height: 100%;
}
div#n2-ss-1 .n2i {
vertical-align: top;
}
.n2-clear {
clear: both;
}
.n2-in-fullscreen * {
-webkit-animation-name: initial;
animation-name: initial;
}
.n2-in-fullscreen [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) {
opacity: 1;
}
.n2-ss-align {
position: relative;
z-index: 0;
overflow: hidden;
}
.n2-ss-align.n2-ss-slider-align-visible {
overflow: visible;
}
div#n2-ss-1 .n2-ss-background-animation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3;
}
div#n2-ss-1 .n2-ss-background-animation .n2-ss-slide-background {
z-index: auto;
}
div#n2-ss-1 .n2-ss-background-animation img {
max-width: none;
}
div#n2-ss-1 .n2-ss-background-animation .n2-3d-side {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
background: #333;
outline: 1px solid rgba(0,0,0,0);
}
div#n2-ss-1 .n2-ss-background-animation .n2-ff-3d,
div#n2-ss-1 .n2-ss-background-animation .tile {
outline: 1px solid rgba(0,0,0,0);
}
div#n2-ss-1 {
width: 1200px;
float: left;
}
html[dir="rtl"] div#n2-ss-1 {
float: right;
}
div#n2-ss-1 .n2-ss-slider-1 {
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
height: 400px;
border-style: solid;
border-width: 0px;
border-color: #3E3E3E;
border-color: RGBA(62,62,62,1);
border-radius: 0px;
background-clip: padding-box;
background-repeat: repeat;
background-position: 50% 50%;
background-size: cover;
background-attachment: scroll;
}
div#n2-ss-1 .n2-ss-slider-background-video-container {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
div#n2-ss-1 .n2-ss-slider-2 {
position: relative;
width: 100%;
height: 100%;
}
.x-firefox div#n2-ss-1 .n2-ss-slider-2 {
opacity: 0.99999;
}
div#n2-ss-1 .n2-ss-slider-3 {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
outline: 1px solid rgba(0,0,0,0);
z-index: 10;
}
div#n2-ss-1 .n2-ss-slide-backgrounds,
div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el,
div#n2-ss-1 .n2-ss-slider-3 > .n2-ss-divider {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
div#n2-ss-1 .n2-ss-slide-backgrounds {
z-index: 10;
}
div#n2-ss-1 .n2-ss-slider-3 > .n-particles-js-canvas-el {
z-index: 12;
}
div#n2-ss-1 .n2-ss-slide-backgrounds > * {
overflow: hidden;
}
div#n2-ss-1 .n2-ss-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 20;
display: block;
-webkit-backface-visibility: hidden;
}
div#n2-ss-1 .n2-ss-layers-container {
position: relative;
width: 1200px;
height: 400px;
}
div#n2-ss-1 .n2-ss-parallax-clip > .n2-ss-layers-container {
position: absolute;
right: 0;
}
div#n2-ss-1 .n2-ss-slide-active {
z-index: 21;
}
div#n2-ss-1 .nextend-arrow {
cursor: pointer;
overflow: hidden;
line-height: 0 !important;
z-index: 20;
}
div#n2-ss-1 .nextend-arrow img {
position: relative;
min-height: 0px;
min-width: 0px;
vertical-align: top;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
display: inline;
}
div#n2-ss-1 .nextend-arrow img.n2-arrow-hover-img {
display: none;
}
div#n2-ss-1 .nextend-arrow:HOVER img.n2-arrow-hover-img {
display: inline;
}
div#n2-ss-1 .nextend-arrow:HOVER img.n2-arrow-normal-img {
display: none;
}
div#n2-ss-1 .nextend-arrow-animated {
overflow: hidden;
}
div#n2-ss-1 .nextend-arrow-animated > div {
position: relative;
}
div#n2-ss-1 .nextend-arrow-animated .n2-active {
position: absolute;
}
div#n2-ss-1 .nextend-arrow-animated-fade {
transition: background 0.3s, opacity 0.4s;
}
div#n2-ss-1 .nextend-arrow-animated-horizontal > div {
transition: all 0.4s;
left: 0;
}
div#n2-ss-1 .nextend-arrow-animated-horizontal .n2-active {
top: 0;
}
div#n2-ss-1 .nextend-arrow-previous.nextend-arrow-animated-horizontal:HOVER > div,
div#n2-ss-1 .nextend-arrow-next.nextend-arrow-animated-horizontal .n2-active {
left: -100%;
}
div#n2-ss-1 .nextend-arrow-previous.nextend-arrow-animated-horizontal .n2-active,
div#n2-ss-1 .nextend-arrow-next.nextend-arrow-animated-horizontal:HOVER > div {
left: 100%;
}
div#n2-ss-1 .nextend-arrow.nextend-arrow-animated-horizontal:HOVER .n2-active {
left: 0;
}
div#n2-ss-1 .nextend-arrow-animated-vertical > div {
transition: all 0.4s;
top: 0;
}
div#n2-ss-1 .nextend-arrow-animated-vertical .n2-active {
left: 0;
}
div#n2-ss-1 .nextend-arrow-animated-vertical .n2-active {
top: -100%;
}
div#n2-ss-1 .nextend-arrow-animated-vertical:HOVER > div {
top: 100%;
}
div#n2-ss-1 .nextend-arrow-animated-vertical:HOVER .n2-active {
top: 0;
}