@charset "UTF-8";
@font-face {
font-family: 'Catamaran-Regular';
src: url(//lacocinadekeyla.es/wp-content/themes/shopline/fonts/Catamaran-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}  
@font-face {
font-family: 'Catamaran-Bold';
src: url(//lacocinadekeyla.es/wp-content/themes/shopline/fonts/Catamaran-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Catamaran-SemiBold';
src: url(//lacocinadekeyla.es/wp-content/themes/shopline/fonts/Catamaran-SemiBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Poppins-Regular';
src: url(//lacocinadekeyla.es/wp-content/themes/shopline/fonts/Poppins-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(//lacocinadekeyla.es/wp-content/themes/shopline/fonts/material-font.woff2) format('woff2');
}
html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}
body {
background-color: #fff;
font-family:"Catamaran-Regular", sans-serif;
color:#080808;
font-size: 16px;
line-height: 22px;
margin:0px;
letter-spacing: 0.4px;
height: 100%!important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased; 
-moz-osx-font-smoothing: grayscale; 
text-rendering: optimizeLegibility; 
-moz-font-feature-settings: "liga" on; 
}
section#category_section.parallax, section#ribbon_section.parallax, section#featured_product_section.parallax, section#testimonial_section.parallax, section#aboutus_section.parallax, section#post_section.parallax, section#best_sell_section.parallax, section#brand_section.parallax, footer#footer-wrp.parallax, #hero-image.parallax, section#featured_product_section1.parallax, #slider-div li.parallax, .parallax .page-head-image{
-webkit-backface-visibility: hidden;
}
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, blockquote, th, td {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
font-family:"Catamaran-Regular", sans-serif;
color: #080808;
font-weight:500;
letter-spacing: 1px;
}
code {
white-space: pre-wrap;
}
h1 {
font-size: 44px;
line-height:54px;
}
h2 {
font-size: 38px;
line-height:48px;
}
h3 {
font-size: 34px;
line-height:44px;
}
h4 {
font-size: 30px;
line-height:40px;
}
h5 {
font-size: 26px;
line-height:36px;
}
h6 {
font-size: 22px;
line-height:32px;
}
:focus {
outline: none;
}
input[type="submit"]{
cursor: pointer;
}
cite, em, i {
font-style: italic;
}
table {
border-collapse: collapse;
border-spacing: 0;
margin: 0 0 1.5em;
width: 100%;
}
caption, th, td {
text-align: left;
}
th, td {
border: 1px solid #EAEAEA;
padding: 6px 10px;
}
th {
font-weight: bold;
}
dl {
margin-bottom: 24px;
font-size: 18px;
}
dt {
font-weight: bold;
margin-bottom: 5px;
}
strong {
font-weight: bold;
}
address {
display: block;
font-style: italic;
margin: 0 0 15px;
}
p {
font-family: "Catamaran-Regular", sans-serif;
color: #404040;
line-height: 26px;
font-size: 15px;
letter-spacing: .6px;
}
a {
font-family:"Catamaran-Regular", sans-serif;
color: #666666;
text-decoration: none!important;
cursor: pointer;
}
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
ul li, ul {
list-style-type: none;
margin:0;
padding:0;
}
input, textarea, select{
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;   
-webkit-border-radius: 0; 
-moz-border-radius: 0;
border-radius: 0;
}
input[type="radio"]{
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
.clearfix {
margin-top:0;
padding: 0;
}
.clearfix:after,.clearfix:before, .container:after,.container:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before{display:table;content:" "}.clearfix:after, .container:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after{clear:both}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
.home .container, .home #page, .container, #page{
max-width:1200px;
min-width:250px;
margin-right: auto;
margin-left:auto;
position:relative;
clear:both;
}
.wp-caption, .gallery-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.alignnone {
margin: 5px 20px 20px 0;
} .gallery img {
box-shadow: 0px 0px 4px #999;
border: 1px solid white;
padding: 8px;
background: #f2f2f2;
}
.gallery img:hover {
background: white;
}
.gallery-columns-2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.gallery-columns-3 {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.gallery-columns-4 {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
.gallery-columns-5 {
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
.gallery-columns-6 {
-webkit-column-count: 6;
-moz-column-count: 6;
column-count: 6;
}
.gallery-columns-7 {
-webkit-column-count: 7;
-moz-column-count: 7;
column-count: 7;
}
.gallery-columns-8 {
-webkit-column-count: 8;
-moz-column-count: 8;
column-count: 8;
}
.gallery-columns-9 {
-webkit-column-count: 9;
-moz-column-count: 9;
column-count: 9;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0 0 0.5em;
}
pre {
background: #F7F7F7;
font-size: 16px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
margin: 20px 0;
padding: 25px;
font-family: 'Roboto-Light',sans-serif;
}
.page-description blockquote {
margin: 20px 0px;
padding: 15px 10px 15px 25px;
font-size: 1.4rem;
line-height: 2.8rem;
word-spacing: .05rem;
letter-spacing: .025rem;
background-color: #F7F7F7;
border-left: 0.3rem solid 
#e7c09c;
}
.page-description ul li, .page-description ul
{
list-style-type:inherit;
margin: 0;
padding: 0;
margin: .5em;
margin-left: 15px; 
}
.page-description ol li, .page-description ol{
padding: 0;
margin: .5em;
margin-left: 15px;
} .overlayloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0; background-color: #080808;
z-index: 99999;
height: 100%;
width: 100%;
overflow: hidden !important;
}
.pre-loader,
.pre-loader:before,
.pre-loader:after {
background: #fff;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 8px;
height: 4em;
}
.pre-loader {
color: #fff;
text-indent: -9999em;
position: absolute;
font-size: 11px;
top:48%;
left: 50%;
margin: 0px 0px 0px 0px;
display: block;
background-position: center;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.pre-loader:before,
.pre-loader:after {
position: absolute;
top: 0;
content: '';
}
.pre-loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.pre-loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
}
@keyframes load1 {
0%,
80%,
100% {
box-shadow: 0 0;
height: 4em;
}
40% {
box-shadow: 0 -2em;
height: 5em;
}
} header {
width: 100%;
position: relative;
top: 0;
left: 0;
z-index:999;
padding:0px 0px;
background-color: rgba(255, 255, 255,1);
}
header.shrink{
position: fixed;  
padding: 0px 0px;
background-color: rgba(255, 255, 255,1);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.logged-in header.shrink{
margin-top:32px;
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}   .svg-top-container{   
margin-top:-100px !important;
margin-bottom: 0px !important;
height: 100px;
width: 100%;
position: absolute;
z-index: 4;
fill: #fff;
}
.svg-top-container svg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.footer-wrapper .svg-top-container{
fill:#232531;
}
.testimonial_wrapper .svg-top-container{
fill:#e7e8e9;
}
.blog-wrapper .svg-top-container{
fill:#e7e8e9;
}    .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.sticky {}.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.bypostauthor {}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .gallery {
margin-left: -0.5em;
margin-right: -0.5em;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
margin: 0;
float: left;
padding:1%;
}
.gallery-item img {
width: 100%;
height: auto;
}
.gallery-columns-1 .gallery-item {
width: 100%;
float: none;
}
.gallery-columns-2 .gallery-item {
width: 48%
}
.gallery-columns-3 .gallery-item {
width: 31.333%;
}
.gallery-columns-4 .gallery-item {
width: 23%;
}
.gallery-columns-5 .gallery-item {
width: 18%;
}
.gallery-columns-6 .gallery-item {
width: 14.666%;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}  header.header-static{
position:relative;
}
.home header.header-static.hdr-transparent, header.header-static.hdr-intrnl-transparent{
position:absolute;
}
header.header-static.shrink{
padding: 5px 0px;
}
.home header.hdr-transparent {
background-color:transparent;
position:fixed;
}
header.hdr-intrnl-transparent{
background-color: transparent;
position: fixed;
}
.home header.hdr-transparent.shrink {
background-color:rgba(255, 255, 255,1);
margin: 0; 
}
.home header.header-hide{
display:none;
}
.home header.header-hide.shrink{
display:block;
} .last-btn #menu >li:last-child > a{
background:#e7c09c;
padding: 8px 20px;
margin-top: 19px;
color:#fff;
border:1px solid #e7c09c;
}
.last-btn.shrink #menu >li:last-child > a{
background:transparent;
color:#e7c09c;
}
.last-btn #menu >li:last-child.menu-item-has-children > a:before{
top: 58.5%;
background-color:#fff;
}
.last-btn #menu >li:last-child.menu-item-has-children > a:after{
top: 62.5%;
background-color:#fff;
}
.last-btn.shrink #menu >li:last-child.menu-item-has-children > a:after,.last-btn.shrink #menu >li:last-child.menu-item-has-children > a:before{
background:#e7c09c;
} .top-right ul{
display: inline-flex; 
}
.top-right ul li{
padding:20px 10px 20px 20px; 
}
.top-right a{
color:#fff; 
}
.top-right li span{
color:#fff;
padding-left:5px; 
}
.header-wrapper .logo{
width:200px;
}
.header-wrapper .logo img{
max-width:100%;
height:auto;
}
.header-wrapper .title-desc{
display:inline-block;
margin-top: 18px;
float:left;
width: 20%;
}
h1.site-title{
font-size:24px;
line-height:28px;  
}
h1.site-title a{
color:#080808;
}
p.site-description{
font-size:14px;
} .title-desc .customize-partial-edit-shortcut button,
.title-desc .widget .customize-partial-edit-shortcut button, 
.hot-deal-block .customize-partial-edit-shortcut button,
.hot-deal-block .widget .customize-partial-edit-shortcut button, 
#aboutus_section p .customize-partial-edit-shortcut button,
#aboutus_section p .widget .customize-partial-edit-shortcut button,
#aboutus_section h3 .customize-partial-edit-shortcut button,
#aboutus_section h3 .widget .customize-partial-edit-shortcut button,
#hot_sell_section .customize-partial-edit-shortcut button,
#hot_sell_section .widget .customize-partial-edit-shortcut button,
.footer-bottom-left .customize-partial-edit-shortcut button,
.footer-bottom-left .widget .customize-partial-edit-shortcut button  {
left: 0px;
} #shopmain .menu-wrapper{
float: left;
padding:0px 14px 0px 14px;
display: inline-block;
text-align: center;
line-height: 0px;
}
#shopmain .navbar{
float:right;
}  .cart-widget{
float:left;
position: relative;
top: 7px;
}
.cart-widget .fa-shopping-cart, .header-extra .fa-heart{
font-size:18px;
color:#080808;
}
.cart-widget .cart-crl{
background:#e7c09c;
border-radius: 50%;
height:20px;
width:20px;
line-height: 20px;
font-size:10px;
text-align:center;
color:#fff;
position: absolute; 
top: -8px;
left: 27px;
}
.cart-icon{
display: block;
text-decoration: none;
color: inherit;
position: absolute;
width: 22px;
height: 16px;
z-index: 9999;
border-bottom: 2px solid;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transition-property: color, border;
-moz-transition-property: color, border;
transition-property: color, border;
color: #575757;
right: 0px;
top: 2px;
left: 48px;
}
.cart-icon:before {
content: '';
display: inline-block;
width: 100%;
border-bottom: 2px solid;
position: absolute;
left: 0;
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
.cart-icon:after{
content: '';
top:50%;
display: inline-block;
width: 100%;
border-bottom: 2px solid;
position: absolute;
left: 0;
-webkit-transition: transform 0.5s ease-in-out;
-moz-transition: transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
.header-wrapper .title-desc{
width: 20%;
}
.header-extra {
width: 20%;
}
.menu-wrapper{
width:60%;
}
.header-extra{
display: inline-block;
float: right;
}
.header-extra .top-list a.tooltip, 
.header-extra .top-list a.cart-contents{
padding: 27px 10px;
}
.header-extra .tooltip .tooltiptext {
top:100%;
}
.header-extra ul.hdr-icon-list{
float:right;
}
.header-extra ul.hdr-icon-list li.top-list{
display:inline-block;
}
.header-extra ul.hdr-icon-list li.accnt a.logged-in:before {
content: "\f007";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size:18px;
color:#000;
}
.header-extra ul.hdr-icon-list li.accnt a.logged-out:before {
content: "\f023";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size:21px;
color:#000;
}
.header-extra ul.hdr-icon-list li.accnt a span{
display:none;
}
.header-extra a.cart-count{
width: 35px;
display: block;
}  .sidenav {
height:auto;
display:none;
width: 300px;
position: fixed;
z-index: 99;
right: 8px;
margin-top:27px;
background-color: #fff;
padding-top: 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.22);
-moz-box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.22);
box-shadow: 0px 0px 5px 0px rgba(8, 8, 8, 0.22);
}
.sidenav a {
text-decoration: none;
font-size: 18px;
color: #818181;
display: block;
transition: 0.2s; 
}
.offcanvas a:focus{
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 18px;
font-size: 36px;
}
#shopmain {
padding:0px;
margin:0px;
}
#accordion ul {
padding:0;
margin:0;
list-style:none;
}
#accordion ul ul {
margin:0 20px;
}
#accordion li {
padding: 0;
margin:0;
overflow:hidden;
}
#accordion{
padding:20px;
max-height: 550px;
overflow-y: auto;
overflow-x: hidden;
}
#accordion::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#search-box{
visibility: visible;
}
#accordion::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
#accordion::-webkit-scrollbar-thumb
{
background-color: #7c7c80;
border: 2px solid #555555;
}
#accordion .sidebar-quickcart p.buttons a, 
.widget p.buttons a{
border: 2px solid #e7c09c;
display: inline-block;
padding: 8px 12px;
color: #fff;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
line-height: 16px;
}
#accordion .sidebar-quickcart p.buttons a{
background: #e7c09c; 
}
.widget p.buttons a{
background: transparent;
}
#accordion .sidebar-quickcart p.buttons a.checkout{
border: 2px solid #080808;
background: #080808;
}
#accordion .sidebar-quickcart p.buttons a:hover{
border: 2px solid #dda673;
background:transparent;
}
#accordion .sidebar-quickcart p.buttons a.checkout:hover{
border: 2px solid #000;
background: #000;
}
.sidebar-quickcart .mini_cart_item a, 
.widget .mini_cart_item a{
line-height:21px;
margin: 10px 0px;
}
.sidebar-quickcart .mini_cart_item a.remove, .widget .mini_cart_item a.remove{
background: none;
font-size: 20px;
height: 0.8em;
}
.sidebar-quickcart .mini_cart_item a.remove:hover, 
.widget .mini_cart_item a.remove:hover{
background: none;
opacity:1; 
}
.sidenav a:hover {
color: #dda673; 
}
#accordion .sidebar-quickcart .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
display: block;
font-weight: 300;
font-size: 15px;
}
#accordion .sidebar-quickcart p.total{
margin-top:10px;  
}
#accordion li {
margin-bottom: 20px;
}
.sidebar-quickcart .mini_cart_item a.remove, .widget .mini_cart_item a.remove{
float:right;
margin-left:10px;
display: block;
line-height:23px;
}
.quantity span{
font-size:12px;
font-family: "Poppins-Regular", sans-serif;
}
.woocommerce #mySidenav ul.cart_list li img, .woocommerce .widget ul.cart_list li img{
float: left;
margin-left: 0px;
margin-right: 10px;
width: 50px;
height: auto;
box-shadow: none;
}
.sidebar-quickcart .mini_cart_item a, .widget .mini_cart_item a{
line-height: 21px;
margin: 8px 0px;
}
#accordion .sidebar-quickcart p.total, .widget p.total {
margin: 0px;
border-top: 2px solid rgba(187, 187, 187, 0.32);
padding-top: 20px;
padding-bottom: 10px;
}
.widget p.total {
margin-top: 20px;
}
#accordion li {
position:relative;
}
#mySidenav a.checkout{
float:right;
}
.sidenav{
-webkit-animation: fadeIn .8s; 
-webkit-animation-fill-mode: both; 
animation: fadeIn .8s;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
} #accordion .caret:before {
content: "\f196";
font-family: FontAwesome;
color: #818181;
font-size:18px;
font-weight: 500;
cursor:pointer;
float:right;
padding:8px;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#accordion .caret.active:before {
content: "\f147";
font-family: FontAwesome;
color: #818181;
font-size:18px;
font-weight: 500;
float:right;
padding:8px;
cursor:pointer;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#accordion li {
-ms-user-select:none;
-mos-user-select:none;
-webkit-user-select:none;
-o-user-select:none;
user-select:none;
}
.sidenav a{
display:inline-block;
}
.closebtn1{
padding: 20px 0px 0px 0px;
z-index:5;
width: 30px;
height: 40px;
}
#closebtn1:hover {
opacity: 1;
}
#closebtn1:before, #closebtn1:after {
position: absolute;
left: 15px;
content: ' ';
height: 20px;
width: 2px;
background-color: #575757;
}
#closebtn1:before {
transform: rotate(45deg);
}
#closebtn1:after {
transform: rotate(-45deg);
}
.woocommerce #accordion ul.cart_list li dl,
.woocommerce #accordion ul.product_list_widget li dl,
.woocommerce #footer-wrp  ul.cart_list li dl,
.woocommerce #footer-wrp ul.product_list_widget li dl{
position:absolute; 
right: 0px;
border-left: none;
}
.woocommerce #accordion ul.cart_list li dl dt, 
.woocommerce #accordion  ul.product_list_widget li dl dt,
.woocommerce #footer-wrp ul.cart_list li dl dt, 
.woocommerce #footer-wrp  ul.product_list_widget li dl dt,
.woocommerce td.product-name dl.variation dt
{
font-weight: normal;
}
#accordion .variation-color p,
#footer-wrp .variation-color p, 
.woocommerce td.product-name .variation-color p{
font-size:13px;
line-height: 21px;
}
.woocommerce .amount{
font-family:"poppins-regular", sans-serif;
}
.single-product.woocommerce #page .content-wrapper{
padding-top:40px;
}
.single-product.woocommerce #page .sidebar{
margin-top:40px;  
}
header.woocommerce-products-header{
display:none;  
}  .hero-wrap.txt-left .container_caption{
text-align:left;
}
.hero-wrap.txt-right .container_caption{
text-align:right;
}
.hero-wrap .container_caption {
display: table;
text-align: center;
width: 100%!important;
max-width: 100%;
height:100%;
display:flex;
flex-direction: column;
justify-content: center;
}
.hero-wrap .container_caption h2 a {
color: #fff;
z-index: 2;
text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 60px;
line-height: 79px!important;
font-family: "Catamaran-bold", sans-serif;
animation: fadeIn 2s ease-in both;
animation-delay: 2s;
}
.hero-wrap .container_caption p {
color: #fff;
width: 100%;
font-size: 22px;
font-family: "Catamaran-semibold", sans-serif;
padding: 25px 0px;
display: inline-block;
animation: fadeIn 2.2s ease-in both;
animation-delay: 2.2s;
}
.hero-wrap .container_caption a.slider-button {
border: 2px solid #fff;
text-transform: uppercase;
display: inline-block;
padding: 14px 20px;
margin-top: 20px;
background: none;
color: #fff;
letter-spacing: 1.3px;
line-height: normal;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
animation: fadeIn 2.5s ease-in both;
animation-delay: 2.5s;
}
.hero-wrap .container_caption a.slider-button:hover {
border: 2px solid #fff;
color: #e7c09c;
background: #fff;
}
#hero-color,#hero-image{
position: relative;
width: 100% !important;
background-size: cover !important;
background-repeat: no-repeat!important;
background:#7D7D7D;
height:100vh;
}
#hero-gradient{
position: relative;
width: 100% !important;
background-size: cover !important;
background-repeat: no-repeat!important;
background: -moz-linear-gradient(-45deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%);
background: linear-gradient(135deg, rgba(26, 187, 197, 1) 0%, rgba(26, 187, 197, 1) 41%, rgba(45, 188, 129, 1) 56%, rgba(45, 188, 129, 1) 100%);
height:100vh;
}
#hero-video{
overflow: hidden; 
position: relative;
width: 100% !important;
padding-top: 0px;
padding-bottom: 0px;
height:100vh;
}
#hero-video video{
position:absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); 
background-size: cover;
transition: 1s opacity;
}
.page-head.video{
overflow: hidden; 
position: relative;
width: 100% !important;
padding-top: 0px;
padding-bottom: 0px;
height:420px;
}
.page-head.video video{
position:absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); 
background-size: cover;
transition: 1s opacity;
} .logged-in.customize-partial-edit-shortcuts-shown .fadein-slider{
margin-top:0px;
}
.fadein-slider { 
width:100%; 
height:420px; 
position:absolute; 
left: 0; 
}
.fadein-slider .slide-item { 
position:absolute; 
height: 100%; 
left:0; 
top:0;  
width: 100% !important;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat
}
.parallax .slide-item{
background-attachment: fixed;
} .hero-wrap.txt-media-left .container_caption {
text-align: left;
}
.hero-wrap.txt-media-left .align-wrap{
display:block;
width:100%;
}
.hero-wrap.txt-media-left .align-wrap .content-align{
display:inline-block;
width:65%;
vertical-align: middle;
text-align: right;
}
.hero-wrap.txt-media-left .align-wrap .image-align{
display:inline-block;
width:30%;
vertical-align: middle;
}
.hero-wrap.txt-media-right .container_caption {
text-align: right;
}
.hero-wrap.txt-media-right .align-wrap{
display:block;
width:100%;
}
.hero-wrap.txt-media-right .align-wrap .content-align{
display:inline-block;
width:65%;
vertical-align: middle;
text-align: left;
}
.hero-wrap.txt-media-right .align-wrap .image-align{
display:inline-block;
width:30%;
vertical-align: middle;
} @media screen and (-moz-os-version){ 
.submit_1{
bottom: 1px;
top: 1px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .submit_1{
bottom: 2px;
top: 2px;
} ::i-block-chrome,.submit_1{
bottom: 0px;
top: 0px;
} 
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.submit_1{
bottom: 0px;
top: 0px;
} 
}   #search-btn{
padding: 27px 10px;
font-size:18px;
}
#search-btn:hover{
cursor: pointer; 
}
#search-overlay{
display:none;
}
.block {
position: fixed;
top: 0;
right: 0;
bottom:0 ;
left: 0;
overflow: auto;
text-align: center;
background:rgba(255,255,255,.9);
border: #a0a0a0 solid 1px;
margin: 0;
height: 100vh;
}
.block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 0;  }
.centered {
display: inline-block;
width: 50%;
padding: 10px 15px;
color: #dd3333;
border: none;
background: transparent;
}
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-text {
font-size: 14px;
color: #080808;
border-width: 0;
background: transparent;
}
.woocommerce-product-search input::-webkit-input-placeholder { color: #080808;
}
.woocommerce-product-search input::-moz-placeholder { color: #080808;
}
.woocommerce-product-search input:-ms-input-placeholder { color: #080808;
}
.woocommerce-product-search input:-moz-placeholder { color: #080808;
}
#search-box input[type="text"] {
background-color: transparent;
border: 0;
border-bottom: 2px solid #080808;
text-align: initial;
font-size: initial;
padding: 10px;
transition: all .3s ease-out;
max-width: 100%;
background: transparent;
-webkit-appearance: none;
border-radius: 0;
}
.thaps-preloader {
width: initial;
}
*:focus {
outline: 0;
}
#search-button{
display: block;
right: 5px;
border: 0;
color: #080808;
background: none;
padding: 0;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#shopmain .centered select#product_cat{
-webkit-appearance: menulist;
-moz-appearance:menulist;
-appearance: menulist;
}
#search-btn1 {
font-size: 24px;
}
#close-btn{
display: block;
text-decoration: none;
color: inherit;
position: absolute;
top: 20%;
right: 26%;
width: 30px;
height: 30px;
z-index: 9999;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-webkit-transition-property: color,border;
-moz-transition-property: color,border;
transition-property: color,border;
color:#080808;
padding: 15px;
}
#close-btn:hover,#search-btn1:hover{
color: #e7c09c;
cursor: pointer;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-transition-property: color,border;
-moz-transition-property: color,border;
}
#close-btn:before, #close-btn:after {
content: '';
display: inline-block;
width: 100%;
border-bottom: 2px solid;
position: absolute;
left: 0;
-webkit-transition: transform .5s ease-in-out;
-moz-transition: transform .5s ease-in-out;
transition: transform .5s ease-in-out;
}
#close-btn:before {
transform: rotateZ(45deg);
}
#close-btn:after {
transform: rotateZ(-45deg);
}
#shopmain select#product_cat{
border:0;
width:150px;
position:absolute;
color:#080808;
font-size:20px;
padding:0;
margin:0;
}
#shopmain .widget select#product_cat,#shopmain .widget select{
-webkit-appearance: menulist-button;
-moz-appearance:menulist-button;
-appearance: menulist-button;
}
a.plugin-active-msg{
color: #dd3333 !important;
font-size: 20px;
}   #featured_product_section1 .block-heading,
#featured_product_section .block-heading {
text-align: center;
padding-bottom: 10px;
} .block-heading{
text-align:center; 
padding-bottom: 30px;
width: 80%;
margin: 0 auto;
}
.block-heading h2{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
}
.block-heading p{
font-size: 18px;
line-height: 28px;
letter-spacing: 1px;
}
.block-heading .heading-border, .vedio-ribbon .heading-border{
width: 100px;
height: 2px;
background-color: #e7c09c;
margin:0 auto;
margin-top: 20px;
margin-bottom: 20px;
}  .page-template-home-template section{
padding-top: 65px; 
padding-bottom: 65px;
position: relative;
}
.imagecat-block {
display: block;
float: left;
width: 100%;
}
#category_section .block-heading .heading-border{
background-color: #e7c09c;
}
#category_section .block-heading p{
color: #666666;  
} .cat-grid .catli{
overflow: hidden;  
display:block;
}
.cat-grid .catli figure.cat-img * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
overflow:hidden;
}
.cat-grid .catli figure.cat-img img {
max-width: 100%; 
position: relative;
overflow: hidden; 
vertical-align: middle;
}
.cat-grid .catli figure.cat-img figcaption p {
font-size: 13px;
color: #fff;
line-height: 20px;
letter-spacing: 1.5px;
}
.cat-grid .catli figure.cat-img figcaption .caption-heading{
background: rgba(0, 0, 0, 0.71);
bottom: 10%;
position: absolute;
padding:10px 15px;
}
.cat-grid .catli figure.cat-img a {
left: 0;
right: 0;
top: 0;
bottom: 0;
position: absolute;
}
.cat-grid .catli figure.cat-img:hover .caption-heading{
background: #dda673;
}
.imagecat-block .owl-dots .owl-dot span {
background: #bbb;
}
#category_section .catli:hover .fig-img img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
}
#category_section .fig-img img{
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
#category_section .cat-grid .catli figure{
position: relative;
width: 100%;
background:none;
}  ul.cat-grid li.catli{
float:left;
width:33.33%;
padding:12px;
}   .vedio-ribbon{
overflow: hidden; 
position: relative;
width: 100% !important;
padding-top: 0px;
padding-bottom: 0px;
}
#ribbon_section:before , #da-slider:before, 
#category_section:before, #featured_product_section:before, 
#testimonial_section:before,#aboutus_section:before,
#post_section:before, #best_sell_section:before, #brand_section:before, 
#slider-div .slides li:before, #footer-wrp:before,#hero-image:before,#hero-video:before,
#featured_product_section1:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
z-index: 0;
background: rgba(0, 0, 0, 0);
}
.vedio-ribbon .over-lay {
background:rgba(36, 39, 53, 0.63);
top: 0px;
width: 100%;
z-index: 2;
height: 100%;
}
.vedio-ribbon video {
position:absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); 
background-size: cover;
transition: 1s opacity;
}
.vedio-ribbon .title-wrap{
display: table;
height: 100%;
width: 100%;
margin: 0 auto;
top: 0;
position: relative;
}
.vedio-ribbon .title-wrap .video-title{
width:100%;
max-width: 800px;
display: table-cell;
vertical-align: middle;
text-align:center;
}
.vedio-ribbon .video-title h2 {
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
color:#fff;
text-align: center;
}
.vedio-ribbon .video-title p{
font-size: 18px;
line-height: 28px;
color:#FFF;
text-align: center;
}
.vedio-ribbon .video-title a.btn-video{
display: inline-block;
background:#d4054f;
color:#fff;
padding:10px 20px;
margin-top:25px;
}
#play-video i.fa{
color:#fff; 
}  #featured_product_section .featured-block{
display: block;
float: left;
width: 100%;
}
#featured_product_section .block-heading{
padding-bottom: 30px;
}
#featured_product_section .block-heading .heading-border{
background-color: #e7c09c;
}
.featured-filter{
width: 80%;
margin: 0 auto;
}
.featured-filter a{
font-size:17px;
padding:4px 15px;
border-radius:20px;
border:1px solid #a8a8a8;
margin:5px 5px; 
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#featured_product_section .featured-filter ul li{
padding:0em 1.4em;
display: inline;
}
#featured_product_section .owl-nav .owl-prev{
position:absolute;
left:-15px;
top:5px;
font-size:0;
}
#featured_product_section .owl-nav .owl-next {
position:absolute;
right:-15px;
top:5px;
font-size:0;
}
#featured_product_section .owl-nav .owl-prev:before{
content: "\f104";
font-family: FontAwesome;
font-size: 21px;
color: #e7c09c;
}
#featured_product_section .owl-nav .owl-next:before{
content: "\f105";
font-family: FontAwesome;
font-size: 21px;
color: #e7c09c;
}
#featured_product_section .owl-theme .owl-controls,
#featured_product_section .featured-filter .item a.button {
margin-top:0px;
}
#featured_product_section .owl-carousel .owl-stage {
margin:0 auto;
}
#featured_product_section .owl-stage {
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: box;
}
.woocommerce #featured_product_section .featured-filter a.button{
font-size: 16px;
margin: 0;
line-height: 0;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 1em 0em;
font-weight: 300;
border-radius: 0px;
color: #7c7c80;
border: none;
font-family:"Catamaran-SemiBold", sans-serif;
background-color: transparent;
text-transform: capitalize;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.woocommerce #featured_product_section .featured-filter a.button:hover,
.woocommerce #featured_product_section .featured-filter a.button.current{
color:#e7c09c;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.featured-filter a:hover:after,
.featured-filter a.current:after {
left: 0;
width: 100%;
background-color: #e7c09c;
}
.featured-filter a:after {
-webkit-transition: all .5s;
transition: all .5s;
content: '';
position: absolute;
right: 0;
bottom: 0px;
width: 0px;
height: 2px;
background-color: #ccc;
}
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope,
.isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
}
.featured-block ul li, .featured-block ul {
list-style-type: none;
margin: 0;
padding: 0;
}
ul.featured-grid li.featured-list:nth-of-type(4n+1) {
clear:left;
}
ul.featured-grid li.featured-list {
width: 25%;
padding:20px;
float: left;
position: relative;
}
.product-block .image {
display: block;
position: relative;
text-align: center;
overflow: hidden;
background: #ededed;
}
.product-block .image img {
height: auto;
width: 100%;
}
.product-block img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
.product-block figure {
margin: 0;
}
.featured-grid .product-block{
text-align:center;
position: relative;
}
.featured-grid .product-block:hover .product-image img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
opacity:0.95;
}
.featured-grid .product-block .product-image img{
-moz-transition: all 0.6s;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.featured-grid .icons{
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
letter-spacing:2px;
}
.featured-grid .add-cart{
display:inline-block;
opacity:1;
}
.featured-grid .add_to_wishlist a, 
.featured-grid .add_to_wishlist,
.featured-grid .quick-view a{
color:#fff;
}
.featured-grid .add_to_wishlist_a{
display: inline-block;
background: #232531;
opacity:1;
}
.featured-grid a.add_to_wishlist{
font-size:0;
display: block;
}
.featured-grid .yith-wcwl-add-to-wishlist .ajax-loading {
margin-left: 0px;
vertical-align: middle;
visibility: hidden;
width: 0px !important;
height: 0px !important;
display: none!important;
}
.featured-grid .yith-wcwl-wishlistexistsbrowse,
.featured-grid .yith-wcwl-wishlistaddedbrowse{
padding: 18px;
line-height:13px;
font-size:12px;
}
.featured-grid .yith-wcwl-add-button{
display: inline-table!important;
line-height:0px;
}
.featured-grid .yith-wcwl-add-to-wishlist {
margin-top:0px;
}
.featured-grid .yith-wcwl-add-button > a i{
margin-right: 0px;
}
.featured-grid .add_to_wishlist i.fa{
display: block;
}
.featured-grid .add_to_wishlist_a span{
color:#fff
}
.woocommerce .featured-grid a.button{
padding: 18px;
background-color: #232531;
font-size:12px;
line-height:13px;
border: none;
z-index:0;
}
.woocommerce .featured-grid a.button:hover{
border: none; 
}
.featured-grid .quick-view{
display:inline-block;
background:#232531;
opacity:1;
}
.featured-grid .meta h3.name {
font-size:16px;
font-family: "Poppins-SemiBold";
color:#2f2f2f;
line-height: 22px;
}
.featured-grid .product-block{
box-shadow: 0 0 1px #DDD;
}
.featured-grid .product-block .meta{
padding:10px
}
.featured-grid .icons i{
font-size:12px;
font-weight: bold;
padding: 18px;
line-height: 14px;
}
.featured-grid .product-block .price > * {
color: #1e1e23;
font-size:14px;
font-family:"Poppins-Regular";
}
.featured-grid .product-block .price del{
margin-right:10px;
color: #909097; 
opacity: 0.5;
}
.featured-grid .product-block span.onsale {
background-color: #232531;
color: #fff;
top: 0px;
border-radius: 0px;
line-height: 20px;
font-size: 12px;
text-transform: none;
z-index: 100;
position: absolute;
padding: 5px 12px;
}
.featured-grid .add_to_cart_button:before{
content: "\f217";
font-family: "Font Awesome 5 Free";
color:#fff;
font-weight: bold;
}
.featured-grid .add-cart .add_to_cart_button span{
display:none;
}
.featured-grid .add-cart, .featured-grid .add_to_wishlist_a,
.featured-grid .quick-view{
-webkit-transform: translateY(52px);
transform: translateY(52px);
opacity: 0;
}
.featured-grid .add-cart{
background: #232531;
-webkit-transition: opacity .3s,-webkit-transform .5s;
transition: opacity .3s,-webkit-transform .5s;
transition: transform .5s,opacity .3s;
transition: transform .5s,opacity .3s,-webkit-transform .5s;
}
.featured-grid .product-block:hover .add-cart{
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.featured-grid .add_to_wishlist_a{
-webkit-transition: opacity .3s,-webkit-transform .7s;
transition: opacity .3s,-webkit-transform .7s;
transition: transform .5s,opacity .3s;
transition: transform .5s,opacity .3s,-webkit-transform .7s;
}
.featured-grid .product-block:hover .add_to_wishlist_a{
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.featured-grid .quick-view{
-webkit-transition: opacity .3s,-webkit-transform .9s;
transition: opacity .3s,-webkit-transform .9s;
transition: transform .5s,opacity .3s;
transition: transform .5s,opacity .3s,-webkit-transform .9s;
}
.featured-grid .product-block:hover .quick-view{
-webkit-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
}
.add_to_wishlist_a .feedback, #yith-wcwl-popup-message, #yith-wcwl-message{
display:none;
}
#yith-wcwl-popup-message{
border: 0px solid #CCC;
}
.featured-grid .yith-wcwl-wishlistaddedbrowse a:before,
.featured-grid .yith-wcwl-wishlistexistsbrowse a:before{
content: "\f004";
font-weight: bold;
color:#e7c09c;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
}
#yith-wcwl-popup-message {
display:none!important;
} ul.featured-boxed-layout{
padding-top:20px;
}
ul.featured-boxed-layout li.featured-boxed{
width: 100%;
float: left;
position: relative;
}
li.featured-boxed .product-image-wrapper{
width: 50%;
float: left;
display: inline-block;
position: relative;
}
li.featured-boxed:nth-child(even) .product-image-wrapper{
float: right;
}
li.featured-boxed .product-content-wrapper{
width: 50%;
display: table;
}
ul.featured-boxed-layout li.featured-boxed .product-block{
overflow:hidden;
}
.product-content-wrapper{
padding:30px;
}
.product-content-wrapper .meta .name a{
font-size: 26px;
line-height: 33px;
text-transform: capitalize;
color:#313646;
margin:0;
}
.product-content-wrapper .heading-border{
width:60px;
height:2px;
background-color:#50d18e;
margin-bottom:20px;
margin-top:10px;
}
.product-content-wrapper .amount{
font-size:20px;
color:#bbb;
font-family: "Poppins-Regular",sans-serif;
}
.product-content-wrapper p.description {
font-size: 18px;
line-height: 30px;
margin-top: 20px;
}
.product-content-wrapper .icons {
width:auto;
background:#ededed;
display:inline-block;
margin-top:30px;
}
.product-content-wrapper .icons a{
color:#fff;
}
.woocommerce .product-image-wrapper span.onsale {
background-color: #232531;
color: #fff;
border-radius: 0px;
line-height: 22px;
font-size: 14px;
font-weight: 400;
text-transform: none;
z-index: 100;
position: absolute;
padding: 5px 12px;
top: 15px;
}
.featured-block .add-cart .added_to_cart,
.product-block .add-cart .added_to_cart{
padding-top: 0em;
margin-left:-11px;
padding-right:18px;
color:#fff;
z-index: 1;
position: relative;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
display:none;
}
.product-content-wrapper .add_to_cart_button:before{
content: "\f217";
font-family: FontAwesome;
color: #080808;
font-size: 16px;
}
.product-content-wrapper .add-cart .add_to_cart_button span{
display:none;
}
.woocommerce .product-content-wrapper a.add_to_cart_button.button:hover{
background:none;
}
.woocommerce .product-content-wrapper a.add_to_cart_button.button:hover{
background:none;
}
.woocommerce .product-content-wrapper a.button{
background-color:#ededed;
line-height: 13px;
font-size:100%;
padding: 18px;
border: none;
}
.woocommerce .product-content-wrapper a.button:hover{
border:none;
}
.product-content-wrapper .add_to_wishlist {
font-size:0px;
}
.product-content-wrapper .yith-wcwl-add-button > a i{
font-size:14px;
margin-right: 0px;
}
.product-content-wrapper .yith-wcwl-add-to-wishlist .ajax-loading {
margin-left: 0px;
vertical-align: middle;
visibility: hidden;
width: 0px !important;
height: 0px !important;
}
.product-content-wrapper .yith-wcwl-add-to-wishlist {
margin-top: 0px; 
}
.product-content-wrapper .add_to_wishlist_url a,
.product-content-wrapper .quick-view a{
margin: 0;
line-height: 0;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 18px;
font-weight: 300;
border-radius: 0px;
color: #080808;
border: none;
text-transform: capitalize;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
text-align: center;
display:inline-block;
}
.product-content-wrapper .yith-wcwl-add-button {
display: inline-flex!important;
}
.product-content-wrapper .yith-wcwl-wishlistexistsbrowse a{
line-height: 10px;
}
.product-content-wrapper .add-cart{
display:inline-block;
margin-right: -4px;
}
.product-content-wrapper .quick-view.tooltip{
margin-left: -4px;
}
.product-content-wrapper .add-cart .added_to_cart {
padding-top: 0em;
margin-left: -10px;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.product-content-wrapper .add_to_wishlist_url .feedback{
display:none;
}
.product-content-wrapper .yith-wcwl-wishlistaddedbrowse a:before,
.product-content-wrapper .yith-wcwl-wishlistexistsbrowse a:before{
content: "\f08a";
font-family: FontAwesome;
font-weight: bold;
color:#e7c09c;
line-height: normal;
}
.product-content-wrapper .add_to_wishlist i.fa {
display: block;
}
.product-content-wrapper .add_to_wishlist_url{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.product-content-wrapper .price del{
margin-right:10px;
color:#bbb;
opacity:0.5;
}
.product-content-wrapper .price ins{
color:#bbb;
text-decoration: none;
}
.product-image-wrapper{    
display: block;
overflow: hidden;
}
.product-image-wrapper:hover img {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
.product-image-wrapper img {
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
.woocommerce img{
vertical-align: middle;
max-width:100%;
}
.woocommerce ins{
text-decoration: none;
}
li.featured-boxed:nth-child(even) .product-content-wrapper {
padding:70px 40px 20px 0px;
}
li.featured-boxed:nth-child(odd) .product-content-wrapper {
padding:70px 0px 20px 40px;
} .woocommerce #featured_product_section #respond input#submit.loading:after,
.woocommerce #featured_product_section a.button.loading:after,
.woocommerce #featured_product_section button.button.loading:after,
.woocommerce #featured_product_section input.button.loading:after,
.woocommerce #featured_product_section1 #respond input#submit.loading:after,
.woocommerce #featured_product_section1 a.button.loading:after,
.woocommerce #featured_product_section1 button.button.loading:after,
.woocommerce #featured_product_section1 input.button.loading:after{
top:1.5em!important;
right:1.5em;
}
.woocommerce ul.products li.product .button #respond input#submit.loading:after,
.woocommerce .woocommerce ul.products li.product .button.loading:after,
.woocommerce .woocommerce ul.products li.product .button.loading:after,
.woocommerce ul.products li.product .button.loading:after{
top:1.5em!important;
right:0.6em;
}  div#hot_deal_section{
position:relative; 
display: block;
overflow: hidden;
}
.hot-deal-block{
display: block;
float: left;
width: 100%;
}
.hot-deal-block ul.deal li{
width: 50%;
float: left;
overflow: hidden;
position: relative;
display:block;
line-height: 0;
}
#hot_deal_section .deal li:hover  img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
#hot_deal_section .deal li img{
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
#hot_deal_section li.one .caption-sale{
position: absolute;
right:0;
bottom:20%;
text-align: right;
padding: 0px 40px;
z-index: 1;
}
#hot_deal_section li.two .caption-sale{
position: absolute;
left:0;
bottom:20%;
text-align: left;
padding: 0px 40px;
z-index: 1;
}
#hot_deal_section li.one a:after, 
#hot_deal_section li.two a:after{
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
z-index: 0;
background: rgba(0, 0, 0, 0);
}
iframe{
position:relative;
z-index:1;
}  section#testimonial_section{
background: #ededed;
}
#testimonial_section .block-heading h2{
color: #080808;
}
#testimonial_section .block-heading .heading-border {
background-color: #e7c09c;
}
#testimonial_section .block-heading p{
color: #666666;
}
.testimonial-block{
display: block;
float: left;
width: 100%;
}
.figure-testimonial{
background: #fff;
text-align:center;
padding:25px;
}
.figure-testimonial p{
margin:25px 0;
}
.figure-testimonial h4{
font-size:16px;
}
.figure-testimonial img{
height:140px;
width: 140px!important;
margin: 0 auto;
-webkit-border-radius:  50%;
-moz-border-radius: 50%;
border-radius:50%;
}
#testimonial_section a.web-link{
margin-top:30px;
display:block;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#testimonial_section a.web-link:hover{
color:#e7c09c; 
}  section#aboutus_section{
background: #fff;
padding-top: 65px;
padding-bottom: 65px;  
}
section#aboutus_section .amazing-block{
display: block;
float: left;
width: 100%;
}
section#aboutus_section h2.aboutus-heading{
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
padding-bottom:20px;
}
.amazing-block ul.amazing-list li{
width: 48%;
float: right;
text-align:left;
}
.amazing-block ul.amazing-list li.two{
margin-right:4%;
}
.amazing-block ul.amazing-list li h3{
font-size: 22px;
line-height: 36px;
}
.amazing-block ul.amazing-list li p{
margin-top: 20px;
}
#aboutus_section a.amazing-btn{
border: 2px solid #e7c09c; 
display: inline-block;
padding: 15px 20px;
margin-top: 30px;
background: none;
color: #e7c09c; 
letter-spacing: 1px;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#aboutus_section a.amazing-btn:hover{
border: 2px solid #e7c09c;
color: #fff; 
background: #e7c09c;
}
#aboutus_section .flex-abt{
max-width:530px;  
}  section#post_section{
background: #f3f3f3; 
}
#post_section .block-heading h2{
color: #313646;
}
#post_section .block-heading .heading-border {
background-color: #50d18e; 
}
#post_section .block-heading p{
color: #666666;
}
.lst-post figure.blog-list {
position: relative;
float: left;
overflow: hidden;
width: 100%;
text-align: center;
box-shadow: 0 0 1px #DDD;
background: #fff;
}
.lst-post figure.blog-list * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.lst-post figure.blog-list img {
max-width: 100%;
vertical-align:top;
}
.lst-post figure.blog-list figcaption {
position: relative;
background-color: #ffffff;
}
.lst-post figure.blog-list h3{
line-height:28px;
font-size:20px;
}
.lst-post figure.blog-list h3 a {
position: absolute;
bottom: 100%;
padding:15px 10px 0px 10px;
left:15px;
right:15px;
background-color: #fff;
color: #000;
text-align: center;
}
.lst-post figure.blog-list h3 a:hover, .blog-date b:hover{
color:#e7c09c;
}
.lst-post figure.blog-list p {
text-align: center;
padding: 15px 20px 10px;
}
.lst-post figure.blog-list .bottom-icon {
width:100%;
border-top:1px solid #e4e4e4;
}
.lst-post figure.blog-list i {
display: inline-block;
font-size: 18px;
color: #e7c09c;
}
.lst-post figure.blog-list:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.lst-post figure.blog-list .blog-date{
float:left;
padding:10px; 
}
.lst-post figure.blog-list .blog-date b{
font-size: 16px;
border-right:2px solid #e4e4e4; 
padding-right:5px;
line-height: 21px;
color:#e7c09c;
}
.blog-cmt{
float:right;
padding:10px;  
}
.lst-post figure.blog-list span{
padding:5px; 
color: #bbb;
}
.lst-post .read-more{
margin-top:10px;
margin-bottom:20px;
display:block;
}
.lst-post .read-more a {
border: 2px solid #e7c09c;
display: inline-block;
padding: 10px 18px;
background: none;
color: #e7c09c;
font-size: 12px;
font-weight: normal;
letter-spacing: 1px;
}
.lst-post .read-more a:hover{
border: 2px solid #e7c09c;
color: #fff; 
background: #e7c09c;
}  .hot-sell-block{
display: block;
float: left;
width: 100%;
padding-top:50px;
padding-bottom:50px;
}
.hot-sell-block ul.sell li{
width: 31.33%;
float: left;
display:block;
overflow:hidden;
}
.hot-sell-block ul.sell li{
margin-right: 3%;
}
.hot-sell-block ul.sell li:nth-of-type(3n+3){
margin-right: 0%;
}
.hot-sell-block ul.sell li:hover  img{
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.hot-sell-block ul.sell li img{
-moz-transition: all 1s;
-webkit-transition: all 1s;
transition: all 1s;
}
#hot_sell_section .sell li.one a:after,
#hot_sell_section .sell li.two a:after,
#hot_sell_section .sell li.three a:after{
position: absolute;
content: '';
width:100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
z-index: 0;
background: rgba(0, 0, 0, 0);
}
.hot-sell-block ul.sell li {
position:relative;
}  .best-sell{
overflow: hidden; 
position: relative;
background:#f3f3f3;
padding-top:100px;
padding-bottom:100px;
}
#best_sell_section a:hover {
color: #e7c09c;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.widget-content ul.sell-grid li.sell-list {
width: 31.33%;
float: left;
position: relative;
margin-bottom: 2%;
}
.widget-content ul.sell-grid li.sell-list{
margin-right: 3%;
}
.widget-content ul.sell-grid li.sell-list:nth-of-type(3n+3) {
margin-right: 0px;
}
.widget-content ul.sell-grid li.sell-list .widget-heading{
max-width:100%;
background-color:#e7c09c;
margin: 0 auto;
text-align: center;
}
.widget-content ul.sell-grid li.sell-list .sell-inner-widget{
background:#fff;
margin-bottom:20px;
}
.widget-content ul.sell-grid li.sell-list .widget-heading h3{
color:#fff;
padding:5px; 
}
.woocommerce #best_sell_section ul.product_list_widget,
.woocommerce #best_sell_section ul.product-categories{
padding: 18px; 
}
.woocommerce #best_sell_section ul.product_list_widget li{
display:block;
padding-top: 10px; 
padding-bottom:10px;
vertical-align: top;
position: relative;
}
.woocommerce #best_sell_section ul.product_list_widget li span.product-title{
display: inline-block;
}
.woocommerce #best_sell_section ul.product_list_widget li img{
width: 95px;
height: 95px; 
margin-right: 10px;
float: left;
}
.woocommerce #best_sell_section ul.product_list_widget li a span,
.woocommerce #best_sell_section ul.product_list_widget li a{
font-size: 16px;
}
.woocommerce #best_sell_section ul.product_list_widget li .woocommerce-Price-amount, .woocommerce #best_sell_section .reviewer{
margin-top: 10px;
display: inline-block;
font-family: "poppins-regular",sans-serif;
font-size: 12px;
}
.woocommerce #best_sell_section ul.product_list_widget li .star-rating{
margin-top: 10px;
color: #f2c618;
}
.woocommerce #best_sell_section ul.product_list_widget del{
display:inline-flex;
} ul.sell-grid li.sell-list .woocommerce-product-search label{
display:none;
}
ul.sell-grid li.sell-list input.search-field,
ul.sell-grid li.sell-list .sell-list-wrapper .dropdown_product_cat {
width:100%;
height:38px;
border: 1px solid #eee;
padding-right: 10px;
font-size: 15px;
letter-spacing: 1px;
background:#fff;
color:#666;
text-indent: 10px;
}
ul.sell-grid li.sell-list form.woocommerce-product-search{
padding: 18px;
}
ul.sell-grid li.sell-list .dropdown_product_cat{
width:92%!important;
margin:4%;
}
.woocommerce-product-search input:-webkit-autofill{
background-color:#fff!important;
}
.woocommerce-product-search input[type="submit"]{
display:none;
}
.woocommerce-product-search input#woocommerce-product-search-field:focus, 
.widget-content ul.sell-grid li.sell-list .sell-list-wrapper .dropdown_product_cat:focus {
outline: #e7c09c 1px solid;
border: none!important;
} .woocommerce #best_sell_section ul.product-categories li.cat-item{
font-size: 16px;
margin:10px 0px;
}
.woocommerce #best_sell_section ul.product-categories li.cat-item:before {
content: '\f105';
font-family: 'FontAwesome';
float: left;
margin-right: 10px;
color: #e0e0e0;
}  .brand-sldr{
background-color: #fff; 
}
section.brand-sldr{
padding-top: 50px;
padding-bottom:50px;
}
section.brand-sldr .owl-dots{
display:none!important;
}
section.brand-sldr .owl-theme .owl-controls .owl-nav div {
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
color: #666;
border:1px solid #666;
position:absolute;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
section.brand-sldr .owl-theme .owl-controls .owl-nav div:hover{
background: #30ad6d; 
color: #fff;
border:1px solid #30ad6d;
}
section.brand-sldr .owl-next{
right: -10px;
top: 65px;
}
section.brand-sldr .owl-prev{
left: -10px;
top: 65px;
}
section.brand-sldr .owl-theme .owl-controls .owl-buttons div {
position: absolute;
}
section.brand-sldr .owl-theme .owl-controls {
margin-top: 0px;
}  footer.footer-wrp{
background-color: #232531;
display: block;
overflow: hidden;
padding: 40px 0px;
position:relative;
float:left;
width:100%;
}
footer.footer-wrp .footer-menu-wrp{
float:left; 
display:block;
color:#fff;
text-align: left; 
}
footer.footer-wrp .footer-menu-wrp ul,footer.footer-wrp .footer-menu-wrp-right ul  {
display: -webkit-inline-box;
}
.footer-menu-wrp ul.menu li:after{
content: "|";
margin-left:10px;
color:#fff;
}
.footer-menu-wrp ul.menu li:last-child:after{
content: "";
}
footer.footer-wrp .footer-menu-wrp ul li{
padding:0px 5px;
display: -webkit-inline-box;
}
footer.footer-wrp .footer-menu-wrp ul li a{
color:#fff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
footer.footer-wrp .footer-menu-wrp-right{
float:right;  
}
footer.footer-wrp .footer-menu-wrp-right ul li{
padding:0px 5px; 
}
footer.footer-wrp .footer-menu-wrp-right ul li img{
max-width:300px;
}
.footer-widget{
width:100%;
border-top:2px solid #1b1c26;
float:left;
margin-top:20px; 
}
ul.footer-widget-column li.widget {
width: 23.5%;
float: left;
position: relative;
}
ul.footer-widget-column li.widget:nth-of-type(4n+4){
margin-right: 0%;
}
.footer-widget-column .widget {
margin-right: 2%;
}
.widget {
margin: 0 0 1em;
word-wrap: break-word;
}
.footer-widget-column .widget h4 {
color:#fff;
font-size: 19px;
line-height:30px;
color: #fff;
padding-bottom: 10px;
margin-top:20px;
font-family: "Catamaran-semibold", sans-serif;
}
.footer-widget-column .widget ul li{
margin-bottom:7px;
color:#bbb;
}
.footer-widget-column .widget ul li a{
color:#bbb;
}
.footer-bottom{
width:100%;
border-top:2px solid #1b1c26; 
float:left;
}
.footer-bottom .footer-bottom-left{
margin-top:20px; 
float:left; 
}
.footer-bottom .footer-bottom-right{
margin-top:20px;
float:right; 
}
.footer-bottom .footer-bottom-right ul.footer-social-icon{
display:inline-flex;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li{
margin-left: 8px;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li p{
color:#fff;
margin-top:8px;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li a i{
height:40px;
width:40px;
color:#fff;
line-height:40px;
font-size: 16px;
text-align: center;
}
.elementor-default .footer-bottom .footer-bottom-right ul.footer-social-icon li {
background: transparent!important;
}
.elementor-default .footer-bottom .footer-bottom-right ul.footer-social-icon li a i{
font-family:fontawesome;
}
.elementor-default .header-extra ul.hdr-icon-list li.accnt a.logged-in:before{
font-family:fontawesome;
}
.elementor-default  .footer-bottom .footer-bottom-right ul.footer-social-icon li a i:hover {
background: none;
}
.elementor-default i, .elementor-default i:before, .elementor-default i:after, .elementor-default .featured-grid .add_to_cart_button:before{
font-family:fontawesome!important;
}
.elementor-default .header-extra ul.hdr-icon-list li.accnt a.logged-out:before{
font-family:fontawesome;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-fb{
background-color: #415a99;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-tw{
background-color: #00caff;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-gm{
background-color: #cb222a;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-ln{
background-color: #304d6b;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-ptx{
background-color: #cb222a;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li a i:hover{
background-color:#000;
opacity:0.5;
-webkit-transition-delay: 0.1s; transition-delay: 0.1s;
}
.footer-widget .product_list_widget .star-rating{
margin-bottom: 10px;
}
.woocommerce .footer-widget ul.product_list_widget li img {
width: 50px;
}
.footer-widget .product-title{
color:#bbb;
}
.woocommerce .footer-widget .star-rating span, .footer-widget .amount{
color:#bbb;
} #shopmain #wp-calendar {
width:100%;
font-size:12px;
font-weight:300;
border-collapse:separate;
border-spacing:8px;
margin-left:-2px;
}
#shopmain #wp-calendar
caption {
display:none;
}
#shopmain #wp-calendar tbody
td {
margin-bottom:10px;
text-align:center;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-ms-border-radius:2px;
-o-border-radius:2px;
border-radius:2px;
border:1px solid #f4f4f4;
padding:6px;
color: #bbb;
}
#shopmain #wp-calendar tbody td:hover {
border-color:#e2e2e2;
}
#shopmain #wp-calendar tbody
td.pad {
border:0;
}
#shopmain #wp-calendar tbody
td#today {
color: #e7c09c;
border-color: #e7c09c;
}
#shopmain #wp-calendar tfoot td#prev a,#wp-calendar tfoot td#next
a {
color:#888;
font-size:12px;
font-weight:400;
position:relative;
text-transform:uppercase;
}
#shopmain #wp-calendar tfoot
td#prev {
text-align:left;
}
#shopmain #wp-calendar tfoot
td#next {
text-align:right;
}
#shopmain #wp-calendar thead
th {
font-size:13px;
font-weight:400;
color:#bbb;
text-align:center;
padding:0;
border:0;
}
#shopmain #wp-calendar tbody td
a,#shopmain #wp-calendar tfoot td#prev a:hover,#shopmain #wp-calendar tfoot td#next a:hover {
color:#e7c09c;
}
#shopmain label.screen-reader-text{
display:none;
}
#shopmain select{
width: 100%;
height: 38px;
border: 1px solid #eee;
padding-right: 10px;
letter-spacing: 1px;
background:transparent;
color: #666;
padding-left: 10px; 
font-size: 15px;
} 
#shopmain .widget select#product_cat{
width: 100%;
height: 38px;
border: 1px solid #eee;
padding-right: 10px;
letter-spacing: 1px;
background:transparent;
color: #666;
position:relative;
font-size:13px;
padding-left: 10px; 
-webkit-appearance: menulist-button;
-moz-appearance: menulist-button;
appearance: menulist-button; 
} 
#shopmain select:focus{
outline:none;
}
.footer-widget .widget a{
font-size: 16px;
line-height: 24px;
}
.woocommerce .widget a.button:hover {
background: none;
border: 2px solid #fff;
}
.footer-widget .widget span.amount{
color: #bbb;
font-family:"Poppins-Regular", sans-serif;
}
.footer-widget .widget p.buttons a {
margin-right:10px;
}
.woocommerce .widegt ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
margin-right:20px;
margin-left:0;
width: 86px;
height: auto;
box-shadow: none;
}
.product_list_widget li .product-title, .product_list_widget li>a, .widget_recent_reviews li .product-title, .widget_recent_reviews li>a, .widget_shopping_cart li .product-title, .widget_shopping_cart li>a {
display: block;
line-height:1em;
text-transform: capitalize;
margin-bottom:5px;
}
.woocommerce .widget .star-rating {
float: right;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 0.7em;
width: 5.4em;
font-family: star;
color: #f2c618;
}
.product_list_widget li .star-rating, .widget_recent_reviews li .star-rating, .widget_shopping_cart li .star-rating {
display: block;
margin: 8px 0px;
}
.woocommerce .widget .amount{
color:#a8a8a8;
font-size:14px;
} .sidebar .widget .instagram-pics li {
padding: 0px;
display: inline-block;
max-width: 31%;
margin: 0;
padding: 0;
}
.instagram-pics li:last-child{
margin-right:0px;
}
.instagram-pics li img{
width:100%;
}
.instagram-pics li img:hover, 
.widget .th-aboutme img:hover{
opacity:0.9;
} .footer-bottom-left .leadform-show-form.leadform-lite{
margin:0;
padding:0;
max-width: 100%;
width: 100%;
position: relative;
display: inline-block;
}
.footer-bottom-left .leadform-show-form.leadform-lite h1{
display:inline-block;
float:left;
font-size: 16px;
color:#fff;
vertical-align: middle;
margin-right:14px;
padding:0;
line-height: 0;
}
.footer-bottom-left .leadform-show-form.leadform-lite label{
display:none;
}
.footer-bottom-left .leadform-show-form.leadform-lite .submit-type label{
display:block;
margin: 0;
padding:0;
cursor:pointer;
}
.footer-bottom-left .leadform-show-form.leadform-lite input[type="email"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color:#666;
background:#191a24;
border-color:#191a24;
padding-left: 10px;
line-height: 0px;
text-indent: 0;
}
.footer-bottom .footer-bottom-left{
width:50%;
}
.footer-bottom .footer-bottom-right{
width:50%;
text-align: right;
}
.footer-bottom-left .leadform-show-form.leadform-lite .text-type{
display:inline-block;
float: left;
width: 50%;
}
.footer-bottom-left .leadform-show-form.leadform-lite input[type="submit"]{
cursor: pointer;
font-size:0px;
height:38px;
background-color:#e7c09c;
webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: none;
}
.footer-bottom-left .leadform-show-form.leadform-lite .submit-type.lf-field {
position: relative;
}
.footer-bottom-left .leadform-show-form.leadform-lite .submit-type.lf-field label:before {
content: "\f003";
font-family: FontAwesome;
font-size: 27px;
color: #fff;
position:absolute;
top:6.5px;
right:6px;
z-index:0;
}
#footer-wrp .copy-right{
float:left;
} /*/*/.parallax .page-head-image{
background-attachment: fixed;
}/**/.page-head{
width: 100%;
text-align: center;
}
.page-head-image{
width: 100% !important;
background-size: cover !important;
background-position: center;
background-repeat: no-repeat;
height: 420px;
position: relative;
z-index: 3;
display: table; 
}
.full-fs-caption {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.full-fs-caption h2.title a,
.archive-title h1,
.full-fs-caption h1{
font-size: 60px;
line-height: 62px;
color:#fff;
text-transform: capitalize;
}
.full-fs-caption a h2{
line-height: 48px; 
}
.full-fs-caption a h2 span{
color:#50d18e;  
}
.full-fs-caption p{
font-size: 14px; 
color:#fff; 
}
.full-fs-caption .caption-button a{
background-color:#fff;
font-size:18px;
padding:8px 18px;
border-radius:30px;
}
.full-fs-caption .caption-container{
display:inline-block;
}
.full-fs-caption .caption-button {
display:inline-block;
vertical-align:top;
margin-top:26px;
margin-left:26px;
}
#page {
clear: both;
float: none;
overflow: hidden;
}
.content-wrapper{
width: 73%;
max-width:100%;
padding-bottom: 50px;
padding-top: 50px;
float: left;
}
.content-wrapper .content{
background:#fff; 
padding:15px;
float:left;
width: 100%; 
}
#page.left .content-wrapper{
margin-left:1.5%;
}
#page.right .content-wrapper{
margin-right:1.5%;
}
.sidebar-wrapper {
max-width: 400px;
width: 24.5%;
float: right;
}
#page.no-sidebar .content-wrapper{
width: 100%;
max-width: 1320px;
}
#page.no-sidebar .sidebar-wrapper{
display: none;
}
#page.left .sidebar-wrapper {
float: left;
}
#page.left .content-wrapper {
float: right;
}
#page.no-header-image .content-wrapper{
padding-top:160px;
}
#page.no-header-image .sidebar{
margin-top:160px;
}
.sidebar {
margin-top: 50px;
margin-bottom: 50px;
background: #fff;
padding: 15px;
}
.sidebar-inner-widget {
margin: 0 0 40px;
word-wrap: break-word;
overflow: hidden;  
}
.sidebar-inner-widget h2{
font-size: 24px;
font-weight: 500;
}
.sidebar .widget-content{
padding:20px;
border: 1px solid #e0e0e0;
}
.sidebar-inner-widget .widgettitle {
border-bottom: 1px solid;
border-color: #ededed;
box-shadow: 0px 2px 6px rgba(0,0,0,0.16);
box-shadow: 0px 2px 6px rgba(0,0,0,0.16);
font-size: 14px;
color: #080808;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
padding-top: 8px;
padding-left:8px;
padding-right:8px;
padding-bottom: 3px;
background: #ededed;
line-height: 30px;
}
.sidebar-inner-widget ul {
display: list-item;
}
.sidebar-inner-widget ul li {
list-style-position: inside;
}
.sidebar-inner-widget ul li a{
font-size:15px;
line-height: 22px;
color: #a8a8a8;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.sidebar .sidebar-inner-widget ul li a{
color: #080808;
}
.sidebar-inner-widget ul li a:hover{
color:#e7c09c; 
}
.widget span.count{color: #bbb;
float: right;
color:#a8a8a8;
}
.sidebar .widget li {
padding: 7px 0;
list-style: none;
clear: both;
}
.page-head-image:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
z-index: -1;
background:rgba(8, 8, 8, 0.3);
} #move-to-top {
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: bold;
padding: 9px 10px;
border-radius: 4px 4px 0 0;
position: fixed;
right: 10px;
bottom: 152px;
opacity:0.9;
width: 45px;
z-index: 999;
background: #e7c09c;
transition: all 0.25s linear;
-webkit-backface-visibility: hidden;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.18);
text-align: center;
}
#move-to-top:hover{
opacity:1;  
}
#move-to-top i{
font-size: 22px;
display: block;
}
a#move-to-top.hiding {
display: none;
}  .sidebar-inner-widget .tagcloud {
overflow: hidden;
}
.tagcloud a:before {
content: '';
width: 0;
height: 0;
border-top: 16px solid transparent;
border-right: 10px solid #ededed;
border-bottom: 16px solid transparent;
position: absolute;
top: 0;
left: -10px;
box-shadow: 2px 0 0 -1px #ededed;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.tagcloud a:after {
content: '';
width: 6px;
height: 6px;
background-color: #bbb;
border-radius: 50%;
position: absolute;
left: -2px;
top: 13px;
}
.tagcloud a {
display: inline-block;
font-size: 14px !important;
font-style: normal;
color: #666666;
height: 32px;
line-height: 32px!important;
padding: 0 10px;
margin:0px 10px 10px 10px;
background-color: #ededed;
border-radius: 0 3px 3px 0;
position: relative;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
.tagcloud a:hover:after{
background:#fff;
}
.tagcloud a:hover{
background-color: #e7c09c;
color: #fff;
}
.tagcloud a:hover:before{
border-right: 10px solid #e7c09c;
box-shadow: 2px 0 0 -1px #e7c09c;
}  .widget .cat-parent>.children{
margin-left:7px;
}
.widget .cat-parent>.children li a{
font-size:14px;
}
.widget .cat-parent>.children li{
padding:5px 0px;
}
.woocommerce .widget ul.cart_list li,
.woocommerce .widget ul.product_list_widget li{
padding: 8px 0;
} .th-widget-recent-post img {
width: 90px;
float: left;
}
.th-widget-recent-post .th-recent-post .r_title {
margin: 0;
}
.th-widget-recent-post .th-recent-post {
overflow: hidden;
padding: 0px 12px
}
.th-widget-recent-post {
padding: 10px 0;
overflow: hidden;
}
.th-widget-recent-post .th-recent-post h5 a {
display: block;
font-size: 16px;
line-height: 18px;
color:#080808;
}
.th-widget-recent-post .th-recent-post h5 a:hover {
color: #e7c09c;
}
.th-widget-recent-post ul.th-recent-meta li.post-date {
padding-bottom: 0px;
font-size: 12px;
}
.th-widget-recent-post ul.th-recent-meta li.post-date:before {
display: none;
}
.th-widget-recent-post ul.th-recent-meta li {
border-top: none;
padding: 2px 0;
color:#9d9d9d;
}
.th-widget-recent-post .post-entry p{
font-size:13px;
} .sidebar-wrapper label .screen-reader-text {
display: none;
}
.widget #s, .widget .woocommerce-product-search input,#searchform #s{
width: 100%;
height: 38px;
border: 1px solid #eee;
font-size: 15px;
letter-spacing: 1px;
background: transparent;
color: #666;
text-indent: 10px;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;   
-webkit-border-radius: 0; 
-moz-border-radius: 0;
border-radius: 0;
}
.widget input[type="submit"],#searchform input[type="submit"],
.widget .woocommerce-product-search button[type="submit"]{
display:none;
}
#searchform #s{
margin: 20px 0px;
max-width: 330px;
}
.widget #searchform #s{
margin: 0;
} .content .page-block{
overflow:hidden;
display:block;  
}
ul.blog-content li{
width: 47.5%;
float: left;
position: relative;
padding-bottom: 100px;
margin-right: 5%;
}
ul.blog-content li:nth-of-type(2n+2) {
margin-right: 0px;
}
figure.post-content p{
margin-top:10px;
margin-bottom:10px;
color: #666666;
}
figure.post-content span.read-more a {
-webkit-border-radius: 0.1s;
-moz-border-radius: 0.1s;
border-radius: 0px;
color: #fff;
font-size: 12px;
padding: 5px 20px 5px 20px;
border: solid #e7c09c 2px;
text-decoration: none;
text-transform: capitalize;
display: inline-block;
margin-top: 10px;
cursor: pointer;
background: #e7c09c;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
figure.post-content span.read-more a:hover{
background: transparent;
color:#e7c09c;
}
figure.post-content .post-caption{
display:inline-block;
}
figure.post-content .post-date, 
figure.post-content .post-cat{
font-size: 14px;
margin-top: 20px;
margin-bottom: 2px;
float: left;
color: #9d9d9d;
}
figure.post-content span.separator{
padding:0px 5px;
color: #666;
}
.blog-content li figure.post-content h3 {
padding-top: 0;
line-height: 32px;
font-size: 24px;
letter-spacing: 0;
color: #2f2f2f;
font-family: 'Catamaran-Bold';
}
figure.post-content {
position:relative;
}
figure.post-content div.post-comment{
position: absolute;
bottom: 13px;
right: 0px;
color: #8e8c8c;
font-size: 13px;
}
.post-comment a{
padding:5px 15px;
background:#e7c09c;
color:#fff;
font-size:15px;
letter-spacing:0.9px;
position: relative;
}
.post-comment a:after {
content: '';
width: 0;
height: 0;
border-right: 10px solid transparent;
position: absolute;
left: 13px;
bottom: -8px;
border-top: 8px solid #e7c09c;
}
.post-content .fig-img:hover.fig-img img{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
webkit-transition: all 0.6s;
transition: all 0.6s;
}
.post-content .fig-img img{
webkit-transition: all 0.6s;
transition: all 0.6s;
}
.post-content .fig-img{
position:relative;
overflow:hidden;
} #page.no-sidebar ul.blog-content li{
width: 31%;
float: left;
position: relative;
padding-bottom: 100px;
margin-right: 3.5%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(2n+2) {
margin-right: 3.5%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+3) {
margin-right: 0px;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+1) {
clear: left;
} nav.navigation.pagination{
width:100%;
float:left;
text-align:center;
margin-top: 50px;
}
nav.navigation.pagination h2{
display:none;
}
nav.navigation.pagination .nav-links{
display: -webkit-inline-box;
}
.navigation.pagination span,
.navigation.pagination a{
padding: 1em;
height: 35px;
width: 35px;
margin: 0 4px;
text-align: center;
line-height: 14px;
font-size: 13px!important;
font-weight: 400;
display: block;
}
.navigation.pagination span.current {
background: #e7c09c;
color: #fff;
}
.navigation.pagination span:hover,
.navigation.pagination a:hover {
background: #e7c09c;
color: #fff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}   figure.post-content h3 {
font-size: 26px;
line-height:30px;
padding-bottom: 0px;
padding-top: 20px;
}
.post-content .fig-img{
position:relative;
}
.single .paginate{
padding: 30px 0px;
overflow: hidden;
}
.single .post-previous{
float:left;
}
.single .post-next{
float:right;
}
.post-content .post-previous a, .post-content .post-next a{
font-size:14px;
letter-spacing: 0;
text-transform: uppercase;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.post-content .post-previous a:before{
content: "\f100";
font-family: "Font Awesome 5 Free";
font-weight: 600;
margin-right:8px;
}
.post-content .post-next a:after{
content: "\f101";
font-family: "Font Awesome 5 Free";
font-weight: 600;
margin-left:8px;
}
.post-content .post-previous a:hover,
.post-content .post-next a:hover{
color:#e7c09c;
}
.single-post figure.post-content .post-date, 
.single-post figure.post-content .post-cat,
.single-post figure.post-content .post-author {
font-size: 16px;
margin-top: 20px;
margin-bottom: 8px;
float: left;
color: #a8a8a8;
}
.post-content .post-date a,
.post-content .post-author a,
.post-content .post-cat a{
color:#9d9d9d;
webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.post-content .post-date a:hover,
.post-content .post-author a:hover,
.post-content .post-cat a:hover{
color:#e7c09c;
}
.blog-single-content .post-caption i{
margin-right:5px;
font-size:13px;
color: #e7c09c;
}
.blog-single-content .post-caption a{
color: #a8a8a8;
}
.single .page-block ul li, .single .page-block ul{
list-style-type: inherit;
padding: 0;
margin: .5em;
margin-left: 15px;
}
.single .page-block ol li, .single .page-block ol{
padding: 0;
margin: .5em;
margin-left: 15px;
}  h1.title{
font-size: 34px;
line-height:40px;
font-family: 'Catamaran-Bold';
margin-bottom: 35px;
}
h1.title.default{padding: 10px 15px;}
.breadcrumb{padding: 0px 15px;}
.breadcrumb ul, .breadcrumb-trail ul {
padding-left: 0px;
margin-bottom: 0px;
margin-top:20px;
}
.breadcrumb ul li, .breadcrumb-trail ul li {
list-style-type: none;
display: inline;
}
.breadcrumb h2.trail-browse, .breadcrumb-trail h2.trail-browse{
display:none;
}
.breadcrumb ul li a,
.breadcrumb ul li span,
.breadcrumb-trail{
font-size:13px;
color:#e7c09c;
}
.breadcrumb ul li a::after, 
.breadcrumb-trail ul li a::after{
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 13px;
margin-right:5px;
margin-left:5px;
color:#888;
}
.breadcrumb ul li.trail-end a::after, .breadcrumb-trail ul li.trail-end a::after{
display:none;
}
.breadcrumb-trail a span[itemprop=name]{
color:#a8a8a8;
}  ol.commentlist {
list-style: none;
margin: 0 0 45px 0;
}
li.comment{
padding:0px 10px;
position:relative;
}
.comment-body {
padding: 45px 0;
}
li.comment img{
width:50px;
height:50px;
border-radius: 50%;
margin-right:20px;
}
.commentlist article{
border-bottom:1px solid #ddd;
padding-bottom:30px;
}
.commentlist .says{
display:none;
}
.commentlist b.fn a, .commentlist b.fn{
font-size:18px;
font-weight:normal;
text-transform:uppercase;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.commentlist b.fn{
color:#e7c09c;  
}
.commentlist b.fn a:hover{
color: #e7c09c;
}
.commentlist .comment-metadata, .commentlist .comment-author{
display: inline-block;
}
.commentlist .comment-metadata{
float:right;
margin-right:65px;
}
.commentlist .comment-metadata a{
font-size: 14px;
text-transform: uppercase;
color:#080808;
font-family: sans-serif;
}
.commentlist .comment-content, .commentlist .comment-awaiting-moderation{
margin-left:70px;
}
.commentlist .reply{
display: inline-block;
position: absolute;
top: 45px;
right: 10px;
}
.commentlist .reply a, #cancel-comment-reply-link{
background-color:#e7c09c;
padding:1px 4px;
color:#fff;
border:1px solid #e7c09c;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.commentlist .reply a:hover, #cancel-comment-reply-link:hover{
color:#e7c09c;
background-color:transparent;
}
.commentlist .comment-content p{
color: #a8a8a8;
}
textarea#comment:focus,
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus{
border-bottom: 1.6px solid #e7c09c;
-webkit-transition: all 1s;
transition: all 1s;
}
#respond.comment-respond{
margin-top:45px;
}
.comment-respond small{
float:right;
}  #commentsbox{
margin-top:30px;
}
#commentsbox h3#reply-title,#comments h2{
font-size: 18px;
margin-bottom:10px;
} 
#commentsbox p.comment-notes{
margin-top:10px;
margin-bottom:10px;
}
#commentform{
width:100%;
overflow:hidden;
} 
#commentform p.comment-notes,
#commentform p.comment-form-comment{
width:100%;
display: inline-block;
}
.woocommerce #review_form #respond textarea {
width: 100%;
height: 40px;
padding-left: 5px;
border: 1px solid #c6c6c6;
padding: 10px 0px;
border-radius: 5px;
background:transparent;
border: none;
border-bottom: 1.6px solid #e0e0e0;
color: #a8a8a8;
font-size: 14px;
border-radius: 0px;
}  
.woocommerce #review_form #respond textarea:focus {
outline: none;
border-radius: 0px;
}
#commentsbox .comment-form textarea#comment{
width: 100%;
height:35px;
margin-top: 10px;
font-family: "Catamaran-Regular", sans-serif!important;
}
#commentform label{
display:none;
}
#commentsbox .comment-form-author, 
#commentsbox .comment-form-email, 
#commentsbox .comment-form-url{
display:inline;
}
#commentform input[type="text"], 
#commentform input[type="email"],
#commentform input[type="url"],
.woocommerce div.product form.cart .variations select
{
height:45px;
padding:0px;
border-radius:0px;
width:32.1%;
margin-top:10px;
margin-bottom:10px;
font-family: "Catamaran-Regular", sans-serif!important;
}
.woocommerce div.product form.cart .variations select
{
width:auto!important;  
}
#commentsbox p.comment-form-author,
#commentsbox p.comment-form-email{
margin-right:1%;
}
#commentform input[type="text"],
#commentform input[type="email"],
#commentform input[type="url"],
#commentsbox .comment-form textarea#comment,
.woocommerce div.product form.cart .variations select{
background:#fff;
border:none;
border-bottom:1.6px solid #e0e0e0;
color: #a8a8a8;
font-size:14px;
}
#commentsbox .comment-form textarea#comment,
#commentform input[type="text"]:focus, 
#commentform input[type="email"]:focus{
outline: none;
border-radius: 0px;
}
#commentsbox p.form-submit{
float:right;
padding-top: 20px;
}  body.woocommerce-page{
background:#fff;
}
.archive.woocommerce.woocommerce-page #page.container{
padding:0px 0px;
} 
.woocommerce table.shop_table,
.cross-sells{
background:#fff;
}
.woocommerce-checkout input,#shopmain .woocommerce-error, #shopmain .woocommerce-info, #shopmain .woocommerce-message,
.select2-container--default .select2-selection--single, 
.woocommerce form .form-row textarea,#shopmain .woocommerce-info{
background:transparent;
} .woocommerce .single-product .amount {
margin-right: 10px;
}
.woocommerce.single-product .right li.product .button,
.woocommerce.single-product .left li.product .button {
padding: 1.3em 1.0em;
}
.woocommerce-tabs{
margin:40px 0px;
overflow:hidden;
}
.woocommerce-tabs ul.tabs {
width:30%;
float:left;
padding: 0!important;
margin: 0!important;;
overflow: hidden!important;
}
.woocommerce-tabs .panel {
width:70%;
float:left;
border-left:2px solid  #ebebeb;
padding-left:50px!important;
margin-left: -1.5px!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before {
border: 0px solid #d3ced2;
position: relative;
}
.woocommerce-tabs ul.tabs li {
display: list-item!important;
border: 0px solid #fff!important;
border-radius: 0!important;
margin: 0!important;
padding: 0!important;
background-color:transparent!important;
}
.woocommerce-tabs ul.tabs li.active {
background: #fff;
border-right:1.9px solid #000!important;
}
.woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .1em 0!important;
font-weight: normal!important;
font-family: "Catamaran-Semibold", sans-serif;
}
.woocommerce-tabs ul.tabs:before {
border-bottom: 0px solid #d3ced2!important; 
}
.woocommerce-tabs ul.tabs li:before {
border: 0px solid #d3ced2!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
overflow:hidden;
}
.woocommerce-tabs ul.wc-tabs li a{
font-size:15px;
margin-bottom:12px;
letter-spacing: 0.5px;
text-transform: capitalize;
}
.woocommerce span.onsale {
min-height: 30px;
min-width: 50px;
padding: 0em;
font-weight: 400;
text-align: center;
line-height: 30px;
margin: 0!important;
border-radius:0%;
background-color: #232531;
color: #fff;
font-size: .857em;
top: 0em;
left: 0em;
letter-spacing: 1px;
z-index: 10;
-webkit-font-smoothing:antialiased;
}
.woocommerce button.button.alt{
padding: 1.3em 1.5em;
}
.woocommerce button.button.alt:hover {
background-color:#2ba364;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
color: #e7c09c;
font-family: "Poppins-regular";
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price{
margin-bottom: 0px;
margin-top: 10px;
font-size:18px;
display: inline-block;
}
.woocommerce div.product .woocommerce-product-rating{
display: inline-block;
margin:0px;
}
.woocommerce .woocommerce-product-rating .star-rating{
margin: .2em 4px 0 0;
}
.single-product .content-border{
margin-top: 20px;
margin-bottom:20px;
border-top: 2px solid rgba(0,0,0,.13);
}
.product .entry-summary .woocommerce-product-rating .woocommerce-review-link {
position: relative;
top: -2px;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.product .entry-summary .woocommerce-product-rating .woocommerce-review-link:hover{
color:#e7c09c;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
font-weight: 500; 
}
.woocommerce div.product h1.product_title{
font-size:30px;
line-height: 40px;
}
.woocommerce .woocommerce-product-rating .star-rating,
.comment-text .star-rating,
.woocommerce p.stars a {
color: #f2c618;
}
.woocommerce div.product form.cart div.quantity{
margin: 0px;
}
.woocommerce div.product div.images {
margin-bottom: 3em;
}
.woocommerce .quantity .qty {
width: 6em;
text-align: center;
-webkit-font-smoothing:antialiased;
border-radius: 0px;
border: 1px solid #f0f0f0;
padding: 15px 10px;
background-color:#f0f0f0;
text-indent: 10px;
margin-right:10px;
}
.woocommerce .related{
overflow: hidden;
display: block;
}
.woocommerce .related h2,.upsells h2{
margin-bottom:20px;
width:100%;
font-size: 26px;
line-height: 36px;
}
#shopmain.woocommerce-checkout .woocommerce-billing-fields h3,
#ship-to-different-address .woocommerce-form__label span,
#shopmain.woocommerce-checkout h3#order_review_heading{
font-size: 26px;
line-height: 36px; 
}
.woocommerce ul.products li,.upsells ul.products li{
text-align:center;
}
.woocommerce ul.products li.product h3{
padding: 0em 0;
font-size: 16px;
}
#shopmain.woocommerce ul.products li.product .price{
margin-top: 0;
color:#080808;
font-size: 12px;
margin-bottom: 0;
}
.woocommerce ul.products li.product .star-rating{
margin:0 auto;
padding-bottom:0em;
color: #f2c618;
margin-bottom:10px;
}
#shopmain h2.woocommerce-loop-product__title{
font-size:14px;
line-height:24px;
}
.woocommerce ul.products li.product .price del{
display:inline-block;
padding-right:5px;
}
.woocommerce li.product .button{
font-size: 12px;
background-color: transparent;
color: #e7c09c;
font-weight:normal;
padding: 7px 12px;
border:2px solid #e7c09c;
webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
#shopmain .woocommerce-breadcrumb{
font-size: 14px;
color: #e7c09c;
}
.woocommerce div.product form.cart .variations {
width: 55%;
}
#shopmain #pa_color{
width:75%!important;
}
#shopmain.woocommerce div.product form.cart .variations td.label {
padding-right: 0em;
}
#shopmain.woocommerce ul.wc-tabs li.active:after{
content: "\f0da"!important;
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 14px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: none;
}
#shopmain .woocommerce-error, 
#shopmain .woocommerce-info,
#shopmain .woocommerce-message {
padding: 1em 1em 1em 1em!important;
position: relative;
color: #666666;
border-top: 0px solid #a46497;
list-style: none!important;
width: auto;
word-wrap: break-word;
border:1px solid #d3ced2;
line-height:38px;
}
#shopmain .woocommerce-error{
margin:0px;
margin-bottom: 20px;
}
.woocommerce div.product div.images ol.flex-control-nav{
margin: 14px 0px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
width: 23%;
margin-right:2.66%;
margin-bottom: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li:nth-of-type(4n+4){
margin-right:0%;
}
.up-sells.upsells.products ul{
margin-top:20px;
}
.woocommerce-page div.product div.images {
float: left;
width: 38%;
overflow: hidden;
}
.woocommerce-page div.product div.summary {
float: right;
width: 58%;
}
.woocommerce-product-details__short-description{
margin-bottom:20px;
}
.single-product .social-share{
margin:15px 0px;;
}
.single-product .social-share h3,.woocommerce-Tabs-panel h2{
margin-bottom:15px;
font-size: 21px;
line-height: 31px;
}
.social-share ul li{
display:inline;
}
.single-product .social-share ul li a {
display: inline-block;
width: 50px;
height: 30px;
min-width: 50px;
opacity:0.8;
min-height: 30px;
margin: 0 4px 4px 0;
border: 1px solid;
font: normal normal normal 12px/30px FontAwesome;
text-decoration: none;
text-align: center;
-webkit-transition: border-color .2s ease;
transition: border-color .2s ease;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.single-product .social-share ul li a:hover {
opacity:1;
}
.single-product .social-share ul li.fb-icon a {
border-color:#3B5999;
}
.single-product .social-share ul li.gml-icon a {
border-color:#DB4A39;
}
.single-product .social-share ul li.twt-icon a {
border-color:#00A0D0;
}
.single-product .social-share ul li.paintest-icon a {
border-color: #CB211D;
}
.single-product .social-share ul li.linked-icon a {
border-color: #0177B5;
}
.single-product .social-share .fb-icon a{
color: #3B5999;
}
.single-product .social-share .gml-icon a{
color: #DB4A39;
}
.single-product .social-share .twt-icon a{
color: #00A0D0;
}
.single-product .social-share .paintest-icon a{
color: #CB211D;
}
.single-product .social-share .linked-icon a{
color: #0177B5;
} .wishlist-title{
display:none;
}
.single-product .yith-wcwl-add-to-wishlist{
position:absolute;
top:5px;
right:0;
margin-top:0px;
}
.single-product .add_to_wishlist:before {
content: "\f004";
font-family: 'Font Awesome 5 Free';
color: #fff;
font-weight: bold;
color: #bbb;
font-size:26px;
}
.single-product .add_to_wishlist{
font-size:0px;
}
.single-product .yith-wcwl-add-to-wishlist .ajax-loading {
display: none!important;
margin-left: 0px;
width: 0px !important;
height: 0px !important;
}
.single-product .feedback, 
.single-product .yith-wcwl-wishlistaddedbrowse a, 
.single-product .yith-wcwl-wishlistexistsbrowse a{
display:none!important;
}
.single-product .yith-wcwl-wishlistexistsbrowse:before, 
.single-product .yith-wcwl-wishlistaddedbrowse:before {
content: "\f004";
font-family: 'Font Awesome 5 Free';
font-weight: bold;
color: #e7c09c;
font-size:26px;
margin-right: 6px;
}
.single-product .yith-wcwl-add-button, 
.single-product.woocommerce-page .yith-wcwl-wishlistexistsbrowse, 
.single-product.woocommerce-page .yith-wcwl-wishlistaddedbrowse{
text-align:center;
}
.woocommerce-wishlist table {
border-spacing:0px;
border-color:none;;
}
.woocommerce-wishlist .cart thead {
background: #ececec;
font-size: 14px;
text-transform: uppercase;
}
.woocommerce-wishlist table.wishlist_table tbody td {
padding: 20px 12px!important;
font-size: 14px;
}
.wishlist_table span.amount{
font-family:"poppins-regular";
font-size:12px;
}
.wishlist_table .yith-wcwl-share h4, 
.wishlist_table .yith-wcwl-share ul{
float:left;
width:auto;
margin:0;
}
.wishlist_table .yith-wcwl-share ul li{
margin:8px;
}
.wishlist_table .yith-wcwl-share {
margin-bottom: 0px;
}
.woocommerce-wishlist .wishlist_table tr td, .wishlist_table tr th.wishlist-delete, .wishlist_table tr th.product-checkbox {
text-align:left;
}
.woocommerce-wishlist .wishlist_table tr td.product-name a {
font-size: 14px;
}
.woocommerce table.wishlist_table thead th
{
border-top: 0px solid;
padding: 20px 12px!important;
background: #ececec;
font-size: 14px;
font-family: "Catamaran-SemiBold", sans-serif;
text-transform: uppercase
}
.woocommerce-wishlist  .wishlist_table td.product-add-to-cart a {
display: inline!important;
margin: 0;
margin-bottom: 0px;
text-align: center;
border-radius: 0px;
}
.woocommerce-wishlist .wishlist_table tr td.product-thumbnail a img {
width: 100%;
height: auto;
}
.page-title{
padding-top:35px;
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
margin: 0 0 2.1em;
}
.woocommerce-message{
-webkit-animation: mymove 1.5s; 
-webkit-animation-fill-mode: forwards; 
animation: mymove 1.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes mymove {
from {top: -20px;}
to {top: 0px;}
}
@keyframes mymove {
from {top: -20px;}
to {top: 0px;}
}
.woocommerce .wishlist_table a.button.alt{
padding:10px 15px;
font-size:12px;
}
.single_variation_wrap p{
margin-bottom:25px;
}
.woocommerce div.product form.cart,
.woocommerce div.product p.cart {
margin-bottom: 2em;
}
.product_meta .sku_wrapper{
font-family: "poopins-regular", sans-serif;
margin-right: 10px;
}   .woocommerce ul.products{
padding:0px 10px;
}
.woocommerce ul.products li.product{
box-shadow: 0 0 1px #DDD;
padding-bottom:20px;
}  .woocommerce table.shop_table th {
font-weight: normal;
padding: 20px 12px;
}
.woocommerce-cart .cart th, .cart td{
border: none;
}
.woocommerce table.shop_table td {
padding: 20px 12px;
}
.woocommerce-cart .cart thead{
background:#ececec;
font-size:14px;
font-family: "Catamaran-SemiBold", sans-serif;
text-transform: uppercase;
}
.woocommerce table.shop_table {
border-radius:0px;
}
.woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
width: 60px;
}
.entry-content a{
box-shadow: none;
}
.woocommerce table .cart_item td a{
text-transform: capitalize;
}
.woocommerce table .cart_item td.product-name a{
font-size:14px;
}
.woocommerce table .cart_item td span{
font-size:14px;
font-family: "poopins-regular", sans-serif;
}
#shopmain.woocommerce a.remove {
display: block;
font-size: 1.2em;
height: 1.2em;
width: 1.2em;
text-align: center;
line-height: 1.35;
border-radius:0%;
color: #e7c09c!important;
text-decoration: none;
font-weight: 700;
border: 0;
opacity:0.8;
background:transparent;
webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.woocommerce a.remove:hover {
color: #e44444!important;
background: transparent;
}
.woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 245px;
padding: 12px!important;
background:none;
font-size:13px;
margin: 0 8px 0 0;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5;
padding: inherit;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
font-size:12px;
margin: 0;
line-height: initial;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 1.6em 1.8em;
font-weight:300;
color: #fff;
border: 2px solid #e7c09c;
background-color: #e7c09c;
text-transform: capitalize;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;   
-webkit-border-radius: 0; 
-moz-border-radius: 0;
border-radius: 0;
}
.select2-container--default .select2-selection--single{
border-radius: 0px;
border: 1px solid #d3ced2;
height:38px;
}
.select2-container--default 
.select2-selection--single 
.select2-selection__arrow b{
margin-top: 2px;
}
.woocommerce input:focus{
outline:none;
}
table.shop_table input.button,
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled] {
padding: 1.05em 1.5em;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
background-color: #e7c09c;
border:2px solid #e7c09c;
color: #fff;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
background-color:transparent;
color:#e7c09c;
border:2px solid #e7c09c;
}
.woocommerce li.product .button:hover{
background-color:transparent;
color:#fff;
border:2px solid #e7c09c;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
background-color: transparent;
color: #e7c09c;
border: 2px solid #e7c09c;
padding: 1.1em 1.6em;
font-size: 13px;
line-height: 14px;
outline: none;
-webkit-font-smoothing: antialiased;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
background-color:#e7c09c;
color:#fff;
border:2px solid #e7c09c;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
padding: 1.2em!important;
}
#shopmain .cart_totals h2,.cross-sells h2{
background:#ececec;
text-align:center;
padding:10px 0px;
font-size: 18px;
}
#shopmain h2.woocommerce-loop-product__title{
background:transparent;
color: #666666;
}
#shopmain.woocommerce .cart-collaterals .cross-sells, 
#shopmain .woocommerce-page .cart-collaterals .cross-sells {
border: 1px solid rgba(0,0,0,.1);
}
#shopmain.woocommerce .cart-collaterals .cross-sells ul.products,
#shopmain .woocommerce-page .cart-collaterals .cross-sells ul.products{
padding: 25px;
}
#shopmain.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
float:right;
}
#shopmain.woocommerce-cart .amount{
font-family:"poppins-regular";
font-size:12px;
}  .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
vertical-align: middle;
line-height: 2em;
}
.woocommerce div.product form.cart .variations, .woocommerce-variation-price{
margin:0; 
}
.woocommerce div.product  .woocommerce-variation-price .price{
margin-bottom:25px;
margin-top:10px;
}  #post_section .owl-theme .owl-dots .owl-dot.active span,
#post_section .owl-theme .owl-dots .owl-dot:hover span,
#testimonial_section .owl-dots .owl-dot.active span, 
#testimonial_section .owl-dots .owl-dot:hover span,
#category_section .owl-dots .owl-dot.active span, 
#category_section .owl-dots .owl-dot:hover span,
.product-block .owl-dots .owl-dot.active span,
.product-block .owl-dots .owl-dot:hover span{
background: #e7c09c;
} .archive .page-title{
display:none;
}
.archive #page .page-title{
display:block;
}
.archive #page ul.product{
text-align: center;
}
.price_slider{ 
margin-bottom: 2em;
}
.price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.price_slider_amount .button {
font-size:1.15em;
}
.price_slider_amount .button {
float: left;
}
.price_slider_wrapper .ui-slider {
position: relative;
text-align: left;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
margin-left: 0px;
position: absolute;
z-index: 2;
width: 0.8em;
height: 0.8em;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border: 1px solid rgba(0, 0, 0, 0.25);
cursor: pointer;
background: #e7e7e7;
background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7));
background: -webkit-linear-gradient(#FEFEFE,#e7e7e7);
background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%);
outline: none;
top: -.3em;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset;
}
.price_slider_wrapper .ui-slider .ui-slider-handle:last-child {
margin-left: -0.8em;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size:.7em;
display: block;
border: 0;
background: none repeat scroll 0 0 #e7c09c;
box-shadow: 1px 1px 1px 0.5px #e7c09c inset;
-webkit-box-shadow: 1px 1px 1px 0.5px rgb(231, 192, 156) inset;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #1e1e1e;
background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a));
background: -webkit-linear-gradient(#eee,#ccc);
background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%);
}
.price_slider_wrapper .ui-slider-horizontal {
height:.3em;
width: 100%;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.woocommerce .price_slider_amount button.button{
padding: 18px 30px;
letter-spacing:1px;
float: right;
}
.price_label{
text-align:left;
line-height:3em;
font-family:"poppins-regular";
font-size: 16px;
}
.woocommerce .price_slider_amount button.button:hover{
background:transparent;
}  .woocommerce-page.columns-2 ul.products li.product, 
.woocommerce .columns-2 ul.products li.product {
width: 48.5%;
margin-right:3%;
position: relative;
}
.woocommerce .columns-2  ul.products li.last, 
.woocommerce-page .columns-2  ul.products li.last{
margin-right:0;
} .woocommerce-page .columns-3  ul.products li.product, 
.woocommerce .columns-3  ul.products li.product {
width: 31.35%;
margin-right:2.975%;
position: relative;
margin-top: 2.975%;
margin-bottom: 0;
}
.woocommerce .columns-3  ul.products li.last, 
.woocommerce-page .columns-3  ul.products li.last{
margin-right:0;
} .woocommerce-page .columns-4  ul.products li.product,
.woocommerce .columns-4  ul.products li.product {
width: 22.70%;
margin-right:3.06%;
position: relative;
margin-top: 3.06%;
margin-bottom: 0;
}
.woocommerce .columns-4  ul.products li.last,
.woocommerce-page .columns-4  ul.products li.last{
margin-right:0;
} .woocommerce-page .columns-5  ul.products li.product,
.woocommerce .columns-5  ul.products li.product {
width: 17.6%;
margin-right:3%;
position: relative;
margin-top: 3%;
margin-bottom: 0;
}
.woocommerce .columns-5  ul.products li.last,
.woocommerce-page .columns-5  ul.products li.last{
margin-right:0;
} #shopmain.woocommerce nav.woocommerce-pagination{
margin-top:50px;
}
#shopmain.woocommerce nav.woocommerce-pagination ul li a,
#shopmain.woocommerce nav.woocommerce-pagination ul li span {
padding: 1em;
height: 35px;
width: 35px;
margin: 0 4px;
text-align: center;
line-height: 14px;
font-size: 13px!important;
font-weight: 400;
}
#shopmain.woocommerce nav.woocommerce-pagination ul li a:focus,
#shopmain.woocommerce nav.woocommerce-pagination ul li span.current {
background:#e7c09c;
color: #fff;
}
#shopmain.woocommerce nav.woocommerce-pagination ul li a:hover{
background:none;
}
#shopmain.woocommerce #content nav.woocommerce-pagination ul, 
#shopmain.woocommerce nav.woocommerce-pagination ul, 
#shopmain.woocommerce-page #content nav.woocommerce-pagination ul,
#shopmain.woocommerce-page nav.woocommerce-pagination ul {
border: 0px!important;
}
#shopmain.woocommerce #content nav.woocommerce-pagination ul li,
.woocommerce nav.woocommerce-pagination ul li,
.woocommerce-page #content nav.woocommerce-pagination ul li,
.woocommerce-page nav.woocommerce-pagination ul li {
border: 0px!important;
margin: 1px!important;
overflow: visible;
}
#shopmain .flex-direction-nav a, #shopmain #pagination span,
#shopmain #pagination a, #shopmain #pagination .next.inactive, 
#shopmain #pagination .prev.inactive, 
#shopmain.woocommerce nav.woocommerce-pagination ul li a, 
#shopmain.woocommerce .container-wrap nav.woocommerce-pagination ul li span {
border-radius: 0!important;
} .woocommerce .woocommerce-ordering:after, 
.woocommerce-page .woocommerce-ordering:after {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid transparent;
border-bottom-color: #000;
border-left-color: #000;
margin-left: -25px;
margin-top: 11px;
pointer-events: none;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.woocommerce .woocommerce-ordering select{
height:40px!important;
width:auto!important;
font-size: .75em;
background-color: transparent;
color: inherit;
border-radius: 0;
border: 0px solid #bbb!important;
font-weight:bold;
color:#000!important;
letter-spacing: .08em;
padding: 9px 0;
text-transform: uppercase;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 30px;
}
.archive.woocommerce-page ul.products{
margin-bottom: 20px;
border-top: 2px solid rgba(0,0,0,.13);
padding-bottom: 6px;
font-size: 12px;
}
.woocommerce .woocommerce-result-count{
margin-top:8px!important;
}
.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count{
margin:0;
}
.woocommerce .woocommerce-ordering select {
border: 0px solid #bbb!important;
font-weight:normal;
color:#000!important;
font-size: 14px!important;
} #shopmain .woocommerce-info {
border-top: none;
border:1px solid #d3ced2;
padding: 1em 1em 1em 1em!important;
}
#shopmain .woocommerce-checkout #payment ul.payment_methods li {
font-weight: 100;
font-size: 16px;
}
#shopmain .woocommerce-error:before, #shopmain .woocommerce-info:before, #shopmain .woocommerce-message:before {
display:none;
}
#shopmain .woocommerce-info a{
right: 10px;
bottom:13px;
border:2px solid #e7c09c;
background-color: #e7c09c;
padding: 0px 18px;
color: #fff;
font-size: 13px;
letter-spacing: 1px;
position: absolute;
webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#shopmain .woocommerce form.checkout_coupon{
border: 0px solid #d3ced2;
padding: 0px;
margin: 2em 0;
text-align: left;
border-radius: 0px;
}
#shopmain .woocommerce form .form-row input.input-text{
height:38px;
border:1px solid #d3ced2;
padding: 10px;
}
#shopmain .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border:1px solid #d3ced2;
}
#shopmain .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border:1px solid #d3ced2;
}
#shopmain .woocommerce form .form-row textarea{
padding:10px;
border:1px solid #d3ced2;
}
#shopmain .woocommerce form.checkout p{
padding: 3px;
margin-bottom:20px;
}
#shopmain .select2-container .select2-choice{
border-radius:0px;
line-height:2.5em;
height:38px;
}
#shopmain table.woocommerce-checkout-review-order-table{
border-spacing: 0px;
border-color: #d3ced2;
}
#shopmain #add_payment_method #payment,
#shopmain .woocommerce-cart #payment,
#shopmain .woocommerce-checkout #payment {
background: none;
padding-top:40px;
float: left;
width: 48%;
}
#shopmain.woocommerce.woocommerce-checkout .col2-set .col-2, 
#shopmain.woocommerce-page .col2-set .col-2 {
float: none;
width: 100%;
}
#shopmain.woocommerce.woocommerce-checkout table.shop_table {
margin:0px;
text-align: left;
width: 48%;
border-collapse: separate;
border-radius: 0px;
}
#shopmain.woocommerce.woocommerce-checkout .col2-set,
#shopmain.woocommerce-checkout .woocommerce-page .col2-set {
width: 48%;
float: left;
margin-right: 4%;
}
#shopmain.woocommerce.woocommerce-checkout .col2-set .col-1, 
#shopmain.woocommerce-checkout .woocommerce-page .col2-set .col-1 {
float: left;
width: 100%;
}
#shopmain.woocommerce-checkout .woocommerce-billing-fields h3{
margin-bottom:20px;
}
#shopmain.woocommerce-checkout h3#order_review_heading{
margin-bottom:20px;
}
#shopmain .woocommerce-checkout-review-order-table thead{
background: #ececec;
color: #313646;
}
#shopmain .woocommerce-checkout-review-order-table th {
padding: 14px 12px;
}
#shopmain.woocommerce .woocommerce-checkout-review-order-table td {
padding: 14px 12px;
}
#shopmain.woocommerce form.checkout_coupon .form-row{
padding:0px;
}
.woocommerce.woocommerce-checkout td.product-name dl.variation dd {
padding: 0 0 .0em;
margin-bottom:0;
}
.woocommerce.woocommerce-checkout td.product-name dl.variation dd p:last-child {
margin-bottom: 0!important;
}
.woocommerce.woocommerce-checkout td.product-name .variation-color p {
line-height: 16px!important;
}
.woocommerce.woocommerce-checkout #payment ul.payment_methods {
border: 1px solid #d3ced2; 
}
.woocommerce.woocommerce-checkout #payment ul.payment_methods li {
border:none; 
}
.woocommerce-checkout #payment div.form-row {
padding: 1em 0em;
}  #shopmain.woocommerce-account fieldset{
border-width: 0px;
margin-top:10px;
}
#shopmain.woocommerce.woocommerce-account input.button {
font-size: 13px;
line-height:14px;
margin-top:20px;
padding: 1em 1.8em;
border:2px solid #e7c09c;
}
#shopmain.woocommerce form.login{
border-radius: 0px;
width: 400px;
}
#shopmain .lost_password a{
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
} 
#shopmain .lost_password a:hover{
color:#dda673;
}
#shopmain .woocommerce-MyAccount-navigation ul li a{
font-size:16px;
background:#ededed;
padding:14px 20px;
display: block;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#shopmain .woocommerce-MyAccount-navigation ul li.is-active a{
background:#080808;
color:#fff;
}
#shopmain .woocommerce-MyAccount-navigation ul li a:hover{
color:#e7c09c;
}
#shopmain .woocommerce-MyAccount-content p strong{
color:#e7c09c;
}
#shopmain .woocommerce-MyAccount-content .woocommerce-info a {
padding: 20px 22px;
}
.woocommerce-account .woocommerce-MyAccount-content{
border: 1px solid rgba(0,0,0,.1);
padding: 20px;
}
#shopmain.woocommerce-account .woocommerce-MyAccount-content p{
margin: 20px 0px;
}
#shopmain.woocommerce-account .woocommerce-MyAccount-content .col2-set.addresses{
padding: 10px 12px;
}
#shopmain.woocommerce-account .addresses .title .edit{
float:left;
padding:5px 15px;
margin-left:20px;
background:#e7c09c;
color:#fff;
}
#shopmain.woocommerce-account .woocommerce-MyAccount-content address{
padding:20px 0px;
}
nav.woocommerce-MyAccount-navigation ul,
nav.woocommerce-MyAccount-navigation ul li{
list-style-type: none;
}
nav.woocommerce-MyAccount-navigation ul{
margin:0px;
}
nav.woocommerce-MyAccount-navigation ul li{
margin:0px 0px .5em;
}
#shopmain.woocommerce #customer_login .login{
width:100%;
}
#shopmain.woocommerce #customer_login .u-column2.col-2{
width:48%;
float:right;
}
#shopmain.woocommerce #customer_login .u-column2.col-2 form.register{
border-radius:0;
}
header.woocommerce-Address-title{
width: auto;
position: relative;
top: auto;
left: auto;
z-index: 999;
padding: inherit;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
background: none;
}
header.woocommerce-Address-title.shrink{
background:none;
-webkit-animation-name: inherit;
animation-name: inherit;
}  .tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 60px;
background-color: #232531;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 10px;
position: absolute;
z-index: 99;
top: 150%;
left: 50%;
margin-left: -30px;
opacity: 0;
transition: opacity 1s;
font-size: 10px;
letter-spacing: 1px;
line-height: 22px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #232531 transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.header-extra ul.hdr-icon-list li.accnt a span.tooltiptext{
display:block;
}
.cart-widget span.tooltiptext {
margin-left: -30px;
}
.cart-widget .tooltiptext{
display:none;
} .product-content-wrapper .tooltip .tooltiptext, .featured-list .tooltip .tooltiptext{
visibility: hidden;
width: 60px;
background-color: #232531;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 10px;
position: absolute;
z-index: 1;
top: -90%;
left: 50%;
margin-left: -30px;
opacity: 0;
transition: opacity 1s;
line-height:18px;
}
.product-content-wrapper .tooltip .tooltiptext::after, .featured-list .tooltip .tooltiptext::after{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: #232531 transparent transparent transparent;
}
.product-content-wrapper .tooltip:hover .tooltiptext, .featured-list .tooltip:hover .tooltiptext{
visibility: visible;
opacity: 1;
}
#shopmain .woocommerce-info a:hover{
background-color: transparent;
border:2px solid #e7c09c;
color:#e7c09c;
}  .product-one .tooltip .tooltiptext {
visibility: hidden;
width: 60px;
background-color: #232531;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 10px;
position: absolute;
z-index: 1;
top: -90%;
left: 50%;
margin-left: -30px;
opacity: 0;
transition: opacity 1s;
line-height: 18px;
}
.product-one .tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border-width: 8px;
border-style: solid;
border-color: #232531 
transparent transparent 
transparent;
}
.product-one .tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
.product-one .product-slide{
padding: 20px;
} .loaded section,
.no-js section {
opacity: 1;
-webkit-transition: opacity 300ms ease-out;
-moz-transition: opacity 300ms ease-out;
transition: opacity 300ms ease-out;
} 
section#category_section, 
section#ribbon_section,
section#featured_product_section,
section#testimonial_section,
section#aboutus_section,
section#post_section,
section#best_sell_section,
section#brand_section,
footer#footer-wrp,#hero-image,section#featured_product_section1{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
} 
section#category_section.parallax,
section#ribbon_section.parallax,
section#featured_product_section.parallax,
section#testimonial_section.parallax,
section#aboutus_section.parallax,
section#post_section.parallax,
section#best_sell_section.parallax,
section#brand_section.parallax,
footer#footer-wrp.parallax,#hero-image.parallax,
section#featured_product_section1.parallax{
background-attachment: fixed;
width: 100%;
} p.not_found {
position: absolute;
top: 100px;
margin: 0 auto;
text-align: center;
left: 38%;
} .contact-info-wrap,.contact-form{
width:100%;
float:left;
}
ul.contact-info-wrap,ul.contact-info-wrap li{
margin:0;
padding:0;
list-style-type: none;
}
.contact-wrap ul.contact-info-wrap, 
.contact-wrap .contact-form{
margin-top:40px;
}
.contact-wrap .contact-form{
margin-bottom:40px;
}
ul.contact-info-wrap li{
width:30%;
float:left;
margin-bottom:40px;
margin-right:3.33%
}
.contact-icon, .contact-info{
text-align:center;
}
.contact-icon i{
font-size:45px;
color: #bbb;
}
.contact-icon{
margin-bottom:25px;
}
.contact-info a,.contact-info p{
color:#666666;
margin:0px 0px;
font-size:16px;
} .contact-form .leadform-show-form .lf-field{
position:initial;
}
.contact-form .leadform-show-form.leadform-lite {
display: block;
margin: auto;
max-width: 90%;
}
.contact-form .leadform-show-form.leadform-lite h1{
display:none;
}
.contact-form .leadform-show-form.leadform-lite input[type="text"],
.contact-form .leadform-show-form.leadform-lite input[type="email"],
.contact-form .leadform-show-form.leadform-lite input[type="number"],
.contact-form .leadform-show-form.leadform-lite textarea,
#shopmain .contact-form .leadform-show-form.leadform-lite .select-type select{
border: 1px solid #bdbdbd;
padding: 13px 10px;
margin: 0 1em 1.8em 0;
max-width: 100%;
-webkit-appearance: none;
color: #5b6270;
text-indent: 0em;
font-size: 15px;
border-radius:0;
letter-spacing: 0.5px;
height: auto;
font-family:"Catamaran-Regular", 'sans-serif';
}
.contact-form .leadform-show-form.leadform-lite label{
font-size:18px;
}
.contact-form .leadform-show-form.leadform-lite :focus {
outline: -webkit-focus-ring-color auto 0px;
}
.contact-form .leadform-show-form.leadform-lite input[type="submit"]{
font-size: 18px;
margin: 0;
line-height: 0;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 24px 30px;
font-weight: 300;
border-radius: 0px;
color: #fff;
border: 2px solid #e7c09c;
background-color: #e7c09c;
text-transform: capitalize;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.contact-form .leadform-show-form.leadform-lite label{
display:none;
}
.contact-form .leadform-show-form.leadform-lite .name-type input[type="text"]{
width:48%;
float:left;
margin-right: 4%;
}
.contact-form .leadform-show-form.leadform-lite input[type="email"]{
width:48%;
float:left;
margin:0;
}
.contact-form .leadform-show-form.leadform-lite .submit-type label{
display:block;
}
.contact-form .leadform-show-form.leadform-lite label{
margin: 0;
}
.contact-form .leadform-show-form.leadform-lite input[type="radio"]{
-webkit-appearance: radio; 
margin: 0 1em 1.8em 0;
}
.contact-form .leadform-show-form.leadform-lite input[type="checkbox"]{
-webkit-appearance: checkbox; 
margin: 0 1em 1.8em 0;
}
.contact-form .leadform-show-form.leadform-lite ul,
.contact-form .leadform-show-form.leadform-lite ul li{
padding:0;
margin:0;
color: #777;
}  section#services{
padding-top: 25px;
padding-bottom: 25px;
}
.block-services ul.services-list{
margin: 0;
list-style: none;
overflow: hidden;
padding: 20px 0;
}
.block-services ul.services-list li{
text-align: center;
border-right: 1px solid #ebebeb;
}
.block-services ul.services-list li .wrap{
display: inline-block;
overflow: hidden;
}
.block-services ul.services-list li .wrap .icon{
display: inline-block;
width: 45px;
height: 45px;
float: left;
}
.block-services ul.services-list li .wrap .text{
overflow: hidden;
padding: 0px 10px;
}
.block-services ul.services-list li .wrap .text h5{
line-height: 22px;
font-size:16px;
}
.block-services ul.services-list li .wrap .text h5 a{
color:#232531;
font-family:'Catamaran-semiBold';
}
.block-services ul.services-list li .wrap .icon i{
font-size:32px;
line-height:45px;
}
.block-services ul.services-list .owl-item:last-child li {
border: 0;
} header .taiowc-cart-item,
header .taiowcp-cart-item{
padding:0;
}
header .taiowc-total,header .taiowcp-total{
display:none;
}
header .cart-count-item{
position: absolute;
background: #111;
height: 25px;
width: 25px;
line-height: 25px;
color: #fff;
text-align: center;
font-size: 0.9rem;
border-radius: 100%;
top: -18px;
left: -18px;
z-index: 1;
}
header .taiowc-icon .th-icon, header .taiowcp-icon .th-icon{
font-size: 1.9rem;
font-weight: bold;
color: #080808;
}
.summary .th-product-compare-btn-wrap{
display:inline-flex;
margin-bottom:25px;
}
@media screen and (max-width: 1350px){
#page, .container, .home #page, .home .container {
max-width: 90%;
}
.hero-wrap .container_caption .container{
width:90%;
}
}
@media screen and (max-width: 1325px){
.menu-wrapper{
width:60%;
}
}
@media screen and (max-width: 1024px){ .header-wrapper .title-desc {
width: auto;
}
.menu-wrapper {
width: 0%;
}
.header-extra {
margin-right: 50px;
width: auto;
}
p.site-description{
line-height: 16px; 
} .featured-block ul{
width:100%;
margin:0 auto;
float:none;
}
ul.featured-grid li.featured-list {
width: 33.333%;
}
section#category_section.parallax,
section#ribbon_section.parallax,
section#featured_product_section.parallax,
section#testimonial_section.parallax,
section#aboutus_section.parallax,
section#post_section.parallax,
section#best_sell_section.parallax,
section#brand_section.parallax,
footer#footer-wrp.parallax,
.page-head-image,.parallax .page-head-image,#hero-image.parallax,.parallax .slide-item,
section#featured_product_section1.parallax{
background-attachment: inherit;
background-position: inherit!important;
}  .woocommerce-page .columns-5  ul.products li.product,
.woocommerce .columns-5  ul.products li.product,
.woocommerce-page .columns-4  ul.products li.product,
.woocommerce .columns-4  ul.products li.product{
width:31.35%;
margin-right: 2.975%;
}
.woocommerce-page .columns-5  ul.products li.product:nth-of-type(3n+3),
.woocommerce .columns-5  ul.products li.product:nth-of-type(3n+3),
.woocommerce-page .columns-4  ul.products li.product:nth-of-type(3n+3),
.woocommerce .columns-4  ul.products li.product:nth-of-type(3n+3){
margin-right: 0;
}
.woocommerce .columns-5 ul.products li.last, 
.woocommerce-page .columns-5 ul.products li.last,
.woocommerce .columns-4 ul.products li.last, 
.woocommerce-page .columns-4 ul.products li.last {
margin-right: 2.975%;
}
.woocommerce-page .columns-5 ul.products li.first,
.woocommerce-page .columns-4 ul.products li.first{
clear:initial;
}
.woocommerce.woocommerce-page #page.container{
padding:0px 0px;
}
}
@media screen and (max-width: 1000px){
.woocommerce .wishlist_table a.button.alt{
padding:4px 7px;;
font-size:12px;
}
#page.no-sidebar ul.blog-content li{
width: 47.5%;
float: left;
margin-right: 5%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+3) {
margin-right: 5%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(2n+2) {
margin-right: 0%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+1) {
clear: inherit;
}
#page.no-sidebar ul.blog-content li:nth-of-type(2n+1) {
clear: left;
}
}
@media screen and (max-width: 930px){
.footer-bottom-left .leadform-show-form.leadform-lite .text-type{
width: 50%;
}
.centered {
display: inline-block;
width: 80%;
padding: 10px 15px;
color: #FFF;
border: none;
background: transparent;
}
#shopmain select#product_cat {
width: 120px;
font-size: 15px; 
}
#search-box input[type="text"] {
font-size: 15px;
}
#page.right .content-wrapper {
margin-right: 0px;
}
#page.left .content-wrapper {
margin-left: 0px;
}
.content-wrapper {
width: 100%;
margin-right: 0px;
}
.sidebar-wrapper {
max-width: 320px;
width: 100%;
float: left;
}
.sidebar {
margin: 0px;
}
@media screen and (max-width: 768px){
.top-left {
float: none;
width: 100%;
text-align: center;
}
.top-right {
float: none;
width: 100%;
text-align: center;
}
.top-right ul li{
padding: 10px 10px 10px 10px;
}
.top-left h3 {
padding: 0px 0px 0px 0px;
}
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next {
height: 25px;
width: 25px; 
}
.searchbox_1 {
top: -20px;
}
.submit_1{
height: 42px; 
}
@media screen and (-moz-os-version){ 
.submit_1{
bottom: 0px;
top: 0px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .submit_1{
bottom: 0px;
top: 0px;
} ::i-block-chrome,.submit_1{
bottom: 0px;
top: 0px;
} 
}
.search_1{
height: 42px;
font-size: 16px;
}
.submit_1:before{
font-size:18px; 
line-height: 23px;
}
.block-heading h2 ,.vedio-ribbon .video-title h2{
font-size: 28px;
line-height: 33px;
}
.block-heading .heading-border,.vedio-ribbon .heading-border {
height: 3px;
margin-top: 25px;
margin-bottom: 25px;
}
.featured-filter a {
font-size: 14px;
padding: 3px 10px;
margin: 0px 5px;
line-height:40px;
}
.featured-block ul{
width:100%;
margin:0 auto;
float:none;
}
ul.featured-grid li.featured-list {
width: 50%;
}
.woocommerce #featured_product_section .featured-filter a.button {
margin-top:10px; 
}
#featured_product_section .featured-filter .owl-item a.button {
margin-top:0px;
}
.sidebar {
margin-top: 0px;
} li.featured-boxed:nth-child(even) .product-content-wrapper {
padding:70px 0px 70px 0px;
}
li.featured-boxed:nth-child(odd) .product-content-wrapper {
padding:70px 0px 70px 0px;
}
li.featured-boxed .product-image-wrapper{
width: 100%;
}
li.featured-boxed .product-content-wrapper {
width: 100%;
}
#aboutus_section .block-heading {
text-align: center;
padding-bottom: 30px;
}
.amazing-block ul.amazing-list li {
margin-right: 0%;
}
.amazing-block ul.amazing-list li {
width: 100%;
float: none;
text-align: center;
}
.amazing-list li:first-child{
margin-bottom:60px!important;
}
.amazing-block ul.amazing-list li h3 {
font-size: 25px;
}
.amazing-block ul.amazing-list li p {
font-size: 16px;
line-height: 25px;
margin-top: 30px;
}
.amazing-block ul.amazing-list li.two {
margin-right: 0%;
}
#aboutus_section .flex-abt{
max-width:100%;
}
.hot-sell-block ul.sell{
max-width: 420px;
margin: 0 auto;
}
.hot-sell-block ul.sell li {
margin-right: 0%;
padding-bottom:20px;
}
.hot-sell-block ul.sell li {
width: 100%;
float: none;
}
.widget-content ul.sell-grid{
max-width:420px;
margin:0 auto;
}
.widget-content ul.sell-grid li.sell-list {
margin-right: 0%;
padding-bottom:20px;
}
.widget-content ul.sell-grid li.sell-list {
width: 100%;
float: none;
}
footer.footer-wrp .footer-menu-wrp {
float: none;
text-align: center;
margin-bottom:10px;
}
footer.footer-wrp .footer-menu-wrp-right {
float: none;
text-align: center;
margin-top:20px;
}
ul.footer-widget-column{
max-width:768px;
margin:0 auto;
}
ul.footer-widget-column li.widget {
width: 48%;
float: left;
}
ul.footer-widget-column li.widget:nth-of-type(2n+2){
margin-right: 0%;
}
ul.footer-widget-column li.widget:nth-of-type(3n+3){
clear:both;
}
ul.footer-widget-column li.widget:nth-of-type(4n+4){
margin-right: 2%;
}
.footer-bottom .footer-bottom-left, 
.footer-bottom .footer-bottom-right{
margin-top: 20px;
float: none;
width: 100%;
text-align: left;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li:first-child{
margin-left:0px;
margin-right:5px;
} #shopmain.woocommerce.woocommerce-checkout .col2-set,
#shopmain.woocommerce-checkout .woocommerce-page .col2-set {
width: 100%;
float: none;
margin-right: 0%;
}
.woocommerce-page .yith-wcwl-add-to-wishlist {
position: absolute;
top: 70px;
right: 10px;
}
.single-product .yith-wcwl-add-button{
letter-spacing: 0;
}
.woocommerce-page .yith-wcwl-wishlistexistsbrowse.show:before,
.woocommerce-page .yith-wcwl-wishlistaddedbrowse.show:before{
margin-right:0px; 
}
#commentsbox .comment-form-author, 
#commentsbox .comment-form-email, 
#commentsbox .comment-form-url {
display: block;
}
#commentsbox p.form-submit {
float: left;
}  .woocommerce-page .columns-5  ul.products li.product,
.woocommerce .columns-5  ul.products li.product{
margin-right: 2.975%;
clear: none;
}
.woocommerce .columns-5 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-5 ul.products li.product:nth-child(2n){
float: left;
}  .woocommerce-page .columns-4  ul.products li.product,
.woocommerce .columns-4  ul.products li.product,
.woocommerce-page .columns-3  ul.products li.product,
.woocommerce .columns-3  ul.products li.product,
.woocommerce-page .columns-2  ul.products li.product,
.woocommerce .columns-2  ul.products li.product{
width: 48%;
margin-right: 0%;
} 
.woocommerce .columns-4 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-4 ul.products li.product:nth-child(2n),
.woocommerce .columns-3 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-3 ul.products li.product:nth-child(2n),
.woocommerce .columns-2 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-2 ul.products li.product:nth-child(2n){
float: right;
margin-right:0;
} .woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary{
float: none;
width: 100%;
}
.woocommerce div.product form.cart .variations {
width: 100%;
}
#shopmain.woocommerce div.product form.cart .variations td.label {
padding-right: 1em;
}
#shopmain.woocommerce #customer_login .u-column2.col-2{
width:100%;
float:none;
}
#shopmain #add_payment_method #payment, 
#shopmain .woocommerce-cart #payment, 
#shopmain .woocommerce-checkout #payment,
#shopmain.woocommerce.woocommerce-checkout table.shop_table{
width: 100%;
}
}
@media screen and (max-width: 767px){  .woocommerce-page .columns-5  ul.products li.product,
.woocommerce .columns-5  ul.products li.product{
width: 48%;
margin-right: 0%;
} 
.woocommerce .columns-5 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-5 ul.products li.product:nth-child(2n){
float: right;
margin-right:0;
}
.flexslider .container_caption h2 a {
font-size: 35px;
line-height: 45px!important;
}
.flexslider .container_caption p {
font-size: 18px;
}
.flexslider .container_caption a.slider-button {
font-size: 12px;
padding: 10px 15px;
}
.woocommerce .wishlist_table a.button.alt{
padding:0; 
border:0;
}
.woocommerce .wishlist_table a.button.alt:hover{
background:none;
color:#e7c09c; 
}
.content-wrapper .content,.sidebar,.breadcrumb{
padding:0px;
}
}
@media screen and (max-width: 550px){
#shopmain select#product_cat{
position:relative;
}
#search-btn1 {
font-size: 18px;
}
.header-extra {
margin-right: 40px;
}
.da-slide .da-img {
display:none;
}
.header-extra ul.hdr-icon-list li.top-list {
display: inline-block;
}
.header-extra .top-list a.tooltip{
padding:27px 5px;
}
.cart-widget .fa-shopping-cart, .header-extra .fa-heart, .header-extra ul.hdr-icon-list li.accnt a.logged-in:before {
font-size: 17px;
}
.lst-post figure.blog-list p {
font-size:13px;
}
.lst-post figure.blog-list .blog-date b {
font-size: 16px;
}
.lst-post figure.blog-list span {
font-size: 12px;
}  
.page-block{
width: 100%;
padding-top:50px;
float: none;
margin: 0 auto;
}
ul.blog-content li {
width:100%;
float: none;
position: relative;
padding-bottom: 40px;
margin-right: 0%;
overflow: hidden;
}
.sidebar {
padding-top: 0px;
}
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
float: left;
}
.woocommerce-tabs ul.tabs, .woocommerce-tabs .panel{
width:100%;
float:none;
padding-left: 0px!important;
border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
float: left;
padding-right: 20px!important;  
}
.woocommerce-tabs ul.tabs li.active{
border:none!important;
}  .woocommerce-page .columns-5  ul.products li.product,
.woocommerce .columns-5  ul.products li.product,
.woocommerce-page .columns-4  ul.products li.product,
.woocommerce .columns-4  ul.products li.product,
.woocommerce-page .columns-3  ul.products li.product,
.woocommerce .columns-3  ul.products li.product,
.woocommerce-page .columns-2  ul.products li.product,
.woocommerce .columns-2  ul.products li.product{
width: 100%;
margin-right: 0;
float:none;
} 
.woocommerce .columns-5 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-5 ul.products li.product:nth-child(2n),
.woocommerce .columns-4 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-4 ul.products li.product:nth-child(2n),
.woocommerce .columns-3 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-3 ul.products li.product:nth-child(2n),
.woocommerce .columns-2 ul.products li.product:nth-child(2n),
.woocommerce-page .columns-2 ul.products li.product:nth-child(2n){
float: none;
margin-right:0;
}
#page.no-sidebar ul.blog-content li{
width:100%;
float: none;
margin-right: 0%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+3) {
margin-right: 0%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(2n+2) {
margin-right: 0%;
}
#page.no-sidebar ul.blog-content li:nth-of-type(3n+1) {
clear: inherit;
}
#page.no-sidebar ul.blog-content li:nth-of-type(2n+1) {
clear: inherit;
}
#shopmain .woocommerce-info a {
right: 0px;
bottom: 0px;
padding: 0;
font-size: 12px;
position: relative;
display: block;
text-align: center;
}
#search-btn {
padding: 27px 5px;
font-size: 17px;
}
.product-one .product-slide {
padding: 2px;
}
.woocommerce .featured-grid a.button {
padding: 10px;
font-size: 10px;
line-height: 10px;
}
.featured-grid .yith-wcwl-wishlistexistsbrowse.show, .featured-grid .yith-wcwl-wishlistaddedbrowse.show {
padding: 10px;
line-height: 10px;
font-size: 11px;
}
.featured-grid .icons i {
font-size: 10px;
font-weight: bold;
padding: 10px;
line-height: 11px;
}
ul.featured-grid li.featured-list {
width: 50%;
padding: 8px;
}
}
@media screen and (max-width: 480px){
.header-wrapper .logo {
width: 150px;
}
.featured-block ul{
max-width:300px;
width:100%;
margin:0 auto;
float:none;
padding-bottom:10px;
}
.hot-deal-block ul.deal li {
margin-right:0%;
padding-bottom:20px;
}
.hot-deal-block ul.deal li {
width: 100%;
float: none;
}
ul.footer-widget-column{
max-width:480px;
margin:0 auto;
}
ul.footer-widget-column li.widget {
width: 100%;
float: none;
}
#shopmain.woocommerce form.login {
border-radius: 0px;
width: 300px;
}
footer.footer-wrp .footer-menu-wrp ul, 
footer.footer-wrp .footer-menu-wrp-right ul {
display: block;
text-align: left;
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li:first-child, 
.footer-bottom-left .leadform-show-form.leadform-lite h1{
display:none; 
}
.footer-bottom .footer-bottom-right ul.footer-social-icon li.ft-fb {
margin-left: 0px;
}
.footer-bottom-left .leadform-show-form.leadform-lite .text-type {
width: 70%;
}
.hero-wrap.txt-media-right .align-wrap .image-align{
display:none;
}
.hero-wrap.txt-media-right .align-wrap .content-align {
display: block;
float: right;
width: 100%;
}
.hero-wrap.txt-media-left .align-wrap .image-align{
display:none;
}
.hero-wrap.txt-media-left .align-wrap .content-align {
display: block;
float: left;
width: 100%;
}
}
@media screen and (max-width: 479px){
.header-wrapper .title-desc {
width: 130px;
} 
}
@media screen and (min-width: 1700px){
.sidenav {
right: auto;
}
}
 .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.animated.infinite {
animation-iteration-count: infinite;
}
.animated.hinge {
animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
animation-duration: .75s;
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
transform: translate3d(0,0,0);
}
40%, 43% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -30px, 0);
}
70% {
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
transform: translate3d(0, -15px, 0);
}
90% {
transform: translate3d(0,-4px,0);
}
}
.bounce {
animation-name: bounce;
transform-origin: center bottom;
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
animation-name: flash;
} @keyframes pulse {
from {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scale3d(1, 1, 1);
}
}
.pulse {
animation-name: pulse;
}
@keyframes rubberBand {
from {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, .95, 1);
}
to {
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
animation-name: rubberBand;
}
@keyframes shake {
from, to {
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
transform: translate3d(10px, 0, 0);
}
}
.shake {
animation-name: shake;
}
@keyframes headShake {
0% {
transform: translateX(0);
}
6.5% {
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
transform: translateX(5px) rotateY(7deg);
}
31.5% {
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
transform: translateX(2px) rotateY(3deg);
}
50% {
transform: translateX(0);
}
}
.headShake {
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@keyframes swing {
20% {
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
transform: rotate3d(0, 0, 1, -5deg);
}
to {
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
transform-origin: top center;
animation-name: swing;
}
@keyframes tada {
from {
transform: scale3d(1, 1, 1);
}
10%, 20% {
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
transform: scale3d(1, 1, 1);
}
}
.tada {
animation-name: tada;
} @keyframes wobble {
from {
transform: none;
}
15% {
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: none;
}
}
.wobble {
animation-name: wobble;
}
@keyframes jello {
from, 11.1%, to {
transform: none;
}
22.2% {
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
animation-name: jello;
transform-origin: center;
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
animation-name: bounceIn;
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, 25px, 0);
}
75% {
transform: translate3d(0, -10px, 0);
}
90% {
transform: translate3d(0, 5px, 0);
}
to {
transform: none;
}
}
.bounceInDown {
animation-name: bounceInDown;
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInLeft {
animation-name: bounceInLeft;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
75% {
transform: translate3d(0, 10px, 0);
}
90% {
transform: translate3d(0, -5px, 0);
}
to {
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
animation-name: bounceInUp;
}
@keyframes bounceOut {
20% {
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
animation-name: bounceOut;
}
@keyframes bounceOutDown {
20% {
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
20% {
opacity: 1;
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
20% {
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
animation-name: bounceOutUp;
}
@keyframes thmkfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.thmkfadeIn {
animation-name: thmkfadeIn;
}
@keyframes thmkfadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.thmkfadeInDown {
animation-name: thmkfadeInDown;
}
@keyframes fadeInDownBig {
from {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInDownBig {
animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-50px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeft {
animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInLeftBig {
animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRight {
animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
from {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInRightBig {
animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUp {
animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
from {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fadeInUpBig {
animation-name: fadeInUpBig;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
animation-name: fadeOutUpBig;
}
@keyframes flip {
from {
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) scale3d(.95, .95, .95);
animation-timing-function: ease-in;
}
to {
transform: perspective(400px);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
animation-name: flip;
}
@keyframes flipInX {
from {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInX;
}
@keyframes flipInY {
from {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
animation-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
animation-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipInY;
}
@keyframes flipOutX {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@keyframes flipOutY {
from {
transform: perspective(400px);
}
30% {
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@keyframes lightSpeedIn {
from {
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
transform: skewX(20deg);
opacity: 1;
}
80% {
transform: skewX(-5deg);
opacity: 1;
}
to {
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
animation-name: lightSpeedIn;
animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
animation-name: lightSpeedOut;
animation-timing-function: ease-in;
}
@keyframes rotateIn {
from {
transform-origin: center;
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
transform-origin: center;
transform: none;
opacity: 1;
}
}
.rotateIn {
animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
from {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
transform-origin: left bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
from {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
transform-origin: right bottom;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
animation-name: rotateInUpRight;
}
@keyframes rotateOut {
from {
transform-origin: center;
opacity: 1;
}
to {
transform-origin: center;
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
from {
transform-origin: left bottom;
opacity: 1;
}
to {
transform-origin: left bottom;
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
from {
transform-origin: right bottom;
opacity: 1;
}
to {
transform-origin: right bottom;
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
animation-name: rotateOutUpRight;
}
@keyframes hinge {
0% {
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate3d(0, 0, 1, 80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40%, 80% {
transform: rotate3d(0, 0, 1, 60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
animation-name: hinge;
}
@keyframes jackInTheBox {
from {
opacity: 0;
transform: scale(0.1) rotate(30deg);
transform-origin: center bottom;
}
50% {
transform: rotate(-10deg);
}
70% {
transform: rotate(3deg);
}
to {
opacity: 1;
transform: scale(1);
}
}
.jackInTheBox {
animation-name: jackInTheBox;
} @keyframes rollIn {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
transform: none;
}
}
.rollIn {
animation-name: rollIn;
} @keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@keyframes zoomInLeft {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
animation-name: zoomInLeft;
}
@keyframes zoomInRight {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
animation-name: zoomInRight;
}
@keyframes zoomInUp {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
animation-name: zoomInUp;
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
animation-name: zoomOut;
}
@keyframes zoomOutDown {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center;
}
}
.zoomOutLeft {
animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center;
}
}
.zoomOutRight {
animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
40% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
animation-name: zoomOutUp;
}
@keyframes slideInDown {
from {
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
animation-name: slideInDown;
}
@keyframes slideInLeft {
from {
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
animation-name: slideInLeft;
}
@keyframes slideInRight {
from {
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
animation-name: slideInRight;
}
@keyframes slideInUp {
from {
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
animation-name: slideInUp;
}
@keyframes slideOutDown {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
animation-name: slideOutDown;
}
@keyframes slideOutLeft {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
animation-name: slideOutLeft;
}
@keyframes slideOutRight {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
animation-name: slideOutRight;
}
@keyframes slideOutUp {
from {
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
animation-name: slideOutUp;
}