.custom .slider.regular .slides .slide { height: 115px; width: 196.5px; }



@media only screen and (min-width: 993px) { .custom .slider.regular .slides .slide.large { height: 115px; width: 423.5px; } }

@media only screen and (min-width: 601px) and (max-width: 992px) { .custom .slider.regular .slides .slide.large { height: 115px; width: 423.5px; } }

@media only screen and (max-width: 600px) { .custom .slider.regular .slides .slide.large { height: 115px; width: 300px; } }



.custom .textorange { color: #F57C32 !important; }

.custom .backgroundorange { background-color: #F57C32 !important; }

.custom .borderorange { border-color: #F57C32 !important; }

.custom .fillorange, .custom .fillorange svg { fill: #F57C32 !important; }

.custom .overlayorange .content { background-color: rgba(245,124,50,0.5) !important;}



.custom .backgrounddarker { background-color: #404040 !important; }



.custom .arrow { position: absolute; top: 40px; z-index: -1 }



.custom .panel .logo svg { width: 180px !important; height: 50px !important; margin-top: 5px; }



.custom .slider#top .controls { bottom: 45% !important; position: relative; }



.custom .slider#tvs .slides .slide { width: 100vw; }

.custom .slider#vods .slides .slide { width: 100vw; }



.custom .slider.mosaic {  }

.custom .slider.mosaic .slide { margin: 0px !important; }

.custom .slider.mosaic .slide .grid { margin: 0px !important; }

.custom .slider.mosaic .slide .card .nonfiltered { opacity: 1 !important; -webkit-transition:0.25s; transition:0.25s; }

.custom .slider.mosaic .slide .card .filtered { opacity: 0.25 !important; -webkit-transform:scale(0.95); transform:scale(0.95); -webkit-transition:0.25s; transition:0.25s; }



.article .nonfiltered { opacity: 1 !important; -webkit-transition:0.25s; transition:0.25s; }

.article .filtered { opacity: 0.25 !important; -webkit-transform:scale(0.95); transform:scale(0.95); -webkit-transition:0.25s; transition:0.25s; }



.custom .h0 { font-size: 75px !important; line-height: 1.2; }



.backgroundwhite90 { background-color: rgba(255,255,255,0.9) !important; }





/* Previous Custom CSS */



.w200 { width: 200px; }

.w250 { width: 250px; }

.min-height200 { min-height: 200px; }

.min-height250 { min-height: 250px; }

.ml180 { margin-left: 180px; }

.mt175 { margin-left: 175px; }

.mt65 { margin-top: 65px; }

.icon { width:45px; height: 45px;border-radius: 45px;line-height: 45px; text-align:center;}

.icon svg { width:19px; height: 19px;}

.icon-phone { width:45px; height: 45px;border-radius: 30px; margin-left: 10px; margin-right: 10px; }

.icon-phone svg { width:19px; height: 19px; margin-top: 11px; margin-left: 1px; }

.button.error svg, .button.success svg { margin-right: 10px; }

.mt250 { margin-top: 250px; }

#about, #packages, #solution { overflow: visible !important; }

#solution { z-index: 13; }

.img_about svg { width:90px; }

.img_news { height: 140px; object-fit: cover; }

#solution.selected { z-index: 10; }

input[type=radio] { display: none; }

form { font-size: 100% }

.backgroundgrey { background-color: #909090 !important; }

.bordergrey { border-color: #909090 !important; }

.colorgrey { color: #909090 !important; }

.radius-rounded { border-radius: 20px; }

.small-spacing { letter-spacing: 1.5px; }

.button-header:hover { background: #FFFFFF !important; }

.button-header:hover a { color: black; }

.backgroundlightdark { background-color: #F0EAEA; }

.height25 { height: 25px; }

.panel.bottom .subpanel .menu li { font-size: 12px; }

#map_about { width: 125%; height: 125%; z-index: -1; position: relative; }

/*#subscribe { top: 8px; }*/

.fontsize12 { font-size: 12px; }

.fontsize16 { font-size: 16px; }

.backgroundred { background-color: #CE1212; }

.backgroundgreen { background-color: #62E17D; }

.img_check { width: 20px; height: 20px; fill: #FFFFFF; }

.mt-5 { margin-top: -5px; }

.mb5 { margin-bottom: 5px; }

#logo_footer_phone { width: 260px; }

.spacing-computer { letter-spacing: 2px; }

#solution.selected { z-index: 20 !important; }

#up_button { top: 15px; right: 20px; }

.infra-img { z-index: 1; }

.backgroundcenter { background-position: center; }

.radiusonlytop { border-radius: 5px 5px 0px 0px !important; }

.width200 { width: 200px; }

.button.error { height: auto !important; white-space: normal !important; }

.menu_news li.active { background-color: #505050 !important; color: white !important; }

.categories + h1 { min-height: 200px; }



#ipad {

    z-index: 101;

    width: 40%;

    right: -400px;

    transform: rotate(10deg);

    margin-top: -30px;

}

#iphone{

    z-index: 101;

    width: 16%;

    top: -50px;

    margin-top: 30px;

    margin-left: 120px;

    left: 0px;

    transform: rotate(-8deg);

}



#iphone-phone {

    top:-120px;

    left:0px;

    margin-bottom: -260px;

    z-index: 101;

    transform: rotate(-8deg);

}

.img-header { max-width: none; width:260px; }

.img-sidebar { max-width: none; width:200px; margin-top: -18px; margin-left:-23px; }

.slide.video .background video {

    position: absolute;

    top: 50%;

    left: 50%;

    min-width: 100%;

    min-height: 100%;

    width: auto;

    height: auto;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

    background-size: cover;

}



/* Section */

.section { position:fixed; width:100%; height: auto; background:#FFF; color:#505050; z-index:10; overflow:hidden; }

.section.active { -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility: hidden; }

.mobile .section { visibility:hidden; }

.mobile .section.active { visibility:visible; }

.mobile .content { overflow:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }

.content { overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; -webkit-overflow-scrolling:touch; }

.container { display:table; table-layout:fixed; position:relative; max-width: 1280px; width: 90%; height:100%; margin: 0 auto; }

.container.wide { width: 100% !important; margin: 0 !important; }

.wrap { display: table-cell; vertical-align: middle; cursor: default; padding: calc(5.56% + 50px) 0px; }





/* Grid *****************************************************************/



/* Global */

[class*="grid"], [class*=" computer"], [class*=" tablet"], [class*=" phone"] { float: left; box-sizing: border-box; padding: 10px 0; min-height: 1px; }

.grid, .computer, .tablet, .phone { padding: 0 !important; }

.grid { margin-left: -10px !important; margin-right: -10px !important; }



/* Global */

.grid1 { width: 12.3333333333%; margin-left: auto; left: auto; right: auto; }

.grid2 { width: 18.6666666667%; margin-left: auto; left: auto; right: auto; }

.grid3 { width: 25%; margin-left: auto; left: auto; right: auto; }

.grid4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }

.grid5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }

.grid6 { width: 50%; margin-left: auto; left: auto; right: auto; }

.grid7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }

.grid8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }

.grid9 { width: 75%; margin-left: auto; left: auto; right: auto; }

.grid10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }

.grid11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }

.grid12 { width: 100%; margin-left: auto; left: auto; right: auto; }



 /* Computer */

@media only screen and (min-width: 993px) {

  .computer1 { width: 12.5%; margin-left: auto; left: auto; right: auto; }

  .computer2 { width: 25%; margin-left: auto; left: auto; right: auto; }

  .computer3 { width: 25%; margin-left: auto; left: auto; right: auto; }

  .computer4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }

  .computer5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }

  .computer6 { width: 50%; margin-left: auto; left: auto; right: auto; }

  .computer7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }

  .computer8 { width: 66.6666666667%; margin-left: auto; left: auto; right: auto; }

  .computer9 { width: 75%; margin-left: auto; left: auto; right: auto; }

  .computer10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }

  .computer11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }

  .computer12 { width: 100%; margin-left: auto; left: auto; right: auto; }

 }



/* Tablet */

@media only screen and (min-width: 601px) and (max-width: 992px) {

  .tablet1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }

  .tablet2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }

  .tablet3 { width: 25%; margin-left: auto; left: auto; right: auto; }

  .tablet4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }

  .tablet5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }

  .tablet6 { width: 50%; margin-left: auto; left: auto; right: auto; }

  .tablet7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }

  .tablet8 { width: 25%; margin-left: auto; left: auto; right: auto; }

  .tablet9 { width: 75%; margin-left: auto; left: auto; right: auto; }

  .tablet10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }

  .tablet11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }

  .tablet12 { width: 100%; margin-left: auto; left: auto; right: auto; }

 }



 /* Phone */

@media only screen and (max-width: 600px) {

  .phone1 { width: 8.3333333333%; margin-left: auto; left: auto; right: auto; }

  .phone2 { width: 16.6666666667%; margin-left: auto; left: auto; right: auto; }

  .phone3 { width: 25%; margin-left: auto; left: auto; right: auto; }

  .phone4 { width: 33.3333333333%; margin-left: auto; left: auto; right: auto; }

  .phone5 { width: 41.6666666667%; margin-left: auto; left: auto; right: auto; }

  .phone6 { width: 50%; margin-left: auto; left: auto; right: auto; }

  .phone7 { width: 58.3333333333%; margin-left: auto; left: auto; right: auto; }

  .phone8 { width: 50%; margin-left: auto; left: auto; right: auto; }

  .phone9 { width: 75%; margin-left: auto; left: auto; right: auto; }

  .phone10 { width: 83.3333333333%; margin-left: auto; left: auto; right: auto; }

  .phone11 { width: 91.6666666667%; margin-left: auto; left: auto; right: auto; }

  .phone12 { width: 100%; margin-left: auto; left: auto; right: auto; }

}



/* Size */

.heightauto { height:auto !important; }

.height0 { height:0px !important; }

.height1 { height:1px !important; }

.height2 { height:2px !important; }

.height3 { height:3px !important; }

.height4 { height:4px !important; }

.height5 { height:5px !important; }

.height6 { height:6px !important; }

.height7 { height:7px !important; }

.height8 { height:8px !important; }

.height9 { height:9px !important; }

.height10 { height:10px !important; }

.height15 { height:15px !important; }

.height20 { height:20px !important; }

.height25 { height:25px !important; }

.height30 { height:30px !important; }

.height35 { height:35px !important; }

.height40 { height:40px !important; }

.height45 { height:45px !important; }

.height50 { height:50px !important; }

.height55 { height:55px !important; }

.height60 { height:60px !important; }

.height65 { height:65px !important; }

.height70 { height:70px !important; }

.height75 { height:75px !important; }

.height80 { height:80px !important; }

.height85 { height:85px !important; }

.height90 { height:90px !important; }

.height95 { height:95px !important; }

.height100 { height:100px !important; }

.height110 { height:110px !important; }

.height120 { height:120px !important; }

.height130 { height:130px !important; }

.height140 { height:140px !important; }

.height150 { height:150px !important; }

.height160 { height:160px !important; }

.height170 { height:170px !important; }

.height180 { height:180px !important; }

.height190 { height:190px !important; }

.height200 { height:200px !important; }

.height250 { height:250px !important; }

.height300 { height:300px !important; }

.height350 { height:350px !important; }

.height400 { height:400px !important; }

.height450 { height:450px !important; }

.height500 { height:500px !important; }

.height10vh { height:10vh !important; }

.height20vh { height:20vh !important; }

.height30vh { height:30vh !important; }

.height40vh { height:40vh !important; }

.height50vh { height:50vh !important; }

.height60vh { height:60vh !important; }

.height70vh { height:70vh !important; }

.height80vh { height:80vh !important; }

.height90vh { height:90vh !important; }

.heightmax { height:100% !important; }

.widthauto { width:auto !important; }

.width0 { width:0px !important; }

.width1 { width:1px !important; }

.width2 { width:2px !important; }

.width3 { width:3px !important; }

.width4 { width:4px !important; }

.width5 { width:5px !important; }

.width6 { width:6px !important; }

.width7 { width:7px !important; }

.width8 { width:8px !important; }

.width9 { width:9px !important; }

.width10 { width:10px !important; }

.width15 { width:15px !important; }

.width20 { width:20px !important; }

.width25 { width:25px !important; }

.width30 { width:30px !important; }

.width35 { width:35px !important; }

.width40 { width:40px !important; }

.width45 { width:45px !important; }

.width50 { width:50px !important; }

.width55 { width:55px !important; }

.width60 { width:60px !important; }

.width65 { width:65px !important; }

.width70 { width:70px !important; }

.width75 { width:75px !important; }

.width80 { width:80px !important; }

.width85 { width:85px !important; }

.width90 { width:90px !important; }

.width95 { width:95px !important; }

.width100 { width:100px !important; }

.width110 { width:110px !important; }

.width120 { width:120px !important; }

.width130 { width:130px !important; }

.width140 { width:140px !important; }

.width150 { width:150px !important; }

.width160 { width:160px !important; }

.width170 { width:170px !important; }

.width180 { width:180px !important; }

.width190 { width:190px !important; }

.width200 { width:200px !important; }

.width250 { width:250px !important; }

.width300 { width:300px !important; }

.width350 { width:350px !important; }

.width400 { width:400px !important; }

.width450 { width:450px !important; }

.width500 { width:500px !important; }

.width10vw { width:10vw !important; }

.width20vw { width:20vw !important; }

.width30vw { width:30vw !important; }

.width40vw { width:40vw !important; }

.width50vw { width:50vw !important; }

.width60vw { width:60vw !important; }

.width70vw { width:70vw !important; }

.width80vw { width:80vw !important; }

.width90vw { width:90vw !important; }

.widthmax { width:100% !important; }

.fullscreen { height:100vh; padding:0; margin: 0; }

.section.fullscreen .content { width: 100% !important; max-width: 100% !important; }

.fullsection { height:100%; padding:0; margin: 0; }

.section.fullsection .content, .section.fullsection .content .container { width: 100% !important; max-width: 100% !important; height: 100% !important; }





/* Padding */

.p0 { padding: 0px !important; }

.p1 { padding: 1px !important; }

.p2 { padding: 2px !important; }

.p3 { padding: 3px !important; }

.p4 { padding: 4px !important; }

.p5 { padding: 5px !important; }

.p6 { padding: 6px !important; }

.p7 { padding: 7px !important; }

.p8 { padding: 8px !important; }

.p9 { padding: 9px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p60 { padding: 60px !important; }

.p70 { padding: 70px !important; }

.p80 { padding: 80px !important; }

.p90 { padding: 90px !important; }

.p100 { padding: 100px !important; }

.pt0 { padding-top: 0px !important; }

.pt1 { padding-top: 1px !important; }

.pt2 { padding-top: 2px !important; }

.pt3 { padding-top: 3px !important; }

.pt4 { padding-top: 4px !important; }

.pt5 { padding-top: 5px !important; }

.pt6 { padding-top: 6px !important; }

.pt7 { padding-top: 7px !important; }

.pt8 { padding-top: 8px !important; }

.pt9 { padding-top: 9px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt60 { padding-top: 60px !important; }

.pt70 { padding-top: 70px !important; }

.pt80 { padding-top: 80px !important; }

.pt90 { padding-top: 90px !important; }

.pb0 { padding-bottom: 0px !important; }

.pb1 { padding-bottom: 1px !important; }

.pb2 { padding-bottom: 2px !important; }

.pb3 { padding-bottom: 3px !important; }

.pb4 { padding-bottom: 4px !important; }

.pb5 { padding-bottom: 5px !important; }

.pb6 { padding-bottom: 6px !important; }

.pb7 { padding-bottom: 7px !important; }

.pb8 { padding-bottom: 8px !important; }

.pb9 { padding-bottom: 9px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb60 { padding-bottom: 60px !important; }

.pb70 { padding-bottom: 70px !important; }

.pb80 { padding-bottom: 80px !important; }

.pb90 { padding-bottom: 90px !important; }

.pb100 { padding-bottom: 100px !important; }

.pl0 { padding-left: 0px !important; }

.pl1 { padding-left: 1px !important; }

.pl2 { padding-left: 2px !important; }

.pl3 { padding-left: 3px !important; }

.pl4 { padding-left: 4px !important; }

.pl5 { padding-left: 5px !important; }

.pl6 { padding-left: 6px !important; }

.pl7 { padding-left: 7px !important; }

.pl8 { padding-left: 8px !important; }

.pl9 { padding-left: 9px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl60 { padding-left: 60px !important; }

.pl70 { padding-left: 70px !important; }

.pl80 { padding-left: 80px !important; }

.pl90 { padding-left: 90px !important; }

.pl100 { padding-left: 100px !important; }





.loaded body:not(.firstsection).dark .panel.top + .section.image { background: transparent; }



.slider.regular .slide .caption .truncate { width: 180px; }

@media only screen and (min-width: 993px) { .slider.regular .slide .caption .truncate { width: 200px; } }

@media only screen and (min-width: 601px) and (max-width: 992px) { .slider.regular .slide .caption .truncate { width: 200px; } }

@media only screen and (max-width: 600px) { .slider.regular .slide .caption .truncate { width: 150px; } }



.slider.regular .slide.large .caption .truncate, .slider.regular .slide.large .caption .description { width: auto; }





/* Videos */

.video { position:relative; overflow:hidden; max-width:100%; }

.video iframe, .video object, .video embed, .video video { position:absolute; top:0; left: 0; min-width: 100%; min-height: 100%; z-index: -1; }

.iframebackground { border:0; position:absolute; top:0; left:0; width:100%; height:100%; }

.video.ratio16x10 { padding-bottom:62.5%; }

.video.ratio16x10 { padding-bottom:62.5%; }

.video.ratio4x3 { padding-bottom:75%; }

.video.ratio1x1, .video.square { padding-bottom:100%; }



/* Background */

.section .background, .popup .background { position:absolute; top:0; left:0; width:100%; height:100%; background-position:center; background-size:cover; background-repeat: no-repeat; -webkit-backface-visibility:hidden; backface-visibility:hidden; }

.cover { background-size:cover !important; object-fit: cover; }

.fit { background-size: 100% !important; }

.blur { -webkit-filter: blur(10px); -moz-filter: blur(10px); -o-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); }

.overlaydarksoft .content { background:rgba(17,19,20,0.20); }

.overlaydark .content { background:rgba(17,19,20,0.50); }

.overlaydarkhard .content { background:rgba(17,19,20,0.80); }

.overlaywhitesoft .content { background:rgba(255,255,255,0.20); }

.overlaywhite .content { background:rgba(255,255,255,0.50); }

.overlaywhitehard .content { background:rgba(255,255,255,0.80); }

.gradient { background-repeat: repeat-x; background-position: top; -webkit-transition: 0.25s; transition: 0.25s; }

.background video::-webkit-media-controls { display: none !important; }

.section.image { background-color: transparent !important; }

.section.video .background { overflow:hidden; }

.section.video .background video { position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; width:auto; height:auto; z-index:-100; -webkit-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); background-size:cover; }

.section.video .background video::-webkit-media-controls-panel { display: none!important; -webkit-appearance: none; }

.section.video .background video::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none }

html:not(.mobile) .section.video .background[style] { background:none !important; }

.mobile .section.video .background[style] video { display:none; }



/* Opacity */

.opacity0 { opacity: 0 !important; }}

.opacity25 { opacity: 0.25 !important; }

.opacity50 { opacity: 0.5 !important; }

.opacity75 { opacity: 0.75 !important; }

.opacity100 { opacity: 1 !important; }



/* Radius */

.radius { border-radius: 5px; }

.radiustop { border-radius: 5px 5px 0px 0px; }

.radiusbottom { border-radius: 0px 0px 5px 5px ; }

.radiusleft { border-radius: 5px 0px 0px 5px ; }

.radiusright { border-radius: 5px 0px 0px 5px ; }

.rounded { border-radius: 50px; }

.round { border-radius: 50%; }

.rectangular { border-radius:0px !important; }



.radius .content, .radius .background { border-radius: 5px; }

.label.radius { border-radius: 3px; }



/* Shadow */

.noshadow { -webkit-box-shadow:none; box-shadow:none; }

.shadow { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25); }

.button.shadow { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.5); }



/* Border */

.noborder { border: none !important; }

.border1 { border-width: 1px; border-style: solid; }

.bordertop1 { border-top-width: 1px; border-style: solid; }

.borderbottom1 { border-bottom-width: 1px; border-style: solid; }

.borderleft1 { border-left-width: 1px; border-style: solid; }

.borderright1 { border-right-width: 1px; border-style: solid; }

.border2 { border-width: 2px; border-style: solid; }

.bordertop2 { border-top-width: 2px; border-style: solid; }

.borderbottom2 { border-bottom-width: 2px; border-style: solid; }

.borderleft2 { border-left-width: 2px; border-style: solid; }

.borderright2 { border-right-width: 2px; border-style: solid; }

.border3 { border-width: 3px; border-style: solid; }

.bordertop3 { border-top-width: 3px; border-style: solid; }

.borderbottom3 { border-bottom-width: 3px; border-style: solid; }

.borderleft3 { border-left-width: 3px; border-style: solid; }

.borderright3 { border-right-width: 3px; border-style: solid; }



/* Separation */



/* Hover (TO BE IMPLEMENTED) */

.hover { height: 200px; transform-style: preserve-3d; -webkit-tap-highlight-color: rgba(#000,0); box-shadow: none; }

.hover .wrapper { position: relative; width: 100%; height: 100%; transition: all 0.2s ease-out; }

.hover .layers { position: relative; width: 100%; height: 100%; border-radius: 5px; overflow: hidden; transform-style: preserve-3d; }

.hover .rendered { position: absolute; width: 104%; height: 104%; top: -2%;  left: -2%; background-repeat: no-repeat; background-position: center; background-color: transparent; background-size: cover; transition: all 0.1s ease-out; }

.hover .shadow { position: absolute; top: 5%;  left: 5%; width: 90%; height: 90%; transition: all 0.2s ease-out; box-shadow: none; }



/* Preloader */

@-webkit-keyframes loading { from { -webkit-transform:rotate(-1080deg); transform:rotate(-1080deg); } }

@keyframes loading { from { transform:rotate(-1080deg); } }



/* Slider */

.slider { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }

.noflexbox .slide { float: left; }

.vertical > .slides { -webkit-box-orient: vertical; -moz-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.slides { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.android .slide, .slides { -webkit-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -o-transform: translate(0px, 0px); -ms-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.multirow > .slides { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.free > .slides { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.slide { opacity: 1 !important; margin: 0px 10px; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; height: 100%; position: relative; -webkit-transition:0.25s !important; transition:0.25s !important; text-align: center; }

.slides .slide:first-child, .slides. a.:first-child { margin-left: 0px; }

.slides .slide:last-child, .slides. a.:last-child { margin-right: 0px; }

.slide .content { overflow:hidden; position:relative; width: auto !important; height: 100% !important; z-index:100; }

.heightauto, .heightauto .slide { height: auto; }

.heightauto .slides { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; -ms-transition-property: -ms-transform; transition-property: transform, height; }

.slider .notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.wp8horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.wp8vertical { -ms-touch-action: pan-x; touch-action: pan-x; }



.slider.regular { padding: 10px 0 40px 0; }

.slider.regular .slides {  }

.slider.regular .slides .slide {  }

.slider.regular .slides .slide .card:hover { -webkit-transform:scale(1.075); transform:scale(1.075); }

.slider.regular .slides .slide.medium {  }

.slider.regular .slides .slide .card:hover.medium { -webkit-transform:scale(1.05); transform:scale(1.05); }

.slider.regular .slides .slide.large {  }

.slider.regular .slides .slide .card:hover.large { -webkit-transform:scale(1.05); transform:scale(1.05); }

.slider.regular .slides .slide .card { height: 100%; width: 100%; }

.slider.regular .scrollbar {  }

.slider.regular .pagination.fraction, .slider.regular .pagination.custom, .slider.regular.horizontal > .pagination.bullets { bottom: 0; }

.slider.regular .button.previous { left: 30px; right: auto; }

.slider.regular .button.next { right: 30px; left: auto; }



.slider.regular.nocaption { padding: 20px 0 20px 0; }



.slider.wide { padding: 20px 0 30px 0; }

.slider.wide .slides .slide { width: 100%; max-width: 1280px; margin-left: 10px; margin-right: 10px; }

.slider.wide .slides .slide:hover { -webkit-transform:scale(1.02); transform:scale(1.02); }

.slider.wide .pagination.fraction, .slider.wide .pagination.custom, .slider.wide.horizontal > .pagination.bullets { bottom: 40px; }



.fullsection .slider { height: 100% !important; }

.fullsection .slider .slides {  }

.fullsection .slider .slides .slide { height: 100%; width: 100%; margin-left: 0px !important; margin-right: 0px !important; }

.fullsection .slider .slides .slide .content .container { height: 100%; width: 100%; }

.fullsection .slider .scrollbar {  }

.fullsection .slider .pagination.fraction, .fullsection .slider .pagination.custom, .fullsection .slider.horizontal > .pagination.bullets { bottom: 3%; }

.fullsection .slider .button.previous { left: 6%; right: auto; }

.fullsection .slider .button.next { right: 6%; left: auto; }



.fullscreen .slider {  }

.fullscreen .slider .slides {  }

.fullscreen .slider .slides .slide { height: 100%; width: 100%; margin-left: 0px; margin-right: 0px; }

.fullscreen .slider .scrollbar {  }

.fullscreen .slider .pagination.fraction, .fullscreen .slider .pagination.custom, .fullscreen .slider.horizontal > .pagination.bullets { bottom: 3%; }

.fullscreen .slider .button.previous { left: 6%; right: auto; }

.fullscreen .slider .button.next { right: 6%; left: auto; }



.slider.fullwidth { overflow: visible !important; }



.slider.background { position: absolute !important; top:0; left:0; z-index: -1; }



.slider.testimonial .slides .slide.previous, .slider.testimonial .slides .slide { opacity: 0 !important; }

.slider.testimonial .slides .slide.active { opacity: 1 !important; }



.threedimensions { -webkit-perspective: 1200px; -moz-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; }

.threedimensions .slides, .threedimensions .slide, .threedimensions .shadowleft, .threedimensions .shadowright, .threedimensions .shadowtop, .threedimensions .shadowbottom, .threedimensions .swiper-cube-shadow { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }

.threedimensions .shadowleft, .threedimensions .shadowright, .threedimensions .shadowtop, .threedimensions .shadowbottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.coverflow .slides, .flip .slides { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; }

.cube, .flip { overflow: visible; }

.cube .slide, .flip .slide { pointer-events: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.cube .slide .slide, .flip .slide .slide { pointer-events: none; }

.cube .slide.active, .flip .slide.active, .cube .slide.active .slide.active, .flip .slide.active .slide.active { pointer-events: auto; }

.cube .shadowtop, .flip .shadowtop, .cube .shadowbottom, .flip .shadowbottom, .cube .shadowleft, .flip .shadowleft, .cube .shadowright, .flip .shadowright { z-index: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; }

.cube .slide { visibility: hidden; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.cube .slide.active, .cube .next, .cube .previous, .cube .next + .slide { pointer-events: auto; visibility: visible; }

.cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.fade.free .slide { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.fade .slide { pointer-events: none; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.fade .slide .slide { pointer-events: none; }

.fade .slide.active, .fade .slide.active .slide.active { pointer-events: auto; }

.scrollbar { border-radius: 50%; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.horizontal > .scrollbar { position: absolute; left: 5px; bottom: 5px; z-index: 50; height: 5px; width: 99%; }

.vertical > .scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.scrollbar-cursordrag { cursor: move; }

.slide button.rounded, .slide .button.rounded { height: auto !important; }



.card .more { display: none; position: absolute !important; height: 15px; min-width: 15px; }

.card:hover .more { display: block; -webkit-transition: 0.25s; transition: 0.25s; }

@media only screen and (max-width: 993px) { .card:hover .more { display: none !important; } .card:hover .player .more { display: block !important; } }

.card .player .more { display: block; height: auto; min-width: 30px; }



@media only screen and (min-width: 993px) {

  .card .more { bottom: 35% !important; right: 40% !important; }

  .card .player .more { bottom: 45% !important; right: 50% !important; }

}

@media only screen and (min-width: 601px) and (max-width: 992px) {

  .card .more { bottom: 35% !important; right: 40% !important; }

  .card .player .more { bottom: 35% !important; right: 45% !important; }

}

@media only screen and (max-width: 600px) {

  .card .more { bottom: 35% !important; right: 40% !important; }

  .card .player .more { bottom: 10% !important; right: 40% !important; }

}





.loaded.sidebarshown .panel, .loaded.sidebarshown .section.selected, .loaded.sidebarshown .section.selected:after, .sidebar { -webkit-transition:-webkit-transform 0.5s, opacity 0.5s !important; transition:transform 0.5s, opacity 0.5s !important; }

.loaded.sidebarshown .section.selected { -webkit-transform:scale(0.95) !important; transform:scale(0.95) !important; pointer-events:none; opacity:0.5 !important; }



/* Cards */

.card { position: relative; text-align: center; background-position:center; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition:0.25s !important; opacity:1; z-index: 999; }

.card.radius .caption { border-radius: 0 0 5px 5px; }

.card:hover { -webkit-transform:scale(1.05); transform:scale(1.05); transition:0.25s !important; opacity:1; z-index: 999; }

.card.nozoom:hover { -webkit-transform:none !important; transform:none !important; }

.fullscreen .card:hover { -webkit-transform:none !important; transform:none !important; }

.logo .card .background { background-size: 75% !important; }



/* Section */

.section.before { -webkit-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0); }

.section, .section.after { -webkit-transform:translate3d(0,50%,0); transform:translate3d(0,50%,0); will-change: transform; }

.section.before, .section.after { opacity:0; }

.section.selected { -webkit-transform:translate3d(0,0,0) !important; -moz-transform:translate3d(0,0,0) !important; -ms-transform:translate3d(0,0,0) !important; -o-transform:translate3d(0,0,0) !important; transform:translate3d(0,0,0) !important; z-index:11; }

.loaded .section.selected { opacity:1 !important; }

.horizontal .section, .horizontal .section.before { -webkit-transform:translate3D(-50%,0,0); -ms-transform:translate3D(-50%,0,0); transform:translate3D(-50%,0,0); }

.horizontal .section.after { -webkit-transform:translate3D(50%,0,0); -ms-transform:translate3D(50%,0,0); transform:translate3D(50%,0,0); }

.film .section.before { -webkit-transform:translate3D(0,-100%,0); -ms-transform:translate3D(-100%,0,0); transform:translate3D(0,-100%,0); }

.film .section.after { -webkit-transform:translate3D(0,100%,0); -ms-transform:translate3D(0,100%,0); transform:translate3D(0,100%,0); }

.film.horizontal .section.before { -webkit-transform:translate3D(-100%,0,0); -ms-transform:translate3D(-100%,0,0); transform:translate3D(-100%,0,0); }

.film.horizontal .section, .film.horizontal .section.after { -webkit-transform:translate3D(100%,0,0); -ms-transform:translate3D(100%,0,0); transform:translate3D(100%,0,0); }

.zen .section.before { -webkit-transform:translateY(-100%) scale(0.8); -ms-transform:translateY(-100%) scale(0.8); transform:translateY(-100%) scale(0.8); }

.zen .section, .zen .section.after { -webkit-transform:translateY(100%) scale(0.8); -ms-transform:translateY(100%) scale(0.8); transform:translateY(100%) scale(0.8); }

.zen.horizontal .section.before { -webkit-transform:translateX(-100%) scale(0.8); -ms-transform:translateX(-100%) scale(0.8); transform:translateX(-100%) scale(0.8); }

.zen.horizontal .section, .zen.horizontal .section.after { -webkit-transform:translateX(100%) scale(0.8); -ms-transform:translateX(100%) scale(0.8); transform:translateX(100%) scale(0.8); }

.stack .section, .stack .section.after { -webkit-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); }

.stack .section.after { opacity:initial; }

.stack .section.selected, .stack .section.after.active { z-index:11 !important; }

.stack .section.before { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); }

.stack.horizontal .section, .stack.horizontal .section.after { -webkit-transform:translateX(100%); -ms-transform:translateX(100%); transform:translateX(100%); }

.stack.horizontal  .section.before { -webkit-transform:scale(0.9); transform:scale(0.9); }

.cards .section, .cards .section.after { -webkit-transform:translateY(10%); -ms-transform:translateY(10%); transform:translateY(10%); opacity:initial; }

.cards .section.after { z-index:8 !important; opacity:0; }

.cards .section.selected { z-index:9 !important; }

.cards .section.before { -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); z-index:7; }

.cards .section.active.before { z-index:10 !important; }

.cards.horizontal .section, .cards.horizontal .section.after { -webkit-transform:translateX(10%); -ms-transform:translateX(10%); transform:translateX(10%); }

.cards.horizontal .section.before { -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); }

.zoom .section.before { -webkit-transform:scale(1.4); -ms-transform:scale(1.4); transform:scale(1.4); }

.zoom .section, .zoom .section.after { -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); opacity:0; }

.plain .section.before { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

.plain .section, .plain .section.after { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }

.plain .section.after:after, .plain .section.before:after { opacity:1; background:#111; }



/* Speed */

.loaded .fast .section.active, .loaded .fast .section.selected { -webkit-transition:-webkit-transform 0.6s, opacity 0.6s; transition:transform 0.6s, opacity 0.6s; }

.loaded .section.selected, .loaded .section.active { -webkit-transition:-webkit-transform 1s, opacity 1s; transition:transform 1s, opacity 1s; }

.loaded .slow .section.active, .loaded .slow .section.selected { -webkit-transition:-webkit-transform 1.4s, opacity 1.4s; transition:transform 1.4s, opacity 1.4s; }

.loaded .section.selected.entry, .loaded .section.active.entry { -webkit-transition:-webkit-transform 0s, opacity 1s; transition:transform 0s, opacity 1s; }

.animated.fast .panel { -webkit-transition:-webkit-transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }

.animated .panel { -webkit-transition:-webkit-transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }

.animated.slow .panel { -webkit-transition:-webkit-transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; transition: transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s; }

.smooth .active, .smooth .selected, .smooth .panel, .smooth .sidebar { -webkit-transition-timing-function:cubic-bezier(.55,.05,.35,.95) !important; transition-timing-function:cubic-bezier(.55,.05,.35,.95) !important; }

.bounce .active, .bounce .selected, .bounce .panel, .bounce .sidebar { -webkit-transition-timing-function:cubic-bezier(.40,1.15,.35,1) !important; transition-timing-function:cubic-bezier(.40,1.15,.35,1) !important; }



/* Content */

.animated [class*="delay"] { -webkit-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

.animated.fast .animate [class*="delay"]:not(.done) { -webkit-transition-duration:0.6s; transition-duration:0.6s; }

.animated .animate [class*="delay"]:not(.done) { -webkit-transition-duration:0.8s; transition-duration:0.8s; }

.animated.slow .animate [class*="delay"]:not(.done) { -webkit-transition-duration:1s; transition-duration:1s; }

.animated.fast .animate .delay1:not(.done) { -webkit-transition-delay:  10ms; transition-delay: 10ms; }

.animated.fast .animate .delay2:not(.done) { -webkit-transition-delay:  140ms; transition-delay: 140ms; }

.animated.fast .animate .delay3:not(.done) { -webkit-transition-delay:  270ms; transition-delay: 270ms; }

.animated.fast .animate .delay4:not(.done) { -webkit-transition-delay:  400ms; transition-delay: 400ms; }

.animated.fast .animate .delay5:not(.done) { -webkit-transition-delay:  530ms; transition-delay: 530ms; }

.animated.fast .animate .delay6:not(.done) { -webkit-transition-delay:  660ms; transition-delay: 660ms; }

.animated.fast .animate .delay7:not(.done) { -webkit-transition-delay:  790ms; transition-delay: 790ms; }

.animated.fast .animate .delay8:not(.done) { -webkit-transition-delay:  920ms; transition-delay: 920ms; }

.animated.fast .animate .delay9:not(.done) { -webkit-transition-delay:  1050ms; transition-delay: 1050ms; }

.animated.fast .animate .delay10:not(.done) { -webkit-transition-delay:   1180ms; transition-delay: 1180ms; }

.animated .animate .delay1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; }

.animated .animate .delay2:not(.done) { -webkit-transition-delay: 160ms; transition-delay: 160ms; }

.animated .animate .delay3:not(.done) { -webkit-transition-delay: 320ms; transition-delay: 320ms; }

.animated .animate .delay4:not(.done) { -webkit-transition-delay: 480ms; transition-delay: 480ms; }

.animated .animate .delay5:not(.done) { -webkit-transition-delay: 640ms; transition-delay: 640ms; }

.animated .animate .delay6:not(.done) { -webkit-transition-delay: 800ms; transition-delay: 800ms; }

.animated .animate .delay7:not(.done) { -webkit-transition-delay: 960ms; transition-delay: 960ms; }

.animated .animate .delay8:not(.done) { -webkit-transition-delay: 1120ms; transition-delay: 1120ms; }

.animated .animate .delay9:not(.done) { -webkit-transition-delay: 1280ms; transition-delay: 1280ms; }

.animated .animate .delay10:not(.done) { -webkit-transition-delay: 1440ms; transition-delay: 1440ms; }

.animated.slow .animate .delay1:not(.done) { -webkit-transition-delay: 10ms; transition-delay: 10ms; }

.animated.slow .animate .delay2:not(.done) { -webkit-transition-delay: 210ms; transition-delay: 210ms; }

.animated.slow .animate .delay3:not(.done) { -webkit-transition-delay: 420ms; transition-delay: 420ms; }

.animated.slow .animate .delay4:not(.done) { -webkit-transition-delay: 630ms; transition-delay: 630ms; }

.animated.slow .animate .delay5:not(.done) { -webkit-transition-delay: 840ms; transition-delay: 840ms; }

.animated.slow .animate .delay6:not(.done) { -webkit-transition-delay: 1050ms; transition-delay: 1050ms; }

.animated.slow .animate .delay7:not(.done) { -webkit-transition-delay: 1260ms; transition-delay: 1260ms; }

.animated.slow .animate .delay8:not(.done) { -webkit-transition-delay: 1470ms; transition-delay: 1470ms; }

.animated.slow .animate .delay9:not(.done) { -webkit-transition-delay: 1680ms; transition-delay: 1680ms; }

.animated.slow .animate .delay10:not(.done) { -webkit-transition-delay: 1890ms; transition-delay: 1890ms; }



/* Direction */

.animated [class*="delay"]:not(.done), /* default */

.animated .frombottom [class*="delay"]:not(.done), .animated.frombottom [class*="delay"]:not(.done), .animated [class*="delay"].frombottom:not(.done) { visibility:hidden; -webkit-transform:translate3d(0,100px,0); transform:translate3d(0,100px,0); opacity:0; }

.animated .fromtop [class*="delay"]:not(.done), .animated.fromtop [class*="delay"]:not(.done), .animated [class*="delay"].fromtop:not(.done) { -webkit-transform:translate3d(0,-100px,0); transform:translate3d(0,-100px,0); }

.animated .fromleft [class*="delay"]:not(.done), .animated.fromleft [class*="delay"]:not(.done), .animated [class*="delay"].fromleft:not(.done) { -webkit-transform:translate3d(-50px,0,0); transform:translate3d(-50px,0,0); }

.animated .fromright [class*="delay"]:not(.done), .animated.fromright [class*="delay"]:not(.done), .animated [class*="delay"].fromright:not(.done) { -webkit-transform:translate3d(50px,0,0); transform:translate3d(50px,0,0); }

.animated .fromcenter [class*="delay"]:not(.done), .animated.fromcenter [class*="delay"]:not(.done), .animated [class*="delay"].fromcenter:not(.done) { -webkit-transform:scale(0.8) translate3d(0,0,0); transform:scale(0.8) translate3d(0,0,0); }

.animated .fromabove [class*="delay"]:not(.done), .animated.fromabove [class*="delay"]:not(.done), .animated [class*="delay"].fromabove:not(.done) { -webkit-transform:scale(1.2) translate3d(0,0,0); transform:scale(1.2) translate3d(0,0,0); }

.animated .frombottomleft [class*="delay"]:not(.done), .animated.frombottomleft [class*="delay"]:not(.done), .animated [class*="delay"].frombottomleft:not(.done) { -webkit-transform:translate3d(-100px,100px,0); transform:translate3d(-100px,100px,0); }

.animated .fromtopleft [class*="delay"]:not(.done), .animated.fromtopleft [class*="delay"]:not(.done), .animated [class*="delay"].fromtopleft:not(.done) { -webkit-transform:translate3d(-100px,-100px,0); transform:translate3d(-100px,-100px,0); }

.animated .frombottomright [class*="delay"]:not(.done), .animated.frombottomright [class*="delay"]:not(.done), .animated [class*="delay"].frombottomright:not(.done) { -webkit-transform:translate3d(100px,100px,0); transform:translate3d(100px,100px,0); }

.animated .fromtopright [class*="delay"]:not(.done), .animated.fromtopright [class*="delay"]:not(.done), .animated [class*="delay"].fromtopright:not(.done) { -webkit-transform:translate3d(100px,-100px,0); transform:translate3d(100px,-100px,0); }

.animated .fadein [class*="delay"]:not(.done), .animated.fadein [class*="delay"]:not(.done), .animated [class*="delay"].fadein:not(.done) { -webkit-transform:scale(1) translate3d(0,0,0); transform:scale(1) translate3d(0,0,0); }

.animated .fromblur [class*="delay"]:not(.done), .animated.fromblur [class*="delay"]:not(.done), .animated [class*="delay"].fromblur:not(.done) { -webkit-transform:scale(1) translate3d(0,0,0); transform:scale(1) translate3d(0,0,0); filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter'); -webkit-filter:blur(10px); filter:blur(10px); }

.animated .animate.active [class*="delay"]:not(.done) { opacity:1; -webkit-backface-visibility:hidden; visibility:visible; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter'); -webkit-filter:none; filter:none; }



/* Background */

.animated .kenburns .background, .animated .kenburns.zoomout .background { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); opacity:0.2; z-index:1; }

.animated .kenburns:not(.video) .background, .animated .kenburns.zoomout:not(.video) .background { -webkit-transition:-webkit-transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease; transition:transform 5s cubic-bezier(.3,0,.7,1), opacity 1s ease; }

.animated .active.kenburns:not(.video) .background, .animated .active.kenburns.zoomout:not(.video) .background, .animated .active .kenburns.zoomout:not(.video) .background { opacity:1; -webkit-transform:scale(1.05); -ms-transform:scale(1.05) rotate(-0.02deg); -moz-transform:scale(1.05) rotate(-0.02deg); transform:scale(1.05); }

.windows .animated .active.kenburns:not(.video) .background { -ms-transform:scale(1.05) rotate(-0.02deg); transform:scale(1.05) rotate(-0.02deg); }

.animated .kenburns.zoomout:not(.video) .background { -webkit-transform:scale(1.05); transform:scale(1.05); /* fix for friends */  -moz-transform:scale(1.05) rotate(-0.02deg); }

.windows .animated .kenburns.zoomout:not(.video) .background { -ms-transform:scale(1.05) rotate(-0.02deg); transform:scale(1.05) rotate(-0.02deg); }

.animated .active.kenburns.zoomout:not(.video) .background, .windows .animated .active.kenburns.zoomout:not(.video) .background { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }

.mobile .kenburns .background, .mobile .kenburns.zoomout .background { -webkit-transition:0s; transition:0s; -webkit-transform:none; transform:none; }

.animated .parallax:not(.video) .background { -webkit-transform:translate3d(0,0,0) scale(1.15); transform:translate3d(0,0,0) scale(1.15); -webkit-transition:-webkit-transform-origin 1s, -webkit-transform 1s; transition:transform-origin 1s, transform 1s; }

.animated.fast .parallax:not(.video) .background { -webkit-transition:-webkit-transform-origin .6s, -webkit-transform .6s; transition:transform-origin .6s, transform .6s; }

.animated.slow .parallax:not(.video) .background { -webkit-transition:-webkit-transform-origin 1.4s, -webkit-transform 1.4s; transition:transform-origin 1.4s, transform 1.4s; }

.animated .parallax.animate:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; }

.animated .section.after.parallax:not(.video) .background { -webkit-transform-origin:top center; transform-origin:top center; }

.animated .section.before.parallax:not(.video) .background { -webkit-transform-origin:bottom center; transform-origin:bottom center; }

.animated.horizontal .section.after.parallax:not(.video) .background { -webkit-transform-origin:left center; transform-origin:left center; }

.animated.horizontal .section.before.parallax:not(.video) .background { -webkit-transform-origin:right center; transform-origin:right center; }

.animated.zoom .section.after.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }

.animated.zoom .section.animate.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1.1); transform:translate3d(0,0,0) scale(1.1); }

.animated.zoom .section.before.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }

.animated.plain .section.after.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }

.animated.plain .section.animate.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }

.animated.plain .section.before.parallax:not(.video) .background { -webkit-transform-origin:center; transform-origin:center; -webkit-transform:translate3d(0,0,0) scale(1); transform:translate3d(0,0,0) scale(1); }

.animated .scenic:not(.video) .background { -webkit-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; -moz-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; -o-animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; animation: scenic 140s cubic-bezier(.2,0,.8,1) infinite; }

@-webkit-keyframes scenic { 50% { -webkit-transform:scale(1.5); transform:scale(1.5); } }

@-moz-keyframes scenic { 50% { -moz-transform:scale(1.5) rotate(-0.02deg); transform:scale(1.5) rotate(-0.02deg); } }

@-o-keyframes scenic { 50% { -o-transform:scale(1.5) rotate(-0.02deg); transform:scale(1.5) rotate(-0.02deg); } }

@keyframes scenic { 50% { -webkit-transform:scale(1.5); -moz-transform:scale(1.5) rotate(-0.02deg); -ms-transform:scale(1.5) rotate(-0.02deg); -o-transform:scale(1.5) rotate(-0.02deg); transform:scale(1.5) rotate(-0.02deg); } }



/* Zoom on image */

[data-action="zoom"] { cursor:pointer; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; }

.zoom-img, .zoom-img-wrap { position:relative; -webkit-transition:all 0.5s; transition:all 0.5s; -webkit-transition-timing-function:cubic-bezier(.2,0,.3,1) !important; transition-timing-function:cubic-bezier(.2,0,.3,1) !important; }

img.zoom-img { cursor:pointer; cursor:-webkit-zoom-out; cursor:-moz-zoom-out; }

.zoom-overlay { background:rgba(17, 17, 17, 1); position:fixed; top:-9999px; left:-9999px; right:-9999px; bottom:-9999px; pointer-events:none; filter:"alpha(opacity=0)"; opacity:0; -webkit-transition:opacity 0.5s; transition:opacity 0.5s; }

.zoom-overlay-open .zoom-overlay { filter:"alpha(opacity=90)"; opacity:0.9; }

.zoom-overlay-open .side, .zoom-overlay-open .panel { opacity:0; -webkit-transition-delay:0s; transition-delay:0s; }

.zoom-overlay-open, .zoom-overlay-transitioning { cursor:default; }

.zoom-img-parent { position:relative; z-index:1000; }



/* Scroll */

.scrollx { overflow-x: scroll; }

.scrolly { overflow-y: scroll; }

.hidescroll { overflow: hidden; }

html.scrollable, html.scrollable body { overflow-y:auto; -webkit-overflow-scrolling: touch; }

.scroll, .mobile .simple { position:relative; -webkit-overflow-scrolling: touch; }

.scroll .content, .mobile .simple .content { -webkit-overflow-scrolling: initial; overflow:hidden; }

.scroll .wrap { overflow:hidden; }

.scroll .section, .scroll .section .content, .scroll .container, .mobile .simple .section, .mobile .simple .section .content, .mobile .simple .container { position: relative !important; height: auto; opacity: 1; }

.scroll .container, .mobile .simple .container { height: auto; }

.scroll .section.fullscreen .container, .mobile .section.fullscreen .simple .container { height: 100vh; }

.scroll .section .background, .mobile .simple .section .background { position: absolute !important; }

.scroll .section, .scroll .section.after, .scroll .section.before, .mobile .simple .section, .mobile .simple .section.after, .mobile .simple .section.before { visibility:visible; -webkit-transform:none !important; transform:none !important; }

.mobile .simple .section, .mobile .simple .section.after, .mobile .simple .section.before { opacity:1 !important; }

.loaded.sidebarshown .scroll .section, .loaded.mobile.sidebarshown .simple .section { -webkit-transform:translate3d(0,0,0) !important; transform:translate3d(0,0,0) !important; pointer-events:none; opacity:0.5 !important; }

.loaded .scroll .section { -webkit-transition: transform 0.5s, opacity 0.5s !important; transition: transform 0.5s, opacity 0.5s !important; }

.loaded .scroll .panel, .loaded.mobile .simple .panel { -webkit-transform:translate3d(0,0,0) !important; transform:translate3d(0,0,0) !important; }

.mobile .simple .navigation { display:none; }

.mobile .simple [class*="delay"] { visibility:visible !important; opacity:1 !important; -webkit-transform:none !important; transform:none !important; }

.mobile .simple [class*="delay"] { visibility:visible !important; opacity:1 !important; -webkit-transform:none !important; transform:none !important; }

.scroll [data-action="zoom"] { cursor:auto; }

.scroll .parallax:not(.video) .background { -webkit-transform:translate3d(0,0,0) scale(1.25); transform:translate3d(0,0,0) scale(1.25); -webkit-transition:none !important; transition:none !important; }

.scroll .panel.hideonscroll.top, .scroll .panel.hideonscroll.bottom { position:fixed; }

.panel.hideonscroll.top.hide { -webkit-transform:translateY(-100%) !important; transform:translateY(-100%) !important; opacity:0; }

.panel.hideonscroll.bottom.hide { -webkit-transform:translateY(100%) !important; transform:translateY(100%) !important; opacity:0; }

.content.scrollbar { overflow-y:auto; }

.windows .defaultscroll .content {overflow-x:hidden; }

@-webkit-keyframes fadeIn { from { opacity:0; } }

@keyframes fadeIn { from { opacity:0; } }

@-webkit-keyframes zoomOut { from { opacity:0; -webkit-transform:scale(0.86); transform:scale(0.86); } }

@keyframes zoomOut { from { opacity:0; transform:scale(0.86); } }

@-webkit-keyframes riseUp { from { opacity:0; -webkit-transform:scale(0.86) translateY(50px); transform:scale(0.86) translateY(50px); } }

@keyframes riseUp { from { opacity:0; transform:scale(0.86) translateY(50px); } }