/* Responsive styles */
.content .box {
overflow:hidden;}
.post-entry .entry-content {
    float: right;
    width: 250px;
    clear: right;
    display: inline-block;
    margin: 0;
    padding: 0;
    height: auto;
}
#projectSlider {
    display: block!important;
}
.menu-main-menu-container {
	border-top:0px solid #ddd!important;
}
#sharing {
    margin-left: 10px;
	margin-top:10px;
    float: left;
    margin-right: 90px;
    position: static;
    bottom: 0;
    left: 10px;
}

.clearfix:after {
  clear: both;
}
.js_active .toggler.mobilepost  {
    cursor: pointer;
    display: none;
    padding: 20px 0 0;
    position: relative;
    top: 1px;
    margin: 0;
}
.mobileportfolio {display:none;}
.productTitle {display:none;}
h1.mobileTitle {
		display:none;
	}
#main-menu #search-control {
    display: block!important;
}
#searchBar {
    display: block!important;
}
.post-entry, .post-entry-flexible {
	width:100%;
    max-width: 960px;
}
.template-blog .post-entry, .template-blog .post-entry-flexible, .post-entry-dynamic {
    width:100%;
	max-width: 960px;
    height: auto;
	}

#projectSlider {display:block!important;}
#owl-demo {display:none!important;}

#main-menu .logo {
    height: 40px;
    /* width: 300px; */
    float: left;
    clear: right;
    margin-top: 10px;
}
div#sliding-container {
    /* width: 630px; */
    height: 50px;
    overflow: hidden;
    display: inline-block;
    margin-top: 14px;
}

#main {
	width:100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
}
div#main-menu {
    overflow: hidden;
    width:100%;
    max-width: 960px;

    font: 9px/1.7em "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 10px;
}
.container {
    width:100%;
    max-width: 960px;
}

#mobileMenu {
	display:none;
	width:100%; 
	background:#ffffff;
	background-color: rgba(255, 255, 255, 0.8);
	height:40px; 
	line-height:50px;
	position:relative;
	margin-top:0px;
}
.menuH, button.cross {display:none;}

.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:0px 15px 0px 15px;
  color:#000;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:0px 15px 0px 15px;
  color:#000;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menuH{z-index:1000000; font-size:15px; width:100%; background-color: rgba(255, 255, 255, 0.6);  position:absolute; text-align:center; padding-top: 40px;}
.menuH ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; margin-bottom:0px!important;}
.menuH li {display: block; padding:15px 0 15px 0;}
.menuH li:hover{display: block; background:#cccccc; padding:15px 0 15px 0; /*border-bottom:#ddd 1px solid;*/}
.menuH ul li a { text-decoration:none;  margin: 0px; color:#333; width:100%; display:block;}
.menuH ul li a:hover {  color: #333; text-decoration:none;}
.menuH a{text-decoration:none; color:white;}
.menuH a:hover{text-decoration:none; color:white;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}

/*-- PRODOTTI --*/

.inner_box {
	width:100%;
    max-width: 960px;
}
.content .box {
	width:100%;
    max-width: 960px;
    background-color: white;
}
.content {
    width:100%;
    max-width: 960px;
    z-index: 2;
    margin-top: 0px;
}
.template-portfolio-overview .innerAjax .post-entry:first-child {
    margin: 0 0px 0 0px;
}

/*
.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
    margin: 0 0 2px 0;
    clear: none;
	width:19%;
}*/
/*
.template-portfolio-overview .innerAjax .post-entry {
	padding-right:0.1%;
}
*/
/*
.template-portfolio-overview .innerAjax .post-entry.first:nth-child(5) {
	padding-right:0%;
}

.template-portfolio-overview .innerAjax .post-entry.first {
    margin: 0;
    clear: none;
}*/
.portfolio_image, .portfolio_image img {
    display: block;
    /*height: 140px;*/
	height:auto;
    width: 100%;
    margin: 0;
    padding: 0;
}
#top .hr_portfolio {
    background: none;
    margin: 0;
    border: none;
    padding: 0;
    height: 1px;
	display:none;
}


@media (max-width: 966px) {

body {
    font: 12px/12px "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.image_overlay_effect h1 {
    font-size: 11px;
    line-height: 11px;
    padding: 6px;
    text-transform: uppercase;
	height:10px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}

.productTitle {display:block;}

.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 83%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.6!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}

.post-entry .entry-content-flexible {
    float: left;
    width: 100%;
    clear: right;
    display: inline-block;
    margin: 0 0 10px;
    padding: 0;
    height: auto;
}
.post-entry .entry-content-flexible {display:none;}

.post-entry .entry-content .post-text, .post-entry .entry-content-flexible .post-text {
    float: left;
    width: 90%;
    clear: right;
    display: inline-block;
	padding:10px;
}
#sharing1 {
    margin-left: 10px;
    clear: left;
}
.template-blog-overview .hr_post_seperator {
    top: -15px;
	height:10px;
	/*border-bottom:1px solid #dddddd;*/
}

	#main-menu .logo {
	height: 30px;
	width: 100%;
	float: left;
	clear: right;
	margin-top: 45px;
	text-align:center;
	}
	#main-menu .logo.cufon_headings {
	margin-top: 0px;	
	}
	#main-menu .logo img {
		height: auto;
		width: 280px;
		margin-top: 0px!important;
		display:inline;
	}
	.menuH div#searchBar {
    float: none;
    display: inline-block;
    clear: none;
    width: 40%;
    margin-right: 0px;
    margin-top: 5px;
	margin:0 auto;
	/*margin-left:50px;*/
	}
	.menuH #search-control {
    width: 20px;
    float: right;
    display: inline-block;
    margin-top: 8px!important;
	margin-right:20px;
    height: 20px;
	background:none;
	text-align:center!important;
	}
	.menuH #searchform, .menuH #searchform div {
    width: auto!important;
	}

	.visible-xs {
	display: block !important;
	}
	.hidden-xs {
	display: none !important;
	}

	.pgm .canvas {width:100%;}

	.mobileportfolio {display:block;}

	/*tabs da nascondere*/
		.tabcontainer {
    padding: 0;
    position: relative;
    width: 100%;
}
	.tabcontainer .tab  {display:none;}
	
	.js_active #top .active_tab_content {
    display: block;
    z-index: 3;
    position: relative;
    overflow: auto;
    left: 0;
    top: 0;
	display:none;
}
#scrollbar1 .viewport, #scrollbar2 .viewport {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
	display: block;
}

#scrollbar1, #scrollbar2 {
    width: 100%;
    margin: 0;
	padding-right:10px;
}
#scrollbar1 .overview, #scrollbar2 .overview {
    list-style: none;
    position: relative;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
	padding-right:10px;
	display: block;
    float: left;
}
.js_active .tab_content {
    position: absolute;
    left: -10000px;
    padding: 20px 0 0 14px;
    overflow: auto;
    float: left;
    display: none;
}
#sharing {
    margin-left: 0;
    float: left;
    margin-right: 90px;
    position: static;
    bottom: 0;
    left: 10px;
	padding:10px;
	width:100%;
}
	
	.tabcontainer .toggler {
    cursor: pointer;
    display: block;
    padding: 0px 0 0;
    position: relative;
    top: 1px;
    margin: 0;
}

	.productTitle h1 {
    font-size: 14px;
    line-height: 11px;
    padding: 10px;
    text-transform: uppercase;
	text-align:center;
}
	/*end*/
	.content .box {
	padding:0 2px;
	}
	.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
    margin: 0;
    clear: none;
	width:19.5%;
	}
	.template-portfolio-overview .innerAjax .post-entry {
		padding-right:0.5%;
	}
	.template-portfolio-overview .innerAjax .post-entry.first:nth-child(5) {
		padding-right:0%;
	}
	#main-menu .language {
    display: none;
}
@media (max-width: 600px) {

.post-entry p, .post-text p {line-height:18px!important;}

	#top .firstheading {
    color: black;
    float: left;
    font-size: 12px;
    padding: 10px;
}

	.inner_box {
		padding:0px;
	}
	.search-entry {
    margin: 0;
    padding: 0;
    width: 90%;
}
.search-entry .entry-content {
    width: 100%;
    min-height: 20px!important;
    float: left;
    display: inline-block;
    clear: right;
    padding: 10px;
    margin: 0;
}

	input[type="text"]{
    width:90%;
	}
	input[type="checkbox"]{
    margin:10px 0;
	}
	input[type="submit"]{
    padding:10px;
	}

}
.menuH li[class^="lang-"], .menuH li:hover[class^="lang-"] { 
	display: inline-block;
    padding: 15px 10px;
	border-bottom:0;
}

	h1.mobileTitle {
		font-size:20px;
		padding:10px;
		display:block;
	}

	#sharing img, #sharing1 img {
    width: 26px;
    height: 26px;
    float: left;
    display: inline-block;
    clear: right;
    margin-right: 12px;
    margin-top: 10px;
}

	.post-entry .entry-content .post-title h1, .post-entry .entry-content-flexible .post-title h1, .search-entry .entry-content .post-title h1 {
    font-size: 14px;
    width: auto;
    display: block;
    margin: 0;
	margin-bottom:4px;
    padding: 0;
    line-height: 20px;
}

	.post-entry .entry-content .post-title .date, .post-entry .entry-content-flexible .post-title .date, .search-entry .entry-content .post-title .date {
    width: auto;
    font-size: 11px;
    color: gray;
    display: block;
    text-align: left;
}
.search-entry .entry-content .post-title .date {float:none;}

	#searchform div {
    background: none;
}
#s {
    color: #333;
    background: transparent;
	padding:15px;
	text-align:center;
	font-size:15px; 
	width:100px;
}
	#main-menu #search-control {
    display: none!important;
}
	#main-menu .menuH #search-control {
    display: block!important;
}
	.content .box {
	padding:0px;
	}
	.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
	margin:0;
	padding:0;
    clear: none;
	width:49.5%;
	float:left;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
	padding-right:0.5%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
	padding-left:0.5%;
	}
	#projectSlider {display:none!important;}
	#owl-demo {display:block!important;}
	
	/*--dettaglio progetto--*/
	.post-entry .entry-content {
    float: none;
    width: 100%;
    clear: both;
    display: block;
    margin: 0;
    padding: 10px;
    height: 105px;
	}
	.post-entry .entry-content.normalpost {display:none;}
	.toggle_content h4 {display:none;}
	.togglecontainer {padding:10px;width:90%;}
	.toggle_content {
    padding: 10px 0 0;
    margin: 0 0 20px;
}
#scrollbar3 .scrollbar {
    background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0;
    position: relative;
    background-position: 0 0;
    float: right;
    width: 2px;
	display:none;
}
	#scrollbar3 {
    width: 100%;
    margin: 0;
	}
	#scrollbar3 .viewport {
    width: 97%;
    height:auto;
    overflow: hidden;
    
    overflow-x: hidden;
    position: relative;
	}
	#owl-demo, #owl-demo .item, #owl-demo .item img { 
		width: 100%!important;
	}
	#scrollbar3 .overview {
    list-style: none;
    position: static;
    left: 0;
    top: 0;
    padding: 0;
    margin: 0;
}

.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
	margin:0;
	padding:0;
    clear: none;
	width:49.8%;
	float:left;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
	padding-right:0.18%;
	padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
	padding-left:0.18%;
	padding-bottom: 0.1%;
	}

	
}
@media (max-width: 966px) and (orientation:landscape) {

	input[type="text"]{
    width:90%;
	}
	input[type="checkbox"]{
    margin:10px 0;
	}
	input[type="submit"]{
    padding:10px;
	}
	
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 90%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
    padding-right: 0.18%;
    padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
    padding-left: 0.18%;
    padding-bottom: 0.1%;
	}
}
@media (min-width: 665px) and (max-width: 667px) and (orientation:landscape) /*iphone 6 plus*/ {
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
    padding-right: 0.17%;
    padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
    padding-left: 0.17%;
    padding-bottom: 0.1%;
	}
	.image_overlay_effect h1 {
	padding-top:7px;
	}
}
@media (min-width: 640px) and (max-width: 768px) {
	.image_overlay_effect h1 {
	padding-top:7px;
	}
}
@media (min-width: 760px) and (max-width: 768px) and (orientation:portrait) {
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 91%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
}
@media (min-width: 600px) and (max-width: 768px) and (orientation:portrait) {
	#main-menu .logo img {
		height: auto;
		width: 380px;
		margin-top: 0px!important;
		display:inline;
	}
}
@media (min-width: 950px) and (max-width: 960px) {
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 93%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
}
@media (min-width: 590px) and (max-width: 600px) and (orientation:portrait) {
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 90%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
}
@media (max-width: 600px) and (orientation:landscape) {

	input[type="text"]{
    width:90%;
	}
	input[type="checkbox"]{
    margin:10px 0;
	}
	input[type="submit"]{
    padding:10px;
	}
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 89%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
    padding-right: 0.18%;
    padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
    padding-left: 0.18%;
    padding-bottom: 0.1%;
	}
}
@media (max-width: 480px) and (orientation:landscape) {

	input[type="text"]{
    width:90%;
	}
	input[type="checkbox"]{
    margin:10px 0;
	}
	input[type="submit"]{
    padding:10px;
	}
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 86%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
    padding-right: 0.18%;
    padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
    padding-left: 0.18%;
    padding-bottom: 0.1%;
	}
}
@media (max-width: 400px) {
	.content .box {
	padding:0px;
	}
	.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
	margin:0;
	padding:0;
    clear: none;
	width:49.7%;
	float:left;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
	padding-right:0.4%;
	padding-bottom: 0.1%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
	padding-left:0.1%;
	padding-bottom: 0.1%;
	}
}
@media (max-width: 320px) {
	.content .box {
	padding:0px;
	/*padding-top:30px;*/
	}
	.template-portfolio-overview .innerAjax .post-entry.first, .template-portfolio-overview .innerAjax .post-entry {
	margin:0;
	padding:0;
    clear: none;
	width:100%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(odd) {
	padding-right:0%;
	}
	.template-portfolio-overview .innerAjax .post-entry:nth-child(even) {
	padding-left:0%;
	}
	.lightbox_video, .lightbox_image, .image_overlay_effect {
		position: absolute;
		z-index: 2;
		top: 90%;
		left: 0;
		right: 0;
		bottom: 0;
		 /* Netscape */
		-moz-opacity: 0.8!important;

		/* Safari 1.x */
		-khtml-opacity: 0.8!important;

		/* Good browsers */
		opacity: 0.8!important;
		text-align:center;
	}
	
}
/*
@media (min-width: 769px) {
	.menuH, .menuH ul, .menuH #search-control, .menuH #searchBar {
		display:none!important;
	}
}
*/
@media (min-width: 961px) {
	.menuH, .menuH ul, .menuH #search-control, .menuH #searchBar {
		display:none!important;
	}
}


.menu-main-menu-container {
	border-top:1px solid #ddd;
}
	
	
	
	.post-entry .post_image {
    max-width: 100%;
    float: left;
    /*display: none!important;*/
    clear: both;
    padding: 0;
    margin: 0;
}
.post-entry .post_image img {
    width: 100%;
	height:auto;
}



@media (orientation: portrait) {
	.homeslideshowContainer {display:none;}
	.mobileslideshowContainer {display:block;position:absolute;}
	.mobileslideshowContainer img {width:100%;}
}
@media (orientation: landscape) {
	.homeslideshowContainer {display:block;}
	.mobileslideshowContainer {display:none;position:static;}
}