@font-face {
font-family: 'titta';
src: local(titta),local(titta),url(https://www.savonsdititta.com/titta.woff2) format("woff2")
}

body {
background: #fff;
background-image: url("https://www.savonsdititta.com/wp-content/uploads/2023/06/back.jpg");
background-position: center center;
background-size: cover;
background-attachment: fixed;
color: #333;
}

input:focus::placeholder, textarea:focus::placeholder {
color: transparent
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
color: transparent
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
color: transparent
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
color: transparent
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
color: transparent
}

.logopages {
display:block;
position: fixed;
top: 0;
left: 0;
margin-left: 50px;
margin-top: 20px;
padding: 0px;
z-index: 99999;
width: 150px;
}

.logopages img {
width: 100%;
height: auto;
}

.page-id-328 section {
padding-top: 0px!important;
padding-bottom: 0px!important;
}

header.site-header {
background: #a38333 !important;
box-shadow: 0 1px 0 rgba(0,0,0,0) !important;
}

header.site-header .header-widgets .cart-counter .badge {
background-color: #bbcfac !important;
}

.page-id-328 header.site-header div.nav>ul>li.current-menu-ancestor>a:after, .page-id-328 header.site-header div.nav>ul>li.current-menu-item>a:after, .page-id-328 header.site-header div.nav>ul>li.current_page_ancestor>a:after, .page-id-328 header.site-header div.nav>ul>li.current_page_item>a:after, .page-id-328 header.site-header div.nav>ul>li.current_page_parent>a:after, .page-id-328 header.site-header ul.nav>li.current-menu-ancestor>a:after, .page-id-328 header.site-header ul.nav>li.current-menu-item>a:after, .page-id-328 header.site-header ul.nav>li.current_page_ancestor>a:after, .page-id-328 header.site-header ul.nav>li.current_page_item>a:after, .page-id-328 header.site-header ul.nav>li.current_page_parent>a:after {
    visibility: hidden !important;
}

header.site-header ul.nav>li>a:after {
background: #bbcfac !important;
}


footer.site-footer {
background: #403c3b !important;
}

.basflottant {
display:block;
position: fixed;
bottom: 0;
left: 0;
margin: 0px !important;
padding: 0px;
z-index: 99999;
width: 100%;
}

.basflottant ul {
list-style: none;
padding: 0px !important;
}

.basflottant li {
display: inline-block !important;
}


.logobas {
padding-left: 20px !important;
}

.logobas img {
height: 100px;
width: auto;
}

.site-footer {
display: none !important;
}

.copyrights {
background-color: #3e3a38 !important;
border-radius: 10px !important;
color: rgb(251, 249, 246, 0.7) !important;
padding-bottom: 4px !important;
padding-top: 5px !important;
padding-left: 9px !important;
padding-right: 9px !important;
text-transform: uppercase;
font-size: 8px !important;
}

.copyrights a {
color: rgb(251, 249, 246, 0.7) !important;
text-decoration: none !important;
}

.facebookbas img {
height: 50px;
width: auto;
transition: all 0.2s;
}

.instabas img {
height: 45px;
width: auto;
transition: all 0.2s;
}

.instabas {
padding-right: 0px;
}


.tikbas img {
height: 50px;
width: auto;
transition: all 0.2s;
}

.tikbas {
padding-right: 10px;
}

.facebookbas img:hover, .instabas img:hover, .tikbas img:hover {
opacity: 0.8;
transform: rotate(360deg);
}

.basmarge {
display:block;
height: 100px;
width: 100%;
}

.page-container .wpb_content_element.lab_vc_pagetitle h2 small {
color:#3e3a38 !important;
}

header.site-header div.nav>ul li a, header.site-header ul.nav li a {
color: #fcfbfa !important;
}

header.site-header.sticky.sticked .header-menu .lab-mini-cart {
border-radius: 10px !important;
}

header.site-header div.nav>ul li a, header.site-header ul.nav li a {
border-radius: 10px !important;
}

header.site-header div.nav>ul li a:hover, header.site-header ul.nav li a:hover {
color: #000 !important;
padding-top:5px !important;
padding-bottom:5px !important;
border-radius: 10px !important;
}

.post-formatting a:hover {
text-decoration: none !important;
color:#3e3a38 !important;
}

.page-container .wpb_content_element.wpb_gallery .wpb_image_grid a {
border: 0px !important
}

.page-container .wpb_content_element.wpb_gallery .wpb_image_grid li {
width: 16.66666666% !important;
margin-left: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}

.contactbas1 {
width: 44% !important;
}
.contactbas2 {
width: 22.666666666% !important;
}
.contactbas3 {
width: 33.33333333% !important;
}

.contactbas1 input[name="your-name"], .contactbas1 input[name="your-email"]{
width: 88% !important;
border: 1px solid #000 !important;
border-radius: 10px !important;
height: 30px !important;
margin-bottom: 5px !important;
padding-left: 2%;
}

.contactbas1 textarea{
width: 88% !important;
border: 1px solid #000 !important;
border-radius: 10px !important;
padding-left: 2%;
padding-top: 5px;
resize: none !important;
}

.contactbas1 input[type="submit"]{
width: 88% !important;
border: 1px solid #000 !important;
border-radius: 10px !important;
height: 30px !important;
padding-left: 0 !important;
padding-right: 0 !important;
background-color: #3e3a38 !important;
border-color: #3e3a38 !important;
color: #f4f0ed !important;
transition: all 0.2s;
}

.contactbas1 input[type="submit"]:hover{
background-color: #a38333 !important;
border-color: #a38333 !important;
color: #000 !important;
}

.lb-data .lb-number {
display: none !important;
}

.lb-outerContainer {
border-radius: 10px !important;
background-color: transparent !important;
}

.lightbox .lb-image {
border-radius: 10px !important;
border: 0 !important;
}

.header-spacer {
display: none !important;
height:0px !important;
}

header.site-header.sticky.sticked.header-type-1 .header-menu .logo a,  header.site-header .header-widgets .cart-counter svg, .logopages, .logobas {
transition: all 0.2s;

}

header.site-header.sticky.sticked.header-type-1 .header-menu .logo a:hover,  header.site-header .header-widgets .cart-counter svg:hover, .logopages:hover {
transform: scale(1.1);
}

.logobas:hover {
transform: scale(1.03);
}

.woocommerce .products .product .item-image img, .image-placeholder img.lazyloaded, .image-placeholder.image-loaded>img, .image-placeholder img.lazyloaded, .image-placeholder.image-loaded>img, .contactbas3 img, .isotope-item img {
border-radius: 10px !important;
}
	
.contactbas2 img {
max-height: 40px !important;
}


.contactbas2 img:hover, .contactbas2 img:hover {
opacity: 0.8;
transform: rotate(360deg);
}

.contactbas2 h2 {
font-family:titta !important;
font-size: 35px !important;
}

.page-container .wpb_content_element.lab_vc_pagetitle h2 {
font-family:titta !important;
font-size: 50px !important;
}


.page-container .wpb_content_element.lab_vc_pagetitle h2 small {
font-family: 'Roboto',sans-serif; !important;
}

.page-id-328 .logopages {
animation: logopages 5s;
-webkit-animation: logopages 5s; /* Safari and Chrome */
}
@keyframes logopages 
{
  0% { margin-top:-700px; }
  100% { margin-top:20px; }
}

@-webkit-keyframes logopages /* Safari and Chrome */
{
  0% { margin-top:-700px; }
  100% { margin-top:20px; }
}

.page-id-328 .basflottant {
animation: basflottant 4s;
-webkit-animation: basflottant 4s; /* Safari and Chrome */
}
@keyframes basflottant 
{
  0% { bottom: -100px; }
  90% { bottom: -100px; }
  100% { bottom: 0; }
}

@-webkit-keyframes basflottant /* Safari and Chrome */
{
  0% { bottom: -100px; }
  90% { bottom: -100px; }
  100% { bottom: 0; }
}

.page-id-328 .logo-dimensions, .page-id-328 .sidebar .sidebar-entry .product_list_widget li img, .page-id-328 header.site-header .header-menu .logo a img {
animation: logo 3s;
-webkit-animation: logo 3s; /* Safari and Chrome */
}
@keyframes logo 
{
  0% { opacity: 0;transform:scale(0); }
  100% { opacity: 1;transform:scale(1); }
}

@-webkit-keyframes logo /* Safari and Chrome */
{
  0% { opacity: 0;transform:scale(0); }
  100% { opacity: 1;transform:scale(1); }
}

.woocommerce-tabs, .wc-tabs-wrapper, .header-links {
display: none !important;
}

.woocommerce .button.button-secondary {
background-color: #a38333 !important;
}

.woocommerce-breadcrumb, .page-heading small, .woocommerce .woocommerce-cart-form .shop_table tr td, .woocommerce .woocommerce-cart-form .shop_table tr th, .woocommerce .cart_totals .shop_table tr th, .woocommerce #order_review .shop_table thead>tr:first-child td, .woocommerce #order_review .shop_table thead>tr:first-child th, .woocommerce .cart_totals .shop_table thead>tr:first-child td, .woocommerce .cart_totals .shop_table thead>tr:first-child th, .woocommerce #order_review .shop_table tfoot>tr:first-child td, .woocommerce #order_review .shop_table tfoot>tr:first-child th, .woocommerce .cart_totals .shop_table tfoot>tr:first-child td, .woocommerce .cart_totals .shop_table tfoot>tr:first-child th, .woocommerce #order_review .shop_table tr:last-child th, .woocommerce #order_review .shop_table tr th, .woocommerce .cart_totals .shop_table tr th  {
color: #3e3a38 !important;
}

.xoo-wsc-basket {
    top: 12px;
    right: 0px!important;
    background-color: #ffffff;
    color: #000000;
    box-shadow: 0 1px 4px 0;
    border-radius: 50%;
}

#shiftnav-toggle-main {
display:none !important;
}


#shiftnav-toggle-main.shiftnav-toggle-edge-right {
right: -200px !important
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
color: #ffffff !important
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target{
color: #000000 !important;
background: #403c3b !important;
border-top-color: #403c3b !important;
border-bottom-color: #403c3b !important
}

.shiftnav {
width: 100% !important;
max-width: 100% !important
}

.shiftnav.shiftnav-skin-standard-dark{
background: #403c3b !important;
color: #fff !important;
font-size: 20px !important;
text-align: center !important
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
border-top-color: #403c3b !important;
background: #403c3b !important;
color: #fff !important
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target {
color: #fff !important;
border-bottom: 1px solid #403c3b !important;
border-top: 1px solid #403c3b !important;
text-shadow: 0 1px 1px rgb(0 0 0 / 0%) !important;
background: #403c3b !important
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
background: #403c3b !important
}

.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 10px !important;
padding-bottom: 10px !important
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target{
border-bottom: 0 !important;
border-top: 0 !important;
text-shadow: 0 0 0px rgba(0,0,0,0) !important
}
	
.shiftnav:after {
-webkit-box-shadow: 0 0 0px rgba(0,0,0,0) !important;
-moz-box-shadow: 0 0 0px rgba(0,0,0,0) !important;
-ms-box-shadow: 0 0 0px rgba(0,0,0,0) !important;
-o-box-shadow: 0 0 0px rgba(0,0,0,0) !important;
box-shadow: 0 0 0px rgba(0,0,0,0) !important
}
.shiftnav-main-toggle-content {
font-family:titta !important;
font-size: 25px !important;
}
	
.shiftnav-toggle-burger {
background: #1d1d20 !important;
}

.image-placeholder {
background: transparent !important;
}

.pswp__caption, .pswp__caption--fake, .pswp__button, .pswp__button--zoom, .pswp__button, .pswp__button--fs{
display: none !important;
}

.woocommerce .products .product .item-info h3 a {
text-overflow: ellipsis !important;
white-space: nowrap !important;
overflow: hidden !important;
width: 100% !important;
display:inline-block !important;
}

.menu-item-2077 a {
margin-top: 30px !important;
font-size: 20px !important;
}

.menu-item-2078 a {
font-size: 20px !important;
}

.menu-item-2079 a {
margin-bottom: 30px !important;
font-size: 20px !important;
}


.woocommerce .payment_methods .wc_payment_method img {
display: none !important;
}


@media (max-width: 1560px) {
.header-menu .logo{
display: none !important;
}
}

@media (max-width: 1400px) {
.logopages {
top: 40px;
}
}

@media (max-width: 1065px) {
.basflottant, .logopages, .xoo-wsc-container {
display: none !important;
}	
.header-menu .logo{
display: block !important;
}
}

@media (max-width: 890px) {
header.site-header div.nav>ul>li>a, header.site-header ul.nav>li>a {
    font-size: 15px;
    padding-right: 10px;
    padding-left: 10px;
}	
}

@media (max-width: 770px) {
#shiftnav-toggle-main {
display:block !important;
}
	
.mobile-menu-fixed-spacer, .mobile-menu{
display: none !important;
}
	
.contactbas1, .contactbas2, .contactbas3 {
width: 100% !important;
}
	
.contactbas1 input[name="your-name"], .contactbas1 input[name="your-email"]{
width: 100% !important;
padding-left: 0%;
text-align: center !important;
}

.contactbas1 textarea{
width: 100% !important;
padding-left: 0%;
text-align: center !important;
}

.contactbas1 input[type="submit"]{
width: 100% !important;
text-align: center !important;
}
	
.basmarge {
height: 0px;
}

.contactbas2 {
text-align: center !important;
}
	
.contactbas2 img {
max-height: 40px !important;
width: auto !important;
}
	
.page-container .wpb_content_element.wpb_gallery .wpb_image_grid li {
width: 50% !important;
}	
	
.lab_wpb_products_carousel{
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: 0px !important;
}
	
#menu-item-2043 .shiftnav-target, #menu-item-2044 .shiftnav-target {
font-size: 12px !important;
padding: 0px !important;
}
	
#menu-item-2035 .shiftnav-target, #menu-item-2038 .shiftnav-target, #menu-item-2039 .shiftnav-target {
font-size: 14px !important;
padding: 0px !important;
}
#menu-item-2035 .shiftnav-target{
	padding-top: 30px !important;
}
	
#menu-item-2040 .shiftnav-target {
font-size: 14px !important;
padding-top: 0px !important;
}
	
#menu-item-2034 {
font-family:titta !important;
font-size: 35px !important;
padding-top: 30px !important;
}
}