@import url('https://fonts.googleapis.com/css?family=Pacifico'); h1, .h1 { font-family: 'Pacifico', cursive; font-size: 1.2em; } h1 { color:#b5c49b; font-size: 2.6em; margin: 0 0 16px 0; } h1.small-h1 { font-size: 2em; } h2 { margin: 0 0 10px 0; font-weight: 500; } h3.h3 { font-family: 'Pacifico', cursive; font-size: 1.6em; color:#b5c49b; margin-bottom: 25px; } h3 { margin: 0 0 10px 0; font-weight: 400; } #header #topNav a.logo > img.fixed_top { display: inline-block; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #header #topNav a.logo > img.fixed_scroll { display: none; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #header.fixed #topNav a.logo > img.fixed_top { display: none; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } #header.fixed #topNav a.logo > img.fixed_scroll { display: inline-block; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } div.heading-title { margin-bottom: 20px; } .text-success{ color:#b5c49b !important } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { background-color: #b5c49b !important; } ul { margin-bottom: 30px; margin-left: 0px; } div.side-nav ul > li.active > a{ color:#fff !important; } .list-group-item:first-child { border-top-right-radius: 0px; border-top-left-radius: 0px; } .list-group-item:last-child { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .alert-success, #footer > .copyright { background-color: rgba(181, 196, 155, 0.45); } .text-muted { color: #424242; } p { color: #424242; font-size: 15px; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: top; } .table > thead > tr:first-child > td, .table > tbody > tr:first-child > td{ border: none; } .table > tbody > tr > td > p { margin-bottom: 0px; } hr { border-top:1px solid #e5e5e5; } .right-line > div { border-right: 1px solid #e5e5e5; } .right-line > div:last-child { border-right: none; } .btn-primary:active:hover, .btn-primary.active:hover { background-color: #b3cda6; border-color: #b3cda6; } .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination > .active > a, .pagination > .active > a:hover { background-color: #b3cda6; border-color: #b3cda6; } div.heading-title p { font-weight: 400; } .form-control { border: #b5c49b 1px solid; } .btn-sm { font-size: 14px; } .btn { font-size: 16px; } .btn-text-500{ font-weight: 600; } .btn-text-400{ font-weight: 500; } div.shop-item-buttons .btn-xs { font-size: 13px; } #header li.quick-cart .quick-cart-box { padding-bottom: 0; border: 1px solid #9ca985; } form input.form-control, form select.form-control, form textarea.form-control { padding: 8px 10px; } form .row { margin-bottom: 10px; } form .select2-container .select2-selection--single .select2-selection__rendered { padding: 12px 20px; height: 45px; } @media only screen and (max-width: 768px) { section div.row>div { margin-bottom:20px; } .pull-left-xs { float: left !important; } section.page-header.page-header-xlg { padding: 50px 0 50px 0; } section { padding-top: 20px ; } .shop-item-image { padding-left: 40px; padding-right: 40px; } .owl-carousel.zoom-more a > img { opacity: 1; } .owl-carousel.owl-padding-3 .owl-item a { padding: 0 30px; } } @media only screen and (max-width: 340px) { #header.fixed #topNav a.logo > img { height: 40px; } } @-webkit-keyframes burst { 0% { opacity: 1 } 75% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 1 } 85% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0 } 100% { opacity: 0 } } @keyframes burst { 0% { opacity: 1 } 75% { -webkit-transform: scale(1.6); transform: scale(1.6); opacity: 1 } 85% { -webkit-transform: scale(1.7); transform: scale(1.7); opacity: 0 } 100% { opacity: 0 } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; margin-left: 3px; margin-right: 3px } .faa-burst.animated-hover.faa-fast:hover, .faa-burst.animated.faa-fast, .faa-parent.animated-hover:hover > .faa-burst.faa-fast { -webkit-animation: burst 1s infinite linear; animation: burst 1s infinite linear } .faa-burst.animated-hover.faa-slow:hover, .faa-burst.animated.faa-slow, .faa-parent.animated-hover:hover > .faa-burst.faa-slow { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear } /* HORIZONTAL */ @-webkit-keyframes horizontal { 0% { -webkit-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); transform: translate(0,0); } } @keyframes horizontal { 0% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 6% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 12% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 18% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 24% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } 30% { -webkit-transform: translate(5px,0); -ms-transform: translate(5px,0); transform: translate(5px,0); } 36% { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } } .faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal { -webkit-animation: horizontal 4s ease infinite; animation: horizontal 4s ease infinite; } /* BOUNCE */ @-webkit-keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 10%, 20%, 50%, 80% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .faa-bounce.animated, .faa-bounce.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-bounce { -webkit-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite; } /* SPIN */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); -ms-transform: rotate(359deg); transform: rotate(359deg); } } .faa-spin.animated, .faa-spin.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-spin { -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } /* FLOAT */ @-webkit-keyframes float { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes float { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .faa-float.animated, .faa-float.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-float { -webkit-animation: float 2s linear infinite; animation: float 2s linear infinite; } /* PULSE */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes pulse { 0% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } } .faa-pulse.animated, .faa-pulse.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-pulse { -webkit-animation: pulse 2s linear infinite; animation: pulse 2s linear infinite; } /* SHAKE */ .faa-shake.animated, .faa-shake.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-shake { -webkit-animation: wrench 2.5s ease infinite; animation: wrench 2.5s ease infinite; } /* TADA */ @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(.9) rotate(-8deg); -ms-transform: scale(.9) rotate(-8deg); transform: scale(.9) rotate(-8deg); } 30%, 50%, 70% { -webkit-transform: scale(1.3) rotate(8deg); -ms-transform: scale(1.3) rotate(8deg); transform: scale(1.3) rotate(8deg); } 40%, 60% { -webkit-transform: scale(1.3) rotate(-8deg); -ms-transform: scale(1.3) rotate(-8deg); transform: scale(1.3) rotate(-8deg); } 80% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .faa-tada.animated, .faa-tada.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-tada { -webkit-animation: tada 2s linear infinite; animation: tada 2s linear infinite; } /* PASSING */ @-webkit-keyframes passing { 0% { -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } @keyframes passing { 0% { -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; } 50% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; } 100% { -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); opacity: 0; } } .faa-passing.animated, .faa-passing.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-passing { -webkit-animation: passing 3s linear infinite; animation: passing 3s linear infinite; } /* WAVE */ @-webkit-keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } @keyframes burst { 0% { opacity: .6; } 50% { -webkit-transform: scale(1.8); -ms-transform: scale(1.8); transform: scale(1.8); opacity: 0; } 100% { opacity: 0; } } .faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst { -webkit-animation: burst 3s infinite linear; animation: burst 3s infinite linear; }