/* 

STRUTTURA FOGLIO DI STILE
(cerca con "css nomeblocco")

- css struttura

- css header

- css navbar

- css home

- css contenuti

- css colonna

- css bottom

- css generali

- css bootstrap

- css video

- css form

 */




/*  ----------------------------------- css struttura  -----------------------------------  */

body {
  background: #fff url(../img/bg.jpg) no-repeat center 150px;
  overflow:hidden;
}
body.uk-offcanvas-page {
  overflow:visible !important;
}

body.homepage .page-header{display:none;}

#tm-main-bottom {
    margin-top: 0px;
}

/* Personalizzazione larghezze contenuto e sidebar */
@media (min-width: 768px){
	.tm-main.uk-width-medium-3-4 {
		width: 70%;
	}
	.tm-sidebar-b.uk-width-medium-1-4 {
		width: 30%;
	}
}




/*  ----------------------------------- css header  -----------------------------------  */
@media (min-width: 1220px) {
	.tm-headerbar, .tm-navbar, .tm-footer {
		margin-top: 35px;
		margin-bottom: 15px;
	}
}

.uk-search {
	background:#f2f2f2;
}





/*  ----------------------------------- css navbar  -----------------------------------  */
.tm-navbar{
  padding:0;
  margin:8px 0 0 0;
}
.tm-middle{
  margin-top:35px;
}
.uk-navbar {
  background: #717171;
  color: #fff;
}

@media (max-width: 767px){
.tm-navbar:not(.uk-navbar-attached) {
  border-radius: 0;
  background-color: #ffffff;
}
}

.uk-navbar-content, .uk-navbar-brand, .uk-navbar-toggle {
  height:auto;
}

.uk-navbar-nav > li > a {
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  height: 40px;
  padding: 0 14px;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
  background-color: #999; /* BG COLOR hover level 1 */
  color: #fff;
}
.uk-navbar-nav > li:hover > .btn-ambiente, .uk-navbar-nav  .btn-ambiente + .uk-dropdown li a:hover, .uk-navbar-nav > li.uk-active > .btn-ambiente {
  background-color: #8ec54f; /* Stati personalizzati  categoria AMBIENTE */
}
.uk-navbar-nav > li:hover > .btn-edilizia, .uk-navbar-nav .btn-edilizia + .uk-dropdown li a:hover, .uk-navbar-nav > li.uk-active > .btn-edilizia {
  background-color: #f29135; /* Stati personalizzati  categoria EDILIZIA */
}
.uk-navbar-nav > li:hover > .btn-energie, .uk-navbar-nav .btn-energie + .uk-dropdown li a:hover, .uk-navbar-nav > li.uk-active > .btn-energie {
  background-color: #00aeea; /* Stati personalizzati  categoria ENERGIE */
}
.uk-navbar-nav > li.uk-active > a {
  background-color: #333; /* BG COLOR ACTIVE level 1 */
  color: #fff;
}
.uk-navbar-nav > li.uk-active > a:hover {
  background-color: #999;  /* BG COLOR hover ACTIVE level 1 */
}
.uk-nav > li > a:hover {
  background-color: #717171; /* BG COLOR hover level 2 */
}







/*  ----------------------------------- css home  -----------------------------------  */

body.homepage #tm-main-bottom .uk-slideshow .uk-overlay-panel .uk-margin {
	margin-right: 120px;
}

body.homepage #tm-main-bottom {
	margin-top:0px;
}
body.homepage .tm-main-bottom .uk-panel {
	margin-top:10px;
}
body.homepage .tm-main-bottom .uk-panel:first-child { 
	margin-top:0px; /* per allineamento con inizio colonna */
	margin-bottom:38px;
}

body.homepage .tm-main-bottom .uk-h2 {
	text-transform:uppercase;
	font-size:19px;
	color:#4d4d4d;
	padding: 7px 5px 5px 35px;
	font-family: 'Roboto Slab', Helvetica, sans-serif;
	font-weight:bold;
}
body.homepage .tm-main-bottom .hp-energie .uk-h2 {
	background: #f2f2f2 url(../img/title-energie.png) no-repeat left center;
}
body.homepage .tm-main-bottom .hp-edilizia .uk-h2 {
	background: #f2f2f2 url(../img/title-edilizia.png) no-repeat left center;
}
body.homepage .tm-main-bottom .hp-ambiente .uk-h2 {
	background: #f2f2f2 url(../img/title-ambiente.png) no-repeat left center;
}

body.homepage .tm-main-bottom .uk-slideshow, body.homepage .tm-main-bottom img {
	border: 1px solid #ccc;
}

body.homepage .tm-main-bottom .meta {
	margin: 15px 0 0 0;
}
body.homepage .tm-main-bottom .meta a {
	font-weight:bold;
}

body.homepage .tm-main-bottom h3.title {
	font-size:16px;
	line-height: 20px;
	font-weight:bold;
	margin: 10px 0 5px 0;
}

body.homepage .tm-main-bottom .hp-energie .meta a, body.homepage .tm-main-bottom .hp-energie h3.title a:hover {
	color:#00aeea;
}
body.homepage .tm-main-bottom .hp-ambiente .meta a, body.homepage .tm-main-bottom .hp-ambiente h3.title a:hover {
	color:#75ba27;
}
body.homepage .tm-main-bottom .hp-edilizia .meta a, body.homepage .tm-main-bottom .hp-edilizia h3.title a:hover {
	color:#f67800;
}

.tab-home .uk-grid {margin-top:0px;}
.tab-home hr {margin:10px 0; border-top: 1px solid ##BBBABA;}





/*  ----------------------------------- css contenuti  -----------------------------------  */

#yoo-zoo .item .pos-top {
	background:#fff;
    margin: 30px 0 10px 0;
	padding: 13px 18px 13px 18px;
	border: 10px solid #ececec;
}
#yoo-zoo .item .pos-top .element-itemcategory{
	float:right;
}
#yoo-zoo .item .pos-top .element-date{
	font-weight:bold;
}
#yoo-zoo .item .pos-top .pos-title {
	margin-top:0px;
	padding-top:20px;
	font-size:35px;
}
#yoo-zoo .item .pos-top .pos-title a{
	color:#dd0202;
}
#yoo-zoo .item .pos-top .pos-meta{
	padding:0;
    margin: 4px 0 0 0;
    font-size: 18px;
    line-height: 24px;
    color: #8C8C8C;
}

#yoo-zoo div.item div.pos-description .element-datepro, #yoo-zoo .items div.pos-description .element-datepro {
    background: none;
	padding-left:0;
	color:#777;
}

#yoo-zoo .item div.pos-content p{ 
   text-align:justify;
   }


/* pos bottom */
#yoo-zoo .pos-bottom h3:first-child{
    margin:20px 0 0 0;
	padding: 5px 0 5px 20px;
	color:#fff;
	background-color: #A5A5A5;
}
#yoo-zoo .uk-panel-box-primary {
    background-color: #F2F2F2;
    color: #555;
}
#yoo-zoo .uk-panel-box-primary p{
	text-align:justify;
}
#yoo-zoo .pos-bottom .row{
	margin-top:18px;
}
#yoo-zoo .pos-bottom hr{
	margin-bottom:3px;
}


/* categories */
#yoo-zoo .categories {
	background:#f5f5f5;
	padding:18px;
	font-size:14px;
}
#yoo-zoo .categories h2.title {
    line-height: 22px;
    font-size: 14px;
    font-weight: normal;
}
#yoo-zoo .categories h2.title span {
    font-size: 13px;
}


/* condividi */
.element.element-socialbookmarks {
    padding: 0px 5px 5px 5px;
}

/* speciali */
.pos-top2 .element.element-image.element-imagepro.last{
	margin-top:30px;
}

/* aziende e prodotti */
#yoo-zoo.cookbook-custom-aziende-e-prodotti .description{
	overflow:hidden;
	border-left: 1px solid #ccc;
	padding: 0 0 0 15px;
}
#yoo-zoo.cookbook-custom-aziende-e-prodotti .description .element{
	border: none;
    padding: 0px;
    background: none;
}
#yoo-zoo.cookbook-custom-aziende-e-prodotti .description .element ul{
	padding-left:20px;
	margin:0;
}
#yoo-zoo.cookbook-custom-aziende-e-prodotti .pos-title{
	margin-bottom:0;
}

/* prodotti */
#yoo-zoo.cookbook-custom .teaser-item .pos-bottom .element{
	display:inline-block;
	border:none;
	background:none;
	padding:5px 0;
}






/*  ----------------------------------- css colonna  -----------------------------------  */

/* Gestione comune per  box in sidebar e box in media-right  */

#yoo-zoo .item .floatbox .media-right .element, #yoo-zoo .item  .pos-sidebar-new > div, .pos-bottom .element{
    border: 1px solid #eee;
    padding: 10px;
	background:#f2f2f2;
}
#yoo-zoo .item  .pos-sidebar-new > div { /* tutti i div figli diretti di .pos-sidebar-new */
    margin-bottom:15px;
}
.row h3, .tm-sidebar-b .uk-panel h3, #yoo-zoo .item .floatbox .media-right .element h3, #yoo-zoo .item  .pos-sidebar-new h3, .element-joomlamodule h3,  #yoo-zoo .pos-bottom .element h3{
    border-bottom: 5px solid #2b76b7;
	color:#2b76b7;
	font-family: 'Roboto Slab', Helvetica, sans-serif;
	font-size:15px;
	line-height: 20px;
	text-transform:uppercase;
	margin:0 0 15px 0;
	padding: 15px 0 3px 0;
	background: url(../img/corner-box.gif) no-repeat right top;
}
.pos-sidebar-new img {
    display: inline-block !important;
}
.tm-sidebar-b .banner-home .uk-grid-width-xlarge-1-2 > *, .tm-sidebar-b .banner-home .uk-grid-width-xlarge-1-3 > *, .tm-sidebar-b .banner-home .uk-grid-width-xlarge-1-4 > * {
    width: 100%;
}


 /* Tab FOCUS - SPECIALI - CALENDARIO */
 .uk-panel.tab-home {
    border: 1px solid #ccc;
    border-top: none;
}
 
 .tm-sidebar-b .uk-tab {
    border:none;
}
.tab-home ul.uk-switcher {
    padding: 15px;
}

.tm-sidebar-b .uk-tab > li {
    margin-bottom: -1px;
    float: left;
    position: relative;
    text-align: center;
    width: 33.3%;
	font-size:13px;
    text-transform: uppercase;
}
.tm-sidebar-b .uk-tab > li > a, .tm-sidebar-b .uk-tab > li > a:hover {
	border:none;
	margin:0;
	padding:16px 0px 1px 0px;;
	color:#fff;
	background:#AFAFAF;
}
.tm-sidebar-b .uk-tab >.uk-active a, .tm-sidebar-b .uk-tab >.uk-active a:hover {
    background:#fff;
	color:#2b76b7;
	cursor:default;
}
.tm-sidebar-b .uk-tab li:nth-child(1).uk-active a, .tm-sidebar-b .uk-tab li:nth-child(2).uk-active a{
	background: #AFAFAF url(../img/bg-tab.png) no-repeat right top;
	padding-right:5px;
}
.tm-sidebar-b .uk-tab li:nth-child(3).uk-active a{
	background: #AFAFAF url(../img/bg-tab.png) no-repeat left top;
	padding-left:5px;
}
.tm-sidebar-b .uk-tab li[aria-expanded="true"]:first-child + li a{
	background: #AFAFAF url(../img/bg-tab-off.png) no-repeat right top;
	padding-left:0px;
	padding-right:7px;
}
.tm-sidebar-b .uk-tab li[aria-expanded="false"]:nth-child(2) a{
	background: #AFAFAF url(../img/bg-tab-off.png) no-repeat left top;
	padding-left:15px;
}



 /* Menù */
.tm-sidebar-b .uk-panel-box > .uk-nav-side {
    margin: 0 -4px;
}
.tm-sidebar-b .uk-nav-side > li > a{
    background: url(../img/bg-item-list-3.gif) no-repeat 5px 11px;
}
.tm-sidebar-b .uk-nav-side > li > a:hover {
    color: #fff;
	background: #777 url(../img/bg-item-list-3.gif) no-repeat 5px 11px;
}


/* esclusione bordi */
.tm-sidebar-b .uk-panel.newsletter-banner img{
    border:none;
}


/* modulo articoli più letti o elenchi generali di articoli nella sidebar-b*/
.elenco-articoli-sidebar .uk-grid {margin-top:0px;}
.elenco-articoli-sidebar p.meta{margin-top:0px;font-size:12px; line-height:15px;}
.elenco-articoli-sidebar span.element.element-itemname.first {
    font-weight: bold;
}


 /* Slideshow in colonna */
#yoo-zoo .item .pos-sidebar-new .element .uk-slideshow li {
    padding-left: 0px;
}
#yoo-zoo .item .pos-sidebar-new .element .uk-slideshow .uk-h3 {
    border:none;
	color:#555;
	background:none;
	text-transform:none;
	font-size:18px;
	padding-top:5px;
	margin-bottom:0px;
}
#yoo-zoo .item .pos-sidebar-new .element .uk-slideshow .prefix {
    display:block;
	margin:10px 0;
}
#yoo-zoo .item .pos-sidebar-new .element .uk-slideshow .zx {
	text-align:center;
}
#yoo-zoo .item .pos-sidebar-new .element .uk-overlay-panel {
    padding-bottom: 0px;
}






/*  ----------------------------------- css bottom  -----------------------------------  */

.tm-totop-scroller {
    display: block;
    position: relative;
    width: 100%;
    height: 35px;
	padding-top:10px;
    line-height: 20px;
    font-size: 14px;
    color: #2d89df;
    text-align: center;
    background: url(../img/torna-su.gif) no-repeat center top;
	/*border:1px solid #ccc;*/
}
.tm-totop-scroller:hover {
	color: #8ed43e;
}


#bottom-bg {
    background:#ededed;
	margin: 30px 0 0 0;
}
#tm-bottom-b  {
	padding-bottom:30px;
}


#tm-bottom-b .uk-nav li {
	padding: 2px 0;
}
#tm-bottom-b .uk-nav li a {
	display:inline;
	padding: 5px 0;
}
#tm-bottom-b .uk-nav li a:hover  {
	background:none;
	text-decoration:underline;
}
.uk-nav-side > li.uk-active > a {
    background: none;
    color: #0070d1;
}


#tm-bottom-b .uk-h3 {
    background:#6d6d6d;
	color:#fff;
	text-align:center;
	padding: 18px 0 7px 0;
	margin: 0 0 20px 0;
    font-family: 'Roboto Slab', Helvetica, sans-serif;
    font-size: 19px;
	line-height: 19px;
	text-transform:uppercase;
}

#bottom-bg .seguici li{
    float:left;
    width:50%;
}

#tm-main-bottom {
    border:none;
	margin-top:20px;
}








/*  ----------------------------------- css generali  -----------------------------------  */


/*  testo  */
.bold {font-weight:bold;}
.italic {font-style:italic;}
#yoo-zoo em {color:inherit;}


/* titoli e paragrafi  */
#yoo-zoo div.item h1.pos-title, #yoo-zoo div.details h1.title {
    margin-bottom:15px;
}
#yoo-zoo .items h2.pos-title, .row h4.sub-pos-title {
	line-height:22px;
	margin: 5px 0;
	font-size:22px;
}

#yoo-zoo .item h3 {
    margin-top: 20px;
}

#yoo-zoo .row h4{margin-top:0px;margin-bottom:12px;}
#yoo-zoo .row p {margin:0px;}



/* elenchi  */
#yoo-zoo .item .pos-content ul li, #yoo-zoo .item .pos-sidebar-new .content ul li, #yoo-zoo .categories .category, #yoo-zoo .item div.content .element li, #yoo-zoo .pos-bottom .row .content li {
	background: url(../img/bg-item-list.gif) no-repeat;
	list-style:none;
}
#yoo-zoo .item .pos-content ul, #yoo-zoo .item .pos-sidebar-new ul, #yoo-zoo .div-infobar ul, #yoo-zoo .pos-bottom .row .content ul {
	margin:0;
	padding:0;
}




#yoo-zoo .item .pos-content ul li, #yoo-zoo .item .pos-sidebar-new ul li {
	padding: 4px 0 4px 16px;
	margin:0;
	background-position: left 10px;
}
#yoo-zoo .item div.content .element li {
    padding-left: 15px;
	background-position: left 10px;
}
#yoo-zoo .pos-bottom .row .content li {
    padding-left: 15px;
	background-position: left 6px;
}
#yoo-zoo .categories .category {
    padding: 0px 10px 0px 14px;
	background-position: left 7px;
}
#yoo-zoo .div-infobar ul li{
    background: url(../img/bg-item-list-3.gif) no-repeat left 6px;
	list-style:none;
	padding-left:16px;
}
/* elenchi reset */
#yoo-zoo .uk-slidenav-position li, #yoo-zoo .item .content .pos-sidebar-new .uk-thumbnav li, #yoo-zoo .item .content .pos-sidebar-new .uk-dotnav li{
    background: none !important;
}



/* img  */
.tm-sidebar-b .uk-panel img, #yoo-zoo .item  .pos-top img /*#yoo-zoo .item .floatbox .media-right img*/ {
    background: none;
    border: 1px solid #dadada;
	border-bottom: 1px solid #ccc;
    border-radius: 0px;
    box-shadow: none;
    padding: 0px;
	margin:5px 0;
}
#yoo-zoo .item  .pos-top img:hover {
	box-shadow:none;
	border: 1px solid #dadada;
	border-bottom: 1px solid #ccc;
}
#yoo-zoo .item .sub-pos-media img:hover {
    background: #2baaeb;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.yoo-zoo .element-textarea img {
    max-width: 100%;
    height: auto;
    display: block;
}



/* row  */
#yoo-zoo div.no-box div.row, #yoo-zoo div.white-box div.row, #yoo-zoo div.gradient-box div.row, #yoo-zoo div.box-title-box div.row {
	border:none;
    border-bottom: 1px solid #E6E7E8;
}


/* gestione generale dei 2 media, anche al di fuori del layout teaser  */
.media-left {
    margin-right: 15px;
    float: left;
}
.media-right {
    margin-left: 15px;
    float: right;
}
.tm-sidebar-b .banner-fissi .media-left {
    margin:0;
}

.tm-sidebar-b .media-top {
    margin:0 5px;
}



/*  PAGINAZIONE  */
#yoo-zoo .pagination-bg {
    letter-spacing: 0px;
    padding-top:30px;
    margin-bottom: 15px;
    text-align: center;
    font-size:0;
}
#yoo-zoo .pagination-bg a, #yoo-zoo .pagination-bg span, #yoo-zoo .pagination-bg strong {
    border:none;
    border-radius: 4px;
    box-shadow: none;
    display: inline-block;
    min-width: 15px;
    height: 25px;
    margin-left: 6px;
    padding: 0 5px;
    line-height: 23px;
    font-size:11px !important;
    color:#fff;
    background:#2b7fc7;
    font-size:12px;
}
#yoo-zoo .pagination-bg span {
    color:#000;
    background:#81d1ff;
}
#yoo-zoo .pagination-bg a:hover {
    color:#000;
    background:#95d44c;
}
/*  fine PAGINAZIONE  */


a.item-icon.edit-item{
    background-color: #8EC54E;
    padding: 6px;
    color: #FFF;
    font-weight: 500;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px;
}






/*  ----------------------------------- css bootstrap  -----------------------------------  */

.row {
    margin-left:0;
}







/*  ----------------------------------- css video  -----------------------------------  */

.youtube {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.uk-cover-background {
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}







/*  ----------------------------------- css form  -----------------------------------  */

#formContatti .uk-form-row + .uk-form-row {
    margin-top: 4px;
}
#formContatti label{display:none;}

#formContatti .uk-form-controls {
    margin-left: 0px;
}

#formContatti .uk-form-controlstextarea {width:90% !important;}


input#search-searchword {
    width: auto;
}

.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]), .uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']), .uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']) {
    width: 100%;
}


/*  CERCA Zoo Filter  */

/* accordion  */
#tm-main-bottom .uk-panel-box, #yoo-zoo .uk-accordion .uk-accordion-content{
    padding:0;
}
#tm-main-bottom .uk-panel-box .uk-panel{
    padding-top:20px;
}
.uk-accordion .uk-accordion-title{
    margin-bottom:0;
	/* transition */
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
.uk-accordion .uk-accordion-title:hover{
	background:#2b76b7;
	background:#999;
	color:#fff;
}
.uk-accordion .uk-accordion-title:after, .uk-accordion .uk-accordion-title.uk-active:after {
    content: "\f078";
    font-family: "FontAwesome";
	float:right;
	font-size:14px;
	color:#7fcf23;
}
.uk-accordion .uk-accordion-title.uk-active:after {
    content: "\f077";
}
.uk-accordion .uk-accordion-title:hover:after {
	color:#b3ff5b;
}

/* struttura  */
.zoo-filter .form-inner{
	text-align:center;
}
.zoo-filter .form-elements{
	display: inline-block;
    width: 100%;
}
.zoo-filter .form-element-row{
	padding:0;
	margin:0;
	overflow:auto;
}

/* elements  */
.zoo-filter .form-element-row.textareapro, .zoo-filter .form-element-row.textpro, .zoo-filter .form-element-row.itemname{
	float:left;
    /*width: 49.5%;*/ /* per 2 elementi */
	width: 33%;
}
.zoo-filter .form-element-row.textpro{text-align:left;}
.zoo-filter .form-element-row.itemname {text-align:center;}
.zoo-filter .form-element-row.textareapro{text-align:right;}
.zoo-filter .form-element-row.textareapro input, .zoo-filter .form-element-row.textpro input, .zoo-filter .form-element-row.itemname input{
    width: 88%;
}
.zoo-filter .form-element-row.datepro, .zoo-filter .form-element-row.itemcategory, .zoo-filter .form-element-row.itemtag{
    width: 33%;
	margin:20px 0 20px 0;
	float:left;
}
.zoo-filter .form-element-row.datepro{
	padding-top:5px;
	text-align:left;
}
.zoo-filter .form-element-row.datepro input{width: 70% !important;}
.zoo-filter .form-element-row.itemtag{text-align:right;}
.zoo-filter .form-element-row select{width:90%; font-size:11px;}

@media (max-width: 480px){
   .zoo-filter .form-elements .form-element-row{
	  float:none;
      width: 100%;
	  text-align:left;
   }
   .zoo-filter .form-element-row.textareapro input, .zoo-filter .form-element-row.textpro input, .zoo-filter .form-element-row.itemname input{width: 93%;}
   .zoo-filter .form-element-row.datepro input{width: 88% !important;}
   .zoo-filter .form-element-row select{width:100%;}
}
@media (max-width: 640px){
  #yoo-zoo .items div.div-infobar{
      width: auto;
      margin-bottom: 20px;
      padding: 0px;
      background: none;
  }
}

.zoo-filter button{
	border:none;
	color: #fff;
    background: #2b7fc7;
	border-radius:2px;
	margin:3px;
	padding:5px 8px;
	/* transition */
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
.zoo-filter button:hover {
    background:#81c138;
}

/* eccezioni  */
.zoo-filter .form-element-row:nth-child(3).itemtag, .zoo-filter .form-element-row:nth-child(3).itemcategory{
	/*border:1px solid #ccc;*/
	text-align:left;
	width:100%;
	margin-top:5px;
}
.zoo-filter .form-element-row:nth-child(4).itemtag{
	width:100%;
	text-align:left;
}
.zoo-filter .form-element-row:nth-child(3).itemtag select, .zoo-filter .form-element-row:nth-child(3).itemcategory select, .zoo-filter .form-element-row:nth-child(4).itemtag select{
	width:100%;
}
.zoo-filter .form-element-row:nth-child(1).itemname, .zoo-filter .form-element-row:nth-child(2).textareapro{
	text-align:left;
}


@media (width: 768px){

  .yoo-zoo img {
      max-width: 50%;
  }

}









/*  ----------------------------------- css embedding font  -----------------------------------  */


/* ##############################  EMBEDDING "ROBOTO SLAB Regular" start  ############################# */

@font-face {
    font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
    src: url('../fonts/robotoslab-regular-webfont.woff2') format('woff2'),
         url('../fonts/robotoslab-regular-webfont.woff') format('woff');
}

/* ##############################  EMBEDDING "ROBOTO SLAB Regular" end  ############################# */


/* ##############################  EMBEDDING FONT OPEN SANS start  ############################# */

/* Applicazione OPEN SANS a BODY */
body{
   font-family: 'Open Sans', sans-serif;
}

/* Font OPEN SANS LIGHT */
@font-face {
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
    src: url('../fonts/opensans-light.woff2') format('woff2'),
         url('../fonts/opensans-light.woff') format('woff');
}

/* Font OPEN SANS REGULAR */
@font-face {
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff');
}

/* Font OPEN SANS BOLD */
@font-face {
    font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
    src: url('../fonts/opensans-bold.woff2') format('woff2'),
         url('../fonts/opensans-bold.woff') format('woff');
}

/* ##############################  EMBEDDING FONT OPEN SANS end  ############################# */