/*
Theme Name: Tessellis
Theme URI: https: //tessellis.it
Description: Tessellis Theme
Author: Tiscali VAS Team
Author URI: http://tiscali.it
Template: sydney
Version: 1.0.0
Text Domain: Tessellis
*/
/* .site-header {background-color: #5F57A1} */
body{font-family: "Work Sans", Sans-serif;font-weight: 400;font-size: 16px;line-height: 1.5em;color:#3a3a3a;}
h1, h2,h3, h4, h5, h6 {font-family: "Work Sans", Sans-serif;}
a:link, a:active, a:visited {color:#27348B;text-decoration:none;}
a:hover {color:#0086ca;text-decoration:none;}
.header-image .overlay{opacity: 0!important;}
h1 {font-size: 30px;font-weight:500 !important;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}
.site-header.fixed.float-header img{max-height: 30px; transition: max-height 400ms ease-in-out;}

.site-branding{max-width:200px;}
#page {margin: 0 auto;}
#content, .sydney-hero-area {max-width: 1440px;margin: 0 auto;}
/* .site-header {background-color: rgba(95,87,161,0.85);padding:20px 0;}
.site-header.float-header{background-color: rgba(95,87,161,0.85);} */
.home .entry-header h1 {display: none;}
/*FIX LEFT Column*/
.widget-area{padding:0; border:0;}
.widget-area .widget-title {font-size:16px;}
/* ENd FIX LEFT Column*/
#primary{float:right;}
#primary.my-full-width{width:100%;}

#secondary{float:left;padding-top:0}

.container.tsc_disclaimer{font-size:12px;line-height:14px;color:#333;text-align: left;margin-bottom:30px}
.container.tsc_disclaimer > p{margin:0}

.my-footer-container{display:flex;flex-direction: row;align-items:flex-start;}
.my-footer-container aside{flex-grow: 1; min-height: 200px; order: 1; padding-top:0;margin-left:10px;margin-right:10px;}
/* .my-footer-container .widget_nav_menu{} */
#sidebar-footer .widget_nav_menu ul li {padding:0;}
#sidebar-footer .widget-title{padding:0;font-size:15px}
.footer-widgets{padding:0;padding-top:54px;font-size: 13px;}
.footer-widgets .widget{padding-top:0;margin-bottom:4px;}
.footer-widgets a {font-size: 13px;}
.footer-widgets .sydney_contact_info_widget{max-width: 200px;}
.contact_info_widget img {margin-bottom:10px;max-width:100%;height:auto;}
.contact_info_widget span {margin-right:10px;}
.site-info {font-size: 13px;}

/*SIDEBAR PAGE MENU NAV*/
#secondary .menu li{padding-bottom:15px;}
#secondary .menu a:active, #secondary .menu a:visited, #secondary .menu a:link{color:#27348B;font-weight: bold;font-size: 16px;}
#secondary .menu a:hover{color:#0086ca;opacity: 0.7;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
#secondary .menu .current-menu-item a{color:#000;}
.sydney-offcanvas-menu svg, .sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon svg { transform: rotate(270deg);}
.sydney-offcanvas-menu svg, .sydney-offcanvas-menu .dropdown-symbol .sydney-svg-icon.inv-toggled svg {transform:unset}
/*MOBILE NAVIGATION*/
/* #mainnav-mobi {top: auto;background:#FFF;max-width:380px;margin-top:20px;right:0;left:auto;}
#mainnav-mobi ul li{border-top: 0;}
#mainnav-mobi ul > li > a {color:#5f57a1;text-transform: none;}
#mainnav-mobi ul > li > a {color:#5f57a1;text-transform: none;}
#mainnav-mobi ul.sub-menu {background:#FFF;}
#mainnav-mobi ul.sub-menu > li > a{text-transform: none;} */
.btn-submenu:before{color:#5f57a1;}
.btn-submenu svg {fill: #5f57a1;}
/* .inv-header .logo-container{display:inline-block;width:15%;padding-left:20px;vertical-align: top;}
.inv-header .menu-container{display:inline-block;width:85%;vertical-align:top;margin-top:5px;} */
.header-wrap{padding-top:5px;padding-bottom:5px;}
.header_layout_2 .header-col {padding:0;}

/*BWEGN HOME SLIDER */
.header-slider{max-height:580px}
#slideshow.header-slider .slide-inner{max-width: 400px;text-align: left;left: 10%;min-height: unset;}
#slideshow.header-slider .maintitle{font-size:24px;line-height: 26px;}
#slideshow.header-slider .text-slider .maintitle:after {background-color: transparent;}
#slideshow.header-slider .slide-item{background-size: contain;}
/*END HOME SLIDER */
/*LIGHTBOX*/
.gallery-item {margin:40px 0;}
.gallery-columns-2 {
    display:flex;
    flex-wrap: wrap;
} 
.gallery-columns-2 .gallery-item {
    flex: 50%; 
    box-sizing: border-box;
    
}

/*BEGIN WP DATA TABLES*/
#wpdtSimpleTable-1 th, #wpdtSimpleTable-2 th{border:0;color:#aeaeae;background-color:#FFF;}
#wpdtSimpleTable-1 td, #wpdtSimpleTable-2 td {border-width: 1px 0px 1px 0px;}
#wpdtSimpleTable-1 tr.even > td, #wpdtSimpleTable- tr.even > td {background-color: #F9F9F9;}
.wdt-res-wrapper.active:has(#wpdtSimpleTable-1), .wdt-res-wrapper.active:has(#wpdtSimpleTable-2) { max-height:unset !important }
/*END WP DATA TABLES*/
/*BEGIN TAB CONTENT */
.uagb-tabs__wrap.tscTabnoBorder, .tscTabnoBorder .uagb-tabs__wrap {margin:0;}
.tscTabnoBorder .uagb-tab.uagb-tabs__active{ border-bottom:2px solid #63c2d1!important}
.tscTabnoBorder .uagb-tabs__body-container {padding:0!important}
/*END TAB CONTENT */

/*BEGIN HEADER IMAGE RESPONSIVE*/
.header-image {display: block;height:auto!important; position:relative}
.header-image img {width: 100%;max-width: 100%;height: auto;display: block;}
.container.relative{width: 100%;position: absolute; top: 0; bottom: 0; right: 0; left: 0;display:flex;align-items: center;}
.container .header-text{font-size:32px;font-weight:500;text-transform:uppercase;color:#FFF;text-shadow: 2px 2px 3px #000;margin-left: 153px;margin-top: 114px;}
/*END HEADER IMAGE RESPONSIVE*/

/*BEGIN LAZY BLOCKS */
.lb-colored-box{border-left: 10px solid transparent;}
.lb-colored-box > .lb-colored-box-container{padding:10px;}
.lb-colored-box .lb-title {margin:0 !important; font-size:18px;}

.lb-colored-box .accordion{
    overflow: hidden;
}

.lb-colored-box .accordion__content{
    /* padding: 14px 20px; */
}
.lb-colored-box  .accordion__label{
    display: block;
    color: white;
    font-weight: bold;
    cursor: pointer;
    position: relative;
    transition: background-color 0.1s;
}

.lb-colored-box  .accordion__label:hover{
    background-color: rgba(0, 0, 0, 0.1);
}

.lb-colored-box .accordion__content{
    display: none;
    transition: opacity 1s ease-out;
    opacity: 0;
}

.lb-colored-box .accordion__input{
    display: none;
}

.lb-colored-box  .accordion__input:checked ~ .accordion__content{
    display: block;
    opacity: 1;
}
/*END LAZY BLOCKS */


/* END LIGHTBOX*/
/*FOOTER*/
/* .footer-widgets {background-color: #f8f2ff;font-size:12px;}
.site-footer {background-color: #ece1fa;line-height: 35px;padding: 15px 0;font-size:12px;}
.site-footer a {color: #3a3a3a;font-weight:700;}
.go-top{background-color:#47425d;border:1px transparent}
.go-top:hover {color: #47425d;background-color:#ece1fa;border:1px solid #47425d}
.site-info.container{font-size:12px;} */
/*FOOTER*/
/*TAB PLUGINS*/
#wonderplugintabs-container-1,#wonderplugintabs-container-3,  #wonderplugintabs-1{max-width: 100% !important;}
.wonderplugintabs-header-wrap {box-sizing: border-box;display: block;position: relative;width: 100%;z-index: 1;margin-top: -1px;}
.wonderplugintabs-panel-wrap {border: none!important;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li{background:##f6f6f6 !important;border:0 !important;border-radius:0!important;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-title{font-family: "Work Sans", Sans-serif !important;font-weight: 700!important;font-size: 14px !important;color: #27348B !important;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li-active {background: #e5d9f2!important;}
.wonderplugintabs-header-wrap .wonderplugintabs-header-li-active .wonderplugintabs-header-title {color: #000 !important;}
.wonderplugintabs-panel-wrap .wonderplugintabs-panel-inner {max-width:800px;margin: 0 auto;}
.wonderplugintabs-panel-inner .invcom-square, .w3eden .col-md-6 .invcom-square{min-height:410px;margin-bottom: 30px;display: flex;flex-direction: column;}
/*TEMPLATES DOWNLOAD MANAGER*/
#content_wpdm_package_1 > .row{max-width: 100%;margin:0}
.investors-widget{padding-bottom: 54px;}
.investors-widget.pdbtp{padding-top:20px}
.investors-widget h2 {color:#999999;padding-bottom:20px;border-bottom:1px solid #E1E1E1;margin-bottom:30px;font-size:24px}
.investors-top h2{color:#A7A4A4;padding-bottom:20px;margin-bottom:30px;font-size:24px}
.investors-widget .inv-wdcontainer{display:flex;flex-direction: row;}
/* .investors-widget .inv-wdcontainer .invcom-square{margin-left:10px;margin-right:10px; flex-grow: 1; min-height: 200px; order: 1;} */
.investors-widget .inv-wdcontainer .invcom-square{margin-left:10px;margin-right:10px; flex-grow: 1; min-height: 200px; order: 1;display:flex;flex-direction: column;}
.w3eden .invcom-square{margin-bottom: 20px;}
.invcom-square {border-radius: 5px 5px 5px 5px;padding-top: 50px;padding-right: 55px;padding-bottom: 50px;padding-left: 55px;box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);position: relative;width:100%;}
.invcom-square h3{font-weight: 500;line-height: 32px;font-size:26px; margin-bottom: 40px;color:#3a3a3a}
.invcom-square span{font-weight:400;margin-bottom:30px;display:block;}
.invcom-square:before {content: "";display: inline-block;width: 0;height: 0;position: absolute;right: 0px;top: 0px;border-style: solid;border-width: 41px 0 0 41px;border-color: transparent transparent transparent #75B94E;}
.invcom-square .link-container{margin-top:auto}
.investors-widget .invcom-square.no-angle{min-height:450px;}
.invcom-square.no-angle:before{content:none}
.invcom-square a:active, .invcom-square a:link, .invcom-square a:hover, .invcom-square a:visited {font-weight: 700;/*position: absolute;bottom: 55px;*/}
.invcom-square.half-width{width:50%;margin-top:54px;margin-bottom:54px;}
.first-article{width:60%;}
.first-article h2{font-size:28px;font-weight:500;margin-bottom:30px;color:#3a3a3a}
.silver-band{background:#F6F6F6;padding:54px 0;}
.smalldoc{max-width:50%;margin:40px 0;}

.invcom-full-width a:active, .invcom-full-width a:link, .invcom-full-width a:hover, .invcom-full-width a:visited , .invcom-full-width a:focus {font-weight: 700}
.invcom-full-width{padding:20px; background:#f2f2f2;border-bottom:1px solid rgba(0,0,0,0.3);border-top:1px solid rgba(0,0,0,0.3); display: flex;align-items: center;flex-wrap: wrap;}
.invcom-full-width h3{font-weight:700;font-size:20px;margin-top:0;}
.invcom-full-width .date{padding-left:15px;padding-right:15px;width: 100%;}
.w3eden .invcom-full-width{background: transparent}
.catlist .invcom-full-width:nth-child(even)  {background: #f2f2f2}
.catlist .invcom-full-width:nth-child(odd)  {background: #FFF !important}
.w3eden .odd_even_package .col-md-12:nth-child(odd), .w3eden .odd_even_package .col-md-6:nth-child(odd) {background: #FFF !important}
.w3eden .odd_even_package .col-md-12:nth-child(even), .w3eden .odd_even_package .col-md-6:nth-child(even) {background: #f2f2f2 !important}
/*Tablepress Plugin */
.tablepress thead th {background:#FFF !important;color:#aeaeae;font-weight:400 !important}
.tablepress td.column-2, .tablepress td.column-4 {font-weight:700}
.tablepress td.column-2{padding:6px 24px;line-height: 28px;max-width:330px;}
/*Static Box HP*/
.stories {display:flex;flex-direction:row;}
.story-box a{ height: 100%;width: 100%;left: 0;top: 0;position: absolute;z-index: 1;}
.story-box{width:100%; margin-right: 10px; flex-grow: 0;order: 1;cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: cover; border-radius: 5px 5px 5px 5px; overflow: hidden; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); z-index: 9; position: relative; height: 310px; margin-left: 10px}
.story-box span{color:#FFF;position: absolute;bottom:20px;left:20px;font-size:28px;line-height:32px;}
.story-box.box-1{ background-image: url('/wp-content/uploads/2019/07/box_story@2x.jpg');}
.story-box.box-2{ background-image: url('/wp-content/uploads/2019/07/box_values@2x.jpg');}
.story-box.box-3{background-image: url('/wp-content/uploads/2019/07/box_campus@2x.jpg');}
/*PROFILES WITH ANIMATONS*/
.profiles{opacity:0;width:32%;display:inline-block;vertical-align:top;padding-top:20px;}
.profiles.visible {opacity: 1}
.profiles .trole{text-align:center}
.profiles .trole h4{font-size:20px;text-align:center}
.profiles .trole span{color:#84828F;font-style:italic;font-size:16px;}
.profiles img{max-width:100%;opacity:0;}
.profiles a{color:rgb(58,58,58)}
.profiles.visible img{opacity: 1; ;-webkit-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);-moz-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);-o-animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);animation: fadeTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);}



.tessellisHeaderBanner {width:100%;height:20px;background-image: url('assets/header_row.png');background-repeat: no-repeat;background-size: 100% 100%;position: sticky;top:0;z-index:999999;}
body.admin-bar.sticky-active #masthead {
    top: 52px !important;
}
@media only screen and (min-width: 981px){
    /*fallaback for galllery in page tiscali-campus IT ENG */
    .post-298 .title-post, .post-298 .entry-content p, .post-298 .entry-content h3{padding:0 80px}
    .post-1480 .title-post, .post-1480 .entry-content p, .post-1480 .entry-content h3{padding:0 80px}
    #mainnav ul li a {font-weight:600;cursor: pointer;}
    #mainnav li {padding: 0 10px;}
    #mainnav ul li ul {z-index: 999999;box-shadow: 0 2px 5px rgb(0 0 0 / 10%);border-radius: 5px;overflow: hidden;}
    #mainnav .sydney-svg-icon{display:none;}
    #mainnav>div>ul {justify-content: flex-end;}
    body.sticky-active #masthead {top:20px}

    body.admin-bar .tessellisHeaderBanner {top:32px;}
    #wpadminbar {z-index:99999999!important}
    .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {padding:30px 0;}

}
@media (min-width: 1200px){
    .container {width: 1080px;}
   
}

@media only screen and (max-width: 1024px) {
    #mainnav-mobi{margin-top:52px;}
    /*.inv-header .menu{position:absolute;left:0;top:30px !important;}*/

}
@media screen and (max-width: 991px) and (min-width: 768px) {
    .page .page-wrap .content-wrapper, .single .page-wrap .content-wrapper {padding:30px 0;}    
    .investors-widget .inv-wdcontainer > div {max-width: 30%; word-break: break-word;}
}

 
/*MOBILE MODS*/
@media only screen and (max-width: 767px) {
    .container .header-text{margin-top:unset;margin-left:unset;font-size:24px}
    .stories, .investors-widget .inv-wdcontainer{display:block;}
    .stories .story-box, .investors-widget .inv-wdcontainer .invcom-square{margin:10px 0;}
    .wonderplugintabs-header-wrap .wonderplugintabs-header-li-active {background: #FFF!important;}
    .wonderplugintabs-header-wrap .wonderplugintabs-panel {padding: 4px! important;min-height:50px;}
    .wonderplugintabs-panel-inner .invcom-square, .w3eden .col-md-6 .invcom-square {min-height: 200px;margin: 10px 0;}
    .investors-widget .invcom-square.no-angle {min-height: 250px;}
    .invcom-square{padding:10px;}
    .invcom-square h3{font-size:20px;}
    .invcom-square a{bottom:14px !important;}
    .smalldoc{max-width:100%;margin:20px 0;}
    .profiles{width:100%}
    .first-article{width:100%;}
    .silver-band{padding:10px 0;}
    /* .header-image {height:300px !important} */
    #primary{width: 100%;padding:30px}
    #secondary{display: none}
    #mainnav-mobi{margin-top:20px;max-width:100%}
    .inv-header{position:relative;}
    .inv-header .logo-container{display:inline-block;width:80%;padding-left:20px;vertical-align: top;}
    .inv-header .menu-container{display:inline-block;width:20%;vertical-align:top;}
    .inv-header .menu-container .btn-menu{margin:0px 0px 0px 10px;position: absolute;right:10px;}
    .inv-header .mainnav{position:absolute;left:0;top:30px !important;}
    .page-wrap{padding-top: 0!important}
    .gallery-item {max-width: 100% !important; margin-top:10px; margin-bottom:10px;}
    #masthead {padding:8px 0;}
    .posts-layout {max-width: 100%;}
    .masonry-layout .hentry {width: 100%;margin: 0 0 30px;padding: 0 15px;}
    .text-slider-section {min-height: 190px;}
    /*BWEGN HOME SLIDER */
    #slideshow.header-slider .slide-inner{max-width: 50%;text-align: left;left:5%;}
    #slideshow.header-slider .text-slider .maintitle {font-size: 16px;line-height: 1.1;}
    /*END HOME SLIDER */
    .roll-button {padding: 10px 30px;}
    .roll-project .project-item {width: 100%;}
    .roll-project.fullwidth .project-item {width: 50%;}
    .roll-counter {margin-bottom: 30px;}
    .sydney_facts_widget .col-md-3:last-of-type .roll-counter {margin-bottom: 0;}
    .roll-counter .name-count {padding: 5px 0;}
    .single-post .author-post .author-avatar {float: none;margin-bottom: 20px;}
    .single-post .author-post .author-info {margin-left: 0;padding: 0;}
    .single-post .author-post ul.socials {position: static;}
    .single-post .author-post .intro {clear: left;padding-top: 10px;}
    .comment-list .children {margin-left: 75px;}
    .error-wrap .error-search {padding: 0 20px;}
    .aside-image .content-wrap {padding-left: 0;padding-right: 0;}
    .social-menu-widget a:before {font-size: 42px;}
    .btn-menu {float: none;margin: 15px auto 0;}
    .header-wrap {text-align: left;}
    /*Navigation mobile*/
    .btn-submenu:before{color:#5f57a1;}
    /* #mainnav-mobi {top: auto;background:#FFF;}
    #mainnav-mobi ul li{border-top: 0;}
    #mainnav-mobi ul > li > a {color:#5f57a1;text-transform: none;}
    #mainnav-mobi ul.sub-menu {background:#FFF;}
    #masthead .menu-item a {text-transform: none;} */
    .site-header.float-header {padding-top: 20px;padding-bottom: 20px;}
    .text-slider-section {min-height: 0;top: auto;bottom: 0;}
    .site-title {font-size: 22px !important;}
    .fluid-width-video-wrapper + #wp-custom-header-video-button {display: none;}
    .footer-widgets{display:none;}
    .site-footer {line-height: 1em;padding: 8px;font-size:12px;}
}
/*MOBILE*/
/* Transitions */
@-webkit-keyframes fadeBottom {0% {opacity: 0;-webkit-transform: translateY(10%);}100% {opacity: 1;-webkit-transform: translateY(0);}}
@-moz-keyframes fadeBottom {0% {opacity: 0;-moz-transform: translateY(10%);}100% {opacity: 1;-moz-transform: translateY(0);}}
@-o-keyframes fadeBottom {0% {opacity: 0;-o-transform: translateY(10%);}100% {opacity: 1;-o-transform: translateY(0);}}
@keyframes fadeBottom {0% {opacity: 0;transform: translateY(10%);}100% {opacity: 1;transform: translateY(0);}}
@-webkit-keyframes fadeLeft {0% {opacity: 0;-webkit-transform: translateX(-10%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeLeft {0% {opacity: 0;-moz-transform: translateX(-10%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeLeft {0% {opacity: 0;-o-transform: translateX(-10%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeLeft {0% {opacity: 0;transform: translateX(-10%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translateX(-100%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInLeft {0% {opacity: 0;-moz-transform: translateX(-100%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInLeft {0% {opacity: 0;-o-transform: translateX(-100%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-100%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes fadeRight {0% {opacity: 0;-webkit-transform: translateX(10%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeRight {0% {opacity: 0;-moz-transform: translateX(10%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeRight {0% {opacity: 0;-o-transform: translateX(10%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeRight {0% {opacity: 0;transform: translateX(10%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(100%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(100%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight {0% {opacity: 0;-o-transform: translateX(100%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(100%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes fadeOutRight {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(100%);}}
@-moz-keyframes fadeOutRight {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(100%);}}
@-o-keyframes fadeOutRight {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(100%);}}
@keyframes fadeOutRight {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(100%);}}
@-webkit-keyframes fadeInTop {0% {opacity: 0;-webkit-transform: translatey(-60%);}100% {opacity: 1;-webkit-transform: translatey(0);}}
@-moz-keyframes fadeInTop {0% {opacity: 0;-moz-transform: translatey(-60%);}100% {opacity: 1;-moz-transform: translatey(0);}}
@-o-keyframes fadeInTop {0% {opacity: 0;-o-transform: translatey(-60%);}100% {opacity: 1;-o-transform: translatey(0);}}
@keyframes fadeInTop {0% {opacity: 0;transform: translatey(-60%);}100% {opacity: 1;transform: translatey(0);}}
@-webkit-keyframes fadeOutTop {0% {opacity: 1;-webkit-transform: translatey(0);}100% {opacity: 0;-webkit-transform: translatey(-60%);}}
@-moz-keyframes fadeOutTop {0% {opacity: 1;-moz-transform: translatey(0);}100% {opacity: 0;-moz-transform: translatey(-60%);}}
@-o-keyframes fadeOutTop {0% {opacity: 1;-o-transform: translatey(0);}100% {opacity: 0;-o-transform: translatey(-60%);}}
@keyframes fadeOutTop {0% {opacity: 1;transform: translatey(0);}100% {opacity: 0;transform: translatey(-60%);}}
@-webkit-keyframes fadeInBottom {0% {opacity: 0;-webkit-transform: translatey(60%);}100% {opacity: 1;-webkit-transform: translatey(0);}}
@-moz-keyframes fadeInBottom {0% {opacity: 0;-moz-transform: translatey(60%);}100% {opacity: 1;-moz-transform: translatey(0);}}
@-o-keyframes fadeInBottom {0% {opacity: 0;-o-transform: translatey(60%);}100% {opacity: 1;-o-transform: translatey(0);}}
@keyframes fadeInBottom {0% {opacity: 0;transform: translatey(60%);}100% {opacity: 1;transform: translatey(0);}}
@-webkit-keyframes fadeOutBottom {0% {opacity: 1;-webkit-transform: translatey(0);}100% {opacity: 0;-webkit-transform: translatey(60%);}}
@-moz-keyframes fadeOutBottom {0% {opacity: 1;-moz-transform: translatey(0);}100% {opacity: 0;-moz-transform: translatey(60%);}}
@-o-keyframes fadeOutBottom {0% {opacity: 1;-o-transform: translatey(0);}100% {opacity: 0;-o-transform: translatey(60%);}}
@keyframes fadeOutBottom {0% {opacity: 1;transform: translatey(0);}100% {opacity: 0;transform: translatey(60%);}}
@-webkit-keyframes fadeOutLeft {0% {opacity: 1;-webkit-transform: translateX(0);}100% {opacity: 0;-webkit-transform: translateX(-70%);}}
@-moz-keyframes fadeOutLeft {0% {opacity: 1;-moz-transform: translateX(0);}100% {opacity: 0;-moz-transform: translateX(-70%);}}
@-o-keyframes fadeOutLeft {0% {opacity: 1;-o-transform: translateX(0);}100% {opacity: 0;-o-transform: translateX(-70%);}}
@keyframes fadeOutLeft {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(-70%);}}
@-webkit-keyframes fadeTop {0% {opacity: 0;-webkit-transform: translateY(-10%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeTop {0% {opacity: 0;-moz-transform: translateY(-10%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeTop {0% {opacity: 0;-o-transform: translateY(-10%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeTop {0% {opacity: 0;transform: translateY(-10%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(100%);}100% {opacity: 1;-webkit-transform: translateX(0);}}
@-moz-keyframes fadeInRight {0% {opacity: 0;-moz-transform: translateX(100%);}100% {opacity: 1;-moz-transform: translateX(0);}}
@-o-keyframes fadeInRight {0% {opacity: 0;-o-transform: translateX(100%);}100% {opacity: 1;-o-transform: translateX(0);}}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(100%);}100% {opacity: 1;transform: translateX(0);}}
@-webkit-keyframes Grow {0% {opacity: 0;-webkit-transform: scale(1, 0.5);}100% {opacity: 1;-webkit-transform: scale(1, 1);}}
@-moz-keyframes Grow {0% {opacity: 0;-moz-transform: scale(1, 0.5);}100% {opacity: 1;-moz-transform: scale(1, 1);}}
@-o-keyframes Grow {0% {opacity: 0;-o-transform: scale(1, 0.5);}100% {opacity: 1;-o-transform: scale(1, 1);}}
@keyframes Grow {0% {opacity: 0;transform: scale(1, 0.5);}100% {opacity: 1;transform: scale(1, 1);}}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes slideWidth {0% {width: 0;}}
@-moz-keyframes slideWidth {0% {width: 0;}}
@-o-keyframes slideWidth {0% {width: 0;}}
@keyframes slideWidth {0% {width: 0;}}
@-webkit-keyframes gridFadeIn {0% {opacity: 0;-webkit-transform: translatey(-5%);}100% {opacity: 1;-webkit-transform: translatey(0);}}
@-moz-keyframes gridFadeIn {0% {opacity: 0;-moz-transform: translatey(-5%);}100% {opacity: 1;-moz-transform: translatey(0);}}
@-o-keyframes gridFadeIn {0% {opacity: 0;-o-transform: translatey(-5%);}100% {opacity: 1;-o-transform: translatey(0);}}
@keyframes gridFadeIn {0% {opacity: 0;transform: translatey(-5%);}100% {opacity: 1;transform: translatey(0);}}