/*********************************************************************************
common styles
***************/
body {
 color:#666!important;
 font-family: 'Poppins', sans-serif!important;
 font-size:13px!important;
 background:  #fff !important;
}
h1, h2, h3, h4, h5, p, ul, li {
 margin:0px!important;
 padding:0px!important;
}
a {
 color:#333!important;
 cursor:pointer;
 text-decoration:none!important;
}
a:active {
 box-shadow:none!important;
}
p {
 line-height:22px;
 margin-bottom:10px!important;
 font-size:14px!important;
}
h1, h2 {
 margin-bottom:10px!important;
}
.no-padding {
 padding-left:0px!important;
 padding-right:0px!important;
}
.no-padding-right {
 padding-right:0px!important;
}
.no-padding-left {
 padding-left:0px!important;
}
/*********************************************************************************
colored text and buttons
***************/ 
.text-orange {
 color:#fc910f
}
.text-blue {
 color:#0072b8
}
.btn {
 padding:6px 20px !important;
 border-radius:0!important;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.btn-sub, .btn-cancel {
 background: #446a9b;
 color:#fff;
 padding:10px 20px !important;
 border-radius:3px!important;
 margin-right:10px;
 margin-top:15px;
}
.btn-cancel {
 background:#fc910f;
}
.btn-pr {
 padding: 7px 15px !important;
 color:#fff;
 border-radius:3px!important;
 margin:0 3px;
}
/**/
.btn-blue {
 background: #0072b8;
}
.btn-orange {
 background: #fc910f;
}
.btn:hover {
 background:#333!important;
 color:#fff!important;
}
/*********************************************************************************
header styles
***************/
header {
}
/*user nav*/ 
header .user-nav {
 margin: 15px 0 16px;
}
header .user-nav.left {
 float:left
}
header .user-nav.right {
 float:right
}
header .user-nav ul {
 list-style:none;
}
header .user-nav ul li {
 float:left;
 position: relative;
}
header .user-nav ul li.nav-del-center {
 display:none
}
header .user-nav ul a {
 display:block;
 padding-left:15px;
 padding-right:15px;
 border-left:1px solid #fff;
 font-size:13px;
 color:#666!important;
 font-weight:500;
 text-transform:capitalize;
 position:relative;
}
header .user-nav ul a.active:after {
 font-family: 'FontAwesome';
 color: rgb(25, 81, 144);
 content: "\f0d8     ";
 position: absolute;
 bottom: -27px;
 left: 50%;
 font-size: 25px;
}
header .user-nav ul li:first-child a {
 padding-left:0px;
}
header .user-nav ul li:last-child a {
 padding-right:0px;
}
header .user-nav ul a img {
 margin-right:10px;
 width:20px;
 vertical-align:-4px
}

header .user-nav ul a.logged-in { 
 
}
header .user-nav ul a.logged-in span {
 margin-right:10px;
 overflow: hidden !important;
 text-overflow: ellipsis;
 white-space: nowrap !important;
 max-width: 200px;
 display: inline-block;
}
header .user-nav ul a.logged-in i {
 vertical-align:5px;color: #7dbe00;
}
header .user-nav ul a:not(.logged-in):hover {
 color:#ebb10f !important;
}
/**/ 
header .user-nav ul ul {
 border-radius:5px; 
 min-width:140px;
 position:absolute;
 right:0;
 top:31px;
 z-index: 9999;
 list-style: none;
 background:#fff;
 display: none;
 -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
 box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2); 
}
header .user-nav ul ul:before {
    font-family: 'FontAwesome';
    color: #fff;
    content: "\f0d8     ";
    font-weight: normal;
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 17px; 
}
header .user-nav ul ul li {
 float: none;
 white-space: nowrap; margin:0!important
}
header .user-nav ul ul li a {
 background:#fff;
 border: 0;
 border-radius:0px;
 border-bottom: 1px solid #eee;
 color: #666 !important;
 padding:10px 12px!important;
 margin-left:0;
}
header .user-nav ul ul li:last-child a {
 border-bottom:0
}
header .user-nav ul ul li a:hover {
 border-color: #eee!important;
}

.user-nav ul li:hover ul {
 display: block;
 -webkit-animation: nav-animate 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-animation: nav-animate 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}  


/*logo bar*/
header .logo-bar {
 padding:5px 0;
 background:#fff;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
header .logo-fixed-bar {
 padding:2px 0;
 position: fixed !important;
 width: 100% !important;
 top: 0;
 z-index:999;
 -moz-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
 -webkit-box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
 box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);
}
header .logo {
 display: table;
 margin:1px auto 2px
}
header .logo.mob {
 display:none;
}
header .logo img {
 max-width:100%;
}
/*search*/ 
.search-btn, .search-load {
 background: url(../design_img/icon-search.png) no-repeat center;
 background-size: 40%;
 width: 40px;
 height: 32px;
 display: block;
 float: right;
 cursor: default;
}
.search-load {
 background: url(../design_img/icon-load.jpg) no-repeat center;
 background-size: 60%;
}
/*search bar*/
.search-bar {
 display:block!important;
 background:#f2f2f2;
 border-radius:25px;
 margin: 9px 15px 9px 0;
 float:right;
 position:relative;
 z-index: 999;
}
.search-bar:after {
 content:'';
 display:table;
 clear:both;
}
.search-bar input[type=text] {
 background:transparent;
 color:#666;
 border: 0;
 width: calc(100% - 40px);
 padding:7px 20px;
 float:left;
}
.search-bar input[type=text]:focus {
 outline: none;
}
.search-bar input[type=text]:-moz-placeholder {
color:#666!important;
opacity:0.3;
}
.search-bar input[type=text]:-moz-placeholder {
color:#666!important;
opacity:0.3;
}
.search-bar input[type=text]:-webkit-input-placeholder {
color:#666!important;
opacity:0.3;
}
.search-bar #search-result {
 position: absolute;
 width: 100%;
 top: calc(100% - 15px);
 left: 0;
 z-index:-1;
 overflow:hidden;
 background-color: #f2f2f2;
 padding:25px 10px 15px 20px;
 border-bottom-left-radius:15px;
 border-bottom-right-radius:15px;
 display:none;
}
.search-bar #search-result ul {
 max-height: 150px;
 overflow:auto;
 margin-bottom:0
}
.search-bar #search-result ul li a {
 padding:3px 0;
 display:block; text-transform:capitalize
}
.search-bar #search-result ul li a:hover {
 text-decoration: underline !important;
}
.search-bar #search-result ul li a span {
 color:#7dbe00
}
/* nav bar */
header .nav-bar {
 display:none
}
/*site nav*/
header .site-nav {
 float:right;
}
/*********************************************************************************
section styles
***************/
section.slider {
 position:relative
}
section.slider .home-down {
 width: 100%;
 position: absolute;
 bottom: -20px;
 left: 0;
 z-index: 99;
 cursor: pointer;
}
section.slider .home-down a {
 width: 50px;
 height: 50px;
 border-radius: 100%;
 display: block;
 margin: auto;
 padding: 12px 2px 5px;
 position: relative;
 background: #88ab2d;
}
section.slider .home-down a img {
 max-width: 20px!important;
 margin: auto;
 display: block;
 position: relative;
 animation-name: bounceDown;
 animation-duration:1.4s;
 animation-delay:0.2s;
 animation-iteration-count:infinite;
 animation-timing-function:linear;
}
/**/
section.contents {
}
/*main heading*/
.main-head-new {
 line-height: 32px !important;
 font-weight: 400;
 font-size: 32px !important;
 color: #333;
 margin-bottom:20px!important
}
.main-head-new span {
 font-size: 16px !important;
 font-weight: 300;
 color: #ebb10f;
}
.main-head-new span.brdr {
 background: #ebb10f;
 height: 2px;
 display: inline-block;
 width: 30px;
 margin: 5px 10px 5px 0 !important;
}
.main-head-new span.brdr img {
 width: 32px;
 height: 41px;
 margin: auto;
 margin-top: -27px
}
/* offer bar*/
 .offer-bar-new {
 padding:20px 0
}
.offer-bar-new .offer-left {
 width:30%;
 float:left;
 padding:10px;
}
.offer-bar-new .offer-center {
 width:40%;
 float:left;
 padding:10px;
}
.offer-bar-new .offer-right {
 width:30%;
 float:left;
 padding:10px;
}
.offer-bar-new img {
 max-width:100%;
}
.offer-bar-new .offer {
 margin-bottom:25px;
}
.offer-bar-new .offer a {
 display: block;
 overflow: hidden;
 position:relative;
}
.offer-bar-new .offer a:before {
 overflow: hidden;
 position: absolute;
 top: 0;
 content: "";
 width: 100%!important;
 height: 100%;
 left: 0px;
 opacity: 0;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transform: scale(0.5) rotateY(90deg);
 background-image: url(../design_img/plus-img.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #000;
}
.offer-bar-new .offer a:hover:before {
 visibility: visible;
 opacity: 0.4;
 transform: scale(1) rotateY(0deg);
}
/*home abt bar */ 
.home-abt-bar-new {
 padding: 80px 0 30px 0 !important;
 margin:50px 0;
 background: #fff;
 position:relative;
}
.home-abt-bar-new .img-01 {
 position:absolute;
 top:0;
 max-width:550px!important;
}
.home-abt-bar-new .img-02 {
 max-width:150px!important;
 position: absolute;
 right: 100px;
 top: 10%;
 -webkit-animation: moveLeftBounce 3s linear infinite;
 animation: moveLeftBounce 3s linear infinite;
}
.home-abt-bar-new .img-03 {
 max-width:20px!important;
 position: absolute;
 left: 75%;
 top: 50%;
 -webkit-animation: animationFramesTwo 10s infinite linear;
 animation: animationFramesTwo 10s infinite linear;
}
.home-abt-bar-new .img-04 {
 max-width: 100%;
}
.home-abt-bar-new .main-head-new {
 margin-bottom: 15px !important;
}
.home-abt-bar-new a.btn-more {
 color: #fff !important;
 background: #7dbe00;
 display: inline-block;
 margin: 12px 0 0px;
 padding: 12px 40px 12px 20px !important;
 border-radius: 4px !important;
 overflow: hidden;
 position: relative;
}
.home-abt-bar-new a.btn-more:before, .home-abt-bar-new a.btn-more:after {
 content: '';
 background: url(../design_img/right-arrow.png) no-repeat center;
 background-size: 17px !important;
 position: absolute;
 width: 20px;
 height: 20px;
 left: calc(100% - 30px);
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.home-abt-bar-new a.btn-more:after {
 left: calc(100% - 50px);
 opacity: 0
}
.home-abt-bar-new a.btn-more:hover:before {
 left: calc(100%);
 opacity: 0
}
.home-abt-bar-new a.btn-more:hover:after {
 left: calc(100% - 30px);
 opacity: 1
}
.home-abt-bar-new p {
 text-align: justify;
}
/*.advantage bar */
.advantage-bar-new {
 padding:50px 0;
}
.advantage-bar-new .advantage {
 padding: 15px!important;
 overflow: hidden;
 border-radius: 10px;
 border: 1px solid #d1e1b1;
 margin-bottom:15px;
 -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 5px 15px #dae5c6;
}
.advantage-bar-new .advantage-icon {
 width:45px;
 float:left
}
.advantage-bar-new .advantage-icon img {
 max-width:100%;
}
.advantage-bar-new .advantage-text {
 width:calc(100% - 70px);
 float:right;
}
.advantage-bar-new .advantage-text p {
 color: rgba(0, 0, 0, 1);
 text-transform: capitalize;
 font-weight: 600;
 font-size: 14px!important;
 margin-bottom:0!important
}
.advantage-bar-new .advantage-text p a {
 color:rgba(0, 0, 0, 1)!important;
 text-transform: capitalize;
}
.advantage-bar-new .advantage-text p span {
 opacity: .7;
 font-weight: 400;
 font-size: 13px;
 text-transform: none;
 letter-spacing: initial;
 color: rgba(0, 0, 0, 0.8);
}
/* product-slide-bar-new */
.product-slide-bar-new {
 padding: 70px 0 70px 0!important;
 position:relative
}
.product-slide-bar-new .img-01 {
 position:absolute;
 top:0;
 max-width:600px!important;
 right:0
}
/*items*/
.item-new-col {
 background:#fff;
 overflow:hidden;
 position:relative;
 border: 1px dashed #ccc;
     margin: 0 4px;
}
.item-new-container {
 width:100%;
 height:auto;
 position:relative;
 z-index:1;
 padding-bottom:20px;
}
.item-new-pic-container {
 width: 100%;
 height:250px;
 background:#fff;
 border-bottom: 1px dashed #ccc;
 position: relative;
 overflow: hidden;
 -webkit-transition: all 200ms linear;
 -moz-transition: all 200ms linear;
 -o-transition: all 200ms linear;
 -ms-transition: all 200ms linear;
 transition: all 200ms linear;
}
.item-new-back {
 position: absolute;
 top: 0;
 left: 0;
 bottom:100%;
 right: 0;
 background: #7dbe00;
 z-index:-1;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.item-new-pic {
}
.item-new-pic img {
 max-width: 98%;
 max-height:98%;
 position:absolute;
 top:50%;
 margin-bottom:-50%;
 left:50%;
 margin-right:-50%;
 -webkit-transform:translate(-50%, -50%);
 -moz-transform:translate(-50%, -50%);
 transform:translate(-50%, -50%);
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
.item-new-new {
 position: absolute;
 z-index: 1;
 top: 0px;
 left: 0px;
 display: inline-block;
 background-color: #0095bc;
 display:none
}
.item-new-new span {
 color: white;
 text-transform: capitalize;
 padding: 15px 0px;
 display: inline-block;
 transform: rotate(-90deg);
 font-weight: 300;
}
.item-new-new:after {
 content: "";
 width: 0px;
 height: 0;
 border-right: 4px solid transparent;
 border-left: 4px solid transparent;
 border-top: 4px solid #0095bc;
 position: absolute;
 bottom: -4px;
 left: 50%;
 margin-left: -4px;
}
.discount {
 background: #f48736;
 color: #fff;
 width: 62px;
 height: 25px;
 position: absolute;
 top: 0px;
 right: 0;
 z-index: 1;
 text-align: center;
 line-height: 22px;
 display:none
}
.item-new-btn {
 width: 120px;
 margin:0 auto
}
.item-new-btn a {
 background: #fff1de;
 border:1px solid #d68d2e;
 font-size: 15px;
 color: #d68d2e !important;
 display: block;
 text-align: center;
 padding: 5px 10px;
 border-radius:25px;
 cursor:pointer;
 webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 -moz-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
 transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.item-new-btn a .fa {
 margin-right:5px;
}
.item-new-btn a:hover {
 background:#d68d2e !important;
 color: #fff!important;
}
.item-new-name {
 font-size:14px!important;
 margin:0!important;
 text-align:center;
 text-transform:capitalize;
}
.item-new-name a {
 color: #666 !important;
 padding: 10px 0 8px;
 overflow: hidden !important;
 text-overflow: ellipsis;
 display: inline-block;
 white-space: nowrap !important;
 width: 95%;
}
.item-new-price {
 text-transform:capitalize;
 margin:5px 0!important;
 font-size: 15px;
 text-align:center
}
.item-new-price .price-before {
 color:#999999;
 text-decoration:line-through;
}
.item-new-price .price-now {
 font-weight:600;
 color:#9dac0b;
 margin:0 5px;
}
.item-new-price .price-bv {
}
.item-new-container:hover .item-new-back {
 bottom:0;
}
.item-new-container:hover .item-new-name a {
 color: #fff!important;
}
.item-new-container:hover .item-new-btn a {
 background: transparent;
 color: #fff!important;
 border:1px solid #fff;
}
.item-new-container:hover .item-new-btn a:hover {
 background:#fff !important;
 color: #7dbe00!important;
}
.no-item {
 margin-bottom: 30px !important;
 background: #fff;
 border-radius: 10px;
 padding: 20px !important;
 text-align: center;
 color: #999;
 -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
 -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
}
.item-new.load {
 width:calc(calc(100% / 4) - 16px);
 float:left
}
.item-new.load .item-new-pic {
 height:250px;
}
/**/ 
.ind-logo-bar-new {
 padding-top:50px!important;
 padding-bottom:60px!important;
 background:#fff;
}
.ind-logo-bar-new .main-head-new {
 text-align: center;
}
.ind-logo-bar-new .ind-logo-container {
 margin:0 -10px;
 text-align: center;
}
.ind-logo-bar-new .ind-logo {
 width: calc(calc(100% / 6) - 23px);
 height: 120px;
 margin:0 10px 20px;
 display: inline-block;
 border: 1px solid #d1e1b1;
 border-radius:10px;
 margin-bottom: 15px;
 -webkit-box-shadow: 0px 5px 15px rgb(0 0 0 / 10%);
 -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1);
 box-shadow: 0px 5px 15px #dae5c6;
}
.ind-logo-bar-new .ind-logo img {
 max-height: 100%;
 position: relative;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -moz-transform: translateY(-50%);
 transform: translateY(-50%);
 max-width: 100%;
 margin:auto;
 display:table;
}
/**/
section.contents .content-bar {
 padding:60px 0 60px;
 overflow:hidden;
}
/* page banner*/

/*********************************************************************************
footer styles
***************/
footer {
 background:#444;
 position:relative
}

/**/
footer p {
 color:#fff;
}
footer p a {
 color:#ffe300 !important
}
footer h2 {
 text-align:left;
 color: #fff;
 font-size: 18px!important;
 font-weight:500;
 margin-bottom:40px!important;
 text-transform: capitalize;
 position:relative;
}
footer h2:before {
 content: '';
 border-top: 2px solid #fff;
 width: 30px;
 position: absolute;
 left: 0;
 top: 30px;
 z-index:2
}
footer .footer-bar {
 margin:70px 0 20px 0;    padding: 0!important;
}
/**/
footer .footer-bar .logo {
 width:150px;
 display:block;
 margin-top:-20px;
 margin-bottom:25px;
}
footer .footer-bar .logo img {
    max-width: 100%!important;
    margin: 0!important;
}
/* footer site nav*/
footer .site-nav ul {
 list-style:none;
 margin-left: 28px!important;
 margin-bottom:25px!important;
}
footer .site-nav ul li {
 text-indent: -13px;
 line-height:22px;
 color:#ddd !important;
 margin-bottom:10px !important;
}
footer .site-nav ul li strong {
 font-weight:500;
 color:#ddd
}
footer .site-nav ul li i {
 margin-right:8px;
 color:#ddd!important;
}
footer .site-nav ul li span {
 font-weight: 500;
 display: block;
 padding: 10px 13px 0px;
}
footer .site-nav ul a {
 font-size:13px;
 color:#ddd !important;
 text-align:left;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
/* footer nav*/
footer .nav-menu ul {
 list-style:none;
 margin:0 0 30px 0px !important;
}
footer .nav-menu ul li {
 line-height: 25px;
 display: block;
 text-indent: 0px;
}
footer .nav-menu ul a {
 display:block;
 font-size:13px;
 color:#ddd !important;
}
footer .nav-menu ul a:hover {
 color:#fff !important;
}
/* Social Nav */
footer .social-nav ul {
 list-style: none;
 padding: 0px !important;
 float: left;
}
footer .social-nav ul li {
 float: left;
 margin-right: 5px !important;
}
footer .social-nav ul li a {
 border: 0 !important;
 padding: 0 !important;
}
footer .social-nav li a .fa {
 color: #fff !important;
 width: 35px;
 height: 35px;
 line-height: 35px;
 text-align: center;
 border: 0px;
 border-radius: 100%;
 vertical-align: middle;
 -webkit-transition: all 300ms linear;
 -moz-transition: all 300ms linear;
 -o-transition: all 300ms linear;
 -ms-transition: all 300ms linear;
 transition: all 300ms linear;
}
footer .social-nav li a .fa-facebook {
 background: #3b5a9a;
}
footer .social-nav li a .fa-twitter {
 background: #28a8e0;
}
footer .social-nav li a .fa-instagram {
 background: #d752c1;
}
footer .social-nav li a .fa-youtube {
 background: #d81a1a;
}
/**/
footer .down-app1 {
 display:block;
 width:150px;
 margin-bottom:30px;
}
footer .down-app1 img {
 max-width:100%;
 border:1px solid #fff;
 border-radius:6px;
}
/*footer bar bottom*/
footer .footer-bar-bottom {
 border-top:1px solid rgba(255, 255, 255, 0.2);
 padding:20px 0!important;
}
footer .footer-bar-bottom .copy {
 margin-bottom:0px!important;
 color:#fff
}
footer .footer-bar-bottom .co-name {
 margin-right:5px;
 color:#7dbe00;
 font-weight: 500;
}
footer .footer-bar-bottom .designer {
 margin-bottom:0px!important;
 text-align:right;
 font-size:13px!important;
}
footer .footer-bar-bottom .designer img {
 border: 1px solid #bbbaba;
 border-radius: 100%;
 padding: 2px;
 background: #fff;
}
/**/
  
footer .home-top {
 width: 100%;
 position: absolute;
 top: -22px;
 left: 0;
 z-index: 1;
 cursor: pointer;
}
footer .home-top a {
 width: 50px;
 height: 50px;
 border-radius: 100%;
 display: block;
 margin: auto;
 padding: 12px 2px 5px;
 position: relative;
 background: #88ab2d;
}
footer .home-top a img {
 max-width: 20px!important;
 margin: auto;
 display: block;
 position: relative;
 animation-name: bounceTop;
 animation-duration:1.4s;
 animation-delay:0.2s;
 animation-iteration-count:infinite;
 animation-timing-function:linear;
}
/*go top and down animation */

@keyframes bounceDown {
 0% {
opacity: 1;
transform: translateY(0px);
}
 25% {
opacity: 0;
transform:translateY(10px);
}
 26% {
opacity: 0;
transform:translateY(-10px);
}
 55% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes bounceTop {
 0% {
opacity: 1;
transform: translateY(0px);
}
 25% {
opacity: 0;
transform:translateY(-10px);
}
 26% {
opacity: 0;
transform:translateY(10px);
}
 55% {
opacity: 1;
transform: translateY(0px);
}
}
/*other animation*/
@keyframes rotateMe {
 from {
 transform: rotate(0deg);
}
to {
 transform: rotate(360deg);
}
}
@keyframes animationFramesOne {
 0% {
 transform: translate(0px, 0px) rotate(0deg);
}
 20% {
 transform: translate(73px, -1px) rotate(36deg);
}
 40% {
 transform: translate(141px, 72px) rotate(72deg);
}
 60% {
 transform: translate(83px, 122px) rotate(108deg);
}
 80% {
 transform: translate(-40px, 72px) rotate(144deg);
}
 100% {
 transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes animationFramesTwo {
 0% {
 transform: translate(0px, 0px) rotate(0deg);
}
 20% {
 transform: translate(-73px, 1px) rotate(-36deg);
}
 40% {
 transform: translate(-141px, -72px) rotate(-72deg);
}
 60% {
 transform: translate(-83px, -122px) rotate(-108deg);
}
 80% {
 transform: translate(40px, -72px) rotate(-144deg);
}
 100% {
 transform: translate(0px, 0px) rotate(0deg);
}
}
@keyframes rotate3d {
 0% {
 transform: rotateY(0deg);
}
 100% {
 transform: rotateY(360deg);
}
}
@keyframes moveScale {
 0% {
 transform: scale(0.6);
}
 50% {
 transform: scale(0.8);
}
 100% {
 transform: scale(0.6);
}
}
@keyframes moveLeftBounce {
 0% {
 transform: translateX(0px);
}
 50% {
 transform: translateX(20px);
}
 100% {
 transform: translateX(0px);
}
}
@keyframes moveBounce {
 0% {
 transform: translateY(0px);
}
 50% {
 transform: translateY(20px);
}
 100% {
 transform: translateY(0px);
}
}

@-webkit-keyframes nav-animate {
 0% {
opacity: 0;
-webkit-transform: translateY(-2em);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes nav-animate {
 0% {
opacity: 0;
-moz-transform: translateY(-2em);
}
 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}