#wrapwrap .bg-success .panel-success .nav-tabs > li.active a, #wrapwrap .bg-success .panel-success .nav-tabs > li.active a:hover, #wrapwrap .bg-success .panel-success .nav-tabs > li.active a:focus{border: 1px solid #ffffff; background-color: #ffffff; color: #f25755;} #wrapwrap .bg-success .panel-success .nav-tabs > li.active a .fa, #wrapwrap .bg-success .panel-success .nav-tabs > li.active a:hover .fa, #wrapwrap .bg-success .panel-success .nav-tabs > li.active a:focus .fa{color: #f25755;} #wrapwrap .bg-success .well-success{background-color: rgba(0, 0, 0, 0); border-color: #ffffff; color: inherit;} #wrapwrap .bg-success .well-success .fa{color: #ffffff;} #wrapwrap .bg-success.thumbnail, #wrapwrap .bg-success.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f25755; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f25755;} #wrapwrap .bg-success .text-muted{color: #ffffff;} #wrapwrap .panel-success{border-color: #f25755;} #wrapwrap .panel-success .list-group li.active{background-color: #f25755 !important; color: #ffffff;} #wrapwrap .panel-success > .panel-heading{background-color: #f25755; color: #ffffff;} #wrapwrap .panel-success > .panel-heading .text-muted{color: #ffffff;} #wrapwrap .panel-success > .panel-heading > .panel-title, #wrapwrap .panel-success > .panel-heading a{color: #ffffff;} #wrapwrap .panel-success .tab-content{border-left: 1px solid #f25755; border-bottom: 1px solid #f25755; border-right: 1px solid #f25755; padding: 20px;} #wrapwrap .panel-success .nav-tabs{border-bottom: 1px solid #f25755;} #wrapwrap .panel-success .nav-tabs > li > a{background-color: inherit; color: #f25755;} #wrapwrap .panel-success .nav-tabs > li > a:hover, #wrapwrap .panel-success .nav-tabs > li > a:focus{background-color: #f25755; border: 1px solid #f25755; border-bottom-color: #f25755; color: #ffffff;} #wrapwrap .panel-success .nav-tabs > li > a:hover .fa, #wrapwrap .panel-success .nav-tabs > li > a:focus .fa{color: #ffffff;} #wrapwrap .panel-success .nav-tabs > li.active a, #wrapwrap .panel-success .nav-tabs > li.active a:hover, #wrapwrap .panel-success .nav-tabs > li.active a:focus{border: 1px solid #f25755; background-color: #f25755; color: #ffffff;} #wrapwrap .panel-success .nav-tabs > li.active a .fa, #wrapwrap .panel-success .nav-tabs > li.active a:hover .fa, #wrapwrap .panel-success .nav-tabs > li.active a:focus .fa{color: #ffffff;} #wrapwrap .panel-success{border-color: #f25755;} #wrapwrap .panel-success > .panel-heading{color: #ffffff; background-color: #f25755; border-color: #f25755;} #wrapwrap .panel-success > .panel-heading + .panel-collapse > .panel-body{border-top-color: #f25755;} #wrapwrap .panel-success > .panel-heading .badge{color: #f25755; background-color: #ffffff;} #wrapwrap .panel-success > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #f25755;} #wrapwrap .panel-success .list-group-item.active{background-color: #f25755; border-color: #f25755;} #wrapwrap .well-success{background-color: rgba(0, 0, 0, 0); border-color: #f25755; color: inherit;} #wrapwrap .well-success .fa{color: #f25755;} #wrapwrap .bg-info{background-color: #f0ca4d; color: #ffffff;} #wrapwrap .bg-info a:not(.btn), #wrapwrap .bg-info.fa, #wrapwrap .bg-info .text-info, #wrapwrap .bg-info .blockquote-text small{color: #ffffff;} #wrapwrap .bg-info .bg-info.label{background-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .btn.btn-info, #wrapwrap .bg-info .btn.btn-default{border: 1px solid #ffffff; color: #ffffff;} #wrapwrap .bg-info .btn.btn-info:hover, #wrapwrap .bg-info .btn.btn-default:hover{background-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .bg-info.fa{background-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .bg-info.thumbnail, #wrapwrap .bg-info .bg-info.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #f0ca4d, 0 0 0 6px #ffffff; box-shadow: 0 0 0 3px #f0ca4d, 0 0 0 6px #ffffff;} #wrapwrap .bg-info .panel-info{border-color: #ffffff;} #wrapwrap .bg-info .panel-info .list-group li.active{background-color: #ffffff !important; color: #f0ca4d;} #wrapwrap .bg-info .panel-info > .panel-heading{background-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .panel-info > .panel-heading .text-muted{color: #f0ca4d;} #wrapwrap .bg-info .panel-info > .panel-heading > .panel-title, #wrapwrap .bg-info .panel-info > .panel-heading a{color: #f0ca4d;} #wrapwrap .bg-info .panel-info .tab-content{border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 20px;} #wrapwrap .bg-info .panel-info .nav-tabs{border-bottom: 1px solid #ffffff;} #wrapwrap .bg-info .panel-info .nav-tabs > li > a{background-color: inherit; color: #ffffff;} #wrapwrap .bg-info .panel-info .nav-tabs > li > a:hover, #wrapwrap .bg-info .panel-info .nav-tabs > li > a:focus{background-color: #ffffff; border: 1px solid #ffffff; border-bottom-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .panel-info .nav-tabs > li > a:hover .fa, #wrapwrap .bg-info .panel-info .nav-tabs > li > a:focus .fa{color: #f0ca4d;} #wrapwrap .bg-info .panel-info .nav-tabs > li.active a, #wrapwrap .bg-info .panel-info .nav-tabs > li.active a:hover, #wrapwrap .bg-info .panel-info .nav-tabs > li.active a:focus{border: 1px solid #ffffff; background-color: #ffffff; color: #f0ca4d;} #wrapwrap .bg-info .panel-info .nav-tabs > li.active a .fa, #wrapwrap .bg-info .panel-info .nav-tabs > li.active a:hover .fa, #wrapwrap .bg-info .panel-info .nav-tabs > li.active a:focus .fa{color: #f0ca4d;} #wrapwrap .bg-info .well-info{background-color: rgba(0, 0, 0, 0); border-color: #ffffff; color: inherit;} #wrapwrap .bg-info .well-info .fa{color: #ffffff;} #wrapwrap .bg-info.thumbnail, #wrapwrap .bg-info.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f0ca4d; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #f0ca4d;} #wrapwrap .bg-info .text-muted{color: #ffffff;} #wrapwrap .panel-info{border-color: #f0ca4d;} #wrapwrap .panel-info .list-group li.active{background-color: #f0ca4d !important; color: #ffffff;} #wrapwrap .panel-info > .panel-heading{background-color: #f0ca4d; color: #ffffff;} #wrapwrap .panel-info > .panel-heading .text-muted{color: #ffffff;} #wrapwrap .panel-info > .panel-heading > .panel-title, #wrapwrap .panel-info > .panel-heading a{color: #ffffff;} #wrapwrap .panel-info .tab-content{border-left: 1px solid #f0ca4d; border-bottom: 1px solid #f0ca4d; border-right: 1px solid #f0ca4d; padding: 20px;} #wrapwrap .panel-info .nav-tabs{border-bottom: 1px solid #f0ca4d;} #wrapwrap .panel-info .nav-tabs > li > a{background-color: inherit; color: #f0ca4d;} #wrapwrap .panel-info .nav-tabs > li > a:hover, #wrapwrap .panel-info .nav-tabs > li > a:focus{background-color: #f0ca4d; border: 1px solid #f0ca4d; border-bottom-color: #f0ca4d; color: #ffffff;} #wrapwrap .panel-info .nav-tabs > li > a:hover .fa, #wrapwrap .panel-info .nav-tabs > li > a:focus .fa{color: #ffffff;} #wrapwrap .panel-info .nav-tabs > li.active a, #wrapwrap .panel-info .nav-tabs > li.active a:hover, #wrapwrap .panel-info .nav-tabs > li.active a:focus{border: 1px solid #f0ca4d; background-color: #f0ca4d; color: #ffffff;} #wrapwrap .panel-info .nav-tabs > li.active a .fa, #wrapwrap .panel-info .nav-tabs > li.active a:hover .fa, #wrapwrap .panel-info .nav-tabs > li.active a:focus .fa{color: #ffffff;} #wrapwrap .panel-info{border-color: #f0ca4d;} #wrapwrap .panel-info > .panel-heading{color: #ffffff; background-color: #f0ca4d; border-color: #f0ca4d;} #wrapwrap .panel-info > .panel-heading + .panel-collapse > .panel-body{border-top-color: #f0ca4d;} #wrapwrap .panel-info > .panel-heading .badge{color: #f0ca4d; background-color: #ffffff;} #wrapwrap .panel-info > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #f0ca4d;} #wrapwrap .panel-info .list-group-item.active{background-color: #f0ca4d; border-color: #f0ca4d;} #wrapwrap .well-info{background-color: rgba(0, 0, 0, 0); border-color: #f0ca4d; color: inherit;} #wrapwrap .well-info .fa{color: #f0ca4d;} #wrapwrap .bg-warning{background-color: #e37b40; color: #ffffff;} #wrapwrap .bg-warning a:not(.btn), #wrapwrap .bg-warning.fa, #wrapwrap .bg-warning .text-warning, #wrapwrap .bg-warning .blockquote-text small{color: #ffffff;} #wrapwrap .bg-warning .bg-warning.label{background-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .btn.btn-warning, #wrapwrap .bg-warning .btn.btn-default{border: 1px solid #ffffff; color: #ffffff;} #wrapwrap .bg-warning .btn.btn-warning:hover, #wrapwrap .bg-warning .btn.btn-default:hover{background-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .bg-warning.fa{background-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .bg-warning.thumbnail, #wrapwrap .bg-warning .bg-warning.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #e37b40, 0 0 0 6px #ffffff; box-shadow: 0 0 0 3px #e37b40, 0 0 0 6px #ffffff;} #wrapwrap .bg-warning .panel-warning{border-color: #ffffff;} #wrapwrap .bg-warning .panel-warning .list-group li.active{background-color: #ffffff !important; color: #e37b40;} #wrapwrap .bg-warning .panel-warning > .panel-heading{background-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .panel-warning > .panel-heading .text-muted{color: #e37b40;} #wrapwrap .bg-warning .panel-warning > .panel-heading > .panel-title, #wrapwrap .bg-warning .panel-warning > .panel-heading a{color: #e37b40;} #wrapwrap .bg-warning .panel-warning .tab-content{border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; padding: 20px;} #wrapwrap .bg-warning .panel-warning .nav-tabs{border-bottom: 1px solid #ffffff;} #wrapwrap .bg-warning .panel-warning .nav-tabs > li > a{background-color: inherit; color: #ffffff;} #wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover, #wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus{background-color: #ffffff; border: 1px solid #ffffff; border-bottom-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:hover .fa, #wrapwrap .bg-warning .panel-warning .nav-tabs > li > a:focus .fa{color: #e37b40;} #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a, #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:hover, #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:focus{border: 1px solid #ffffff; background-color: #ffffff; color: #e37b40;} #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a .fa, #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:hover .fa, #wrapwrap .bg-warning .panel-warning .nav-tabs > li.active a:focus .fa{color: #e37b40;} #wrapwrap .bg-warning .well-warning{background-color: rgba(0, 0, 0, 0); border-color: #ffffff; color: inherit;} #wrapwrap .bg-warning .well-warning .fa{color: #ffffff;} #wrapwrap .bg-warning.thumbnail, #wrapwrap .bg-warning.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #e37b40; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #e37b40;} #wrapwrap .bg-warning .text-muted{color: #ffffff;} #wrapwrap .panel-warning{border-color: #e37b40;} #wrapwrap .panel-warning .list-group li.active{background-color: #e37b40 !important; color: #ffffff;} #wrapwrap .panel-warning > .panel-heading{background-color: #e37b40; color: #ffffff;} #wrapwrap .panel-warning > .panel-heading .text-muted{color: #ffffff;} #wrapwrap .panel-warning > .panel-heading > .panel-title, #wrapwrap .panel-warning > .panel-heading a{color: #ffffff;} #wrapwrap .panel-warning .tab-content{border-left: 1px solid #e37b40; border-bottom: 1px solid #e37b40; border-right: 1px solid #e37b40; padding: 20px;} #wrapwrap .panel-warning .nav-tabs{border-bottom: 1px solid #e37b40;} #wrapwrap .panel-warning .nav-tabs > li > a{background-color: inherit; color: #e37b40;} #wrapwrap .panel-warning .nav-tabs > li > a:hover, #wrapwrap .panel-warning .nav-tabs > li > a:focus{background-color: #e37b40; border: 1px solid #e37b40; border-bottom-color: #e37b40; color: #ffffff;} #wrapwrap .panel-warning .nav-tabs > li > a:hover .fa, #wrapwrap .panel-warning .nav-tabs > li > a:focus .fa{color: #ffffff;} #wrapwrap .panel-warning .nav-tabs > li.active a, #wrapwrap .panel-warning .nav-tabs > li.active a:hover, #wrapwrap .panel-warning .nav-tabs > li.active a:focus{border: 1px solid #e37b40; background-color: #e37b40; color: #ffffff;} #wrapwrap .panel-warning .nav-tabs > li.active a .fa, #wrapwrap .panel-warning .nav-tabs > li.active a:hover .fa, #wrapwrap .panel-warning .nav-tabs > li.active a:focus .fa{color: #ffffff;} #wrapwrap .panel-warning{border-color: #e37b40;} #wrapwrap .panel-warning > .panel-heading{color: #ffffff; background-color: #e37b40; border-color: #e37b40;} #wrapwrap .panel-warning > .panel-heading + .panel-collapse > .panel-body{border-top-color: #e37b40;} #wrapwrap .panel-warning > .panel-heading .badge{color: #e37b40; background-color: #ffffff;} #wrapwrap .panel-warning > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #e37b40;} #wrapwrap .panel-warning .list-group-item.active{background-color: #e37b40; border-color: #e37b40;} #wrapwrap .well-warning{background-color: rgba(0, 0, 0, 0); border-color: #e37b40; color: inherit;} #wrapwrap .well-warning .fa{color: #e37b40;} #wrapwrap .bg-danger{background-color: #de5b49; color: #333333;} #wrapwrap .bg-danger a:not(.btn), #wrapwrap .bg-danger.fa, #wrapwrap .bg-danger .text-danger, #wrapwrap .bg-danger .blockquote-text small{color: #333333;} #wrapwrap .bg-danger .bg-danger.label{background-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .btn.btn-danger, #wrapwrap .bg-danger .btn.btn-default{border: 1px solid #333333; color: #333333;} #wrapwrap .bg-danger .btn.btn-danger:hover, #wrapwrap .bg-danger .btn.btn-default:hover{background-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .bg-danger.fa{background-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .bg-danger.thumbnail, #wrapwrap .bg-danger .bg-danger.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #de5b49, 0 0 0 6px #333333; box-shadow: 0 0 0 3px #de5b49, 0 0 0 6px #333333;} #wrapwrap .bg-danger .panel-danger{border-color: #333333;} #wrapwrap .bg-danger .panel-danger .list-group li.active{background-color: #333333 !important; color: #de5b49;} #wrapwrap .bg-danger .panel-danger > .panel-heading{background-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .panel-danger > .panel-heading .text-muted{color: #de5b49;} #wrapwrap .bg-danger .panel-danger > .panel-heading > .panel-title, #wrapwrap .bg-danger .panel-danger > .panel-heading a{color: #de5b49;} #wrapwrap .bg-danger .panel-danger .tab-content{border-left: 1px solid #333333; border-bottom: 1px solid #333333; border-right: 1px solid #333333; padding: 20px;} #wrapwrap .bg-danger .panel-danger .nav-tabs{border-bottom: 1px solid #333333;} #wrapwrap .bg-danger .panel-danger .nav-tabs > li > a{background-color: inherit; color: #333333;} #wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover, #wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus{background-color: #333333; border: 1px solid #333333; border-bottom-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:hover .fa, #wrapwrap .bg-danger .panel-danger .nav-tabs > li > a:focus .fa{color: #de5b49;} #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a, #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:hover, #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:focus{border: 1px solid #333333; background-color: #333333; color: #de5b49;} #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a .fa, #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:hover .fa, #wrapwrap .bg-danger .panel-danger .nav-tabs > li.active a:focus .fa{color: #de5b49;} #wrapwrap .bg-danger .well-danger{background-color: rgba(0, 0, 0, 0); border-color: #333333; color: inherit;} #wrapwrap .bg-danger .well-danger .fa{color: #333333;} #wrapwrap .bg-danger.thumbnail, #wrapwrap .bg-danger.img-thumbnail{-webkit-box-shadow: 0 0 0 3px #333333, 0 0 0 6px #de5b49; box-shadow: 0 0 0 3px #333333, 0 0 0 6px #de5b49;} #wrapwrap .bg-danger .text-muted{color: #333333;} #wrapwrap .panel-danger{border-color: #de5b49;} #wrapwrap .panel-danger .list-group li.active{background-color: #de5b49 !important; color: #333333;} #wrapwrap .panel-danger > .panel-heading{background-color: #de5b49; color: #333333;} #wrapwrap .panel-danger > .panel-heading .text-muted{color: #333333;} #wrapwrap .panel-danger > .panel-heading > .panel-title, #wrapwrap .panel-danger > .panel-heading a{color: #333333;} #wrapwrap .panel-danger .tab-content{border-left: 1px solid #de5b49; border-bottom: 1px solid #de5b49; border-right: 1px solid #de5b49; padding: 20px;} #wrapwrap .panel-danger .nav-tabs{border-bottom: 1px solid #de5b49;} #wrapwrap .panel-danger .nav-tabs > li > a{background-color: inherit; color: #de5b49;} #wrapwrap .panel-danger .nav-tabs > li > a:hover, #wrapwrap .panel-danger .nav-tabs > li > a:focus{background-color: #de5b49; border: 1px solid #de5b49; border-bottom-color: #de5b49; color: #333333;} #wrapwrap .panel-danger .nav-tabs > li > a:hover .fa, #wrapwrap .panel-danger .nav-tabs > li > a:focus .fa{color: #333333;} #wrapwrap .panel-danger .nav-tabs > li.active a, #wrapwrap .panel-danger .nav-tabs > li.active a:hover, #wrapwrap .panel-danger .nav-tabs > li.active a:focus{border: 1px solid #de5b49; background-color: #de5b49; color: #333333;} #wrapwrap .panel-danger .nav-tabs > li.active a .fa, #wrapwrap .panel-danger .nav-tabs > li.active a:hover .fa, #wrapwrap .panel-danger .nav-tabs > li.active a:focus .fa{color: #333333;} #wrapwrap .panel-danger{border-color: #de5b49;} #wrapwrap .panel-danger > .panel-heading{color: #333333; background-color: #de5b49; border-color: #de5b49;} #wrapwrap .panel-danger > .panel-heading + .panel-collapse > .panel-body{border-top-color: #de5b49;} #wrapwrap .panel-danger > .panel-heading .badge{color: #de5b49; background-color: #333333;} #wrapwrap .panel-danger > .panel-footer + .panel-collapse > .panel-body{border-bottom-color: #de5b49;} #wrapwrap .panel-danger .list-group-item.active{background-color: #e37b40; border-color: #e37b40;} #wrapwrap .well-danger{background-color: rgba(0, 0, 0, 0); border-color: #de5b49; color: inherit;} #wrapwrap .well-danger .fa{color: #de5b49;} /* /theme_hive/static/src/less/theme_hive.less defined in bundle 'website.assets_frontend' */ .navbar .navbar-nav{display: inline-block; float: none;} .navbar .navbar-collapse{text-align: center;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{color: #555; background-color: rgba(231, 231, 231, 0);} .form-control{height: 36px;} .yamm-content ul li a:hover{background: #444444;} .yamm-content ul li a{color: #eeeeee; letter-spacing: 0.01em; font-weight: 500; font-size: 15px; border: 0;} .yamm-content ul li a i{margin-right: 5px;} #user_register > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; color: #ffbf00; margin-right: 10px;} #user_sign_in > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f090"; font-size: 100%; color: #ffbf00; margin-right: 10px;} #user_account > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 100%; color: #ffbf00; margin-right: 10px;} #user_account > ul > li > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f007"; font-size: 100%; color: #ffbf00; margin-right: 10px;} #user_register > ul > li > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f084"; font-size: 100%; color: #ffbf00; margin-right: 10px;} #user_logout > a:before{display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f08b"; font-size: 100%; color: #ffbf00; margin-right: 10px;} .fa-envelope:before{color: #ffbf00;} .fa-phone:before{color: #ffbf00;} .company-info{font-family: 'Montserrat';} #user_access{font-family: 'Montserrat';} .latest-blog-info .post-meta span.entry-date i{color: #ffbf00;} .latest-blog-info .post-meta span.entry-comment i{color: #ffbf00;} .hive-heading{margin-bottom: 30px;} .hive-heading h2{font-size: 20px; font-weight: 400; color: #444444; line-height: 1; text-transform: uppercase; position: relative; margin-bottom: 0;} .hive-heading h2:after{display: block; height: 2px; content: ''; width: 40px; background: #ffbf00; margin-top: 20px;} .vc_custom_1446740098466{margin-top: 30px;} .vc_custom_1446718526792{border-top-width: 1px !important; border-bottom-width: 1px !important; padding-top: 33px !important; padding-bottom: 33px !important; background-color: #f9f9f9 !important; border-top-color: #eeeeee !important; border-top-style: solid !important; border-bottom-color: #eeeeee !important; border-bottom-style: solid !important; border-radius: 1px !important;} .hive-service.col-3 .hive-service-item .hive-service-content .service-excerpt{height: 120px; overflow: hidden;} .hive-service.col-4 .hive-service-item .hive-service-content .service-excerpt{height: 180px; overflow: hidden;} .hive-service.col-2 .hive-service-item .hive-service-content .service-excerpt{height: 120px; overflow: hidden;} .hive-service.light .hive-title{color: #fff;} .hive-title{font-size: 14px; text-transform: uppercase; color: #444444; margin-bottom: 30px;} .hive-title:after{display: block; height: 2px; content: ''; width: 40px; background: #ffbf00; margin-top: 20px;} .hive-service.title-no-border .hive-title{margin-bottom: 25px;} .hive-service.title-no-border .hive-title:after{display: none;} .hive-service.title-no-border .hive-heading:after{display: none;} .hive-service .hive-heading{font-size: 20px; text-transform: uppercase; color: #444444; margin-bottom: 30px;} .hive-service .hive-heading:after{display: block; height: 2px; content: ''; width: 40px; background: #ffbf00; margin-top: 20px;} .hive-service .hive-service-item{padding: 30px 0;} .hive-service .hive-service-item .hive-service-thumb{position: relative; overflow: hidden;} .hive-service .hive-service-item .hive-service-thumb img{width: 100%;} .hive-service .hive-service-item .hive-service-thumb .hover-action{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 191, 0, 0.8); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .hive-service .hive-service-item .hive-service-thumb .hover-action a{color: #fff; top: 0; position: absolute; left: 0; right: 0; bottom: 0; text-align: center;} .hive-service .hive-service-item .hive-service-thumb .hover-action a i{width: 48px; height: 48px; top: 50%; position: absolute; left: 50%; margin-top: -24px; margin-left: -24px; line-height: 48px; font-size: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .hive-service .hive-service-item .hive-service-thumb:hover .hover-action{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .hive-service .hive-service-item .hive-service-content{margin-top: 30px;} .hive-service .hive-service-item .hive-service-content p{line-height: 2.2;} .hive-service .hive-service-item .hive-service-content .service-readmore{margin-top: 35px; display: inline-block; font-size: 13px; color: #fff; background: #ffbf00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 7px 27px; text-transform: uppercase;} .hive-service .hive-service-item .hive-service-content .service-readmore:hover{background: #222222; text-decoration: none;} .services-slideshow{padding-bottom: 36px; border-bottom: 1px solid #eeeeee; margin-bottom: 40px;} @media screen and (max-width: 767px){#portfolio-carousel{padding: 0 30px;}} .hive-button.style1{background-color: #ffbf00; border-color: #ffbf00; color: #fff;} .hive-button.size-md{padding: 6px 20px; font-size: 13px;} .hive-button{display: inline-block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-transform: uppercase; border: 2px solid; border-radius: 3px;} .hive-testimonials .entry-content span.arrow{width: 0; height: 0; border-style: solid; border-width: 23px 13px 0 1px; border-color: #f9f9f9 transparent transparent transparent; line-height: 0; content: ''; right: 36px; top: 100%; position: absolute;} .hive-testimonials .entry-footer .author-info{float: right; text-align: right; margin-right: 20px; padding-top: 13px;} .hive-testimonials .entry-footer .author-info h6{font-size: 14px; margin: 0; color: #444444; text-transform: uppercase;} .hive-testimonials .entry-footer .author-info span{color: #666666; font-size: 13px; font-style: italic; font-family: 'Playfair Display';} .primary-color{color: #ffbf00;} .border-primary-color, .border-primary-color:after, .border-primary-color:before{border-color: #ffbf00;} .bold-color{color: #222222;} .center{text-align: center;} .primary-color-hover:hover, .entry-content a.primary-color-hover:hover, .comment-text a.primary-color-hover:hover{color: #ffbf00;} .paging .portfolio-wrapper{overflow: hidden;} .portfolio.slider .owl-carousel .owl-buttons{display: block; width: 100%;} .portfolio.slider .owl-carousel .owl-buttons div{background-color: #3f3f3f; color: #fff; opacity: 1;} .portfolio.slider .owl-carousel .owl-buttons .owl-next, .portfolio.slider .owl-carousel .owl-buttons .owl-prev{position: absolute; text-align: center; width: 49px; height: 49px; line-height: 49px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: #222222; margin: 0; padding: 0; top: 50%;} .portfolio.slider .owl-carousel .owl-buttons .owl-next i, .portfolio.slider .owl-carousel .owl-buttons .owl-prev i{font-size: 16px; color: #fff; margin: 0;} .portfolio.slider .owl-carousel .owl-buttons .owl-next:hover, .portfolio.slider .owl-carousel .owl-buttons .owl-prev:hover{background: #fff; border: 1px solid #444;} .portfolio.slider .owl-carousel .owl-buttons .owl-next:hover i, .portfolio.slider .owl-carousel .owl-buttons .owl-prev:hover i{color: #444;} .portfolio.slider .owl-carousel .owl-buttons .owl-next{right: 0;} .portfolio.slider .owl-carousel .owl-buttons .owl-prev{left: 0;} .view-button-wrap{margin-top: 40px;} .portfolio .portfolio-entry-header .hive-title{float: left;} .portfolio .portfolio-entry-header .portfolio-tabs{float: right;} .portfolio .portfolio-tabs ul{list-style: none; padding: 0; margin-bottom: 30px; position: relative;} .portfolio .portfolio-tabs ul li{float: left; margin-left: 25px; margin-right: 25px; padding-top: 8px; padding-bottom: 8px; line-height: 2; position: relative;} .portfolio .portfolio-tabs ul li > a{font-size: 13px; color: #444444; text-decoration: none; text-transform: uppercase; letter-spacing: 0; font-weight: 700;} .portfolio .portfolio-tabs ul li > a.active, .portfolio .portfolio-tabs ul li > a:hover{color: #ffbf00;} .portfolio .portfolio-tabs ul li:first-child{margin-left: 0;} .portfolio .portfolio-tabs ul li.last{margin-right: 0;} .portfolio .portfolio-tabs ul:after{content: ''; display: block; clear: both;} .portfolio .portfolio-tabs .tab-wrapper.center{text-align: center;} .portfolio .portfolio-tabs .tab-wrapper.center ul{text-align: center; display: inline-block;} .portfolio .portfolio-tabs .tab-wrapper.right > ul{float: right;} .portfolio .portfolio-tabs .tab-wrapper.left > ul{float: left;} .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap{line-height: 1; background-color: #f4f4f4; margin-bottom: 30px;} .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul{margin-bottom: 0; padding-left: 0; margin-left: auto; margin-right: auto; display: table;} .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li{margin-left: 0; margin-right: 0; padding-left: 25px; padding-right: 25px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;} .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover, .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active{background-color: #ffbf00;} .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li:hover a, .portfolio .portfolio-tabs .tab-wrapper.bg-category-wrap ul li.active a{color: #fff;} .portfolio .portfolio-tabs .title-portfolio{font-size: 18px; font-weight: bold; display: inline-block; text-transform: uppercase; line-height: 1;} .portfolio .portfolio-tabs .title-portfolio .bottom-line{width: 45px; border-top: solid 2px #ffbf00; display: block; margin-top: 20px;} .portfolio .portfolio-tabs .title-portfolio.isolation{display: block; margin-bottom: 30px;} .portfolio .portfolio-tabs .title-portfolio.isolation > span{display: block;} .portfolio .portfolio-tabs .title-portfolio.isolation .bottom-line{display: inline-block;} .portfolio .portfolio-tabs .title-portfolio.isolation.left, .portfolio .portfolio-tabs .title-portfolio.isolation.right{float: none; position: relative; left: 0; right: 0;} .portfolio .portfolio-tabs .title-portfolio.isolation.right{text-align: right;} .portfolio .portfolio-tabs .title-portfolio.center{text-align: center; line-height: 1; margin-bottom: 30px;} .portfolio .portfolio-tabs .title-portfolio.left{float: left; position: absolute; left: 15px;} .portfolio .portfolio-tabs .title-portfolio.right{float: right; position: absolute; right: 15px;} .portfolio.style_2 .title-portfolio{color: #fff;} .portfolio.style_2 .portfolio-tabs ul.magic-line-container{border-top-color: #fff; border-bottom-color: #fff;} .portfolio.style_2 .portfolio-tabs ul li > a{color: #fff; font-size: 13px;} .portfolio.style_2 .portfolio-tabs ul li > a.active, .portfolio.style_2 .portfolio-tabs ul li > a:hover{color: #ffbf00;} .portfolio.style_2 .portfolio-wrapper .portfolio-item figcaption .fig-title a{color: #fff;} .portfolio.style_2 .portfolio-wrapper .portfolio-item figcaption .fig-title:hover{color: #ffbf00;} .portfolio.style_2 .hive-title{color: #fff;} div.light_rounded .pp_description, div.light_square .pp_description{text-align: center; font-weight: 600; font-size: 16px;} div.light_rounded .pp_description a, div.light_square .pp_description a{text-decoration: none; color: #444444;} div.light_rounded .pp_description a:hover, div.light_square .pp_description a:hover{text-decoration: none; color: #ffbf00;} .portfolio-wrapper.hive-col-md-2 .owl-wrapper-outer .portfolio-item, .portfolio-wrapper.hive-col-md-3 .owl-wrapper-outer .portfolio-item, .portfolio-wrapper.hive-col-md-4 .owl-wrapper-outer .portfolio-item{width: 100%; padding-bottom: 0;} .portfolio-wrapper.hive-col-md-2 .portfolio-item{width: 50%; float: left;} .portfolio-wrapper.hive-col-md-2 .portfolio-item .post-title a{font-size: 18px;} .portfolio-wrapper.hive-col-md-3 .portfolio-item{width: 33.3333333%; float: left;} .portfolio-wrapper.hive-col-md-3 .portfolio-item .post-title a{font-size: 16px;} .portfolio-wrapper.hive-col-md-4 .portfolio-item{width: 25%; float: left;} .portfolio-wrapper.hive-col-md-4 .portfolio-item .post-title a{font-size: 15px;} .portfolio-wrapper.col-padding-10{margin: 0 -10px -20px;} .portfolio-wrapper.col-padding-10 .portfolio-item{padding: 0px 10px 20px 10px;} .portfolio-wrapper.col-padding-20{margin: 0 -20px -40px;} .portfolio-wrapper.col-padding-20 .portfolio-item{padding: 0px 20px 0px 20px;} .portfolio-wrapper.col-padding-40{margin: 0 -40px -80px;} .portfolio-wrapper.col-padding-40 .portfolio-item{padding: 0px 40px 80px 40px;} .portfolio-wrapper .portfolio-item{padding: 0px; position: relative;} .portfolio-wrapper .portfolio-item figure{margin: 0; position: relative; overflow: hidden;} .portfolio-wrapper .portfolio-item figure .hover-action{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 191, 0, 0.8); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .portfolio-wrapper .portfolio-item figure .hover-action a{color: #fff; top: 0; position: absolute; left: 0; bottom: 0; right: 0; text-align: center;} .portfolio-wrapper .portfolio-item figure .hover-action a i{color: #fff; width: 48px; height: 48px; top: 50%; position: absolute; left: 50%; margin-top: -24px; margin-left: -24px; line-height: 48px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .portfolio-wrapper .portfolio-item figure:hover .hover-action{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .portfolio-wrapper .portfolio-item img{width: 100%; height: auto; display: block; max-width: 100%; position: relative; -webkit-transition: transform .4s; -moz-transition: transform .4s; -ms-transition: transform .4s; -o-transition: transform .4s; transition: transform .4s;} .portfolio-wrapper .portfolio-item figcaption{text-align: center;} .portfolio-wrapper .portfolio-item figcaption .fig-title{margin: 20px 0 5px;} .portfolio-wrapper .portfolio-item figcaption .fig-title a{font-size: 14px; text-transform: uppercase; line-height: 120%; color: #444; text-decoration: none; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;} .portfolio-wrapper .portfolio-item figcaption .fig-title:hover a{color: #ffbf00;} .archive-portfolio{margin-top: 40px;} .style_2 .owl-next, .style_2 .owl-prev{background-color: #657b84;} @media only screen and (min-width: 1920px){.portfolio-wrapper .portfolio-item .entry-thumbnail > img{width: 100%;}} @media only screen and (max-width: 1000px){.portfolio-wrapper.hive-col-md-2 .portfolio-item .post-title, .portfolio-wrapper.hive-col-md-2 .portfolio-item .category{font-size: 12px;}.portfolio-wrapper.hive-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner h5, .portfolio-wrapper.hive-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner span{font-size: 12px;}.portfolio-wrapper.hive-col-md-2 .portfolio-item .entry-thumbnail .entry-thumbnail-hover .entry-hover-wrapper .entry-hover-inner i{font-size: 22px;}.owl-theme .owl-controls .owl-buttons .owl-prev{left: 0px;}.owl-theme .owl-controls .owl-buttons .owl-next{right: 20px;}} @media only screen and (max-width: 768px){.portfolio .portfolio-entry-header .portfolio-tabs{float: none; clear: both;}.portfolio .portfolio-tabs .title-portfolio.isolation.right, .portfolio .portfolio-tabs .title-portfolio.isolation.left, .portfolio .portfolio-tabs .title-portfolio.isolation.center, .portfolio .portfolio-tabs .title-portfolio.left, .portfolio .portfolio-tabs .title-portfolio.center, .portfolio .portfolio-tabs .title-portfolio.right{float: none; display: block; line-height: 1; position: relative; text-align: center; left: 0; right: 0; margin-bottom: 30px;}.portfolio .portfolio-tabs .title-portfolio.isolation.right > span, .portfolio .portfolio-tabs .title-portfolio.isolation.left > span, .portfolio .portfolio-tabs .title-portfolio.isolation.center > span, .portfolio .portfolio-tabs .title-portfolio.left > span, .portfolio .portfolio-tabs .title-portfolio.center > span, .portfolio .portfolio-tabs .title-portfolio.right > span{display: block;}.portfolio .portfolio-tabs .title-portfolio.isolation.right .bottom-line, .portfolio .portfolio-tabs .title-portfolio.isolation.left .bottom-line, .portfolio .portfolio-tabs .title-portfolio.isolation.center .bottom-line, .portfolio .portfolio-tabs .title-portfolio.left .bottom-line, .portfolio .portfolio-tabs .title-portfolio.center .bottom-line, .portfolio .portfolio-tabs .title-portfolio.right .bottom-line{margin-top: 20px; display: inline-block;}.portfolio .portfolio-tabs .tab-wrapper{text-align: center;}.portfolio .portfolio-tabs .tab-wrapper.right .magic-line-container, .portfolio .portfolio-tabs .tab-wrapper.left .magic-line-container, .portfolio .portfolio-tabs .tab-wrapper.center .magic-line-container{display: inline-block; float: none;}} @media only screen and (max-width: 600px){.portfolio-wrapper figure .fig-title .ico-view-detail, .portfolio-wrapper figure .fig-title .ico-view-gallery{display: none;}.portfolio-wrapper figure .fig-title .category{white-space: normal;}.portfolio-item .entry-thumbnail .entry-hover-wrapper .entry-hover-inner h5{margin-bottom: 0px;}.portfolio .portfolio-tabs ul.cat-style-normal:after{content: ''; display: block; clear: both;}.portfolio-wrapper.hive-col-md-2 .portfolio-item, .portfolio-wrapper.hive-col-md-3 .portfolio-item, .portfolio-wrapper.hive-col-md-4 .portfolio-item{width: 100%;}.magic-line-container .magic-line{display: none;}.portfolio .portfolio-tabs ul{width: 100%;}.portfolio .portfolio-tabs ul li{width: 100%; padding-bottom: 0; margin-left: 0; margin-right: 0; padding-top: 4px; padding-right: 4px;}.portfolio .portfolio-tabs ul li.none-magic-line{display: none;}} @media only screen and (min-width: 600px) and (max-width: 990px){.portfolio-wrapper.hive-col-md-3 .portfolio-item, .portfolio-wrapper.hive-col-md-4 .portfolio-item{width: 50%;}} figure{margin: unset;} .portfolio-wrapper.col-no-padding .portfolio-item .hover-action a{color: #fff; position: absolute; left: 0; bottom: 0; right: 0; text-align: center; height: 82px; top: 50%; margin-top: -41px; text-decoration: none;} .portfolio-wrapper.col-no-padding .portfolio-item figure .hover-action a i{color: #fff; width: 48px; height: 48px; top: 50%; position: static; left: 50%; margin-top: 0; margin-left: 0; line-height: 48px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .portfolio-wrapper.col-no-padding .portfolio-item figure .hover-action a h3{font-size: 14px; color: #fff; text-transform: uppercase; margin: 15px 0 0;} #portfolio-slider{position: relative;} #portfolio-slider .flex-direction-nav .flex-disabled{opacity: 0;} #portfolio-slider .flex-direction-nav a{width: 50px; height: 50px; line-height: 50px; background-color: rgba(34, 34, 34, 0.9); color: #fff; margin-top: -25px; font-size: 0; text-indent: 0; opacity: 1; text-align: center;} #portfolio-slider .flex-direction-nav a:after{display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 14px; line-height: 50px;} #portfolio-slider .flex-direction-nav a.flex-next{right: 0;} #portfolio-slider .flex-direction-nav a.flex-next:after{content: '\f054';} #portfolio-slider .flex-direction-nav a.flex-prev{left: 0;} #portfolio-slider .flex-direction-nav a.flex-prev:after{content: '\f053';} #portfolio-slider .flex-direction-nav a:hover{background-color: rgba(255, 255, 255, 0.9); color: #444444;} #portfolio-carousel{padding: 0 50px;} #portfolio-carousel .slides li{margin: 20px 30px 15px 0;} #portfolio-carousel .slides li img{cursor: pointer; opacity: .6;} #portfolio-carousel .slides li.flex-active-slide img{opacity: 1;} #portfolio-carousel .slides li:hover img{opacity: 1;} .portfolio-full.small-slider{margin-bottom: 60px;} .portfolio-full.small-slider .portfolio-title, .portfolio-full.small-slider .portfolio-category{text-transform: uppercase; text-align: center;} .portfolio-full.small-slider .portfolio-category{line-height: 1; margin-bottom: 60px;} .portfolio-full.small-slider .post-slideshow, .portfolio-full.small-slider .slideshow-paging{-webkit-transition: opacity 0.3s; -moz-transition: opacity 0.3s; -ms-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s;} .portfolio-full.small-slider .slideshow-paging{margin-top: 30px;} .portfolio-full.small-slider .owl-controls{margin-top: 0;} .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev, .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next{background-color: #000; width: 40px; height: 40px; line-height: 36px; color: #fff;} .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover, .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover{background-color: #ffbf00;} .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-prev{left: 20px;} .portfolio-full.small-slider .owl-theme .owl-controls .owl-buttons .owl-next{right: 20px;} .portfolio-full.small-slider .top-portfolio{padding-bottom: 45px; border-bottom: 1px solid #eeeeee;} .portfolio-full.small-slider .portfolio-attribute .hive-title{margin-bottom: 20px;} .portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-short-descripton p{line-height: 2.2;} .portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box{margin-bottom: 15px;} .portfolio-full.small-slider .portfolio-attribute .portfolio-info .portfolio-info-box:last-child{border-bottom: none;} .portfolio-full.small-slider .portfolio-info-box.share{position: relative;} .portfolio-full.small-slider .portfolio-info-box.share img{position: absolute; top: 17px;} .portfolio-full.small-slider .share h6{font-size: 18px; display: inline-block; font-weight: 300;} .portfolio-full.small-slider .share .icon-wrap{display: inline-block; padding-left: 90px;} .portfolio-full.small-slider .share .icon-wrap a{width: 38px; height: 38px; line-height: 38px; text-align: center; display: inline-block; border-radius: 50%; background-color: #eee;} .portfolio-full.small-slider .share img{padding-left: 10px; padding-right: 10px;} .portfolio-content{margin-top: 38px;} .portfolio-content h5.title{font-size: 24px; text-transform: uppercase; margin-bottom: 40px;} .portfolio-content h5.title:before, .portfolio-content h5.title:after{content: ''; position: absolute; width: 35px; border-bottom-width: 2px; border-bottom-style: solid;} .portfolio-content h5.title:before{top: 36px;} .portfolio-content h5.title:after{top: 40px; left: 15px;} .portfolio-info ul{list-style: none; padding-left: 0; color: #222222;} .portfolio-info ul li:before{content: "::"; padding-right: 10px;} .portfolio-info .portfolio-info-box h6{font-size: 14px; line-height: 1; margin-bottom: 7px; text-transform: uppercase; color: #444444;} .portfolio-info .portfolio-info-box .portfolio-term{font-size: 14px; color: #666; font-family: 'Playfair Display'; font-style: italic; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important;} .portfolio-related-wrap{background-color: #eee; padding-top: 130px; padding-bottom: 100px;} .heading-wrap{text-align: center; line-height: 1; position: relative; padding-bottom: 75px;} .heading-wrap:before, .heading-wrap:after{content: ''; position: absolute; width: 60px; left: 0; right: 0; margin: 0 auto;} .heading-wrap:before{top: -30px; height: 18px; border-style: solid solid none; border-width: 4px 4px 4px;} .heading-wrap:after{bottom: 40px; height: 1px; border-style: solid; border-width: 2px;} .heading-wrap .heading, .heading-wrap .sub-heading{text-transform: uppercase;} .heading-wrap .heading{font-size: 48px; margin-bottom: 14px;} .heading-wrap .sub-heading{font-size: 14px;} .portfolio-description{margin-top: 70px; font-size: 12px;} .portfolio-navigation-wrap{text-align: center; margin-bottom: 50px;} .portfolio-navigation-wrap .nav-previous, .portfolio-navigation-wrap .nav-next, .portfolio-navigation-wrap .portfolio-archive{display: inline-block; width: 50px; height: 50px; line-height: 50px; border: solid 1px #ddd;} .hive-post img{width: 100%;} .hive-post .hive-post-item .owl-wrapper .owl-item{padding-left: 0 !important; padding-right: 0 !important;} .hive-post .hive-post-slider{margin-left: -15px; margin-right: -15px;} .hive-post .hive-post-slider .owl-wrapper .owl-item{padding-left: 15px; padding-right: 15px;} .hive-post .hive-title{margin-bottom: 45px;} .hive-post .hive-post-item.format-video .hive-post-image .hover-action{display: none; visibility: hidden;} .hive-post .hive-post-image{margin: 0; position: relative; overflow: hidden;} .hive-post .hive-post-image .hover-action{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 191, 0, 0.8); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .hive-post .hive-post-image .hover-action a{color: #fff; top: 0; position: absolute; left: 0; right: 0; bottom: 0; text-align: center;} .hive-post .hive-post-image .hover-action a i{width: 48px; height: 48px; top: 50%; position: absolute; left: 50%; margin-top: -24px; margin-left: -24px; line-height: 48px; font-size: 16px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .hive-post .hive-post-image:hover .hover-action{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .hive-post .hive-post-image:hover .entry-thumbnail .entry-thumbnail_overlay:before{display: none;} .hive-post .hive-post-image:hover .entry-thumbnail a.prettyPhoto{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); z-index: 999;} .hive-post .hive-post-content > a.hive-post-title{font-size: 14px; font-weight: 400; line-height: 1.8; color: #444444; display: block; text-transform: uppercase; padding-top: 26px; min-height: 76px;} .hive-post .hive-post-content > a.hive-post-title:hover{color: #ffbf00; text-decoration: none;} .hive-post .hive-post-content p{font-size: 14px; font-weight: 400; color: #444444; line-height: 2.2; padding-top: 15px;} .hive-post .entry-meta{border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; padding: 7px 0; margin-top: 25px;} .hive-post .entry-meta i{margin-right: 16px; color: #666; font-size: 12px;} .hive-post .entry-meta i span{color: inherit; font-size: inherit; font-weight: 400; font-family: 'Playfair Display'; font-style: italic; padding-left: 8px;} .hive-post .entry-meta a{color: #666; font-size: 12px; font-family: 'Playfair Display'; font-style: italic;} .hive-post .entry-meta a i{margin-right: 5px;} .hive-post .entry-meta a:hover{color: #ffbf00; text-decoration: none;} .hive-post .owl-theme .owl-controls .owl-page{margin-top: 20px;} .hive-post .owl-theme .owl-controls .owl-page span{background-color: #DDDDDD; width: 52px; height: 5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; margin-bottom: 0;} .hive-post .owl-theme .owl-controls .owl-page.active span{background-color: #ffbf00;} .hive-post .owl-theme .owl-controls{margin: 0;} .hive-post .owl-theme .owl-controls .owl-buttons div{position: absolute; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 32px; height: 32px; line-height: 32px; top: 50%; background: rgba(0, 0, 0, 0.7); margin: -16px 0 0; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} .hive-post .owl-theme .owl-controls .owl-buttons div i{font-size: 15px; line-height: 32px;} .hive-post .owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;} .hive-post .owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;} .embed-responsive.embed-responsive-16by9{padding-bottom: 66.25%;} .embed-responsive.embed-responsive-blog-thumbnail{padding-bottom: 59.2%;} .embed-responsive.embed-responsive-blog-classic{padding-bottom: 41.0256%;} .shortcode-product-wrap .owl-theme .owl-controls{margin: 0; height: 0;} .shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div{position: absolute; width: 40px; height: 40px; line-height: 40px; margin: -92.5px 0 0 0; display: block; top: 50%; cursor: pointer; text-align: center; background-color: rgba(0, 0, 0, 0.7); z-index: 200; padding: 0; opacity: 0; color: #fff; font-size: 24px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;} .shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-prev{left: 15px; -webkit-transform: translateX(-50px); -moz-transform: translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px);} .shortcode-product-wrap .owl-theme .owl-controls .owl-buttons div.owl-next{right: 15px; -webkit-transform: translateX(50px); -moz-transform: translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px);} .shortcode-product-wrap:hover .owl-theme .owl-controls .owl-buttons div{opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px);} .shortcode-product-categories-wrap h4.widget-title{font-size: 18px; line-height: 22px; color: #444444; text-transform: uppercase; font-weight: bold; letter-spacing: 0.075px; margin-bottom: 45px;} .shortcode-product-categories-wrap h4.widget-title:after{content: ""; display: block; width: 45px; height: 2px; background-color: #ffbf00; margin-top: 15px;} .vc_custom_1446719786390{padding-top: 60px !important; padding-bottom: 50px !important;} .hive-title.title-larger{font-size: 20px;} .vc_custom_1446719786390{background-image: url('/theme_hive/static/src/img/Portfolio_bg.jpg');} .hive-client .content-middle-inner{display: block; text-align: center;} .hive-client.style1 .client-grid{margin: 0 -15px;} .hive-client.style1 .client-grid:after{content: ''; display: block; clear: both;} .hive-client.style1 .client-grid .content-middle-inner{float: left; padding: 15px;} .hive-client.style1 .client-grid.col-5 .content-middle-inner{width: 20%;} .hive-client.style1 .client-grid.col-6 .content-middle-inner{width: 16.66666%;} .hive-client.style1 .client-grid.col-4 .content-middle-inner{width: 25%;} .hive-client.style1 .client-grid.col-3 .content-middle-inner{width: 33.333%;} .hive-client.style1 .client-grid.col-2 .content-middle-inner{width: 50%;} .hive-testimonials .entry-footer figure img{-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 4px solid #fff;} .hive-testimonials .entry-footer{margin-top: 30px;} .hive-testimonials .entry-footer figure{float: right; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 1px solid #E1E1DF; width: 64px; height: 64px;} .vc_custom_1446740561073{margin-top: 10px !important; padding-bottom: 60px !important;} .hive-testimonials .entry-content{padding: 25px; margin-top: 5px; position: relative; background: #f9f9f9;} .hive-testimonials .entry-content p{margin: 0; font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: #444444; line-height: 2.2;} @media screen and (max-width: 767px){.hive-client.style1 .client-grid.col-5 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-6 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-4 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-3 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-2 .content-middle-inner{width: 50%;}.hive-client .hive-title{margin-top: 30px;}} @media screen and (max-width: 480px){.hive-client.style1 .client-grid.col-5 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-6 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-4 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-3 .content-middle-inner{width: 50%;}.hive-client.style1 .client-grid.col-2 .content-middle-inner{width: 50%;}} .hive-ourteam.style1{text-align: center;} .hive-ourteam.style1 .owl-wrapper .owl-item{padding-left: 15px; padding-right: 15px;} .hive-ourteam.style1 .hive-ourteam-slider{margin-left: -15px; margin-right: -15px;} .hive-ourteam.style1 .hive-ourteam-slider .ourteam-item{margin: 0;} .hive-ourteam.style1 .ourteam-item{position: relative; margin: 30px 0;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar{position: relative;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar img{width: 100%; height: 100%;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar .hover-action{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 191, 0, 0.8); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar .hover-action a{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar .hover-action a i{color: #fff; width: 48px; height: 48px; top: 50%; position: absolute; left: 50%; margin-top: -24px; margin-left: -24px; line-height: 48px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar .hover-action a i:after{font-size: 16px; line-height: 44px; height: 44px;} .hive-ourteam.style1 .ourteam-item .ourteam-avatar:hover .hover-action{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .hive-ourteam.style1 .ourteam-item .ourteam-info{text-align: center;} .hive-ourteam.style1 .ourteam-item .ourteam-info h4{font-size: 14px; color: #292929; line-height: 1; letter-spacing: 0.02em; font-weight: 400; text-transform: uppercase; padding-top: 23px; margin: 0 0 10px;} .hive-ourteam.style1 .ourteam-item .ourteam-info h4 a{color: #444444; text-decoration: none;} .hive-ourteam.style1 .ourteam-item .ourteam-info h4 a:hover{color: #ffbf00;} .hive-ourteam.style1 .ourteam-item .ourteam-info p.excerpt{margin: 25px 0 20px; font-size: 14px; line-height: 2.2;} .hive-ourteam.style1 .ourteam-item .ourteam-info span{font-family: 'Playfair Display'; font-size: 14px; color: #444444; line-height: 1; font-style: italic; margin: 0; display: block;} .hive-ourteam.style1 .ourteam-item .ourteam-info .ourteam-social{margin: auto; height: 30px; padding: 0;} .hive-ourteam.style1 .ourteam-item .ourteam-info .ourteam-social li{display: inline-block; margin: 0 7px;} .hive-ourteam.style1 .ourteam-item .ourteam-info .ourteam-social li a{display: inline-block; width: 30px; height: 30px; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; background: #222222;} .hive-ourteam.style1 .ourteam-item .ourteam-info .ourteam-social li a i{line-height: 30px; font-size: 14px;} .hive-ourteam.style1 .ourteam-item .ourteam-info .ourteam-social li a:hover{background-color: #ffbf00; color: #ffffff;} .hive-ourteam.style1 .owl-theme .owl-controls .owl-buttons div{width: 40px; height: 40px; background-color: #2B2B2B; opacity: 1; margin: auto; padding: 0;} .hive-ourteam.style1 .owl-theme .owl-controls .owl-buttons div i{font-size: 21px; color: #ffffff; line-height: 40px;} .hive-ourteam.style1 .owl-theme .owl-controls .owl-buttons div:hover{background-color: #ffbf00;} .hive-ourteam.style1 .owl-theme .owl-controls{margin-top: 0;} .hive-ourteam.style1 .owl-theme .owl-buttons .owl-prev{position: absolute; left: -45px; top: 0; bottom: 30px; margin: auto;} .hive-ourteam.style1 .owl-theme .owl-buttons .owl-next{position: absolute; right: -45px; top: 0; bottom: 30px; margin: auto;} .hive-ourteam.style2 .ourteam-item{margin-bottom: 30px;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar img{width: 100%;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar figure{position: relative;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar .hover-action{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 191, 0, 0.8); opacity: 0; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar .hover-action a{display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar .hover-action a i{color: #fff; width: 48px; height: 48px; top: 50%; position: absolute; left: 50%; margin-top: -24px; margin-left: -24px; line-height: 48px; text-align: center; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid #fff;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar .hover-action a i:after{font-size: 16px; line-height: 44px; height: 44px;} .hive-ourteam.style2 .ourteam-item .ourteam-avatar:hover .hover-action{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);} .hive-ourteam.style2 .ourteam-item .ourteam-info .hive-title{margin-top: 15px;} .hive-ourteam.style2 .ourteam-item .ourteam-info .hive-title a{color: #444444; text-decoration: none;} .hive-ourteam.style2 .ourteam-item .ourteam-info > span{font-family: 'Playfair Display'; font-style: italic; font-size: 14px; color: #666;} .hive-ourteam.style2 .ourteam-item .ourteam-social{margin: auto; height: 30px; padding: 0;} .hive-ourteam.style2 .ourteam-item .ourteam-social li{display: inline-block; margin: 0 7px;} .hive-ourteam.style2 .ourteam-item .ourteam-social li a{display: inline-block; width: 30px; height: 30px; color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; background: #222222;} .hive-ourteam.style2 .ourteam-item .ourteam-social li a i{line-height: 30px; font-size: 14px;} .hive-ourteam.style2 .ourteam-item .ourteam-social li a:hover{background-color: #ffbf00; color: #ffffff;} .single-ourteam .ourteam-item{padding-bottom: 55px; border-bottom: 1px solid #eeeeee;} .get-touch{padding: 25px 0; background: #ffbf00;} .get-touch p{font-size: 20px; font-style: italic; font-family: 'Playfair Display'; line-height: 2.2; margin: 0; display: inline-block; vertical-align: middle; color: #fff;} .get-touch a{height: 46px; line-height: 46px; display: inline-block; vertical-align: middle; padding: 0 25px; font-size: 13px; color: #fff; text-transform: uppercase; border: 1px solid #fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; float: right; text-decoration: none;} .get-touch a:hover{background: #222222; text-decoration: none;} .get-touch.style2 p{color: #444444;} .main-footer{padding-bottom: 50px;} .footer-above-wrapper{text-align: center; padding-bottom: 36px;} h4.widget-title{font-size: 18px; font-weight: 400; letter-spacing: 0.02em; text-transform: uppercase; margin-bottom: 30px;} h4.widget-title:after{display: none;} .sidebar aside{margin-bottom: 24px;} .sidebar .widget-social-profile li a i.fa{color: #ffffff;} .sidebar .widget-twitter-wrap span.twitter-content a{color: #ffffff;} .sidebar .widget-twitter-wrap span.twitter-content a:hover{color: #ffbf00;} .sidebar .widget-twitter-wrap span.twitter-time{text-transform: uppercase; font-size: 11px;} .sidebar .mail-chimp-wrapper .mail-chimp-button > input{background-color: rgba(255, 255, 255, 0.1);} .footer-logo .sub-description{padding-top: 32px; line-height: 22px; font-size: 14px; color: #888;} .sidebar-bottom-left{text-align: left; color: #878787; font-size: 13px; line-height: 42px;} .sidebar-bottom-left .textwidget{line-height: 42px;} .sidebar-bottom-right{text-align: right;} .bottom-bar-inner{padding-top: 18px; padding-bottom: 18px;} .sidebar aside{margin-bottom: 0;} .sidebar .widget-footer-logo{margin-bottom: 30px;} .sidebar .widget-social-profile.social-icon-bordered li a i{background: #888; color: #222222;} .sidebar .widget-social-profile.social-icon-bordered li a i:hover{background: #fff;} .sidebar .widget-social-profile.social-icon-bordered li a i:before{line-height: 34px !important;} .sidebar .widget_text .textwidget{line-height: 35px;} .sidebar .widget_mc4wp_widget p{line-height: 2.2; font-size: 14px; color: #888888; margin: 0 0 10px;} .sidebar .widget_mc4wp_widget form > div{display: none;} .sidebar .widget_mc4wp_widget input[type="text"], .sidebar .widget_mc4wp_widget input[type="email"]{background: transparent; border: 1px solid #333333; height: 50px; color: #fff; margin: 0 0 20px;} .sidebar .widget_mc4wp_widget input[type="text"]::-webkit-input-placeholder, .sidebar .widget_mc4wp_widget input[type="email"]::-webkit-input-placeholder{color: #888888;} .sidebar .widget_mc4wp_widget input[type="text"]:-moz-placeholder, .sidebar .widget_mc4wp_widget input[type="email"]:-moz-placeholder{color: #888888;} .sidebar .widget_mc4wp_widget input[type="text"]:focus, .sidebar .widget_mc4wp_widget input[type="email"]:focus{border: 1px solid #666666;} .sidebar .widget_mc4wp_widget input[type="submit"]{font-size: 13px; width: 100%; padding: 13px 0; background: #ffbf00; color: #fff; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid transparent;} .sidebar .widget_mc4wp_widget input[type="submit"]:hover{background: #fff; color: #444; border: 1px solid transparent;} .sidebar .widget-contact-info{margin: 0; padding: 0; list-style: none;} .sidebar .widget-contact-info > li{display: table;} .sidebar .widget-contact-info > li > i{display: table-cell; font-size: 16px; color: #ffbf00; vertical-align: middle; margin-top: 0px; padding-right: 10px;} .sidebar .widget-contact-info > li p, .sidebar .widget-contact-info > li a{overflow: hidden; color: #868686; margin: 0; display: table-cell; vertical-align: middle;} .sidebar .widget-contact-info > li p:hover, .sidebar .widget-contact-info > li a:hover{color: #fff;} .sidebar .widget_nav_menu > div > ul.menu{overflow: visible; border: none; margin: 0; padding: 0;} .sidebar .widget_nav_menu > div > ul.menu > li > a{text-transform: uppercase; color: #868686; font-size: 12px; padding: 0; display: inline-block; background: transparent;} .sidebar .widget_nav_menu > div > ul.menu li{display: block; position: relative; white-space: nowrap;} .sidebar .widget_nav_menu > div > ul.menu li:hover > a{color: #fff; background: transparent;} .sidebar .widget_nav_menu > div > ul.menu li > a{font-size: 12px;} .sidebar .widget_nav_menu > div > ul.menu li:before{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; content: "\f105"; color: #ffbf00;} .sidebar .widget_nav_menu > div > ul.menu li:hover > ul{display: block;} .sidebar .widget_nav_menu > div > ul.menu > li{padding: 0; margin: 0 0 13px;} .sidebar .widget_nav_menu > div > ul.menu > li ul{display: none; border-bottom: solid 2px #ffbf00; position: absolute; z-index: 999; left: 0; bottom: 100%; background-color: #fefefe; color: #444444; text-align: left; margin: 0; min-width: 150px; padding-left: 0; padding-top: 5px;} .sidebar .widget_nav_menu > div > ul.menu > li ul li{display: block; line-height: 26px; padding: 0 15px;} .sidebar .widget_nav_menu > div > ul.menu > li ul li + li{border-top: solid 1px #eeeeee;} .sidebar .widget_nav_menu > div > ul.menu > li ul ul{left: 100%; top: 0;} .sidebar .widget_text a, .sidebar .widget_text p{font-weight: 700; font-size: 12px;} .bottom-bar-wrapper{font-size: 12px; background: #191919;} .bottom-bar-wrapper .bottom-bar-inner{padding-top: 13px; padding-bottom: 13px;} .bottom-bar-wrapper .sidebar aside{margin-bottom: 0;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu{overflow: visible; border: none; margin: 0; padding: 0;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li > a{line-height: 42px; text-transform: uppercase; background: transparent; padding: 0;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li > a:hover{color: #fff; background: transparent;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li{display: inline-block; position: relative; white-space: nowrap;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li > a{font-size: 12px;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:before{display: none;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu li:hover > ul{display: block;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li{padding: 0; margin: 0;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li + li{margin-left: 20px;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul{display: none; border-bottom: solid 2px #ffbf00; position: absolute; z-index: 999; left: 0; bottom: 100%; background-color: #fefefe; color: #444444; text-align: left; margin: 0; min-width: 150px; padding-left: 0; padding-top: 5px;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li{display: block; line-height: 26px; padding: 0 15px;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul li + li{border-top: solid 1px #eeeeee;} .bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu > li ul ul{left: 100%; top: 0;} .bottom-bar-wrapper .sidebar .widget_text a{font-weight: 700; color: #bebebe;} .bottom-bar-wrapper .sidebar .widget_text a:hover{color: #ffbf00;} .bottom-bar-text{margin: 0; line-height: 42px; text-transform: uppercase; word-spacing: 0.1em;} body.footer-static{padding-bottom: 0px !important;} body.footer-static footer.enable-parallax{position: relative;} @media only screen and (min-width: 992px){footer.enable-parallax{position: fixed; bottom: 0; left: 0; right: 0; z-index: 0; margin: auto; width: 100%; -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible;}body.boxed footer.enable-parallax{max-width: 1200px;}} @media screen and (max-width: 800px){h4.widget-title{margin-top: 20px;}.sidebar-bottom-right{text-align: left;}.footer-collapse-able h4.widget-title{margin-bottom: 0;}.footer-collapse-able h4.widget-title + div{padding-top: 18px; margin: 0;}.sidebar-bottom-left{line-height: 2.2;}.sidebar-bottom-left .textwidget{line-height: 2.2; text-align: center;}.bottom-bar-wrapper .sidebar .widget_nav_menu > div > ul.menu{text-align: center;}} footer.main-footer-wrapper{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed;} .s_navbar_menu_mega{margin-top: 50px;} /* /theme_hive/static/src/less/mid-header.less defined in bundle 'website.assets_frontend' */ .mid-first{background-color: #f5f5f5; font-size: 14px; line-height: 2.5;} .pr8{padding: 8px;} #currency{margin: 0px 15px; float: left;} #user_access ul li a{padding: 17px 10px;} #user_access ul li{display: inline; padding: 4px;} @media (max-width: 362px){#user_access ul li{display: block; padding: 4px;}} /* /theme_hive/static/src/less/navbar.less defined in bundle 'website.assets_frontend' */ #wrapwrap .navbar-default{background-color: #f9f9f9;} #wrapwrap .navbar-default .navbar-nav > li > a{color: #333;} .cart > li a{color: #FFBF00; text-decoration: none;} .cart > li a:hover{color: #333; text-decoration: none;} .navbar-static-top{border-width: 0 0 0px;} .yamm .collapse, .yamm .dropdown, .yamm .dropup, .yamm .nav{position: static; font-weight: 600;} .yamm .dropdown.yamm-sw .dropdown-menu{left: 267px; right: 300px;} .yamm-content ul li{padding: 5px;} .yamm-content ul li a{color: #f9f9f9; padding: 5px 12px;} .yamm-content ul li a:hover{color: #FFBF00;} .bullets > li{font-weight: 500;} .bullets > li:hover{background-position: 9px 6px; color: #ffbf00 !important;} @media (max-width: 767px){.navbar-nav .open .dropdown-menu{position: static; float: none; width: auto; margin-top: 0; background-color: #ddd !important; border: 0; box-shadow: none;}} .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height: 800px !important;} .navbar-form{margin-left: 0px !important; margin-right: 0px !important;} .navbar-toggle{background-color: white !important;} #nav_right > li.mt16.mb8 > span{padding-left: 21px;} .nav > li > a:focus, .nav > li > a:hover{text-decoration: none; background-color: #fff;} #wrapwrap .panel-primary .nav-tabs > li > a:focus, #wrapwrap .panel-primary .nav-tabs > li > a:hover, #wrapwrap .panel-primary .nav-tabs > li > a:active{background-color: #FFF !important; border: 1px solid #ffbf00 !important; border-bottom-color: #ffbf00 !important; color: #ffbf00 !important;} #wrapwrap .panel-primary .nav-tabs > li > a{background-color: inherit; color: #FFF !important;} #back-top{bottom: 40px; position: fixed; right: 20px; z-index: 10000;} #back-top a{height: 40px; line-height: 40px; width: 40px; display: block; color: #FFF; text-align: center; background: #ffbf00; font-size: 16px; font-weight: 500;} #back-top a:hover{color: #FFF !important; background: #de5b49;} .yamm .dropdown.yamm-fw .dropdown-menu{background-color: #222; background-image: url('/theme_hive/static/src/img/MenuBackground.jpg'); background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover;} .yamm .dropdown.yamm-sm .dropdown-menu{background-color: #222; background-image: url('/theme_hive/static/src/img/MenuBackground.jpg'); background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover;} .yamm .dropdown.yamm-mw .dropdown-menu{background-color: #222; background-image: url('/theme_hive/static/src/img/MenuBackground.jpg'); background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover;} .navbar .navbar-nav{display: inline-block; float: none;} @media (min-width: 768px){.navbar-centered .navbar-nav{float: none; text-align: center;}.navbar-centered .navbar-nav > li{float: none;}.navbar-centered .nav > li{display: inline;}.navbar-centered .nav > li > a{display: inline-block;}} /* /theme_hive/static/src/less/customize_model.less defined in bundle 'website.assets_frontend' */ .navbar-default .navbar-nav > .active > a{color: #FFBF00 !important; background-color: #F9F9F9;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background-color: #F9F9F9; color: #ffbf00!important;} /* /theme_hive/static/src/less/common.less defined in bundle 'website.assets_frontend' */ a{color: #333333; text-decoration: none;} a:hover{text-decoration: none; color: #ffbf00;} .yamm-content ul{margin-top: 4px;} .headline > h2{border-bottom: 2px solid #ffbf00;} .btn{border-radius: 0px !important;} #products_grid_before > ul > li > a:hover{background-color: #fff;} #products_grid_before > ul > li > ul > li > a:hover{background-color: #fff;} #products_grid_before > ul > li.active > a{color: #ffbf00; background-color: #fff;} #o_shop_collapse_category > li > ul > li > a:hover{background-color: #fff !important;} #o_shop_collapse_category > li > ul > li.active > a{color: #ffbf00; background-color: #FFF !important;} #o_shop_collapse_category > li > a:hover{background-color: #fff;} .owl-buttons{position: absolute; right: 0; top: -28px;} .owl-buttons div{color: black !important; background: #f5f5f5 !important; opacity: 1 !important; visibility: visible !important;} .owl-buttons div.owl-prev{position: relative !important; top: -29px !important; left: -33px !important;} .owl-buttons div:hover{background: #ffbf00 !important; color: white !important;} .o_rating_card ul{margin-bottom: 0px; padding: 0;} .o_rating_card ul.rating li{color: #868686; display: inline-block;} .o_rating_card ul.rating li .o_rating_star_card{margin-bottom: 5px;} .o_rating_card ul.rating li .o_rating_star_card .stars{display: inline; color: #FACC2E; margin-right: 8px;} .o_rating_card ul.rating li .o_rating_star_card .stars i{margin-right: -3px; text-align: center; font-size: 1.2em;} .o_rating_card ul.rating li .o_rating_star_card .stars.enabled{cursor: pointer;} .o_rating_card ul.rating li .o_rating_star_card .rate_text{display: inline;} .o_rating_card ul .rev-border{color: #777777; font-size: small; text-transform: capitalize; margin-right: 3px;} .rating_inline{font-size: small; display: inline-flex;} div.owl-wrapper-outer ul{display: inline-block; font-size: small;} .irs-bar{height: 10px; top: 33px; border-top: 1px solid #ffbf00 !important; border-bottom: 1px solid #ffbf00 !important; background: #428bca; background: linear-gradient(to top, #ffbf00 0%, #ffbf00 100%) !important;} .irs-from, .irs-to, .irs-single{color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #ffbf00 !important; border-radius: 3px; -moz-border-radius: 3px;} .description_pro{color: #ffbf00;} h5{margin-bottom: 28px;} .shadow:hover{box-shadow: 1px 1px 16px 2px #ffbf00;} .shadow{min-height: 338px !important;} .pad12{padding: 12px;} .product_img img{margin: 0px auto !important;} .nav > li > a:hover{text-decoration: none; background-color: white;} .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{color: #222; background-color: white;} .pill_menu li{border-bottom: 1px solid #eaeaea; cursor: pointer; padding: 17px 20px; position: relative; transition: all 150ms ease-out 0s;} .product-mini{float: left; margin-bottom: 10px;} .product-price-mini{margin-left: 114px;} .product-list .product-single{border: none !important;} .section-border-left{border-right: 1px solid #E4E4E4;} .feature-box-border:hover > .feature-box-icon-background{background-color: #ffbf00 !important; color: #ffffff !important;} .feature-box-icon-background{background-color: #CCCCCC; padding-top: 15px; padding-bottom: 17px;} .feature-box-border{border: 10px solid transparent; padding: 0px;} .feature-box-text{border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 2px;} .oe_product{border: none;} .oe_product .oe_product_image img{margin: 0px auto !important;} .breadcrumb > .active{color: #ffbf00;} .breadcrumb{background-color: white;} .homepage-bar h4{line-height: 0.9 !important; float: left;} .icon-box-footer > span{margin: 0 9px; float: left !important;} #product_detail .icon-box-footer > span{margin: 3px 7px; float: left!important;} #product_detail .icon-box-footer > p{float: left !important;} @media (max-width: 500px){.oe_website_sale .oe_website_spinner{margin: 0 !important;}} .pill_menu li:last-child{border-bottom: transparent;} .pill_menu li{padding: 17px 0px !important;} .b-stripe .b-line-9{position: absolute; top: 0; bottom: auto; height: 0; width: 11.11111%; left: 0; -moz-transition: all 300ms ease; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.2);} .b-stripe .b-line-9.b-position-2{left: 11.11111%; transition-delay: 0.06s; -moz-transition-delay: 0.06s; -ms-transition-delay: 0.06s; -o-transition-delay: 0.06s; -webkit-transition-delay: 0.06s;} .b-stripe .b-line-9.b-position-3{left: 22.22222%; transition-delay: 0.12s; -moz-transition-delay: 0.12s; -ms-transition-delay: 0.12s; -o-transition-delay: 0.12s; -webkit-transition-delay: 0.12s;} .b-stripe .b-line-9.b-position-4{left: 33.33333%; transition-delay: 0.18s; -moz-transition-delay: 0.18s; -ms-transition-delay: 0.18s; -o-transition-delay: 0.18s; -webkit-transition-delay: 0.18s;} .b-stripe .b-line-9.b-position-5{left: 44.44444%; transition-delay: 0.24s; -moz-transition-delay: 0.24s; -ms-transition-delay: 0.24s; -o-transition-delay: 0.24s; -webkit-transition-delay: 0.24s;} .b-stripe .b-line-9.b-position-6{left: 55.55551%; transition-delay: 0.3s; -moz-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s;} .b-stripe .b-line-9.b-position-7{left: 66.66661%; transition-delay: 0.36s; -moz-transition-delay: 0.36s; -ms-transition-delay: 0.36s; -o-transition-delay: 0.36s; -webkit-transition-delay: 0.36s;} .b-stripe .b-line-9.b-position-8{left: 77.77771%; transition-delay: 0.42s; -moz-transition-delay: 0.42s; -ms-transition-delay: 0.42s; -o-transition-delay: 0.42s; -webkit-transition-delay: 0.42s;} .b-stripe .b-line-9.b-position-9{left: 88.88888%; transition-delay: 0.48s; -moz-transition-delay: 0.48s; -ms-transition-delay: 0.48s; -o-transition-delay: 0.48s; -webkit-transition-delay: 0.48s;} .b-stripe:hover .b-line-9{height: 100%;} .b-stripe{position: relative;} .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin: 0 auto !important;} /* /theme_hive/static/src/less/carousel_banner.less defined in bundle 'website.assets_frontend' */ .nivo-caption{position: absolute; left: 0; top: 0; color: #fff; width: 100%; z-index: 8; height: 100%;} .banner7-content{height: 100%; position: relative;} .bannerslideshow{position: absolute; top: 37%; left: 50%; padding: 0 20px; width: 100%; text-align: left; margin: -100px 0 0 -605px;} .banner7-content h1, .banner7-content h2, .banner7-content h3{text-transform: uppercase;} .banner7-content h1 span{-webkit-animation: fadeInLeft 1800ms ease-in-out; -moz-animation: fadeInLeft 1800ms ease-in-out; -ms-animation: fadeInLeft 1800ms ease-in-out; animation: fadeInLeft 1800ms ease-in-out; color: #fff; font-size: 50px; font-weight: 300; line-height: 40px; text-transform: capitalize; display: inline-block; background: #575555; padding: 13px 13px 10px; border-radius: 5px;} .banner7-content h2.title2{margin: 0 0 3px;} .banner7-content h2 span{-webkit-animation: flipInX 2.2s ease-in-out; -moz-animation: flipInX 2.2s ease-in-out; -ms-animation: flipInX 2.2s ease-in-out; animation: flipInX 2.2s ease-in-out; clear: both; padding: 1px 10px 0; color: #fff; font-size: 22px; font-family: Khula, sans-serif; font-weight: 800; display: inline-block; line-height: 70px; border-radius: 3px; background: rgba(0, 0, 0, 0.5); margin: 3px 0 0;} .banner7-content h3 span{-webkit-animation: flipInX 2500ms ease-in-out; -moz-animation: flipInX 2500ms ease-in-out; -ms-animation: flipInX 2500ms ease-in-out; animation: flipInX 2500ms ease-in-out; padding: 10px; text-transform: capitalize; font-weight: normal; color: #fff; font-size: 14px; line-height: 20px; margin-bottom: 10px; background: rgba(7, 7, 7, 0.5); display: inline-block; margin: 10px 0;} .banner7-content .banner7-readmore{-webkit-animation: flipInX 2200ms ease-in-out; -moz-animation: flipInX 2200ms ease-in-out; -ms-animation: flipInX 2200ms ease-in-out; animation: flipInX 2200ms ease-in-out; clear: both; padding: 0;} .banner7-content .banner7-readmore a{background: #ffbf00; border-bottom: 2px solid #ffbf00; font-size: 23px; line-height: 22px; padding: 15px 16px 8px; text-transform: uppercase; display: inline-block; color: #fff; font-weight: 700; border-radius: 3px;} .banner7-content .banner7-readmore a:hover{background-color: #f25755; border-color: #ca3030;} .banner7-content .banner7-des{-webkit-animation: bounceInDown 2000ms ease-in-out; -moz-animation: bounceInDown 2000ms ease-in-out; -ms-animation: bounceInDown 2000ms ease-in-out; animation: bounceInDown 2000ms ease-in-out; float: left; clear: both;} .banner7-content img.img1{position: absolute; bottom: 0px; left: 0px; max-width: none; -webkit-animation: fadeInRight 1500ms ease-in-out; -moz-animation: fadeInRight 1500ms ease-in-out; -ms-animation: fadeInRight 1500ms ease-in-out; animation: fadeInRight 1500ms ease-in-out;} .banner7-content img.img2{position: absolute; bottom: 0px; right: 0px; max-width: none; -webkit-animation: bounceInDown 1500ms ease-in-out; -moz-animation: bounceInDown 1500ms ease-in-out; -ms-animation: bounceInDown 1500ms ease-in-out; animation: bounceInDown 1500ms ease-in-out;} .slider-2 h1 span{-webkit-animation: bounceInLeft 1500ms ease-in-out; -moz-animation: bounceInLeft 1500ms ease-in-out; -ms-animation: bounceInLeft 1500ms ease-in-out; animation: bounceInLeft 1500ms ease-in-out;} .slider-2 h2 span{-webkit-animation: bounceInLeft 1800ms ease-in-out; -moz-animation: bounceInLeft 1800ms ease-in-out; -ms-animation: bounceInLeft 1800ms ease-in-out; animation: bounceInLeft 1800ms ease-in-out;} .slider-2 h3 span{-webkit-animation: bounceInRight 2200ms ease-in-out; -moz-animation: bounceInRight 2200ms ease-in-out; -ms-animation: bounceInRight 2200ms ease-in-out; animation: bounceInRight 2200ms ease-in-out;} .slider-2 .banner7-des{-webkit-animation: bounceInRight 2000ms ease-in-out; -moz-animation: bounceInRight 2000ms ease-in-out; -ms-animation: bounceInRight 2000ms ease-in-out; animation: bounceInRight 2000ms ease-in-out;} .slider-2 img.img1{position: absolute; bottom: 0px; left: 0px; max-width: none; -webkit-animation: bounceInDown 1500ms ease-in-out; -moz-animation: bounceInDown 1500ms ease-in-out; -ms-animation: bounceInDown 1500ms ease-in-out; animation: bounceInDown 1500ms ease-in-out;} .slider-2 img.img2{position: absolute; bottom: 0px; right: 0px; max-width: none; -webkit-animation: fadeInRight 1500ms ease-in-out; -moz-animation: fadeInRight 1500ms ease-in-out; -ms-animation: fadeInRight 1500ms ease-in-out; animation: fadeInRight 1500ms ease-in-out;} .carousel-control.left, .carousel-control.right{background-image: none !important;} .carousel .carousel-control.left{left: 0 !important;} .carousel .carousel-control.right{right: 0 !important;} .carousel-indicators:before, .carousel-indicators:after{content: ""; display: inline-block; width: 45px; height: 15px; padding-right: 5px;} .carousel-indicators li{border-radius: 0 !important; background-color: #fff !important; border: none !important;} div.carousel .carousel-indicators .active{background-color: #ffbf00 !important;} @media (max-width: 1199px){.bannerslideshow{margin: -100px 0 0 -475px;}.banner7-content h1 span{font-size: 28px; line-height: 22px;}.banner7-content h2 span{font-size: 42px; line-height: 45px;}} @media (max-width: 992px){.bannerslideshow{margin: -100px 0 0 -375px;}} @media (max-width: 400px){.bannerslideshow{margin: -140px 0 0 -159px;}.banner7-content h2 span{font-size: 37px;}} /* /theme_hive/static/src/less/animate.less defined in bundle 'website.assets_frontend' */ .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;} @-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-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; -ms-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .flash{-webkit-animation-name: flash; animation-name: flash;} @-webkit-keyframes pulse{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes pulse{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .pulse{-webkit-animation-name: pulse; animation-name: pulse;} @-webkit-keyframes rubberBand{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes rubberBand{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .rubberBand{-webkit-animation-name: rubberBand; animation-name: rubberBand;} @-webkit-keyframes shake{0%, 100%{-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{0%, 100%{-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 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);}100%{-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);}100%{-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} .swing{-webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;} @-webkit-keyframes tada{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes tada{0%{-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);}100%{-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .tada{-webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes wobble{0%{-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);}100%{-webkit-transform: none; transform: none;}} @keyframes wobble{0%{-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);}100%{-webkit-transform: none; transform: none;}} .wobble{-webkit-animation-name: wobble; animation-name: wobble;} @-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}} .bounceIn{-webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} .bounceInDown{-webkit-animation-name: bounceInDown; animation-name: bounceInDown;} @-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} .bounceInLeft{-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;} @-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} @keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: none; transform: none;}} .bounceInRight{-webkit-animation-name: bounceInRight; animation-name: bounceInRight;} @-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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, -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);}100%{-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);}100%{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);}100%{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-animation-duration: .75s; animation-duration: .75s;} @-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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .bounceOutUp{-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} @keyframes fadeIn{0%{opacity: 0;}100%{opacity: 1;}} .fadeIn{-webkit-animation-name: fadeIn; animation-name: fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDown{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDown{-webkit-animation-name: fadeInDown; animation-name: fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInDownBig{0%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInDownBig{-webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeft{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeft{-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInLeftBig{0%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInLeftBig{-webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRight{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRight{-webkit-animation-name: fadeInRight; animation-name: fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInRightBig{0%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInRightBig{-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUp{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUp{-webkit-animation-name: fadeInUp; animation-name: fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes fadeInUpBig{0%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .fadeInUpBig{-webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} @keyframes fadeOut{0%{opacity: 1;}100%{opacity: 0;}} .fadeOut{-webkit-animation-name: fadeOut; animation-name: fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @keyframes fadeOutDown{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} .fadeOutDown{-webkit-animation-name: fadeOutDown; animation-name: fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} @keyframes fadeOutDownBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);}} .fadeOutDownBig{-webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} @keyframes fadeOutLeft{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}} .fadeOutLeft{-webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} @keyframes fadeOutLeftBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);}} .fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} @keyframes fadeOutRight{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}} .fadeOutRight{-webkit-animation-name: fadeOutRight; animation-name: fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} @keyframes fadeOutRightBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);}} .fadeOutRightBig{-webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} @keyframes fadeOutUp{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}} .fadeOutUp{-webkit-animation-name: fadeOutUp; animation-name: fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} @keyframes fadeOutUpBig{0%{opacity: 1;}100%{opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);}} .fadeOutUpBig{-webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig;} @-webkit-keyframes flip{0%{-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;}100%{-webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}} @keyframes flip{0%{-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;}100%{-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{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInX{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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);}100%{-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{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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);}100%{-webkit-transform: perspective(400px); transform: perspective(400px);}} @keyframes flipInY{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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);}100%{-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{0%{-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;}100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0;}} @keyframes flipOutX{0%{-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;}100%{-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-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px); transform: perspective(400px);}30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1;}100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0;}} @keyframes flipOutY{0%{-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;}100%{-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-animation-duration: .75s; animation-duration: .75s;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}100%{-webkit-transform: none; transform: none; opacity: 1;}} @keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;}60%{-webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;}80%{-webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1;}100%{-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{0%{opacity: 1;}100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}} @keyframes lightSpeedOut{0%{opacity: 1;}100%{-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{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateIn{0%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1;}} @keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0;}100%{-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{0%{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}100%{-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0;}} @keyframes rotateOut{0%{-webkit-transform-origin: center; transform-origin: center; opacity: 1;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-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{0%{-webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1;}100%{-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;}100%{-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;}100%{-webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0;}} .hinge{-webkit-animation-name: hinge; animation-name: hinge;} @-webkit-keyframes rollIn{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}100%{opacity: 1; -webkit-transform: none; transform: none;}} @keyframes rollIn{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}100%{opacity: 1; -webkit-transform: none; transform: none;}} .rollIn{-webkit-animation-name: rollIn; animation-name: rollIn;} @-webkit-keyframes rollOut{0%{opacity: 1;}100%{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{0%{opacity: 1;}100%{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{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes zoomIn{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}100%{opacity: 0;}} @keyframes zoomOut{0%{opacity: 1;}50%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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);}100%{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{0%{-webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes slideInDown{0%{-webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible;}100%{-webkit-transform: translateY(0); transform: translateY(0);}} .slideInDown{-webkit-animation-name: slideInDown; animation-name: slideInDown;} @-webkit-keyframes slideInLeft{0%{-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInLeft{0%{-webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible;}100%{-webkit-transform: translateX(0); transform: translateX(0);}} .slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} @-webkit-keyframes slideInRight{0%{-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}100%{-webkit-transform: translateX(0); transform: translateX(0);}} @keyframes slideInRight{0%{-webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible;}100%{-webkit-transform: translateX(0); transform: translateX(0);}} .slideInRight{-webkit-animation-name: slideInRight; animation-name: slideInRight;} @-webkit-keyframes slideInUp{0%{-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;}100%{-webkit-transform: translateY(0); transform: translateY(0);}} @keyframes slideInUp{0%{-webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible;}100%{-webkit-transform: translateY(0); transform: translateY(0);}} .slideInUp{-webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);}} @keyframes slideOutDown{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%);}} .slideOutDown{-webkit-animation-name: slideOutDown; animation-name: slideOutDown;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);}} @keyframes slideOutLeft{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%);}} .slideOutLeft{-webkit-animation-name: slideOutLeft; animation-name: slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);}} @keyframes slideOutRight{0%{-webkit-transform: translateX(0); transform: translateX(0);}100%{visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%);}} .slideOutRight{-webkit-animation-name: slideOutRight; animation-name: slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);}} @keyframes slideOutUp{0%{-webkit-transform: translateY(0); transform: translateY(0);}100%{visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%);}} .slideOutUp{-webkit-animation-name: slideOutUp; animation-name: slideOutUp;} /* /website_animate/static/src/less/o_animate_library.css defined in bundle 'website.assets_frontend' */ @-moz-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_duration{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-webkit-keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @keyframes o_animate_timeline_delay{0%{width: 0;}100%{width: 100%;}} @-moz-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_bounce_in{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}20%{-webkit-transform: scale3d(1.1, 1.1, 1.1); -moz-transform: scale3d(1.1, 1.1, 1.1); -ms-transform: scale3d(1.1, 1.1, 1.1); -o-transform: scale3d(1.1, 1.1, 1.1);}40%{-webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9);}60%{opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); -moz-transform: scale3d(1.03, 1.03, 1.03); -ms-transform: scale3d(1.03, 1.03, 1.03); -o-transform: scale3d(1.03, 1.03, 1.03);}80%{-webkit-transform: scale3d(0.97, 0.97, 0.97); -moz-transform: scale3d(0.97, 0.97, 0.97); -ms-transform: scale3d(0.97, 0.97, 0.97); -o-transform: scale3d(0.97, 0.97, 0.97);}100%{opacity: 1; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_bounce_in{-webkit-animation-name: o_anim_bounce_in; animation-name: o_anim_bounce_in; -webkit-animation-duration: 0.75s; animation-duration: 0.75s;} @-moz-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_down{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_down{-webkit-animation-name: o_anim_bounce_in_down; animation-name: o_anim_bounce_in_down;} @-moz-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_left{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_left{-webkit-animation-name: o_anim_bounce_in_left; animation-name: o_anim_bounce_in_left;} @-moz-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_bounce_in_right{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-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);}100%{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_bounce_in_right{-webkit-animation-name: o_anim_bounce_in_right; animation-name: o_anim_bounce_in_right;} @-moz-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @-webkit-keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} @keyframes o_anim_fade_in{0%{opacity: 0;}100%{opacity: 1;}} .o_anim_fade_in{-webkit-animation-name: o_anim_fade_in; animation-name: o_anim_fade_in;} @-moz-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_down{0%{opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_down{-webkit-animation-name: o_anim_fade_in_down; animation-name: o_anim_fade_in_down;} @-moz-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_left{0%{opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_left{-webkit-animation-name: o_anim_fade_in_left; animation-name: o_anim_fade_in_left;} @-moz-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_right{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_right{-webkit-animation-name: o_anim_fade_in_right; animation-name: o_anim_fade_in_right;} @-moz-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @-webkit-keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} @keyframes o_anim_fade_in_up{0%{opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}100%{opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}} .o_anim_fade_in_up{-webkit-animation-name: o_anim_fade_in_up; animation-name: o_anim_fade_in_up;} @-moz-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @-webkit-keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} @keyframes o_anim_fade_out{0%{opacity: 1;}100%{opacity: 0;}} .o_anim_fade_out{-webkit-animation-name: o_anim_fade_out; animation-name: o_anim_fade_out;} @-moz-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in{0%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); -moz-transform: rotate3d(0, 0, 1, -200deg); -ms-transform: rotate3d(0, 0, 1, -200deg); -o-transform: rotate3d(0, 0, 1, -200deg); opacity: 0;}100%{-webkit-transform-origin: center; -moz-transform-origin: center; -ms-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in{-webkit-animation-name: o_anim_rotate_in; animation-name: o_anim_rotate_in;} @-moz-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_left{0%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); -moz-transform: rotate3d(0, 0, 1, -45deg); -ms-transform: rotate3d(0, 0, 1, -45deg); -o-transform: rotate3d(0, 0, 1, -45deg); opacity: 0;}100%{-webkit-transform-origin: left bottom; -moz-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_left{-webkit-animation-name: o_anim_rotate_in_down_left; animation-name: o_anim_rotate_in_down_left;} @-moz-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @-webkit-keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} @keyframes o_anim_rotate_in_down_right{0%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); -moz-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); -o-transform: rotate3d(0, 0, 1, 45deg); opacity: 0;}100%{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 0, 0); -moz-transform: rotate3d(0, 0, 0, 0); -ms-transform: rotate3d(0, 0, 0, 0); -o-transform: rotate3d(0, 0, 0, 0); opacity: 1;}} .o_anim_rotate_in_down_right{-webkit-animation-name: o_anim_rotate_in_down_right; animation-name: o_anim_rotate_in_down_right;} @-moz-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @-webkit-keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} @keyframes o_anim_zoom_in{0%{opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); -moz-transform: scale3d(0.3, 0.3, 0.3); -ms-transform: scale3d(0.3, 0.3, 0.3); -o-transform: scale3d(0.3, 0.3, 0.3);}50%{opacity: 1;}} .o_anim_zoom_in{-webkit-animation-name: o_anim_zoom_in; animation-name: o_anim_zoom_in;} @-moz-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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 o_anim_zoom_in_down{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -o-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);}} .o_anim_zoom_in_down{-webkit-animation-name: o_anim_zoom_in_down; animation-name: o_anim_zoom_in_down;} @-moz-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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 o_anim_zoom_in_left{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -o-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);}} .o_anim_zoom_in_left{-webkit-animation-name: o_anim_zoom_in_left; animation-name: o_anim_zoom_in_left;} @-moz-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} @-webkit-keyframes o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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 o_anim_zoom_in_right{0%{opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -o-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); -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -o-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);}} .o_anim_zoom_in_right{-webkit-animation-name: o_anim_zoom_in_right; animation-name: o_anim_zoom_in_right;} @-moz-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @-webkit-keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} @keyframes o_anim_flash{0%, 50%, 100%{opacity: 1;}25%, 75%{opacity: 0;}} .o_anim_flash{-webkit-animation-name: o_anim_flash; animation-name: o_anim_flash;} @-moz-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_pulse{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}50%{-webkit-transform: scale3d(1.05, 1.05, 1.05); -moz-transform: scale3d(1.05, 1.05, 1.05); -ms-transform: scale3d(1.05, 1.05, 1.05); -o-transform: scale3d(1.05, 1.05, 1.05);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_pulse{-webkit-animation-name: o_anim_pulse; animation-name: o_anim_pulse;} @-moz-keyframes o_anim_shake{0%, 100%{-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);}} @-webkit-keyframes o_anim_shake{0%, 100%{-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 o_anim_shake{0%, 100%{-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);}} .o_anim_shake{-webkit-animation-name: o_anim_shake; animation-name: o_anim_shake;} @-moz-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @-webkit-keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} @keyframes o_anim_tada{0%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}10%, 20%{-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -moz-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); -o-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); -moz-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); -o-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}100%{-webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);}} .o_anim_tada{-webkit-animation-name: o_anim_tada; animation-name: o_anim_tada;} @-moz-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_x{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 90deg); -moz-transform: rotate3d(1, 0, 0, 90deg); -ms-transform: rotate3d(1, 0, 0, 90deg); -o-transform: rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -20deg); -moz-transform: rotate3d(1, 0, 0, -20deg); -ms-transform: rotate3d(1, 0, 0, -20deg); -o-transform: rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, 10deg); -moz-transform: rotate3d(1, 0, 0, 10deg); -ms-transform: rotate3d(1, 0, 0, 10deg); -o-transform: rotate3d(1, 0, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(1, 0, 0, -5deg); -moz-transform: rotate3d(1, 0, 0, -5deg); -ms-transform: rotate3d(1, 0, 0, -5deg); -o-transform: rotate3d(1, 0, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_x{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_x; animation-name: o_anim_flip_in_x;} @-moz-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @-webkit-keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} @keyframes o_anim_flip_in_y{0%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 90deg); -moz-transform: rotate3d(0, 1, 0, 90deg); -ms-transform: rotate3d(0, 1, 0, 90deg); -o-transform: rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0;}40%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -20deg); -moz-transform: rotate3d(0, 1, 0, -20deg); -ms-transform: rotate3d(0, 1, 0, -20deg); -o-transform: rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in;}60%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, 10deg); -moz-transform: rotate3d(0, 1, 0, 10deg); -ms-transform: rotate3d(0, 1, 0, 10deg); -o-transform: rotate3d(0, 1, 0, 10deg); opacity: 1;}80%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px; -webkit-transform: rotate3d(0, 1, 0, -5deg); -moz-transform: rotate3d(0, 1, 0, -5deg); -ms-transform: rotate3d(0, 1, 0, -5deg); -o-transform: rotate3d(0, 1, 0, -5deg);}100%{-webkit-perspective: 400px; -moz-perspective: 400px; perspective: 400px;}} .o_anim_flip_in_y{-webkit-backface-visibility: visible; -moz-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: o_anim_flip_in_y; animation-name: o_anim_flip_in_y;} /* /website_animate/static/src/less/o_animate_utility_classes.css defined in bundle 'website.assets_frontend' */ #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a{padding-left: 30px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{content: " "; display: block; width: 16px; height: 17px; top: 5px; background-image: url("/website_animate/static/src/less/../images/icon.png"); background-repeat: no-repeat; background-size: 100%; position: absolute; left: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a{color: #555; background-color: #EFEFEF;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay li.active > a:after, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options li.active > a:after{font-family: FontAwesome; content: "\f00c"; color: #16A085; float: right; text-shadow: -1px 0px 0px #ffffff;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > ul, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > ul{border-top-left-radius: 0; border-top-right-radius: 0; padding-top: 0;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline{display: block; width: 100%; height: 5px; margin-bottom: 5px; position: relative; background-color: #f7f7f7; border-bottom: 1px solid #eaeaea;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline > span, #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline > span{float: left; display: inline-block; position: relative; height: 5px;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="duration"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="duration"]{position: absolute; float: left; left: 0; height: 100%; background: #21b799; width: 0%; -webkit-animation-name: o_animate_timeline_duration; animation-name: o_animate_timeline_duration; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration span.timeline span[simulate="delay"], #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay span.timeline span[simulate="delay"]{position: absolute; float: left; left: 0; height: 100%; background: #a4498c; width: 0%; -webkit-animation-name: o_animate_timeline_delay; animation-name: o_animate_timeline_delay; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_duration > a:before{background-image: url("/website_animate/static/src/less/../images/time.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_delay > a:before{background-image: url("/website_animate/static/src/less/../images/delay.png");} #oe_manipulators .dropdown-menu li.snippet-option-o_animate_options > a:before{background-image: url("/website_animate/static/src/less/../images/opt.png");} .o_animate{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; text-rendering: geometricPrecision; visibility: hidden;} .o_animate_preview{visibility: visible;} .o_anim_dur500{-webkit-animation-duration: 500ms; animation-duration: 500ms;} .o_anim_dur1500{-webkit-animation-duration: 1500ms; animation-duration: 1500ms;} .o_anim_dur2000{-webkit-animation-duration: 2000ms; animation-duration: 2000ms;} .o_anim_dur2500{-webkit-animation-duration: 2500ms; animation-duration: 2500ms;} .o_anim_dur3000{-webkit-animation-duration: 3000ms; animation-duration: 3000ms;} .o_anim_del500{-webkit-animation-delay: 500ms; animation-delay: 500ms;} .o_anim_del1000{-webkit-animation-delay: 1000ms; animation-delay: 1000ms;} .o_anim_del1500{-webkit-animation-delay: 1500ms; animation-delay: 1500ms;} .o_anim_del2000{-webkit-animation-delay: 2000ms; animation-delay: 2000ms;} .o_anim_del2500{-webkit-animation-delay: 2500ms; animation-delay: 2500ms;}