@charset "utf-8";
@font-face {
font-family: 'reeyregular';
src: url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/reey-regular-webfont.woff2) format('woff2'),
url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/reey-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
background: transparent;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
blockquote {
quotes: none;
}
blockquote:before,blockquote:after {
content: '';
content: none;
}
ul, ol{
margin:0px;	
}
ul li, ol li{
margin:0px;
}
img{
vertical-align:middle;
max-width:100%;
}
iframe{
max-width:100%;
}
del {
text-decoration: line-through;
}
a, i{
border:none;
}
a:hover{text-decoration:none;}  textarea{
border-radius:0;
resize:vertical;
letter-spacing: 0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width:100%;
border:1px solid #eee;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
border-radius:0;
min-width:auto;
letter-spacing:0;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height:44px;
vertical-align:middle;
border:1px solid #eee;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color:#ccc;
background:#eee;
}
input[type="submit"]{
height: 40px;
line-height: 1;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0;
border:none;
cursor:pointer;
background:#777;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
input[type="submit"]:hover{
background:#444;
}
select{
padding:8px;
border:2px solid #eee;
}
input[type="button"]{
cursor:pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
@font-face {
font-family: 'fontello';
src: url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.eot?91023305);
src: url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.eot?91023305#iefix) format('embedded-opentype'),
url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.woff2?91023305) format('woff2'),
url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.woff?91023305) format('woff'),
url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.ttf?91023305) format('truetype'),
url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/font/fontello.svg?91023305#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: never;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-cancel:before { content: '\e800'; } .icon-cancel-1:before { content: '\e801'; } .icon-cancel-2:before { content: '\e802'; } .icon-cancel-3:before { content: '\e803'; } .icon-cancel-4:before { content: '\e804'; } .icon-cancel-5:before { content: '\e805'; } .icon-cancel-6:before { content: '\e806'; } .icon-cancel-7:before { content: '\e807'; } .icon-search:before { content: '\ea6e'; } .icon-search:before { content: '\f50d'; }   .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}   .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
animation-name: fadeIn;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
} body { -webkit-backface-visibility: hidden;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-moz-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@-o-keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
@keyframes flash {
0%, 50%, 100% {opacity: 1;}	
25%, 75% {opacity: 0;}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {-webkit-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}
@-moz-keyframes shake {
0%, 100% {-moz-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}
@-o-keyframes shake {
0%, 100% {-o-transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}
@keyframes shake {
0%, 100% {transform: translateX(0);}
10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
20%, 40%, 60%, 80% {transform: translateX(10px);}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
40% {-webkit-transform: translateY(-30px);}
60% {-webkit-transform: translateY(-15px);}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
40% {-moz-transform: translateY(-30px);}
60% {-moz-transform: translateY(-15px);}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
40% {-o-transform: translateY(-30px);}
60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-30px);}
60% {transform: translateY(-15px);}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}	
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}	
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}	
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}	
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
20% { -webkit-transform: rotate(15deg); }	
40% { -webkit-transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); }	
80% { -webkit-transform: rotate(-5deg); }	
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes swing {
20% { -moz-transform: rotate(15deg); }	
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }	
80% { -moz-transform: rotate(-5deg); }	
100% { -moz-transform: rotate(0deg); }
}
@-o-keyframes swing {
20% { -o-transform: rotate(15deg); }	
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }	
80% { -o-transform: rotate(-5deg); }	
100% { -o-transform: rotate(0deg); }
}
@keyframes swing {
20% { transform: rotate(15deg); }	
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }	
80% { transform: rotate(-5deg); }	
100% { transform: rotate(0deg); }
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% { -webkit-transform: translateX(0%); }
15% { -webkit-transform: translateX(-25%) rotate(-5deg); }
30% { -webkit-transform: translateX(20%) rotate(3deg); }
45% { -webkit-transform: translateX(-15%) rotate(-3deg); }
60% { -webkit-transform: translateX(10%) rotate(2deg); }
75% { -webkit-transform: translateX(-5%) rotate(-1deg); }
100% { -webkit-transform: translateX(0%); }
}
@-moz-keyframes wobble {
0% { -moz-transform: translateX(0%); }
15% { -moz-transform: translateX(-25%) rotate(-5deg); }
30% { -moz-transform: translateX(20%) rotate(3deg); }
45% { -moz-transform: translateX(-15%) rotate(-3deg); }
60% { -moz-transform: translateX(10%) rotate(2deg); }
75% { -moz-transform: translateX(-5%) rotate(-1deg); }
100% { -moz-transform: translateX(0%); }
}
@-o-keyframes wobble {
0% { -o-transform: translateX(0%); }
15% { -o-transform: translateX(-25%) rotate(-5deg); }
30% { -o-transform: translateX(20%) rotate(3deg); }
45% { -o-transform: translateX(-15%) rotate(-3deg); }
60% { -o-transform: translateX(10%) rotate(2deg); }
75% { -o-transform: translateX(-5%) rotate(-1deg); }
100% { -o-transform: translateX(0%); }
}
@keyframes wobble {
0% { transform: translateX(0%); }
15% { transform: translateX(-25%) rotate(-5deg); }
30% { transform: translateX(20%) rotate(3deg); }
45% { transform: translateX(-15%) rotate(-3deg); }
60% { transform: translateX(10%) rotate(2deg); }
75% { transform: translateX(-5%) rotate(-1deg); }
100% { transform: translateX(0%); }
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); }	
50% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }	
50% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }	
50% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); }	
50% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}	
100% {opacity: 1;}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut {
0% {opacity: 1;}
100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}	
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}	
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}	
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}	
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }	
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }	
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }	
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }	
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }	
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }	
100% { transform: translateY(700px); opacity: 0; }
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
} @-webkit-keyframes lightSpeedIn {
0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-moz-keyframes lightSpeedIn {
0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@-o-keyframes lightSpeedIn {
0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
}
@keyframes lightSpeedIn {
0% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
60% { transform: translateX(-20%) skewX(30deg); opacity: 1; }
80% { transform: translateX(0%) skewX(-15deg); opacity: 1; }
100% { transform: translateX(0%) skewX(0deg); opacity: 1; }
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
-webkit-animation-duration: 0.5s;
-moz-animation-duration: 0.5s;
-o-animation-duration: 0.5s;
animation-duration: 0.5s;
} @-webkit-keyframes lightSpeedOut {
0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-moz-keyframes lightSpeedOut {
0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@-o-keyframes lightSpeedOut {
0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
@keyframes lightSpeedOut {
0% { transform: translateX(0%) skewX(0deg); opacity: 1; }
100% { transform: translateX(100%) skewX(-30deg); opacity: 0; }
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
-webkit-animation-duration: 0.25s;
-moz-animation-duration: 0.25s;
-o-animation-duration: 0.25s;
animation-duration: 0.25s;
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
}
.wiggle {
-webkit-animation-name: wiggle;
-moz-animation-name: wiggle;
-o-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
.animated.wiggle {
-webkit-animation-duration: 0.75s;
-moz-animation-duration: 0.75s;
-o-animation-duration: 0.75s;
animation-duration: 0.75s;
} .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{width:auto}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//lavoiedesdeesses.com/wp-content/themes/tonni/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} .hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:1}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#000}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent!important}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent!important}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent!important}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent!important}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent!important}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent!important}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent!important}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent!important}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent!important}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
  a{
text-decoration: none;
}
:root{
--main-color: #86756C;
--extra-color: #AB5429;
--font-family: 'Open Sans', sans-serif;
--font-family-extra: 'Inter', serif;;
--font-family-reey: 'reeyregular';
}
html {
overflow-x: hidden;
padding: 0px;
margin: 0px;
}
body{
overflow-x: hidden;
width: 100%;
font-family: var(--font-family);
font-size: 14px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
font-weight: 400;
background-color: #F3F0EA;
color: var(--main-color);
}
svg{
fill: currentcolor;
width: 15px;
height: 15px;
}
img.svg{
width: 15px;
height: 15px;
}
body::-webkit-scrollbar {
width: 11px;
}
body{
scrollbar-width: thin;
scrollbar-color: #AB5429 #F3F0EA;
}
body:-webkit-scrollbar-track {
background: #F3F0EA;
}
body::-webkit-scrollbar-thumb {
background-color: var(--extra-color);;
border-radius: 6px;
border: 3px solid #F3F0EA;
}
::-webkit-input-placeholder { color: var(--main-color);
}
:-moz-placeholder { color: var(--main-color);
opacity:  1;
}
::-moz-placeholder { color: var(--main-color);
opacity:  1;
}
:-ms-input-placeholder { color: var(--main-color);
}
::-ms-input-placeholder { color: var(--main-color);
}
::placeholder { color: var(--main-color);
}
.container{
max-width: 1250px;
width:100%;
margin-left: auto;
margin-right: auto;
height:auto;
padding:0px 40px;
position:relative;
clear:both;
}
.container.bigger{
max-width: 1700px;
}
h1, h2, h3, h4, h5, h6{
font-weight:600;
line-height: 1.3;
font-family: var(--font-family-extra);
color: #000;
}
h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.tonni_tm_all_wrap{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_all_wrap,
.tonni_tm_all_wrap *{
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#preloader{
position: fixed;
left: 0;
top: 0;
height: 100vh;
width: 100%;
z-index: 99999;
display: flex;
}
#preloader:before,
#preloader:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
z-index: -1;
background-color: #000;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
#preloader:after{
left: auto;
right: 0;
}
#preloader .loader_line{
margin: auto;
width: 1px;
height: 250px;
position: relative;
overflow: hidden;
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
}
.loader_line:before{
content: '';
position: absolute;
left: 0;
top: 50%;
width: 1px;
height: 0%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #fff;
-webkit-animation: lineheight 1000ms ease-in-out 0s forwards;
-o-animation: lineheight 1000ms ease-in-out 0s forwards;
animation: lineheight 1000ms ease-in-out 0s forwards;
}
.loader_line:after{
content: '';
position: absolute;
left: 0;
top: 0;
width: 1px;
height: 100%;
background-color: #999999;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: lineround 1200ms linear 0s infinite;
-o-animation: lineround 1200ms linear 0s infinite;
animation: lineround 1200ms linear 0s infinite;
animation-delay: 2000ms;
}
@keyframes lineheight{
0%{
height: 0%;
}
100%{
height: 100%;
}
}
@keyframes lineround{
0%{
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
100%{
-webkit-transform: translateY(200%);
-ms-transform: translateY(200%);
-o-transform: translateY(200%);
transform: translateY(200%);
}
} .preloaded .loader_line:after{
opacity: 0;
}
.preloaded  .loader_line{
opacity: 0;
height: 100%!important;
}
.preloaded:before,
.preloaded:after{
-webkit-animation: preloadedzero 300ms ease-in-out 500ms forwards;
-o-animation: preloadedzero 300ms ease-in-out 500ms forwards;
animation: preloadedzero 300ms ease-in-out 500ms forwards;
}
@keyframes preloadedzero{
0%{
width: 50%;
}
100%{
width: 0%;
}
}
.tonni_tm_section{
width: 100%;
height: auto;
clear: both;
float: left;
}  .tonni_tm_mobile_menu{
width: 100%;
height: auto;
position: fixed;
top: 0px;
left: 0px;
display: none;
z-index: 10;
}
.tonni_tm_mobile_menu .mobile_menu_inner{
width: 100%;
height: auto;
float: left;
clear: both;
background-color: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 10px 20px 10px 20px;
}
.tonni_tm_mobile_menu .mobile_in{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.tonni_tm_mobile_menu .mobile_in .logo img{
max-width: 90px;
max-height: 70px;
}
.tonni_tm_mobile_menu .trigger{
line-height: 0;
}
.tonni_tm_mobile_menu .dropdown{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;
display: none;
}
.tonni_tm_mobile_menu .dropdown .dropdown_inner{
width: 100%;
height: auto;
clear: both;
float: left;
padding: 25px 20px;
}
.tonni_tm_mobile_menu .dropdown .dropdown_inner ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_mobile_menu .dropdown .dropdown_inner ul li{
margin: 0px;
float: left;
width: 100%;
}
.tonni_tm_mobile_menu .dropdown .dropdown_inner ul li a{
text-decoration: none;
color: #202020;
display: inline-block;
padding: 0px 0px;
font-weight: 500;
font-family: var(--font-family-extra);
}
.tonni_tm_mobile_menu .hamburger-inner, 
.tonni_tm_mobile_menu .hamburger-inner:after, 
.tonni_tm_mobile_menu .hamburger-inner:before{
width: 30px;
height: 2px;
}
.tonni_tm_mobile_menu .hamburger-box{
width: 30px;
}
.tonni_tm_mobile_menu .hamburger{
padding: 0px;
}  .tonni_tm_header{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
z-index: 10;
border-bottom: 1px solid rgba(171,84,41,.1);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_header.animate{
background-color: #F3F0EA;
}
.tonni_tm_header .header_in{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
align-items: center;
justify-content: space-between;
}
.tonni_tm_header .logo img{
max-width: 200px;
max-height: 100px;
}
.tonni_tm_header .menu{
position: relative;
}
.tonni_tm_header .menu ul{
margin: 0px;
list-style-type: none;
display: flex;
}
.tonni_tm_header .menu ul li{
margin: 0px 45px 0px 0px;
}
.tonni_tm_header .menu ul li:last-child{
margin-right: 0px;
}
.tonni_tm_header .menu ul li a{
font-size: 16px;
color: #000;
display: inline-block;
padding: 21px 0px 25px 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_header .menu ul li.current > a{
color: var(--extra-color);;
}
.tonni_tm_header .menu ul li a:hover{
color: var(--extra-color);;
}
.tonni_tm_header .menu .ccc{
position: absolute;
bottom: -1px;
width: 0;
background-color: var(--extra-color);;
display: block;
height: 3px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.tonni_tm_header .follow{
display: flex;
align-items: center;
}
.tonni_tm_header .follow ul{
margin: 0px;
list-style-type: none;
display: flex;
align-items: center;
padding-left: 13px;
}
.tonni_tm_header .follow ul li{
margin: 0px 30px 0px 0px;
line-height: 0;
}
.tonni_tm_header .follow ul li:last-child{
margin-right: 0px;
}
.tonni_tm_header .follow ul li a{
text-decoration: none;
color: #86756c;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_header .follow ul li a:hover{
color: #ab5429;
}
.tonni_tm_header .follow ul li .svg{
width: 13px;
height: 13px;
}  .tonni_tm_hero{
width: 100%;
min-height: 100vh;
float: left;
position: relative;
overflow: hidden;
}
.tonni_tm_hero .background{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.tonni_tm_hero .background .image{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.tonni_tm_hero .background .overlay{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px; z-index: 1;
}
.tonni_tm_hero .container{
z-index: 2;
height: 100vh;
}
.tonni_tm_hero .content{
width: 100%;
height: 100vh;
float: left;
position: relative;
}
.tonni_tm_hero .content_in{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tonni_tm_hero .name{
font-weight: 700;
font-size: 112px;
text-transform: uppercase;
}
.tonni_tm_hero .name span{
color: var(--extra-color);;
}
.tonni_tm_hero .welcome{
display: inline-block;
font-size: 18px;
text-transform: uppercase;
position: relative;
margin-bottom: 60px;
}
.tonni_tm_hero .welcome:before{
position: absolute;
content: "";
width: 70px;
height: 2px;
background-color: var(--extra-color);;
left: 100%;
margin-left: 2px;
bottom: 9px;
}
.tonni_tm_button{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_button a{
font-family: var(--font-family-extra);
font-weight: 700;
color: #000;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_button a:hover{
color: var(--extra-color);;
}
.tonni_tm_button .svg{
position: relative;
margin-left: 6px;
top: 3px;
color: var(--extra-color);;
}
.tonni_tm_down{
position: absolute;
left: 28px;
bottom: 7%;
}
.tonni_tm_down svg{
width: 64px !important;
height: 64px !important;
}
.tonni_tm_down svg #wheel{
animation: scroll ease 2s infinite;
}
@keyframes scroll {
0% {
transform: translateY(0);
}
30% {
transform: translateY(60px);
}
}
.tonni_tm_hero .play_button{
position: absolute;
z-index: 3;
top: 50%;
transform: translateY(-50%);
left: 60px;
}
.tonni_tm_hero .play_button a{
display: inline-block;
position: relative;
width: 70px;
height: 70px;
border-radius: 100%;
border: 2px solid #DED2BD;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_hero .play_button a:hover{
background-color: #DED2BD;
}
.tonni_tm_hero .play_button a:before{
position: absolute;
content: "";
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 7.5px 0 7.5px 15px;
border-color: transparent transparent transparent #000;
margin-left: 3px;
}
.tonni_tm_hero .svg{
color: transparent;
}
.tonni_tm_hero .shape1{
position: absolute;
bottom: 22%;
left: 7%;
}
.tonni_tm_hero .shape1 .svg{
width: 44px;
height: 44px;
}
.tonni_tm_hero .shape2{
position: absolute;
bottom: 3%;
left: 18.5%;
}
.tonni_tm_hero .shape2 .svg{
width: 70px;
height: 70px;
}
.tonni_tm_hero .shape3{
position: absolute;
top: 17%;
left: 30%;
}
.tonni_tm_hero .shape3 .svg{
width: 30px;
height: 30px;
}
.tonni_tm_hero .shape4{
position: absolute;
top: 36%;
left: 49%;
}
.tonni_tm_hero .shape4 .svg{
width: 45px;
height: 45px;
}
.tonni_tm_hero .shape5{
position: absolute;
bottom: 12%;
left: 40%;
}
.tonni_tm_hero .shape5 .svg{
width: 44px;
height: 44px;
}
.tonni_tm_hero .shape6{
position: absolute;
top: 27%;
right: 12%;
}
.tonni_tm_hero .shape6 .svg{
width: 44px;
height: 44px;
}
.tonni_tm_hero .shape7{
position: absolute;
bottom: 20%;
right: 9%;
}
.tonni_tm_hero .shape7 .svg{
width: 81px;
height: 81px;
}
.anim_circle{
animation: animCircle 15s infinite linear;
}
@keyframes animCircle {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}  .tonni_tm_about{
width: 100%;
height: auto;
clear: both;
float: left;
padding-top: 150px;
margin-bottom: 100px;
}
.tonni_tm_about .about_inner{
width: 100%;
height: auto;
clear: both;
display: flex;
}
.tonni_tm_about .left{
width: 50%;
position: relative;
}
.tonni_tm_about .left .circle_shape{
position: absolute;
right: 10px;
top: 10px;
}
.tonni_tm_about .left .circle_shape .svg{
width: 44px;
height: 44px;
}
.tonni_tm_about .left_inner{
width: 100%;
display: flex;
align-items: flex-end;
}
.tonni_tm_about .year{
position: relative;
}
.tonni_tm_about .year h3{
font-size: 440px;
font-weight: 700;
letter-spacing: -20px;
background-clip: text;
-webkit-background-clip: text;
color: transparent;
background-image: url(//lavoiedesdeesses.com/wp-content/themes/tonni//img/about/1.png);
-webkit-text-stroke-width: 6px;
-webkit-text-stroke-color: #fff;
line-height: 335px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.tonni_tm_about .year .rounded{
position: absolute;
width: 260px;
height: 260px;
border-radius: 100%;
background-color: #ede8df;
left: 0px;
bottom: -50px;
z-index: -1;
}
.tonni_tm_about .year .rounded img{
position: absolute;
left: -110px;
top: -30px;
}
.tonni_tm_about .experience{
text-align: center;
margin-left: -35px;
position: relative;
}
.tonni_tm_about .experience h3{
font-size: 390px;
font-family: var(--font-family-reey);
color: var(--extra-color);;
line-height: 1;
line-height: 190px;
margin-bottom: 25px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
position: relative;
top: 70px;
}
.tonni_tm_about .experience p{
font-size: 50px;
line-height: 50px;
font-style: italic;
color: var(--extra-color);;
font-family: var(--font-family-reey);
}
.tonni_tm_about .experience .shape{
position: absolute;
top: 0px;
left: 60px;
z-index: -1;
}
.tonni_tm_about .right{
width: 50%;
padding-left: 50px;
}
.tonni_tm_about .right .title{
width: 100%;
float: left;
margin-bottom: 30px;
}
.tonni_tm_about .right .title span{
display: inline-block;
font-size: 18px;
}
.tonni_tm_about .right .title h3{
font-size: 45px;
font-weight: 700;
line-height: 1.2;
}
.tonni_tm_about .right .text{
width: 100%;
float: left;
margin-bottom: 50px;
}
.dodo_progress{
width: 100%;
float: left;
}
.dodo_progress ul{
margin: 0px 0px 0px -80px;
list-style-type: none;
}
.dodo_progress ul li{
margin: 0px 0px 50px 0px;
float: left;
padding-left: 80px;
width: 33.3333%;
}
.dodo_progress ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.dodo_progress .progress_inner{
width: 100%;
}
.dodo_progress .progress_inner .background{
background:rgba(181,168,142,.2);
width:100%;
min-width:100%;
position:relative;
height:30px;
border-radius: 10px;
}
.dodo_progress .progress_inner .background .bar_in{
height:100%;
background:var(--extra-color);;
width:0px;
overflow:hidden;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.dodo_progress .progress_inner .background .bar{
width:0px;
height:100%;
}
.dodo_progress .progress_inner .background .bar.open{
-webkit-animation: wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-animation:    wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); animation:         wow 2s cubic-bezier(0.165, 0.840, 0.440, 1.000); width:100%;	
}
@-webkit-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@-moz-keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
@keyframes wow {0%{ width:0%; } 100%{ width:100%; }}
.dodo_progress .percent{
width: 100%;
display: flex;
align-items: center;
margin-top: 12px;
}
.dodo_progress .percent .svg{
width: 24px;
height: 24px;
}
.dodo_progress .percent span{
display: inline-block;
font-weight: 600;
color: #000;
padding-left: 10px;
}  .tonni_tm_service{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_service .service_in{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #EDE8DF;
padding: 100px 0px 120px 0px;
position: relative;
}
.tonni_tm_main_title{
width: 100%;
height: auto;
}
.tonni_tm_main_title .title{
margin-bottom: 13px;
}
.tonni_tm_main_title .title span{
display: inline-block;
margin-bottom: 2px;
}
.tonni_tm_main_title .title h3{
font-size: 32px;
font-weight: 700;
}
.tonni_tm_main_title[data-type="centered"]{
max-width: 550px;
margin: 0px auto;
text-align: center;
}
.tonni_tm_main_title[data-type="flex"]{
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.tonni_tm_main_title[data-type="flex"] .title{
width: 50%;
margin-bottom: 0px;
}
.tonni_tm_main_title[data-type="flex"] .subtitle{
width: 50%;
padding-left: 100px;
}
.tonni_tm_service .service_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 50px;
border-bottom: 1px solid rgba(0,42,58,.07);
}
.tonni_tm_service .service_list ul{
margin: 0px 0px 0px -50px;
list-style-type: none;
}
.tonni_tm_service .service_list ul li{
margin: 0px 0px 50px 0px;
float: left;
padding-left: 50px;
width: 25%;
}
.tonni_tm_service .service_list ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_service .service_list ul li .svg{
width: 70px;
height: 70px;
margin-bottom: 35px;
}
.tonni_tm_service .service_list ul li .title{
width: 100%;
float: left;
margin-bottom: 30px;
}
.tonni_tm_service .service_list ul li .title h3{
font-weight: 600;
color: #002A3A;
font-size: 20px;
margin-bottom: 4px;
}
.tonni_tm_service .service_list ul li .title span{
font-weight: 700;
color: var(--extra-color);;
text-transform: uppercase;
font-family: var(--font-family-extra);
}
.tonni_tm_service .shape{
position: absolute;
bottom: -10px;
left: 0px;
}
.tonni_tm_service .service_in .container{
z-index: 1;
}
.tonni_tm_service .shape .svg{
width: 100%;
height: 100%;
color: transparent;
}  .tonni_tm_portfolio{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 90px;
padding-top: 110px;
}
.tonni_tm_portfolio .portfolio_list{
width: 100%;
height: auto;
clear: both;
float: left;
padding-top: 50px;
}
.tonni_tm_portfolio .portfolio_list ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.tonni_tm_portfolio .portfolio_list ul li{
margin: 0px 0px 30px 0px;
float: left;
padding-left: 30px;
width: 33.3333%;
}
.tonni_tm_portfolio .portfolio_list ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_portfolio .portfolio_list ul li .image{
position: relative;
overflow: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.tonni_tm_portfolio .portfolio_list ul li .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.tonni_tm_portfolio .portfolio_list ul li .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transform: scale(1) translateZ(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_portfolio .list_inner:hover .image .main{
transform: scale(1.1) translateZ(0);
}
.tonni_tm_portfolio .portfolio_list .details{
width: 100%;
float: left;
background-color: #F8F5EF;
box-shadow: 0px 14px 20px rgba(187, 182, 173, 0.3);
padding: 20px 30px 28px 50px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
}
.tonni_tm_portfolio .portfolio_list .details .category{
display: inline-block;
font-family: var(--font-family-extra);
font-weight: 700;
color: var(--extra-color);;
text-transform: uppercase;
margin-bottom: 5px;
position: relative;
}
.tonni_tm_portfolio .portfolio_list .details .category:before{
position: absolute;
content: "";
width: 40px;
height: 2px;
background-color: rgba(0, 0, 0, 0.1);
left: -50px;
bottom: 10px;
}
.tonni_tm_portfolio .portfolio_list .details .category:after{
position: absolute;
content: "";
width: 0px;
height: 2px;
background-color: var(--extra-color);;
left: -50px;
bottom: 10px;
z-index: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_portfolio .list_inner:hover .category:after{
width: 40px;
}
.tonni_tm_portfolio .portfolio_list .details .title{
font-size: 20px;
}
.tonni_tm_portfolio .portfolio_list .details .svg{
position: absolute;
bottom: 10px;
right: 10px;
width: 25px;
height: 25px;
opacity: .1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_portfolio .list_inner:hover .details .svg{
opacity: 1;
}
.tonni_tm_full_link{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 5;
}
.tonni_tm_modalbox{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 100vh;
z-index: 20;
background-color: rgba(0,0,0,.9);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_modalbox.opened{
opacity: 1;
visibility: visible;
}
.tonni_tm_modalbox .box_inner{
position: absolute;
top: 70px;
bottom: 70px;
width: 968px;
left: 50%;
transform: translateX(-50%);
background-color: #F3F0EA;
z-index: 1;
opacity: 0;
visibility: hidden;
margin-top: -20px;
border-radius: 10px;
transition-delay: .3s;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_modalbox.opened .box_inner{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.tonni_tm_modalbox .close{
position: fixed;
left: 100%;
top: 0px;
margin-left: 30px;
z-index: 10;
}
.tonni_tm_modalbox .close a{
display: block;
width: 40px;
height: 40px;
text-decoration: none;
color: #F3F0EA;
border:2px solid #F3F0EA;
border-radius: 10px;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_modalbox .close a:hover{
border-radius: 100%;
}
.tonni_tm_modalbox .close a i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.tonni_tm_modalbox .description_wrap{
position: relative;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
padding: 50px;
overflow-y: scroll;
border-radius: 10px;
}
.tonni_tm_modalbox .description_wrap:before{
position: fixed;
content: "";
top: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #F3F0EA;
z-index: 2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.tonni_tm_modalbox .description_wrap:after{
position: fixed;
content: "";
bottom: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #F3F0EA;
z-index: 2;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.tonni_tm_modalbox .description_wrap::-webkit-scrollbar{
width: 11px;
}
.tonni_tm_modalbox .description_wrap{
scrollbar-width: thin;
scrollbar-color: #999 #F3F0EA;
}
.tonni_tm_modalbox .description_wrap:-webkit-scrollbar-track{
background: #F3F0EA;
}
.tonni_tm_modalbox .description_wrap::-webkit-scrollbar-thumb{
background-color: #999;
border-radius: 10px;
border: 3px solid #F3F0EA;
}
.tonni_tm_portfolio .hidden_content{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -11;
}
.tonni_tm_modalbox .popup_details{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_modalbox .popup_details .top_image{
position: relative;
overflow: hidden;
margin-bottom: 37px;
}
.tonni_tm_modalbox .popup_details .top_image img{
position: relative;
min-width: 100%;
opacity: 0;
}
.tonni_tm_modalbox .popup_details .top_image .main{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
border-radius: 12px;
}
.tonni_tm_modalbox .portfolio_main_title{
width: 100%;
float: left;
margin-bottom: 23px;
}
.tonni_tm_modalbox .portfolio_main_title span{
display: inline-block;
font-family: var(--font-family-extra);
}
.tonni_tm_modalbox .portfolio_main_title span a{
text-decoration: none;
color: #86756c;
}
.tonni_tm_modalbox .portfolio_main_title h3{
font-size: 30px;
margin-bottom: 3px;
}
.tonni_tm_modalbox .main_details{
width: 100%;
height: auto;
clear: both;
display: flex;
margin-bottom: 60px;
}
.tonni_tm_modalbox .main_details .textbox{
width: 70%;
padding-right: 40px;
}
.tonni_tm_modalbox .main_details .textbox p{
margin-bottom: 15px;
}
.tonni_tm_modalbox .main_details .textbox p:last-child{
margin-bottom: 0px;
}
.tonni_tm_modalbox .main_details .detailbox{
width: 30%;
padding-left: 40px;
}
.tonni_tm_modalbox .main_details .detailbox > ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_modalbox .main_details .detailbox > ul > li{
margin: 0px 0px 10px 0px;
width: 100%;
float: left;
}
.tonni_tm_modalbox .main_details .detailbox > ul > li:last-child{
margin-bottom: 0px;
}
.tonni_tm_modalbox .main_details .detailbox .first{
font-weight: 500;
font-size: 16px;
display: block;
color: #000;
font-family: var(--font-family-extra);
}
.tonni_tm_modalbox .main_details .detailbox span{
font-family: var(--font-family-extra);
}
.tonni_tm_modalbox .main_details .detailbox span a{
text-decoration: none;
color: #7d7789;
}
.tonni_tm_modalbox .additional_images{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_modalbox .additional_images ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.tonni_tm_modalbox .additional_images ul li{
margin: 0px 0px 30px 0px;
float: left;
width: 50%;
padding-left: 30px;
}
.tonni_tm_modalbox .additional_images ul li:nth-child(3n-2){
width: 100%;
}
.tonni_tm_modalbox .additional_images ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_modalbox .additional_images ul li .my_image{
position: relative;
}
.tonni_tm_modalbox .additional_images ul li .my_image img{
opacity: 0;
min-width: 100%;
}
.tonni_tm_modalbox .additional_images ul li .my_image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
}  .tonni_tm_timeline{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 110px;
}
.tonni_tm_timeline .timeline_inner{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #EDE8DF;
padding: 110px 0px 120px 0px;
position: relative;
}
.tonni_tm_timeline .timeline_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 200px;
position: relative;
}
.tonni_tm_timeline .timeline_list .line{
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 3px;
top: -77px;
bottom: 100px;
background-color: #E2D7C1;
}
.tonni_tm_timeline .timeline_list .line:before{
position: absolute;
content: "";
width: 13px;
height: 13px;
border-radius: 100%;
background-color: #E2D7C1;
top: -13px;
left: 50%;
transform: translateX(-50%);
}
.tonni_tm_timeline .timeline_list > ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_timeline .timeline_list > ul > li{
margin: 0px 0px 60px 0px;
width: 100%;
float: left;
}
.tonni_tm_timeline .timeline_list > ul > li:last-child{
margin-bottom: 0px;
}
.tonni_tm_timeline .timeline_list .items{
margin: 0px 0px 0px -40px;
list-style-type: none;
display: flex;
align-items: center;
justify-content: space-between;
}
.tonni_tm_timeline .timeline_list .items li{
margin: 0px;
width: 33.3333%;
padding-left: 40px;
text-align: right;
}
.tonni_tm_timeline .timeline_list .items li:nth-child(2){
text-align: center;
}
.tonni_tm_timeline .timeline_list .items li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_timeline .timeline_list .items .image{
position: relative;
}
.tonni_tm_timeline .timeline_list .items .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.tonni_tm_timeline .timeline_list .items .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
}
.tonni_tm_timeline .timeline_list .items .year{
width: 130px;
height: 130px;
line-height: 130px;
border-radius: 10px;
background-color: #F8F5EF;
display: inline-block;
padding: 0px 5px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_timeline .timeline_list .items:hover .year{
background-color: var(--extra-color);;
}
.tonni_tm_timeline .timeline_list .items .year span{
font-weight: 700;
color: #000;
font-family: var(--font-family-extra);
text-transform: uppercase;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_timeline .timeline_list .items:hover .year span{
color: #fff;
}
.tonni_tm_timeline .timeline_list .items .svg{
position: absolute;
width: 70px;
height: 70px;
top: 5px;
left: auto;
right: 0px;
}
.tonni_tm_timeline .timeline_list .details{
width: 100%;
float: left;
position: relative;
padding-right: 100px;
padding-left: 0px;
}
.tonni_tm_timeline .timeline_list .title{
width: 100%;
float: left;
margin-bottom: 8px;
}
.tonni_tm_timeline .timeline_list .title h3{
font-size: 20px;
color: #002A3A;
margin-bottom: 5px;
}
.tonni_tm_timeline .timeline_list .title span{
color: var(--extra-color);;
font-weight: 700;
font-family: var(--font-family-extra);
text-transform: uppercase;
}
.tonni_tm_timeline .timeline_list > ul > li:nth-child(2n) .items{
flex-direction: row-reverse;
}
.tonni_tm_timeline .timeline_list > ul > li:nth-child(2n) .items li{
text-align: left;
}
.tonni_tm_timeline .timeline_list > ul > li:nth-child(2n) .items li:nth-child(2){
text-align: center;
}
.tonni_tm_timeline .timeline_list > ul > li:nth-child(2n) .items .svg{
left: 0px;
right: auto;
}
.tonni_tm_timeline .timeline_list > ul > li:nth-child(2n) .items .details{
padding-left: 100px;
padding-right: 0px;
}
.tonni_tm_timeline .svg{
color: transparent;
}
.tonni_tm_timeline .shape{
position: absolute;
bottom: -10px;
left: 0px;
}
.tonni_tm_timeline .shape .svg{
width: 100%;
height: 100%;
}
.tonni_tm_timeline .timeline_inner .container{
z-index: 1;
}
.tonni_tm_timeline .shape2{
position: absolute;
top: 250px;
left: 40px;
}
.tonni_tm_timeline .shape2 .svg{
position: absolute;
width: 140px;
height: 140px;
}
.tonni_tm_timeline .shape2{
position: absolute;
top: 250px;
left: 40px;
}
.tonni_tm_timeline .shape2 .svg{
position: absolute;
width: 140px;
height: 140px;
}
.tonni_tm_timeline .shape3{
position: absolute;
bottom: 180px;
left: 50px;
}
.tonni_tm_timeline .shape3 .svg{
position: absolute;
width: 45px;
height: 45px;
}
.tonni_tm_timeline .shape4{
position: absolute;
top: 355px;
right: 140px;
}
.tonni_tm_timeline .shape4 .svg{
position: absolute;
width: 45px;
height: 45px;
}
.tonni_tm_timeline .shape5{
position: absolute;
bottom: 45%;
right: 140px;
}
.tonni_tm_timeline .shape5 .svg{
position: absolute;
width: 75px;
height: 75px;
}  .tonni_tm_pricing{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 90px;
}
.tonni_tm_pricing .pricing_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 65px;
position: relative;
}
.tonni_tm_pricing .pricing_list > ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.tonni_tm_pricing .pricing_list > ul > li{
margin: 0px 0px 30px 0px;
float: left;
padding-left: 30px;
width: 33.3333%;
}
.tonni_tm_pricing .pricing_list > ul > li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
border-radius: 10px;
background-color: #ede8df;
padding: 50px;
}
.tonni_tm_pricing .pricing_list > ul > li.centered{
position: relative;
margin-top: -20px;
}
.tonni_tm_pricing .pricing_list > ul > li.centered .list_inner{
padding-top: 70px; }
.tonni_tm_pricing .pricing_list > ul > li .title{
width: 100%;
float: left;
margin-bottom: 80px;
position: relative;
z-index: 1;
}
.tonni_tm_pricing .pricing_list > ul > li .plan{
color: #000;
font-family: var(--font-family-extra);
font-size: 20px;
}
.tonni_tm_pricing .pricing_list > ul > li .price{
color: #86756C;
font-size: 64px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_pricing .pricing_list > ul > li .list_inner:hover .price{
color: var(--extra-color);;
}
.tonni_tm_pricing .pricing_list > ul > li .price span{
position: relative;
display: inline-block;
}
.tonni_tm_pricing .pricing_list > ul > li .curreny{
position: absolute;
font-size: 24px;
color: var(--extra-color);;
}
.tonni_tm_pricing .item_list{
width: 100%;
float: left;
margin-bottom: 30px;
position: relative;
z-index: 1;
}
.tonni_tm_pricing .item_list ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_pricing .item_list ul li{
margin: 0px 0px 18px 0px;
width: 100%;
float: left;
}
.tonni_tm_pricing .item_list ul li:last-child{
margin-bottom: 0px;
}
.tonni_tm_pricing .item_list ul li.inactive p{
color: #B9A89F;
}
.tonni_tm_pricing .badge{
position: absolute;
top: -15px;
right: 30px;
display: inline-block;
border-radius: 5px;
background-color:var(--extra-color);;
text-transform: uppercase;
color: #fff;
padding: 0px 20px;
font-weight: 600;
z-index: 6;
}
.tonni_tm_pricing .icon{
position: absolute;
top: -10px;
left: 0px;
width: 100%;
}
.tonni_tm_pricing .icon .svg{
width: 100%;
height: 100%;
color: transparent;
}
.tonni_tm_pricing .tonni_tm_button{
position: relative;
z-index: 1;
}
.tonni_tm_pricing ul li .list_inner:hover .tonni_tm_button a{
color: var(--extra-color);;
}
.tonni_tm_pricing .shape{
position: absolute;
top: 150px;
right: 100%;
margin-right: 20px;
}
.tonni_tm_pricing .shape .svg{
width: 140px;
height: 140px;
}
.tonni_tm_pricing .shape2{
position: absolute;
top: 190px;
left: 100%;
margin-left: 90px;
}
.tonni_tm_pricing .shape2 .svg{
width: 45px;
height: 45px;
color: transparent;
}  .tonni_tm_testimonials{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 120px;
}
.tonni_tm_testimonials .testimonials_inner{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
align-items: center;
position: relative;
}
.tonni_tm_testimonials .hidden_details{
position: absolute;
z-index: -111;
display: none;
opacity: 0;
visibility: hidden;
}
.tonni_tm_testimonials .leftpart{
width: 31.5%;
}
.tonni_tm_testimonials .leftpart ul{
margin: 0px;
list-style-type: none;
position: relative;
overflow: hidden;
}
.tonni_tm_testimonials .leftpart ul li{
margin: 0px;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
transform: translateX(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_testimonials .leftpart ul li.active{
position: relative;
transform: translateX(0);
}
.tonni_tm_testimonials .leftpart ul li .image{
position: relative;
}
.tonni_tm_testimonials .leftpart ul li img{
position: relative;
opacity: 0;
min-width: 100%;
}
.tonni_tm_testimonials .leftpart ul li .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 10px;
}
.tonni_tm_testimonials .rightpart{
width: 68.5%;
padding-left: 130px;
}
.tonni_tm_testimonials .rightpart_in{
width: 100%;
float: left;
}
.tonni_tm_testimonials .main_title{
width: 100%;
float: left;
margin-bottom: 20px;
}
.tonni_tm_testimonials .main_title h3{
font-weight: 700;
font-size: 106px;
color: rgba(138, 132, 119, 0.1);
line-height: 1;
}
.tonni_tm_testimonials .main_title .big{
position: relative;
display: inline-block;
}
.tonni_tm_testimonials .main_title .small{
position: absolute;
color: #000;
font-size: 32px;
left: 0px;
bottom: 10px;
z-index: 1;
}
.tonni_tm_testimonials .main_title .svg{
position: absolute;
width: 48px;
height: 48px;
left: 100%;
margin-left: 13px;
bottom: -3px;
}
.tonni_tm_testimonials .quotes{
width: 100%;
float: left;
margin-bottom: 37px;
}
.tonni_tm_testimonials .quotes ul{
margin: 0px;
list-style-type: none;
position: relative;
overflow: hidden;
}
.tonni_tm_testimonials .quotes ul li{
margin: 0px;
top: 0;
background-color: #f3f0ea;
position: absolute;
transform: translateX(100%);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_testimonials .quotes ul li.active{
position: relative;
transform: translateX(0);
}
.tonni_tm_testimonials .quotes p{
font-size: 20px;
line-height: 2;
}
.tonni_tm_testimonials .details{
width: 100%;
float: left;
border-top: 1px solid rgba(0, 0, 0, 0.07);
padding-top: 25px;
}
.hidden{
display: none !important;
}
.tonni_tm_testimonials .infos{
display: flex;
align-items: center;
}
.tonni_tm_testimonials .avatars{
width:180px;
}
.tonni_tm_testimonials .avatars ul{
margin: 0px;
list-style-type: none;
display: flex;
padding-left: 20px;
position: relative;
}
.tonni_tm_testimonials .avatars ul li{
margin-left: -20px;
float: left;
cursor: pointer;
}
.tonni_tm_testimonials .avatars ul li:hover div{
transform: scale(1.4);
}
.tonni_tm_testimonials .avatars span{
display: block;
width: 45px;
height: 45px;
position: relative;
border-radius: 100%;
border: 1px solid #fff;
}
.tonni_tm_testimonials .avatars div{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_testimonials .short{
padding-left: 20px;
}
.tonni_tm_testimonials .short .name{
margin: 0px;
list-style-type: none;
position: relative;
overflow: hidden;
}
.tonni_tm_testimonials .short .name li{
margin: 0px;
position: absolute;
left: 100%;
top: 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_testimonials .short .name li.active{
position: relative;
left: 0;
}
.tonni_tm_testimonials .name h3{
font-weight: 700;
font-size: 20px;
color: var(--extra-color);;
margin-bottom: 2px;
}
.tonni_tm_testimonials .short .job{
margin: 0px;
list-style-type: none;
position: relative;
overflow: hidden;
}
.tonni_tm_testimonials .short .job li{
margin: 0px;
position: absolute;
top: 0px;
left: 100%;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_testimonials .short .job li.active{
position: relative;
left: 0px;
}
.next_button a{
font-family: var(--font-family-extra);
font-weight: 700;
color: #000;
}
.next_button .svg{
position: relative;
margin-left: 6px;
top: 3px;
color: var(--extra-color);;
}
.tonni_tm_testimonials .shape{
position: absolute;
right: 100%;
bottom: 30px;
margin-right: 120px;
}
.tonni_tm_testimonials .shape .svg{
color: transparent;
width: 45px;
height: 45px;
}
.tonni_tm_testimonials .shape2{
position: absolute;
left: 100%;
top: -60px;
margin-left: 100px;
}
.tonni_tm_testimonials .shape2 .svg{
color: transparent;
width: 75px;
height: 75px;
}  .tonni_tm_news{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
z-index: 2;
}
.tonni_tm_news .news_inner{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #EDE8DF;
padding: 110px 0px 120px 0px;
}
.tonni_tm_news .news_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 50px;
position: relative;
}
.tonni_tm_news .news_list ul{
margin: 0px 0px 0px -30px;
list-style-type: none;
}
.tonni_tm_news .news_list ul li{
margin: 0px 0px 30px 0px;
float: left;
padding-left: 30px;
width: 33.3333%;
}
.tonni_tm_news .news_list ul li .list_inner{
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.tonni_tm_news .news_list ul li .image{
position: relative;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.tonni_tm_news .news_list ul li .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.tonni_tm_news .news_list ul li .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
transform: scale(1) translateZ(0);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_news .news_list ul li .list_inner .image:hover .main{
transform: scale(1.1) translateZ(0);
}
.tonni_tm_news .news_list .details{
width: 100%;
float: left;
background-color: #F8F5EF;
box-shadow: 0px 14px 20px rgba(187, 182, 173, 0.3);
padding: 20px 30px 43px 50px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
}
.tonni_tm_news .news_list .details .date{
display: inline-block;
font-family: var(--font-family-extra);
font-weight: 700;
color: var(--extra-color);;
text-transform: uppercase;
margin-bottom: 5px;
position: relative;
}
.tonni_tm_news .news_list .details .date:before{
position: absolute;
content: "";
width: 40px;
height: 2px;
background-color: rgba(0, 0, 0, 0.1);
left: -50px;
bottom: 10px;
}
.tonni_tm_news .news_list .details .date:after{
position: absolute;
content: "";
width: 0px;
height: 2px;
background-color: var(--extra-color);;
left: -50px;
bottom: 10px;
z-index: 1;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_news .news_list ul li .list_inner:hover .date:after{
width: 40px;
}
.tonni_tm_news .news_list .details .title{
font-size: 20px;
line-height: 1.5;
}
.tonni_tm_news .news_list .details .title a{
text-decoration: none;
color: #000;
display: inline-block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_news .news_list .details .title a:hover{
color: var(--extra-color);;
}
.tonni_tm_news .news_hidden_details{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -11;
}
.tonni_tm_modalbox .news_popup_informations{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_modalbox .news_popup_informations .image{
position: relative;
margin-bottom: 37px;
}
.tonni_tm_modalbox .news_popup_informations .image img{
position: relative;
opacity: 0;
min-width: 100%;
}
.tonni_tm_modalbox .news_popup_informations .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 12px;
}
.tonni_tm_modalbox .news_popup_informations .metabox{
width: 100%;
display: flex;
margin-bottom: 6px;
}
.tonni_tm_modalbox .news_popup_informations .metabox span{
position: relative;
display: inline-block;
padding-left: 23px;
margin-left: 15px;
}
.tonni_tm_modalbox .news_popup_informations .metabox span:first-child{
margin-left: 0px;
}
.tonni_tm_modalbox .news_popup_informations .metabox .svg{
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
color: #F90B0F;
}
.tonni_tm_modalbox .news_popup_informations .metabox a{
color: #988C86;
}
.tonni_tm_modalbox .news_popup_informations .animation_link:after{
bottom: 4px;
}
.tonni_tm_modalbox .news_popup_informations .details{
width: 100%;
float: left;
margin-bottom: 23px;
}
.tonni_tm_modalbox .news_popup_informations .details span a{
text-decoration: none;
color: #988c86;
}
.tonni_tm_modalbox .news_popup_informations .details span{
display: inline-block;
font-family: var(--font-family-extra);
font-weight: 700;
color: var(--extra-color);;
text-transform: uppercase;
margin-bottom: 5px;
position: relative;
}
.tonni_tm_modalbox .news_popup_informations .details h3{
font-size: 30px;
}
.tonni_tm_modalbox .news_popup_informations .text{
width: 100%;
float: left;
}
.tonni_tm_modalbox .news_popup_informations .text p{
margin-bottom: 15px;
}
.tonni_tm_modalbox .news_popup_informations .text p:last-child{
margin-bottom: 0px;
}
.tonni_tm_news .news_list .shape{
position: absolute;
right: 100%;
top: -20px;
margin-right: 15px;
}
.tonni_tm_news .news_list .shape .svg{
width: 145px;
height: 145px;
}
.tonni_tm_news .news_list .shape2{
position: absolute;
left: 100%;
top: 40px;
margin-left: 70px;
}
.tonni_tm_news .news_list .shape2 .svg{
width: 45px;
height: 45px;
color: transparent;
}
.tonni_tm_news .news_list .shape3{
position: absolute;
left: 100%;
bottom: 20px;
margin-left: 70px;
}
.tonni_tm_news .news_list .shape3 .svg{
width: 75px;
height: 75px;
color: transparent;
}  .tonni_tm_partners{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 80px;
}
.tonni_tm_partners .partners_list{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 35px;
position: relative;
}
.tonni_tm_partners .shape{
position: absolute;
right: 100%;
bottom: -80px;
margin-right: 120px;
}
.tonni_tm_partners .shape .svg{
width: 45px;
height: 45px;
color: transparent;
}
.tonni_tm_partners .partners_list ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_partners .partners_list ul li{
margin: 0px;
}
.tonni_tm_partners .partners_list ul li img{
opacity: .2;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_partners .partners_list ul li:hover img{
opacity: 1;
}
.tonni_tm_partners .text{
width: 100%;
float: left;
text-align: center;
border-bottom: 1px solid rgba(22, 20, 29, 0.07);
padding-bottom: 50px;
margin-top: 8px;
}
.tonni_tm_partners .text a{
color: var(--extra-color);;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_partners .text a:hover{
color: #86756C;
}  .tonni_tm_contact{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: var(--extra-color);;
padding: 570px 0px 110px 0px;
position: relative;
margin-top: -450px;
}
.tonni_tm_counter_list{
width: 100%;
height: auto;
clear: both;
float: left;
background-color: #fff;
border-radius: 10px;
padding: 53px 50px 17px 50px;
margin-bottom: 107px;
position: relative;
z-index: 1;
}
.tonni_tm_counter_list ul{
margin: 0px 0px 0px -50px;
list-style-type: none;
}
.tonni_tm_counter_list ul li{
margin: 0px 0px 30px 0px;
float: left;
padding-left: 50px;
width: 25%;
text-align: center;
}
.tonni_tm_counter_list ul li .list_inner{
width: 100%;
float: left;
position: relative;
}
.tonni_tm_counter_list ul li .title{
display: inline-block;
max-width: 150px;
line-height: 1.7;
margin-bottom: 17px;
}
.tonni_tm_counter_list ul li h3{
font-weight: 700;
color: #000;
font-size: 48px;
}
.tonni_tm_contact .contact_box{
width: 100%;
height: auto;
clear: both;
float: left;
margin-bottom: 70px;
position: relative;
z-index: 1;
}
.tonni_tm_contact .contact_box .title h3{
font-weight: 700;
font-size: 55px;
color: #fff;
line-height: 1.2;
text-transform: capitalize;
}
.tonni_tm_contact .contact_box .title h3 a{
text-decoration: none;
color: #fff;
opacity: .5;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_contact .contact_box .title h3 a:hover{
opacity: 1;
}
.tonni_tm_contact .short{
width: 100%;
float: left;
display: flex;
align-items: flex-end;
justify-content: space-between;
position: relative;
z-index: 1;
}
.tonni_tm_contact .short .left a{
color: #fff;
opacity: .5;
font-size: var(--font-family-extra);
font-size: 30px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_contact .short .left a:hover{
opacity: 1;
}
.tonni_tm_contact .short .left span{
display: inline-block;
position: relative;
}
.tonni_tm_contact .short .left .svg{
width: 32px;
height: 32px;
position: absolute;
left: 100%;
margin-left: 150px;
}
.tonni_tm_contact .short .social{
margin-bottom: 30px;
}
.tonni_tm_contact .short .social ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_contact .short .social ul li{
margin: 0px 35px 0px 0px;
display: inline-block;
}
.tonni_tm_contact .short .social ul li:last-child{
margin-right: 0px;
}
.tonni_tm_contact .short .social ul li a{
text-decoration: none;
color: #fff;
opacity: .3;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_contact .short .social ul li a:hover{
opacity: 1;
}
.tonni_tm_contact .short .social ul li .svg{
width: 30px;
height: 30px;
}
.tonni_tm_contact .copyright p{
color: #d5a994;
}
.tonni_tm_contact .copyright p a{
text-decoration: none;
color: #fff;
font-weight: 500;
}
.tonni_tm_contact .shape{
position: absolute;
bottom: 0px;
left: -220px;
}
.tonni_tm_contact .shape .svg{
height: 900px;
width: 900px;
}
.tonni_tm_contact .shape2{
position: absolute;
bottom: 0px;
right: -40px;
}
.tonni_tm_contact .shape2 .svg{
height: 280px;
width: 280px;
color: transparent;
} .tonni_tm_modalbox_contact{
width: 100%;
float: left;
}
.tonni_tm_modalbox_contact .tonni_tm_button .svg{
top: 0px;
}
.tonni_tm_modalbox_contact .contact_title{
width: 100%;
float: left;
margin-bottom: 40px;
}
.tonni_tm_modalbox_contact .contact_title h3{
font-size: 32px;
font-weight: 700;
}
.tonni_tm_modalbox_contact .fields{
width: 100%;
height: auto;
clear: both;
float: left;
}
.tonni_tm_modalbox_contact .fields .first{
width: 100%;
float: left;
}
.tonni_tm_modalbox_contact .fields ul{
margin: 0px;
list-style-type: none;
}
.tonni_tm_modalbox_contact .fields ul li{
width: 100%;
margin: 0px 0px 30px 0px;
float: left;
}
.tonni_tm_modalbox_contact .fields ul li input{
width: 100%;
border: 1px solid rgba(0,0,0,.2);
background-color: transparent;
padding: 15px;
color: var(--main-color);
border-radius: 5px;
font-family: var(--font-family-extra);
}
.tonni_tm_modalbox_contact .fields ul li input:focus{
outline: none;
border: 1px solid rgba(0,0,0,.5);
}
.tonni_tm_modalbox_contact .fields .last textarea{
width: 100%;
border: 1px solid rgba(0,0,0,.2);
height: 120px;
resize: none;
margin-bottom: 10px;
background-color: transparent;
padding: 15px;
color: var(--main-color);
border-radius: 5px;
font-family: var(--font-family-extra);
}
.tonni_tm_modalbox_contact .fields .last textarea:focus{
outline: none;
border: 1px solid rgba(0,0,0,.5);
} 
.tonni_tm_modalbox_contact .empty_notice{
color: #F52225;
margin-bottom: 7px;
display: none;
text-align: left;
font-weight: 500;
}
.tonni_tm_modalbox_contact .contact_error{
color: #F52225;
text-align: left;
font-weight: 500;
}
.tonni_tm_modalbox_contact .returnmessage{
color:#3A00FF;
margin-bottom: 7px;
text-align: left;
font-weight: 500;
}
.tonni_tm_map{
width: 100%;
float: left;
margin-bottom: 30px;
}
.gmap_canvas{
border-radius: 10px;
}  .mouse-cursor{
position: fixed;
left: 0;
top: 0;
pointer-events: none;
border-radius: 50%;
-webkit-transform: translateZ(0);
transform: translateZ(0);
visibility: hidden;
}
.cursor-inner {
margin-left: -3px;
margin-top: -3px;
width: 6px;
height: 6px;
z-index: 100;
background-color: var(--extra-color);;
-webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out;
}
.cursor-inner.cursor-hover {
margin-left: -40px;
margin-top: -40px;
width: 80px;
height: 80px;
background-color: var(--extra-color);;
opacity: .3;
}
.cursor-outer {
margin-left: -15px;
margin-top: -15px;
width: 30px;
height: 30px;
border: 2px solid var(--extra-color);;
-webkit-box-sizing: border-box;
box-sizing: border-box;
z-index: 100;
opacity: .5;
-webkit-transition: all .08s ease-out;
transition: all .08s ease-out;
}
.cursor-outer.cursor-hover{opacity: 0;}
.tonni_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -1111;
}  .progressbar{
position: fixed;
height: 100px;
width: 1px;
bottom: 25px;
right: -25px;
background-color: rgba(0,0,0,.08);
z-index: 10;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.progressbar.animate{
right: 25px;
}
.progressbar .line {
position: absolute;
width: 1px;
height: auto;
background-color: rgba(0,0,0,.4);
}
.progressbar .text{
position: absolute;
bottom: 100px;
left: 0px;
font-size: 13px;
transform: rotateZ(90deg);
text-transform: uppercase;
transform-origin: left;
white-space: nowrap;
}
.progressbar a{
text-decoration: none;
color: #000;
}  .dodo_tm_hero .glitch_wrap{
position: relative;
width: 100%;
height:100%;
float: left;
overflow: hidden;
}
.glitch{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(//lavoiedesdeesses.com/wp-content/themes/tonni//img/hero/1.jpg);
background-size: cover;
-webkit-background-size: cover;
background-position: center;
z-index: -1 !important;
opacity: 1;
transform: scale(1);
}  .tonni_tm_intro .short_info{
position: fixed;
top: 10%;
width: 100%;
text-align: center;
}
.tonni_tm_intro .short_info img{
margin-bottom: 25px;
}
.tonni_tm_intro .short_info h3{
font-size: 20px;
color: #767676;
}
.tonni_tm_intro{
width: 100%;
height: 100vh;
clear: both;
float: left;
position: relative;
}
.tonni_tm_intro .demos{
width: 100%;
height: 100%;
clear: both;
display: flex;
align-items: center;
text-align: center;
position: relative;
}
.tonni_tm_intro .left,
.tonni_tm_intro .right{
width: 50%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.tonni_tm_intro .demos img{
max-width: 400px;
margin-bottom: 25px;
}
.tonni_tm_intro .desc{
position: relative;
top: 0px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.tonni_tm_intro .desc h3{
font-size: 20px;
}
.tonni_tm_intro .intro_line,
.tonni_tm_intro .intro_line_2,
.tonni_tm_intro .intro_line_3{
position: fixed;
top: 0px;
width: 1px;
height: 200%;
left: 50%;
transform: translateY(-50%);
z-index: -1;
background-color: rgba(0,0,0,.06);
}
.tonni_tm_intro .intro_line{
left: 25%;
}
.tonni_tm_intro .intro_line_2{
left: 50%;
transform: translateY(-50%);
}
.tonni_tm_intro .intro_line_3{
left: 75%;
}
.tonni_tm_intro .intro_link{
position: absolute;
z-index: 2;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
.tonni_tm_intro .left:hover .desc{top: -20px;}
.tonni_tm_intro .right:hover .desc{top: -20px;}
.tonni_tm_intro_fixed_price .pricing-info,
.tonni_tm_intro_fixed_price .anim {text-decoration: none;
color: #fff;
background-color: #DF5646;
position: fixed;
font-size: 22px;
text-align: center;
z-index: 3;
border-radius: 100%;
height: 70px;
width: 70px;
line-height: 70px;
display: inline-block;
left: 50%;
bottom: 10%;
margin-left: -35px;
font-weight: 600;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;	
}
@-webkit-keyframes myAnim {
0% {
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: 0
}
50% {
opacity: .3
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
@keyframes myAnim {
0% {
-webkit-transform: scale(.1);
transform: scale(.1);
opacity: 0
}
50% {
opacity: .3
}
100% {
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0
}
}
.tonni_tm_intro_fixed_price .anim:nth-child(1) {
-webkit-animation: myAnim 2s infinite;
animation: myAnim 2s infinite
}
.tonni_tm_intro_fixed_price .anim:nth-child(2) {
-webkit-animation: myAnim 2s infinite .3s;
animation: myAnim 2s infinite .3s
}
.tonni_tm_intro_fixed_price .anim:nth-child(3) {
-webkit-animation: myAnim 2s infinite .6s;
animation: myAnim 2s infinite .6s
}  @media (max-width: 1600px) {
.container{max-width:1150px;}
.tonni_tm_hero .name{font-size: 70px;}
.tonni_tm_hero .welcome{font-size: 17px;}
.tonni_tm_hero .welcome{margin-bottom: 45px;}
.tonni_tm_down svg{width: 45px !important;height: 45px !important;}
.tonni_tm_down{bottom: 3%;}
.tonni_tm_hero .play_button a{width: 45px;height: 45px;}
.tonni_tm_hero .play_button a:before{border-width: 5px 0 5px 10px;margin-left: 2px;}
.tonni_tm_hero .play_button{left: 20px;}
.tonni_tm_header .menu ul li a{padding: 16px 0px 20px 0px;}
.tonni_tm_header .follow ul li{margin-right: 20px;}
.tonni_tm_about .year h3{font-size: 360px;line-height: 270px;}
.tonni_tm_about .experience h3{font-size: 330px;line-height: 160px;top: 65px;}
.tonni_tm_about .experience p{font-size: 45px;line-height: 45px;}
.tonni_tm_about .right{padding-left: 40px;}
.tonni_tm_about .right .title{margin-bottom: 25px;}
.tonni_tm_about .right .text{margin-bottom: 35px;}
.tonni_tm_about .right .title h3{font-size: 32px;}
.tonni_tm_about .year .rounded{width: 230px;height: 230px;}
.dodo_progress .progress_inner .background{height: 22px;}
.dodo_progress .percent{margin-top: 8px;}
.tonni_tm_testimonials .quotes p{font-size: 17px;}
.tonni_tm_modalbox .box_inner{width: 750px;}
.tonni_tm_modalbox .portfolio_main_title h3{font-size: 25px;}
.tonni_tm_modalbox .description_wrap{padding: 40px;}
.tonni_tm_modalbox .description_wrap:before{height: 40px;}
.tonni_tm_modalbox .description_wrap:after{height: 40px;}
.tonni_tm_modalbox .close{margin-left: 15px;}
.tonni_tm_modalbox .news_popup_informations .details h3{font-size: 25px;}
.tonni_tm_hero .shape1{bottom: 17%;left: 2%;}
.tonni_tm_hero .shape1 .svg{width: 35px;height: 35px;}
.tonni_tm_hero .shape2{display: none;}
.tonni_tm_hero .shape3 .svg{width: 25px;height: 25px;}
.tonni_tm_hero .shape5 .svg{width: 37px;height: 37px;}
.tonni_tm_hero .shape5{left: 35%;}
.tonni_tm_hero .shape7 .svg{width: 65px;height: 65px;}
.tonni_tm_hero .shape6 .svg{width: 38px;height: 38px;}
.tonni_tm_hero .shape4 .svg{width: 38px;height: 38px;}
.tonni_tm_timeline .shape2 .svg{width: 110px;height: 110px;}
.tonni_tm_timeline .shape4 .svg{width: 35px;height: 35px;}
.tonni_tm_timeline .shape4{top: 280px;right: 90px;}
.tonni_tm_timeline .shape5 .svg{width: 60px;height: 60px;}
.tonni_tm_timeline .shape5{right: 90px;}
.tonni_tm_timeline .shape3 .svg{width: 38px;height: 38px;}
.tonni_tm_timeline .shape3{left: 40px;bottom: 120px;}
.tonni_tm_pricing .shape .svg{width: 90px;height: 90px;}
.tonni_tm_pricing .shape2 .svg{width: 38px;height: 38px;}
.tonni_tm_pricing .shape2{margin-left: 50px;}
.tonni_tm_testimonials .shape2 .svg{width: 60px;height: 60px;}
.tonni_tm_testimonials .shape2{margin-left: 35px;}
.tonni_tm_testimonials .shape .svg{width: 38px;height: 38px;}
.tonni_tm_testimonials .shape{margin-right: 60px;}
.tonni_tm_news .news_list .shape .svg{width: 60px;height: 60px;}
.tonni_tm_news .news_list .shape2 .svg{width: 38px;height: 38px;}
.tonni_tm_news .news_list .shape2{margin-left: 38px;}
.tonni_tm_partners .shape{margin-right: 30px;}
.tonni_tm_partners .shape .svg{width: 35px;height: 35px;}
}
@media (max-width: 1200px) {
.tonni_tm_modalbox .box_inner{width: 700px;}
.tonni_tm_modalbox .portfolio_main_title h3{font-size: 25px;}
.tonni_tm_modalbox .main_details{flex-direction: column;}
.tonni_tm_modalbox .main_details .textbox{padding: 0px;width: 100%;margin-bottom: 40px;}
.tonni_tm_modalbox .main_details .detailbox{padding: 0px;width: 100%;}
.tonni_tm_modalbox .additional_images ul{margin: 0px;}
.tonni_tm_modalbox .additional_images ul li{width: 100% !important;padding-left: 0px;}
.tonni_tm_modalbox .description_wrap{padding: 20px;}
.tonni_tm_modalbox .description_wrap:before{height: 20px;}
.tonni_tm_modalbox .description_wrap:after{height: 20px;}
.tonni_tm_modalbox .news_popup_informations .details h3{font-size: 25px;}
.tonni_tm_hero .shape1{display: none;}
.tonni_tm_hero .shape2{display: none;}
.tonni_tm_hero .shape3{display: none;}
.tonni_tm_hero .shape4{display: none;}
.tonni_tm_hero .shape5{display: none;}
.tonni_tm_hero .shape6{display: none;}
.tonni_tm_hero .shape7{display: none;}
.tonni_tm_about .left .circle_shape{display: none;}
.tonni_tm_timeline .shape2{display: none;}
.tonni_tm_timeline .shape3{display: none;}
.tonni_tm_timeline .shape4{display: none;}
.tonni_tm_timeline .shape5{display: none;}
.tonni_tm_pricing .shape{display: none;}
.tonni_tm_pricing .shape2{display: none;}
.tonni_tm_testimonials .shape{display: none;}
.tonni_tm_testimonials .shape2{display: none;}
.tonni_tm_news .news_list .shape{display: none;}
.tonni_tm_news .news_list .shape2{display: none;}
.tonni_tm_news .news_list .shape3{display: none;}
.tonni_tm_partners .shape{display: none;}
}
@media (max-width: 1040px) {
.mouse-cursor{display: none;}
#preloader{display: none;}
.container{padding: 0px 20px;}
.mouse-cursor{display: none;}
.tonni_tm_mobile_menu{display: block;} 
.tonni_tm_header{display: none;}
.tonni_tm_hero .play_button{display: none;}
.tonni_tm_hero .name{font-size: 80px;margin-bottom: 5px;}
.tonni_tm_hero .welcome{font-size: 16px;}
.tonni_tm_down svg{width: 30px !important;height: 30px !important;}
.tonni_tm_down{bottom: 2%;}
.tonni_tm_about .about_inner{flex-direction: column;}
.tonni_tm_about .left{width: 100%;margin-bottom: 50px;}
.tonni_tm_about .year .rounded{display: none;}
.tonni_tm_about .year h3{font-size: 200px;line-height: 150px;letter-spacing: 0px;}
.tonni_tm_about .experience{margin-left: 0px;}
.tonni_tm_about .experience .shape{display: none;}
.tonni_tm_about .experience h3{font-size: 200px;line-height: 100px;margin-bottom: 5px;top: 25px;}
.tonni_tm_about .experience p{font-size: 25px;line-height: 30px;}
.tonni_tm_about .right .title h3{font-size: 35px;}
.tonni_tm_about .right{width: 100%;padding: 0px;}
.tonni_tm_main_title[data-type="flex"]{flex-direction: column;align-items: baseline;}
.tonni_tm_main_title[data-type="flex"] .title{width: 100%;margin-bottom: 10px;}
.tonni_tm_main_title[data-type="flex"] .subtitle{width: 100%;padding-left: 0px;}
.tonni_tm_service .service_list ul li{width: 50%;}
.tonni_tm_pricing .pricing_list > ul > li{width: 50%;}
.tonni_tm_news .news_list ul li{width: 50%;}
.tonni_tm_counter_list ul li{width: 50%;}
.tonni_tm_contact .contact_box .title h3{font-size: 40px;}
.tonni_tm_contact .short{flex-direction: column;align-items: baseline;justify-content: flex-start;}
.tonni_tm_contact .short .left{margin-bottom: 20px;}
.tonni_tm_contact .short .left .svg{display: none;}
.tonni_tm_contact .short .left a{font-size: 23px;}
.tonni_tm_contact .short .social ul li{margin-right: 15px;}
.tonni_tm_contact .short .social ul li .svg{width: 25px;height: 25px;}
.tonni_tm_modalbox .box_inner{width: 300px;}
.tonni_tm_modalbox .close{left: auto;right: 0px;margin-left: 0px;top: -30px;}
.tonni_tm_modalbox .close a{width: 25px;height: 25px;}
.tonni_tm_modalbox .portfolio_main_title h3{font-size: 20px;}
.tonni_tm_modalbox .portfolio_main_title h3{margin-bottom: 0px;}
.tonni_tm_modalbox .news_popup_informations .details h3{font-size: 20px;}
.tonni_tm_modalbox_contact .contact_title h3{font-size: 30px;}
.tonni_tm_modalbox .news_popup_informations .image{margin-bottom: 20px;}
.tonni_tm_modalbox .news_popup_informations .details{margin-bottom: 13px;}
.tonni_tm_modalbox .popup_details .top_image{margin-bottom: 20px;}
.tonni_tm_modalbox .portfolio_main_title{margin-bottom: 13px;}
.tonni_tm_modalbox .main_details .textbox{margin-bottom: 25px;}
.tonni_tm_modalbox .main_details{margin-bottom: 45px;}
}
@media (max-width: 768px) {
.tonni_tm_hero .name{font-size: 55px;}
.tonni_tm_hero .welcome{font-size: 14px;margin-bottom: 40px;}
.tonni_tm_hero .welcome:before{width: 40px;}
.tonni_tm_about .right .title h3{font-size: 30px;}
.tonni_tm_about .right .title span{font-size: 16px;}
.dodo_progress ul{margin: 0px;}
.dodo_progress ul li{width: 100%;padding-left: 0px;margin-bottom: 15px;}
.dodo_progress .progress_inner .background{height: 10px;}
.tonni_tm_service .service_list ul{margin: 0px;}
.tonni_tm_service .service_list ul li{width: 100%;padding-left: 0px;}
.tonni_tm_service .service_list ul li .svg{width: 55px;height: 55px;margin-bottom: 20px;}
.tonni_tm_service .service_list ul li .title{margin-bottom: 25px;}
.tonni_tm_main_title .title h3{font-size: 27px;}
.tonni_tm_portfolio .portfolio_list ul{margin: 0px;}
.tonni_tm_portfolio .portfolio_list ul li{width: 100%;padding-left: 0px;}
.tonni_tm_timeline .timeline_list .line:before{display: none;}
.tonni_tm_timeline .timeline_list .line{display: none;}
.tonni_tm_timeline .timeline_list .items{flex-direction: column !important;}
.tonni_tm_timeline .timeline_list .items{margin: 0px;}
.tonni_tm_timeline .timeline_list .items li{width: 100%;padding-left: 0px;}
.tonni_tm_timeline .timeline_list .details{padding: 0px !important;}
.tonni_tm_timeline .timeline_list .items li{text-align: left !important;margin-bottom: 25px;}
.tonni_tm_timeline .timeline_list .items .svg{position: relative;width: 55px;height: 55px;top: 0px !important;margin-bottom: 10px;}
.tonni_tm_timeline .timeline_list .items .year{display: inline-block;width: auto;height: auto;line-height: 1;padding: 10px 20px;}
.tonni_tm_timeline .timeline_list .items li:nth-child(2){text-align: left;}
.tonni_tm_timeline .timeline_list > ul > li{margin-bottom: 40px;}
.tonni_tm_pricing .pricing_list > ul{margin: 0px;}
.tonni_tm_pricing .pricing_list > ul > li{width: 100%;padding-left: 0px;margin-bottom: 40px;}
.tonni_tm_pricing .pricing_list > ul > li.centered{margin-top: 0px;}
.tonni_tm_pricing .pricing_list > ul > li.centered .list_inner{padding-top: 50px;}
.tonni_tm_pricing .pricing_list > ul > li .price{font-size: 50px;}
.tonni_tm_pricing .pricing_list > ul > li .curreny{font-size: 20px;}
.tonni_tm_pricing .pricing_list > ul > li .list_inner{padding: 40px 20px !important;}
.tonni_tm_timeline .timeline_list{margin-top: 40px;}
.tonni_tm_testimonials .leftpart{display: none;}
.tonni_tm_testimonials .rightpart{padding-left: 0px;width: 100%;}
.tonni_tm_testimonials .main_title h3{font-size: 55px;}
.tonni_tm_testimonials .main_title .small{font-size: 25px;bottom: 5px;}
.tonni_tm_testimonials .main_title .svg{width: 35px;height: 35px;}
.tonni_tm_testimonials .quotes p{font-size: 16px;}
.tonni_tm_testimonials .infos{flex-direction: column;align-items: baseline;}
.tonni_tm_testimonials .avatars{margin-bottom: 20px;}
.tonni_tm_testimonials .short{padding-left: 0px;}
.tonni_tm_news .news_list ul{margin: 0px;}
.tonni_tm_news .news_list ul li{width: 100%;padding-left: 0px;}
.tonni_tm_counter_list ul{margin: 0px;}
.tonni_tm_counter_list ul li{width: 100%;padding-left: 0px;}
.tonni_tm_counter_list ul li h3{font-size: 43px;}
.tonni_tm_contact .contact_box .title h3{font-size: 30px;}
}body.logged-in .header_in{
margin-top: 30px;
}
.logo img{
image-rendering: auto;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.header-top-fixed .sub-menu.reversed{
left: auto;
right: 100%;
}
.header-top-fixed .sub-menu{
display: block!important; 
position: absolute;
top: 100%;
opacity: 0;
visibility: hidden;
border-radius: 5px;
margin: 0px;
list-style-type: none;
line-height: 1;
padding: 15px 0px;
margin-top: 10px;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
background-color: #F3F0EA;
padding-left: 10px;
}
.header-top-fixed .sub-menu li{
margin: 0px;
width: 100%;
position: relative;
}
.header-top-fixed .sub-menu li a{
text-decoration: none;
font-weight: 500;
padding: 8px 20px;
display:block;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
line-height: 28px;
font-size: 14px!important;
}
.header-top-fixed .sub-menu li a:hover{
border-radius: 0;
}
.header-top-fixed li:hover > ul{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.header-top-fixed .sub-menu ul{
left: 100%;
top: 0;
transform: translateY(-20px)
}
.header-top-fixed ul > li.menu-item-has-children{
display: inline-block;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.header-top-fixed .main-menu a{
white-space: nowrap;
}
.header-top-fixed .sub-menu .sub-menu{
transform: translateY(-15px);
}
.tonni_tm_header .sub-menu li a{
padding: 10px 0px 10px 0px!important;
}
@media (min-width:1400px){
.header-top-fixed .sub-menu {
min-width: 210px;
}
}
@media (max-width:1040px){
.tonni_tm_mobile_menu  .sub-menu {
margin-left: 10px!important;
}
}
@media (min-width:782px) and (max-width:900px){
.ab-top-secondary.ab-top-menu{
margin-top: -32px!important;
}
}
@media (min-width:782px) and (max-width:1040px){
.mobile_menu_inner{
margin-top: -30px;
}
body.logged-in .mobile_menu_inner{
margin-top: 30px;
}
}
@media (min-width:601px) and (max-width:781px){
body.logged-in .mobile_menu_inner{
margin-top: 40px;
}
}
@media (max-width:600px){
body.logged-in .tonni_tm_mobile_menu:not(.animate){
margin-top: 45px;
}
}
.page-banner .news_inner{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-banner .tonni_tm_news{
text-align: center;
}
@media (min-width: 1601px){
.page-banner .tonni_tm_news .news_inner{
padding: 200px 20px;
}
.page-banner .tonni_tm_news .title h1,
.error-page h1{
font-size: 65px;
}
}
@media (max-width: 1600px){
.page-banner .tonni_tm_news .news_inner{
padding: 150px 20px;
}
.error-page h1{
font-size: 60px;
}
}
@media (max-width: 768px){
.page-banner .tonni_tm_news .title h1,
.error-page h1{
font-size: 35px;
}
}
.single .tonni_tm_header,
.page-template:has(.blog-list) .tonni_tm_header{
border-bottom: none;
}
.tonni_tm_flexbox{
width: 100%;
height: auto;
clear: both;
float: left;
display: flex;
justify-content: space-between;
}
.tonni_tm_flexbox .leftbox{
width: 66.6666%;
float: left;
}
.tonni_tm_flexbox .rightbox{
width: 30%;
float: left;
}
@media (max-width: 1040px) {
.tonni_tm_flexbox{flex-direction: column;align-items: baseline;}
.tonni_tm_flexbox .leftbox{width: 100%;margin-bottom: 60px;}
.tonni_tm_flexbox .rightbox{width: 100%;}
}
.news_inner.blog-news{
background-color: #fff;
}
.blog-news .thumb img{
border-radius: 12px;
}
.blog-news .blog_single_details .descriptions p {
margin-bottom: 20px;
}
blockquote{
margin-top: 25px;
margin-bottom: 25px;
border-left: 5px solid var(--extra-color);
padding-left: 25px;
font-size: 21px;
font-style: italic;
color: #000;
}
.post-info {
margin-top: 25px;
margin-bottom: 15px;
}
.post-info span.date{
padding-right: 20px;
}
.post-info span.date:after {
position: relative;
content: "|";
color: #7d7789;
left: 12px;
font-size: 12px;
top: -2px;
}
.list_inner h4.post-title a:hover{
color: var(--extra-color);
}
.rightSidebar a:hover {
color: var(--extra-color);
}
.widget_search .wp-block-search__label{
display: none;
}
.widget_block {
margin: 25px 0px;
width: 100%;
float: left;
}
.rightSidebar{
margin-top: 15px;
}
.widget_search input{
height: 60px;
border-radius: 10px;
padding-left: 15px;
}
.widget_search button{
color: var(--extra-color);
background-color: var(--extra-color);
text-transform: capitalize;
top: 40px;
right: 40px;
z-index: 2;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
padding: 20px;
color: #fff;
font-size: 16px;
}
@media(min-width: 1041px){
.widget_search button{
position: absolute;
}
}
@media(max-width: 1040px){
.widget_search button{
margin-left: -40px;
}
}
.rightbox.rightSidebar .wp-block-group__inner-container h2,
.rightbox.rightSidebar h2.aon-title{
font-size: 24px;
}
.rightbox.rightSidebar h2.aon-title{
margin-bottom: 30px;
}    
.rightSidebar  .post-recent li{
margin: 0px 0px 25px 0px;
width: 100%;
float: left;
list-style: none;
}
.rightSidebar  .post-recent li .list_inner{
width: 100%;
float: left;
position: relative;
display: flex;
}
.rightSidebar  .post-recent li .list_inner .image{
width: 85px;
min-width: 85px;
height: 85px;
min-height: 85px;
border-radius: 5px;
position: relative;
overflow: hidden;
margin-right: 10px;
}
.rightSidebar  .post-recent li .list_inner .image .main{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px;
transform: scale(1) translateZ(0);
}
.rightSidebar a{
color: var(--main-color);
}
.rightSidebar .widget_categories ul li,
.rightSidebar .widget_tag_cloud ul li{
list-style: none;
}
.rightSidebar .widget_tag_cloud ul li{
display: inline-block;
margin-bottom: 15px;
margin-right: 3px;
}
.rightSidebar .widget_tag_cloud ul li a,
.aon-tags .tagcloud a{
font-size: 15px!important;
color: var(--main-color);
border: 1px solid #ddd;
border-radius: 50px;
padding: 8px 25px 10px 25px;
}
.rightSidebar .widget_tag_cloud ul li a:hover,
.aon-tags .tagcloud a:hover{
color: #fff;
background-color: var(--extra-color);
border: 1px solid var(--extra-color);
}
.rightSidebar .gallery ul li{
list-style: none;
margin: 0px 0px 5px 0px;
float: left;
width: 33.3333%;
padding-left: 5px;
}
.rightSidebar .gallery ul li .list_inner {
width: 100%;
height: auto;
clear: both;
float: left;
position: relative;
}
.rightSidebar .gallery ul li .list_inner .image {
position: relative;
overflow: hidden;
border-radius: 5px;
}
.rightSidebar .gallery ul li .list_inner .image .main {
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-radius: 5px;
transform: scale(1) translateZ(0);
}
.rightSidebar .gallery ul li .list_inner img{
max-width: 100%;
width: 100%;
height: 89px!important;
clear: both;
float: left;
position: relative;
border-radius: 5px;
}
.aon-tags{
display: inherit;
}
.aon-tags .tagcloud li{
list-style: none;
margin-bottom: 10px;
display: inline-block;
}
.stButton .stButton_gradient{
height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
padding: 0!important;
}
.st_instagram_hcount .stArrow{
line-height: 21px!important;
}
.post-social-icons .stMainServices{
width: 22px!important;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.post-social-icons .stButton .chicklets{
width: 20px;
overflow: hidden;
display: -webkit-inline-box;
height: 20px;
line-height: 21px;
}
.post-social-icons{
float: right;
}
.post-area-tags{
width: 100%;
float: left;
display: flex;
justify-content: space-between;
margin-bottom: 50px;
margin-top: 30px;
}
.aon-bd-title{
margin-bottom: 20px;
margin-right: 10px;
}
h3.comment-title{
font-size: 28px;
margin-bottom: 25px;
margin-top: 0;
}
.clear#comment-list{
margin-top: 60px;
}
.comment-form-cookies-consent,
.required-field-message{
display: none;
}
.cm-respond{
width: 100%;
height: auto;
clear: both;
float: left;
background-color:#EDE8DF;
padding: 40px;
border-radius: 12px;
}
form input.form-control,
form textarea.form-control{
width: 100%!important;
border-radius: 10px!important;
padding: 25px !important;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0,0,0,.05)!important;
border: none;
font-size: 18px;
color: #6f6b80!important;
letter-spacing: 0px;
}
form input.form-control{
height: 60px!important;
margin-bottom: 20px;
}
form button.site-button{
text-decoration: none;
color: #fff;
display: inline-block;
font-family: 'Jost', sans-serif;
font-weight: 500;
border-radius: 50px;
border: 2px solid var(--extra-color);
padding: 14px 48px 13px 48px;
position: relative;
overflow: hidden;
background: var(--extra-color);
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
height: auto;
margin-top: 10px;
}
p.logged-in-as{
margin-bottom: 10px;
}
p.logged-in-as a{
color: var(--main-color);
}
.comment-list li{
list-style: none;
}
.comment-list li img.avatar{
border-radius: 50%;
}
.comment-list li .comment-info cite{
font-size: 24px;
}
a.comment-reply-link:hover {
color: #fff;
background-color: var(--extra-color);
}
a.comment-reply-link{
text-decoration: none;
color: var(--main-color);
display: inline-block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 5px 15px;
}
@media(min-width: 500px){
.comment-list li img.avatar{
position: absolute;
}
.comment-body:has(img.avatar) .comment-info{
padding-left: 100px;
}
.comment-body{
position: relative;
}
a.comment-reply-link{
position: absolute;
top: 0;
right: 0;
}
}
@media(max-width: 499px){
a.comment-reply-link{
margin-top: 20px;
}
.comment-list li img.avatar{
margin-bottom: 20px;
}
.comment-list .comment-info .comment-date + p{
margin-top: 10px;
}
.post-social-icons {
margin-left: 20px;
margin-top: -3px;
}
.cm-respond{
padding: 20px;
}
}
#cancel-comment-reply-link{
text-decoration: none;
color: var(--main-color);
display: inline-block;
border: 1px solid #ddd;
border-radius: 5px;
padding: 12px 15px;
width: auto;
font-size: 15px;
position: absolute;
right: 0px;
}
.comment-respond h3{
position: relative;
}
.comment-respond h3 a{
color: #000;
}
@media(max-width: 600px){
#cancel-comment-reply-link{
margin-top: 50px;
}
.comment-respond:has(#cancel-comment-reply-link) h3{
margin-bottom: 80px;
}
.comment-respond h3:has(small a[style="display:none;"]){
margin-bottom: 17px!important;
}
}
.breadcrumbs a{
color: var(--main-color);
}
.breadcrumbs span.active {
color: var(--extra-color);
}
.blog-list h4.post-title a{
color: #000;
font-size: 32px;
}
.blog-list h4.post-title{
margin-bottom: 15px;
}
@media (max-width: 768px){
.blog-list h4.post-title a{
font-size: 26px;
}
}
.blog-list .sx-post-readmore{
margin-top: 20px;
}
.blog-list .sx-post-readmore a{
text-decoration: none;
color: #fff;
display: inline-block;
font-weight: 500;
border-radius: 50px;
border: 2px solid #ddd;
position: relative;
overflow: hidden;
padding: 9px 29px;
background-color: var(--extra-color);
}
.pagination{
width: 100%;
height: auto;
clear: both;
float: left;
margin-top: 50px;
position: relative;
}
.pagination li{
list-style: none;
display: inline-block;
}
.pagination li a{
color: #000;
border: 1px solid #ddd;
text-align: center;
margin-right: 8px;
padding: 11px 15px;
border-radius: 30px !important;
font-weight: 500;
width: 50px;
height: 50px;
display: inline-block;
}
.pagination li.active a,
.pagination li a:not(.next,.prev):hover{
border: 1px solid transparent;
background: var(--extra-color);
color: #fff!important;
}
.pagination a.next{
-webkit-appearance: none;
background: url(//lavoiedesdeesses.com/wp-content/themes/tonni/img/right-arrow.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev{
-webkit-appearance: none;
background: url(//lavoiedesdeesses.com/wp-content/themes/tonni/img/left-arrow.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.pagination a.prev span,
.pagination a.next span{
opacity: 0;
}
.pagination a.prev:hover{
-webkit-appearance: none;
border: 1px solid transparent;
background: url(//lavoiedesdeesses.com/wp-content/themes/tonni/img/left-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
background-color: var(--extra-color);
}
.pagination a.next:hover{
border: 1px solid transparent;
-webkit-appearance: none;
background: url(//lavoiedesdeesses.com/wp-content/themes/tonni/img/right-arrow-w.png) no-repeat right;
background-position-x: 50%;
image-rendering: auto;
background-size: 12px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
background-color: var(--extra-color);
}
.tonni_tm_news .news_list:has(.search-custom) {
margin-top: 38px
}
.leftbox .news_list:first-child{
margin-top: 40px;
}
.search-custom form{
margin-top: 30px;
margin-bottom: 30px
}
.search-custom form input{
border: 1px solid #eee;
}
.search-custom form button{
border: 1px solid var(--extra-color);
color: #fff!important;
font-size: 16px;
position: relative;
height: 60px;
width: 60px;
cursor: pointer;
float: right;
margin-top: -80px;
padding: 0;
letter-spacing: 0;
background-color: #fff;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
} .search-custom form button{
width: 100%;
display: block!important;
padding: 8px 12px;
-webkit-appearance: none;
background: url(//lavoiedesdeesses.com/wp-content/themes/tonni/img/search.png) no-repeat right;
background-position-x: 50%;
background-color: var(--extra-color);
height: 60px;
width: 60px;
image-rendering: auto;
background-size: 16px;
image-rendering: crisp-edges;
image-rendering: -webkit-optimize-contrast;
}
.error-page .news_inner{
min-height: 800px;
}
.error-page h1{
margin-top: 90px;
margin-bottom: 40px;
}
.error-page a{
text-decoration: none;
color: #fff;
display: inline-block;
font-family: 'Jost', sans-serif;
font-weight: 500;
border-radius: 10px;
border: 2px solid var(--extra-color);
padding: 10px 20px;
position: relative;
overflow: hidden;
background: var(--extra-color);
font-size: 18px;
line-height: 30px;
letter-spacing: 0px;
word-wrap: break-word;
height: auto;
margin-top: 50px;
}
.js.elementor-html .animate-box {
opacity: 1!important;
}
.elementor-section-wrap > section.elementor-element .elementor-element-populated .elementor-element-edit-mode {
min-height: 300px;
}
.elementor-editor-active .owl-carousel {
display: block;
}
.dialog-widget.dialog-lightbox-widget.dialog-type-buttons.dialog-type-lightbox.elementor-lightbox{
display: none!important;
}
.news_inner:has(.tonni_tm_partners){
padding-top: 0;
}
.news_inner .tonni_tm_partners{
margin-top: 0;
}
@media (max-width: 300px){
.tonni_tm_modalbox .close {
right: 15px;
}
.tonni_tm_contact .short .left a {
font-size: 16px;
}
}
.tonni_tm_counter_list:has(.tonni_tm_counter){
margin-bottom: -123px;
} .formModal{
visibility: hidden;
opacity: 0;
}
.formModal.open {
visibility: visible;
opacity: 1;
margin-top: 0px;
}
.formModal .ctclose{
visibility: hidden;
}
.formModal.open .ctclose{
visibility: visible;
}
.formModal{
position: fixed;
top: 0px;
left: 0px;
right: 0px;
height: 100vh;
z-index: 20;
background-color: rgba(0,0,0,.9);
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.formModal.open{
opacity: 1;
visibility: visible;
}
.formModal .box_inner{
position: absolute;
top: 70px;
bottom: 70px;
width: 968px;
left: 50%;
transform: translateX(-50%);
background-color: #F3F0EA;
z-index: 1;
opacity: 0;
visibility: hidden;
margin-top: -20px;
border-radius: 10px;
transition-delay: .3s;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.formModal.open .box_inner{
opacity: 1;
visibility: visible;
margin-top: 0px;
}
.formModal .ctclose{
position: fixed;
left: 100%;
top: 0px;
margin-left: 30px;
z-index: 10;
}
.formModal .ctclose a{
display: block;
width: 40px;
height: 40px;
text-decoration: none;
color: #F3F0EA;
border:2px solid #F3F0EA;
border-radius: 10px;
position: relative;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.formModal .ctclose a:hover{
border-radius: 100%;
}
.formModal .ctclose a i{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.formModal .description_wrap{
position: relative;
width: 100%;
height: 100%;
float: left;
overflow: hidden;
padding: 50px;
overflow-y: scroll;
border-radius: 10px;
}
.formModal .description_wrap:before{
position: fixed;
content: "";
top: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #F3F0EA;
z-index: 2;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.formModal .description_wrap:after{
position: fixed;
content: "";
bottom: 0px;
left: 0px;
right: 0px;
height: 50px;
background-color: #F3F0EA;
z-index: 2;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.formModal .description_wrap::-webkit-scrollbar{
width: 11px;
}
.formModal .description_wrap{
scrollbar-width: thin;
scrollbar-color: #999 #F3F0EA;
}
.formModal .description_wrap:-webkit-scrollbar-track{
background: #F3F0EA;
}
.formModal .description_wrap::-webkit-scrollbar-thumb{
background-color: #999;
border-radius: 10px;
border: 3px solid #F3F0EA;
}
@media (max-width: 1600px) {
.formModal .box_inner{width: 750px;}
.formModal .description_wrap{padding: 40px;}
.formModal .description_wrap:before{height: 40px;}
.formModal .description_wrap:after{height: 40px;}
.formModal .close{margin-left: 15px;}
.formModal .close{margin-left: 15px;}
}
@media (max-width: 1200px) {
.formModal .box_inner{width: 700px;}
.formModal .description_wrap{padding: 20px;}
.formModal .description_wrap:before{height: 20px;}
.formModal .description_wrap:after{height: 20px;}
.formModal .close{left: auto;right: 0px;margin-left: 0px;top: -30px;}
}
@media (max-width: 1040px) {
.formModal .box_inner{width: 300px;}
.formModal .close{left: auto;right: 0px;margin-left: 0px;top: -30px;}
.formModal .close a{width: 25px;height: 25px;}
.formModal .close a{width: 25px;height: 25px;}  
}
.formModal .fields{
font-family: var(--font-family-extra);
} .tonni_tm_modalbox_contact form .tonni_tm_button{
position: relative;
} 
.tonni_tm_modalbox_contact form input.wpcf7-submit{
background: no-repeat;
text-transform: capitalize;
font-weight: 700;
font-size: 14px;  
}
.tonni_tm_modalbox_contact form .tonni_tm_button img{
position: absolute;
top: 13px!important;
left: 105px;
}
span.wpcf7-not-valid-tip{
margin-top: 10px;
color: var(--main-color);
}
.wpcf7 form.invalid .wpcf7-response-output{
border-color: var(--main-color); 
margin-left: 0;
margin-right: 0;
margin-top: 50px;
}
.wpcf7 form.failed .wpcf7-response-output, 
.wpcf7 form.aborted .wpcf7-response-output{
margin-top: 50px;
}
.tonni_tm_testimonials .rightpart_in .quotes ul li.active{
background: transparent;
}