@charset "UTF-8";
button,hr,input{
    overflow:visible
}
audio,canvas,progress,video{
    display:inline-block
}
progress,sub,sup{
    vertical-align:baseline
}
.overlay,sub,sup{
    position:relative
}
.clear,.clearfix:after,.container:after,.row:after{
    clear:both
}
.text-justify:after,.w100p{
    width:100%
}
*,[type=checkbox],[type=radio],legend{
    padding:0;
    box-sizing:border-box
}
.page-header .logo svg,legend{
    max-width:100%
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    overflow-x:hidden
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{
    display:block
}
h1{
    font-size:2em
}
figure{
    margin:1em 40px
}
hr{
    box-sizing:content-box;
    height:0
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
.full,.overlay:after{
    top:0;
    left:0;
    right:0
}
audio:not([controls]){
    display:none;
    height:0
}
img{
    border-style:none
}
svg:not(:root){
    overflow:hidden
}
button,input,optgroup,select,textarea{
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,select{
    text-transform:none
}
[type=submit],[type=reset],button,html [type=button]{
    -webkit-appearance:button
}
[type=submit]::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=submit]:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,button:-moz-focusring{
    outline:ButtonText dotted 1px
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    color:inherit;
    display:table;
    white-space:normal
}
textarea{
    overflow:auto
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
*,.page-header .lang a{
    font-family: "Inter", helvetica, arial, sans-serif;
}
summary{
    display:list-item
}
.burger,[hidden],template{
    display:none
}
ul{
    list-style:none
}
.overlay:after{
    z-index:50;
    content:'';
    width:100%;
    height:100%;
    position:fixed;
    background:url(../img/bg/menu-dropdown-bg.html) left bottom repeat-x
}
/*.page-header.hold .header-wrapper,.page-header.scroll.menu-open .header-wrapper,.page-header:after,html,main:after{
    background-color:#000000
}*/
.page-header:after,html,main:after{
    background-color:#000000
}
.nonScroll{
    overflow:hidden
}
.clear,.full{
    display:block
}
.hidden{
    opacity:0
}
.page-header .menu-list li a:hover:after,.visible{
    opacity:1
}
.full{
    position:absolute;
    bottom:0
}
.pos-center,.pos-centerX{
    left:50%;
    position:absolute
}
.text-underline{
    text-decoration:underline
}
.clear{
    height:0;
    visibility:hidden;
    content:""
}
.vam{
    vertical-align:middle
}
.vat{
    vertical-align:top
}
.vab,.vert-bottom{
    vertical-align:bottom
}
.clearfix:after,.clearfix:before,.container:after,.container:before,.row:after,.row:before{
    content:"";
    display:table
}
.after,.before,.page-header .menu-list li a:after,.page-header:after,.text-justify:after,main:after{
    content:''
}
.clearfix,.container,.row{
    zoom:1;
    position:relative
}
.after,.before{
    display:block
}
.h-nav li,.text-justify:after{
    display:inline-block
}
.fll{
    float:left
}
.flr{
    float:right
}
.fln{
    float:none
}
.text-left{
    text-align:left
}
.page-header .lang a,.section.section_with-svg .section-svg,.text-center{
    text-align:center
}
.text-justify{
    text-align:justify;
    line-height:0;
    font-size:0
}
.text-right{
    text-align:right
}
.ttu{
    text-transform:uppercase
}
.h-nav{
    margin:0;
    padding:0;
    letter-spacing:normal
}
.bd100{
    border-radius:100%
}
.w50p{
    width:50%
}
.pos-center{
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.pos-centerY{
    position:absolute;
    top:50%;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.pos-centerX{
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
h1,h2,h3,h4,h5,h6{
    font-weight:600;
    margin:0;
    line-height:normal
}
*{
    margin:0;
    -o-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -ms-box-sizing:border-box;
    border:0;
    outline:0!important;
    -webkit-transition:font .3s;
    transition:font .3s;
    -webkit-font-smoothing:antialiased
}
.js-window-height{
    min-height:1000px;
    -webkit-transition:min-height .3s;
    transition:min-height .3s
}
.rainbow{
    -webkit-animation: rainbowcolor 16s infinite;
    -moz-animation: rainbowcolor 16s infinite;
    -o-animation: rainbowcolor 16s infinite;
    -ms-animation: rainbowcolor 16s infinite;
    animation: rainbowcolor 16s infinite;
    font-family: "Inter", helvetica, arial, sans-serif;
}

@-webkit-keyframes rainbowcolor {
    0% { color: #f343ff; }
    5% { color: #b857fc; }
    10% { color: #8061e7; }
    15% { color: #5488ff; }
    20% { color: #54b9ff; }
    25% { color: #54e5ff; }
    30% { color: #54ff8c; }
    35% { color: #78ff54; }
    40% { color: #d1ff54; }
    45% { color: #ffed54; }
    50% { color: #ffc554; }
    55% { color: #ffb154; }
    60% { color: #ff9454; }
    65% { color: #fa8a58; }
    70% { color: #ff7454; }
    75% { color: #ff6854; }
    80% { color: #ff5454; }
    85% { color: #fd4545; }
    90% { color: #ff547c; }
    95% { color: #fd6186; }
    100% { color: #ff54dd; }
}
@-moz-keyframes rainbowcolor {
    0% { color: #f343ff; }
    5% { color: #b857fc; }
    10% { color: #8061e7; }
    15% { color: #5488ff; }
    20% { color: #54b9ff; }
    25% { color: #54e5ff; }
    30% { color: #54ff8c; }
    35% { color: #78ff54; }
    40% { color: #d1ff54; }
    45% { color: #ffed54; }
    50% { color: #ffc554; }
    55% { color: #ffb154; }
    60% { color: #ff9454; }
    65% { color: #fa8a58; }
    70% { color: #ff7454; }
    75% { color: #ff6854; }
    80% { color: #ff5454; }
    85% { color: #fd4545; }
    90% { color: #ff547c; }
    95% { color: #fd6186; }
    100% { color: #ff54dd; }
}
@-ms-keyframes rainbowcolor {
    0% { color: #f343ff; }
    5% { color: #b857fc; }
    10% { color: #8061e7; }
    15% { color: #5488ff; }
    20% { color: #54b9ff; }
    25% { color: #54e5ff; }
    30% { color: #54ff8c; }
    35% { color: #78ff54; }
    40% { color: #d1ff54; }
    45% { color: #ffed54; }
    50% { color: #ffc554; }
    55% { color: #ffb154; }
    60% { color: #ff9454; }
    65% { color: #fa8a58; }
    70% { color: #ff7454; }
    75% { color: #ff6854; }
    80% { color: #ff5454; }
    85% { color: #fd4545; }
    90% { color: #ff547c; }
    95% { color: #fd6186; }
    100% { color: #ff54dd; }
}
@-o-keyframes rainbowcolor {
    0% { color: #f343ff; }
    5% { color: #b857fc; }
    10% { color: #8061e7; }
    15% { color: #5488ff; }
    20% { color: #54b9ff; }
    25% { color: #54e5ff; }
    30% { color: #54ff8c; }
    35% { color: #78ff54; }
    40% { color: #d1ff54; }
    45% { color: #ffed54; }
    50% { color: #ffc554; }
    55% { color: #ffb154; }
    60% { color: #ff9454; }
    65% { color: #fa8a58; }
    70% { color: #ff7454; }
    75% { color: #ff6854; }
    80% { color: #ff5454; }
    85% { color: #fd4545; }
    90% { color: #ff547c; }
    95% { color: #fd6186; }
    100% { color: #ff54dd; }
}
@keyframes rainbowcolor {
    0% { color: #f343ff; }
    5% { color: #b857fc; }
    10% { color: #8061e7; }
    15% { color: #5488ff; }
    20% { color: #54b9ff; }
    25% { color: #54e5ff; }
    30% { color: #54ff8c; }
    35% { color: #78ff54; }
    40% { color: #d1ff54; }
    45% { color: #ffed54; }
    50% { color: #ffc554; }
    55% { color: #ffb154; }
    60% { color: #ff9454; }
    65% { color: #fa8a58; }
    70% { color: #ff7454; }
    75% { color: #ff6854; }
    80% { color: #ff5454; }
    85% { color: #fd4545; }
    90% { color: #ff547c; }
    95% { color: #fd6186; }
    100% { color: #ff54dd; }
}
.spinner {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  position:relative;
  top:50%;
  margin: -20px auto 0;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  -moz-animation: sk-rotateplane 1.2s infinite ease-in-out;
  -o-animation: sk-rotateplane 1.2s infinite ease-in-out;
  -ms-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}
@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@-moz-keyframes sk-rotateplane {
  0% { -moz-transform: perspective(120px) }
  50% { -moz-transform: perspective(120px) rotateY(180deg) }
  100% { -moz-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@-o-keyframes sk-rotateplane {
  0% { -o-transform: perspective(120px) }
  50% { -o-transform: perspective(120px) rotateY(180deg) }
  100% { -o-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@-ms-keyframes sk-rotateplane {
  0% { -ms-transform: perspective(120px) }
  50% { -ms-transform: perspective(120px) rotateY(180deg) }
  100% { -ms-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

.research-list {
	list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    display: inline-flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.research-list.row-2 {
    display: none;
}
.research-list li {
	margin: 0px 0 15px 0;
    float: left;
    border: 0px solid #ffffff;
    padding: 10px;
    height: 165px;
    width: 245px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 15px;
    flex-direction: column;
}
span.highlighted {
    font-family: "Inter", helvetica, arial, sans-serif;
    color: #ff006a;
}
.research-list li:nth-child(odd) {
    color: #fff;
    background-color: #484848;
}
.research-list li:nth-child(even) {
    color: #000000;
    background-color: #fff;
}
.research-list.row-2 li:nth-child(odd) {
    color: #000000;
    background-color: #fff;
}
.research-list.row-2 li:nth-child(even) {
    color: #fff;
    background-color: #000000; /*482dd4 3333cc 50219c 391296*/
}
.section-content .left-full {
	max-width: 100%;
}
.section .section-title.posts {
    font-size: 35px;
    color: #000; /*0b10a5*/
    /* font-family: arial, sans-serif !important; */
}
.section .section-text.posts {
    font-size: 21px;
    line-height: 30px;
}
.main-title.banner-click {
    color: #ffffff;
    margin-bottom: 20px;
    text-align: center;
    padding: 10px;
    border: 1px solid #fff;
    font-size: 23px;
}
.main-title.banner-click a {
    color: #f35fd3;
    cursor: pointer;
}
.main-title.banner-click a span {
    color: #ffffff;
}
.main-title.banner-click-2 {
    color: #dfdfdf;
    /* margin-bottom: 20px; */
    text-align: center;
    padding: 10px;
    border: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: 400;
}
.main-title.banner-click-2 a {
    color: #ff006a;
    cursor: pointer;
}
.main-title.banner-click-2 a span {
    color: #ffffff;
}
.news-list {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.news-list li {
	margin: 0px 3% 0px 0px;
    float: left;
    display: inline-block;
    width: 31.2%;
    height: 315px;
}
.news-list li:nth-child(3n) {
    margin: 0px 0px 0px 0px;
}
.course-list li:nth-child(3n) {
    margin: 0px 0px 0px 0;
}
.thumb-article {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden;
}
.course-list .thumb-article {
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    height: 235px;
    overflow: hidden;
}
.featured_thumbnail {
    max-width: 100%;
    height: auto;
}
.article-title {
    font-family: "Inter", helvetica, arial, sans-serif;
    /* margin-bottom: 8px; */
    color: #000;
    font-size: 19px;
    line-height: 23px;
    font-weight: 500;
}
.article-excerpt {
    color: #000;
}
.news-list li:hover .article-title {
	color: #000;
}
.news-list li:hover .featured_thumbnail {
    opacity: 0.8;
}

.course-list {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.course-list li {
    margin: 0px 38px 0px 0;
    float: left;
    display: inline-block;
    width: 31%;
}
.course-list .thumb-article-header {
    padding: 0px 0px 0px 0px;
}
.section-title.course-sec {
    width: 99%;
    margin-bottom: 20px;
}
.course-list .article-title {
    font-family: "Inter", helvetica, arial, sans-serif;
    margin-bottom: 8px;
    color: #ffffff; 
    font-size: 19px;
    font-weight: 500;
}
.course-list .article-excerpt {
    color: #4a4a4a;
    line-height: 20px;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 12px;
    display: none;
}

.list-name img{
	width: 100%;
}
.fab {
    font-size: 27px;
    color: #4f1094;
}
.footer-content .fab {
    color: #f76e9c;
}
.footer-content .text p a {
    color: #d26060;
}
.footer-social-icons a {
    margin-right: 5px;
}
.form-border {
    border: 1px solid #000000;
}
.form-group input {
    display: block;
    width: 100%;
    background-color: #ffffff;
    padding: 20px 20px;
    border-bottom: 1px dashed #000;
    line-height: 30px;
    margin-bottom: 0px;
    color: #000;
}
.form-group textarea {
    display: block;
    width: 100%;
    background-color: #ffffff;
    padding: 20px 20px;
    line-height: 30px;
    margin-bottom: 0px;
    color: #000;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    border-bottom: 1px dashed #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}

textarea:focus,
textarea:-webkit-autofill:focus {
    border-bottom: 0px dashed #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white,
                        0 0 8px rgba(102, 175, 233, 0.6);
}
select:focus,
select:-webkit-autofill:focus {
    border-bottom: 1px dashed #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white,
                        0 0 8px rgba(102, 175, 233, 0.6);
}
input:focus,
input:-webkit-autofill:focus {
    border-bottom: 1px dashed #000;
    -webkit-box-shadow: inset 0 0 0px 9999px white,
                        0 0 8px rgba(102, 175, 233, 0.6);
}
.input-group-btn {
	display: inline-block;
    margin-top: 20px;
    float: right;
}
.input-group-btn button{
    padding: 18px 22px;
    background-color: #000000;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 0px;
    font-family: "Inter", helvetica, arial, sans-serif;
}
main{
    padding-top:20px
}
main:after{
    display:block;
    height:0px;
    width:100%;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:102
}
@media only screen and (min-width:768px) and (max-width:1199px){
    main{
        padding-top:0px
    }
    main:after{
        height:0px
    }
}
@media only screen and (max-width:767px){
    main{
        padding-top:0
    }
    main:after{
        display:none
    }
}
a{
    text-decoration:none
}
.container{
    position:relative;
    width:100%;
    margin:0 auto;
    padding:0 0px
}
.page-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:100;
    background: #fff;
    -webkit-transition:all .5s;
    transition:all .5s
}
.page-header:after{
    display:block;
    width:100%;
    height:100%;
    position:fixed;
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
    top:0;
    left:0;
    z-index:-1;
    -webkit-transition:all .4s;
    transition:all .4s;
    -webkit-transition-timing-function:ease-in-out;
    transition-timing-function:ease-in-out
}
.page-header.scroll{
    top:0px;
    border-bottom: 1px solid #5c5c5c;
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .container{
        padding:0 0px
    }
    .page-header.scroll{
        top:-1px
    }
    .course-list .thumb-article {
        height: auto;
        margin-bottom: 10px;
    }
    .course-list li {
        margin: 0px 3% 0px 0;
        width: 30.5%;
    }
}
@media only screen and (max-width:767px){
    .container{
        padding:0
    }
    .page-header.scroll{
        top:-1px;
        box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
    }
}
.page-header.scroll:not(.menu-open) .header-wrapper{
    background-color:#fff;
    border-color:#f6f6f6
}
.page-header.scroll:not(.menu-open) .lang-wrapper{
    border-color:rgba(0,87,129,.5)
}
.page-header.scroll:not(.menu-open) .lang a .word-box{
    fill:none!important
}
.page-header.scroll:not(.menu-open) .lang a .word{
    fill:none;
    stroke:#000000!important
}
.page-header.scroll:not(.menu-open) .lang a .word-bg,.page-header.scroll:not(.menu-open) .lang a.active .word-box,.page-header.scroll:not(.menu-open) .lang a:hover .word-box{
    fill:#000000!important
}
.page-header.scroll:not(.menu-open) .lang a.active .word,.page-header.scroll:not(.menu-open) .lang a:hover .word{
    fill:#000000;
    stroke:#000000!important
}
.page-header.scroll:not(.menu-open) .lang a.active .word-bg,.page-header.scroll:not(.menu-open) .lang a:hover .word-bg{
    fill:#fff!important
}
.page-header.scroll:not(.menu-open) .logo svg g path,.page-header.scroll:not(.menu-open) .logo svg path{
    fill:#000000
}
.page-header.scroll:not(.menu-open) .logo svg g mask{
    display:none
}
.page-header.scroll:not(.menu-open) .menu-list li a{
    color:#191919
}
.page-header.scroll:not(.menu-open) .menu-list li a:after{
    background-color:#000000;
    bottom:-2px;
}
.page-header.scroll:not(.menu-open) .hamburger-inner,.page-header.scroll:not(.menu-open) .hamburger-inner:after,.page-header.scroll:not(.menu-open) .hamburger-inner:before{
    background-color:#000000
}
.page-header.menu-open:after{
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
.page-header.menu-open .menu .menu-icon-wrapper svg path{
    stroke:#fff!important
}
.page-header.menu-open .menu-list{
    visibility:visible
}
.page-header.menu-open .menu-list li{
    -webkit-transition-timing-function:cubic-bezier(.56,1.19,.2,1.05);
    transition-timing-function:cubic-bezier(.56,1.19,.2,1.05);
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.page-header.menu-open .menu-list li:nth-child(1){
    -webkit-transition-delay:50ms;
    transition-delay:50ms
}
.page-header.menu-open .menu-list li:nth-child(2){
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.page-header.menu-open .menu-list li:nth-child(3){
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
.page-header.menu-open .menu-list li:nth-child(4){
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.page-header .header-wrapper{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:0 30px;
    border-bottom:1px solid transparent;
    -webkit-transition:background-color .5s;
    transition:background-color .5s
}
.page-header .left{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.page-header .lang{
    margin-right:8px;
    margin-left:2px
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header.scroll:not(.menu-open) .menu-list li a{
        color:#fff
    }
    .page-header .lang{
        position:absolute;
        top:48%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        right:72px;
        margin:0
    }
}
@media only screen and (max-width:767px){
    .page-header .header-wrapper{
        -webkit-transition:background-color .2s;
        transition:background-color .2s;
        padding:0 20px
    }
    .page-header .lang{
        position:absolute;
        top:48%;
        -webkit-transform:translateY(-50%);
        -ms-transform:translateY(-50%);
        transform:translateY(-50%);
        right:60px;
        margin:0
    }
}
.page-header .lang .lang-wrapper{
    display:inline-block
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header .lang .lang-wrapper{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
}
.page-header .lang a{
    position:relative;
    display:block;
    -webkit-transition:all .3s;
    transition:all .3s;
    width:25px;
    line-height:0
}
.page-header .lang a .word-box{
    fill:none!important
}
.page-header .lang a .word{
    fill:none;
    stroke:rgba(255,255,255,.3)!important
}
.page-header .lang a .word-bg,.page-header .lang a.active .word-box,.page-header .lang a:hover .word-box{
    fill:#fff!important
}
.page-header .lang a.active .word,.page-header .lang a:hover .word{
    fill:#fff;
    stroke:#fff!important
}
.page-header .lang a.active .word-bg,.page-header .lang a:hover .word-bg{
    fill:#000000!important
}
.page-header .logo{
    cursor:pointer;
    margin-top:3px;
    -webkit-transition:all .3s;
    transition:all .3s
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .page-header .logo{
        padding:20px 0
    }
}
@media only screen and (max-width:767px){
    .page-header .logo{
        width:76%;
        padding:4px 0
    }
}
.page-header .logo svg g path,.page-header .logo svg path{
    fill:#fff;
    -webkit-transition:fill .3s;
    transition:fill .3s
}
.page-header .active-bar{
    display:none;
    position:absolute;
    bottom: -7px;
    left: 0;
    height: 2px;
    background:#000000;
    width:100px;
    margin:0!important;
    padding:0!important
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header .active-bar{
        display:none!important
    }
}
.page-header .menu-list{
    position:relative;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header .menu-list{
        display:block;
        position:fixed;
        top:10%;
        left:0;
        bottom:0;
        width:100%;
        padding-bottom:40px;
        visibility:hidden;
        overflow:auto
    }
}
.page-header .menu-list li{
    display: inline-block;
    font-size: 16px;
    font-family: "Inter", helvetica, arial, sans-serif;
    margin-right: 0px;
    margin-left: 45px;
    font-weight: 500;
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header .menu-list li{
        display:block;
        -webkit-transition:-webkit-transform .5s;
        transition:-webkit-transform .5s;
        transition:transform .5s;
        transition:transform .5s,-webkit-transform .5s;
        -webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);
        transition-timing-function:cubic-bezier(.7,0,.3,1);
        -webkit-transform:translate3d(-100%,0,0) translate3d(-2em,0,0) scale3d(.5,1,1);
        transform:translate3d(-100%,0,0) translate3d(-2em,0,0) scale3d(.5,1,1);
        -webkit-transform-origin:100% 50%;
        -ms-transform-origin:100% 50%;
        transform-origin:100% 50%
    }
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .page-header .menu-list li{
        font-size:58px;
        line-height:160px;
        margin:0 29px
    }
    .page-header .menu-list li:first-child{
        text-indent:-2px
    }
}
@media only screen and (max-width:767px){
    .page-header .menu-list li{
        font-size:26px;
        line-height:70px;
        margin:0 20px
    }
}
.page-header .menu-list li:nth-child(4){
    -webkit-transition-delay:50ms;
    transition-delay:50ms
}
.page-header .menu-list li:nth-child(3){
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.page-header .menu-list li:nth-child(2){
    -webkit-transition-delay:.15s;
    transition-delay:.15s
}
.page-header .menu-list li:nth-child(1){
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .page-header .menu-list li:last-child{
        border-bottom:none
    }
}
.page-header .menu-list li a{
    position:relative;
    top:0;
    display:inline-block;
    font:inherit;
    color:inherit;
    padding:15px 0;
    white-space:nowrap;
    -webkit-transition:top .2s ease-in-out;
    transition:top .2s ease-in-out
}
.page-header .menu-list li a:after{
    display:block;
    width:100%;
    opacity:0;
    height:0px;
    position:absolute;
    bottom:-2px;
    right:0;
    left:0;
    background-color:#fff;
    -webkit-transition:all .6s;
    transition:all .6s
}
.hamburger,.hamburger-box{
    position:relative;
    width:26px
}
.page-header .logo a {
	background-image: url(../img/logo-website.png);
    width: 100px;
    height: 55px;
    display: block;
    background-position: 0px -18px;
    margin-left: 0px;
}
.page-header.scroll .logo a {
	background-position: 0px -18px;
}
.page-footer .logo a {
    background-image: url(../img/logo-website.png);
    width: 85px;
    height: 56px;
    display: inline-block;
    background-position: 0px -78px;
    background-color: transparent;
    margin-bottom: 15px;
    cursor: pointer;
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .page-header .menu-list li a{
        display:block;
        padding:0;
        border-bottom:1px solid rgba(216,216,216,.15);
        color: #fff;
        font-weight: 400;
        font-size: 21px;
    }
    .page-header .menu-list li a.active{
        border-bottom-color:#fff
    }
    .page-header .menu-list li a:after{
        display:none
    }
}
.hamburger{
    display:none;
    height:24px;
    -webkit-transition:.1s;
    transition:.1s;
    cursor:pointer;
    -webkit-transition-timing-function:linear;
    transition-timing-function:linear;
    -webkit-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:opacity,-webkit-filter;
    transition-property:opacity,-webkit-filter;
    transition-property:opacity,filter;
    transition-property:opacity,filter,-webkit-filter
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .hamburger{
        display:block
    }
}
.hamburger:hover{
    opacity:.7
}
.hamburger-box{
    display:inline-block;
    height:20px
}
.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{
    position:absolute;
    height:2px;
    background-color: #000000;
    display:block;
    width:31px
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    position: absolute;
    height: 2px;
    background-color: #ffffff;
    display: block;
    width: 31px;
}
.hamburger-inner{
    top:50%;
    right: 0px;
    margin-top: 2px;
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform
}
.hamburger-inner:after,.hamburger-inner:before{
    -webkit-transition-timing-function:ease;
    transition-timing-function:ease;
    -webkit-transition-duration:.15s;
    transition-duration:.15s;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    content:""
}
.hamburger-inner:after{
    bottom:-7px
}
.hamburger-inner:before{
    top:-7px
}
.hamburger--spin .hamburger-inner{
    -webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    transition-timing-function:cubic-bezier(.55,.055,.675,.19);
    -webkit-transition-duration:.22s;
    transition-duration:.22s
}
.hamburger--spin .hamburger-inner:before{
    -webkit-transition:top .1s ease-in .25s,opacity .1s ease-in;
    transition:top .1s ease-in .25s,opacity .1s ease-in
}
.hamburger--spin .hamburger-inner:after{
    -webkit-transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition:bottom .1s ease-in .25s,-webkit-transform .22s cubic-bezier(.55,.055,.675,.19);
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19);
    transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),-webkit-transform .22s cubic-bezier(.55,.055,.675,.19)
}
.hamburger--spin.is-active .hamburger-inner{
    -webkit-transition-delay:.12s;
    transition-delay:.12s;
    -webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);
    transition-timing-function:cubic-bezier(.215,.61,.355,1);
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg)
}
.hamburger--spin.is-active .hamburger-inner:before{
    top:0;
    -webkit-transition:top .1s ease-out,opacity .1s ease-out .12s;
    transition:top .1s ease-out,opacity .1s ease-out .12s;
    opacity:0
}
.hamburger--spin.is-active .hamburger-inner:after{
    bottom:0;
    -webkit-transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:bottom .1s ease-out,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,-webkit-transform .22s cubic-bezier(.215,.61,.355,1) .12s;
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
}
.expertise-list li {
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 26px;
    width: 47%;
    float: left;
    display: inline-block;
    margin: 10px 10px 10px 0px;
    height: 28px;
    line-height: 26px;
}
.menu-icon-wrapper{
    position:relative;
    display:none;
    width:26px;
    height:26px;
    pointer-events:none;
    -webkit-transition:.1s;
    transition:.1s
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .menu-icon-wrapper{
        display:inline-block
    }
}
.menu-icon-wrapper.scaled{
    -webkit-transform:scale(.5);
    -ms-transform:scale(.5);
    transform:scale(.5)
}
.menu-icon-wrapper svg{
    position:absolute;
    top:-33px;
    left:-33px;
    -webkit-transform:scale(.09);
    -ms-transform:scale(.09);
    transform:scale(.09);
    -webkit-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0
}
.menu-icon-wrapper svg path{
    stroke:#fff;
    stroke-width:60px;
    stroke-linecap:round;
    stroke-linejoin:round;
    fill:transparent
}
.menu-icon-wrapper .menu-icon-trigger{
    position:relative;
    width:100%;
    height:100%;
    cursor:pointer;
    pointer-events:auto;
    background:0 0;
    border:none;
    margin:0;
    padding:0
}
.page-footer{
    padding-top:54px;
    padding-bottom:70px
}

@media only screen and (min-width:768px) and (max-width:1199px){
    .page-footer{
        padding-top:75px;
        padding-bottom:75px
    }
}
.page-footer .footer-content{
    /*display:-webkit-box;
    display:-webkit-flex;
    display:flex;
    display:-ms-flexbox;*/
    display:block;
}
@media only screen and (max-width:767px){
    .page-footer{
        padding-top:20px;
        padding-bottom:44px
    }
    .page-footer .footer-content{
        padding:0 20px
    }
}
.page-footer .footer-content .text{
    padding: 0 15px 0 30px;
    display: inline-block;
    position: relative;
}
/*.bg-mount {
	background-image: url('../img/4H9A6308-Edit-Edit.jpg'); 
	background-size: cover;
}*/
@media only screen and (max-width:767px){
    .page-footer .footer-content .text{
        padding:0 0 0 35px
    }
}
@media only screen and (max-width:480px){
    .page-footer .footer-content{
        display:block
    }
    .page-footer .footer-content .text{
        padding:0 0 26px;
        text-align: center;
        width: 100%;
    }
    .input-group-btn {
	    display: block;
	    margin-top: 15px;
	    float: none;
	    width: 100%;
	}
	.input-group-btn button {
	    width: 100%;
	}
	/*.bg-mount {
		background-image: none; 
		background-color: #dedede !important;
	}*/
}
@media only screen and (max-width:767px){
    .page-footer .footer-content .text:first-child{
        padding-left:0
    }
}
.page-footer .footer-content .text p{
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 16px;
    line-height: 23px;
    color: rgba(255, 255, 255, 1); /*rgba(160, 241, 233, 0.8);*/
}
.page-footer .footer-content .text p strong{
    font-family: "Inter", helvetica, arial, sans-serif;
}
.section{
    height:100%
}
.section .section-content{
    padding:0 32px;
    overflow:hidden
}
.section .section-content.section-content_white{
    background-color:#fff
}
.section .section-content .left{
    max-width:68.2%
}
.section .section-content .right{
    width:31.8%
}
.section .section-title{
    font-size: 23px;
    color: #000000;
    font-family: "Inter", helvetica, arial, sans-serif;
    padding-bottom: 7px;
    line-height: 31px;
}
.section .section-title.lab-team {
    font-size: 21px; 
    color: #d2e59a; 
    font-family: "Inter", helvetica, arial, sans-serif;
}
.section .section-content-wrapper.only-ipad {
	display: none;
}
.section-text .lab-team-sign {
    color: #fff;
    font-family: "Inter", helvetica, arial, sans-serif;
    text-transform: uppercase;
    font-size: 15px;
}
.section-title.lab-team .span-1 {
    font-family: "Inter", helvetica, arial, sans-serif;
}
.section-title.lab-team .span-2 {
    font-family: "Inter", helvetica, arial, sans-serif;
    color: #fff;
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section .section-content{
        padding:0 13px
    }
    .section .section-content .left{
        max-width:53%
    }
    .section .section-content .right{
        width:39.6%
    }
    .section .section-title{
        font-size: 30px;
    	line-height: 40px;
    }
    .not-in-ipad {
    	display: none;
    }
    .section .section-content-wrapper.only-ipad {
		display: block;
	}
    .research-list li {
	    height: 224px;
	    width: 192px;
	    font-size: 22px;
	}
	.expertise-list li {
	    width: 100%;
        height: auto;
	}
	.news-list li {
        margin: 0px 4% 0px 0px;
        float: left;
        display: inline-block;
        width: 30.0%;
    }
    .thumb-article {
        height: 145px;
    }
    .page-header.scroll {
        box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
    }
	.section .section-content .left.left-in-ipad {
		max-width: 90% !important;
	}
	.bg-mount {
	    background-size: initial;
	}
}
@media only screen and (max-width:767px){
    .section .section-content{
        padding:0 20px
    }
    .section .section-content .left{
        max-width:100%
    }
    .section .section-content .right{
        width:100%
    }
    .section .section-title{
        font-size: 19px;
        line-height: 25px;
    }
    .research-list li {
	    width: 160px;
	}
	.expertise-list li {
	    font-family: "Inter", helvetica, arial, sans-serif;
	    font-size: 26px;
	    width: 100%;
	    float: none;
	    display: inline-block;
	    margin: 10px 20px 15px 0px;
	    height: auto;
	    line-height: 29px;
	    border-bottom: 1px solid #444;
	}
}
.section .section-text{
    font-size:18px;
    line-height:30px;
    font-family: "Inter", helvetica, arial, sans-serif;
    color:#000000;
    margin-top:6px
}
.section .section-text br{
    display:none
}
.section .section-list-wrapper{
    padding-top:15px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section .section-list-wrapper{
        padding-top:67px
    }
}
@media only screen and (max-width:767px){
    .section .section-text{
        font-size:16px;
        line-height:24px;
        margin-top:10px
    }
    .section .section-list-wrapper{
        padding-top:38px
    }
}
.section .section-list-wrapper .list-name{
    font-size:18px;
    line-height:24px;
    letter-spacing:.9px;
    font-family: "Inter", helvetica, arial, sans-serif;
    color:#000000;
    text-transform:uppercase;
    padding-left:15px
}
@media only screen and (max-width:767px){
    .section .section-list-wrapper .list-name{
        font-size:16px;
        line-height:18px;
        padding-left:0
    }
    .section .section-list-wrapper .list-name br{
        display:none
    }
}
.section .section-list-wrapper .section-list{
    padding-top:7px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section .section-list-wrapper .list-name{
        font-size:16px;
        line-height:18px
    }
    .section .section-list-wrapper .section-list{
        padding-top:11px
    }
}
.section .section-list-wrapper .section-list li{
    position:relative;
    font-size:18px;
    line-height:22px;
    padding:9px 0 9px 15px
}
@media only screen and (max-width:767px){
    .section .section-list-wrapper .section-list li{
        padding-left:11px
    }
}
.section .section-list-wrapper .section-list li:after{
    position:absolute;
    top:8px;
    left:0;
    content:'+';
    font-size:18px;
    color:#023147
}
.section .section-content-wrapper{
    position:relative;
    z-index:5;
    padding-top:65px;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
}
.section.section_with-svg .section-svg svg{
    height:100%;
    max-width:75%
}
.section-1 .section-bg{
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    transform:translateX(-50%);
    width:100%;
    height:100%;
    z-index:-1;
    overflow:hidden
}
.section-1 .bottom{
    height:100%;
    position:relative;
    z-index:20
}
.section-1 .bottom-content{
    position:absolute;
    bottom:60px;
    left:0;
    right:0
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section .section-list-wrapper .section-list li{
        line-height:21px
    }
    .section .section-content-wrapper{
        padding-top:77px;
        padding-left:36px;
        padding-right:36px
    }
    .section-1 .bottom-content{
        bottom:3.2%
    }
}
.section-1 .main-title{
    color: #f343ff;
    font-family: "Inter", helvetica, arial, sans-serif;
    font-size: 30px;
    line-height: 35px;
    letter-spacing: .5px;
    margin: 0;
    text-indent: 0px;
    width: 75%
}
.section-1 .main-title .diff-span{
	font-weight: 400;
    font-size: 35px;
    color: #ffffff;
    line-height: 32px;
    font-family: "Inter", helvetica, arial, sans-serif;
    text-transform: uppercase;
}
.section-1 .main-title .rainbow{
    font-weight: 500;
    font-size: 35px;
    line-height: 32px;
    font-family: "Inter", helvetica, arial, sans-serif;
    text-transform: uppercase;
}
.news-list.case-studies .article-title {
    color: #191919;
}
.news-list.case-studies .article-excerpt {
    color: #bfbdbd;
}
/*
.news-list.case-studies li:hover .article-title {
	color: #0e24ab; 4c2a71 E91E63
}
*/
.news-list.case-studies li:hover .article-excerpt {
	color: #ffffff;
}
/*.news-list.case-studies .homepage-article {
    background-color: #2a49de;
}
.news-list.case-studies .thumb-article { 
    height: 120px;
}
.news-list.case-studies .thumb-article a{ 
    display: none;
}
.news-list.case-studies .thumb-article-header {
    padding: 5px 20px;
}*/

.news-list.case-studies .thumb-article.pa1 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa2 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa3 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa4 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa5 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa6 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa7 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa8 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article.pa9 {
    background: #0033c3;
}
.news-list.case-studies .thumb-article img{ 
/*    opacity: 0.8;*/
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-1 .main-title{
        font-size: 42px;
	    line-height: 33px;
	    letter-spacing: .3px;
	    text-indent: -6px;
	    margin-left: 37px;
	    width: 60%;
    }
}
@media only screen and (max-width:767px){
    .section .section-content-wrapper{
        padding-top:21px
    }
    .section.section_with-svg .section-content{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .section.section_with-svg .section-svg{
        width:100%;
        -webkit-box-ordinal-group:2;
        -webkit-order:1;
        -ms-flex-order:1;
        order:1
    }
    .section.section_with-svg .section-content-wrapper{
        display:block;
        -webkit-box-ordinal-group:3;
        -webkit-order:2;
        -ms-flex-order:2;
        order:2
    }
    .section.section_with-svg .section-content-wrapper.only-ipad{
        display:none;
    }
    .section-1 .bottom-content{
        bottom:15px
    }
    .section-1 .main-title{
        font-size:5vw;
        line-height:normal;
        letter-spacing:.3px;
        text-indent:-3px
    }
    .section-1 .main-title {
	    width: 88%;
	}
	.news-list li {
	    margin: 0px 15px 30px 0;
	    float: left;
	    display: inline-block;
	    width: 45%;
	}
}
@media only screen and (max-width:480px){
    .section-1 .main-title{
        font-size:8vw
    }
    .page-header .logo a {
	    margin-top: -10px;
        position: relative;
        top: 5px;
	}
	.section-1 .main-title {
	    width: 88%;
	}
	.news-list li {
	    margin: 0px 17px 30px 0;
	    float: none;
	    display: inline-block;
	    width: 100%;
        height: auto;
        padding-bottom: 15px;
	}
    .course-list li {
        margin: 0px 17px 30px 0;
        float: none;
        height: auto;
        width: 100%;
    }
    .article-title {
        font-size: 18px;
    }
    .thumb-article {
        height: auto;
    }
    .course-list .thumb-article {
        height: auto;
        margin-bottom: 5px;
    }
}
.section-1 .next-arrow{
    cursor:pointer;
    display:inline-block;
    position:absolute;
    bottom:-24px;
    right:14px;
    width:25px;
    text-align:center;
    height:70px;
    z-index:101
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-1 .next-arrow{
        bottom:-27px;
        right:5px
    }
}
@media only screen and (max-width:767px){
    .section-1 .next-arrow{
        display:none
    }
}
.section-1 .next-arrow:hover span{
    height:70px
}
.section-1 .next-arrow span{
    position:relative;
    display:inline-block;
    width:6px;
    height:32px;
    background-color:#fff;
    -webkit-transition:all .3s;
    transition:all .3s
}
.section-1 .next-arrow span:after,.section-1 .next-arrow span:before{
    content:'';
    display:inline-block;
    position:absolute;
    bottom:-4px;
    width:6px;
    height:20px;
    background-color:#fff
}
.section-1 .next-arrow span:before{
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    left:-5px
}
.section-1 .next-arrow span:after{
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    right:-5px
}
.section-1 #section_1_svg.animate .rain-1{
    -webkit-animation:svg-animate-1 linear 6s 0s infinite;
    animation:svg-animate-1 linear 6s 0s infinite
}
.section-1 #section_1_svg.animate .rain-2{
    -webkit-animation:svg-animate-2 ease-in 8s 6s infinite;
    animation:svg-animate-2 ease-in 8s 6s infinite
}
.section-1 #section_1_svg.animate .rain-3{
    -webkit-animation:svg-animate-3 ease-out 6s 3.5s infinite;
    animation:svg-animate-3 ease-out 6s 3.5s infinite
}
.section-1 .rain-1{
    -webkit-transform:translateY(-1300px);
    -ms-transform:translateY(-1300px);
    transform:translateY(-1300px)
}
.section-1 .rain-2{
    -webkit-transform:translate(162px,-1300px);
    -ms-transform:translate(162px,-1300px);
    transform:translate(162px,-1300px)
}
.section-1 .rain-3{
    -webkit-transform:translate(-162px,-1300px);
    -ms-transform:translate(-162px,-1300px);
    transform:translate(-162px,-1300px)
}
@-webkit-keyframes svg-animate-1{
    from{
        -webkit-transform:translateY(-1300px);
        transform:translateY(-1300px)
    }
    to{
        -webkit-transform:translateY(1080px);
        transform:translateY(1080px)
    }
}
@keyframes svg-animate-1{
    from{
        -webkit-transform:translateY(-1300px);
        transform:translateY(-1300px)
    }
    to{
        -webkit-transform:translateY(1080px);
        transform:translateY(1080px)
    }
}
@-webkit-keyframes svg-animate-2{
    from{
        -webkit-transform:translate(162px,-1300px);
        transform:translate(162px,-1300px)
    }
    to{
        -webkit-transform:translate(162px,1080px);
        transform:translate(162px,1080px)
    }
}
@keyframes svg-animate-2{
    from{
        -webkit-transform:translate(162px,-1300px);
        transform:translate(162px,-1300px)
    }
    to{
        -webkit-transform:translate(162px,1080px);
        transform:translate(162px,1080px)
    }
}
@-webkit-keyframes svg-animate-3{
    from{
        -webkit-transform:translate(-162px,-1300px);
        transform:translate(-162px,-1300px)
    }
    to{
        -webkit-transform:translate(-162px,1080px);
        transform:translate(-162px,1080px)
    }
}
@keyframes svg-animate-3{
    from{
        -webkit-transform:translate(-162px,-1300px);
        transform:translate(-162px,-1300px)
    }
    to{
        -webkit-transform:translate(-162px,1080px);
        transform:translate(-162px,1080px)
    }
}
.rain-global{
    -webkit-transform:translateY(-1300px);
    -ms-transform:translateY(-1300px);
    transform:translateY(-1300px);
    -webkit-animation:svg-animate linear 6s 0s infinite;
    animation:svg-animate linear 6s 0s infinite
}
@-webkit-keyframes svg-animate{
    from{
        -webkit-transform:translateY(-1300px);
        transform:translateY(-1300px)
    }
    to{
        -webkit-transform:translateY(1080px);
        transform:translateY(1080px)
    }
}
@keyframes svg-animate{
    from{
        -webkit-transform:translateY(-1300px);
        transform:translateY(-1300px)
    }
    to{
        -webkit-transform:translateY(1080px);
        transform:translateY(1080px)
    }
}
.section-2{
    position:relative
}
.section-2 .section-title{
    text-indent:0px
}
.section-2 .section-content{
    padding-bottom:48px
}
.section-2 .section-svg{
    position:relative;
    z-index:1;
    margin:-164px -20px 0 -3px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-2 .section-svg{
        margin:-53px -13px 0 -14px
    }
}
@media only screen and (max-width:767px){
    .section-2 .section-content{
        padding-bottom:20px
    }
    .section-2 .section-svg{
        margin:0 0 0 -22px;
        min-width:128%
    }
}
.section-3 .section-content{
    padding-bottom:22px
}
.section-3 .section-title br{
    display:none
}
.section-3 .section-svg{
    position:relative;
    z-index:1;
    margin:-158px -50px 0 -48px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-3 .section-title br{
        display:block
    }
    .section-3 .section-svg{
        margin:-53px -13px 0 -14px
    }
}
@media only screen and (max-width:767px){
    .section-3 .section-content{
        padding-bottom:20px
    }
    .section-3 .section-svg{
        min-width:135%;
        margin:11px 0 0 -24px
    }
}
@media only screen and (max-width:767px) and (orientation:landscape){
    .section-3 .section-svg{
        min-width:127%
    }
}
.section-4 .section-content{
    padding-bottom:42px
}
/*.section-4 .section-title br{
    display:none
}*/
.section-4 .section-svg{
    position:relative;
    z-index:1;
    margin:-181px -50px 0 -48px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-4 .section-title br{
        display:block
    }
    .section-4 .section-svg{
        margin:-42px -13px 0 -14px
    }
}
@media only screen and (max-width:767px){
    .section-4 .section-content{
        padding-bottom:20px
    }
    .section-4 .section-svg{
        margin:20px 0 0 -20px;
        min-width:137%
    }
}
@media only screen and (max-width:767px) and (orientation:landscape){
    .section-4 .section-svg{
        min-width:132%
    }
}
.section-5 .section-content{
    padding-bottom:120px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .section-5 .section-content{
        padding-bottom:130px
    }
    .section-5 .section-title{
        padding-left:0px
    }
    .hamburger {
	    right: 27px;
	}
}
@media only screen and (max-width:767px){
    .section-5 .section-content{
        padding-bottom:53px
    }
    .section-5 .section-content-wrapper{
        padding-top:20px
    }
}
.contact-wrapper{
    padding-top:0px;
    height:476px
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .contact-wrapper{
        height:auto;
        padding-left:36px;
        padding-right:46px
    }
}
@media only screen and (max-width:767px){
    .contact-wrapper{
        height:auto
    }
}
.contact-wrapper .map-container{
    width:57.231%;
    height:100%;
    float:left;
    padding-top:11px
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .section.section_with-svg .section-svg svg{
        max-width:100%
    }
    .contact-wrapper .map-container{
        width:100%;
        float:none;
        height:auto;
    }
}
.contact-wrapper .map-container .map{
    width:100%;
    height:100%;
}
.contact-wrapper .contact-info{
    height:100%;
    padding-left:44px;
    padding-top:2px;
    margin-left:57.231%
}
@media only screen and (min-width:768px) and (max-width:1199px){
    .contact-wrapper .contact-info{
        margin-left:0;
        padding-left:0;
        padding-top:18px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end
    }
}
.contact-wrapper .contact-info .top{
    position:relative;
    display:block;
    height:50%
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .contact-wrapper .contact-info .top{
        height:auto
    }
}
.contact-wrapper .contact-info .bottom{
    position:relative;
    display:block;
    height:50%
}
.contact-wrapper .contact-info .bottom .info-text{
    position:absolute;
    bottom:0;
    left:0
}
@media only screen and (min-width:768px) and (max-width:1199px),only screen and (max-width:767px){
    .contact-wrapper .contact-info .bottom{
        height:auto
    }
    .contact-wrapper .contact-info .bottom .info-text{
        position:static;
        bottom:auto;
        left:auto
    }
}
@media only screen and (max-width:767px){
    .contact-wrapper .contact-info{
        margin-left:0;
        padding-left:0;
        padding-top:26px
    }
    .contact-wrapper .contact-info .bottom{
        padding-top:18px
    }
    .contact-wrapper .contact-info .bottom .info-text br{
        display:none
    }
}
.contact-wrapper .contact-info .contact{
    display:inline-block;
    margin-bottom:18px
}
@media only screen and (max-width:767px){
    .contact-wrapper .contact-info .contact{
        margin-bottom:22px
    }
}
.contact-wrapper .contact-info .contact a{
    position:relative;
    display:inline-block;
    font-size:18px;
    line-height:25px;
    color:#4f1094
}
.contact-wrapper .contact-info .contact a:before{
    content:'';
    position:absolute;
    bottom:-2px;
    left:0;
    display:block;
    width:0;
    height:2px;
    background-color:#4f1094;
    line-height:20px;
    -webkit-transition:all .3s;
    transition:all .3s
}
.contact-wrapper .contact-info .contact a:hover:before{
    width:100%;
    right:0
}
.contact-wrapper .contact-info .info-text{
    color:#000000;
    font-size:18px;
    line-height:24px
}
.section .section-content.section_black_c .section-title {
	color: #ffffff;
}
.section .section-content.section_black_c .section-text {
	color: #ffffff;
}
.section .section-content.section_black_c .section-title.expertise {
    color: #f35fd3;
    font-size: 18px;
    border-bottom: 1px solid #f35fd3;
    margin-bottom: 20px;
    font-family: "Inter", helvetica, arial, sans-serif;
}
.section .section-content.section-content_white .section-title.expertise {
    color: #000; /*E91E63*/
    font-size: 18px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    font-family: "Inter", helvetica, arial, sans-serif;
    display: none;
}

#svg-2 .bg-left{
    opacity:0;
    -webkit-transition:opacity 1s,fill .5s;
    transition:opacity 1s,fill .5s;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
#svg-2 .grid{
    opacity:0;
    -webkit-transition:opacity 1s .5s;
    transition:opacity 1s .5s
}
#svg-2 .grid.grid-1{
    -webkit-transition:opacity .5s 1.3s;
    transition:opacity .5s 1.3s
}
#svg-2 .document-block{
    opacity:0
}
#svg-2 .document-block.document-block_1{
    -webkit-transition:opacity .5s 1.7s;
    transition:opacity .5s 1.7s
}
#svg-2 .document-block.document-block_2{
    -webkit-transition:opacity .5s 1.5s;
    transition:opacity .5s 1.5s
}
#svg-2 .document-block.document-block_3{
    -webkit-transition:opacity .5s 1.8s;
    transition:opacity .5s 1.8s
}
#svg-2 .display-wrapper{
    opacity:0;
    -webkit-transition:opacity .5s .5s;
    transition:opacity .5s .5s;
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-delay:0s;
    animation-delay:0s
}
#svg-2 .display-content .wave{
    -webkit-transition:all .5s;
    transition:all .5s
}
#svg-2 .display-content .wave-1{
    -webkit-animation:svg-wave-1 6s linear .9s infinite;
    animation:svg-wave-1 6s linear .9s infinite
}
#svg-2 .display-content .wave-2{
    -webkit-animation:svg-wave-3 8s linear 3s infinite;
    animation:svg-wave-3 8s linear 3s infinite
}
#svg-2 .display-content .wave-3{
    -webkit-animation:svg-wave-4 6s linear 4s infinite;
    animation:svg-wave-4 6s linear 4s infinite
}
#svg-2 .display-content .wave-4{
    -webkit-animation:svg-wave-5 10s linear 1.8s infinite;
    animation:svg-wave-5 10s linear 1.8s infinite
}
#svg-2 .wave-4-ellipse{
    -webkit-animation:svg-wave-3 8s linear 3s infinite;
    animation:svg-wave-3 8s linear 3s infinite
}
@-webkit-keyframes svg-wave-1{
    from,to{
        fill:#E8ECEF
    }
    50%{
        fill:#FF456D
    }
}
@keyframes svg-wave-1{
    from,to{
        fill:#E8ECEF
    }
    50%{
        fill:#FF456D
    }
}
@-webkit-keyframes svg-wave-3{
    from,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.5;
        -webkit-transform:translateY(35px);
        transform:translateY(35px)
    }
}
@keyframes svg-wave-3{
    from,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        opacity:.5;
        -webkit-transform:translateY(35px);
        transform:translateY(35px)
    }
}
@-webkit-keyframes svg-wave-4{
    from,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@keyframes svg-wave-4{
    from,to{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
    50%{
        -webkit-transform:translateY(-20px);
        transform:translateY(-20px)
    }
}
@-webkit-keyframes svg-wave-5{
    from,to{
        fill:#FF456D
    }
    50%{
        fill:#FFC6C0
    }
}
@keyframes svg-wave-5{
    from,to{
        fill:#FF456D
    }
    50%{
        fill:#FFC6C0
    }
}
#svg-2 .chair,#svg-2 .girl{
    opacity:0;
    -webkit-transition:opacity 1s .5s;
    transition:opacity 1s .5s;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
#svg-2 .chair_underline{
    -webkit-animation-duration:2.5s;
    animation-duration:2.5s
}
#svg-2 .man,#svg-2 .man-box-1,#svg-2 .man-box-2{
    opacity:0;
    -webkit-transition:opacity 1s .5s;
    transition:opacity 1s .5s;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-delay:1.5s;
    animation-delay:1.5s
}
#svg-2 .box{
    -webkit-transition:all 1.2s;
    transition:all 1.2s;
    -webkit-transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    opacity:0
}
#svg-2 .box.open{
    opacity:1;
    -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
#svg-3 .bg-left{
    opacity:0;
    -webkit-transition:opacity 1s,fill .5s;
    transition:opacity 1s,fill .5s;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
#svg-3 .desktop,#svg-3 .laptop{
    -webkit-animation-duration:1.2s;
    -webkit-animation-delay:.4s
}
#svg-3 .grid{
    opacity:0;
    -webkit-transition:opacity 1.5s 1s;
    transition:opacity 1.5s 1s
}
#svg-3 .laptop{
    opacity:0;
    -webkit-transition:opacity 1s .4s;
    transition:opacity 1s .4s;
    animation-duration:1.2s;
    animation-delay:.4s
}
#svg-3 .laptop-content{
    -webkit-transition:all 1.2s;
    transition:all 1.2s;
    -webkit-transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(.5,0,0,0,0,.5,0,0,0,0,1,0,0,0,0,1);
    -webkit-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin:center center;
    opacity:0
}
#svg-3 .laptop-content.open{
    opacity:1;
    -webkit-transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
#svg-3 .desktop{
    opacity:0;
    -webkit-transition:opacity 1s .4s;
    transition:opacity 1s .4s;
    animation-duration:1.2s;
    animation-delay:.4s
}
#svg-3 .table,#svg-3 .tablet{
    -webkit-animation-duration:1.2s
}
#svg-3 .tablet{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    animation-duration:1.2s;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
#svg-3 .start-animation .tablet-msg{
    -webkit-animation:svg-opacity linear 3.6s 5s infinite;
    animation:svg-opacity linear 3.6s 5s infinite
}
#svg-3 .tablet-msg{
    opacity:0;
    -webkit-transition:all .4s;
    transition:all .4s
}
#svg-3 .tablet-msg.show{
    opacity:1
}
#svg-3 .tablet-msg.msg-1{
    -webkit-transition:all .4s 1.6s;
    transition:all .4s 1.6s;
    -webkit-transition-delay:1.6s;
    transition-delay:1.6s;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#svg-3 .tablet-msg.msg-2{
    -webkit-transition-delay:1.8s;
    transition-delay:1.8s;
    -webkit-animation-delay:1.8s;
    animation-delay:1.8s
}
#svg-3 .tablet-msg.msg-3{
    -webkit-transition-delay:2s;
    transition-delay:2s;
    -webkit-animation-delay:2s;
    animation-delay:2s
}
#svg-3 .tablet-msg.msg-4{
    -webkit-transition-delay:2.2s;
    transition-delay:2.2s;
    -webkit-animation-delay:2.2s;
    animation-delay:2.2s
}
#svg-3 .tablet-msg.msg-5{
    -webkit-transition-delay:2.4s;
    transition-delay:2.4s;
    -webkit-animation-delay:2.4s;
    animation-delay:2.4s
}
#svg-3 .tablet-msg.msg-6{
    -webkit-transition-delay:2.6s;
    transition-delay:2.6s;
    -webkit-animation-delay:2.6s;
    animation-delay:2.6s
}
#svg-3 .tablet-msg.msg-7{
    -webkit-transition-delay:2.8s;
    transition-delay:2.8s;
    -webkit-animation-delay:2.8s;
    animation-delay:2.8s
}
#svg-3 .tablet-msg.msg-8{
    -webkit-transition-delay:3s;
    transition-delay:3s;
    -webkit-animation-delay:3s;
    animation-delay:3s
}
#svg-3 .tablet-msg.msg-9{
    -webkit-transition-delay:3.2s;
    transition-delay:3.2s;
    -webkit-animation-delay:3.2s;
    animation-delay:3.2s
}
#svg-3 .tablet-msg.msg-10{
    -webkit-transition-delay:3.4s;
    transition-delay:3.4s;
    -webkit-animation-delay:3.4s;
    animation-delay:3.4s
}
@-webkit-keyframes svg-opacity{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes svg-opacity{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
#svg-3 .cursor{
    -webkit-transform:translate(60px,100px);
    -ms-transform:translate(60px,100px);
    transform:translate(60px,100px);
    -webkit-transition:-webkit-transform .6s 1.1s;
    transition:-webkit-transform .6s 1.1s;
    transition:transform .6s 1.1s;
    transition:transform .6s 1.1s,-webkit-transform .6s 1.1s
}
#svg-3 .cursor.start{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
#svg-3 .desktop-msg.msg-1{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:.8s;
    animation-delay:.8s
}
#svg-3 .desktop-msg.msg-2{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
#svg-3 .desktop-msg.msg-3{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-delay:1.6s;
    animation-delay:1.6s
}
#svg-3 .table{
    opacity:0;
    -webkit-transition:opacity 1s 1.4s;
    transition:opacity 1s 1.4s;
    animation-duration:1.2s;
    -webkit-animation-delay:1.4s;
    animation-delay:1.4s
}
#svg-3 .man-ginger{
    -webkit-transform:translateX(220%);
    -ms-transform:translateX(220%);
    transform:translateX(220%);
    -webkit-transition:-webkit-transform 3s 0s;
    transition:-webkit-transform 3s 0s;
    transition:transform 3s 0s;
    transition:transform 3s 0s,-webkit-transform 3s 0s;
    opacity:0
}
#svg-3 .man-ginger.start{
    opacity:1;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
}
#svg-3 .man-beard{
    opacity:0;
    -webkit-transition:opacity 1s 2.4s;
    transition:opacity 1s 2.4s;
    -webkit-animation-duration:1.2s;
    animation-duration:1.2s;
    -webkit-animation-delay:2.4s;
    animation-delay:2.4s
}
#svg-4 .bg-left{
    opacity:0;
    -webkit-transition:opacity 1s;
    transition:opacity 1s;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
#svg-4 .grid{
    opacity:0;
    -webkit-transition:opacity 1.5s 1s;
    transition:opacity 1.5s 1s
}
#svg-4 .phone,#svg-4 .window-1,#svg-4 .window-2{
    opacity:0;
    -webkit-transition:opacity 1s .8s;
    transition:opacity 1s .8s;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s
}
#svg-4 .phone{
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
#svg-4 .window-1{
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
#svg-4 .window-2{
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
#svg-4 .window-3 .block-1{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-delay:.3s;
    animation-delay:.3s
}
#svg-4 .window-3 .block-2{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-delay:.6s;
    animation-delay:.6s
}
#svg-4 .window-3 .block-3{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-delay:.9s;
    animation-delay:.9s
}
#svg-4 .window-3 .block-4{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-delay:1.2s;
    animation-delay:1.2s
}
#svg-4 .shake{
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-delay:2.6s;
    animation-delay:2.6s
}
#svg-4 .phone-msg{
    opacity:0
}
#svg-4 .phone-msg.msg-1{
    -webkit-transition:opacity 1s .7s;
    transition:opacity 1s .7s
}
#svg-4 .phone-msg.msg-2{
    -webkit-transition:opacity 1s .9s;
    transition:opacity 1s .9s
}
#svg-4 .phone-msg.msg-3{
    -webkit-transition:opacity 1s 1.1s;
    transition:opacity 1s 1.1s
}
#svg-4 .phone-msg-animated .phone-msg.msg-1{
    -webkit-animation:phone-msg linear 4s 0s infinite;
    animation:phone-msg linear 4s 0s infinite
}
#svg-4 .phone-msg-animated .phone-msg.msg-2{
    -webkit-animation:phone-msg linear 4s .5s infinite;
    animation:phone-msg linear 4s .5s infinite
}
#svg-4 .phone-msg-animated .phone-msg.msg-3{
    -webkit-animation:phone-msg linear 4s 1s infinite;
    animation:phone-msg linear 4s 1s infinite
}
@-webkit-keyframes phone-msg{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes phone-msg{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
#svg-4 .man-center,#svg-4 .man-left{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s
}
#svg-4 .laser{
    stroke-opacity:0;
    -webkit-transition:stroke-opacity 1s 2s;
    transition:stroke-opacity 1s 2s;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s;
    -webkit-animation-delay:2.5s;
    animation-delay:2.5s
}
#svg-4 .man-right{
    opacity:0;
    -webkit-transition:opacity 1s .3s;
    transition:opacity 1s .3s;
    -webkit-animation-duration:1.3s;
    animation-duration:1.3s
}
.preloader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#000000;
    z-index:99999
}
@-webkit-keyframes bar{
    0%{
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0);
        opacity:0
    }
    14.28%{
        -webkit-transform:translateX(-15px) rotate(0);
        transform:translateX(-15px) rotate(0);
        opacity:1
    }
    28.56%{
        -webkit-transform:translateX(-30px) rotate(0);
        transform:translateX(-30px) rotate(0);
        opacity:1
    }
    37.12%{
        -webkit-transform:translateX(-39px) rotate(0);
        transform:translateX(-39px) rotate(0);
        opacity:1
    }
    42.84%{
        -webkit-transform:translateX(-45px) rotate(10deg);
        transform:translateX(-45px) rotate(10deg);
        opacity:1
    }
    57.12%{
        -webkit-transform:translateX(-60px) rotate(40deg);
        transform:translateX(-60px) rotate(40deg);
        opacity:1
    }
    71.4%{
        -webkit-transform:translateX(-75px) rotate(62deg);
        transform:translateX(-75px) rotate(62deg);
        opacity:1
    }
    85.68%{
        -webkit-transform:translateX(-90px) rotate(72deg);
        transform:translateX(-90px) rotate(72deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-105px) rotate(74deg);
        transform:translateX(-105px) rotate(74deg);
        opacity:0
    }
}
@keyframes bar{
    0%{
        -webkit-transform:translateX(0) rotate(0);
        transform:translateX(0) rotate(0);
        opacity:0
    }
    14.28%{
        -webkit-transform:translateX(-15px) rotate(0);
        transform:translateX(-15px) rotate(0);
        opacity:1
    }
    28.56%{
        -webkit-transform:translateX(-30px) rotate(0);
        transform:translateX(-30px) rotate(0);
        opacity:1
    }
    37.12%{
        -webkit-transform:translateX(-39px) rotate(0);
        transform:translateX(-39px) rotate(0);
        opacity:1
    }
    42.84%{
        -webkit-transform:translateX(-45px) rotate(10deg);
        transform:translateX(-45px) rotate(10deg);
        opacity:1
    }
    57.12%{
        -webkit-transform:translateX(-60px) rotate(40deg);
        transform:translateX(-60px) rotate(40deg);
        opacity:1
    }
    71.4%{
        -webkit-transform:translateX(-75px) rotate(62deg);
        transform:translateX(-75px) rotate(62deg);
        opacity:1
    }
    85.68%{
        -webkit-transform:translateX(-90px) rotate(72deg);
        transform:translateX(-90px) rotate(72deg);
        opacity:1
    }
    100%{
        -webkit-transform:translateX(-105px) rotate(74deg);
        transform:translateX(-105px) rotate(74deg);
        opacity:0
    }
}
.preloader-progressbar{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    padding:0;
    width:100px;
    height:25px;
    list-style:none;
    margin:0 auto
}
.preloader-progressbar li{
    display:block;
    position:absolute;
    right:0;
    width:3px;
    height:25px;
    border-radius:1px;
    -webkit-transform-origin:50% 100%;
    -ms-transform-origin:50% 100%;
    transform-origin:50% 100%;
    background-color:#fff;
    -webkit-animation:bar linear 2.8s infinite;
    animation:bar linear 2.8s infinite;
    will-change:transform
}
.preloader-progressbar li:nth-child(1){
    -webkit-transform:translateX(0) rotate(0);
    -ms-transform:translateX(0) rotate(0);
    transform:translateX(0) rotate(0);
    opacity:.2
}
.preloader-progressbar li:nth-child(2){
    -webkit-transform:translateX(-15px) rotate(0);
    -ms-transform:translateX(-15px) rotate(0);
    transform:translateX(-15px) rotate(0);
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.preloader-progressbar li:nth-child(3){
    -webkit-transform:translateX(-30px) rotate(0);
    -ms-transform:translateX(-30px) rotate(0);
    transform:translateX(-30px) rotate(0);
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.preloader-progressbar li:nth-child(4){
    -webkit-transform:translateX(-45px) rotate(10deg);
    -ms-transform:translateX(-45px) rotate(10deg);
    transform:translateX(-45px) rotate(10deg);
    -webkit-animation-delay:-1.2s;
    animation-delay:-1.2s
}
.preloader-progressbar li:nth-child(5){
    -webkit-transform:translateX(-60px) rotate(40deg);
    -ms-transform:translateX(-60px) rotate(40deg);
    transform:translateX(-60px) rotate(40deg);
    -webkit-animation-delay:-1.6s;
    animation-delay:-1.6s
}
.preloader-progressbar li:nth-child(6){
    -webkit-transform:translateX(-75px) rotate(62deg);
    -ms-transform:translateX(-75px) rotate(62deg);
    transform:translateX(-75px) rotate(62deg);
    -webkit-animation-delay:-2s;
    animation-delay:-2s
}
.preloader-progressbar li:nth-child(7){
    -webkit-transform:translateX(-90px) rotate(72deg);
    -ms-transform:translateX(-90px) rotate(72deg);
    transform:translateX(-90px) rotate(72deg);
    -webkit-animation-delay:-2.4s;
    animation-delay:-2.4s
}
/*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */
.animated{
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.animated.infinite{
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.animated.hinge{
    -webkit-animation-duration:2s;
    animation-duration:2s
}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{
    -webkit-animation-duration:.75s;
    animation-duration:.75s
}
@-webkit-keyframes bounce{
    20%,53%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
@keyframes bounce{
    20%,53%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    40%,43%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
    70%{
        -webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        -webkit-transform:translate3d(0,-15px,0);
        transform:translate3d(0,-15px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-4px,0);
        transform:translate3d(0,-4px,0)
    }
}
.bounce{
    -webkit-animation-name:bounce;
    animation-name:bounce;
    -webkit-transform-origin:center bottom;
    -ms-transform-origin:center bottom;
    transform-origin:center bottom
}
@-webkit-keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
@keyframes flash{
    50%,from,to{
        opacity:1
    }
    25%,75%{
        opacity:0
    }
}
.flash{
    -webkit-animation-name:flash;
    animation-name:flash
}
@-webkit-keyframes pulse{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
}
@keyframes pulse{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
}
@keyframes rubberBand{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
}
.rubberBand{
    -webkit-animation-name:rubberBand;
    animation-name:rubberBand
}
@-webkit-keyframes shake{
    from,to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
@keyframes shake{
    from,to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    10%,30%,50%,70%,90%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    20%,40%,60%,80%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
}
.shake{
    -webkit-animation-name:shake;
    animation-name:shake
}
@-webkit-keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes headShake{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    6.5%{
        -webkit-transform:translateX(-6px) rotateY(-9deg);
        transform:translateX(-6px) rotateY(-9deg)
    }
    18.5%{
        -webkit-transform:translateX(5px) rotateY(7deg);
        transform:translateX(5px) rotateY(7deg)
    }
    31.5%{
        -webkit-transform:translateX(-3px) rotateY(-5deg);
        transform:translateX(-3px) rotateY(-5deg)
    }
    43.5%{
        -webkit-transform:translateX(2px) rotateY(3deg);
        transform:translateX(2px) rotateY(3deg)
    }
    50%{
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.headShake{
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-name:headShake;
    animation-name:headShake
}
@-webkit-keyframes swing{
    20%{
        -webkit-transform:rotate3d(0,0,1,15deg);
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        -webkit-transform:rotate3d(0,0,1,-10deg);
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        -webkit-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        -webkit-transform:rotate3d(0,0,1,-5deg);
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        -webkit-transform:rotate3d(0,0,1,0deg);
        transform:rotate3d(0,0,1,0deg)
    }
}
@keyframes swing{
    20%{
        -webkit-transform:rotate3d(0,0,1,15deg);
        transform:rotate3d(0,0,1,15deg)
    }
    40%{
        -webkit-transform:rotate3d(0,0,1,-10deg);
        transform:rotate3d(0,0,1,-10deg)
    }
    60%{
        -webkit-transform:rotate3d(0,0,1,5deg);
        transform:rotate3d(0,0,1,5deg)
    }
    80%{
        -webkit-transform:rotate3d(0,0,1,-5deg);
        transform:rotate3d(0,0,1,-5deg)
    }
    to{
        -webkit-transform:rotate3d(0,0,1,0deg);
        transform:rotate3d(0,0,1,0deg)
    }
}
.swing{
    -webkit-transform-origin:top center;
    -ms-transform-origin:top center;
    transform-origin:top center;
    -webkit-animation-name:swing;
    animation-name:swing
}
@-webkit-keyframes tada{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}
@keyframes tada{
    from,to{
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
    10%,20%{
        -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80%{
        -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}
.tada{
    -webkit-animation-name:tada;
    animation-name:tada
}
@-webkit-keyframes wobble{
    from,to{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}
@keyframes wobble{
    from,to{
        -webkit-transform:none;
        transform:none
    }
    15%{
        -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30%{
        -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45%{
        -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60%{
        -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75%{
        -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
}
.wobble{
    -webkit-animation-name:wobble;
    animation-name:wobble
}
@-webkit-keyframes jello{
    11.1%,from,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello{
    11.1%,from,to{
        -webkit-transform:none;
        transform:none
    }
    22.2%{
        -webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
        transform:skewX(-12.5deg) skewY(-12.5deg)
    }
    33.3%{
        -webkit-transform:skewX(6.25deg) skewY(6.25deg);
        transform:skewX(6.25deg) skewY(6.25deg)
    }
    44.4%{
        -webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
        transform:skewX(-3.125deg) skewY(-3.125deg)
    }
    55.5%{
        -webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
        transform:skewX(1.5625deg) skewY(1.5625deg)
    }
    66.6%{
        -webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
        transform:skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7%{
        -webkit-transform:skewX(.390625deg) skewY(.390625deg);
        transform:skewX(.390625deg) skewY(.390625deg)
    }
    88.8%{
        -webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
        transform:skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello{
    -webkit-animation-name:jello;
    animation-name:jello;
    -webkit-transform-origin:center;
    -ms-transform-origin:center;
    transform-origin:center
}
@-webkit-keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
@keyframes bounceIn{
    20%,40%,60%,80%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    20%{
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    40%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(1.03,1.03,1.03);
        transform:scale3d(1.03,1.03,1.03)
    }
    80%{
        -webkit-transform:scale3d(.97,.97,.97);
        transform:scale3d(.97,.97,.97)
    }
    to{
        opacity:1;
        -webkit-transform:scale3d(1,1,1);
        transform:scale3d(1,1,1)
    }
}
.bounceIn{
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInDown{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-3000px,0);
        transform:translate3d(0,-3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,25px,0);
        transform:translate3d(0,25px,0)
    }
    75%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,5px,0);
        transform:translate3d(0,5px,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInDown{
    -webkit-animation-name:bounceInDown;
    animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInLeft{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    0%{
        opacity:0;
        -webkit-transform:translate3d(-3000px,0,0);
        transform:translate3d(-3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(25px,0,0);
        transform:translate3d(25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(-10px,0,0);
        transform:translate3d(-10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(5px,0,0);
        transform:translate3d(5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInLeft{
    -webkit-animation-name:bounceInLeft;
    animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
@keyframes bounceInRight{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(3000px,0,0);
        transform:translate3d(3000px,0,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(-25px,0,0);
        transform:translate3d(-25px,0,0)
    }
    75%{
        -webkit-transform:translate3d(10px,0,0);
        transform:translate3d(10px,0,0)
    }
    90%{
        -webkit-transform:translate3d(-5px,0,0);
        transform:translate3d(-5px,0,0)
    }
    to{
        -webkit-transform:none;
        transform:none
    }
}
.bounceInRight{
    -webkit-animation-name:bounceInRight;
    animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes bounceInUp{
    60%,75%,90%,from,to{
        -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
        animation-timing-function:cubic-bezier(.215,.61,.355,1)
    }
    from{
        opacity:0;
        -webkit-transform:translate3d(0,3000px,0);
        transform:translate3d(0,3000px,0)
    }
    60%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    75%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    90%{
        -webkit-transform:translate3d(0,-5px,0);
        transform:translate3d(0,-5px,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.bounceInUp{
    -webkit-animation-name:bounceInUp;
    animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
@keyframes bounceOut{
    20%{
        -webkit-transform:scale3d(.9,.9,.9);
        transform:scale3d(.9,.9,.9)
    }
    50%,55%{
        opacity:1;
        -webkit-transform:scale3d(1.1,1.1,1.1);
        transform:scale3d(1.1,1.1,1.1)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
}
.bounceOut{
    -webkit-animation-name:bounceOut;
    animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes bounceOutDown{
    20%{
        -webkit-transform:translate3d(0,10px,0);
        transform:translate3d(0,10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,-20px,0);
        transform:translate3d(0,-20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.bounceOutDown{
    -webkit-animation-name:bounceOutDown;
    animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes bounceOutLeft{
    20%{
        opacity:1;
        -webkit-transform:translate3d(20px,0,0);
        transform:translate3d(20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.bounceOutLeft{
    -webkit-animation-name:bounceOutLeft;
    animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes bounceOutRight{
    20%{
        opacity:1;
        -webkit-transform:translate3d(-20px,0,0);
        transform:translate3d(-20px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.bounceOutRight{
    -webkit-animation-name:bounceOutRight;
    animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes bounceOutUp{
    20%{
        -webkit-transform:translate3d(0,-10px,0);
        transform:translate3d(0,-10px,0)
    }
    40%,45%{
        opacity:1;
        -webkit-transform:translate3d(0,20px,0);
        transform:translate3d(0,20px,0)
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.bounceOutUp{
    -webkit-animation-name:bounceOutUp;
    animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.fadeIn{
    -webkit-animation-name:fadeIn;
    animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDown{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDown{
    -webkit-animation-name:fadeInDown;
    animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInDownBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInDownBig{
    -webkit-animation-name:fadeInDownBig;
    animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeft{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInLeftBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInLeftBig{
    -webkit-animation-name:fadeInLeftBig;
    animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRight{
    from{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRight{
    -webkit-animation-name:fadeInRight;
    animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInRightBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInRightBig{
    -webkit-animation-name:fadeInRightBig;
    animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUp{
    -webkit-animation-name:fadeInUp;
    animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes fadeInUpBig{
    from{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.fadeInUpBig{
    -webkit-animation-name:fadeInUpBig;
    animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes fadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.fadeOut{
    -webkit-animation-name:fadeOut;
    animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes fadeOutDown{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.fadeOutDown{
    -webkit-animation-name:fadeOutDown;
    animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
@keyframes fadeOutDownBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,2000px,0);
        transform:translate3d(0,2000px,0)
    }
}
.fadeOutDownBig{
    -webkit-animation-name:fadeOutDownBig;
    animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes fadeOutLeft{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.fadeOutLeft{
    -webkit-animation-name:fadeOutLeft;
    animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
@keyframes fadeOutLeftBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(-2000px,0,0);
        transform:translate3d(-2000px,0,0)
    }
}
.fadeOutLeftBig{
    -webkit-animation-name:fadeOutLeftBig;
    animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes fadeOutRight{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.fadeOutRight{
    -webkit-animation-name:fadeOutRight;
    animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
@keyframes fadeOutRightBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(2000px,0,0);
        transform:translate3d(2000px,0,0)
    }
}
.fadeOutRightBig{
    -webkit-animation-name:fadeOutRightBig;
    animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes fadeOutUp{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.fadeOutUp{
    -webkit-animation-name:fadeOutUp;
    animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
@keyframes fadeOutUpBig{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(0,-2000px,0);
        transform:translate3d(0,-2000px,0)
    }
}
.fadeOutUpBig{
    -webkit-animation-name:fadeOutUpBig;
    animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
@keyframes flip{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);
        transform:perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    40%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function:ease-out;
        animation-timing-function:ease-out
    }
    50%{
        -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    80%{
        -webkit-transform:perspective(400px) scale3d(.95,.95,.95);
        transform:perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
}
.animated.flip{
    -webkit-backface-visibility:visible;
    backface-visibility:visible;
    -webkit-animation-name:flip;
    animation-name:flip
}
@-webkit-keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInX{
    from{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);
        transform:perspective(400px) rotate3d(1,0,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);
        transform:perspective(400px) rotate3d(1,0,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInX{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipInX;
    animation-name:flipInX
}
.flipInY,.flipOutX{
    -webkit-backface-visibility:visible!important
}
@-webkit-keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
@keyframes flipInY{
    from{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in;
        opacity:0
    }
    40%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);
        transform:perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-animation-timing-function:ease-in;
        animation-timing-function:ease-in
    }
    60%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);
        transform:perspective(400px) rotate3d(0,1,0,10deg);
        opacity:1
    }
    80%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);
        transform:perspective(400px) rotate3d(0,1,0,-5deg)
    }
    to{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
}
.flipInY{
    backface-visibility:visible!important;
    -webkit-animation-name:flipInY;
    animation-name:flipInY
}
@-webkit-keyframes flipOutX{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
@keyframes flipOutX{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);
        transform:perspective(400px) rotate3d(1,0,0,-20deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);
        transform:perspective(400px) rotate3d(1,0,0,90deg);
        opacity:0
    }
}
.flipOutX{
    -webkit-animation-name:flipOutX;
    animation-name:flipOutX;
    backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
@keyframes flipOutY{
    from{
        -webkit-transform:perspective(400px);
        transform:perspective(400px)
    }
    30%{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);
        transform:perspective(400px) rotate3d(0,1,0,-15deg);
        opacity:1
    }
    to{
        -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);
        transform:perspective(400px) rotate3d(0,1,0,90deg);
        opacity:0
    }
}
.flipOutY{
    -webkit-backface-visibility:visible!important;
    backface-visibility:visible!important;
    -webkit-animation-name:flipOutY;
    animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes lightSpeedIn{
    from{
        -webkit-transform:translate3d(100%,0,0) skewX(-30deg);
        transform:translate3d(100%,0,0) skewX(-30deg);
        opacity:0
    }
    60%{
        -webkit-transform:skewX(20deg);
        transform:skewX(20deg);
        opacity:1
    }
    80%{
        -webkit-transform:skewX(-5deg);
        transform:skewX(-5deg);
        opacity:1
    }
    to{
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.lightSpeedIn{
    -webkit-animation-name:lightSpeedIn;
    animation-name:lightSpeedIn;
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
@keyframes lightSpeedOut{
    from{
        opacity:1
    }
    to{
        -webkit-transform:translate3d(100%,0,0) skewX(30deg);
        transform:translate3d(100%,0,0) skewX(30deg);
        opacity:0
    }
}
.lightSpeedOut{
    -webkit-animation-name:lightSpeedOut;
    animation-name:lightSpeedOut;
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateIn{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,-200deg);
        transform:rotate3d(0,0,1,-200deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateIn{
    -webkit-animation-name:rotateIn;
    animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownLeft{
    -webkit-animation-name:rotateInDownLeft;
    animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInDownRight{
    -webkit-animation-name:rotateInDownRight;
    animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpLeft{
    -webkit-animation-name:rotateInUpLeft;
    animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
@keyframes rotateInUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-90deg);
        transform:rotate3d(0,0,1,-90deg);
        opacity:0
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:none;
        transform:none;
        opacity:1
    }
}
.rotateInUpRight{
    -webkit-animation-name:rotateInUpRight;
    animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
@keyframes rotateOut{
    from{
        -webkit-transform-origin:center;
        transform-origin:center;
        opacity:1
    }
    to{
        -webkit-transform-origin:center;
        transform-origin:center;
        -webkit-transform:rotate3d(0,0,1,200deg);
        transform:rotate3d(0,0,1,200deg);
        opacity:0
    }
}
.rotateOut{
    -webkit-animation-name:rotateOut;
    animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
@keyframes rotateOutDownLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,45deg);
        transform:rotate3d(0,0,1,45deg);
        opacity:0
    }
}
.rotateOutDownLeft{
    -webkit-animation-name:rotateOutDownLeft;
    animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutDownRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutDownRight{
    -webkit-animation-name:rotateOutDownRight;
    animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
@keyframes rotateOutUpLeft{
    from{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:left bottom;
        transform-origin:left bottom;
        -webkit-transform:rotate3d(0,0,1,-45deg);
        transform:rotate3d(0,0,1,-45deg);
        opacity:0
    }
}
.rotateOutUpLeft{
    -webkit-animation-name:rotateOutUpLeft;
    animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
@keyframes rotateOutUpRight{
    from{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        opacity:1
    }
    to{
        -webkit-transform-origin:right bottom;
        transform-origin:right bottom;
        -webkit-transform:rotate3d(0,0,1,90deg);
        transform:rotate3d(0,0,1,90deg);
        opacity:0
    }
}
.rotateOutUpRight{
    -webkit-animation-name:rotateOutUpRight;
    animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
@keyframes hinge{
    0%{
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    20%,60%{
        -webkit-transform:rotate3d(0,0,1,80deg);
        transform:rotate3d(0,0,1,80deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    40%,80%{
        -webkit-transform:rotate3d(0,0,1,60deg);
        transform:rotate3d(0,0,1,60deg);
        -webkit-transform-origin:top left;
        transform-origin:top left;
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out;
        opacity:1
    }
    to{
        -webkit-transform:translate3d(0,700px,0);
        transform:translate3d(0,700px,0);
        opacity:0
    }
}
.hinge{
    -webkit-animation-name:hinge;
    animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
    from{
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes jackInTheBox{
    from{
        opacity:0;
        -webkit-transform:scale(.1) rotate(30deg);
        transform:scale(.1) rotate(30deg);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom
    }
    50%{
        -webkit-transform:rotate(-10deg);
        transform:rotate(-10deg)
    }
    70%{
        -webkit-transform:rotate(3deg);
        transform:rotate(3deg)
    }
    to{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.jackInTheBox{
    -webkit-animation-name:jackInTheBox;
    animation-name:jackInTheBox
}
@-webkit-keyframes rollIn{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
@keyframes rollIn{
    from{
        opacity:0;
        -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    to{
        opacity:1;
        -webkit-transform:none;
        transform:none
    }
}
.rollIn{
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
@-webkit-keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
@keyframes rollOut{
    from{
        opacity:1
    }
    to{
        opacity:0;
        -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}
.rollOut{
    -webkit-animation-name:rollOut;
    animation-name:rollOut
}
@-webkit-keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
@keyframes zoomIn{
    from{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    50%{
        opacity:1
    }
}
.zoomIn{
    -webkit-animation-name:zoomIn;
    animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInDown{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInDown{
    -webkit-animation-name:zoomInDown;
    animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInLeft{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInLeft{
    -webkit-animation-name:zoomInLeft;
    animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInRight{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInRight{
    -webkit-animation-name:zoomInRight;
    animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomInUp{
    from{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    60%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomInUp{
    -webkit-animation-name:zoomInUp;
    animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
@keyframes zoomOut{
    from{
        opacity:1
    }
    50%{
        opacity:0;
        -webkit-transform:scale3d(.3,.3,.3);
        transform:scale3d(.3,.3,.3)
    }
    to{
        opacity:0
    }
}
.zoomOut{
    -webkit-animation-name:zoomOut;
    animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutDown{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutDown{
    -webkit-animation-name:zoomOutDown;
    animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
@keyframes zoomOutLeft{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(-2000px,0,0);
        transform:scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin:left center;
        transform-origin:left center
    }
}
.zoomOutLeft{
    -webkit-animation-name:zoomOutLeft;
    animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
@keyframes zoomOutRight{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    to{
        opacity:0;
        -webkit-transform:scale(.1) translate3d(2000px,0,0);
        transform:scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin:right center;
        transform-origin:right center
    }
}
.zoomOutRight{
    -webkit-animation-name:zoomOutRight;
    animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
@keyframes zoomOutUp{
    40%{
        opacity:1;
        -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform:scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);
        animation-timing-function:cubic-bezier(.55,.055,.675,.19)
    }
    to{
        opacity:0;
        -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin:center bottom;
        transform-origin:center bottom;
        -webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);
        animation-timing-function:cubic-bezier(.175,.885,.32,1)
    }
}
.zoomOutUp{
    -webkit-animation-name:zoomOutUp;
    animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInDown{
    from{
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInDown{
    -webkit-animation-name:slideInDown;
    animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInLeft{
    from{
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInLeft{
    -webkit-animation-name:slideInLeft;
    animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInRight{
    from{
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInRight{
    -webkit-animation-name:slideInRight;
    animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes slideInUp{
    from{
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0);
        visibility:visible
    }
    to{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
.slideInUp{
    -webkit-animation-name:slideInUp;
    animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
@keyframes slideOutDown{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
}
.slideOutDown{
    -webkit-animation-name:slideOutDown;
    animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
@keyframes slideOutLeft{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
}
.slideOutLeft{
    -webkit-animation-name:slideOutLeft;
    animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
@keyframes slideOutRight{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
}
.slideOutRight{
    -webkit-animation-name:slideOutRight;
    animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
@keyframes slideOutUp{
    from{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    to{
        visibility:hidden;
        -webkit-transform:translate3d(0,-100%,0);
        transform:translate3d(0,-100%,0)
    }
}
.slideOutUp{
    -webkit-animation-name:slideOutUp;
    animation-name:slideOutUp
}
/*# sourceMappingURL=style.css.map */