/*
Theme Name: HamRongMedia.com
Theme URI: http://hamrongmedia.com/
Author: Ham Rong Media
Author URI: http://hamrongmedia.com
Description: Thiet ke website chat luong - 0968.724.886
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://hamrongmedia.com
Text Domain: hrm
*/
@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin,vietnamese";
@font-face{font-family:'Swiss CondensedBold';src:url(fonts/swiss-condensedbold.eot);src:url(fonts/swiss-condensedboldd41d.eot?#iefix) format("embedded-opentype"),url(fonts/swiss-condensedbold.woff) format("woff"),url(fonts/swiss-condensedbold.ttf) format("truetype");font-weight:400;font-style:normal}
body{color:#333;line-height:1.5;font-family:'Open Sans',sans-serif;font-size:15px;background:url(images/bg-choose.png) repeat;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;word-wrap:break-word;-ms-word-wrap:break-word}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
h1,h2,h3,h4,h5,h6{color:#333;text-transform:uppercase;margin:0 0 15px;font-family:'Swiss CondensedBold'}
h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:15px}
h5{font-size:14px}
h6{font-size:13px}
:focus{outline:0}
a{-webkit-transition:.5s ease 0;-o-transition:.5s ease 0;transition:.5s ease 0;color:#292a32;text-decoration:none}
a:hover{text-decoration:none;color:#f51227}
p{margin-bottom:15px}
blockquote{font-size:13px;font-style:italic;border:1px solid #eee;border-left-color:#1a7b22;margin-left:0;padding:20px;width:100%}
blockquote p:first-child{margin:0}
blockquote cite{display:block;margin-top:14px}
fieldset{border:0;margin:0;padding:0}
table{margin:1em 0}
table > caption + thead > tr:first-child > th,table > colgroup + thead > tr:first-child > th,table > thead:first-child > tr:first-child > th,table > caption + thead > tr:first-child > td,table > colgroup + thead > tr:first-child > td,table > thead:first-child > tr:first-child > td{border-top:1px solid #ddd}
th,td{padding:2px 5px;border:1px solid #ddd}
dd{margin-left:30px}
address{font-style:italic}
cite{font-style:italic}
pre{-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0}
ol,ul{margin:0;padding:0}
ul li,ol li{list-style-type:none;padding:0}
input,select,textarea{-webkit-transition:.5s ease 0;-o-transition:.5s ease 0;transition:.5s ease 0;border:1px solid #cdcdcd;padding:8px;width:100%;margin-bottom:10px;color:#333;font-size:12px}
input.full-width,select.full-width,textarea.full-width{width:100%}
input:focus,select:focus,textarea:focus{border-color:#f78109}
input[type="submit"]{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#fff;text-transform:uppercase;font-family:'Open Sans',sans-serif;width:auto;padding:7px 30px;border:none;background:#292a32}
input[type="submit"]:active{outline:0}
input[type="submit"]:hover{text-decoration:none;background:#1a7b22}
img{max-width:100%;height:auto}
img.aligncenter{display:block;margin:0 auto}
img.alignleft{margin-right:15px;float:left}
img.alignright{margin-left:15px;float:right}
div[dir="auto"]{margin-bottom:15px}
.left{float:left}
.right{float:right}
.entry-footer .post_tags_intro{position:relative;padding-left:30px;font-size:18px;display:inline}
.entry-footer .post_tags_intro:after{content:"\f02c";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;position:absolute;font-size:17px;color:#000;top:0;left:10px}
footer.entry-footer{margin:10px 0}
.entry-footer span.tags-links a{color:#fff;font-size:11px!important;text-transform:uppercase;padding:5px 10px;margin:0 5px 5px 0;background:#333}
.entry-footer span.tags-links a:hover{background:#f51227;color:#fff}
.hrm-pagenavi{width:100%;float:left;text-align:center;padding:30px 0 15px;margin-bottom:30px}
.hrm-pagenavi ul.page-numbers li{display:inline-block;color:#fff}
.hrm-pagenavi ul.page-numbers li a,.hrm-pagenavi ul.page-numbers li span{color:#fff;width:27px;height:29px;line-height:27px;color:#8a8885;border:1px solid #8a8885;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;text-align:center;padding:5px 10px}
.hrm-pagenavi ul.page-numbers li span.current{color:#000;background-color:#fff;font-weight:700}
.hrm-pagenavi ul.page-numbers li:hover a{color:#000;background-color:#fff;font-weight:700}
.widget_tag_cloud a,.widget_product_tag_cloud a{display:inline-block;zoom:1;color:#fff;font-size:11px!important;text-transform:uppercase;padding:5px 10px;margin:0 5px 5px 0;background:#333}
.widget_tag_cloud a:hover,.widget_product_tag_cloud a:hover{color:#fff;background:#ff5858}
.site-content{padding:15px 0 40px;background:url(images/bg-choose.png) repeat center top}
header.page-header{margin:0;padding:0;border:0}
.hrm-breadcrums{margin:0 0 30px;padding:5px 0 10px;color:#173e05;border-bottom:1px dashed #1a7b22}
.hrm-breadcrums a{color:#173e05;font-family:"Open Sans",sans-serif;font-size:15px}
.hrm-breadcrums .fa{font-size:13px}
.hrm-breadcrums span.current{font-weight:700}
.sidebar-left .content-area{float:right}
h1.page-title,h1.entry-title{background:url(images/icon.png) no-repeat center left;display:block;padding:10px 0 10px 65px;font-size:15px;text-transform:uppercase;font-weight:700;margin:5px 0;background-size:55px;border-bottom:1px dashed #1a7b22}
ul.related li{list-style-type:none;display:block;position:relative;padding:5px;border-bottom:0;width:100%;float:left}
ul.related li span.bullet{background:url(images/bullet.jpg);height:5px;width:5px;display:block;float:left;margin-right:6px;margin-top:10px}
ul.related li h3{margin:0;font-size:13px;display:inline-block;font-weight:700;color:#0877c7}
ul.related li span.date{font-weight:700}
.comment-form-author,.comment-form-email,.comment-form-url{width:32%;float:left}
.comment-form-email{margin:0 2%}
footer.comment-meta{width:100%;float:left}
footer.comment-meta .comment-author{float:left}
footer.comment-meta .comment-metadata{float:right;font-size:85%}
.comments-area{width:100%;float:left;margin-top:20px}
.comments-area span.says{display:none}
.comment-list{width:100%;float:left;padding:20px;margin-bottom:40px;margin-top:15px;background:#FFF;-webkit-box-shadow:0 0 3px #CACACA;-moz-box-shadow:0 0 3px #cacaca;box-shadow:0 0 3px #CACACA}
.comment-list .comment-body{position:relative;border-bottom:1px solid #E7E7E7}
.comment-list ol.children{margin-top:15px;margin-left:30px}
.comment-list li .comment-respond{padding-top:20px}
.comment-list li .reply{position:absolute;bottom:0;right:0;background:#E7E7E7;padding:3px 10px;font-size:11px}
.entry-content ul,.entry-content ol{margin-left:25px}
.entry-content ul li,.entry-content ol li{list-style-type:disc}
.alignnone{margin:0}
.aligncenter,div.aligncenter,.aligncenter img{display:block;margin:1em auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.gallery-item{display:inline-block;text-align:left;vertical-align:top;margin:0 0 1.5em;padding:0 1em 0 0;width:50%}
.gallery-columns-1 .gallery-item{width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-item a,.gallery-item a:hover,.gallery-item a:focus{-webkit-box-shadow:none;box-shadow:none;background:none;display:inline-block;max-width:100%}
.gallery-item a img{display:block;-webkit-transition:-webkit-filter .2s ease-in;transition:-webkit-filter .2s ease-in;transition:filter .2s ease-in;transition:filter .2s ease-in,-webkit-filter .2s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.gallery-item a:hover img,.gallery-item a:focus img{-webkit-filter:opacity(60%);filter:opacity(60%)}
.gallery-caption{display:block;text-align:left;padding:0 10px 0 0;margin-bottom:0}
.wp-caption,.gallery-caption{color:#666;font-size:13px;font-size:.8125rem;font-style:italic;margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:10px 0}
.img-404 img{display:block;margin:0 auto}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}
.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(0px,0px,0px)}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{display:none}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-loaded{display:block}
.owl-carousel.owl-loading{opacity:0;display:block}
.owl-carousel.owl-hidden{opacity:0}
.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel.owl-rtl{direction:rtl}
.owl-carousel.owl-rtl .owl-item{float:right}
.no-js .owl-carousel{display:block}
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}
.owl-carousel .owl-animated-out{z-index:1}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.owl-height{transition:height 500ms ease-in-out}
.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity 400ms ease}
.owl-carousel .owl-item img.owl-lazy{-webkit-transform-style:preserve-3d;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(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:-webkit-transform 100ms ease;transition:transform 100ms ease}
.owl-carousel .owl-video-play-icon:hover{-webkit-transform:scale(1.3,1.3);-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity 400ms ease}
.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.flipOutX,.animated.flipOutY,.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
@keyframes bounce {
from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);animation-timing-function:cubic-bezier(0.755,0.05,0.855,0.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}
@-webkit-keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash {
from,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes pulse {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes rubberBand {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)}
40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}
50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)}
65%{-webkit-transform:scale3d(0.95,1.05,1);transform:scale3d(0.95,1.05,1)}
75%{-webkit-transform:scale3d(1.05,0.95,1);transform:scale3d(1.05,0.95,1)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
@keyframes shake {
from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes headShake {
0%{-webkit-transform:translateX(0);transform:translateX(0)}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}
50%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}
@-webkit-keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
@keyframes swing {
20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}
40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}
60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}
80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}
to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}
}
.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}
@-webkit-keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes tada {
from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
10%,20%{-webkit-transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg);transform:scale3d(0.9,0.9,0.9) rotate3d(0,0,1,-3deg)}
30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
@keyframes wobble {
from{-webkit-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
to{-webkit-transform:none;transform:none}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes jello {
from,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
@keyframes jello {
from,11.1%,to{-webkit-transform:none;transform:none}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}
77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}
88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}
@-webkit-keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.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(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn {
from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.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(0.97,0.97,0.97);transform:scale3d(0.97,0.97,0.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInDown {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInLeft {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
@keyframes bounceInRight {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}
to{-webkit-transform:none;transform:none}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes bounceInUp {
from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.61,0.355,1);animation-timing-function:cubic-bezier(0.215,0.61,0.355,1)}
from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut {
20%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.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(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
}
@keyframes bounceOut {
20%{-webkit-transform:scale3d(0.9,0.9,0.9);transform:scale3d(0.9,0.9,0.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(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes bounceOutDown {
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes bounceOutLeft {
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes bounceOutRight {
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes bounceOutUp {
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}
@-webkit-keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDownBig {
from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeft {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInLeftBig {
from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRightBig {
from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpBig {
from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}
@-webkit-keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
@keyframes fadeOut {
from{opacity:1}
to{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
@keyframes fadeOutDownBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
@keyframes fadeOutLeftBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
@keyframes fadeOutRightBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
@keyframes fadeOutUpBig {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95);transform:perspective(400px) scale3d(0.95,0.95,0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) scale3d(0.95,0.95,0.95);transform:perspective(400px) scale3d(0.95,0.95,0.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInX {
from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
@keyframes flipInY {
from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
@-webkit-keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
@keyframes flipOutX {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
@keyframes flipOutY {
from{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}
@-webkit-keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
@keyframes lightSpeedIn {
from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
to{-webkit-transform:none;transform:none;opacity:1}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
@-webkit-keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
@keyframes lightSpeedOut {
from{opacity:1}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
@-webkit-keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateIn {
from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}
@-webkit-keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}
@-webkit-keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}
@-webkit-keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}
@-webkit-keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
@keyframes rotateInUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
@keyframes rotateOut {
from{-webkit-transform-origin:center;transform-origin:center;opacity:1}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
@keyframes rotateOutDownLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutDownRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
@keyframes rotateOutUpLeft {
from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
@keyframes rotateOutUpRight {
from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
@keyframes hinge {
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes rollIn {
from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}
to{opacity:1;-webkit-transform:none;transform:none}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
@keyframes rollOut {
from{opacity:1}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}
@-webkit-keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
@keyframes zoomIn {
from{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInDown {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}
@-webkit-keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInLeft {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}
@-webkit-keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInRight {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);transform:scale3d(0.1,0.1,0.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}
@-webkit-keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomInUp {
from{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
60%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}
@-webkit-keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
to{opacity:0}
}
@keyframes zoomOut {
from{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(0.3,0.3,0.3);transform:scale3d(0.3,0.3,0.3)}
to{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutDown {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}
@-webkit-keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px,0,0);transform:scale(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
@keyframes zoomOutLeft {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(-2000px,0,0);transform:scale(0.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}
@-webkit-keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
@keyframes zoomOutRight {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0);transform:scale3d(0.475,0.475,0.475) translate3d(-42px,0,0)}
to{opacity:0;-webkit-transform:scale(0.1) translate3d(2000px,0,0);transform:scale(0.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}
@-webkit-keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
@keyframes zoomOutUp {
40%{opacity:1;-webkit-transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);transform:scale3d(0.475,0.475,0.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);animation-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}
to{opacity:0;-webkit-transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);transform:scale3d(0.1,0.1,0.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.32,1);animation-timing-function:cubic-bezier(0.175,0.885,0.32,1)}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}
@-webkit-keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
.owl-controls .owl-buttons div,.owl-nav div{cursor:pointer;text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;text-indent:0;color:#fff;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:rgba(0,0,0,0.5);text-align:center;line-height:40px;font-size:20px}
.owl-controls .owl-buttons div:hover,.owl-nav div:hover{background:#000}
.owl-controls .owl-buttons div.owl-prev,.owl-nav div.owl-prev{left:0;background-size:contain}
.owl-controls .owl-buttons div.owl-prev .fa,.owl-nav div.owl-prev .fa{margin-right:2px}
.owl-controls .owl-buttons div.owl-next,.owl-nav div.owl-next{right:0;background-size:contain}
.owl-controls .owl-buttons div.owl-next .fa,.owl-nav div.owl-next .fa{margin-left:2px}
.home-slider .owl-controls .owl-buttons div{opacity:.2}
.home-slider .owl-controls .owl-buttons div:hover{opacity:1}
.home-slider .owl-dots{position:absolute;bottom:10px;width:100%;text-align:center}
.home-slider .owl-dots .owl-dot{width:12px;height:12px;margin:5px 7px;filter:alpha(opacity=50);opacity:.5;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:#84C44C;display:inline-block}
.home-slider .owl-dots .owl-dot:hover{filter:alpha(opacity=100);opacity:1}
.home-slider .owl-dots .owl-dot.active{background:#1a7b22;filter:alpha(opacity=100);opacity:1}
.home-slider .owl-controls .owl-buttons div.owl-prev{left:20px}
.home-slider .owl-controls .owl-buttons div.owl-next{right:20px}
.owl-pagination{position:absolute;list-style:none;clear:both;height:12px;text-align:center;bottom:20px;padding-bottom:2%;z-index:2;width:100%}
.owl-pagination div{display:inline-block;font-size:0;margin:0 3px}
.owl-pagination div span{display:block;height:12px;width:12px;border:solid 2px #fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;cursor:pointer}
.owl-pagination div.active span{background:#fff}
.owl-carousel .owl-dots.disabled{display:block}
.top-bar{padding:5px 0;background:#1a7b22}
.top-bar .hotline{display:inline-block;vertical-align:bottom;color:#fff;padding:0 10px;font-weight:600}
.top-bar .hotline .fa{padding-right:10px}
.top-bar .hotline-link{display:inline-block;vertical-align:middle}
.top-bar .social-media{display:inline-block;vertical-align:top}
.top-bar .social-media li{display:inline-block;vertical-align:top}
.top-bar .social-media li a{display:block;width:25px;height:25px;text-align:center;margin:0 1px;background:#fff;border:1px solid #fff;line-height:25px;border-radius:100%;color:#1a7b22}
.top-bar .social-media li a:hover{opacity:.6}
.top-left{float:left;width:50%;margin-left:0;margin-right:0}
.top-right{float:right;width:50%;text-align:right;margin-left:0;margin-right:0}
.top-nav{display:inline-block}
.header-content{background:url(images/header.png) no-repeat right center;background-size:contain}
label.screen-reader-text{display:none}
.search-form{margin-top:45px}
.search-form #s{border:1px solid #1a7b22;font:normal 14px Arial,Helvetica,sans-serif;color:#1a7b22;-webkit-box-shadow:none;box-shadow:none;background:#fff;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out .15s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;padding:10px 15px;width:350px;line-height:1.5;float:left;display:block;height:42px}
.search-form .search-submit{height:42px;color:#fff;background:#1a7b22 url(images/bg-choose.png) repeat center top;border-color:rgba(0,0,0,0);padding:10px 13px;border-radius:0;display:block;float:left}
.search-form ::-webkit-input-placeholder{color:#1a7b22}
.search-form :-moz-placeholder{color:#1a7b22}
.search-form ::-moz-placeholder{color:#1a7b22}
.search-form :-ms-input-placeholder{color:#1a7b22}
.hotline{padding:5px;text-transform:uppercase;font-weight:700;color:#fdfdfd;font-size:19px;margin:0;margin-top:3px}
.hotline a{color:#fdfdfd;text-decoration:none}
.hotline a:hover{color:#1a7b22}
.main-menu{background:#1a7b22 url(images/bg-choose.png) repeat center top;z-index:99999999999999;position:relative}
#main-menu.hrm-sticky-menu{height:auto;padding-bottom:5px}
#main-menu.hrm-sticky-menu .logo img{max-height:65px;width:auto!important}
#main-menu.hrm-sticky-menu #navigation li{line-height:1.5;height:auto}
#main-menu.hrm-sticky-menu .menu-open{position:relative;top:0;float:right}
ul#navigation{padding:0;margin:0}
ul#navigation li{display:block;float:left;position:relative;z-index:100;cursor:pointer;-webkit-transition:.5s;transition:.5s}
ul#navigation li a{font-family:'Swiss CondensedBold';text-decoration:none;padding:11px 15px 10px;display:block;color:#fff;font-size:15px;border-right:1px solid rgba(255,255,255,0.04);text-transform:uppercase;font-weight:700}
ul#navigation li a:hover,ul#navigation li a:focus{background:transparent}
ul#navigation li:hover,ul#navigation li:focus,ul#navigation li.current-menu-item{background:#8fc010 url(images/bg-choose.png) repeat center top}
ul#navigation li.menu-item-has-children:hover:after{content:'';width:0;height:0;border:7px solid transparent;border-top-color:#CD2C32;position:absolute;bottom:0;margin-bottom:-14px;left:0;margin-left:15px;z-index:9999}
ul#navigation li:hover > .sub-menu{display:block;visibility:visible;z-index:9999;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);transition:transform .3s ease,opacity .2s ease .1s;-webkit-transition:-webkit-transform .3s ease,opacity .2s ease .1s}
ul#navigation li .sub-menu{background:#F3F3F3;min-width:230px;opacity:0;padding:0;position:absolute;-webkit-transform-origin:top;transform-origin:top;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transform:scale(1,0);transform:scale(1,0);transition:transform .5s ease,opacity .2s ease;-webkit-transition:-webkit-transform .5s ease,opacity .2s;margin:0}
ul#navigation li .sub-menu li{margin:0;width:100%;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s;border-bottom:1px solid}
ul#navigation li .sub-menu li a{padding:0 15px;line-height:37px;color:#222;font-size:14px}
ul#navigation li .sub-menu li:hover a{color:#fff}
ul#navigation ul.dropdown-menu li{width:100%;float:left;text-align:left;margin:0;border-bottom:1px solid #484444;background:#111;border-top:0;border-radius:0}
ul#navigation ul.dropdown-menu li:hover{background:#292A32}
ul#navigation ul.dropdown-menu li:hover a{color:#fff}
ul#navigation ul.dropdown-menu li a{text-transform:capitalize;font-weight:400;text-decoration:none;text-shadow:0 0 0 #000;line-height:30px;font-size:13px;padding:5px 20px;color:#b8b8b8;background:transparent}
.nav .dropdown-menu{display:block;visibility:hidden;opacity:0;min-width:200px;top:115px;left:0;right:auto;background:transparent;border:0;padding:0;margin:0;z-index:9999}
nav#site-navigation{padding:0}
.navbar-toggle{margin:5px 0 0;padding:0;width:32px;height:26px;position:relative}
.navbar-toggle .icon-bars{transition:all .3s;font-size:0;position:absolute;left:0;top:50%;margin-top:-1px;width:30px;height:2px;display:block;background-color:transparent}
.navbar-toggle .icon-bars:before,.navbar-toggle .icon-bars:after{transition:transform .3s;position:absolute;left:0;width:100%;height:100%;background:#000;content:''}
.navbar-toggle .icon-bars:before{transform:translateY(0) rotate(45deg)}
.navbar-toggle .icon-bars:after{transform:translateY(0) rotate(-45deg)}
.navbar-toggle .icon-bar-3{bottom:0;transform:translateY(0) rotate(-45deg)}
.navbar-toggle.collapsed .icon-bars{background:#000}
.navbar-toggle.collapsed .icon-bars:before{transform:translateY(-400%)}
.navbar-toggle.collapsed .icon-bars:after{transform:translateY(400%)}
ul.sub-menu.toggle-submenu{display:none}
.toggle-menu .toggle-menu-item-parent{position:relative}
.toggle-menu .active > .toggle-caret .fa:before{content:"\f068"}
.toggle-menu .toggle-caret{position:absolute;top:0;right:0;text-align:center;cursor:pointer;line-height:inherit}
.toggle-menu .toggle-caret .fa{width:20px;text-align:center;font-size:inherit;color:inherit;line-height:20px;color:#fff}
.menu-responsive{background:rgba(0,0,0,0.9);height:100%;position:fixed;width:250px;left:-250px;z-index:199999;top:0;overflow-y:auto;transition:all ease .3s}
.menu-responsive.show-mn{left:0}
.menu-close{cursor:pointer;padding:10px;background:#e18533;text-align:left;color:#fff;font-size:13px;text-transform:uppercase;font-weight:700;font-family:Arial;overflow:hidden}
.menu-close i{color:#fff;font-size:25px;float:left}
.menu-close i.fa-times{float:right}
.menu-close span{margin:5px;float:left}
.menu-open{color:#1a7b22;font-family:Arial;font-size:14px;padding:5px 15px 0;text-decoration:none;text-transform:uppercase;font-weight:700;overflow:hidden;cursor:pointer;display:inline-block;position:relative;float:right;z-index:99999}
.menu-open i{font-size:35px}
.menu-responsive ul{list-style:none;padding:0}
.menu-responsive ul.sub-menu li{border-bottom:none}
.menu-responsive ul.sub-menu li a:before{content:"\f101";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);margin:0 5px 0 0}
.menu-responsive ul li{padding:10px;border-bottom:1px solid}
.menu-responsive ul li.current-menu-item a{color:#1a7b22}
.menu-responsive ul li a{color:rgba(255,255,255,0.9);font-size:15px;font-weight:600}
.hrm-sticky-menu{position:fixed;left:0;top:0;z-index:9999;border-radius:0!important;width:100%!important}
.line-block{clear:both;text-align:center;font-size:0;padding:10px 0 30px;height:28px;background:url(images/line.png) no-repeat center center}
.line-block:before,.line-block:after{content:'';display:table}
.line-block:after{clear:both}
.h3home{font-size:25px;text-transform:uppercase;margin:10px 0;border-bottom:2px solid #1a7b22;color:#1a7b22;padding-bottom:10px;text-align:center}
.abouts{overflow:hidden;padding-bottom:1px}
.abouts-welcome{padding:0;background:#555 url(images/bg-choose.png) repeat center top;color:#f3f3f3;font-style:italic;font-size:14px}
.welcome-text{font-size:14px;font-family:'Swiss CondensedBold',sans-serif;font-style:italic;margin-top:10px;margin-bottom:10px}
div.choose{font-family:'Open Sans',sans-serif;padding-top:40px}
.center-block{display:block;margin-right:auto;margin-left:auto}
.choose-info h2{color:#1a7b22}
.choose-info ul{list-style:none;padding:0;margin:0}
.choose-info ul li{background:url(images/icon-choose.png) no-repeat left 5px;padding:0 0 0 25px;margin:0 0 11px}
div.product .product-feature{overflow:hidden}
div.product .product-item{border-left:1px solid #1a7b22;border-right:1px solid #1a7b22;border-top:1px solid #1a7b22;margin-bottom:25px}
div.product .product-title{display:block;padding:10px 0;font-size:15px;text-transform:uppercase;font-weight:700;min-height:52px;margin:5px 10px}
div.product .product-info{padding:10px;font-size:14px;line-height:1.8}
div.product .readmore{text-align:center;display:table;margin:0 auto;color:#fff;font-family:'Open Sans',sans-serif;padding:5px 20px;border-radius:50px 50px 0 0}
div.product .price{font-weight:700;color:#e04032}
div.product .item-outer:nth-child(3n+1) div.product-item{border-bottom:4px solid #1a7b22}
div.product .item-outer:nth-child(3n+1) .product-title{color:#173e05}
div.product .item-outer:nth-child(3n+1) strong{color:#173e05}
div.product .item-outer:nth-child(3n+1) .readmore{background:#1a7b22}
div.product .item-outer:nth-child(3n+2) div.product-item{border-bottom:4px solid #1a7b22}
div.product .item-outer:nth-child(3n+2) .product-title{color:#5a3c21}
div.product .item-outer:nth-child(3n+2) strong{color:#5a3c21}
div.product .item-outer:nth-child(3n+2) .readmore{background:#1a7b22}
div.product .item-outer:nth-child(3n+3) div.product-item{border-bottom:4px solid #065f5b}
div.product .item-outer:nth-child(3n+3) .product-title{color:#00b0b3}
div.product .item-outer:nth-child(3n+3) strong{color:#00b0b3}
div.product .item-outer:nth-child(3n+3) .readmore{background:#065f5b}
#contact_buy strong{color:green;padding-right:10px}
#contact_buy span{color:red;font-size:18px;font-weight:700}
#contact_buy span a{color:inherit}
.group-term .col-term:nth-child(3n+1) h4{color:#1a7b22}
.group-term .col-term:nth-child(3n+2) h4{color:#1a7b22}
.group-term .col-term:nth-child(3n+3) h4{color:#1a7b22}
.group-term h4{font-size:17px;font-weight:700;text-transform:uppercase;border-bottom:1px dashed #1a7b22;padding:10px 0}
.group-term .post-list{margin:30px 0 20px}
.group-term .post-list p{font-size:13px}
.group-term .post-img{position:relative}
.group-term .post-img .time{position:absolute;z-index:9;text-align:center;top:-22px;width:100%}
.group-term .post-img .time p{border-top:1px solid #fff}
.group-term .post-img .time-center{color:#fff;border-radius:50%;width:50px;height:50px;margin:0 auto;text-align:center;border:2px solid #fff}
.group-term a.post-title{font-weight:700;display:block;margin-bottom:10px}
.group-term .row:nth-child(4n+1) h4{color:#173e05}
.group-term .row:nth-child(4n+1) div.time-center{background:#1a7b22}
.group-term .row:nth-child(4n+1) a.post-title{color:#173e05}
.group-term .row:nth-child(4n+2) h4{color:#1a7b22}
.group-term .row:nth-child(4n+2) a.post-title{color:#1a7b22}
.group-term .row:nth-child(4n+2) div.time-center{background:#1a7b22}
.group-term .row:nth-child(4n+3) h4{color:#065f5b}
.group-term .row:nth-child(4n+3) a.post-title{color:#065f5b}
.group-term .row:nth-child(4n+3) div.time-center{background:#00b0b3}
.answer-body{font-family:arial,helvetica,sans-serif;font-size:14px}
.answer{position:relative;margin-top:40px}
.answer:before{border-left:1px dashed #1a7b22;content:"";position:absolute;height:100%;left:13px;z-index:1}
.answer .answer-list .post-img{float:left;max-width:30%;margin-right:15px}
.answer .answer-list a.post-title{font-weight:700;display:block;margin-bottom:10px}
.answer .answer-list{padding:10px 0 15px 35px;position:relative;z-index:9}
.answer .answer-list:before,.answer .answer-list:after{content:'';display:table}
.answer .answer-list:after{clear:both}
.answer .answer-list:nth-child(4n+1){background:url(images/icon-yellow.png) no-repeat left top}
.answer .answer-list:nth-child(4n+2){background:url(images/icon-green.png) no-repeat left top}
.answer .answer-list:nth-child(4n+3){background:url(images/icon-blue.png) no-repeat left top}
.answer .answer-list:nth-child(4n+1) a.post-title{color:#173e05}
.answer .answer-list:nth-child(4n+2) a.post-title{color:#5a3c21}
.answer .answer-list:nth-child(4n+3) a.post-title{color:#065f5b}
.answer .answer-list a.readmore{color:#5a3c21;font-size:13px;float:right}
.no-padding{padding-right:0;padding-left:0}
.archive .content-area,.category .content-area,.single-post .content-area{background:#fff;padding:5px 20px;margin-bottom:40px}
.single .post-meta{display:none}
.page:not(.home) .content-area{background:#fff;padding:10px 20px;margin-bottom:40px}
article.item-list{margin:0;border-bottom:1px dashed #ddd;padding:20px 0;font-size:14px;color:#555;clear:both}
article.item-list:before,article.item-list:after{content:'';display:table}
article.item-list:after{clear:both}
article.item-masory .post-thumbnail{width:100%;margin-bottom:10px}
article.item-masory .post-thumbnail img{width:100%;margin-right:0}
.box-masory{border-bottom:1px solid #f2f2f2;padding-top:20px;padding-bottom:25px}
.post-thumbnail{float:left;margin-right:20px;width:30%}
.post-thumbnail img{height:auto;position:relative;line-height:0;padding:0;background:#fff;border:1px solid #f5f5f5}
h2.post-box-title{font-weight:700;color:#173e05;display:block;margin:0;font-size:14px;text-transform:uppercase;font-family:"Open Sans",sans-serif}
h2.post-box-title a{color:inherit}
h2.post-box-title a:hover{color:#1a7b22}
a.more-link{cursor:pointer;text-decoration:none;webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#173e05;display:block;float:right;font-size:13px}
a.more-link:hover{color:#1a7b22}
.clear{clear:both}
p.post-meta{margin-bottom:0;font-size:13px;color:#bcbec0}
p.post-meta span{display:inline-block;margin:10px 15px 10px 0}
p.post-meta span a{color:inherit}
p.post-meta span i{padding-right:5px}
.excerpt{text-align:justify;line-height:1.8}
.post-thumbnail.archive-wide-thumb img{width:100%;height:auto;margin:0 0 10px}
.hrm-social-share{border-bottom:1px dotted #d9d9d9;margin-top:20px;margin-bottom:12px;display:block;overflow:hidden}
.hrm-social-share .button-social-share{float:left;margin-right:10px}
.hrm-social-share .share-text{font-weight:700;float:left;margin-right:50px}
.hrm-title-comment{font-size:19px;font-weight:700;line-height:18px;color:#333;margin-top:35px;margin-bottom:25px;text-transform:uppercase}
.hrm-title-comment i{color:#1a7b22;margin-right:10px}
.hrm-title-comment span span{color:#1a7b22}
.hrm-comment-facebook .fb-comments{width:100%!important;max-width:100%!important}
.related-post{border-top:1px solid #ddd;padding-top:15px;width:100%;float:left}
.product-description h1{font-size:22px;text-transform:uppercase;font-weight:700;color:#173e05;margin:0;border:0;background:none;padding-left:0}
.product-description h2{font-size:15px;text-transform:uppercase;font-weight:700;color:#173e05}
.product-description .product-info strong{color:#173e05;width:150px;display:inline-block}
.product-description .product-info span.price{font-weight:700;color:#e04032}
.product-description ul{list-style:none;padding:0;margin:0}
.product-description ul li{background:url(images/icon-choose.png) no-repeat left 5px;padding:0 0 0 25px;margin:0 0 18px;line-height:1.8}
.product-description .facebook-click{display:block;padding:15px 0;border-bottom:1px dashed #999;margin-bottom:20px}
.product-content-detail{background:#f6f6f6}
.product-content-detail ul.nav.nav-tabs{background:#1a7b22;border:0}
.product-content-detail .tab-content .tab-pane{-webkit-box-shadow:none;box-shadow:none}
.product-content-detail .tab-content{padding:20px}
.product-content-detail .nav-tabs > li{margin-bottom:0}
.product-content-detail .nav-tabs > li a{border-radius:0;color:#fff;position:relative;font-size:13px;margin:0;border:0;text-transform:uppercase;font-weight:700;border-right:1px solid;border-top:3px solid #1a7b22}
.product-content-detail .nav-tabs > li.active > a,.nav-tabs > li.active > a:focus,.nav-tabs > li.active > a:hover,.nav-tabs > li > a:hover{border:0;color:#1a7b22;border-top:3px solid;background:#fff;border-right:1px solid}
.product-content-sidebar h2{font-size:15px;color:#fff;text-transform:uppercase;margin:10px 0;padding:10px 30px 10px 20px;font-weight:700;display:inline-block;position:relative;right:-10px;float:right}
.product-content-sidebar h3{font-size:15px;color:#fff;text-transform:uppercase;margin:10px 0;padding:10px 30px 10px 20px;font-weight:700;display:inline-block;position:relative;right:-10px;float:right}
.product-content-sidebar h2.green{background:#1a7b22}
.product-content-sidebar h2.orange{background:#1a7b22}
.product-content-sidebar h3.orange{background:#1a7b22}
.product-content-sidebar h2.blue{background:#00b0b3}
.product-content-sidebar h2:before{content:'';width:0;height:0;border-style:solid;border-width:10px 0 0 10px;border-color:transparent transparent transparent #5a3c21;position:absolute;top:-10px;right:0}
.product-content-sidebar-block{background:url(images/icon.png) no-repeat 30px 15px}
.form-block{margin:30px;display:inline-block}
.product-block{display:inline-block}
.sidebar-product{background:url(images/icon.png) #c2f2f2 no-repeat 30px 15px;border-bottom:1px solid #fff;border-top:1px solid #fff}
.product-page{padding-bottom:40px}
.product-page .product-item{background:#fff;margin-bottom:10px}
.product-page h2.h2{font-size:15px;color:#fff;text-transform:uppercase;margin:10px 0 20px;padding:10px 30px 10px 20px;font-weight:700;display:inline-block;position:relative}
.product-page h2.h2.green{background:#1a7b22}
.product-page h2.h2.orange{background:#1a7b22}
.product-page h2.h2.blue{background:#00b0b3}
.product-line{margin:10px 0 40px}
.product-page h2.h2:before{content:'';width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent #5a3c21;position:absolute;top:-10px;left:0}
.content-meta h2{font-size:17px;font-weight:700;text-transform:uppercase;border-bottom:1px dashed #1a7b22;padding:10px 0}
.content-meta .find{color:#00b0b3}
.content-meta .download{border-left:1px dashed #1a7b22;color:#173e05}
.content-meta .choose-info{margin:30px 0}
.content-meta .choose-info img{margin-bottom:30px}
.top-detail{margin-bottom:30px}
.form-dat-hang{background:#fdeab4 url(images/candy.png) no-repeat top center;position:relative;padding-top:100px;padding-bottom:100px}
.form-dat-hang .nf-form-cont{margin:auto;width:640px;background:#fff;-webkit-box-shadow:0 1px 4px 0 rgba(0,0,0,0.37);box-shadow:0 1px 4px 0 rgba(0,0,0,0.37);word-wrap:break-word;color:#000;border-top:8px solid #f8b806;padding:34px 30px;max-width:100%}
.form-dat-hang .nf-form-title{display:block}
.form-dat-hang .nf-form-title h3{font-family:Roboto,RobotoDraft,Helvetica,Arial,sans-serif;font-size:32px;line-height:1.5}
div .label-above .nf-field-label{margin:5px 0}
div .nf-field-label label{font-weight:600;font-size:15px}
div .listcheckbox-wrap .nf-field-element label{font-weight:400;margin-bottom:10px}
div .nf-form-fields-required{display:none}
div #ninja_forms_required_items,div .nf-field-container{clear:both;position:relative;margin-bottom:10px}
div .nf-field-element textarea{height:75px;resize:vertical}
div .field-wrap button,div .field-wrap input[type=button],div .field-wrap input[type=submit]{width:auto;-webkit-user-select:none;-webkit-transition:background .2s .1s;transition:background .2s .1s;border:0;-webkit-border-radius:3px;border-radius:3px;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;outline:none;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;-webkit-tap-highlight-color:transparent;z-index:0;background-color:#4285f4;line-height:20px;min-width:88px;color:#fff}
div .field-wrap button:hover,div .field-wrap input[type=button]:hover,div .field-wrap input[type=submit]:hover{background:#1a7b22}
.widget{color:#747474;margin-bottom:30px}
.widget input[type="submit"]{background:#292a32}
.widget input[type="submit"]:hover{background:#f51227}
.widget-title{margin:0;line-height:1.5;font-weight:600;font-size:18px;margin-bottom:10px}
.widget-area{background:#fafafa;background:rgba(26,123,34,0.25);border-bottom:1px solid #fff;border-top:1px solid #fff}
.widget-area .widget-title{font-size:15px;color:#fff;text-transform:uppercase;margin:10px 0;padding:10px 15px 10px 20px;font-weight:700;display:inline-block;position:relative;right:-25px;float:right;background:#1a7b22}
.widget-area .widget-top{background:url(images/icon.png) no-repeat 0 15px}
.widget-area .widget-top:before,.widget-area .widget-top:after{content:'';display:table}
.widget-area .widget-top:after{clear:both}
.widget-area .widget_categories ul{padding:0;margin:0 -15px;list-style-type:none}
.widget-area .widget_categories ul li{position:relative;padding:10px 15px;border-top:1px solid #e7e7e7;margin-bottom:0}
.widget-area .widget_categories ul li:first-child{border-top:0}
.widget-area .widget_categories ul li:before{display:inline-block;zoom:1;color:#cdcdcd;width:20px}
.widget-area ul li{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #cdcdcd}
.widget-area ul li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
ul.list-post-ct li{display:inline-block;margin:0;padding:0;border-bottom:1px dashed #f5f5f5;clear:both;padding:10px 0;width:100%}
ul.list-post-ct li img{width:80px;height:80px;float:left;margin-right:10px}
ul.list-post-ct li a{font-size:14px;font-weight:700;color:#173e05;text-decoration:none;-webkit-transition:all ease-in-out .2s;-moz-transition:all ease-in-out .2s;-o-transition:all ease-in-out .2s;transition:all ease-in-out .2s}
ul.list-post-ct li .date-detail{display:block;color:#444;margin:3px 0 5px;font-size:90%}
ul.list-post-ct li .date-detail i{padding-right:5px}
ul.list-post-ct li .readmore{color:#ff5722;font-size:13px}
#topcontrol{z-index:99;background:#1a7b22;width:35px;height:35px;position:fixed;bottom:-100px;right:10px;cursor:pointer;transition:all,0.7s,ease-in-out;overflow:auto;line-height:28px;text-align:center;color:#fff}
#topcontrol:hover{background:#1a7b22}
.site-footer{background:url(images/bg-choose.png) repeat center;color:#333;font-family:'Open Sans',sans-serif;border-bottom:4px solid #1a7b22}
.site-footer .footer-inner{padding-top:40px;background:url(images/bg-choose.png) repeat center}
.site-footer h3.widget-title{text-transform:uppercase;border-bottom:2px solid #1a7b22;padding-bottom:10px;position:relative;margin-top:0;font-weight:700;font-size:16px}
.site-footer h3.widget-title:before{content:"";border-bottom:2px solid #8fc010;width:100px;position:absolute;bottom:-2px}
.site-footer .textwidget{text-align:justify;line-height:1.8}
#footer-sidebar-1 img{width:150px;height:150px;border-radius:50%;float:left;margin-right:10px;border:2px solid #1a7b22}
#footer-sidebar-1 strong{margin:10px 0;display:block;font-size:20px;margin-top:20px;text-transform:uppercase;color:#1a7b22}
.address{box-sizing:border-box;margin:20px 0;font-family:"Open Sans",sans-serif;font-size:15px;list-style:none;background-color:#fff;padding:10px}
.address ul{padding:0;margin-left:0}
.address ul li{margin-bottom:3px;list-style:none}
.address .fa{box-sizing:border-box;display:inline-block;font-stretch:normal;line-height:2.1;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;transform:translate(0px,0px);border:1px solid #1a7b22;width:30px;height:30px;text-align:center;color:#1a7b22;margin-right:10px}
.site-footer ul.list-post-ct li:last-child{border-bottom:0}
.fb_iframe_widget,.fb_iframe_widget iframe[style],.fb_iframe_widget iframe span[style],.fb_iframe_widget span,.fb-comments,.fb-comments iframe[style],.fb-like-box,.fb-like-box iframe[style],.fb-comments span,.fb-comments iframe span[style],.fb-like-box span,.fb-like-box iframe span[style]{width:100%!important;max-width:100%!important}
@media (max-width: 1199px) {
.search-form #s{width:260px}
p.post-meta{display:none}
}
@media (max-width: 991px) {
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:10px;padding-right:10px}
.row{margin-left:-10px;margin-right:-10px}
.container,.container-fluid{padding-left:10px;padding-right:10px}
#primary,#secondary{clear:both}
.search-form{margin-top:25px}
.main-menu{background-color:#fff}
.main-menu-outter{display:none}
.widget-area .widget-title{right:0}
.product-content-detail .tab-content{padding:10px}
.list-checkbox-wrap .nf-field-element li,.list-radio-wrap .nf-field-element li{border-bottom:1px dashed #1a7b22}
}
@media (min-width: 768px) {
.dropdown:hover > .dropdown-menu{opacity:1;top:100%;visibility:visible}
.gallery-columns-5 .gallery-item{max-width:20%}
.gallery-columns-6 .gallery-item{max-width:16.66%}
.gallery-columns-7 .gallery-item{max-width:14.28%}
.gallery-columns-8 .gallery-item{max-width:12.5%}
.gallery-columns-9 .gallery-item{max-width:11.11%}
}
@media (max-width: 767px) {
.logo{width:auto;text-align:center;float:none}
.logo img{display:inline-block}
.header__search form.search-form{width:300px;margin:10px auto}
.header__search .search-form #s{width:220px}
.header__search .search-form .search-submit{font-size:0}
.header__search .search-form .search-submit i{font-size:14px}
.form-dat-hang .nf-form-title h3{font-size:20px}
.form-dat-hang .nf-form-cont{padding:15px}
nav#site-navigation ul li{width:100%;float:left;margin:0;padding:0 10px;border-radius:0;text-align:left;background:#111}
nav#site-navigation ul li a{color:#fff}
.navbar-nav{margin:0}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:5px;padding-right:5px}
.row{margin-left:-5px;margin-right:-5px}
.container,.container-fluid{padding-left:5px;padding-right:5px}
.gallery-item{max-width:25%}
.gallery-columns-1 .gallery-item{max-width:100%}
.gallery-columns-2 .gallery-item{max-width:50%}
.gallery-columns-3 .gallery-item{max-width:33.33%}
.gallery-columns-4 .gallery-item{max-width:25%}
}
@media (max-width: 500px) {
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{padding-left:3px;padding-right:3px}
.row{margin-left:-3px;margin-right:-3px}
.container,.container-fluid{padding-left:3px;padding-right:3px}
.col-full{width:100%;float:none;clear:both}
.col-full:before,.col-full:after{content:'';display:table}
.col-full:after{clear:both}
.item-outer{width:100%;float:none}
.post-thumbnail{float:none;width:100%;margin-right:0;margin-bottom:10px}
.product-content-detail .nav-tabs > li{float:none}
#footer-sidebar-1 img{display:block;float:none;margin:0 auto 10px}
.bottom-info{text-align:center}
.hrm-breadcrums{display:none}
}
@media (min-width: 768px) {
.item-outer:nth-child(3n),.item-outer:nth-child(3n+1){clear:none}
}
.logo img{height:125px}