/*
Theme Name: Artwork
Theme URI: https://www.it-today-news.pro/
Description: Artwork Web Agency e realizzazione siti web Milano
Author: Artwork
Version: 1.0
*/

:root {
	--boxed-max: 1400px; /* larghezza base BOXED del sito — unico punto da cambiare */
}

body {
padding: 0;
margin: 0;
background: #f8f8f8;
font-family:"Graphik", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
}
html {
    scroll-behavior: smooth;
}
#toppy{
	background: none none repeat-x;
	width: 100%;
	background-color: #030303;
	height: 2px;
	position: absolute;
}


h1, h2, h3, h4, h5, h6, em, strong, pre, code {
padding: 0;
margin: 0;
line-height: 1em;
font-size: 100%;
font-weight: normal;
font-style: normal;
}
ul, li {
	padding: 0;
	margin: 0;
	line-height: 1em;
	font-weight: 300;
	font-style: normal;
}
table {
font-size: inherit;
}
ul {
list-style: none;
}
img {
border: 0;
}
p {
margin: 1em 0;
}

p.italic, em {font-style:italic; }

.preload { display:block; background:transparent url(images/template/preloader.gif) no-repeat center center; }

.clear{
	clear: both;
}

.hline{
	border-bottom: 1px solid #f6f8f8;
	border-top: 0px solid #ebebeb;
}

.alignleft{
	float: left;
	overflow: hidden;
	padding: 0 10px 1px 0px;
}

.alignright{
	float: right;
	overflow: hidden;
	padding: 0 0 3px 10px;
	margin-left: 10px;

}

.left{
	float: left;
	overflow: hidden;
	padding-right: 10px;
	padding-bottom: 1px;
	margin-right: 10px;
}

.right{
	float: right;
	overflow: hidden;
	padding: ;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-left: 10px;
}


.bordered{
	background-color: #f8fafa;
	padding: 4px;
	border: 1px solid #d9d9d9;
	margin: 10px 10px 10px 2px;
}

.full-separator{
	background: url(images/template/hseparator.png) no-repeat;
	width: 960px;
	height: 39px;
	clear: both;
	margin: 5px 0;
}

.full-separator-2{
	background: url(images/template/hseparator2.png) no-repeat;
	width: 960px;
	height: 39px;
	clear: both;
	margin: 5px 0;
}

.videofullscreen
{
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
}

.iphone{
	background: url(images/template/iphone4-cover-artwork.jpg) no-repeat;
	width: 400px;
	height: 612px;
	clear: both;
	margin: 5px 0;
}

.iphone .contenuto{
	padding-top: 100px;
	padding-right: 73px;
}

.iphonetesto{
	background: url(images/template/iphone4-cover-artwork-testo.jpg) no-repeat;
	width: 640px;
	height: 612px;
	clear: both;
	margin: 5px 0;
}

.iphonetesto .contenutotesto{
	padding-top: 100px;
	padding-right: 313px;
}

.container{
	width: 100%;
	margin: 10px 0 25px 0;
	clear: both;
}

.separator{
	background: url(images/template/content-left-separator2.png) no-repeat;
	width: 638px;
	height: 68px;
}
.separator2{
	background: url(images/template/content-left-separator3.png) no-repeat;
	width: 638px;
	height: 22px;
}
.rmargin{
	margin-right: 0 !important;
}

strong{
	font-weight: 500;
}

a:active{
	outline: none;
}

p{
	font-size: 14px;
	color: #222222;
	line-height: 26px;
}

h1{
	font-size: 25px;
	letter-spacing:-1px;
	color: #121212;
	text-transform: normal;
	padding: 7px 0 5px;

}

h2{
	font-size:70px;
	letter-spacing:-4px;
	margin-bottom:0px;
	margin-top: 0px;
	line-height:75px;
	text-transform: normal;
	padding: 0px 0 5px;
	font-style:normal;
	font-weight: 700;
}
div.content-left h2 {
	font-weight: 300;
  	font-family: "Graphik", Helvetica, serif;
  	font-size: 60px;
  	line-height: 50px;
    font-weight: 500
  }

h3{
	font-family: "Graphik", Helvetica, serif;
	font-size: 19px;
	color: #121212;
	padding: 3px 0 0px;
	letter-spacing: -1px;
	margin-top:0px;
	text-transform: normal;
}

h3 a, h3 a:link, h3 a:visited{

	color: #121212;
}

h4{
	font-size: 20px;
	color: #363636;
	text-transform: normal;
	letter-spacing: -1px;
	padding: 7px 0 5px;
	font-weight: 600;
}

h5{
	font-size: 15px;
	color: #363636;
	text-transform: normal;
	padding: 7px 0 5px;
}


h6{
	font-size: 15px;
	color: #232323;
	text-transform: normal;
	padding: 7px 0 5px;
}

blockquote {
	background:#FAFAFA; /*url(images/template/quote_middle.jpg) repeat-y center; */
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 30px ;
	maring-bottom: 10px;
	color: #121212;
	height:auto;
	margin-left:1px;
	/* font: italic 16px/23px Georgia, "Times New Roman", Times, serif; */
	width: 655px;
	padding: 10px 5px;
	padding-left: 20px;
	-moz-box-shadow: 0 0 3px #CCCCCC;
	-webkit-box-shadow: 0 0 3px #CCCCCC;
	box-shadow: 0 0 3px #CCCCCC;

}


.content-left blockquote p { color: #666; width: 580px;}
.content-left blockquote h3 { color: #222; width: 580px;}
.content-left blockquote p a { color: #666; }
.content-left blockquote p a:hover { color: #222; width: auto;}

blockquote div { background:url(images/template/quote_top.jpg) no-repeat center top;}
blockquote div div {
	background:url(images/template/quote_bottom.jpg) no-repeat center bottom;
	padding: 0 41px 21px 44px;
	margin-left: 0;
	margin-top: 0;
}

body{
/* font-family:"Arial", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif; */
font-family: "Graphik",sans-serif;
}

body#subpage{
/* font-family:"Arial", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;*/
font-family: "Graphik",sans-serif;
}

#home #wrapper, #subpage #wrapper{
	max-width: var(--boxed-max); /* base boxed (var) — era 1290px */
	margin: 0 auto;
}
#wrapper{
	max-width: 100%; /* 960px; */
	margin: 0 auto;
}

.responsive{
	width: 100% !important;
	margin: 0 auto;
}

#header{
	width: 100%;
	height: 424px;
	margin: 0 0 78px;
}

.header_responsivo{
	max-width: 100%;
	width: 100%;
	height: 100% !important;
	margin: 0 0 0px !important;
	background:none repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important;
}

#header-subpage{
	width: 100%;
	height: 424px;
	margin: 0 0 0px;
}

#header-normal{
	width: 100%;
	height: 224px;
	margin: 0 0 8px;
	margin-bottom: 20px;
}
.ls-fullwidthdark .ls-nav-next, .ls-fullwidthdark .ls-nav-prev {
  z-index: 9999 !important
}
.ultimate-typed-main {
  font-weight: 500
}
#header .top, #header-subpage .top, #header-normal .top{
	width: 88vw;
	height: 60px;
  z-index: 99998 !important
}

.navy {
    position: fixed;
    width: 88%;
    left: 50%;
		margin-left: -44%;
		z-index: 100 !important;
		border-bottom: 1px solid rgba(128,128,128,0.2);
		padding-bottom: 5px;
		-webkit-transition: width 0.2s ease-out;
		-moz-transition: width 0.2s ease-out;
		-o-transition: width 0.2s ease-out;
		transition: width 0.2s ease-out;
}

#home .navy {
	width: 88%;
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
	position: absolute;
}

#home .scurisci{
	position: fixed;
  background-color: rgba(0,0,0,0.85) !important;
	-webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	width: 100%;
	left: 0px;
	margin-left: 0px;
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
}
.sticky-white .scurisci {
  background-color: rgba(255,255,255,0.80);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	width: 100vw;
	left: 0px;
	margin-left: 0px
}
.sticky-black .scurisci {
  background-color: rgba(0,0,0,0.85);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
	width: 100vw;
	left: 0px;
	margin-left: 0px
}
.background-white .scurisci {
  background-color: rgba(255,255,255,0.80);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
.background-black .scurisci {
  background-color: rgba(0,0,0,0.90);
  -webkit-backdrop-filter:saturate(180%) blur(20px);
	backdrop-filter: saturate(180%) blur(20px);
}
.taptap-main-menu-button-six {
    position: fixed;
}
#logo{
	width: 130px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 10px 0 0 5px;
}

.scurisci .logo_full {
	padding-left: 20px
}
.scurisci .naviga {
	padding-right: 20px
}
#subpage #logo{
  margin-left: 0px;
  margin-top: 17px
}
#subpage #navigation {
    float: none;
    margin: 28px 0px 0 0;
}
#subpage .scurisci #logo{
	margin-left: 20px
}
#subpage .scurisci #navigation {
    margin-right: 20px;
}
.blog-post-artwork #logo {
  margin-left: 30px!important
}
.blog-post-artwork #navigation {
  margin-right: 0px !important
}
#header-portfolio .top {
	margin-left: 30px
}
#header-portfolio #navigation {
	margin-right: 27px
}
.logo_full{
	padding-left: 0px
}

#logo:hover {
	width: 130px;
	height: 37px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 10px 0 0 5px;
  opacity: 0.8;
}

#default_logo{
	background: transparent url(images/template/logo.png) no-repeat;
	width: 140px;
	height: 25px;
	display: block;
	text-indent: -9999px;
	float: left;
	margin: 23px 0 0 5px;
}

.fixed_toppy {
	width: 960px !important; /* 960px; */
	margin: 0 auto;
}

/******************************************************************
						   NAVIGATION
******************************************************************/
#navigation {
	float: none;
	margin: 22px 0px 0 0;
	min-width: 725px;
}

/* Top Level Menu */
#navigation ul li {
	display: block;
	margin: 0 14px;
	float: left;
	position: relative;
}

#navigation ul li a {
  color: #999;
    font-size: 13px;
    font-weight: normal;
    border: none;
    padding-bottom: 4px;
    text-decoration: none;
    font-weight: 300!important;
    letter-spacing: 0.1px;
}

#navigation ul li a:hover{
	color: #ffffff;
	padding-bottom: 139px;
}
#navigation ul li a.current{
	color: #ffffff;
}

#navigation ul li.current_page_item a{
	color: #FFFFFF !important;
}
.menu-navi-container {
	display: flex;
    justify-content: center;
    align-items: center;
}
ul#menu-navi.black li.current_page_item a {
	color: #121212 !important;
}
ul#menu-navi.black li ul li.current_page_item a {
	color: #FFFFFF !important;
}
#navigation ul li.current_page_item, ul#menu-navi.black li.current_page_item {

}
#navigation ul li.current_page_item .sub-menu a {
	color: #FFFFFF !important;
}
#navigation ul li.current_page_item .sub-menu a:hover {
	color: #AAAAAA !important;
}

ul#menu-navi.black li a {
	color: #121212;
}
ul#menu-navi.black .sub-menu li a {
	color: #FFF;
}

ul#menu-navi.black li a:hover {
	color: #777777 !important;
}

ul#menu-navi.black li a.current{
	color: #777777 !important;
}


ul#menu-navi.white li a {
	color: #FFFFFF !important;
}

ul#menu-navi.white li a:hover {
	color: #121212 !important;
	text-decoration: none !important;
}

ul#menu-navi.white li a.current{
	color: #121212 !important;
}

ul#menu-navi.white li ul li a {
    color: #FFF !important;
}




/* Sub Level Nav */
#navigation ul li ul, #navigation ul li ul.children {
	display: none;
	background: #121212 none no-repeat;
	border-top: none;
	border-bottom: 1px solid #121212;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
	position: absolute;
	width: 238px;
	padding: 5px 10px;
	margin: 12px 0 0 -6px;
	z-index: 1000;

	-moz-box-shadow: 0 0 0px #999999;
	-webkit-box-shadow: 0 0 0px#999999;
	box-shadow: 0 0 0px #999999;

	opacity:1;
	filter:alpha(opacity=1)

  /*-webkit-box-shadow: 0 2px 28px 1px rgba(0,0,0,.15);
box-shadow: 0 2px 28px 1px rgba(0,0,0,.15);*/
}

#navigation ul li ul li ul  {margin-left: -155px; margin-top: -20px;
opacity:1;
filter:alpha(opacity=100)
}

#navigation ul li.current_page_item ul li a{color: #222222 !important;}
#navigation ul li.current_page_item ul li a:hover{ color: #444444 !important;}
#navigation ul li ul li {
	border-bottom: 0px solid #f2f4f4;
	display: block;
	float: none;
	height: 21px;
	line-height: 21px;
	padding: 9px 0;
	text-align: center;
	width: 220px;
	margin: 0;
	border-top: 0px solid #fdfcfe;
}

#navigation ul li ul li:last-child{ border-bottom: none;}
#navigation ul li ul li a {
	color: #999;
	padding-bottom: 0 !important;
    font-size: 13px;
    font-weight: normal;
    border: none;
    padding-bottom: 4px;
    text-decoration: none;
    font-weight: 300;
    letter-spacing: 0.1px;
}

#navigation ul li ul li a:hover { color: #FFFFFF; padding-bottom: 0 !important;}
#navigation ul li ul li:last-child:not(li.arrow) { border: 0;}

#navigation ul li ul li a.current,#navigation ul li ul li.current_page_item a{
	color: #FFFFFF !important;
}

/* Arrow */
/* #navigation ul li ul li.arrow {
	background: url(images/template/arrow.png) no-repeat;
	border: none !important;
	position: absolute;
	top: -11px;
	left: 44%;
	height: 11px !important;
	width: 20px;
	text-indent: -9999px;
	z-index: -100;
	display: block;
	padding: 0 0 20px;
} */

#navigation ul li ul li.arrow {
	background-color: #121212;
	border: none !important;
	position: absolute;
	top: -8px;
	left: 44%;
	height: 11px !important;
	width: 15px;
	text-indent: -9999px;
	z-index: -100;
	display: block;
	padding: 0 0 20px;
  transform: rotate(45deg);
}

#navigation ul li ul li ul li.arrow {
	/* background: url(images/template/arrowl.png) no-repeat; */
	border: none !important;
	position: absolute;
	top: 4px;
	right: -11px;
	height: 11px !important;
	width: 20px;
	text-indent: -9999px;
	z-index: -100;
	display: block;
	padding: 0 0 20px;

	opacity:0.95;
	filter:alpha(opacity=95)

}
/******************************************************************

******************************************************************/
#featured{
	width: 100%;
	/*height: 487px;*/
	margin: 0;
  padding-top: 50px
}

#featured-standard{
	overflow: hidden;
	width: 100%;
	margin: 0;
}
#text-intro{
	width: 960px;
	margin: 26px auto 0;
	text-align: center;
}

#text-intro .sloganizza{
	color: #f5f5f5;
	font-size: 35px;
	letter-spacing: -1px;
}

#preventivo{
	display: flex;
	align: center;
	position: relative;
	line-height: 1.4em;
	background-color: #0d0d0d;
	border-radius: 20px;
	margin-top: 40px;
	margin-bottom: 40px
}
#preventivo .contenuto {
	width: 50%;
	padding: 50px 70px;
}
#preventivo .contenuto a, #preventivo .contenuto strong{
	color: #CCCCCC
}
#preventivo .immagine {
	width: 50%;
}
#preventivo .immagine img {
	width: 100%;
	height: auto;
	border-radius: 20px
}
#preventivo h1{
	font-size: 50px;
	letter-spacing: -5px;
	margin-bottom: -15px;
	font-family: "Graphik", Helvetica, serif;
	font-weight: 700;
}

#preventivo h3{
	font-size: 24px;
	line-height: 30px;
	letter-spacing: -1px;
	margin-bottom: 0px;
	color: #CCCCCC;
}

#preventivo p {
	padding-left: 0px;
	width: 560px;
}



#promo{
	width: 100%;
	height: auto;
	align: center;
	position: relative;
	padding-bottom: 17px; padding-top: 10px; line-height: 1.4em;
	/* background: url(images/template/subset.jpg) no-repeat 50% 100%; */

}

#promo .boxy{
	/* background: url(images/template/boxdoppio.png) no-repeat;
	width: 320px; */
	border-left: 0px solid #EAEAEA;
	width: 26%;
	margin: 0.3%;
	height: 180px;
	padding-top: 0px;
	float:left;
	padding: 30px;
	border-radius: 20px;
	border: 1px solid #EAEAEA;
	-webkit-box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
	-webkit-transition: opacity 0.3s ease-in-out;
  	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
}

#promo .boxy:hover {
	background-color: #EAEAEA;
	-webkit-transition: opacity 0.3s ease-in-out;
  	-moz-transition: opacity 0.3s ease-in-out;
  	-o-transition: opacity 0.3s ease-in-out;
  	transition: opacity 0.3s ease-in-out;
}

.roundtitle {
margin-top: 90px;
font-size: 100px;
line-height: 50px;
font-family: "Graphik", helvetica, sans-serif;
color: #FFFFFF;
}
#promo .primobox{
	/* background: url(images/template/boxdoppio.png) no-repeat;
	width: 320px; */
	border-left: 0px solid #F4F4F4;

	-webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;;
  /* ...and now for the proper property */
  transition:.5s;
}


#promo .boxy img.left { margin-left: 3px; margin-top: 25px; }
#promo .boxy img.right { margin-right:3px; margin-top:25px; }

#promo .boxy h3{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 25px;
	letter-spacing: -2px;
	font-weight: 700
}

#promo .boxy h4{
	padding-left: 22px;
	padding-top: 0px;
	padding-bottom: 7px;
	font-size: 18px;
	letter-spacing: -1px;
}

#promo .boxy p {
	font-size: 14px;
	line-height: 20px;
	padding-left: 25px;
	padding-top: 0px;
	margin-top: 0px;
	width: auto;
	font-weight: normal;

}

/****** PROMO NO FONDALE ******/
#promo-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
	height: 260px;
	align: center;
	position: relative;
	padding-bottom: 17px;
	padding-top: 10px;
	line-height: 1.4em;
}

#promo-box .item{

}

#promo-box .boxy{
	flex: 1 1;
	margin: 0 10px;
	-webkit-box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
  box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
	height: 223px;
	padding-top: 0px;
	border-radius: 20px;
	border: 1px solid #EAEAEA;
	padding: 10px;
}

#promo-box .boxy:hover {
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.0);
	height: 223px;
	padding-top: 0px;
	border-radius: 20px;
	border: 1px solid #EAEAEA;
	padding: 10px;
}

#promo-box .boxy img.left { margin-left: 3px; margin-top: 25px; }
#promo-box .boxy img.right { margin-right:3px; margin-top:25px; }

#promo-box .boxy h3{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 2px;
	font-size: 30px;
	letter-spacing: -2px;
	float: left;
	font-weight: 700;
}

#promo-box .boxy h4{
	padding-left: 22px;
	padding-top: 0px;
	padding-bottom: 7px;
	font-size: 15px;
	letter-spacing: -1px;
	float:left;
}

#promo-box .boxy p {
	font-size: 12px;
	padding-left: 25px;
	width: 200px;
	font-weight: normal;
  line-height: 18px;
  padding-top: 50px;
}

#promo-box .boxy .noreduce {
	float: left;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	font-weight: normal;
	padding-left: 25px;
	width: 305px;
	font-weight: normal;
  padding-top: 10px

}


/* PROMO CON SIDEBAR */
#promo640{
	width: 640px;
	height: 260px;
	align: center;
	position: relative;
	padding-bottom: 17px;
	padding-top: 10px;
	line-height: 1.4em;
	background: none; /*url(images/template/subset.jpg) no-repeat 50% 100%;*/
}

#promo640 .boxy{
	background: url(images/template/boxdoppio.png) no-repeat;
	width: 320px;
	height: 243px;
	padding-top: 0px;
	float:left;
}

#promo640 .boxy:hover {
	background: url(images/template/boxdoppio.png) no-repeat;
	background-position: 0px -247px;
	width: 320px;
	height: 243px;
	padding-top: 0px;
	float:left;
}

#promo640 .boxy img.left { margin-left: 3px; margin-top: 25px; }
#promo640 .boxy img.right { margin-right:3px; margin-top:25px; }

#promo640 .boxy h3{
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 2px;
	font-size: 30px;
	letter-spacing: -2px;
	float:left;
}

#promo640 .boxy h4{
	padding-left: 22px;
	padding-top: 0px;
	padding-bottom: 7px;
	font-size: 15px;
	letter-spacing: -1px;
	float:left;
}

#promo640 .boxy p {
	font-size: 11px;
	padding-left: 25px;
	width: 140px;
	font-weight: normal;

}

.ombra{
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px#888;
	box-shadow: 0 0 3px #888;
}

/******************************************************************
					 SUBPAGE DESCRIPTION
******************************************************************/
.page-description{
	width: 450px;
	height: 320px;
	float: left;
}

.page-description, .page-title{
	float: left;
	margin-left: -10px;
	/* overflow: hidden; */
	margin-top: 10px;
	max-height: 320px;
}


.page-description .page-title h2{
	font-size: 115px;
	line-height: 105px
	font-weight: none;
	letter-spacing: -10px;
	color: #fbfafa;
	text-transform: none;
	margin-left: 517px;
	margin-top: 69px;

	float:left;
	width: 460px;
	font-weight: 300;
	font-family: "Graphik",sans-serif;
	/*overflow:hidden;*/
}

.page-description .fadeimg2{

	margin-left: 10px;
	margin-top: -245px;
	position:relative;

}

.page-description .page-title span.subtitle{
	text-transform: none;
	font-size: 18px;
	margin-left: 517px;
	padding-left:9px;
	letter-spacing:-1px;
	color: #FFFFFF;
	width: 460px;
	float:left;
}

.page-description .page-title span.descrizione{
	float:left;
	margin-left: 517px;
	padding-left:9px;
	padding-top: 8px;
	width: 440px;
	text-transform: none;
	font-size: 12px;
	color: #777777;
	text-shadow: 1px 1px 0 #000000;
}

.page-description .page-title span.descrizione a:link,
.page-description .page-title span.descrizione a:visited {
	color: #999999;}
.page-description .page-title span.descrizione a:hover {

	color: #FFFFFF;

}

/******************************************************************
							 NAV BAR
******************************************************************/
.navbar{
	width: 960px;
	height: 62px;
	margin: -11px 0 30px;
	margin-top: -10px;
}

.filter-nav{
	float: right;
	margin-top: 35px;
	margin-right: 20px;
}

.filter-nav ul{
	float: left;
	width: auto;
	overflow: hidden;
}

.filter-nav ul li{
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #494949;
	text-shadow: white 1px 1px 0;
	padding-right: 10px;
	overflow: hidden;
	float: left;
}

.filter-nav ul li a{
	text-decoration: none;
	color: #9c9c9c;
	text-shadow: white 1px 1px 0;
}

.filter-nav ul li a:hover{
	color: #494949;
}

.filter-nav ul li a.active{
	color: #000;
}

ul.social-nav{
	width: auto;
	list-style: none;
	overflow: hidden;
	margin-top: 18px;
	float: right;
	margin-right: 4px;
}

ul.social-nav li{
	display: inline-block;
	padding-right: 10px;
	float: left;
}

ul.clients-nav{
	width: auto;
	list-style: none;
	overflow: hidden;
	float: right;
	margin-top: 25px;
	height: 45px;
}

ul.clients-nav li{
	display: inline;
	padding-right: 11px;
	float: left;
}

ul.clients-nav li img.up{
	position: relative;
	top: -1px;
}

ul.contact-nav{
	width: auto;
	list-style: none;
	overflow: hidden;
	float: right;
	margin-top: 33px;
	margin-right: 8px;
}

ul.contact-nav li{
	display: inline-block;
	padding-right: 2px;
	font-size: 17px;
	color: #383838;
	text-shadow: #fffeff 1px 1px 0;
	float: left;
}
/******************************************************************
							 LAYOUT
******************************************************************/
#main-content{
	width:100% !important;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: -4px;
	padding: 0 0 0px;
}

div.vc_row[data-vc-full-width] {
    overflow: visible;
}
#main-content-home{
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px;

	padding: 0 0 20px;
	padding-bottom: 17px; line-height: 1.4em;
	/* background: url(images/template/subset.jpg) no-repeat 50% 100%; */
	padding-top: 50px;
	border-top: 0px solid #EAEAEA
}

#fullwidth{
	width: 100%;
	overflow: hidden;
	margin-top: 60px;
}

.content-left{
	overflow: hidden;
	float: left;
	width: 700px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 34px;
}

.content-left p{

	width: 680px;

}

.content-left span.project-www{
	background-color: #1c1c1c;
	border: 1px solid #1c1c1c;
	border-radius: 3px;
	color: #121212;
	text-transform: none;
	display: inline;
	float: right;
	width: 74px;
	height: 14px;
	text-align: center;
	padding-top: 0px;
	cursor: pointer;
	overflow: hidden;
	/* text-shadow: #000000 1px 1px 0; */
	color: #fbfcfe;
	font: normal 9px "Graphik", Arial, Helvetica, Geneva, sans-serif;
	margin: -15px 3px 0px;
}

.content-left span.project-www:hover{
	background-color: #FFFFFF;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
}

ul#popular-widget li p {
    text-align: left !important;
    line-height: 13px !important;
}

.content-left span.project-tipo{
	background: transparent url('images/template/visiona-btm.png') no-repeat;
	color: #121212;
	text-transform: none;
	display: inline;
	float: left;
	margin-top: -14px;
	width: 74px;
	height: 14px;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	overflow: hidden;
	text-shadow: #000000 1px 1px 0;
	color: #fbfcfe;
	font: normal 9px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.content-left span.project-tipo:hover{
	background-position: left -17px;
	color: #ab750d;
	text-shadow: #121212 1px 1px 0;
}

.www{
	/* background: transparent url('images/template/visiona-btm.png') no-repeat; */
	background-color: #1c1c1c;
	border: 1px solid #1c1c1c;
	border-radius: 3px;
	color: #121212;
	text-transform: none;
	display: inline;
	float: left;
	margin-top: -5px;
	width: 74px;
	height: 14px;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
	overflow: hidden;
	/* text-shadow: #000000 1px 1px 0; */
	color: #fbfcfe;
	font: normal 9px "Graphik", Arial, Helvetica, Geneva, sans-serif;
}
.grid4col p {
  line-height: 20px
}

span.www:hover{
	/* background-position: left -17px; */
	background-color: #FFFFFF;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
	/* text-shadow: #121212 1px 1px 0; */
}

html#ls-global body#home.fondale.shiftnav-enabled.shiftnav-lock div.shiftnav-wrap div#wrapper div#preventivo h1.title_artwork_choose { margin: -30px 0 0;}

.content-left ol, .content-left ul, #fullwidth ol, #fullwidth ul{
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.content-left ol li, #fullwidth ol li{
	width: 100%;
	color: #737474;
	font-size: 12px;
	line-height: 24px;
	margin: 0 0 8px -17px;
}

.content-left ul li, #fullwidth ul li{
	font-size:12px;
	line-height: 24px;
	width: 100%;
	color: #737474;
	list-style-type: disc;
	list-style-position: inside;
	margin: 0 0 8px 1px;
}
/******************************************************************
							 COLUMNS
******************************************************************/
.three-cols, two-cols, four-cols{
	width: 100%;
	overflow: hidden;
	margin: 15px 0;
}

.column3{
	width: 300px;
	float: left;
	margin-bottom: 15px;
	display: block;
	clear: right;
	overflow: hidden;
	margin-right: 30px;
}

.three-cols .column3{
	margin-right: 24px;
}

.column3_lastcol{
	width: 300px;
	float: left;
	margin-bottom: 15px;
}

.column2, .column2_lastcol{
	width: 460px;
	float: left;
	margin-bottom: 15px;
}

.column2{
	margin-right: 40px;
}

.column4, .four-cols .column4_lastcol{
	width: 220px;
	float: left;
	margin-bottom: 20px;
}

.column4{
	margin-right: 26px;
}
/******************************************************************
						 HOME CONTENT
******************************************************************/
.vseparator-cols{
	/* background: transparent url(images/template/ffddd.png) no-repeat; */
	background: transparent none no-repeat;
	width: 8px;
	height: 269px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	top:0px;
	display: block;
}

.two-cols{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}


.two-cols .col h3 a{
	color: #363636;
}

.two-cols .col, .two-cols .col1, .two-cols .col2{
	width: 430px;
	float: left;
	margin-bottom: 25px;
}

.two-cols .col img, .two-cols .col1 img, .two-cols .col2 img{
	float: left;
	padding-right: 7px;
}

.two-cols .col p, .two-cols .col1 p, .two-cols .col2 p{
	padding-left: 6px;
}

.two-cols .col h3, .two-cols .col1 h3, .two-cols .col2 h3 {
	float: left;
	margin-top: 25px;
	margin-left: 2px;
}
.two-cols .col1{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
}

.two-cols .col2{
	 margin-left: 20px;
}



/******* FINE COLUMN 2 ELELMENTS *********/

.three-cols{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 17px; line-height: 1.4em; background: url(images/template/subset.jpg) no-repeat 50% 100%;
}

.three-cols .col h3 a{
	font-size: 20px;
	margin-bottom:5px;
	color: #363636;
	text-align: center;
	font-family: "Graphik", helvetica, sans-serif;
	font-weight: 500;
  text-decoration: none
}

.three-cols .col, .three-cols .col1, .three-cols .col2,.three-cols .col3{
	width: 28%;
	float: left;
	margin-bottom: 25px;
  text-align: center
}

.iconmini{
	width: 120px;
	opacity: 1.00;
	-webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.three-cols .col img, .three-cols .col1 img, .three-cols .col2 img,.three-cols .col3 img{
	margin-left: 0px;
	margin-bottom: 10px;
  clear: both;
}


.iconmini:hover {
    opacity: 0.80;
    -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

.three-cols .col p, .three-cols .col1 p, .three-cols .col2 p,.three-cols .col3 p{
	padding-left: 0px;
  text-align: justify;
    text-align-last: center;
}

.three-cols .col h3, .three-cols .col1 h3, .three-cols .col2 h3,.three-cols .col3 h3 {
	width: 100%;
  float: left;
	margin-top: -10px;
	margin-bottom: 0px;
  text-align: center
}
.three-cols .col1{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
}

.three-cols .col2{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
	margin-left: 20px;
}

.three-cols .col3{ margin-left: 20px;}


/********** 3 COLONNE SENZA BOX *******/
.three-cols-nobox{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	padding-bottom: 17px; line-height: 1.4em; background: url(images/template/subset.jpg) no-repeat 50% 100%;
}

.three-cols-nobox .col h3 a{
	font-size: 18px;
	margin-bottom:5px;
	color: #363636;
}

.three-cols-nobox .col, .three-cols-nobox .col1, .three-cols-nobox .col2,.three-cols .col3{
	width: 286px;
	float: left;
	margin-bottom: 25px;
}

.three-cols-nobox .col img, .three-cols-nobox .col1 img, .three-cols-nobox .col2 img,.three-cols-nobox .col3 img{
	float: left;
	margin-left: 70px;
	padding-right: 7px;
}

.three-cols-nobox .col p, .three-cols-nobox .col1 p, .three-cols-nobox .col2 p,.three-cols-nobox .col3 p{
	padding-left: 0px;

}

.three-cols-nobox .col h3, .three-cols-nobox .col1 h3, .three-cols-nobox .col2 h3,.three-cols-nobox .col3 h3 {

	float: left;
	margin-top: -10px;
	margin-bottom: -10px;
}
.three-cols-nobox .col1{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
}

.three-cols-nobox .col2{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
	margin-left: 20px;
}

.three-cols-nobox .col3{ margin-left: 20px;}


/********** 3 COLONNE FOOTER *****/
.three-cols-sidebar{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-top: 20px;}

.three-cols-sidebar .col h3 a{
	color: #363636;
}

.three-cols-sidebar .col, .three-cols-sidebar .col1, .three-cols-sidebar .col2,.three-cols-sidebar .col3{
	width: 286px;
	float: left;
	margin-bottom: 25px;
}

.three-cols-sidebar .col img, .three-cols-sidebar .col1 img, .three-cols-sidebar .col2 img,.three-cols-sidebar .col3 img{
	float: left;
	margin-left: 70px;
	padding-right: 7px;
}

.three-cols-sidebar .col p, .three-cols-sidebar .col1 p, .three-cols-sidebar .col2 p,.three-cols-sidebar .col3 p{
	padding-left: 0px;

}

.three-cols-sidebar .col h3, .three-cols-sidebar .col1 h3, .three-cols-sidebar .col2 h3,.three-cols-sidebar .col3 h3 {
	float: left;
	margin-top: -10px;
	margin-bottom: -10px;
}
.three-cols-sidebar .col1{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
}

.three-cols-sidebar .col2{
	background: transparent url(images/template/vseparator.png) no-repeat right center;
	padding-right: 30px;
	margin-left: 20px;
}

.three-cols-sidebar .col3{ margin-left: 20px;}

/***** 3 COLONNE HOME ********/

.three-cols-home{
	width: 100%;
	overflow: hidden;
	margin-top: 21px;
}

.three-cols-home .colimage{
	width: 61px;
	padding-right: 10px;
	overflow: hidden;
	float: left;
	clear: both;
	height: auto;
}

.three-cols-home .col-description{
	float: left;
	width: 224px;
	margin: 0;
}

.three-cols-home .col .col-description h3 a{
	color: #363636;

}
.three-cols-home .col, .three-cols-home .col2,.three-cols-home .col3{
	float: left;
	width: 300px;
	margin-right: 20px;
	margin-bottom: 30px;
}

.three-cols-home .col3{
	margin-right: 0;
}

.three-cols-home .col-description .related{
	background: transparent url(../images/template/related.png) no-repeat left center;
	padding-left: 18px;
	float: right;
	padding-right: 0;
	margin: 0;
	font-size: 12px;
}

.three-cols-home .col-description .read-more{
	background: transparent url(../images/template/related.png) no-repeat right center;
	padding-left: 0;
	float: left;
	padding-right: 19px;
	margin: 0;
	font-size: 12px;
}

.three-cols-home .col-description a.related, .three-cols-home .col-description a.read-more{
	color: #707070;
}
.three-cols-home .col-description a:hover.related, .three-cols-home .col-description a:hover.read-more{
	text-decoration: underline;
	color: #292929;
}


.four-cols-home{
	width: 100%;
	overflow: hidden;
	margin-top: 25px;
}
.four-cols-home .col{
	width: 221px;
	float: left;
	margin-left: 8px;
	margin-right: 10px;
	margin-bottom: 15px;
}
.four-cols-home .col1,.four-cols-home .col2,.four-cols-home .col3,.four-cols-home .col4{
	float: left;
	width: 221px;
	margin-right: 16px;
	margin-left: 4px;
	margin-bottom: 25px;
}

.four-cols-home .col4{
	margin: 0 !important;
}

.four-cols-home .col h3 a{
	color: #363636;
}

.four-cols-home .colimage{
	background: transparent url(images/template/imghome.png) no-repeat;
	padding: 6px 5px 14px;
	position: relative;
	float: left;
	left: -1px;
}

.text-content{
	width: auto;
	float: left;
	margin-bottom: 30px;
	background-color: #FFFFFF;
  border-radius: 20px;
}
.text-content .padding-mobile {
    padding: 50px;
}
.recent-works{
	float: left;
	width: 35%;
	text-align: justify;
}

.recent-works ul.works-list{
	width: 100%;
	list-style: none;
	margin-top: 16px;
	overflow: hidden;
	margin-bottom: 15px;
}

.recent-works ul.works-list li{
	list-style: none;
	/* background: transparent url(images/template/recent-projectbg.png) no-repeat; */
	width: 122px;
	height: 82px;
	display: inline-block;
	margin: 0 5px 10px 0;
	overflow: hidden;
	margin-right: 4px;
	float: left;
}

.recent-works ul.works-list li img{
	position: relative;
	top: 5px;
	left: 3px;
	border: 1px solid #EAEAEA;
}


.recent-works-singleportfolio{
	float: left;
	width: 639px;
	text-align: justify;
}

.recent-works-singleportfolio ul.works-list{
	width: 100%;
	list-style: none;
	margin-top: 16px;
	overflow: hidden;
	margin-bottom: 15px;
}

.recent-works-singleportfolio ul.works-list li{
	list-style: none;
	background: transparent url(images/template/recent-projectbg.png) no-repeat;
	width: 122px;
	height: 82px;
	display: inline-block;
	margin: 0 5px 10px 0;
	overflow: hidden;
	margin-right: 4px;
	float: left;
}

.recent-works-singleportfolio ul.works-list li img{
	position: relative;
	top: 5px;
	left: 3px;
}

.team{
	width: 100%;
	overflow: hidden;
}

.team-member{
	background: transparent url(images/template/team.png) no-repeat;
	width: 189px;
	height: 189px;
	float: left;
	margin-right: 24px;
	margin-top: 10px;
	margin-bottom: 15px;
}

.team-member img{
	margin: 13px 0 0 10px;
}

.team-member h5{
	color: #fffeff;
}
/******************************************************************
						 SERVICES STYLE 1
******************************************************************/
.services{
	width: 100%;
	overflow: hidden;
}

.services .service-box{
	width: 100%;
	overflow: hidden;
	margin-bottom: 50px;
}

.services .service-box h2 a{
	color: #424242;
}

.service-box .service-image{
	float: left;
	overflow: hidden;
	height: auto;
	margin-top: 0;
	padding: 0 17px 0 0;
	width: 107px;
}

.service-box .service-text{
	float: left;
	width: 512px;
	margin: 0;
	padding: 0;
}
/******************************************************************
						 SERVICES 2
******************************************************************/
.service-box .box-image{
	padding: 5px;
	margin-top: 10px;
	background-color: #f6f8f8;
	border: 1px solid #e5e8e8;
}
/******************************************************************
						 SERVICES 3
******************************************************************/
.servicesfull{
	width: 100%;
	overflow: hidden;
	margin: 22px 0 0;
}

.servicesfull .service-box{
	width: 288px;
	float: left;
	margin-right: 25px;
	margin-left: 7px;
	margin-bottom: 25px;
	height: 337px;
	overflow: hidden;
}

.servicesfull .service-box h2 a{
	color: #424242;
}

.servicesfull .serviceimg{
	background: transparent url(images/template/services-bg.png) no-repeat;
	width: 289px;
	height: 198px;
	margin-top: 6px;
}

.servicesfull .serviceimg img{
	position: relative;
	top: 9px;
	left: 10px;
}

.servicesfull .service-description{
	width: 100%;
	margin-top: -22px;
	padding-left: 0;
}
/******************************************************************
					  PORTFOLIO STYLE 1
******************************************************************/
.project-singolo{
	position: relative;
	width: 323px;
	/* background: transparent url(images/template/portfolio-bg1.png) no-repeat; */
	margin: 0 1px 1px 0;
	margin-top: 8px;
	list-style: none !important;
	float: left;
	display: inline-block;
	padding-left: 7px;
	padding-top: 7px;
	height: 200px;
}

#portfolio-list{
	margin-top: 20px
}

#portfolio{
	width: 1000px;
	overflow: hidden;
}

#portfolio ul{
	display: inline;
	float: left;
	list-style: none;
}
#portfolio ul li{
	position: relative;
	width: 323px;
	/* background: transparent url(images/template/portfolio-bg1.png) no-repeat; */
	margin: 0;
	list-style: none !important;
	float: left;
	display: inline-block;
	height: 305px;

}

#portfolio ul li .project-thumbnail{
	margin-left: -5px;
	margin-top:-5px;
	widows: 310px;
	height: 172px;
}

#portfolio ul li a {
	display:block;
	position:relative;

}

#portfolio ul li a .hoverimage{
	display: none;
	position:absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 310px;
	height: 191px;
	background: transparent url(images/template/h-image.png) no-repeat;
	margin: 5px 0 0 7px;

}

#portfolio ul li a .hovervideo{
	display: none;
	position:absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 310px;
	height: 191px;
	background: transparent url(images/template/h-video.png) no-repeat;
	margin: 5px 0 0 7px;
}

#portfolio ul li img{
	display: inline-block;
	margin-top: 5px;
	margin-left: 7px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.14);
	width: 96%;
}



#portfolio span.project-title{
	color: #121212;
	text-transform: none;
	display: block;
	margin-top: 4px;
	margin-bottom: -4px;
	padding-left: 0px;
	cursor: pointer;
	overflow: hidden;
	text-shadow: #fbfcfe 1px 1px 0;
	font: normal 16px "Graphik", Arial, Helvetica, Geneva, sans-serif;
}

#portfolio span.project-title:hover{
	color: #ab750d;
	text-shadow: white 1px 1px 0;
}

#portfolio span.project-www{
	/* background: transparent url('images/template/visiona-btm.png') no-repeat; */
	background-color: #1c1c1c;
	border: 1px solid #1c1c1c;
	border-radius: 3px;
	color: #121212;
	text-transform: none;
	display: inline;
	float: right;
	margin: -15px 3px 0px;
	width: 74px;
	height: 14px;
	text-align: center;
	padding-top: 2px;
	cursor: pointer;
	overflow: hidden;
	/* text-shadow: #000000 1px 1px 0; */
	color: #fbfcfe;
	font: normal 9px "Graphik", Arial, Helvetica, Geneva, sans-serif;
}

#portfolio span.project-www:hover{
	/* background-position: left -17px; */
	background-color: #FFFFFF;
	border: 1px solid #1c1c1c;
	color: #1c1c1c;
	/* text-shadow: #121212 1px 1px 0; */
}



#portfolio .project-text{
	width: 315px;
	margin-left: 0px;
	margin-top: 30px;
}

#portfolio .project-text a{
	display: inline;
}

.pag-portfolio{
	margin-left: 6px;
	margin-top: -8px;
}
.pag-portfolio2{
	margin-left: 0;
	margin-top: -47px;
}

div#wrapper div#main-content div#fullwidth h2 {
	line-height: 60px; font-family: "Graphik", Helvetica, serif; }


/******************************************************************
			PORTFOLIO FILTER ARTWORK JQUERY
******************************************************************/

.filtra { margin-top: -30px; padding-bottom: 5px; padding-top: 10px; line-height: 1.4em; background: url(images/template/subset.jpg) no-repeat 50% 100%; }


#portfolio-filter
{
height: 40px;
padding-top: 20px;

}

ul#portfolio-filter li /*, #portfolio-filter li, #portfolio-filter li a */
{
display: inline;
}

ul#portfolio-filter li:hover, ul#portfolio-filter li:active
{
display: inline;
}

ul#portfolio-filter li a
{
background-color: none;
color: #121212;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;

-moz-border-radius: 5px;
border-radius: 5px;
/*-webkit-box-shadow: 0 0 4px #CCCCCC;
-moz-box-shadow: 0 0 4px #CCCCCC;
box-shadow: 0 0 4px #CCCCCC;*/

font-size:12px;
font-weight: bold;
border: 1px solid #121212;


}
#portfolio-filter li a:hover, #portfolio-filter ul li a:active
{
background-color: #1c1c1c;
color: #FFF;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;

-moz-border-radius: 5px;
border-radius: 5px;

font-size:12px;
font-weight: bold;
text-decoration: none;
}


/******************************************************************
					 PORTFOLIO STYLE 2
******************************************************************/
#portfolio2{
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 12px;
	margin-bottom: 25px;
}

#portfolio2 .project{
	background: transparent url(images/template/portfolio-bg2.png) no-repeat;
	width: 224px;
	height: 173px;
	float: left;
	margin-right: 14px;
	margin-bottom: 35px;
}

#portfolio2 .boxgrid{
	width: 208px;
	height: 149px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
	margin-top: 9px;
	margin-left: 8px;
}

#portfolio2 .boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
#portfolio2 .boxgrid p{
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
}

#portfolio2 .boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 100px;
	width: 100%;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#portfolio2 .captionfull .boxcaption {
	top: 149px;
	height: 100%;
	left: 0;
}
#portfolio2 .caption .boxcaption {
	top: 220px;
	left: 0;
}

#portfolio2 span.title{
	margin: 10px 10px -10px; color:#ffffff; font: bold 13pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; letter-spacing:-1px;
	position: relative;
	top: 6px;
}

#portfolio2 a.view{
	color: white;
	text-decoration: none;
	position: relative;
	top: -8px;
}

#portfolio2 a.view:hover{
	text-decoration: underline;
}

#portfolio2 a.details{
	background: url(images/template/details.png) no-repeat;
	width: 58px;
	height: 47px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 45px;
	top: 45%;
	left: 0;
}
#portfolio2 a.details:hover{
	background-position: 0 -46px;
}

#portfolio2 a.zoom{
	background: url(images/template/zoom.png) no-repeat;
	width: 58px;
	position: absolute;
	height: 46px;
	display: block;
	text-indent: -9999px;
	float: left;
	top: 45%;
	left: 50%;
}
#portfolio2 a.zoom:hover{
	background-position: 0 -46px;
}
/******************************************************************
						 PORTFOLIO STYLE 3
******************************************************************/
#portfolio3{
	width: 100%;
	overflow: hidden;
}

#portfolio3 h3{
	margin-bottom: 3px;
}
#portfolio3 ul{
	list-style: none;
	margin: 10px 0 0;
}

#portfolio3 ul li{
	float: left;
	position: relative;
	list-style: none;
	width: 100%;
	background: url(images/template/separator.png) no-repeat center bottom;

}

#portfolio3 ul li:last-child{
	background: none;

}

#portfolio3 ul li .project-image{
	float: left;
	background: transparent url(images/template/portfolio-bg3.png) no-repeat;
	width: 587px;
	height: 346px;
	margin-right: 13px;
	margin-bottom: 40px;
}

#portfolio3 ul li .project-image img{
	margin-top: 10px;
	margin-left: 11px;
}
#portfolio3 ul li a{
	display: block;
	position: relative;
	text-decoration: none;
}

#portfolio3 ul li a .hoverimagebig{
	display: none;
	position:absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 566px;
	height: 295px;
	background: transparent url(images/template/h-imagebig.jpg) no-repeat;
	margin: 10px 0 0 11px;
}

#portfolio3 ul li a .hovervideobig{
	display: none;
	position:absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 566px;
	height: 295px;
	background: transparent url(images/template/h-videobig.jpg) no-repeat;
	margin: 10px 0 0 11px;
}

#portfolio3 .project-description{
	width: 360px;
	float: left;
}

#portfolio3 .btn_details{
	margin-right: 16px;
	margin-left: 0;
}
/******************************************************************
						 PORTFOLIO SINGLE
******************************************************************/
.projectsingle-holder{
	background: transparent url(images/template/portfolio-singlebg.png) no-repeat;
	width: 640px;
	height: auto;
	margin-top: 15px;
	margin-bottom: 40px;
}

.pika-wrap {width: 640px; margin: 0 auto;}

.pika-image {position: relative; padding: 10px;
	top: 2px;
	left: -2px;
	margin-bottom: 18px;
}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}


.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {
	position: absolute;
	text-indent: -5000px;
	display: block;
	z-index:3;
}

.pika-imgnav a.previous {display: none !important;}
.pika-imgnav a.next {display: none !important;}
.pika-imgnav a.play {display: none !important;}
.pika-imgnav a.pause {display: none !important;}
.pika-textnav {display: none !important;}
.pika-image .caption { display: none !important;}
.pika-thumbs {
	margin: 10px 0 0 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
}

.pika-thumbs li {
	float: left;
	list-style-type: none;
	width: 74px !important;
	padding: 3px;
	margin: 0 7px 0 2px !important;
	background: #fcfeff;
	border: 1px solid #f2f4f4;
	cursor: pointer;
	display: block;
}

.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}
/******************************************************************
	        			  BLOG STYLE 1
******************************************************************/
.entry{
	width: 100%;
	display: block;
	position: relative;
	margin-bottom: 47px;
	margin-top: 1px;
}

.entry h2 {
    font-size: 48px;
    font-style: normal;
    letter-spacing: -4px;
    line-height: 1.9em;
    margin-bottom: -45px;
    margin-top: 0px;
    padding: 0 0 5px;
}

.entry h2 a{
	font-size:48px;
	color: #121212;
}

.entry h2 a:hover{
	color: #000000;
}

.entry .postmetainfo{
	width: 100%;
	font-size:11px;
	margin-top: 40px;
	margin-bottom: 8px;
}

.entry .postmetainfo ul{
	list-style: none;
	overflow: hidden;
}

.entry .postmetainfo ul li{
	display: inline;
	line-height: 17px;
	color: #818181;
}

.entry .postmetainfo ul li a{
	color: #818181;
}

.entry .postmetainfo ul li a:hover{
	color: #165c8d;
}

.entry .post-image{
	/* background: transparent url(images/template/blogimg-bg.png) no-repeat; */
	width: 641px;
	height: 268px;
	margin-bottom: -35px;
}

.entry .post-image img{
	position: relative;
	top: 10px;
	left: 9px;
}

.entry .entry-content{
	width: 100%;
}

.postdate2 {
	background: none;
	margin-top: 29px;
	position: absolute;
	width: 64px;
	height: 42px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	top: 10px;
	right: 0;
	text-align: center;
}


.postdate {
	background: transparent url(images/template/comments.png) no-repeat;
	margin-top: 29px;
	position: absolute;
	width: 44px;
	height: 42px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	top: -5px;
	right: 0;
	text-align: center;
}

.postdate span.number a{
	color: #5e5e5f;
	font-size: 10px;
	margin-left: 0;
	position: relative;
	top: 7px;
	font-weight: bold;
	margin-top: 0;
	text-decoration: none;
	margin: 0;
}

.postdate span.number a:hover{
	color: #000000;
}

.postdate span.month{
	color: #fffeff;
	float: left;
	font-size: 11px;
	position: relative;
	top: 3px;
	left: 4px;
	width: 36px;
}

.postdate span.year{
	color: #fffeff;
	float: left;
	font-size: 11px;
	position: relative;
	top: 1px;
	left: 4px;
}
/******************************************************************
						 BLOG STYLE 2
******************************************************************/
.entry .post-content{
	width: 100%;
	overflow: hidden;
}
.mbottom{
	margin-bottom: 15px;
}
.entry .post-thumb-image{
	/* background: transparent url(images/template/blogimg-bg2.png) no-repeat; */
	width: 252px;
	height: 148px;
	margin-bottom: 0;
	margin-right: 15px;
	float: left;
	margin-top: 8px;
}

.entry .post-thumb-image img{
	position: relative;
	top: 6px;
	left: 6px;
}

.entry .postmetainfo2{
	width: 100%;
	margin: -15px 0 0;
}

.entry .postmetainfo2 ul{
	list-style: none;
	overflow: hidden;
}

.entry .postmetainfo2 ul li{
	display: inline;
	line-height: 17px;
	color: #818181;
}

.entry .postmetainfo2 ul li a{
	color: #818181;
}

.entry .postmetainfo2 ul li a:hover{
	color: #165c8d;
}

.entry .entry-content2{
	width: 378px;
	float: left;
	margin-top: -9px;
}
/******************************************************************
			 			RELATED POSTS ENTRY
******************************************************************/
#related-posts{
	margin: 10px 0 50px;
}

ul.related-posts-list {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	margin-top: 12px;
}
ul.related-posts-list li {
	margin-bottom: 0px;
	list-style: none;
	overflow: hidden;
	float: left;
	margin-top: 0;
	padding: 4px;
	border: 1px solid #dfe1e1;
	background-color: #f9f9f9;
	margin-right: 15px;
	width: 80px;
	height: 83px;
}
ul.related-posts-list a {
	overflow: hidden;
	display: block;
}

ul.related-posts-list li.last {
	margin-right: 0 !important;
}
/******************************************************************
						 BLOG COMMENTS
******************************************************************/
#comments-entry{
	width: 100%;
}

#comments-entry ol{
	list-style: none;
	overflow: hidden;
	margin-left: -22px;
}

#comments-entry ol li, #comments-entry ul li{
	margin-bottom: 10px;
}

#comments-entry .comment{
	background-color: white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #eaecec;
	overflow: hidden;
	width: 99%;
	padding: 0 8px 8px;
	background:
	-webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #fefefe),
		to(#fbfbfb)
	);
	background: -moz-linear-gradient(top,
		#fff,
		#fefefe 50%,
		#fbfbfb
	);

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#fbfbfb');
}

#comments-entry .comment-info{
	width: 91px;
	padding-top: 12px;
	padding-bottom: 12px;
	height: auto;
	float: left;
}

#comments-entry ul{
	padding-right: 0;
	padding-left: 24px;
	margin-right: 0;
	margin-left: 0;
	width: 98%;
	padding-bottom: 0;
	margin-bottom: 0;
}

#comments-entry ul li{
	list-style: none;
	width: 98%;
	margin-bottom: 3px;
}

#comments-entry ul .comment{
	width: 98%;
	margin: 0;
}

#comments-entry span.comment-name a{
	font-size: 13px;
	color: #515151;
	text-shadow: #fffeff 1px 1px 0;
	margin-top: 6px;
	font-weight: bold;
	width: 86px;
	height: auto;
	display: block;
	float: left;
}

#comments-entry span.comment-name a:hover{
	text-decoration: underline;
	font-size: 13px;
}

#comments-entry span.comment-date{
	font-size: 13px;
	overflow: hidden;
	display: block;
	color: #7d7d7d;
	position: relative;
	top: 10px;
	margin-bottom: 17px;
	line-height: 17px;
}

#comments-entry .comment-text{
	float: right;
	width: 83%;
}

#comments-entry .comment-text{
	width: 83%;
	padding: 0;
}
/******************************************************************
				 			COMMENT FORM
******************************************************************/
#commentform {
	margin:0px;
	padding: 15px 0 20px;
	float: left;
	position: relative;
	width: 100%;
}
#commentform .holder {
	padding-top: 15px;
}
#commentform div {
	float: left;
	width: 221px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#commentform div label {
	display: block;
	font-size: 0.9em;
	padding-left: 2px;
	color: #575858;
	padding-bottom: 3px;
	font-weight: bold;
}
#commentform div label.error {
	color: #a80000;
	position: absolute;
	right: 29px;
	text-align: right;
	font-size: 0.9em;
	top: 0px;
}

.submit-button{
	position: relative;
	left: 14em;
}
#commentform input{
	border: 1px solid #d4d4d4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #626363;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width: 199px;
	background-color: #fbfbfb;
	margin: 0 0 8px 2px;
	padding: 9px 5px 11px;
}
#commentform textarea {
	color: #626363;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	height: 155px;
	background-color: #fbfbfb;
	background-image: none;
	width: 395px;
	margin-top: -1px;
}
#commentform input:focus, textarea:focus {
	color: #454646;
	border: 1px solid #d4d4d4;
	background-color: #fbfdfd;
	outline: none;
}

#commentform .submit-button{
	float: right;
	position: relative;
	left: 215px;
}

#commentform label.submit-comment {
    color: #FFF;
    font-size: 11px;
    display: block;
    height: 40px;
    margin-right: 23px;
    padding-right: 22px; /* sliding doors padding */
    text-decoration: none;
	font-style: normal;
	font-family: arial, sans-serif;
	margin-top: 0;
	cursor: pointer;
	width: auto;
	float: right;
}

#commentform label.submit-comment span{
	background: transparent url(images/template/styles/blue/buttons/btn-left.png) no-repeat top left;
    display: block;
    line-height: 20px;
    padding: 11px 0px 5px 20px;
	height: 26px;
	font-weight: bold;
	text-transform: none;
	font-size: 11px;
	color: #FFFFFF;
	text-shadow: black 1px 1px 0;
}

#commentform label.submit-comment:hover {
    background-position: right -43px;
    color: #ab750d;
    outline: none;
}

#commentform label.submit-comment:hover span {
    background-position: left -43px;
    padding: 11px 0px 5px 20px;
	color: #ab750d;
}

#commentform label.submit-comment:active {
    background-position: right -86px;
    color: #7a7b7b;
    outline: none; /* hide dotted outline in Firefox */
}

#commentform label.submit-comment:active span {
    background-position: left -86px;
    padding: 11px 0px 5px 20px;
    color: #5d5d5d;
}


/* hide actual button input */
#commentform label.submit-comment input {
	position: absolute;
	width: inherit;
	height: inherit;
	z-index: 2;
	opacity: 0;
	-moz-opacity:0 ;
	display: block;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 first */
filter:alpha(opacity: 0); /* IE5-IE7 second */
}

#commentform em {
	font-style:italic;
	color:#999999;
	font-size:0.9em;
}
/******************************************************************
		                   SIDEBAR
******************************************************************/
#sidebar {
	float: right;
	width: 300px;
	padding: 0 0px 0px 0;
}

#sidebar span.sidebar-top{
	background: transparent url(images/template/sidebar-top.png) no-repeat left center;
	height: 23px;
	display: block;
	position: relative;
	top: -3px;
	margin-top: 20px;
	z-index: -5;
}

#sidebar .sidebar-middle{
	background: transparent url(images/template/sidebar-middle.png) repeat-y;
	margin-top: -3px;
	padding-left: 10px;
	z-index: -5;
}

#sidebar span.sidebar-bottom{
	background: transparent url(images/template/sidebar-bottom.png) no-repeat left center;
	height: 71px;
	display: block;
	position: relative;
	top: -35px;
	z-index: -5;
}

#sidebar h4{
	text-transform: 500;
	font-size: 30px;
	letter-spacing: -2px;
	border-bottom: 0px solid #e6e6e6;
	padding-bottom: 5px;
}

.sidebar-block{
	width: 268px;
	height: auto;
	margin-bottom: 35px;
	padding-left: 18px;


}

.subnavigation{
	margin-top: 17px;
}
.sidebar-block ul{
	margin-top: 0px;
	background: transparent url(images/sbbg2.png) no-repeat left top;
	padding-left: 20px;
	padding-top: 20px;
}

.sidebar-block ul ul, .sidebar-block ul ul ul{margin-bottom: -15px;}
.sidebar-block ul li{
	list-style-image: none;
	/* background: url(images/icons/list_arrow.png) no-repeat left 3px; */
	padding: 0 0 3px 2px;
	margin: 0 0 4px;
	font-size: 13px;
	color: #525355;
	text-decoration: none;
	list-style-type: none;
	float: none;
}

.sidebar-block ul li a{
	text-decoration: none;
	color: #121212;
	font-size: 14px;
	text-shadow: #faf9fb 1px 1px 0;
	font-weight: normal;
}

.sidebar-block ul li a:hover{
	color: #ab750d;
}

.sidebar-block ul li a:active{
	color: #ab750d;
}


.sidebar-block select{
	width: 262px;
	margin: 9px 0 0;
	border: 1px solid #e8e8e8;
}
/******************************************************************
					 SIDEBAR POPULAR POSTS
******************************************************************/
ul#popluar-widget{
	list-style: none;
	width: 100%;
}

ul#popular-widget li{
	list-style: none !important;
	background: none;
	border-bottom: 1px solid #e6e6e6;
	height: 97px;
	border-top: 1px solid #f8fafa;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 12px 0 9px;
}

ul#popular-widget li img{
	float: left;
	padding: 5px;
	background-color: #f7f9f9;
	border: 1px solid #d9d9d9;
	margin-right: 8px;
}

ul#popular-widget li img:hover{

	background-color: #f3f5f5;
	border: 1px solid #bdbdbd;
}

ul#popular-widget li a{
	font-weight: bold;
	font-size: 14px;
	color: #121212;
}

ul#popular-widget li a:hover{
	color: #AA740C;
}
/******************************************************************
	    			  SIDEBAR SEARCH BOX
******************************************************************/
/* #search {
	margin: 0px 0px 35px;
	float: right;
	width: 268px;
	background-image: url(images/template/cerca.png);
	background-repeat: no-repeat;
	padding: 0 0px;
	height: 40px;
} */

#search {
  font-size: 17px;
line-height: 1.23543;
font-weight: 400;
letter-spacing: -.022em;
display: inline-block;
box-sizing: border-box;
vertical-align: top;
width: 100%;
height: 3.3em;
margin-bottom: 14px;
padding-top: 12px;
padding-left: 16px;
padding-right: 16px;
color: #121212;
text-align: left;
border: 1px solid #d6d6d6;
border-radius: 4px;
background: rgba(255,255,255,0.8);
background-clip: padding-box;
}

/* #search input {
	margin: 0 0px 0px 5px;
	float: left;
	width: 215px;
	height: 29px;
	color: #999c9c;
	font-size: 12px;
	background-color: transparent;
	border: none;
	padding: 5px 3px 2px 2px;
	outline: none;
} */
#search input {
	margin: 0 0px 0px 5px;
	float: left;
	color: #121212;
	font-size: 16px;
	background-color: transparent;
	border: none;
	padding: 5px 3px 2px 2px;
	outline: none;
  width: 100%
}

#search .search_button {
  background-image: url('images/cerca.svg');
    background-size: 15px;
    background-repeat: no-repeat;
	color: #eaeaea;
	float: right;
	width: 20px;
	margin: 0;
	border: none;
	position: relative;
	right: 9px;
	top: -18px;
	text-decoration: none;
	text-transform: capitalize;
	height: 20px;
	display: block;
	cursor: pointer !important;
	text-shadow: #000 1px 1px 0;
	text-indent: -9999px;
}

.quattrocento {
  width: 100%; max-width: 1440px; margin: 0 auto;
}
.quattrocento .contenuto {
  padding: 16% 25%;
}
.off .off_title {
  font-weight: 500; font-size: 60px; line-height: 60px; letter-spacing: -3px
}
.off .off_desc {
  font-size: 16px; padding-bottom: 20px;
}

@media only screen and (max-width: 768px) {
  .quattrocento {
    width: 100%; max-width: 1440px; margin: 0 auto;
  }
  .quattrocento .contenuto {
    padding: 30% 10%;
  }
  .off .off_title {
    font-weight: 500; font-size: 50px; line-height: 50px; letter-spacing: -3px
  }
  .off .off_desc {
    font-size: 16px; padding-bottom: 10px;
  }
}
/******************************************************************
					 	ADVERTISE SIDEBAR
******************************************************************/
ul.exiria-pu {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
	list-style-type: none;
	margin-top: 10px;
}
ul.exiria-pu li {
	float: left;
	margin: 0px 2px 0px 0px;
	display: inline-block;
	padding: 0px 3px 7px 0px;
}
ul.exiria-pu img {
	padding: 1px;
	border: 1px solid #dfe1e1;
	background-color: #f9f9f9;
}

ul.exiria-pu img:hover{
	border: 1px solid #e1e1e1;
	background-color: #f0f2f2;
}
/******************************************************************
					 FROM FLICKR SIDEBAR
******************************************************************/
#flickr{
	width: 100%;
	overflow:hidden;
	display: block;
}

#flickr img{
	padding: 4px;
	border: 1px solid #dfe1e1;
	background-color: #f9f9f9;
	float: left;
	overflow: hidden;
	display: block;
	margin-right: 4px;
	margin-top: 13px;
}

#flickr img:hover{
	border: 1px solid #e1e1e1;
	background-color: #f0f2f2;
}
.flickr ul{
	display: block;
	width: 100%;
	overflow: hidden;
	list-style-type: none;
	margin-left: 0;
	margin-top: 11px;
	margin-bottom: 10px;
}

.flickr ul li{
	display: inline;
	margin: 0 4px 14px 0;
	list-style-type: none;
	float: left;
	overflow: hidden;
}

.flickr ul li img{
	padding: 4px;
	border: 1px solid #dfe1e1;
	background-color: #f9f9f9;
}

.flickr ul li img:hover{
	border: 1px solid #e1e1e1;
	background-color: #f0f2f2;
}
/******************************************************************
						 ADDRESS SIDEBAR
******************************************************************/
ul.address-sidebar{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

ul.address-sidebar li{
	font-size: 12px;
	color: #636363;
	margin-bottom: 10px;
	line-height: 17px;
}

ul.address-sidebar strong{
	padding-bottom: 0;
	line-height: 17px;
}
/******************************************************************
							 MAP-HOLDER
******************************************************************/
.map-holder{
	background: transparent url(images/template/map-bg.png) no-repeat;
	width: 273px;
	height: 286px;
	margin-left: -2px;
	margin-top: 5px;
	padding-top: 10px;
	padding-left: 7px;
}

.map-holder a{ color: #464848 !important; text-decoration: none;}
.map-holder a:hover{ text-decoration: underline !important;}
/******************************************************************
						 CONTACT FORM
******************************************************************/
#contact p, label, legend { font: 1.5em "Graphik", "Lucida Sans Unicode", Arial, sans-serif; }

#contact h1 { margin: 10px 0 10px; color: #626464;
	font-size: 19px;
}
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact {
	display: block;
	width: 100%;
	margin: 30px auto 60px;
	padding: 0;
}

/* Form style */

#contact label {
	display: inline-block;
	float: left; height: 26px;
	line-height: 26px;
	width: 96px;
	font-size: 13px;
	color: #707070;
	margin-top: 3px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: #fffeff 1px 1px 0;
}

#contact .input-wrapper {
	width: 333px;
	margin: 5px 0 11px;
	color: #717272;
	border: none;
	height: 30px;
	padding: 6px 5px 16px;
	outline: none;
}


#contact input, textarea, select {
	width: 319px;
	margin: 12px 0 0;
	color: #717272;
	background: none;
	border: none;
	height: 25px;
	padding: 5px 12px 1px 5px;
	outline: none;
}

#contact .input-text{
	/* background: transparent url(images/template/textarea.png) no-repeat 0 0; */
	width: 433px;
	height: 192px;
	margin-bottom: 0;
	border: none;
	outline: none !important;
	margin-left: 0;
	padding: 8px 0 0;
	display: inline-block;
	margin-top: 9px;
}

#contact textarea{
	background: none;
	margin-bottom: 0;
	border: none;
	outline: none !important;
	margin-left: 0;
	width: 407px;
	height: 175px;
	padding-left: 10px;
	float: left;
	margin-top: -3px;
}


#contact input:focus, textarea:focus, select:focus {
	color:#666;
}

#contact label.submit {
    color: #b8b9b9;
    display: block;
    float: right;
    height: 42px;
    margin-right: 29px;
    padding-right: 54px; /* sliding doors padding */
    text-decoration: none;
	font-style: normal;
	font-family: arial, sans-serif;
	margin-top: 0;
	cursor: pointer;
	position: relative;
	right: 77px;
	top: 9px;
	width: auto;
}

#contact label.submit span{
	background: transparent url(images/template/styles/blue/buttons/btn-left.png) no-repeat top left;
    display: block;
    line-height: 20px;
    padding: 11px 9px 5px 15px;
	height: 26px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.9em;
	color: #7f8181;
	text-shadow: white 1px 1px 0;
}

#contact label.submit:hover {
    background-position: right -43px;
    color: #f9f9f9;
    outline: none;
}

#contact label.submit:hover span {
    background-position: left -43px;
    padding: 11px 9px 5px 15px;
	color: #5d5d5d;
}

#contact label.submit:active {
    background-position: right -86px;
    color: #7a7b7b;
    outline: none; /* hide dotted outline in Firefox */
}

#contact label.submit:active span {
    background-position: left -86px;
    padding: 11px 9px 5px 15px;
    color: #5d5d5d;
}
.box_carousel {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	border-radius: 5px;
	margin: 10px;
	transition:.2s ease-in-out;
}
.ultb3-info {
	width: 50%;
	padding: 25px 40px !important
}
.ultb3-desc {
    font-size: 14px !important;
    line-height: 22px !important;
}
.ultb3-box .ultb3-title {
    font-weight: 700 !important;
    font-size: 26px !important;
}
a.ultb3-btn {
	border: 0px solid !important;
	padding-left: 0px !important;
	font-size: 14px !important;
}
a.ultb3-btn:hover {
	transform: translate(20px,-0%) !important;
}

.box_artwork .vc_column-inner {
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);
	border-radius: 5px;
	padding: 30px !important;
	margin: 10px;
	transition:.2s ease-in-out;
}

.box_artwork .vc_column-inner .wpb_text_column {
	margin-bottom: 0px
}
.box_artwork .vc_column-inner:hover {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);
	transition:.2s ease-in-out;
}
/* hide actual button input */
#contact label.submit input {
	position: absolute;
	width: inherit;
	height: inherit;
	z-index: 2;
	opacity: 0;
	-moz-opacity:0 ;
	display: block;
	cursor: pointer;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 first */
filter:alpha(opacity: 0); /* IE5-IE7 second */
}

#contact input[type="submit"][disabled] {


}

#contact fieldset {
	padding: 0;
	border:none;
}

#contact legend {
	padding:7px 10px;
	font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; line-height: 22px; background: #f6f6f6 url('images/template/error.png') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color: #0a0a0a;border: 1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 11px; line-height: 22px; color: #737474; margin-bottom: 10px;}

.loader { padding: 0 10px;
	float: left;
	margin-top: 16px;
	margin-left: -36px;
	display: block;
}

#contact #success_page h1 { background: url('images/template/success.gif') left no-repeat; padding-left:22px;
}

#contact #success_page p{
	font-size: 15px;
}
/******************************************************************
						    FOOTER
******************************************************************/
#footer{
	width: 100%;
	overflow: hidden;
	margin: 0;
}

#footer p{
	font-size: 12px;
}
#footer h3{
	color: #FFF;
	margin-bottom: 20px;
	width: 100%;
  font-weight: 500;
	font-size: 20px;
	letter-spacing: 0px
}
#footer .footer-top{
	/*background: url(images/template/footer-top.png) repeat-x;
	height: 15px;
	overflow: hidden;
	display: block;*/
}
#footer p {
  color: #CCCCCC;
	line-height: 22px
}
#footer .footer-middle{
	/* background: url(images/template/footer-bg.png) repeat; */
  background-color: #121212;
	overflow: hidden;
	margin-bottom: 0;
	padding: 0;
	margin-top: -10px;
	padding-top: 30px;
}

#footer .footer-middle .content{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}

#footer .footer-middle .content .col{
	width: 280px;
	float: left;
	margin-left: 7px;
	margin-right: 52px;
}

#footer .copyright{
	/* background: url(images/template/copyright.png) repeat-x; */
	background-color: #121212;
  border-top: 0px solid #232323;
	height: 220px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}
#footer .copyright p{
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 28px;
	text-transform: normal;
	font-size: 11px;
	line-height: 16px
}

#footer p strong, #footer p strong a{
	color: #999999;
}
#footer p strong a:hover{
	opacity: 1;
	color: #FFFFFF;
}

#footer .copyright p a{
	text-decoration: none;
	outline: none;
	color: #CCCCCC;
}

#footer .copyright p a:hover{
	color: #FFFFFF;
}
#footer .copyright .centra {
	width: 960px;
	margin: 0 auto;
}
#footer .copyright .centra .left {
	padding: 30px 0px 0px 0px;
	width: auto;
	float: left;
}

#footer .copyright .centra  .right {
	padding: 30px 0px 0px 0px;
	width: 30%;
	float: right;
	text-align: right;
}

#footer ul.blog-list-footer li{
	list-style-type: square;
	float: left;
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #151515;
	border-top: 1px solid #212222;
	width: 262px;
    background: /* transparent url(images/icons/bloglist.png) no-repeat left center; */
	padding-left: 0px;
}

#footer ul.blog-list-footer li img{
	float: left;
	padding: 3px;
	background-color: #f7f9f9;
	border: 1px solid #d9d9d9;
	margin-right: 5px;
	margin-left: 0px;
}

#footer ul.blog-list-footer li img:hover{

	background-color: #f3f5f5;
	border: 1px solid #bdbdbd;
}




#footer ul{
	width: 100%;
	float: left;
	margin-top: -9px;
}

#footer ul li{
	list-style-type: square;
	float: left;
	display: block;
	padding-top: 9px;
	padding-bottom: 10px;
	border-bottom: 1px solid #151515;
	border-top: 1px solid #212222;
	width: 262px;
    background: /* transparent url(images/icons/bloglist.png) no-repeat left center; */
	padding-left: 0px;
}
#footer ul li:first-child{
	border-top: none;
}
#footer ul li:last-child{
	border-bottom: none !important;
}

#footer ul.contact-footer{
	width: 100%;
	overflow: hidden;
	margin-top: -9px;
	float: left;
	margin-bottom: -10px;
}
#footer ul.contact-footer li{
	list-style: none !important;
	padding-top: 9px;
	color: #CCCCCC;
	font-size: 13px;
	border: none;
	padding-left: 28px;
	width: 100%;
	padding-bottom: 6px;
	margin-bottom: 7px;
	line-height: 19px;
}

#footer ul.contact-footer li.mail{ background: transparent url(images/icons/mail.png) no-repeat left 10px;
	float: left;
}
#footer ul.contact-footer li.phone{ background: transparent url(images/icons/phone.png) no-repeat 2px 6px;
	float: left;
}
#footer ul.contact-footer li.skype{ background: transparent url(images/icons/skype.png) no-repeat left 6px;
	float: left;
}
#footer ul.contact-footer li.address{ background: transparent url(images/icons/home.png) no-repeat 0 7px;
	float: left;
}


#footer ul.contact-footer li a{
	font-size: 13px;
	width: 100%;
	color: #CCCCCC;
}


#footer ul.social{
	width: 100%;
	overflow: hidden;
	float: left;
	margin-left: -13px;
}

#footer ul.social li {
	margin-bottom: 0px !important;
	margin-top: 0 !important;
	border: none !important;
	list-style: none !important;
	background: none !important;
	overflow: hidden;
	list-style-image: none;
	list-style-type: none;
	width: 29px;
	float: left;
	display: inline-block;
}
#footer ul.social a {
	width: 32px;
	overflow: hidden;
	display: inline-block;
	padding: 0 10px 8px 0;
	float: left;
}

#footer ul.blog-list-footer li:first-child{ border-top: none; font-size: 11px;}
#footer ul.blog-list-footer li:last-child{ border-bottom: none; font-size: 11px;}

#footer ul li a{
	color: #CCCCCC;
  font-weight: 500;
	text-decoration: none;
	padding-left: 5px;
	line-height: 16px;
	float: left;
	font-size: 13px;
  font-family: "Graphik", sans-serif;
}
#footer ul li a:hover{
	color: #FFFFFF;
}

#footer ul li p, #footer ul li p a:link{
	font-size: 11px;
	color: #CCCCCC;
	float: left;
	margin-left: 6px;
	text-decoration: none;
	margin-top: 3px;
	line-height: 15px;
}
#footer ul li p a:hover{
	color: #545454;
	text-decoration: underline;
}

/******************************************************************
					 JQUERY TIP STYLE
******************************************************************/
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 35px;
}

#tiptip_holder.tip_bottom {
	padding-top: 35px;
}

#tiptip_holder.tip_right {
	padding-left: 35px;
}

#tiptip_holder.tip_left {
	padding-right: 35px;
}


#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 1px #000;
	padding: 10px 18px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 1px #555;
	-webkit-box-shadow: 0 0 1px #555;
	-moz-box-shadow: 0 0 1px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

.single-entry{
	margin-bottom: 10px !important;
}

ol.commentlist {
	list-style:none; padding:0;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
}

ol.commentlist li {
	border: 1px solid #e4e4e4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin: 0 0 18px;
	padding: 5px 7px 24px 64px;
	position:relative;
	background:
	-webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #fefefe),
		to(#fbfbfb)
	);
	background: -moz-linear-gradient(top,
		#fff,
		#fefefe 50%,
		#fbfbfb
	);

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#fbfbfb');
	width: 88%;
	overflow: hidden;
}

ol.commentlist li.pingback comment-author {
	padding:0 170px 0 0;
}

ol.commentlist li div.vcard {
	font-weight: bold;
	list-style: none !important;
	margin-bottom: 10px;
}

.comment-body{
	margin-top: 6px;
	margin-left: 30px;
}

.comment-body em{
	font-size: 12px;
	color: #8a8a8a;
	float: left;
	margin-top: -5px;
}
ol.commentlist li div.vcard{
	margin-top: 6px;
}
ol.commentlist li div.vcard cite.fn {
	font-style:normal; font-size: 12px;
	margin-left: 29px;
	margin-top: 7px;
}

ol.commentlist li div.vcard cite.fn a.url {
	color: #a26f0c; text-decoration:none;
}

ol.commentlist li div.vcard cite.fn a.url:hover {
	color:#000;
}

ol.commentlist li div.vcard img.avatar {
	background: #fff;
	border: 1px solid #e3e5e5;
	padding: 3px;
	left: 7px;
	position:absolute;
	top: 13px;
	overflow: hidden;
}

ol.commentlist li div.comment-meta {
	font-weight:bold;
	font-size: 10px;
	line-height: 16px;
	font-family: helvetica,arial,sans-serif;
	position:absolute;
	right: 11px;
	text-align:right;
	top: 9px;
}

ol.commentlist li div.comment-meta a {
	color: #acaeae;
	text-decoration:none;
}

ol.commentlist li p {
	font-weight:normal;
	font-size: 11px;
	line-height: 16px;
	font-family: helvetica,arial,sans-serif;
	margin:5px 0 12px;
	width: 530px;
}

ol.commentlist li ul {
	font-weight:normal;
	font-size: 12px;
	line-height: 16px;
	font-family: helvetica,arial,sans-serif;
	list-style:none;
	margin:0 0 12px; padding:0;
}
ol.commentlist li ul li{list-style: none;}

ol.commentlist li div.reply {

	text-align:center;
	width:36px;
	float: right;
	position: relative;
	top: -6px;
	left: -20px;
}

ol.commentlist li div.reply:hover {
	background: #e2e4e4;
}

ol.commentlist li div.reply a {
	color: #888;
	background: #f7f7f7;
	border: 1px solid #e0e4e4;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font:bold 9px/1 helvetica,arial,sans-serif;
	padding:6px 5px 4px;
	text-decoration:none;
	text-transform:none;
}
ol.commentlist li div.reply a:hover{
	color: #FFFFFF;
	background: #121212;
	border: 1px solid #121212;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	font:bold 9px/1 helvetica,arial,sans-serif;
	padding:6px 5px 4px;
	text-decoration:none;
	text-transform:none;
}


ol.commentlist li #respond{
	margin-left: -57px;
	margin-top: 43px;
}

ol.commentlist li #respond textarea{
	width: 374px;
}

ol.commentlist li #respond .submit-button{
	position: relative;
	left: 202px;
}

ol.commentlist li ul.children {
	list-style:none;
	margin: 44px 0 0;
	text-indent:0;
}

ol.commentlist li ul.children li{
	width: 87%;
	background:
	-webkit-gradient(linear, left top, left bottom,
		from(#fbfbfb),
		color-stop(0.5, #fefefe),
		to(#fafafa)
	) !important;
	background: -moz-linear-gradient(top,
		#fbfbfb,
		#fefefe 50%,
		#fafafa
	) !important;

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#fbfbfb', EndColorStr='#fafafa') !important;
	border: 1px solid #e0e2e2;
}


ol.commentlist li ul.children li #respond textarea{
	width: 304px;
}

ol.commentlist li ul.children li #respond .submit-button{
	position: relative;
	left: 131px;
}
ol.commentlist li ul.children li div.vcard cite.fn {
	margin-left: 30px;
	margin-top: 5px !important;
	position: relative;
	top: 0;
}


ol.commentlist li ul.children li.depth-2 {
	margin: 0 0 3px;
}

ol.commentlist li ul.children li.depth-2 li{
	width: 85%;
}

ol.commentlist li ul.children li.depth-2 li #respond .holder{
	width: 180px !important;
}

ol.commentlist li ul.children li.depth-2 li #respond input{
	width: 160px !important;
}
ol.commentlist li ul.children li.depth-2 li #respond textarea{
	width: 269px;
}

ol.commentlist li ul.children li.depth-2 li div.vcard cite.fn {
	margin-left: 29px;
}

ol.commentlist li ul.children li.depth-2 li #respond .submit-button{
	position: relative;
	right: 1px !important;
	left: 137px !important;
}

ol.commentlist li ul.children li.depth-3 {
	margin:0 0 3px;
}

ol.commentlist li ul.children li.depth-3 li{
	width: 82%;
}

ol.commentlist li ul.children li.depth-3 li #respond .holder{
	width: 150px !important;
}
ol.commentlist li ul.children li.depth-3 li #respond input{
	width: 130px !important;
}

ol.commentlist li ul.children li.depth-3 li #respond textarea{
	width: 226px;
}

ol.commentlist li ul.children li.depth-3 li #respond .submit-button{
	position: relative;
	left: 125px !important;
}
ol.commentlist li ul.children li.depth-4 { margin:0 0 3px; }
ol.commentlist li ul.children li.depth-4 li{display: none;}
ol.commentlist li ul.children li.depth-5 li{
	margin:0 0 3px;
	display: none;
}

ol.commentlist ul.children li.odd { background:#fff; }
ol.commentlist ul.children li.even { background:#f6f6f6; }
ol.commentlist li.pingback div.vcard { padding:0 170px 0 0; }

.passwordform{
	margin-top: 20px;
}

.passwordform label{
	font-size: 16px;
	color: #303030;
	font-weight: bold !important;
}
.passwordform input{
	border: 1px solid #d4d4d4;
	font-size:12px;
	color: #626363;
	border-radius: 3px;
	outline: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	width: 199px;
	background-color: #fbfbfb;
	margin: 0 0 8px 2px;
	padding: 5px 5px 8px;
}

.passwordform input.button{
	width: auto;
	display: inline-block;
	text-decoration: none;
	margin-top: 0;
	text-transform: none;
	color: #606060;
	background-color: #e0e0e0;
	border-color: #ddd #d8d8d8 #c4c4c4;
	color: #606060;
	text-shadow: 0px 1px 0px #fff;

	font: bold 13px/18px "Tahoma", Arial, sans-serif;
	padding: 4px 11px 6px 10px;
	cursor: pointer !important;
}

.passwordform input:hover.button{
	background-color: #ebebeb;
	border-color: #dbdbdb #d4d4d4 #c0c0c0;


}

.passwordform input:active.button{
	border-color: #c0c0c0 #d4d4d4 #dbdbdb;
	text-shadow: 0px -1px 0px #fff;


}

.authorbio{
	border: 1px solid #e4e4e4;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin: 0 0 35px;
	padding: 4px 10px 11px 9px;
	position:relative;
	background:
	-webkit-gradient(linear, left top, left bottom,
		from(#fff),
		color-stop(0.5, #fefefe),
		to(#fbfbfb)
	);
	background: -moz-linear-gradient(top,
		#fff,
		#fefefe 50%,
		#fbfbfb
	);

	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#fbfbfb');
	width: 96%;
	overflow: hidden;
}

.authorbio .auth_image{
	float: left;
	padding-right: 10px;
	padding-top: 10px;
}

.auth_name{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding-top: 9px;
	margin-bottom: -5px;
	color: #606060;
	float: left;
}

.authorbio .auth_image img{
	padding: 4px;
	background-color: #f5f5f5;
	border: 1px solid #d7d7d7;
}

.auth_desc .desc{
	float: left;
	width: 80%;
	margin-top: -8px;
}

/******************************************************************
				 Author page
******************************************************************/
.author_page{
	width: 100%;
	overflow: hidden;
}

.author_page  .authimage{
	float: left;
	padding: 5px;
	border: 1px solid #dbdbdb;
	background-color: #f2f2f2;
	margin-right: 15px;
	margin-top: 13px;
	margin-bottom: 10px;
}



/* GRID */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 100%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }

.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid2colb .column.first { width: 74.9%; }
.grid2colb .column.last { width: 23%; }

.grid2colc .column.first { width: 32%; }
.grid2colc .column.last { width: 66%; }

.grid2cold .column.first { width: 23%; }
.grid2cold .column.last { width: 74.9%; }

.grid2cole .column.first { width: 79%; }
.grid2cole .column.last { width: 19%; }

.grid2colf .column.first { width: 19%; }
.grid2colf .column.last { width: 79%; }

.grid3col .column { width: 32%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 58%; margin-left: 2%; }
.grid3cola .column.first,
.grid3cola .column.last { width: 19%; }

.grid4col .column { width: 23%; margin-left: 3%; }

.grid5col .column { width: 18.4%; margin-left: 2%; }

.grid6col .column { width: 15%; margin-left: 2%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after, .grid2colb:after, .grid2colc:after, .grid2cold:after, .grid2cole:after, .grid2colf:after, .grid3col:after, .grid3cola:after, .grid4col:after, .grid5col:after, .grid6col:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { zoom: 1; }


/****** ARTWORK HOME GRID *****/
.grid3col { clear:both; margin-bottom:50px; position:relative; z-index:2; }
.grid3col p { width:270px; }
.grid3col .chiudi { width:240px; text-align:justify; line-height: 15px;}
.grid3col img { position: relative; }
#ios4 #interface section h1 { padding-top:0; }

/**** CONTENT BOX GRID ******/

.grid2col .column { width: 477px; margin-bottom: 15px; position: relative; padding: 3px; background: white;  border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; -webkit-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; box-shadow: rgba(0,0,0,0.398438) 0 1px 3px; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2; }
.grid2col .column:nth-child(1n) { border: none; } /* reset border for smart browsers */
.grid2col .column:after { content:" "; display:block; margin: 0; background: url(/ipad/home/images/promo_shadow.jpg) no-repeat; position: absolute; left: -2px; bottom: -8px; width: 487px; height: 11px; }
.grid2col .column a { display: block; color: #121212; height: 238px; padding: 24px 0 0 19px; font-size: 1.2em; line-height: 1.4em; background: #f5f5f5; background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background: -moz-linear-gradient(top, #fafafa, #eeeeee);}
.grid2col .column a:hover { text-decoration: none; background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa)); background: -moz-linear-gradient(top, #fdfdfd, #fafafa); *background: #fdfdfd; }
.grid2col .column p { width: 246px; }
.grid2col .column h1 { margin-bottom: 5px; }

.grid2col.row1 { margin-bottom: 10px; }
.grid2col.row1 .column.first img.right { margin: -18px 49px 0 0; }
.grid2col.row1 .column.last img.right { margin: 36px 41px 0 0; }

.grid2col.row2 { margin-bottom: 9px; }
.grid2col.row2 .column.first img.right { margin: -6px 21px 0 0; }
.grid2col.row2 .column.last img.right { margin: -10px 18px 0 0; }

.grid3col { padding-bottom: 17px; line-height: 1.4em; background: url(images/template/subset.jpg) no-repeat 50% 100%; }
.grid3col a { color: #121212; }
.grid3col a:hover { text-decoration: none; }
.grid3col p { margin-bottom: 1px; font-weight: normal;}
.grid3col p.reduced-width { width:167px; font-weight: normal; line-height: 15px;}
.grid3col h1 { margin-top: 1px; margin-bottom: 1px; line-height: 21px; }
.grid3col .column { width: 299px; margin: 0; padding: 10px 19px 9px 22px; border-left: 1px solid #fff; border-right: 1px solid #ddd; }
.grid3col .column.first { width: 295px; border-right: 1px solid #ddd; border-left: none; padding-left:18px; }
.grid3col .column.last { width: 310px; border-left: 1px solid #fff; border-right: none; /*padding-top:0;*/ padding-left:19px; }

.grid3col .column img.right {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: 0;
    margin-top: 12px;
}
.grid3col .column.first img.right {
    margin-left: -14px;
    margin-top: 15px
}
.grid3col .column.last img.right {
    margin-bottom: -10px;
    margin-left: 18px;
    margin-right: 24px;
    margin-top: 1px;
}


/******************************************************************
							 CONTACT FORM 7
******************************************************************/

span.wpcf7-form-control-wrap {
  position: relative;
  margin-bottom:  10px
}
.wpcf7-form { padding-left: 3px;  }
.wpcf7-form .wpcf7-text { padding: 10px; border: 1px solid #CCC; border-radius: 3px; width: 95.5%}
.wpcf7-form textarea { padding: 10px; height: 90px; border: 1px solid #CCC; border-radius: 3px; width: 95.5% }
.wpcf7-form textarea:active { border: 1px solid #000; }
.wpcf7-form select { padding: 18px 15px; height: auto; border: 1px solid #CCC; width: 90%}

.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	background: #fff;
	border: 1px solid #EAEAEA8;
	-webkit-box-shadow: 0 0 4px #EAEAEA;
    -moz-box-shadow: 0 0 4px #EAEAEA;
    box-shadow: 0 0 4px #EAEAEA;
}
.wpcf7-form select:focus {
	background: #fff;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 0 0 4px #CCC;
    -moz-box-shadow: 0 0 4px #CCC;
    box-shadow: 0 0 4px #CCC;
}


.wpcf7-form  .wpcf7-submit{
	background: #121212 !important;
	background-color: #121212 !important;
	font-family: 'Graphik', sans-serif;
    display: block;
    border: 0px;
    line-height: 40px;
    padding: 3px 28px 10px !important;
    border-radius: 200px !important;
	   height: 45px !important;
	font-weight: none;
	text-transform: none;
	width: auto;
	font-size: 15px;
	font-weight: 500;
	color: #FFFFFF;
  letter-spacing: 0px;
	text-shadow: none;
  -webkit-appearance: none;
}


.wpcf7-form  .wpcf7-submit:hover{
    background-color: #222222;
	color: #FFFFFF;
	text-shadow: none;
}

.wpcf7-form  .wpcf7-submit:active{
    color: #7a7b7b;
    outline: none; /* hide dotted outline in Firefox */
}

.wpcf7-form  .wpcf7-submit:focus {
    background-color: #232323;
    color: #5d5d5d;
    outline: none;
    border: 0px;
    -webkit-box-shadow: 0 0 0px #ab750d;
    -moz-box-shadow: 0 0 0px #ab750d;
    box-shadow: 0 0 0px #ab750d;
}


div.wpcf7-validation-errors { background: #fff;
	background: #FFFFFF;
	font-size: 1.1em;
	border: 1px solid #deb668;
	-webkit-box-shadow: 0 0 4px #ab750d;
    -moz-box-shadow: 0 0 4px #ab750d;
    box-shadow: 0 0 4px #ab750d;

}

/* PRE CODE */
pre code {
  display: block; padding: 0.9em;
  background: #FAFAFA;
  -moz-border-radius: 5px;
	border-radius: 5px;

	-moz-box-shadow: 0 0 3px #CCC;
-webkit-box-shadow: 0 0 3px #CCC;
box-shadow: 0 0 3px #CCC;
}

pre code,
pre .ruby .subst,
pre .tag .title,
pre .lisp .title {
  font-family: Lucida Grande, Arial;
  font-size: 10px;
  line-height: 15px;
  color: black;
}

pre .string,
pre .title,
pre .constant,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .ruby .symbol .keyword,
pre .ruby .symbol .keymethods,
pre .instancevar,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .tex .special {
  color: #800;
}

pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk {
  color: #888;
}

pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .change {
  color: #080;
}

pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .important,
pre .pseudo,
pre .pi,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .formula {
  color: #88F;
}

pre .javadoctag,
pre .phpdoc,
pre .yardoctag {
  font-weight: bold;
}

pre .keyword,
pre .id,
pre .phpdoc,
pre .title,
pre .built_in,
pre .aggregate,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag,
pre .tex .command {
  font-weight: bold;
}

pre .nginx .built_in {
  font-weight: normal;
}

pre .html .css,
pre .html .javascript,
pre .html .vbscript,
pre .tex .formula {
  opacity: 0.5;
}

/* TICKER HOME */

#news-ticker {
	margin-top: 15px;
	width: 100% !important;
	height: 52px !important;
	background: transparent url(images/template/ticker.png) no-repeat;
	margin-bottom: 0px;
}
#news-ticker li {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 17px;
	padding-bottom: 5px;
	overflow: hidden;
}
.tickerLink {
	color: #121212;
	font-size: 12px;
}


.tickerDate {
	color: #666;
	font-size: 12px;
}

.tickerText {
	color: #666;
	font-size: 12px;
}

#fsc-submit-1 {
    background-color: transparent;
    background-image: url("images/btn12.png");
        color: #646566;
    font-size: 10px;
    height: 34px;
    line-height: 32px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 125px;
    border: 0px;
    background-position: 0px 0px;
    }

    #fsc-submit-1:hover {
    background-position: 0 -40px;
    line-height: 34px;
    color: #EAEAEA;
    text-shadow: 0 1px 0 #000000;
	}


	/*------------------------------------------------*/
/*-----------[Fast Secure Contact Form]-----------*/
/*------------------------------------------------*/

/* Alignment DIVs */
.fscf-div-form              { width:auto; max-width:100%; padding: 20px }
.fscf-div-left-box          { float:left; width:55%; max-width:270px; }
.fscf-div-right-box         { float:left; width:235px; }
.fscf-div-clear             { clear:both; }
.fscf-div-field-left        { clear:left; float:left; width:99%; max-width:550px; margin-right:10px; }
.fscf-div-field-prefollow   { clear:left; float:left; width:99%; max-width:100%; margin-right:10px; }
.fscf-div-field-follow      { float:left; padding-left:10px; width:99%; max-width:100%; }
.fscf-div-label             { text-align:left; padding-top:5px; }
.fscf-div-field             { text-align:left; }
.fscf-div-captcha-sm        { width:175px; height:50px; padding-top:2px; }
.fscf-div-captcha-m         { width:250px; height:65px; padding-top:2px; }
.fscf-image-captcha         { border-style:none; margin:0; padding:0px; padding-right:5px; float:left; }
.fscf-image-captcha-refresh { border-style:none; margin:0; padding:0px; vertical-align:bottom; }
.fscf-div-submit            { text-align:left; clear:both; padding-top:15px; }
.fscf-fieldset              { border:1px solid #EAEAEA; width:99%; max-width:550px; padding:10px; }

/* Styles of labels, fields and text */
.fscf-required-indicator { text-align:left; }
.fscf-required-text      { text-align:left; font-size: 13px; }
.fscf-hint-text          { font-size:x-small; font-weight:normal; }
.fscf-div-error          { text-align:left; color:#BF9647; font-size: 13px;}
.fscf-div-redirecting    { text-align:left; }
.fscf-fieldset-field     { border:1px solid #EAEAEA; width:97%; max-width:100%; padding:10px; }
.fscf-label              { text-align:left; font-size: 13px;}
.fscf-option-label       { display:inline; font-size: 13px;}
.fscf-input-text         { text-align:left; margin:0; width:99%; max-width:100%; font-size: 13px; color: #121212; padding: 10px; border: 1px solid #BABABA; border-radius: 3px; }



.fscf-input-captcha      { text-align:left; margin:0; width:300px; padding: 10px; font-size: 13px; color: #121212; }
.fscf-input-textarea     { text-align:left; color: #121212;  margin:0; width:99%; max-width:100%; height:120px; padding: 10px; border: 1px solid #BABABA }
.fscf-input-select       { text-align:left; color: #121212; width: 100%; max-width:100%; height:40px; padding: 10px; font-size: 13px; border: 1px solid #BABABA}
.fscf-input-checkbox     { width:13px; }
.fscf-input-radio        { width:13px; }
.fscf-button-submit      { cursor:pointer; margin:0;

background-color: transparent;

        color: #646566;
    font-size: 10px;
    height: 34px;
    line-height: 32px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
    width: 125px;
    border: 0px;
    background-position: 0px 0px;

     }

.fscf-button-submit:hover {
	background-position: 0 -40px;
    line-height: 34px;
    color: #EAEAEA;
    text-shadow: 0 1px 0 #000000;
 }
.fscf-button-reset       { cursor:pointer; margin:0; }
.fscf-button-vcita       { text-decoration:none; display:block; text-align:center; color:#fff !important; padding:8px; }
.fscf-button-div-vcita   { border-left:1px dashed #ccc; margin-top:25px; padding:8px 20px; }
.fscf-powered-by         { font-size:x-small; font-weight:normal; padding-top:5px; text-align:center; }

/* Placeholder Style - WebKit browsers - Safari, Chrome */
::-webkit-input-placeholder { opacity:0.6; color:#121212; }

/* Placeholder Style - Mozilla Firefox 4 - 18 */
:-moz-placeholder { opacity:0.6; color:#121212; }

/* Placeholder Style - Mozilla Firefox 19+ */
::-moz-placeholder { opacity:0.6; color:#121212; }

/* Placeholder Style - Internet Explorer 10+ */
:-ms-input-placeholder { opacity:0.6; color:#121212; }


.fondale { background: none repeat-x scroll 0 0 #FAFAFA;  }

.linking { clear: both; font-size: 12px; margin: 0px auto; width: 100%; position: relative; text-align: center; padding: 20px 0px; border-top: 0px solid #EAEAEA; font-family: Graphik, arial, sans-serif; margin-top: -10px}

.title_artwork_choose { font-size: 40px; letter-spacing: -2px; width: auto; text-align:left; margin-bottom: 3px; margin-top: -50px; padding-top: 20px }
.artwork_choose { width: 535px; text-align: left; margin-top: 0px; font-size: 13px; }
.immagine_preventivo { margin-right: 0px; margin-top: -30px; height:384px; width:328px }
.preventivo_web { font-size: 60px; letter-spacing: -3px; }
#main-content-home .text-content a {
    text-decoration: none;
}
#main-content-home .text-content a h3 {
 font-size: 50px;
 letter-spacing: -2px;
 font-weight: 500
}
.homecat p a {
  text-decoration: none !important
}
h2.preventivo_web {
  text-decoration: none !important;
	color: #FFFFFF;
	font-family:'Graphik', helvetica, sans-serif;
	font-weight: 700;
	font-size:50px;
	line-height:60px;
	text-decoration: none
}
.naviga { padding-right: 0px }
.layered_home { height: 650px !important; background:none repeat-x scroll 0 0 rgba(0, 0, 0, 0);}
.nobackground { background: none repeat-x scroll 0 0 rgba(0, 0, 0, 0) !important; }
/*****************************************
NEW FONT
*****************************************/
#text-intro .sloganizza { textShadow: #000000 1px 1px}
.panel-wrapper .description-right h2 {textShadow: #000000 1px 1px}
.panel-wrapper .description-right span.subtitle {textShadow: #000000 1px 1px}
h1 { textShadow: #fff -1px -1px, #121212 1px 1px; font-family: "Graphik",Helvetica,serif;}
h2 { textShadow: #fff 1px 1px, #121212 -1px -1px }
h3 { textShadow: #121212 1px 1px}
h4 { textShadow: -1px -1px rgba(51, 51, 51, 0.6) }


#sampei { float: left; width: 100%; margin: 0px auto; text-align: center; padding-top: 20px }
.sampei-richiedi { padding: 0px; float: none !important }

/************* SET JCOMPOSER *****************/
.viba-portfolio-media-link {
    display: none;
}

.viba-portfolio-owl .owl-buttons div {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.15);
    border: 0 solid #fff !important;
}

div.viba-portfolio-related.viba-portfolio-wrapper.vp-style-default.js-vp-ready h3 {font-size: 26px; margin-bottom: 20px}

.vc_column_container h2 {
    color: #121212;
    font-family: "Graphik",Helvetica,serif;
    font-size: 70px;
    line-height: 70px;
    letter-spacing: -2px;
    margin-top: 0;
    padding: 3px 0 0;
    font-weight: 500
}

.vc_column_container h3 {
    color: #121212;
    font-family: "Graphik",Helvetica,serif;
    font-size: 55px;
    line-height: 55px;
    letter-spacing: -2px;
    margin-top: 0;
    padding: 3px 0 0;
}

.vc_column_container h4 {
    color: #121212;
    font-family: "Graphik",Helvetica,serif;
    font-size: 45px;
    line-height: 55px;
    letter-spacing: -2px;
    margin-top: 0;
    padding: 3px 0 15px;
    font-weight: 500
}

.vc_column_container h5 {
    color: #121212;
    font-family: "Graphik",Helvetica,serif;
    font-size: 23px;
    line-height: 30px;
    letter-spacing: -1px;
    margin-top: 0;
    padding: 3px 0 3px;
    font-weight: 500
}



.vc_column_container p, .vc_column_container p strong{
    color: #000000;
    font-family: "Graphik",sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.vc_column_container p {
    font-weight: 300;
}
.vc_column_container p strong {
    /* font-family: "Gotham",sans-serif; */
        font-family: "Graphik",sans-serif;
    font-weight: 400;
}

h2.piccolo {
  font-size: 22px !important;
    line-height: 28px !important;
    letter-spacing: -1px !important;
}
p.piccolo {
  font-size: 14px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
}

@media only screen and (max-width: 700px){
.vc_column_container p, .vc_column_container p strong {
      font-size: 16px;
      line-height: 24px;
  }
}

.white, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6 {
    color: #FFFFFF !important;
}

.white p, .white a, .white h1 a, .white h2 a, .white h3 a, .white h4 a, .white h5 a, .white h6 a {
    color: #FFFFFF !important;
}
.white a:hover {color: #F4f4f4 !important; text-decoration: underline !important; }
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline.active, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:active, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:focus, .vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {
	text-decoration: underline !important;
}
ul#menu-navi.white li a:hover {
    color: #ffffff !important;
    opacity: 0.70;
}

ul#menu-navi.white li ul li a:hover {
    color: #999 !important;
    opacity: 0.80;
		text-decoration: none!important;
}

.white strong {
    color: #FFFFFF !important;
}
.bordo {
  -webkit-box-shadow: 0px 0px 23px -9px rgba(0,0,0,0.30);
  -moz-box-shadow: 0px 0px 23px -9px rgba(0,0,0,0.30);
  box-shadow: 0px 0px 23px -9px rgba(0,0,0,0.30);
  border-radius:3px;
  padding: 20px
}
.vc_column_container .vc_btn, .vc_column_container .wpb_button {
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 20px 25px;
    font-weight: 300;
    font-size: 13px;
}

.vc_general.vc_btn3, .vc_btn3.vc_btn3-size-md.vc_btn3-style-outline {
    padding: 20px 40px !important;
    border: 1px solid;
    font-size: 12px !important;
    letter-spacing: 0.8px;
    font-family: "Graphik", helvetica;
    font-weight: 300;
    border-radius: 200px;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {
    border-radius: 200px;
}
.vc_btn3.vc_btn3-style-outline, .vc_btn3.vc_btn3-style-outline:hover, .vc_btn3.vc_btn3-style-outline:focus {
    border-width: 1px !important;
}

.vc_general.vc_btn3:hover {
    opacity: 0.75;
}
.vc_column_container .vc_btn:hover, .vc_column_container .wpb_button:hover {
    opacity: 0.85;
}

.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover, .vc_btn3.vc_btn3-color-black.vc_btn3-style-outline:hover {
  opacity: 100;
}

/*.boxed_artwork {width: 1024px; margin: 0 auto}*/
#cookie-law-info-bar {padding: 20px 0px;}
div#cookie-law-info-bar span {font-size: 11px}
#cookie-notice {
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    opacity: 0.85;
}

#cookie-notice .button.wp-default {
    border-radius: 200px !important;
    border-width: 0px !important;
    background-color: #FFFFFF;
    color: #232323;
    margin-left: 0px;
    margin-top: 5px;
    width: 100%
}

.cookie-notice-hidden {
  bottom: -300px !important
}
.cn-buttons-container, .cn-text-container {
    width: 100%;
}
.cn-close-icon {
    top: 10%;
}
.wpb_single_image img {
    width: auto;
}
.zoom-110 img {
    max-width: 110% !important;
}
.zoom-120 img {
    max-width: 120% !important;
}
.zoom-125 img {
    max-width: 125% !important;
}
.zoom-135 img {
    max-width: 135% !important;
}
.zoom-150 img {
    max-width: 150% !important;
}
.vc_btn3.vc_btn3-color-grey, .vc_btn3.vc_btn3-color-grey.vc_btn3-style-flat {
  border-radius: 200px;
}

#header-portfolio #navigation {
  padding-right: 0px !important;
}
#header-portfolio #logo {
	margin-left: 0px !important
}
#header-portfolio #navigation {
	margin-right: 0px !important;
}
@media only screen and (max-width: 1080px) and (orientation:landscape) {
#navigation {
    float: right;
    margin: 20px 0 0;
    padding-right: 0px;
}
#logo {
	margin-left: 0px !important
}
#header-portfolio #navigation {
    margin-right: 0px;
}
#navigation ul li {
	display: block;
	margin: 0 5px 0 5px;
	float: left;
	position: relative;
}

}
.vp-widget-col-3 .viba-portfolio-widget-item {
    width: calc(100% / 2) !important;
}

.accauno {
  font-size: 75px !important;
  line-height: 75px !important;
  font-family: "Graphik",Helvetica,serif;
}

.call_to_action {
  padding: 5% 10%
}

.call_to_action h1 {
  text-align: center;
  font-size: 60px;
  line-height: 60px;
  font-family: "Graphik",sans-serif;
  letter-spacing: -3px;
  padding: 15px 0;
  font-weight: 500
}

.call_to_action h2 {
  text-align: center;
  font-size: 18px;
  line-height: 30px;
  font-family: "Graphik", sans-serif;
  letter-spacing: 0px;
  font-weight: 300
}

.submenu-arrow-down {
    background: url(https://www.it-today-news.pro/images/arrow-down.svg) no-repeat;
    width: 22px;
    height: 10px;
    background-size: 16px auto;
    display: inline-block;
    background-position: center center;
    margin-left: -2px;
}

.fa-bars:before {
  content:"" !important;
}
#cn-notice-text a {
  color: #FFFFFF;
  text-decoration: underline
}
#cookie-notice {
  padding: 20px;
  opacity: 1 !important;
  background-color: #121212 !important;
}

#cookie-notice {
    background: #fff;
    bottom: 20px;
    box-shadow: 0 4px 8px rgba(0,23,35,0.1);
    left: 10px;
    padding: 20px;
    position: fixed;
    width: 320px !important;
    min-width: 320px !important;
    bottom: 0px;
  }
.cn-close-icon {
  top: 30px !important
}
.cookie-notice-container {
      text-align: left !important;
  }
@media only screen and (max-width: 700px){
  #cookie-notice {
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    left: 0;
    padding: 15px 0;
    width: 100% !important;
    min-width: 100% !important;
  }
  .cookie-notice-container {
      text-align: center !important;
      width: 95% !important;
      min-width: 95% !important;
  }
}


#header-portfolio #navigation ul li a {
  color: #FFFFFF
}
#header-portfolio #navigation ul li ul li a {
  color: #232323
}
#header-portfolio ul#menu-navi.black li a {
	color: #121212 !important;
}
#header-portfolio ul#menu-navi.black li ul li a {
	color: #FFFFFF !important;
}
.navbar-black {
	background-color: #000000;
	width: 100% !important;
	height: 80px;
  padding: 0 40px;
  margin: 0px;
}

.background-black {
	background-color: #000000;
  width: 100%;
	height: 80px;
  padding: 0 0px;
  margin: 0px;
}
@media only screen and (max-width: 700px){
.background-black #logo {

}
}

.background-white {
	background-color: #FFFFFF;
  width: 100%;
	height: 80px;
  padding: 0 0px;
  margin: 0px;
}

.background-transparent {
	background-color: transparent;
  width: auto;
	height: 80px;
  padding: 0 0px;
  margin: 0px;
  position: absolute;
  z-index: 10000
}


.zoom{
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
    transform: scale(1.4);
	}

.vc_btn3.vc_btn3-color-black, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat, .vc_btn3.vc_btn3-color-white, .vc_btn3.vc_btn3-color-white.vc_btn3-style-flat {
    border-radius: 500px !important
  }

.centra {
    text-align: center !important;
}

button.ult-align-center {
  border-radius: 500px;
  border: 2px solid #FFFFFF !important;
  padding: 15px 25px;
  font-size: 11px;
  letter-spacing: 1px
}
button.ult-align-center:hover {
  border: 2px solid rgba(255,255,255,0.5) !important;
}
.overlay-genie.ult-open .ult_modal-content {
    border: 0px solid !important;
}
.ult_modal-body {
  padding: 0px !important
}
.bianco {
  color: #232323 !important
}

.vc_row[data-vc-full-width]{
  margin-top: -1px
}
.modal-overlay {
  z-index: 2 !important
}
#pfcf-popup .modal-body {
  z-index: 9999 !important
}
.wpb_wrapper ul {
 list-style-type: square;
 list-style-position: inside;
 list-style-image: none;
 padding: 10px 15px;
}
.wpb_wrapper ul li {
  color: #121212;
    font-family: "Graphik",sans-serif;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
		padding-bottom: 10px;
}

.white .wpb_wrapper ul li {
  color: #FFFFFF;
}
/* #mysticky-nav .top {height: 52px}
#mysticky-nav #navigation {
    margin: 18px 0px 0 0;
}
#mysticky-nav .logo {
        margin: 6px 0 0 5px;
} */
#mysticky-nav .myfixed{
  background-color: #111111 !important;
}

.vp-style-siti-wordpress-carousel .viba-portfolio .viba-portfolio-title {
    font-size: 16px;
    line-height: 26px;
    text-transform: none;
}

body.sticky-black #mysticky-nav .myfixed {
background-color: #111111 !important;
width: 100% !important;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}

body.sticky-white #mysticky-nav.wrapfixed, body.sticky-white #mysticky-nav .myfixed {
background-color: #FFFFFF !important;
width: 100% !important;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.05);
    box-shadow: 0 0 10px rgba(0,0,0,.05);
}

body.sticky-black #header-portfolio #mysticky-nav {
  padding-bottom: 20px !important;
}
body.sticky-black #header-portfolio #mysticky-nav #logo {
  margin-left: 16px
}

body.sticky-white #header-portfolio #mysticky-nav {
  padding-bottom: 20px !important;
}
body.sticky-white #header-portfolio #mysticky-nav #logo {
  margin-left: 16px
}

#subpage #mysticky-nav .top {
  width: 100% !important;
}
#subpage #mysticky-nav .myfixed {
  padding-bottom: 0px !important;
}

div#artwork.top.myfixed a img#logo {
  margin-left: 20px !important
}
div#artwork.top.myfixed div#navigation.navigazione {
  margin-right: 20px !important
}
.big {
  font-size: 70px !important;
  line-height: 70px !important;
  text-align: left;
  margin-bottom: 0px !important
}

.medium {
  text-align: left;
  font-size: 45px !important;
  line-height: 45px !important;
  margin-bottom: 0px !important
}
.ult_modal-body {
    padding: 60px !important;
}
.ult-html h1{font-size: 40px; line-height: 40px}
.ult-html h2{font-size: 35px; line-height: 35px}
  .ult-html h3 {font-size: 30px; line-height: 30px}
  .ult-overlay-close-inside {
    background: none !important;
}
.ult_modal-content {
    border: 0px solid !important;
}

.h4_normal {
	font-size: 30px !important;
	line-height: 30px !important;
  letter-spacing: -1px !important;
}

.h1_normal {
  font-size: 60px !important;
}
@media only screen and (max-width: 768px){
  .big {
    font-size: 50px !important;
    line-height: 50px !important;
    text-align: left;
    margin-bottom: 0px !important
  }
  .medium {
    text-align: left;
    font-size: 35px !important;
    line-height: 35px !important;
    margin-bottom: 0px !important
  }
}
.wpb_wrapper #menu-servizi-web, .wpb_wrapper .sidebar-block ul {
  background: none;
  padding: 0px
}
#preventivo-sito .wpb_wrapper  ul li {
  line-height: 16px;
}
.home-title{
  font-size:50px;
  line-height: 50px;
  letter-spacing: -3px
}
#uvc-type-wrap-4365 {
  margin-bottom: 0px
}
.ultimate-typed-main {
    font-family: 'Gotham',helvetica,sans-serif !important;
    letter-spacing: -1px;
    margin: 0px;
}
.sweet-alert button {
    background-color: #232323 !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    -webkit-border-radius: 500px !important;
    border-radius: 500px !important;
}
.sweet-alert h2 {
    color: #232323;
    font-weight: 400;
    text-transform: none !important;
    letter-spacing: 0px
}
.artwork_big {
  letter-spacing: -3px !important; font-family: 'Graphik', helvetica !important; font-size: 45px !important; line-height: 55px !important; font-weight: 500 !important
}
.artwork_medium {
  letter-spacing: -2px !important; font-family: 'Graphik', helvetica !important; font-size: 35px !important; line-height: 45px !important; font-weight: 500 !important
}
.artwork_small {
  letter-spacing: -1px !important; font-family: 'Graphik', helvetica !important; font-size: 25px !important; line-height: 35px !important; font-weight: 500 !important
}
#ez-toc-container {
  margin-top: 20px;
    border: 1px solid #EAEAEA;
    padding: 40px !important;
}
.single-full .vc_column_container p, .single-full .vc_column_container p a, .single-full .vc_column_container strong{
  font-size: 15px !important;
  line-height: 25px !important;
}
.single-full .vc_column_container p a, .single-full .vc_column_container strong, .single-full ol li strong{
font-weight: bold;
}
.single-full ol li {
  font-size: 15px !important;
  line-height: 25px !important;
}
.vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:focus, .vc_btn3.vc_btn3-color-black.vc_btn3-style-flat:hover, .vc_btn3.vc_btn3-color-black:focus, .vc_btn3.vc_btn3-color-black:hover {
  text-decoration: none !important
}
.single-full .vc_column_container p small a {
  font-size: 13px !important
}
.vc_gitem-post-data-source-post_excerpt p a {
  font-weight: 300
}
.taptap-by-bonfire ul li a {
	font-size: 20px;
    line-height: 20px;
}
.preventivo-mobile a {
    font-size: 13px !important;
    line-height: 13px !important;
}
.taptap-by-bonfire .sub-menu a {
    font-size: 16px !important;
    line-height: 16px !important;
}
.grecaptcha-badge {
	    visibility: hidden;
}
.vc_row {
	    margin-left: 0px !important;
	    margin-right: 0px !important;
}

.webby {
	background-color: #FFF;
	display: flex;
	border-radius: 20px;
	margin-bottom: 40px
}
.webby .img-responsiva {
	display: none;
	width: 100%;
}
.webby .contenuto {
	width: 60%;
	padding: 60px 80px 30px;
}

.webby .contenuto p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}
.webby .contenuto ul li {
	padding-bottom: 10px
}
.webby .immagine {
	width: 40%;
}
.webby .immagine .img-desktop {
	width: 100%;
	height: auto;
}
.webby .immagine .img-responsiva {
	display: none;
	width: 100%;
	height: auto;
}
.webby .immagine img {
	width: 100%;
	height: auto;
	border-radius: 5px
}
.webby h2 {
	font-weight: 700;
	font-size: 50px;
	line-height: 50px;
	letter-spacing: -1px;
	padding-bottom:15px;
}
.webby h4 {
	font-weight: 700;
	font-size: 26px;
	line-height: 26px;
	letter-spacing: -1px;
	color: #121212;
}
.webby p {
	margin-top: 0px;
}
.img-mobile {
	display: none;
	background-color: #FFFFFF
}
.img-mobile img{
	width: 100%;
	height: auto;
}
.home_intro {
	-webkit-box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
    box-shadow: 0px 0px 5px -1px rgb(0 0 0 / 0%);
    -webkit-transition: opacity 0.3s ease-in-out;
		background-color: #FFFFFF
}

.sotto.home_intro {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.sopra.home_intro {
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.sopra.home_intro .contenuto{
	text-align: center;
	padding-top: 340px;
}
.sotto.home_intro .contenuto{
	text-align: center;
	padding-bottom: 350px
}
.contenuto.stretto {
	padding-bottom: 289px !important;
}
.art_responsive {
	min-height: 300px
}
.home_intro .contenuto {
	padding: 40px 80px
}
.home_intro .contenuto h3 {
	color: #121212;
	font-family: Graphik, Helvetica, serif;
	font-size: 23px;
	line-height: 23px;
	letter-spacing: -1px;
	margin-top: 0;
	padding: 3px 0 0;
	font-weight: 500;
	text-align: center
}
.home_intro .contenuto h3 a {
		color: #121212;
    font-family: Graphik, Helvetica, serif;
    font-size: 23px;
    letter-spacing: -1px;
    margin-top: 0;
    padding: 3px 0 0;
    font-weight: 700;
		text-align: center
}
.home_intro .contenuto p {
		text-align: center;
		margin-top: 0px
}
.home_intro img {
		text-align: center;
		width: 100%;
		height: auto;
}
.home_intro .img_alta {
		border-radius: 5px 5px 0px 0px
}
.home_intro .img_bassa {
		border-radius: 0 0 5px 5px
}
.boxato {
	border: 0px solid #EAEAEA;
	border-radius: 5px;
	padding: 20px 40px;
}
.boxy_round {
	border-radius: 10px;
}
@media only screen and (min-width: 0) and (max-width: 767px) {
.boxy_round {
	margin: 0 10px !important;
}
.boxy_round img {
	border-radius: 10px
}
}
.border-bottom-left-radius img {
border-bottom-left-radius: 10px;
}
/* COOKIE */
#CybotCookiebotDialog {
	background-color: rgba(255,255,255,0.90) !important;
	border-radius: 0px !important;
	-webkit-backdrop-filter: saturate(180%) blur(20px) !important;
    backdrop-filter: saturate(180%) blur(20px) !important;
}
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
		#CybotCookiebotDialog {
			background-color: rgba(255,255,255,1) !important;
		}
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    background-color: #121212 !important;
    border-color: #121212 !important;
    color: #ffffff;
		font-family:"Graphik", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif !important;

}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
    border-bottom: 1px solid #121212 !important;
    color: #121212 !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
	    border: 1px solid #121212 !important;
}
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #121212 !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
    color: #555555 !important;
}
@media screen and (min-width: 1280px){
#CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper {
    margin-top: 0.6em;
}
}
@media screen and (min-width: 1280px){
#CybotCookiebotDialogHeader {
    display: none !important;
}}
#CybotCookiebotDialogBodyContentTitle {
	font-size: 20px !important;
	letter-spacing: -1px !important;
}
#CybotCookiebotDialogBodyContentText {
    font-size: 13px !important;
		line-height: 22px !important;
}
@media screen and (min-width: 1280px){
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    font-size: 13px !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton, #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyContentControlsWrapper:not(.hide)+#CybotCookiebotDialogBodyButtonsWrapper .CybotCookiebotDialogBodyButton{
	font-size: 13px !important;
	}}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
	    font-size: 13px !important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab{
	font-family:"Graphik", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif !important;
}
#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay * {
		font-family:"Graphik", sans-serif, "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif !important;
}
#CybotCookiebotDialogHeader {
    display: none !important;
}
#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
    color: #121212 !important;
}
#CybotCookiebotDialog[data-template=popup] {
    background-color: #fdfdfd !important
}
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
    color: #121212 !important;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #121212 !important;
    border-color: #121212 !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
		border-color: #121212 !important;
    color: #121212 !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
    color: #121212 !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: #121212 !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}
#CybotCookiebotDialog h2 {
	margin-bottom: 0.3em !important;
}
#CybotCookiebotDialog[data-template=slideup].active {
    background-color: #FAFAFA!important;
}
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    background-color: #FAFAFA!important;
	}

h3.vc_custom_heading {
	font-size: 22px !important;
    margin: 0px !important;
    padding: 0px !important;
    line-height: 30px !important;
}
.vp-style-artwork .viba-portfolio-item-inner {
	background-color: none !important;
}
.stringi1 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(0.65);
}
.allarga-95 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(0.85);
}
.allarga-105 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.05);
	padding: 20px 0 30px;
}
.allarga-110 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.1);
	padding: 30px 0
}
.allarga-120 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.2);
	padding: 40px 0
}
.allarga-130 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.3);
}
.allarga-140 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.4);
}
.allarga-150 img.vc_single_image-img.attachment-full {
	transition: transform .2s;
	transform: scale(1.5);
}
@media only screen and (max-width: 767px) {
	h3.vc_custom_heading {
		font-size: 16px !important;
	    margin: 0px !important;
	    padding: 0px !important;
	    line-height: 28px !important;
	}
	.stringi1 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1);
	}

	.allarga-95 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1);
	}
	.allarga-105 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.15);
	}
	.allarga-110 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.8);
		padding: 0px 0;
		margin-top: 20px;
		margin-bottom: 70px
	}
	.allarga-120 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.45);
		padding: 30px 0;
	}
	.allarga-130 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.55);
	}
	.allarga-140 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.65);
	}
	.allarga-150 img.vc_single_image-img.attachment-full {
		transition: transform .2s;
		transform: scale(1.85);
	}
}
.vp-style-artwork .viba-portfolio-item-inner {
    background-color: transparent !important;
}
.ubtn-text {
    font-weight: 300 !important;
    letter-spacing: 1px !important;
}
.gradiente {
	background: -moz-linear-gradient(#bd25d3, #dcba1b);
	background: -webkit-linear-gradient(#bd25d3, #dcba1b);
	background: linear-gradient(#bd25d3, #dcba1b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	 -webkit-mask-image: linear-gradient(#bd25d3, #dcba1b);
	 -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
		padding: 0 10px 0 0
}

.gradiente1 {
	background: -webkit-linear-gradient(0deg,#be22ff 20%,#ff279c 50%,#ff981f 80%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradiente2 {
	background: -moz-linear-gradient(45deg,#77afa2,#445551);
	background: -webkit-linear-gradient(#45deg,#77afa2,#445551);
	background: linear-gradient(45deg,#77afa2,#445551);
  -webkit-background-clip: text;
	background-clip: text;
  -webkit-text-fill-color: transparent;
	 -webkit-mask-image: linear-gradient(45deg,#77afa2,#445551);
	 -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
		padding: 0 10px 0 0
}
.gradiente3 {
	background: -moz-linear-gradient(45deg,#e3ca23,#b5201c);
	background: -webkit-linear-gradient(#45deg,#e3ca23,#b5201c);
	background: linear-gradient(45deg,#e3ca23,#b5201c);
  -webkit-background-clip: text;
	background-clip: text;
  -webkit-text-fill-color: transparent;
	 -webkit-mask-image: linear-gradient(45deg,#e3ca23,#b5201c);
	 -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
		padding: 0 10px 0 0
}
.gradiente4{
	background: -moz-linear-gradient(45deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
	background: -webkit-linear-gradient(45deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
	background: linear-gradient(45deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
  -webkit-background-clip: text;
	background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-mask-image: linear-gradient(45deg,#ffa745,#fe869f 30%,#ef7ac8 45%,#a083ed 70%,#43aeff 85%);
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
		padding: 0 10px 0 0
}
.gradiente5 {
	background: -moz-linear-gradient(45deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
	background: -webkit-linear-gradient(45deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
	background: linear-gradient(45deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
  -webkit-background-clip: text;
	background-clip: text;
  -webkit-text-fill-color: transparent;
	-webkit-mask-image: linear-gradient(45deg,#dc36fa,#a167ef 30%,#609fe4 45%,#3abfde 70%,#04d18e 85%);
	-webkit-box-decoration-break: clone;
    box-decoration-break: clone;
		padding: 0 10px 0 0

}
.bordo-animato {
	content: attr(data-shadow);
	z-index: -1;
	text-shadow: none;
	background-image:
		linear-gradient(
			45deg,
			transparent 45%,
			hsla(80,20%,10%,1) 45%,
			hsla(80,20%,10%,1) 55%,
			transparent 0
			);
	background-size: .05em .05em;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

	animation: shad-anim 15s linear infinite;
  }

.taptap-main-menu-button-six:before, .taptap-main-menu-button-six:after {
	height: 3px !important;
}
.taptap-main-menu-button-six {
    padding: 5px 5px 6px 5px;
}
.taptap-menu-active .taptap-main-menu-button-six:after {
    transform: translateY(-6px) rotate(-45deg)!important;
    -moz-transform: translateY(-6px) rotate(-45deg)!important;
    -webkit-transform: translateY(-6px) rotate(-45deg)!important;
}
@keyframes shad-anim {
  0% {background-position: 0 0}
  0% {background-position: 100% -100%}
  }

img[data-lazy-src] {
	opacity: 0;
}
img[data-lazy-src] {
	transition: opacity 0.5s linear 0.2s;
	-moz-transition: opacity 0.5s linear 0.2s; /* Firefox 4 */
  -webkit-transition: opacity 0.5s linear 0.2s; /* Safari and Chrome */
  -o-transition: opacity 0.5s linear 0.2s; /* Opera */
  -ms-transition: opacity 0.5s linear 0.2s; /* Explorer 10 */
	opacity: 1;
}
img.lazyloaded {
	opacity: 0;
}
img.lazyloaded {
	transition: opacity 0.5s linear 0.2s;
	-moz-transition: opacity 0.5s linear 0.2s; /* Firefox 4 */
  -webkit-transition: opacity 0.5s linear 0.2s; /* Safari and Chrome */
  -o-transition: opacity 0.5s linear 0.2s; /* Opera */
  -ms-transition: opacity 0.5s linear 0.2s; /* Explorer 10 */
	opacity: 1;
}
.ult-content-box-container, .ult-content-box-container * {
    border-radius: 30px;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_rounded, .wpb_single_image .vc_single_image-wrapper.vc_box_rounded img {
    border-radius: 30px !important;
}
.viba-portfolio-cover-wrapper {
    border-radius: 10px;
}
#cmplz-document h2, .editor-styles-wrapper .cmplz-unlinked-mode h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
    letter-spacing: -1px;
}
#header-portfolio .scurisci a #logo {
	padding-left: 20px !important;
}

#header-portfolio .scurisci #navigation {
	padding-right: 20px !important
}

.artwork_round {
	border-radius: 20px;
	margin-bottom: 30px !important;
}
a.vc_general.vc_btn3.vc_btn3-size-xs.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-black {
    padding: 10px 20px !important;
    background-color: #121212;
}
.artwork_round_image img {
	border-radius: 15px
}
.artwork_round_image_2 img {
	border-radius: 7px
}
.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 20px !important;
}
.border-top-right-radius img {
	border-top-right-radius: 25px 25px;
	overflow: hidden
}
.border-bottom-right-radius img {
	border-bottom-right-radius: 25px 25px;
}
.border-top-left-radius img {
	border-top-left-radius: 25px 25px;
}
.border-bottom-left-radius img {
	border-bottom-left-radius: 25px 25px;
}
.overflow div {
	overflow: hidden
}
#home #menu-navi > li.menu-item-has-children:after,
/* ARROWS MENU
 #menu-navi > li.menu-item-has-children:after {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="5" viewBox="0 0 10 4" fill="none" stroke="%23000" stroke-width="1"><path d="M0.5 0.5l4 3 4-3" fill="none" stroke="%23000" stroke-width="1"/></svg>');
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
	margin-top: -5px
}*/

.sub-menu {
  left: -85px; /* Posiziona il sottomenu come desiderato */
  visibility: visible;
  display: none;
}

#menu-navi > li.menu-item-has-children:hover .sub-menu {
  display: block;
}
#menu-navi > li.menu-item-has-children:after {
  /* transition: transform 0.1s ease;  Aggiungi una transizione di 0.3 secondi con effetto ease */
}

#home #menu-navi > li.menu-item-has-children:hover:after, #menu-navi > li.menu-item-has-children:hover:after {
  transform: rotate(-180deg);
	margin-top: 2px
}

#home #menu-navi > li.menu-item-has-children:after,#menu-navi.white > li.menu-item-has-children:after {
  filter: invert(100%); // Inverte i colori per renderlo bianco
}
/* #wrapper {
		transition: opacity 0.2s ease, filter 0.2s ease;
}

#wrapper.content-hover {
	opacity: 0.1;
    filter: blur(5px) brightness(0.7);
}

body.menu-hover .navy {
    filter: none !important;
} */
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #121212 !important;
    border-radius: 15px;
    padding: 15px;
}
.wpcf7-spinner {
    margin-top: 15px !important;
		background-color: #000 !important;
}
.vc_row[data-vc-full-width="true"],
.vc_section[data-vc-full-width="true"] {
    position: relative !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #121212;
    padding: 20px;
    border-radius: 15px;
    margin: 0px;
}
.bloggy .vc_section.vc_section-has-fill {
	padding-top: 0px
}

.bloggy hr{
		border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
		margin-block-start: 0em;
    margin-block-end: 1.0em;
}
.portfolio .container {
    margin: 10px 0 0px 0;
}
@media (max-width: 768px) {
    .vc_row[data-vc-full-width="true"],
    .vc_section[data-vc-full-width="true"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

		.viba-portfolio-single-content, .viba-portfolio-single-description, .viba-portfolio-single-meta, .vp-ajax-content, .vp-ajax-inner .viba-portfolio-item, .vp-ajax-wrapper {
        padding: 0 0px !important;
    }


		.bloggy #logo {
		    margin-top: 12px !important;
		}
}
button.ubtn {
    border-radius: 50px;
		margin: 5px;
}
button.ubtn .ubtn-text{
	font-weight: 350 !important;
	letter-spacing: 0.5px !important;
}
.hidden-fields-container {
	border: 0px solid !important;
}
.sito-web-320-wrap {
	display: none !important;
}
body.body-transparent {
    background-color: transparent !important;
}
html {
    /* Impedisce il flash bianco sotto la barra di Safari */
    background-color: inherit;
}
@media (max-width: 768px) {
	#home {
		background: #000000 !important;
	}
	#home #wrapper {
		background-color: #f7f7f7;
		padding-top: 38px;
	}
}
/* === FIX STRETCH ROW BOXED === */
.vc_row[data-vc-full-width]:not([data-vc-stretch-content]) {
    padding-left:  max(0px, calc((100vw - var(--boxed-max)) / 2)) !important;
    padding-right: max(0px, calc((100vw - var(--boxed-max)) / 2)) !important;
}
.asi-faq-item {
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.5) !important;
}
.asi-faq-accordion {
    border-top: 0.5px solid rgba(128, 128, 128, 0.5) !important;
}
.white ol li {
    color: #FFFFFF;
	}