/* Minification failed. Returning unminified contents. (334,30): run-time error CSS1039: Token not allowed after unary operator: '-hover' (339,30): run-time error CSS1039: Token not allowed after unary operator: '-hover' (342,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1083,32): run-time error CSS1046: Expect comma, found '105' (1083,39): run-time error CSS1046: Expect comma, found '/' (1249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1257,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1258,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1271,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1272,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1278,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1279,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1285,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1286,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1292,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1293,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1299,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1300,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1306,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1307,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1313,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1314,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1320,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1321,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1327,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1328,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1334,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1335,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1341,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1342,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1348,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1349,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2087,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2088,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2536,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2537,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2875,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2876,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4111,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4112,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4160,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4161,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4729,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4730,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' */ /* Minification failed. Returning unminified contents. (286,30): run-time error CSS1039: Token not allowed after unary operator: '-hover' (291,30): run-time error CSS1039: Token not allowed after unary operator: '-hover' (294,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1035,32): run-time error CSS1046: Expect comma, found '105' (1035,39): run-time error CSS1046: Expect comma, found '/' (1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1209,38): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1210,30): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1223,49): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1224,41): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1230,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1231,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1237,54): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1238,46): run-time error CSS1039: Token not allowed after unary operator: '-animate-repeat' (1244,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1245,31): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1251,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1252,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1258,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1259,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1265,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1266,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1272,44): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1273,36): run-time error CSS1039: Token not allowed after unary operator: '-animate-delay' (1279,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1280,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1286,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1287,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1293,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1294,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1300,47): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (1301,39): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2039,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2040,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2488,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2489,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2827,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (2828,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4063,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4064,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4112,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4113,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4681,43): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' (4682,35): run-time error CSS1039: Token not allowed after unary operator: '-animate-duration' */ html {box-sizing: border-box;-ms-overflow-style: scrollbar;} *,*::before,*::after {box-sizing: inherit} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} @media (min-width: 576px) { .container {max-width: 540px} } @media (min-width: 768px) { .container {max-width: 720px} } @media (min-width: 992px) { .container {max-width: 960px} } @media (min-width: 1200px) { .container {max-width: 1170px} } .container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto} .row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px} .clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {display: table;content: " ";} .clearfix:after,.container:after,.container-fluid:after,.row:after {clear: both;} .no-gutters {margin-right: 0;margin-left: 0} .no-gutters > .col,.no-gutters > [class*="col-"] {padding-right: 0;padding-left: 0;} .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {position: relative;width: 100%;padding-right: 15px;padding-left: 15px} .col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .col-auto{-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-1{ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-2{-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-3{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-4{-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-5{-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-8{-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .offset-1 {margin-left: 8.333333%} .offset-2 {margin-left: 16.666667%} .offset-3 {margin-left: 25%} .offset-4 {margin-left: 33.333333%} .offset-5 {margin-left: 41.666667%} .offset-6 {margin-left: 50%} .offset-7 {margin-left: 58.333333%} .offset-8 {margin-left: 66.666667%} .offset-9 {margin-left: 75%} .offset-10 {margin-left: 83.333333%} .offset-11 {margin-left: 91.666667%} @media (min-width: 576px) { .col-sm {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .col-sm-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-sm-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-sm-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-sm-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-sm-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-sm-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-sm-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-sm-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-sm-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-sm-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-sm-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-sm-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-sm-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} } @media (min-width: 768px) { .col-md {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .col-md-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-md-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-md-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-md-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-md-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-md-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-md-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-md-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-md-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-md-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-md-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} .offset-md-0 {margin-left: 0;} .offset-md-1 {margin-left: 8.333333%} .offset-md-2 {margin-left: 16.666667%;} .offset-md-3 {margin-left: 25%;} .offset-md-4 {margin-left: 33.333333%;} .offset-md-5 {margin-left: 41.666667%;} .offset-md-6 {margin-left: 50%;} .offset-md-7 {margin-left: 58.333333%;} .offset-md-8 {margin-left: 66.666667%;} .offset-md-9 {margin-left: 75%;} .offset-md-10 {margin-left: 83.333333%;} .offset-md-11 {margin-left: 91.666667%;} } @media (min-width: 992px) { .col-lg {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .col-lg-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-lg-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-lg-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-lg-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-lg-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-lg-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-lg-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-lg-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-lg-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-lg-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-lg-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-lg-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-lg-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} } @media (min-width: 1200px) { .col-xl {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%} .col-xl-auto {-ms-flex: 0 0 auto;flex: 0 0 auto;width: auto;max-width: 100%} .col-xl-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%} .col-xl-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%} .col-xl-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%} .col-xl-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%} .col-xl-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%} .col-xl-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%} .col-xl-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%} .col-xl-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%} .col-xl-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%} .col-xl-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%} .col-xl-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%} .col-xl-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%} } /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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;touch-action:manipulation;-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{display:block;width:100%}.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;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.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{-ms-touch-action:pan-y;touch-action:pan-y;-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 .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.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(/Content/tem/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 Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .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} @charset "utf-8"; /*=======reset css========*/ html {box-sizing: border-box;-ms-overflow-style: scrollbar;font-family: 'Open Sans', sans-serif;font-size: 14px;} *,*::before,*::after {box-sizing: inherit} a{text-decoration: none;color: #000} ul,ol,li{list-style: none;padding: 0;margin: 0;} img{border-style: none;max-width: 100%} table {border-collapse: collapse;border-spacing: 0;} input,button,textarea{outline: none;border: none} .container:before, .container:after{content: " ";display: table;} .clear{clear:both} .center{text-align: center;} .fl_left{float: left;} .fl_right{float: right;} body{margin: 0;} .bg_page_style_02{background: url(/Content/tem/images/banner.png) no-repeat right top 0;background-size: 65%;} .header { padding-top: 20px; background: rgba(255, 255, 255, 0.7); transition: 0.3s; height: 75px; z-index: 9; position: relative; } .white.header .logo img { border-style: none; max-width: 141px; margin-bottom: 0; transform: translateY(-4px); transition: 0.3s; } .white.header { position: sticky; height: 55px; box-shadow: 0 0 2px 0 rgba(243, 105, 37, 0.42); top: 0; padding-top: 10px; z-index: 9; background: rgba(255, 255, 255, 0.91); transition: 0.4s; } .logo img { border-style: none; transition: 0.4s; width: 160px; margin-bottom: 15px; height: auto; } .menu{float: right;} .menu li { display: inline-block; font-size: 16px; transition: 0.3s; padding: 6px 15px; border-radius: 20px; position: relative; } .menu li >a { text-transform: uppercase; font-weight: 600; background: -webkit-linear-gradient(left, rgb(230, 103, 54), #f36c26); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .menu li:hover, .menu li.active { background-image: linear-gradient(to right, rgb(230, 103, 54), #f36d25); transition: 0.3s; } .menu li:hover >a, .menu li.active >a { color: #fff; background: none; -webkit-text-fill-color: white; } .icon_menu_mobile {float: right;cursor: pointer;margin-top: 15px;padding: 8px;display: none} .icon_menu_mobile span {display: block;width: 32px;height: 5px;background: #298ed7;margin-bottom: 4px;border-radius: 2px} .close_menu_mobile {position: absolute;right: 32px;top: 25px;width: 32px;height: 32px;display: none} .close_menu_mobile:before, .close_menu_mobile:after {position: absolute;left: 15px;content: ' ';height: 33px;width: 3px;background: #298ed7;} .close_menu_mobile:before {transform: rotate(45deg)} .close_menu_mobile:after {transform: rotate(-45deg)} .section_module_buy { margin-top: -75px; min-height: 595px; } .section_module_buy > img { display: none; } .title_module_buy { font-size: 39px; color: rgb(230, 103, 54); font-weight: 600; margin-bottom: 30px; margin-top: 35%; } .desc_module { margin-bottom: 20px } .section_module_buy p{line-height: 23px;min-height:200px} .title_buyprocess{font-size: 24px;color: rgb(230, 103, 54);margin-top: 50px;text-transform: uppercase;background: url(/Content/tem/images/ico_for_title.png) no-repeat bottom center;text-align: center;padding-bottom: 10px;margin-bottom: 60px;font-weight: 600} .content_buyprocess { text-align: center; padding-bottom: 25px; } .section_style_01 { background: url(/Content/tem/images/bg_style01.png) no-repeat center; background-size: cover; padding: 40px 0; } .title_style_01{font-size: 24px;text-transform: uppercase;color: #fff;font-weight: 600;margin-bottom: 50px} .bg_img_style_01 img{border-radius: 8px} .items_01{color: #fff;line-height: 17px;margin-bottom: 25px;} .items_01 p{margin-bottom: 0} .title_items_01{margin-bottom: 15px;font-size: 18px;font-weight: 600} .bg_img_style_01{background: #fff;border-radius: 5px;height: 100%;text-align: center;} .btn_back{text-align: center;margin: 15px 0} .btn_back a{font-size: 16px;color: #fff;display: inline-block;min-width: 150px;padding: 5px 10px;background: #298ed7;border-radius: 20px;position: relative;} .btn_back a:before{content: '';border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 3px;transform: rotate(135deg);-webkit-transform: rotate(135deg);border-radius: 1px;position: absolute;top: 13px;left: 20%;} .footer{background: #eee; padding: 25px 0 25px;} .address_ft{text-transform: uppercase;line-height: 20px;} .address_ft h4{margin-bottom: 5px;font-size: 14px} .address_ft p{margin: 5px 0 0} .frm_contact h5{text-transform: uppercase;font-size: 14px;margin-bottom: 5px} .frm_contact textarea{width: 100%;height: 130px;padding: 10px 10px 10px 30px;box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.13);border-radius: 10px;resize: none;} .frm_contact input{padding: 15px 10px 15px 30px;width: 88%;box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.13);border-radius: 10px} .frm_contact button{color: #fff;width: 10%;background: #298ed7;padding: 8px 0;border-radius: 20px;font-weight: 600;cursor: pointer;position: relative} .frm_contact button:after {content: '';border: solid #fff;border-width: 0 2px 2px 0;display: inline-block;padding: 2px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);border-radius: 1px;margin-left: 2px} @-webkit-keyframes pulse { 0% { box-shadow: 0 0 0 0 var(--hover); } } @keyframes pulse { 0% { box-shadow: 0 0 0 0 var(--hover); } } .frm_contact button,.btn_back a{--hover: #298ed7;} .frm_contact button:hover,.frm_contact button:focus,.btn_back a:hover,.btn_back a:focus{-webkit-animation: pulse 1s infinite;animation: pulse 1s infinite;box-shadow: 0 0 0 0.5em rgba(255, 255, 255, 0);} .title_module_buy span{display: block;} .list_items_chooseus{margin: 0 25px;} .items_chooseus{} .items_chooseus:before,.items_chooseus:after{content: '';clear: both;display: block;} .img_chooseus{float: left;margin-right: 0px;width: 25%;} .img_chooseus img{max-width: 235px;border-radius: 50%} .body_chooseus{padding-top: 0%;float: left;width: 50%;} .title_items{font-size: 18px;color: #298ed7;font-weight: 600} .body_chooseus p{line-height: 16px;} .list_items_chooseus .items_chooseus:nth-child(2) .img_chooseus{float: right;margin: 0 0 0 0px;text-align: right;} .list_items_chooseus .items_chooseus:nth-child(2) .body_chooseus{float: right;width: 50%;} .section_function{background-color: #8a8a8a;padding: 45px 0 80px;position: relative;/*background-image: url(/Content/tem/images/bg_left.png), url(/Content/tem/images/bg_right_02.png);background-repeat: no-repeat;*/} .wrap_bg{display: block;position: absolute;z-index: 1} .wrap_bg img{max-width: 460px} .wrap_bg_left{text-align: left;left: 0;bottom: -10%;} .wrap_bg_right{text-align: right;right: 0;top: -15%} .list_box_function{margin: 0 170px;z-index: 2;position: relative;flex-wrap: wrap;display: flex;} .box_function {float: left;width: 16%;text-align: center;padding: 15px 10px;transition: all .5s;border: 1px solid #fff;margin: 0 0 60px 50px} .list_box_function .box_function:nth-child(5){margin-left: 150px} .box_function i{display: inline-block;width: 100%;height: 85px;} .box_function div{color: #fff;font-size: 16px;font-weight: 600;margin-top: 10px} .box_function:hover{background: #fff;cursor: pointer;} .list_box_function .box_function:first-child:hover i{background: url(/Content/tem/images/icon_hand_hover.png) no-repeat center;} .list_box_function .box_function:nth-child(2):hover i{background: url(/Content/tem/images/ico_cart_hover.png) no-repeat center;} .list_box_function .box_function:nth-child(3):hover i{background: url(/Content/tem/images/ico_box_hover.png) no-repeat center;} .list_box_function .box_function:nth-child(4):hover i{background: url(/Content/tem/images/ico_cricle_hover.png) no-repeat center;} .list_box_function .box_function:nth-child(5):hover i{background: url(/Content/tem/images/ico_dollar_hover.png) no-repeat center;} .list_box_function .box_function:nth-child(6):hover i{background: url(/Content/tem/images/ico_nhansu_hover.png) no-repeat center;} .list_box_function .box_function:last-child:hover i{background: url(/Content/tem/images/ico_home_hover.png) no-repeat center;} .box_function:hover div { color: #f26b26 } .list_items_style_02{} .items_style_02{float: left;width: 20%;padding: 0 10px;} .items_style_02 .title { font-size: 16px; margin: 20px 0 10px; font-weight: 600; text-align: center; min-height: 44px; } .items_style_02 p{line-height: 16px;margin: 0;line-height: 20px;padding: 0 20px} .items_style_02 .box_icon{max-width: 100px;margin: 0 auto;border-radius: 5px;transition: all .2s} .items_style_02 .box_icon i{display: block;width: 100%;height: 80px} .items_style_02:hover{color: rgb(230, 103, 54);cursor: pointer;} .items_style_02:hover .box_icon{background: rgb(230, 103, 54);} .list_items_style_02 .items_style_02:first-child:hover i{background: url(/Content/tem/images/ico_arrcricle_hover.png) no-repeat center;} .list_items_style_02 .items_style_02:nth-child(2):hover i{background: url(/Content/tem/images/ico_bag_hover.png) no-repeat center;} .list_items_style_02 .items_style_02:nth-child(3):hover i{background: url(/Content/tem/images/ico_people_hover.png) no-repeat center;} .list_items_style_02 .items_style_02:nth-child(4):hover i{background: url(/Content/tem/images/ico_head_hover.png) no-repeat center;} .list_items_style_02 .items_style_02:last-child:hover i{background: url(/Content/tem/images/ico_muiten_hover.png) no-repeat center;} .bg_stylepage_01{background: url(/Content/tem/images/bg_page_02.jpg) no-repeat;background-size: cover;padding-bottom: 25px} .items_style_03{background: #fff;padding: 20px 10px 10px;box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.14);border-radius: 20px;margin-bottom: 30px;} .items_style_03:before,.items_style_03:after{content: '';clear: both;display: block;} .items_style_03 .title { font-size: 16px; color: #000; font-weight: 600; } .items_style_03 p{font-size: 14px;line-height: 16px;margin-top: 5px} .items_style_03 .box_icon{float: left;width: 100px;border-radius: 50%;height: 100px;background: #fff;box-shadow: 0px 1px 5px 4px rgba(0, 0, 0, 0.02);margin-right: 30px;text-align: center;transition: all .4s} .items_style_03 .box_icon i{display: block;width: 100%;height: 100%;} .list_items_style_03 .items_style_03:first-child .box_icon i{background: url(/Content/tem/images/ico_device.png) no-repeat center;} .list_items_style_03 .items_style_03:nth-child(2) .box_icon i{background: url(/Content/tem/images/ico_home2.png) no-repeat center;} .list_items_style_03 .items_style_03:nth-child(3) .box_icon i{background: url(/Content/tem/images/ico_cole.png) no-repeat center;} .list_items_style_03 .items_style_03:last-child .box_icon i{background: url(/Content/tem/images/ico_lock.png) no-repeat center;} .content_body{float: left;width: calc(100% - 140px);margin-top: 15px;} .list_items_style_03 .items_style_03:hover .box_icon{background: rgb(230, 103, 54)} .list_items_style_03 .items_style_03:hover .box_icon i { filter: invert(1); } .bg_right_style_03{margin-top: 10px;display: none;} .section_style_03{background: url(/Content/tem/images/bg_gpcn.png) no-repeat right top 35%;} .item_customer{background: #fff;padding: 40px 20px;} .wrapper_translate{transform: translateX(-280px);} .bg_for_mobile {visibility: hidden;opacity: 0;position: fixed;top: -80px;right: 280px;bottom: 0;z-index: 10;-webkit-transition: opacity .4s,visibility .4s;transition: opacity .4s,visibility .4s;background: rgba(0,0,0,.3);width: 100%;} .bg_for_mobile.show {visibility: visible;opacity: 1;} @media (min-width: 1200px) { .bg_img_style_01 img{border-radius: 8px;height: auto;transform: translateY(-50%);position: absolute;top: 50%;left: 0;} .bg_img_style_01 {background: #fff;height: 100%;text-align: center;position: relative} } @media (min-width: 1440px) { body{background-size: 55%;} .bg_page_style_02{background-position: right top 0;background-size: 57%;} .section_style_03 {background: url(/Content/tem/images/bg_gpcn.png) no-repeat right 1% top 36%;} } @media (min-width: 1601px) { .bg_page_style_02{background-size: 50%;} body {background-size: 50%;} } @media screen and (max-width: 1024px) { .container{width: 100%;max-width: 100% !important;} .section_style_03{background-size: 500px;} body,.bg_page_style_02{background: none} .section_module_buy{margin-top: 10px} .section_module_buy .col-lg-4{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .header{padding-top: 20px} .menu{margin-top: 15px} .section_module_buy{background: url(/Content/tem/images/bg_right_page.png) no-repeat right top;background-size: 25%;margin-top: 0;background: none;} .img_chooseus{margin-right: 3%;} .list_items_chooseus .items_chooseus:nth-child(2) .img_chooseus{margin-left: 3%;} .body_chooseus{width: calc(100% - 36%) !important;} .list_items_chooseus .items_chooseus:nth-child(2) .body_chooseus{text-align: right;} .section_module_buy > img { display: block; } .section_module_buy .col-lg-5 { width: 100%; flex: 100%; max-width: 100%; } } @media screen and (max-width: 991px) { .header{padding-top: 5px;position: sticky;box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.03);top: 0;z-index: 10;background: #fff;} .logo img{max-height: 65px} .icon_menu_mobile{display: block;} .menu{display: none;position: fixed;right: 0;top: 75px;width: 280px;background: #fff;box-shadow: 0px 1px 2px 2px #00000021;z-index: 10;height: 100vh;overflow: auto;margin-top: 0} .menu li{display: block;border-bottom: 1px solid #ccc;border-radius: 0;transition: all 100ms;padding: 12px 10px} .bg_img_style_01 img{margin-top: 25%} .list_items_style_03{display: flex;flex-wrap: wrap;} .items_style_03{flex: 0 0 50%;max-width: 45%;margin-right: 5%;} .list_box_function{margin: 0 20px} .box_function{width: 20%;margin-left: 30px} .list_box_function .box_function:nth-child(5){margin-left: 140px} .list_items_chooseus{margin: 0 20px;} .img_chooseus img{max-width: 100%} .wrap_bg img{max-width: 310px} .title_module_buy{margin: 10px 0 15px;font-size: 30px} } @media screen and (max-width: 767px) { .bg_img_style_01 img{margin-top: 0} .list_items_style_01{margin-top: 20px} .content_buyprocess,.bg_img_style_01{overflow-x: scroll;} .content_buyprocess img,.bg_img_style_01 img{max-width: 600px} .items_style_03{margin-right: 0;flex: 0 0 100%;max-width: 100%;} .list_box_function .box_function:nth-child(5) {margin-left: calc(100% - 85%);} .list_items_chooseus{margin: 0 10px} .list_items_style_02 {display: flex;flex-wrap: wrap;} .items_style_02{width: 33.33%;margin-bottom: 15px} .list_items_style_02 .items_style_02:nth-child(4){margin-left: calc(100% - 85%);} .section_function{padding-bottom: 0} .wrap_bg img{max-width: 280px} .footer{padding-top: 35px} } @media screen and (max-width: 680px) { .wrap_bg img{max-width: 220px} .list_box_function{margin: 0} .items_style_02{width: 50%;margin-bottom: 15px} .items_style_02 p{padding: 0 5px} .list_items_style_02 .items_style_02:nth-child(4){margin-left: 0} .img_chooseus{margin-right: 3%;} .items_style_03 .box_icon{width: 70px;height: 70px;margin-right: 5%} .content_body{width: calc(100% - 30%);margin-top: 5px} .items_style_03 .box_icon i{background-size: 35px !important;} .box_function{margin-left: 5%} } @media screen and (max-width: 576px) { .wrap_bg{display: none;} .body_chooseus{width: 100% !important;} .list_items_chooseus .items_chooseus:nth-child(2) .body_chooseus{text-align: left;} .img_chooseus,.list_items_chooseus .items_chooseus:nth-child(2) .img_chooseus{max-width: 200px;float: none;margin: 0 auto;width: auto;} .title_buyprocess,.title_style_01{font-size: 20px} .box_function{width: 23%;margin-left: 2%} .box_function i{background-size: 45px !important;} .list_box_function .box_function:nth-child(5) i{background-size: 30px !important;} .box_function,.list_box_function .box_function:nth-child(5) {width: 32%;margin-left: 1%;margin-bottom: 1%} .list_box_function .box_function:last-child{margin-left: 34%} .box_function div{font-size: 14px} .img_chooseus, .list_items_chooseus .items_chooseus:nth-child(2) .img_chooseus{max-width: 160px} .title_buyprocess{margin: 20px 0 30px} .title_module_buy{font-size: 26px;margin-top: 10px} .section_function{padding: 30px 0} } @media screen and (max-width: 320px) { .menu{top: 63px} .close_menu_mobile{top: 10px;right: 15px} .icon_menu_mobile{margin-top: 10px} } .desc_module { font-size: 117%; font-weight: 600; } .body_chooseus p{ line-height:23px; text-align:justify; } #dstintuc .new-wrapper { margin: 5px 0 70px; display: flex; } #dstintuc .posts-content { width: 800px; display: inline-block; } #dstintuc .posts-content .list-post-item:first-child { padding-top: 0; } #dstintuc .posts-content .list-post-item { display: block; padding: 30px 0; border-bottom: 1px solid #ececec; clear: both; } #dstintuc .posts-content .list-post-item figure { position: relative; margin: 0; width: 25%; float: left; } #dstintuc .posts-content .list-post-item figure a:hover .text-overlay { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #dstintuc .posts-content .list-post-item figure img { display: inline; width: 100%; height: 100%; -webkit-backface-visibility: hidden; transition: all 0.3s ease-out; } #dstintuc .posts-content .list-post-item figure a .text-overlay { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; height: 100%; position: absolute; text-decoration: none; width: 100%; z-index: 100; left: 0; top: 0; padding: 50px; background: rgba(38, 43, 47, 0.8); transition: all 0.4s; } #dstintuc .posts-content .list-post-item figure a .text-overlay .info { text-align: center; top: 50%; width: 100%; left: 0; position: absolute; margin-top: -12px; } #dstintuc .posts-content .list-post-item figure a .text-overlay .info span { padding: 12px 21px; font-size: 16px; font-weight: bold; color: #fff; } #dstintuc .posts-content .list-post-item .post-content { width: 60.49382716%; float: left; padding-left: 20px; margin-top: 0; } #dstintuc .posts-content .list-post-item .post-content p { margin: 15px 0; color: #717171; line-height: 1.7; } #dstintuc .posts-content .list-post-item .post-content .meta { border-bottom: 1px solid #ececec; color: #666666; font-size: 11px; margin-right: 40px; font-weight: 700; } #dstintuc .posts-content .list-post-item .post-content .meta > .date { display: inline-block; border-bottom: 2px solid #f26a26; padding-bottom: 10px; margin-bottom: -1.5px; } #dstintuc .posts-content .list-post-item .post-content .more { line-height: 1.2; display: inline-block; text-decoration: none; border-bottom: 1px solid #f26a26; transition: all 0.75s ease; position: relative; margin: 0; color: #637fd1; } #dstintuc .posts-content .list-post-item .post-content .more:hover { text-decoration: none; padding-left: 10px; } #dstintuc .posts-content .list-post-item .post-content .more:before { transition: all 0.75s ease; position: absolute; left: 0; top: -1px; } #dstintuc .posts-content .list-post-item .post-content .post-title { margin-top: -10px !important; font-size: 30px; margin-bottom: 10px; line-height: 26px; } #dstintuc .posts-content .list-post-item .post-content .post-title a { color: #333; font-weight: bold; font-size: 16px; line-height: 1.2; } #dstintuc .posts-content .list-post-item .post-content .post-title a:hover { color: #f26a26; } #dstintuc aside h3, #dstintuc aside h4, #dstintuc aside h5 { margin-top: 20px; margin-bottom: 15px; } #dstintuc aside { width: 330px; border: 1px solid #e3e3e3; padding: 0 20px; height: 100%; position: sticky; top: 65px; } #dstintuc aside section { margin-bottom: 20px; } #dstintuc aside .search-form { position: relative; border: 1px solid silver } #dstintuc aside .form-control { border-radius: 0; box-shadow: none; padding: 0 15px; height: 40px; } #dstintuc aside .form-control:focus { outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(147, 161, 187, 0.6); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; border-color: #f26a26; } #dstintuc aside .btn-search { position: absolute; top: 10px; right: 15px; font-weight: 700; color: #333; } #dstintuc aside h3.pink { font-size: 16px; color: #f26a26; } #dstintuc aside .uppercase { text-transform: uppercase; } #dstintuc aside .list-new-item:first-child { padding-top: 0; } #dstintuc aside .list-new-item { clear: both; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ececec; position: relative; } #dstintuc aside .list-new-item:hover .new-text h4 a { color: #f26a26; } #dstintuc aside .list-new-item .new-img { width: 115px; height: 75px; border: 1px solid #ececec; } #dstintuc aside .list-new-item .new-img img { width: 100%; object-fit: contain; height: 100%; } #dstintuc aside .list-new-item > div { display: table-cell; vertical-align: top; } #dstintuc aside .list-new-item > div:not(:first-child) { padding-left: 15px; } #dstintuc aside .list-new-item .new-text h4 { font-size: 14px; padding: 0px; margin: 0px; font-weight: bold; line-height: 20px; } #dstintuc aside .list-new-item .new-text h4 a { color: #333; font-size: 14px; } #dstintuc aside .list-contact-item { float: none; width: auto; padding: 0; font-size: 14px; } #dstintuc aside .list-contact-item address { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ddd; font-style: normal; line-height: 1.42857143; } #dstintuc aside .list-contact-item div { padding: 2px; } #dstintuc aside .list-contact-item i { margin-right: 10px; font-size: 20px; } #dstintuc aside .list-contact-item span { line-height: 20px; } #dstintuc aside .list-contact-item .blue { color: #637fd1 !important; } #dstintuc aside .search-form { position: relative; } #dstintuc aside .current-position { position: absolute; top: 0; right: 0; width: 40px; height: 100%; text-align: center; background: #f59017; line-height: 40px; color: #fff; padding: 12px; } #dstintuc aside .current-position i { font-size: 16px; transform: translateY(-11px); cursor: pointer; } #dstintuc .detail { padding-right: 40px; } #dstintuc .detail .info-dt { border-bottom: 1px dotted #7d7d7d; padding-bottom: 22px; margin-bottom: 25px; } #dstintuc .detail .info-dt h1 { font-size: 30px; color: #000; } #dstintuc .detail .info-dt h4 { font-size: 14px; color: #7d7d7d; margin-top: 5px; margin-bottom: 25px; } .language { position: relative !important; padding: 0 !important; } .language:hover{ background: none !important; } .language.active { background: none !important; } .language a img { width: 24px; height: 24px; border-radius: 50%; } /*////////////////////////////////////////////////////////////////// [ Contact 1 ]*/ .contact1 { width: 100%; min-height: 100%; padding: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } .container-contact1 { width: 1163px; background: transparent; border-radius: 10px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 90px 130px 88px 118px; } /*------------------------------------------------------------------ [ ]*/ .contact1-pic { width: 296px; } .contact1-pic img { max-width: 100%; } /*------------------------------------------------------------------ [ ]*/ .contact1-form { width: 390px; } .contact1-form-title { display: block; font-size: 24px; color: #333333; line-height: 1.2; text-align: center; padding-bottom: 44px; } input.input1 { height: 50px; border-radius: 25px; padding: 0 30px; } input.input1 + .shadow-input1 { border-radius: 25px; } textarea.input1 { min-height: 150px; border-radius: 25px; padding: 12px 30px; } textarea.input1 + .shadow-input1 { border-radius: 25px; } /*---------------------------------------------*/ .wrap-input1 { position: relative; width: 100%; z-index: 1; margin-bottom: 20px; } .input1 { display: block; width: 100%; background: #e6e6e6; font-weight: Bold; font-size: 15px; line-height: 1.5; color: #666666; } .shadow-input1 { content: ''; display: block; position: absolute; bottom: 0; left: 0; z-index: -1; width: 100%; height: 100%; box-shadow: 0px 0px 0px 0px; color: rgba(249, 93, 56, 0.26) } .input1:focus + .shadow-input1 { -webkit-animation: anim-shadow 0.5s ease-in-out forwards; animation: anim-shadow 0.5s ease-in-out forwards; } @-webkit-keyframes anim-shadow { to { box-shadow: 0px 0px 80px 30px; opacity: 0; } } @keyframes anim-shadow { to { box-shadow: 0px 0px 80px 30px; opacity: 0; } } /*---------------------------------------------*/ .container-contact1-form-btn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: center; } .contact1-form-btn { min-width: 193px; height: 50px; border-radius: 25px; background-image: linear-gradient(to right, rgb(230, 103, 54), #f36d25); font-weight: Bold; font-size: 15px; line-height: 1.5; cursor:pointer; color: #fff; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; padding: 0 25px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .contact1-form-btn i { margin-left: 7px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .contact1-form-btn:hover { background: #333333; } .contact1-form-btn:hover i { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); } .dropdown:hover ul { opacity: 1; visibility: visible; transform: translateX(0); min-width: 281px; } .white .dropdown ul { top: 46px; } .dropdown ul { position: absolute; transition: 0.3s; min-width: 281px; box-shadow: 0 0 2px 0 rgb(243 105 37 / 42%); top: 34px; left: 2px; z-index: 9; background: #ffffffde; border-radius: 12px; opacity: 0; visibility: hidden; transform: translateX(-50px); } .dropdown ul li { display: block; padding: 10px 10px; border-bottom: 1px solid #cccccc; border-radius: 0px; transition:0.3s; } .dropdown ul li:hover { transition: 0.3s; } .dropdown ul li:last-child { border-bottom: none; } .dropdown ul li:hover { background-image: none; transition: 0.3s; } .dropdown ul li:hover a { color: #f46929; background: none; -webkit-text-fill-color: #ed2329; } .dropdown ul li a:hover { color: #f46929; } .back { padding: 6px 18px 7px; font-weight: 600; background: -webkit-linear-gradient(left, rgb(230, 103, 54), #f36c26); color: wheat; text-transform: uppercase; border-radius: 51px; } /*------------------------------------------------------------------ [ Responsive ]*/ @media (max-width: 1200px) { .contact1-pic { width: 33.5%; } .contact1-form { width: 44%; } } @media (max-width: 992px) { .container-contact1 { padding: 90px 80px 88px 90px; } .contact1-pic { width: 35%; } .contact1-form { width: 55%; } } .fb-page { float: right; margin-top: 76px; width: 350px; } @media (max-width: 768px) { .logo_ft a { display: block; height: 50px !important; } .logo_ft img { display: block; height: 50px !important; } .address_ft { margin-bottom: 20px; } .title_module_buy { font-size: 26px; margin-top: 274px !important; text-align: center; } .language { padding-left: 10px !important; padding-top: 5px !important; } .h11 { text-align: center; margin-top: 286px !important; } .bg_page_style_02 { background-size: 100% !important; z-index: -1; } .banner-fix { z-index: -1; } .fb-page { float: unset !important; margin-top: 10px; width: 360px !important } .fb-pag > span { width: 360px !important ; padding: 90px 80px 88px 80px; } .contact1-pic { display: none; } .contact1-form { width: 100%; } .logo img { transform: translateY(7px); } .white .icon_menu_mobile { margin-top: -3px; } .dropdown ul { background: white; } } .address_ft { margin-top: 20px; } @media (max-width: 576px) { .container-contact1 { padding: 90px 15px 88px 15px; } } .section_buyprocess{ margin-top:30px } .logo_ft a { display: block; height: 65px; } .logo_ft img { display: block; height: 65px; } .section_style_01 td{ vertical-align: top } @charset "UTF-8"; /*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2020 Animate.css */ :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1 } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat) } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: 2; animation-iteration-count: 2; -webkit-animation-iteration-count: calc(var(--animate-repeat)*2); animation-iteration-count: calc(var(--animate-repeat)*2) } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: 3; animation-iteration-count: 3; -webkit-animation-iteration-count: calc(var(--animate-repeat)*3); animation-iteration-count: calc(var(--animate-repeat)*3) } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay) } .animate__animated.animate__delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; -webkit-animation-delay: calc(var(--animate-delay)*2); animation-delay: calc(var(--animate-delay)*2) } .animate__animated.animate__delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; -webkit-animation-delay: calc(var(--animate-delay)*3); animation-delay: calc(var(--animate-delay)*3) } .animate__animated.animate__delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; -webkit-animation-delay: calc(var(--animate-delay)*4); animation-delay: calc(var(--animate-delay)*4) } .animate__animated.animate__delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; -webkit-animation-delay: calc(var(--animate-delay)*5); animation-delay: calc(var(--animate-delay)*5) } .animate__animated.animate__faster { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-duration: calc(var(--animate-duration)/2); animation-duration: calc(var(--animate-duration)/2) } .animate__animated.animate__fast { -webkit-animation-duration: .8s; animation-duration: .8s; -webkit-animation-duration: calc(var(--animate-duration)*0.8); animation-duration: calc(var(--animate-duration)*0.8) } .animate__animated.animate__slow { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2) } .animate__animated.animate__slower { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-duration: calc(var(--animate-duration)*3); animation-duration: calc(var(--animate-duration)*3) } @media (prefers-reduced-motion:reduce),print { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important } .animate__animated[class*=Out] { opacity: 0 } } @-webkit-keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } @keyframes bounce { 0%,20%,53%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0) scaleY(1.1); transform: translate3d(0,-30px,0) scaleY(1.1) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0) scaleY(1.05); transform: translate3d(0,-15px,0) scaleY(1.05) } 80% { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0) scaleY(.95); transform: translateZ(0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-4px,0) scaleY(1.02); transform: translate3d(0,-4px,0) scaleY(1.02) } } .animate__bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .animate__flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__pulse { -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shakeX { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX } @-webkit-keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } @keyframes shakeY { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } } .animate__shakeY { -webkit-animation-name: shakeY; animation-name: shakeY } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .animate__headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .animate__swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .animate__jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .animate__heartBeat { -webkit-animation-name: heartBeat; animation-name: heartBeat; -webkit-animation-duration: 1.3s; animation-duration: 1.3s; -webkit-animation-duration: calc(var(--animate-duration)*1.3); animation-duration: calc(var(--animate-duration)*1.3); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } @-webkit-keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInDown { 0% { -webkit-transform: translateY(-1200px) scale(.7); transform: translateY(-1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInDown { -webkit-animation-name: backInDown; animation-name: backInDown } @-webkit-keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInLeft { 0% { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInLeft { -webkit-animation-name: backInLeft; animation-name: backInLeft } @-webkit-keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInRight { 0% { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInRight { -webkit-animation-name: backInRight; animation-name: backInRight } @-webkit-keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes backInUp { 0% { -webkit-transform: translateY(1200px) scale(.7); transform: translateY(1200px) scale(.7); opacity: .7 } 80% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } .animate__backInUp { -webkit-animation-name: backInUp; animation-name: backInUp } @-webkit-keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } @keyframes backOutDown { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(700px) scale(.7); transform: translateY(700px) scale(.7); opacity: .7 } } .animate__backOutDown { -webkit-animation-name: backOutDown; animation-name: backOutDown } @-webkit-keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } @keyframes backOutLeft { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(-2000px) scale(.7); transform: translateX(-2000px) scale(.7); opacity: .7 } } .animate__backOutLeft { -webkit-animation-name: backOutLeft; animation-name: backOutLeft } @-webkit-keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } @keyframes backOutRight { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateX(0) scale(.7); transform: translateX(0) scale(.7); opacity: .7 } to { -webkit-transform: translateX(2000px) scale(.7); transform: translateX(2000px) scale(.7); opacity: .7 } } .animate__backOutRight { -webkit-animation-name: backOutRight; animation-name: backOutRight } @-webkit-keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } @keyframes backOutUp { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 20% { -webkit-transform: translateY(0) scale(.7); transform: translateY(0) scale(.7); opacity: .7 } to { -webkit-transform: translateY(-700px) scale(.7); transform: translateY(-700px) scale(.7); opacity: .7 } } .animate__backOutUp { -webkit-animation-name: backOutUp; animation-name: backOutUp } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) } } .animate__bounceIn { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0) scaleY(3); transform: translate3d(0,-3000px,0) scaleY(3) } 60% { opacity: 1; -webkit-transform: translate3d(0,25px,0) scaleY(.9); transform: translate3d(0,25px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,-10px,0) scaleY(.95); transform: translate3d(0,-10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,5px,0) scaleY(.985); transform: translate3d(0,5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0) scaleX(3); transform: translate3d(-3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(25px,0,0) scaleX(1); transform: translate3d(25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(-10px,0,0) scaleX(.98); transform: translate3d(-10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(5px,0,0) scaleX(.995); transform: translate3d(5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0) scaleX(3); transform: translate3d(3000px,0,0) scaleX(3) } 60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0) scaleX(1); transform: translate3d(-25px,0,0) scaleX(1) } 75% { -webkit-transform: translate3d(10px,0,0) scaleX(.98); transform: translate3d(10px,0,0) scaleX(.98) } 90% { -webkit-transform: translate3d(-5px,0,0) scaleX(.995); transform: translate3d(-5px,0,0) scaleX(.995) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0) scaleY(5); transform: translate3d(0,3000px,0) scaleY(5) } 60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } 75% { -webkit-transform: translate3d(0,10px,0) scaleY(.95); transform: translate3d(0,10px,0) scaleY(.95) } 90% { -webkit-transform: translate3d(0,-5px,0) scaleY(.985); transform: translate3d(0,-5px,0) scaleY(.985) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } } .animate__bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: bounceOut; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0) scaleY(.985); transform: translate3d(0,10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0) scaleY(.9); transform: translate3d(0,-20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0) scaleY(3); transform: translate3d(0,2000px,0) scaleY(3) } } .animate__bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px,0,0) scaleX(.9); transform: translate3d(20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0) scaleX(2); transform: translate3d(-2000px,0,0) scaleX(2) } } .animate__bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0) scaleX(.9); transform: translate3d(-20px,0,0) scaleX(.9) } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0) scaleX(2); transform: translate3d(2000px,0,0) scaleX(2) } } .animate__bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0) scaleY(.985); transform: translate3d(0,-10px,0) scaleY(.985) } 40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0) scaleY(.9); transform: translate3d(0,20px,0) scaleY(.9) } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0) scaleY(3); transform: translate3d(0,-2000px,0) scaleY(3) } } .animate__bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopLeft { -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft } @-webkit-keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInTopRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInTopRight { -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight } @-webkit-keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomLeft { -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft } @-webkit-keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes fadeInBottomRight { 0% { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__fadeInBottomRight { -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .animate__fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0) } } .animate__fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0) } } .animate__fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0) } } .animate__fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0) } } .animate__fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } @keyframes fadeOutTopLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,-100%,0); transform: translate3d(-100%,-100%,0) } } .animate__fadeOutTopLeft { -webkit-animation-name: fadeOutTopLeft; animation-name: fadeOutTopLeft } @-webkit-keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } @keyframes fadeOutTopRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,-100%,0); transform: translate3d(100%,-100%,0) } } .animate__fadeOutTopRight { -webkit-animation-name: fadeOutTopRight; animation-name: fadeOutTopRight } @-webkit-keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } @keyframes fadeOutBottomRight { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(100%,100%,0); transform: translate3d(100%,100%,0) } } .animate__fadeOutBottomRight { -webkit-animation-name: fadeOutBottomRight; animation-name: fadeOutBottomRight } @-webkit-keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } @keyframes fadeOutBottomLeft { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } to { opacity: 0; -webkit-transform: translate3d(-100%,100%,0); transform: translate3d(-100%,100%,0) } } .animate__fadeOutBottomLeft { -webkit-animation-name: fadeOutBottomLeft; animation-name: fadeOutBottomLeft } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } @keyframes flip { 0% { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 40% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } 50% { -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } to { -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } } .animate__animated.animate__flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0 } 40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } 60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1 } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .animate__flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0 } } .animate__flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1 } to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0 } } .animate__flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-animation-duration: calc(var(--animate-duration)*0.75); animation-duration: calc(var(--animate-duration)*0.75); -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY } @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInRight { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0 } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1 } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInRight { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedInLeft { 0% { -webkit-transform: translate3d(-100%,0,0) skewX(30deg); transform: translate3d(-100%,0,0) skewX(30deg); opacity: 0 } 60% { -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1 } 80% { -webkit-transform: skewX(5deg); transform: skewX(5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__lightSpeedInLeft { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } @keyframes lightSpeedOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0 } } .animate__lightSpeedOutRight { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } @keyframes lightSpeedOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0) skewX(-30deg); transform: translate3d(-100%,0,0) skewX(-30deg); opacity: 0 } } .animate__lightSpeedOutLeft { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0 } to { -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 1 } } .animate__rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } @keyframes rotateOut { 0% { opacity: 1 } to { -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0 } } .animate__rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; -webkit-transform-origin: center; transform-origin: center } @-webkit-keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } @keyframes rotateOutDownLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0 } } .animate__rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutDownRight { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } @keyframes rotateOutUpLeft { 0% { opacity: 1 } to { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0 } } .animate__rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; -webkit-transform-origin: left bottom; transform-origin: left bottom } @-webkit-keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } @keyframes rotateOutUpRight { 0% { opacity: 1 } to { -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0 } } .animate__rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; -webkit-transform-origin: right bottom; transform-origin: right bottom } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out } 40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1 } to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0 } } .animate__hinge { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-duration: calc(var(--animate-duration)*2); animation-duration: calc(var(--animate-duration)*2); -webkit-animation-name: hinge; animation-name: hinge; -webkit-transform-origin: top left; transform-origin: top left } @-webkit-keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } @keyframes jackInTheBox { 0% { opacity: 0; -webkit-transform: scale(.1) rotate(30deg); transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } } .animate__jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg) } to { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg) } } .animate__rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .animate__zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } 60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .animate__zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0) } } .animate__zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; -webkit-transform-origin: left center; transform-origin: left center } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0) } } .animate__zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; -webkit-transform-origin: right center; transform-origin: right center } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) } to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) } } .animate__zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; -webkit-transform-origin: center bottom; transform-origin: center bottom } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .animate__slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0) } } .animate__slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0) } } .animate__slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) } } .animate__slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } } .animate__slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp }