@font-face {
    font-family: 'indy';
	src: url('w/indiepimptbs-webfont.eot');
    src: url('w/indiepimptbs-webfont.eot?#iefix') format('embedded-opentype'),
         url('w/indiepimptbs-webfont.woff2') format('woff2'),
         url('w/indiepimptbs-webfont.woff') format('woff'),
         url('w/indiepimptbs-webfont.ttf') format('truetype'),
         url('w/indiepimptbs-webfont.svg#indy_pimpregular') format('svg');

    font-weight: normal;
    font-style: normal;
}
#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
/************** ALL LEVELS  *************/
.yt-menu-nav{
}
.yt-menu-nav #nav > li{
	margin-left:15px;
		margin-right:95px;
		padding-top:25px;

}

@media only screen and (max-width: 1200px) {
    .yt-menu-nav #nav > li{  margin-left:0px;
		margin-right:55px;
		
	}
	.yt-menu-nav {
    display: inline-block;
    float: none !important;
    margin-left: -90px;
}

}


.yt-menu-nav #nav > li > a{
	width:120px;
	height:120px;
	text-align:left;
}
.yt-menu-nav #nav > li > a{ 
	position:relative;
	z-index:1;
}
.yt-menu-nav #nav > li,
.yt-menu-nav #nav > li:hover{ 
	/*height:180px; */
	padding-bottom:00px;
	width:120px;
	height: 40px;
}
/*.yt-menu-nav #nav > li.active > a,*/	
/*.yt-menu-nav #nav > li > a:hover{
	width:140px;
	height:140px;
	margin:-10px;
	position:relative;
	z-index:2;
	color:#666;
}*/
.yt-menu-nav #nav > li > a:hover{
	width:140px;
	height:140px;
	position:relative;
	z-index:2;
	color:#666;
}
/*.yt-menu-nav #nav > li.active > a > span,*/
.yt-menu-nav #nav > li > a:hover > span{
	/*padding-top:145px;*/
}
.yt-menu-nav #nav > li.parent > a > span:after{
	/*content: "\f107";*/
	font-family: 'FontAwesome';
	font-size:15px;	
	color:#666;
	font-weight:lighter;
	line-height: 100%;
	padding-left:10px;
}

span
{
	/*font-family:"indy";*/
}

.yt-menu-nav #nav > li > a > span{
	display:inline-block;
	letter-spacing:2px;
	padding-top:0;
	font-size:2.3em;
	text-transform: uppercase;
	text-align:center;
	width: 100%;
	font-family:"indy";
}


.yt-menu-nav #nav li.nav-home > a{
	background:url(../images/ico-menu1.png) no-repeat center center #69a1ef;
}
/*.yt-menu-nav #nav > li.level0.nav-1.active > a > span:after,
.yt-menu-nav #nav li.level0#parent_menu1.active > a,
.yt-menu-nav #nav li.level0.nav-1.active > a{
	color:#ffa526;
}*/
.yt-menu-nav #nav li.level0#parent_menu1 > a,
.yt-menu-nav #nav li.level0.nav-1 > a{
	background:no-repeat center center rgb(0, 158, 224);
	width:211px;
border-radius: 22px;
height: 47px;
transform: rotate(-11deg);
-ms-transform: rotate(-11deg);
-webkit-transform: rotate(-11deg);
}

.yt-menu-nav #nav li.level0#parent_menu2 > a,
.yt-menu-nav #nav li.level0.nav-2 > a{
		background: no-repeat center center rgb(225, 0, 122);

	width:211px;
border-radius: 22px;
height: 47px;
transform: rotate(-3deg);
}

.yt-menu-nav #nav li.level0#parent_menu3 > a,
.yt-menu-nav #nav li.level0.nav-3 > a{
		background: no-repeat center center rgb(110, 205, 57);

	width:211px;
border-radius: 22px;
height: 47px;
 transform: rotate(9deg);
-ms-transform: rotate(9deg);
-webkit-transform: rotate(9deg);
}



.yt-menu-nav #nav li.level0#parent_menu4 > a,
.yt-menu-nav #nav li.level0.nav-4 > a{
		background: no-repeat center center rgb(242, 148, 1);

	width:211px;
border-radius: 22px;
height: 47px;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
}

.yt-menu-nav #nav li.level0#parent_menu5 > a,
.yt-menu-nav #nav li.level0.nav-5 > a{
		background: no-repeat center center rgb(19, 186, 199);

	width:211px;
border-radius: 22px;
height: 47px;
transform: rotate(10deg);
-ms-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
}
.yt-menu-nav #nav li.level0#parent_menu1 > a span,
.yt-menu-nav #nav li.level0.nav-1 > a span{
color:#ccecf9;
}
.yt-menu-nav #nav li.level0#parent_menu2 > a span,
.yt-menu-nav #nav li.level0.nav-2 > a span{
color:#f9cbe3;

}
.yt-menu-nav #nav li.level0#parent_menu3 > a span,
.yt-menu-nav #nav li.level0.nav-3 > a span{
	color:#e3f6cf;

}
.yt-menu-nav #nav li.level0#parent_menu4 > a span,
.yt-menu-nav #nav li.level0.nav-4 > a span{
	color:#fce9cb;

}

.yt-menu-nav #nav li.level0#parent_menu5 > a span,
.yt-menu-nav #nav li.level0.nav-5 > a span{
color:#cff1f4; 

}





#nav li.over {
	z-index: 999;
}
#nav a, #nav a:hover,
#nav a:active, #nav a:focus {
	display: block;
	text-decoration: none;
}
#nav span {
	display: block;
	cursor: pointer;
	white-space: nowrap;
}
#nav li ul span {
	white-space: normal;
	padding: 0;
}

/************ 0 LEVEL  ***************/
#nav > li {
	float: left;
	position: relative;
}

/************ show 2ND LEVEL ************/
#nav ul {
	/*position: absolute;
	min-width:180px;
	top: 0px;
	left: -10000px;
	margin: 0;
	z-index:1;*/
 position: absolute;
  min-width: 180px;
  top: 60px;
  left: 0;
  /* margin: 0; */
  /* z-index: 1; */




}

/*style*/

#nav ul.level0 {
	background-color:#fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	
}
#nav li.parent ul.level0 li.level1 { 
	margin:5px;
	padding:5px 10px;
}
#nav li.parent ul.level0 li.level1 > a{
	font-size:133%;
	color:#fff;
}
#nav li.parent ul.level0 li.level1:first-child {
	
}

#nav li.parent ul ul.level1{
	background-color:#fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
#nav li.parent ul .level1 li.level2{
	border-bottom:1px solid #ddd;
	padding:20px;
}
#nav li.parent ul .level1 li.level2 > a{
	line-height:100%;
}
	
#nav > li.over > ul { 
   top: 180px;
   left: 0;
}
#nav li.over > ul li.over > ul { 
	top: 0px; 
	left: 177px; 
}
#nav li.over ul ul { 
	left: -10000px; 
}


/* Split Menu */

#nav > li.over > ul
{
	top:60px !important;
} 

.nav-1 > ul > li
{
	background-color:#0099cc !important;
	border-radius:10px !important;
	
} 

.nav-1 > ul > li:hover
{
	background-color:#6699cc !important;
	
} 

.nav-2 > ul > li
{
	background-color:#cc0066 !important;
	border-radius:10px !important;
}

.nav-2 > ul > li:hover
{
	background-color:#cc3399 !important;
}

.nav-3 > ul > li
{
	background-color:#66cc33 !important;
	border-radius:10px !important;
}

.nav-3 > ul > li:hover
{
	background-color:#99cc66 !important;
}

.nav-4 > ul > li
{
	background-color:#ff9900 !important;
	border-radius:10px !important;

}
.nav-4 > ul > li:hover
{
	background-color:#ff6600 !important;
}
.nav-5 > ul > li
{
	background-color:#00cccc !important;
	border-radius:10px !important;
}
.nav-5 > ul > li:hover
{
	background-color:#99cccc !important;
}
#nav .nav-2 ul.level0, #nav .nav-3 ul.level0, #nav .nav-4 ul.level0,#nav .nav-1 ul.level0,#nav .nav-5 ul.level0
{
	background-color:transparent !important;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0) !important;
	margin-top:10px;
}

.nav-2-1,.nav-4-1,.nav-1-1 {

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);}
.nav-2-2,.nav-4-2,.nav-3-1,.nav-5-1,.nav-1-2 {

    transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	}
.nav-2-3,.nav-4-3,.nav-3-2,.nav-5-2,.nav-1-3 {

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);}
.nav-2-4,.nav-3-3,.nav-1-4 {

    transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);}
.nav-2-5,.nav-3-4 ,.nav-1-5{

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);}
.nav-2-6 ,.nav-3-5,.nav-1-6{

    transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);}
.nav-2-7,.nav-3-6,.nav-1-7 {

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);}
.nav-2-8,.nav-1-8 {

    transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);}
.nav-2-9,.nav-1-9 {

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);}
.nav-2-10,.nav-1-10 {

    transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);}
.nav-2-11,.nav-1-11 {

    transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
}

@media only screen and (max-width:991px){
	.nav-2-1,.nav-4-1,.nav-1-1 {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);}
	.nav-2-2,.nav-4-2,.nav-3-1,.nav-5-1,.nav-1-2 {
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	.nav-2-3,.nav-4-3,.nav-3-2,.nav-5-2,.nav-1-3 {
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		}
	.nav-2-4,.nav-3-3,.nav-1-4 {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-5,.nav-3-4 ,.nav-1-5{
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-6 ,.nav-3-5,.nav-1-6{
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-7,.nav-3-6,.nav-1-7 {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-8,.nav-1-8 {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-9,.nav-1-9 {
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-10,.nav-1-10 {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
		}
	.nav-2-11,.nav-1-11 {
	
		transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	
	}	
	
}


.logo-footer
{

    left: 140px;
    position: absolute;
    top: -10px;

}

@media only screen and (max-width: 1620px) {
    .logo-footer{  
	display:none;
	}

}

.scatola
{
	position:relative;
	
}

.box
{
	position:relative;
	bottom: 6px;
}

.logo
{
	margin-top:-20px;
}
@media only screen and (max-width: 727px) {

	.logo-desc
	{
		display:none;
		
		}
}
@media only screen and (max-width: 1200px) {


		.yt-header-content .logo .logo-desc, .yt-header-content .logo a
		{
			float:none !important;
		}
}

.pimptitle {
    position: relative;
    top: 10px;
}
.yt-header-content
{
	width:100%
}





@media only screen and (max-width: 995px) {
    .Gattiimage, .Caniimage, .Roditoriimage, .Uccelliimage, .Pesciimage, .Dogsimage, .Fishesimage, .Rodentsimage,.Catsimage{  
	display:none;
	}

}




.Roditoriimage, .Rodentsimage
{
		z-index:0;

    bottom: 150px;
    left: 45px;
    width: 100%;
	position:relative;
		opacity:0;
	-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}
.Gattiimage, .Catsimage
{
	z-index:0;
	position:relative;
	bottom: 150px;
	width:140%;
		opacity:0;
	-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}

.products-grid .product-info .product-name
{
	font-family:"indy";
	letter-spacing:1px;
}

.Uccelliimage,.Birdsimage
{
		z-index:0;

	position:relative;
bottom: 162px;
		opacity:0;
		    width: 140%;
	-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}
.Pesciimage, .Fishesimage
{
			opacity:0;

		z-index:0;
    width: 120%;
	left: 30px;
	position:relative;
	bottom:130px;
	-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-ms-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;

}
.Caniimage, .Dogsimage
{
		z-index:0;

	position:relative;
	    bottom: 165px;
    left: 44px;
	width:110%;
		animation: fadeAnimationin 0.3s;
		visibility:hidden;
		display:none;

}
.nav-1 a:hover + .Caniimage, .nav-1 a:hover + .Dogsimage
{
	
	animation: fadeAnimation 0.3s;
	opacity: 1;
	visibility:visible;
	display:inline;
}

@media screen and (max-width:991px){
	.nav-1 a:hover + .Caniimage, .nav-1 a:hover + .Dogsimage{
		animation: fadeAnimation 0.3s;
		opacity: 1;
		visibility: hidden;
		display:none;
	}
}

@keyframes fadeAnimation {
    0% {
		visibility:visible;
        opacity: 0;
    }
    25% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeAnimationin {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0.25;
    }
    100% {
		visibility:hidden;
        opacity: 0;
    }
}

.nav-3 a:hover + .Roditoriimage , .nav-3 a:hover + .Rodentsimage
{
	opacity:1;
	
}
.nav-2 a:hover + .Gattiimage, .nav-2 a:hover + .Catsimage
{
	opacity:1;
	
}
.nav-5 a:hover + .Pesciimage,.nav-5 a:hover + .Fishesimage
{
	opacity:1;
	
}
.nav-4 a:hover + .Uccelliimage,.nav-4 a:hover + .Birdsimage
{
	opacity:1;
	
}

.pimptitle
{
	display:none;
}

.yt-header-content
{
	background-color:#f2f2f2;
}

@media screen and (min-width:768px){
.yt-header-content .logo{
text-align: left!important;
    top:-50px;
}
}
@media screen and (max-width:768px){
text-align: center!important;
    top:0px;
}

.std {

    z-index: 999999;
}

#yt_content .yt-slideshow
{
	z-index:-999;
}

.tag-content h4
{
	text-transform: uppercase;
}
.tag-content h4 p{
	text-transform: lowercase;
}