:root {--skin-primary:#ffff00;--skin-secondary:#000000;--skin-intestazione1:#0000ff;--skin-intestazione2:#ff00ff;--skin-calltoaction:#fdeb01;--skin-calltoactionText:#FFFFFF;--skin-background:#ffffff;--skin-sidebar:#fdeb01;--skin-breadcrumb:#000000;--skin-breadcrumbText:#565656;--skin-text:#666666;--skin-navigation:#000000;--skin-footer:#1d1d1d;--skin-textFooter:#666666;--skin-linkFooter:#fdeb01;--skin-fontTitoliValue:Open Sans:800;--skin-fontMenuValue:Open Sans;--skin-fontTextValue:Open Sans;--skin-fontsizeSlideshow1Value:30px;--skin-fontsizeSlideshow2Value:24px;--skin-fontsizeSlideshow3Value:18px;--skin-fontsizeSlideshowCalltoactionValue:14px;--skin-fontsizeMenuValue:16px;--skin-fontsizeSubMenuValue:14px;--skin-fontsizeTitolo1Value:30px;--skin-fontsizeTitolo2Value:24px;--skin-fontsizeTitolo3Value:18px;--skin-fontsizeTitolo4Value:16px;--skin-fontsizeTitolo5Value:15px;--skin-fontsizeTitolo6Value:14px;--skin-fontsizeTextValue:18px;--skin-fontsizeFooterValue:13px;}h1, h2, h3, h4, h5, h6{font-family:var(--skin-fontTitoliValue);}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty{color:var(--skin-primary);}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ font-family:var(--skin-fontTitoliValue);}
h1 a:empty, h2 a:empty, h3 a:empty, h4 a:empty, h5 a:empty, h6 a:empty{ color:var(--skin-primary); }
body, p, span, em, i:not(.fa), a{ font-family:var(--skin-fontTextValue); }
table, tr, td, blockquote,
h1, h2, h3, h4, h5, h6,
body, p:empty, span:empty, em:empty, i:empty, a:empty{ color:var(--skin-text);}

#main-slider .flex-caption,
#main-slider .flex-caption1{font-family:var(--skin-fontTitoliValue); }

.menu nav ul li a{font-family:var(--skin-fontMenuValue); color:var(--skin-navigation);}

h1.intestazione1,
h2.intestazione1,
h3.intestazione1{  color: var(--skin-intestazione1) !important; }
h1.intestazione2,
h2.intestazione2,
h3.intestazione2{  color: var(--skin-intestazione2) !important; }
.calltoaction{  background-color: var(--skin-calltoaction) !important; color: var(--skin-calltoactionText) !important; }

/** FONT SIZE **/
main dt, main dd, main ul, main ol, main li, main pre, main form, main p, main blockquote, main th, main td, main p, main span, main em, main b, main strong{font-size: var(--skin-fontsizeTextValue) !important;}
div.corpo{font-size: calc(var(--skin-fontsizeTextValue) * 0.8);}
.small, small{font-size: calc(var(--skin-fontsizeTextValue) * 0.6) !important;}
h1{font-size: var(--skin-fontsizeTitolo1Value) !important;}
h2{font-size: var(--skin-fontsizeTitolo2Value) !important;}
h3{font-size: var(--skin-fontsizeTitolo3Value) !important;}
h4{font-size: var(--skin-fontsizeTitolo4Value) !important;}
h5{font-size: var(--skin-fontsizeTitolo5Value) !important;}
h6{font-size: var(--skin-fontsizeTitolo6Value) !important;}
h1.intestazione1,
h1.intestazione2{font-size:var(--skin-fontsizeSlideshow1Value) !important; }
h2.intestazione1,
h2.intestazione2{font-size:var(--skin-fontsizeSlideshow2Value) !important; }
h3.intestazione1,
h3.intestazione3{font-size:var(--skin-fontsizeSlideshow3Value) !important; }
.calltoaction{ font-size: var(--skin-fontsizeSlideshowCalltoactionValue) !important; }
.menu nav ul li a{ font-size: var(--skin-fontsizeMenuValue) !important; }
.menu nav ul li a ul.dropdown li a{ font-size: var(--skin-fontsizeSubMenuValue) !important; }
.footer,
.footer *{ font-size: var(--skin-fontsizeFooterValue) !important; }
/** FONT SIZE **/

#sidebar{background: var(--skin-sidebar);}

.inner-header,
.inner-content,
.footer{background: var(--skin-background);}

.menu nav ul li.drop ul.dropdown li a{color:var(--skin-navigation) !important;}

label{color:var(--skin-text);}

.menu nav ul li a:hover {background: var(--skin-primary);}
.menu nav ul li.drop ul.dropdown li a:hover { color: var(--skin-primary); }
#main-slider .flex-caption {background: var(--skin-primary);}
#main-slider .flex-caption1 {background: var(--skin-primary);}
#main-slider .flex-caption2 {background: #fff; color:var(--skin-primary); }
.head-description div{ background: var(--skin-primary);}
.head-description em{ color: var(--skin-breadcrumbText);}
#top-articles article.four a {background: var(--skin-primary);}
#top-articles article blockquote,
blockquote {border-left: 7px solid var(--skin-primary);}
#top-articles article blockquote span,
blockquote span { color: var(--skin-primary);}
/*#top-articles article.blockquote a,
blockquote a {background: var(--skin-primary);}*/
.projects h1,
.services h1,
.popular-post h1,
.testimonials h1,
.clients h1 {color: var(--skin-primary);}
div.description {background: var(--skin-primary);}
.popular-post .post a:hover p {color: var(--skin-primary); }
.popular-post .post span {color: var(--skin-primary);}
.clients .images a#prev-logos {background: var(--skin-primary) url('/template/extraclean/static/images/prev.png') center center no-repeat;}
.clients .images a#next-logos {background: var(--skin-primary) url('/template/extraclean/static/images/next.png') center center no-repeat;}
.clients .images a#prev-logos:hover {background: #e5e5e5 url('/template/extraclean/static/images/prev.png') center center no-repeat;}
.clients .images a#next-logos:hover {background: #e5e5e5 url('/template/extraclean/static/images/next.png') center center no-repeat;}
.head-title h1 { background-color: var(--skin-breadcrumb);}
.head-description p {background-color: var(--skin-breadcrumb) !important;}
.filter-project li a:hover { color: var(--skin-primary); }
.pagination a:hover { background: var(--skin-primary); }
.pagination a#prev:hover,
.pagination a#next:hover {color: var(--skin-primary);}
#contact h1,
#contact h1 {color: var(--skin-primary);}
#label { background:  var(--skin-primary) url('/template/extraclean/static/images/label1.png') center no-repeat; }
#label1 {background:  var(--skin-primary) url('/template/extraclean/static/images/label2.png') center no-repeat;}
#label2 {background:  var(--skin-primary) url('/template/extraclean/static/images/label3.png') center no-repeat;}
#contact input[type="submit"]:hover,
.submit_button:hover {background: var(--skin-primary);}
.blog-content h1 a:hover { color: var(--skin-primary); }
.blog-text > a span {background: var(--skin-primary) url('/template/extraclean/static/images/read-more.png') center center no-repeat;}
.blog-inform li p span,
.single-blog-post ul li p span { color: var(--skin-primary); }
.image-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/img-post.png') center center no-repeat; }
.aside-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/aside-post.png') center center no-repeat; }
.video-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/film-post.png') center center no-repeat; }
.link-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/link-post.png') center center no-repeat; }
.letter-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/letter-post.png') center center no-repeat; }
.blockquote-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/block-post.png') center center no-repeat; }
.slider-post .blog-icon { background: var(--skin-primary) url('/template/extraclean/static/images/slide-post.png') center center no-repeat; }
.link-post a {color: var(--skin-primary);}
.blockquote-post .blog-text {background: var(--skin-primary);}
.single-blog-post blockquote,
.single-work blockquote {color: #828282; border-left: 2px solid var(--skin-primary); border-right: 2px solid var(--skin-primary);}
.single-blog-post .blog-icon {background: var(--skin-primary) url('/template/extraclean/static/images/img-post.png') center center no-repeat;}
#author h1,
#comments h1,
#comment-leave h1 {color:var(--skin-primary);}
ul.member-post li a {color: var(--skin-primary);}
ul.member-post li.active {border-top: 2px solid var(--skin-primary);}
ul.member-data li a {color: var(--skin-primary);}
#comments li div h5 {color: var(--skin-primary);}
#comments li div a:hover {background: var(--skin-primary);}
#comment-leave input[type="submit"] {background: var(--skin-primary);}
#widget li a {background: var(--skin-primary);}
.shortcodes > h1 {color: var(--skin-primary);}
div.serv-item h3.active { color: var(--skin-primary);}
ul.tab-list li {background: var(--skin-primary);}
.twitter-widget h2,
.twiter h2,
.contact-info h2 {background: var(--skin-primary);}
.twiter p a {color: var(--skin-primary);}
.paragrafo ul li,
blockquote ul li{background: url("/template/extraclean/static/images/skins/skin-1/tick.png") no-repeat scroll left 5px transparent  !important;}
.e404{ color: var(--skin-primary); }
.e404_notfound{ margin-top:75px; color:var(--skin-primary); }
.e404_message{ color:var(--skin-primary); }

/* FAUNDATION */
a { color: var(--skin-secondary);}
a:hover { color: var(--skin-secondary); }
a:focus { color: var(--skin-secondary); }
.footer{ color: var(--skin-textFooter); background: var(--skin-footer); }
.footer a { color: var(--skin-linkFooter);}
.footer a:hover { color: var(--skin-primary); }
.button { background: var(--skin-secondary); }
.button.primary {background-color: var(--skin-secondary); border: 1px solid #1e728c;}
.button.primary:hover, .button.primary:focus { background-color: #2284a1; color:#fff; }
.button.disabled, .button[disabled] { background: var(--skin-secondary);}
.button.disabled:hover, .button[disabled]:hover { background: var(--skin-secondary); }
.button.dropdown.split:hover, .button.dropdown.split:focus { background-color: var(--skin-secondary); }
.button.dropdown.split > a:hover, .button.dropdown.split > a:focus {background-color: #2284a1; }
.button.dropdown.split > span {background-color: var(--skin-secondary);}
.nav-bar > li.active {background: var(--skin-secondary);}
.nav-bar > li.active:hover { background: var(--skin-secondary);}
.tabs dd a:focus, .tabs li a:focus {color: var(--skin-secondary);}
.tabs dd.active, .tabs li.active {border-top: 3px solid var(--skin-secondary);}
.tabs.pill dd.active a, .tabs.pill li.active a { background-color: var(--skin-secondary); }
div.alert-box { background-color: var(--skin-secondary); }
.label {background: var(--skin-secondary);}
.has-tip:hover, .has-tip:focus { border-bottom: dotted 1px #196177; color: var(--skin-secondary); }
.tooltip.opened { color: var(--skin-secondary) !important; border-bottom: dotted 1px #196177 !important; }
.panel.callout { background: var(--skin-secondary); border-color: #2284a1; }
.panel.callout .button {color: var(--skin-secondary);}
ul.accordion > li.active { border-top: 3px solid var(--skin-secondary); }
dl.sub-nav dd.active a {background: var(--skin-secondary);}
ul.pagination li.current a { background: var(--skin-secondary);}
ul.pagination li.current a:hover, ul.pagination li.current a:focus { background: var(--skin-secondary); }
div.progress .meter { background: var(--skin-secondary);}
.tabs.mobile dd a.active, .tabs.mobile li a.active {background: var(--skin-secondary);}

/* FLEXSLIDER */
.flex-direction-nav .flex-next {background: var(--skin-primary) url(/template/extraclean/static/images/next-slide.png) center no-repeat; }
.flex-direction-nav .flex-prev { background: var(--skin-primary) url(/template/extraclean/static/images/prev-slide.png) center no-repeat; }
.flex-control-paging li a.flex-active {background: url(/template/extraclean/static/images/bullets1.png); }
.flex-control-paging li a {background: url(/template/extraclean/static/images/skins/skin-1/bullets.png) center no-repeat;}

ul.shopAccessLink li a,
ul.shopAccessLink li a i{color: var(--skin-secondary);}
ul.shopAccessLink li.active{background-color:var(--skin-primary); color:#fff;}
ul.shopAccessLink li.active a,
ul.shopAccessLink li.active a i{color:#fff;}
ul.shopAccessLink li.active a:hover,
ul.shopAccessLink li.active a:hover i{color:var(--skin-secondary);}

/* COMMENTI */
div.depth1 h5 span.nome, #comments li div h5{ color: var(--skin-primary); }
#comment-leave input[type="submit"],
.frmDiscussione input[type="submit"]{background-color: var(--skin-primary); }
.load-more-comments { margin: 5px 0; }

.load-more-comments .btn {
	display: block;
	font-size: 13px;
	font-weight: 500;
	padding: 11px 14px;
	text-align: center;
	text-decoration:none;
	background: none repeat scroll 0 0 var(--skin-primary);
	border: 0 none;
	border-radius: 3px;
	color: #FFFFFF;
	line-height: 1.1;
	padding: 10px 16px;
	transition: background 0.2s ease 0s;
}

.load-more-comments .btn:hover {
    background: none repeat scroll 0 0 rgba(29, 47, 58, 0.7);
    background-position: 0 -15px;
    color: #FFFFFF;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.load-more-comments .btn.loading {
	background-color: #E6E6E6;
	color: rgba(29, 47, 58, 0.6);
	cursor: default;
}