﻿@charset "utf-8";
/**
* Table of Contents:
*
* 1 - Reset
* 2 - Structure
* 3 - Standard Header
* 4 - Portfolio
* 5 - Default Page Layout
* 6 - Archive List Page
* 7 - Search Page
* 8 - 404 Page
* 9 - Blog Page
* 10 - Comments Form
* 11 - Media Queries
**/

/* CSS Document */

/* 1 RESET CSS */

html, body, div, span, applet, object, iframe, caption, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {

vertical-align: baseline;
font-size: 100%;
outline: 0;
padding: 0;
margin: 0;
border: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

div, article, aside, figcaption, figure, footer, header, menu, nav, section {display: block;}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

abbr {font-weight: 500}

.clear {clear:both; position:relative}

:focus {outline: 0;}
ol, ul, li {list-style: none;}

li {color: #373535;line-height: 30px; margin-left: 25px}

table {border-collapse: separate;border-spacing: 0;}
caption, th, td, dt, dd {color: #373535; line-height: 30px; font-weight: normal;}

table,
th,
td {border: 1px solid #eaeaea; border: 1px solid rgba(51, 51, 51, 0.1);}

table {border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; /* margin: 0 0 1.6em; */ table-layout: fixed; /* Prevents HTML tables from becoming too wide */ width: 100%;}

caption,
th,
td {font-weight: normal;text-align: left;}
th {border-width: 0 1px 1px 0;font-weight: 700;}
td {border-width: 0 1px 1px 0;}
th, td {padding: 0.4em;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: "";}
blockquote, q{quotes: "";font-style: italic;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;quotes: none;}

code,
kbd,
tt,
var,
samp,
pre {-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;}

pre {max-width: 100%; overflow: auto; padding: 0.8em 0; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

button,
input,
select,
textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;}

button,
input {line-height: normal;}

input,
textarea {background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button; cursor: pointer;}

button[disabled],
input[disabled] {cursor: default;}

input[type="checkbox"],
input[type="radio"] {padding: 0;}

input[type="search"] {-webkit-appearance: textfield;}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}

button::-moz-focus-inner,
input::-moz-focus-inner {border: 0; padding: 0;}

textarea {overflow: auto; vertical-align: top;}

strong,
strong a{font-weight: 600!important;}

mark,
ins {background-color: #fff9c0; text-decoration: none;}

h1 {font-size: 203%;}
h2 {font-size: 178%;}
h3 {font-size: 153%;}
h4 {font-size: 128%;}
h5 {font-size: 118%;}
h6 {font-size: 103%;}

::-moz-selection {background: #ed2b51; color: #fff; text-shadow: none;}
::selection {background: #ed2b51; color: #fff; text-shadow: none;}

img {border: none; text-decoration: none;}

a {color: #939393; outline: none; cursor: pointer; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

a:link,
a:visited,
a:focus,
a:hover,
a:active {text-decoration: none;}

a:hover,
a:active {-o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.comment-content img[height],
.entry-content img,
.entry-summary img,
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {max-width: 100%; height: auto;}

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {max-width: 100%; height: auto;}

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {max-width: 100%; height: auto;}

.post-password-form input[type=password]{padding: 0 10px; border: 0; border-bottom: 1px solid #a3a8ab; color: #939b9e; outline: 0; line-height: 0}
.post-password-form input[type=submit] {border: none; background: none; color: #1a1a1a; margin: 5px 0; padding: 10px 10px;}


/* =WordPress Core
-------------------------------------------------------------- */

/* Images */
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
img.alignleft {margin: 30px 20px 30px 0;}
img.alignright {margin: 30px 0 30px 20px;}
img.aligncenter {margin: 30px auto 30px auto;}
.wp-caption.alignright {margin: 25px 0 30px 20px;}
.wp-caption.alignleft {margin: 25px 20px 30px 0;}
img.alignnone {margin: 0 0;}


 /* Galleries */
.gallery {margin-bottom: 1.6em;}
.gallery-item {display: inline-block;padding: 1.79104477%;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}

.wp-caption {margin-top: 30px; margin-top: 2rem; margin-bottom: 30px; margin-bottom: 2rem; max-width: 100%;}
.wp-caption-text {margin-top: 10px;}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {list-style-position: inside;}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {color: #1a1a1a; font-size: 18px; font-style: italic; font-weight: 300;}
 /* End Galleries */
 
.navigation li {list-style: none;display: inline-block;}
.navigation ul {margin: 0; padding: 0;}

.sticky,
.bypostauthor {color: inherit;}

address {color: #939b9e; line-height: 30px;}

.gallery img {border: 0;}

figure {margin-left: 0; margin-right: 0}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object,
video {max-width: 100%;}

p > embed,
p > iframe,
p > object,
span > embed,
span > iframe,
span > object {margin-bottom: 0;}

body {
margin: 0;
padding: 0;
font: 100% Arial, Helvetica, sans-serif;
background: #fff;
word-wrap: break-word;
overflow-y: scroll;
overflow-x: hidden;
}

body.blog {
background: #fff;
}

/* Button Shortcode */
.button{font-size: 1em;}

.shortcode.button.appstore button{width: 135px; height: 40px; color: transparent; background: url("../images/AppStoreBadgeUSUK.svg"); margin: 3% 0 0 34px; border:none;}
.shortcode.button.playstore button{width: 135px; height: 40px; color: transparent; background: url("../images/GooglePlayBadge.png"); background-size: contain; margin: 2% 0 0 34px; border:none;}

.shortcode.button.red button{background: #f0274e; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.red button:hover{}

.shortcode.button.black button{background: #1a2023; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.black button:hover{}

.shortcode.button.grey button{background: #e1e5e6; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.grey button:hover{}

.shortcode.button.blue button{background: #223ff1; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.blue button:hover{}

.shortcode.button.yellow button {background: #f9d74d; color: #222225; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.yellow button:hover {background: #fff; color:#201e2b}

.shortcode.button.violet button{background: #7e4cdb; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.violet button:hover{}

.shortcode.button.azure button{background: #38b4f5; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.azure button:hover{}

.shortcode.button.turquoise button{background: #65d1c0; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.turquoise button:hover{}

.shortcode.button.green button{background: #77e47c; color: #fff; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.green button:hover{}

.shortcode.button.white button{background: #fff; color: #201e2b; margin: 1% 0 0 0; padding: 20px 33.89px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.white button:hover{}

.shortcode.button.orange button{background: #f66b40; color: #fff; margin: 1% 0 0 0; padding: 21px 28.29px; text-transform: uppercase; border:none; font-size: 1.33em; letter-spacing: 1px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.shortcode.button.orange button:hover{}

.dropup,
.dropdown {position: relative;}
.dropdown-menu {display: none;}

.page-links a {margin: 0 3px}
.page-links {color: #373535; line-height: 30px; padding: 1% 0 0; font-weight: 400}
#lang_sel_footer {position: relative;}

.block-resp,
.resp-details,
.menu-block-resp,
.content-close-button,
.single-post .arrow-bth,
.about-wrap .social-colors,
#blog-page.classic #footer-single,
#standard-header.blog .widget-search,
#standard-header.simple .widget-search {display: none}
/* End Reset */


/* 2 STRUCTURE */
#container {}
.wrapper {margin: 0 0;}
.main-grid {margin: 0 3.5743%;}

.grid-1 {margin: 0 2.5%;}
/* .grid-2 {margin: 0 10.635%;} */

.grid-2,
.grid-3,
.grid-4,
.grid-5,
.grid-about,
.grid-single-portfolio-one {margin: 0 3.5743%;} /* single blog */

@media only screen and (min-width : 1507px) { .grid-2 {width: 1507px; margin: 0 auto;} }
@media only screen and (min-width : 1249px) { .grid-about {width: 1249px; margin: 0 auto;} }
@media only screen and (min-width : 1032px) { 
.grid-3 {width: 1032px; margin: 0 auto;}
.grid-4 {width: 959px; margin: 0 auto;}
.grid-5 {width: 798px; margin: 0 auto;}
.grid-single-portfolio-one {width: 694px; margin: 0 auto;}
}

.ajax-loader {display: block; margin: 0;}

.slider-warning {height: 500px; margin-left: 24.5px;}
.slider-warning h2 {text-align: center!important; font-size: 38px; margin-top: 300px; font-weight: 500}
.slider-warning p {text-align: center!important; font-size: 18px; margin-top: 10px; font-weight: 400}

.sectionvisualcomposer {position: relative; padding: 0 0; background: #fff; z-index: 1}

.content-wrap {width: 100%; height: 100%; overflow: hidden;}
.content-wrap.open {position: fixed; width: 100%; height: 100%; overflow: hidden;} /* fissa il contenuto quando la main sidebar è aperta */

.content-shadow {position: relative; width: 100%; height: 100%;}
.content-shadow:before {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 100%;background: rgba(0,0,0,0.3);content: '';opacity: 0;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
-webkit-transition: opacity 0.4s,
-webkit-transform 0s 0.4s;
transition: opacity 0.4s, transform 0s 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);} 

.show-menu .content-shadow:before {
opacity: 1;
-webkit-transition: opacity 0.8s;
transition: opacity 0.8s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);} /* ombra del contenuto quando la main sidebar è aperta */

/* 2 END STRUCTURE */


/* 3 STANDARD HEADER */
#standard-header {position:fixed; width: 100%; z-index: 2; background: #fff; height: 109px;}
#standard-header header,
#standard-header .grid-1 {height: 100%;}

#standard-header .hamburger-block,
#standard-header .menu-block {width: 10%; height: 109px;}
#standard-header .logo-block {width: 80%; height: 109px; float: left; position:relative;}

#standard-header .hamburger-block {margin: 0; float: left}
#standard-header .menu-block {margin: 0; float: right}

/* Hamburger Button */
#standard-header .hamburger-menu {position: relative; padding: 46px 0; float: left;}
#standard-header .hamburger-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent; opacity: 0}
#standard-header .hamburger-button::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}

#standard-header .logo {width: 100%; text-align: center; position:relative; z-index: 2; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header .logo.hover {width: 100%; text-align: center; position:relative; z-index: 1; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

#standard-header .menu-button {position:relative; padding: 44px 0; float: right}
#standard-header .menu-button .menu-text {text-transform: uppercase; font-size: 15px; display: inline-block; color: #a6a5a5; letter-spacing: 11px; text-indent: 11px; font-weight: 400; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header .menu-button .menu-text:hover {color: #000;}
#standard-header .menu-button .menu-text div {width: 80%; padding-top: 5px; margin: 0 0 0 9px; border-bottom: 2px solid transparent; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header .menu-button .menu-text:hover div {border-bottom: 2px solid #000;}

/*Hover Menu*/
#standard-header.hover-menu .cd-nav {position: absolute; width: 100%; text-align: center; background: #fff; z-index: 2}
#standard-header.simple.hover-menu .cd-nav {background: #efefef;}

#standard-header.hover-menu .nav {position: relative;padding-top: 0; opacity: 0; visibility: hidden; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.hover-menu .nav.hover {position: relative; padding-top: 40px; opacity: 1; visibility: visible; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

#standard-header.hover-menu .nav li {display: inline-block; letter-spacing: 1px; text-transform: uppercase; font-size: 1em; vertical-align: top;}
#standard-header.hover-menu .nav li:first-child {margin-left: 0}
#standard-header.hover-menu .nav li a {color: #a6a5a5; font-weight: 500}
#standard-header.hover-menu .nav li a:hover {color: #1a1a1a;}
#standard-header.hover-menu .nav li a div {width: 100%; padding: 2px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.hover-menu .nav li a:hover div {border-bottom: 2px solid #1a1a1a;}
.portfolio-page-content #standard-header.hover-menu .nav li a:hover div {border-bottom: 2px solid #a6a5a5;}

#standard-header.hover-menu .sub-menu li a div {width: 100%; padding: 0; border-bottom: none;}
#standard-header.hover-menu .sub-menu li a:hover div {border-bottom: none;}

/* HOMEPAGE submenu */
#standard-header.hover-menu .nav .sub-menu {padding: 14px 0 14px 0;}
#standard-header.hover-menu .nav .sub-menu li:first-child {padding: 15px 25px 0 25px;}
#standard-header.hover-menu .nav .sub-menu li:last-child {padding: 25px 25px 15px 25px;}
#standard-header.hover-menu .nav .sub-menu li {float: none; display: block; text-align: left; letter-spacing: 1px;  padding: 25px 25px 0 25px; margin: 0 0 0 0; text-transform: uppercase}
#standard-header.hover-menu .nav .sub-menu li a{font-size: 16px;font-weight: 300;margin-left: 0!important;color: #a6a5a5;}
#standard-header.hover-menu .nav .sub-menu li a:hover{color: #1a1a1a;}

#standard-header.hover-menu .nav .menu-item-has-children > a span{display: inline-block; height: 13px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -2px no-repeat; background-size: 20px; opacity: .35;}
#standard-header.hover-menu .nav .menu-item-has-children:hover > a span {opacity: 1}
#standard-header.hover-menu .nav .sub-menu .menu-item-has-children > a span{display: inline-block; height: 13px; margin-bottom: -2px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -64px no-repeat; background-size: 30px; opacity: 1}
#standard-header.hover-menu .sub-menu {top: 130%; background: #fff;}
#standard-header.hover-menu .nav .menu-item-has-children li > a:hover {background: none}
#standard-header.hover-menu .sub-menu:after {position: absolute; content:""; top: -10px; left: 0; width: 100%; border-bottom: 10px solid #fff;}
#standard-header.hover-menu .sub-menu .sub-menu:after {display: none}

.home #standard-header.hover-menu .nav .menu-item-has-children > a span{display: none}

/* Gestione dei sotto menu */
#standard-header.hover-menu li {position: relative; padding: 0;}
#standard-header.hover-menu .sub-menu ul {left: 238px;top: -14px;}
#standard-header.hover-menu .sub-menu {position: absolute; min-width: 250px; left: 0;visibility: hidden;opacity: 0; -o-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; transition: all .1s ease-in-out;}
#standard-header.hover-menu li:hover > .sub-menu {visibility: visible;opacity: 1;z-index: 3;}
/* sub menu */

/* Overlay style */
#standard-header.blog .overlay,
.portfolio-page.filter-area .overlay,
#standard-header.overlay-menu .overlay,
#standard-header.hover-menu .overlay.about,
#standard-header.hover-menu .overlay.contacts {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(26,26,26,.98); z-index: 9999;}

/* Overlay closing button */
.portfolio-page.filter-area .overlay-close,
#standard-header.blog .overlay .overlay-close,
#standard-header.overlay-menu .overlay .overlay-close,
#standard-header.hover-menu .overlay.about .overlay-close,
#standard-header.hover-menu .overlay.contacts .overlay-close {position: absolute; width: 24px; height: 24px; right: 43px; top: 43px; overflow: hidden; border: none;background: url("../images/icons.svg"); background-position: 0 -22px; background-size: 24px;color: transparent;outline: none;z-index: 100;}

/* Effects */
#standard-header.blog .overlay-slidedown,
.portfolio-page.filter-area .overlay-slidedown,
#standard-header.overlay-menu .overlay-slidedown,
#standard-header.hover-menu .overlay-slidedown.about,
#standard-header.hover-menu .overlay-slidedown.contacts {direction: ltr; visibility: hidden;-webkit-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;transition: transform 0.4s ease-in-out, visibility 0s 0.4s;}

#standard-header.blog .overlay-slidedown.open,
.portfolio-page.filter-area .overlay-slidedown.open,
#standard-header.overlay-menu .overlay-slidedown.open,
#standard-header.hover-menu .overlay-slidedown.about.open,
#standard-header.hover-menu .overlay-slidedown.contacts.open {direction: ltr; visibility: visible;-webkit-transform: translateY(0%);transform: translateY(0%);-webkit-transition: -webkit-transform 0.4s ease-in-out;transition: transform 0.4s ease-in-out;}

#standard-header.blog .overlay-slidedown.open .inner,
.portfolio-page.filter-area .overlay-slidedown.open .inner,
#standard-header.overlay-menu .overlay-slidedown.open .inner,
#standard-header.hover-menu .overlay-slidedown.about.open .inner,
#standard-header.hover-menu .overlay-slidedown.contacts.open .inner {direction: ltr; position:absolute;top: 0;bottom: 0;left: 0;right: -17px;overflow-y: scroll;overflow-x: hidden;}

/*
#standard-header .overlay-slidedown {overflow-y: scroll;}
#standard-header .overlay-slidedown::-webkit-scrollbar {width:0;}
#standard-header .overlay-slidedown::-moz-scrollbar {width:0;}
*/

/* CONTACTS */
#standard-header .overlay .title,
.portfolio-page.filter-area .overlay .title {color: #fff; text-align: center; padding: 47px 0 0 0; font-size: 15px; font-weight: bolder; letter-spacing: 18px; text-transform: uppercase}
#standard-header .overlay .info,
.portfolio-page.filter-area .overlay .info {color: #fff; text-align: center; padding: 50px 0 0 0; font-size: 1em; line-height: 35px}
.widget-home-contacts {position: relative; padding-top: 0; text-align: center; top: 0;}
.widget-home-contacts input {background: transparent; font-size: .95em; width: 500px; border: 0; border-bottom: 3px solid #444; color: #767676; text-align: left; padding: 12px 0 19px; margin: 90px 0 0 0; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.widget-home-contacts input:hover,
.widget-home-contacts input:focus {border-bottom: 3px solid #fff; color: #fff;}
.widget-home-contacts textarea {background: transparent; font-size: .95em; width: 500px; border: 0; border-bottom: 3px solid #444; color: #767676; padding-top: 20px!important; padding-left: 0; margin: 90px 0 0 0; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.widget-home-contacts textarea:hover,
.widget-home-contacts textarea:focus {border-bottom: 3px solid #fff; color: #fff;}
.widget-home-contacts input[type="submit"] {width: 50px; margin: 72px auto 0; text-transform: uppercase; text-align: center; border:none; border-bottom: 2px solid #fff; color: #fff; background: transparent; padding: 0 0 10px 0;}
.widget-home-contacts input[type="submit"]:hover {}
.widget-home-contacts .altTypeName.valid {background: url(../images/form-ok.png) no-repeat 95% 50%;}
.widget-home-contacts .altTypeEmail.valid {background: url(../images/form-ok.png) no-repeat 95% 50%;}
.widget-home-contacts .altTypeName.error {background: url(../images/form-error.png) no-repeat 95% 50%;}
.widget-home-contacts .altTypeEmail.error {background: url(../images/form-error.png) no-repeat 95% 50%;}
/* CONTACTS */

/* Full Width Menu*/
#standard-header.overlay-menu .nav,
.portfolio-page.filter-area .overlay-slidedown .nav {position: relative;padding-top: 0; text-align: center;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#standard-header.overlay-menu .nav li,
.portfolio-page.filter-area .overlay-slidedown .nav li {letter-spacing: 6px; font-size: 1em; margin: 0; padding-bottom: 65px;}
#standard-header.overlay-menu .nav li a,
.portfolio-page.filter-area .overlay-slidedown .nav li a {color: #7b7b7b; font-weight: 500; display: inline-block; cursor: pointer; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.overlay-menu .nav li a:hover,
.portfolio-page.filter-area .overlay-slidedown .nav li a:hover {color: #fff;}
#standard-header.overlay-menu .nav li a div,
.portfolio-page.filter-area .overlay-slidedown .nav li a div {position:relative; width: 100%; padding: 10px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.overlay-menu .nav li a:hover div,
.portfolio-page.filter-area .overlay-slidedown .nav li a:hover div {border-bottom: 2px solid #fff;}
#standard-header.overlay-menu .sub-menu,
.portfolio-page.filter-area .overlay-slidedown .sub-menu  {padding-top: 30px}
#standard-header.overlay-menu .sub-menu li,
.portfolio-page.filter-area .overlay-slidedown .sub-menu li {padding-bottom: 30px;}
#standard-header.overlay-menu .sub-menu li a div,
.portfolio-page.filter-area .overlay-slidedown .sub-menu li a div {width: 100%; padding: 0; border-bottom: none;}
#standard-header.overlay-menu .sub-menu li a:hover div,
.portfolio-page.filter-area .overlay-slidedown .sub-menu li a:hover div {border-bottom: none;}
#standard-header.overlay-menu .menu-item-has-children > a span,
.portfolio-page.filter-area .overlay-slidedown .menu-item-has-children > a span{display: inline-block; height: 13px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -18px no-repeat; background-size: 20px; opacity: .45}
#standard-header.overlay-menu .menu-item-has-children:hover > a span,
.portfolio-page.filter-area .overlay-slidedown .menu-item-has-children:hover > a span {opacity: 1}



/* STANDARD HEADER BLOG */
#standard-header.blog {position:relative; width: 100%; background: #efefef; height: initial;}
#standard-header.blog .logo-block {width: 20%; height: initial; float: left; position:relative;}
#standard-header.blog .logo {padding: 0; text-align: left; }

/*Hover Menu*/
#standard-header.blog {width: 100%;padding: 4.309% 0; text-align: right;}
.standard-header.lower-menu {width: 100%;padding: 2% 0 3.8% 0; text-align: center; background: #efefef}

#standard-header.blog .valeria-logo,
#standard-header.blog .valeria-logo.hover {padding: 0; top: 6px;}

#standard-header.blog .nav,
.standard-header.lower-menu .nav {position: relative; padding-top: 0;}
#standard-header.blog .nav li,
.standard-header.lower-menu .nav li {display: inline-block; letter-spacing: 2px; text-transform: uppercase; font-size: 1em; vertical-align: top;}
#standard-header.blog .nav li:first-child,
.standard-header.lower-menu .nav li:first-child {margin-left: 0}
#standard-header.blog .nav li a,
.standard-header.lower-menu .nav li a {color: #1a1a1a; font-weight: 500;}
#standard-header.blog .nav li a:hover,
.standard-header.lower-menu .nav li a:hover {color: #1a1a1a;}
#standard-header.blog .nav li a div,
.standard-header.lower-menu .nav li a div {width: 100%; padding: 2px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.blog .nav li a:hover div,
.standard-header.lower-menu .nav li a:hover div {border-bottom: 2px solid #1a1a1a;}
#standard-header.blog .sub-menu li a div,
.standard-header.lower-menu .sub-menu li a div {width: 100%; padding: 0; border-bottom: none;}
#standard-header.blog .sub-menu li a:hover div,
.standard-header.lower-menu .sub-menu li a:hover div {border-bottom: none;}

.standard-header.lower-menu .nav li {text-transform: none; margin-right: 2%}
.standard-header.lower-menu .nav li a {font-size: 14px;}

/* HOMEPAGE submenu */
#standard-header.blog .nav .sub-menu,
.standard-header.lower-menu .nav .sub-menu {padding: 14px 0 14px 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
#standard-header.blog .nav .sub-menu li:last-child,
.standard-header.lower-menu .nav .sub-menu li:last-child {padding: 25px 25px 25px 25px;}
#standard-header.blog .nav .sub-menu li,
.standard-header.lower-menu .nav .sub-menu li {float: none; display: block; text-align: left; letter-spacing: 1px; padding: 25px 25px 0 25px; margin: 0; text-transform: uppercase}
#standard-header.blog .nav .sub-menu li a,
.standard-header.lower-menu .nav .sub-menu li a{font-size: 18px; font-weight: 400; margin-left: 0!important; color: #1a1a1a;}
#standard-header.blog .nav .menu-item-has-children > a span,
.standard-header.lower-menu .nav .menu-item-has-children > a span{display: inline-block; height: 13px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -2px no-repeat; background-size: 20px;}
#standard-header.blog .nav .menu-item-has-children:hover > a span,
.standard-header.lower-menu .nav .menu-item-has-children:hover > a span {opacity: 1}
#standard-header.blog .nav .sub-menu .menu-item-has-children > a span,
.standard-header.lower-menu .nav .sub-menu .menu-item-has-children > a span{display: inline-block; height: 13px; margin-bottom: -2px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -63px no-repeat; background-size: 30px; opacity: 1}
#standard-header.blog .sub-menu,
.standard-header.lower-menu .sub-menu {top: 130%; background: #efefef;}
#standard-header.blog .nav .menu-item-has-children li > a:hover,
.standard-header.lower-menu .nav .menu-item-has-children li > a:hover {background: none}
#standard-header.blog .sub-menu:after,
.standard-header.lower-menu .sub-menu:after {position: absolute; content:""; top: -10px; left: 0; width: 100%; border-bottom: 10px solid ##efefef;}
#standard-header.blog .sub-menu .sub-menu:after,
.standard-header.lower-menu .sub-menu .sub-menu:after {display: none}

/* Gestione dei sotto menu */
#standard-header.blog li,
.standard-header.lower-menu li {position: relative; padding: 0;}
#standard-header.blog .sub-menu ul,
.standard-header.lower-menu .sub-menu ul {left: 238px; top: -14px;}
#standard-header.blog .sub-menu,
.standard-header.lower-menu .sub-menu {position: absolute; min-width: 250px; left: 0; visibility: hidden; opacity: 0; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#standard-header.blog li:hover > .sub-menu,
.standard-header.lower-menu li:hover > .sub-menu {visibility: visible; opacity: 1; z-index: 3;}
/* sub menu */

#standard-header.simple {position:relative; background: #efefef}
#standard-header.simple .menu-block {position: relative; padding: 48px 0; float: left;}
#standard-header.simple .menu-block .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
#standard-header.simple .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}
#standard-header.simple .menu-block .menu-button span{border: none;color: transparent;background: transparent;}
#standard-header.simple .menu-block .menu-button span div,
#standard-header.simple .hamburger-block .hamburger-button {display: none}




/* MAIN SIDEBAR */
#main-sidebar {position: absolute;background: #1a1a1a;width: 490px;height: 100%;z-index: 1001;overflow-x: hidden;overflow-y: scroll;padding: 0;-webkit-transform: translate3d(-490px,0,0);transform: translate3d(-490px,0,0);-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);
direction: rtl; left: -17px; /* posizione la scrollbar a sinistra e la nasconde */}

#main-sidebar .sidebar-wrap {direction: ltr;} /* riposizionamento sinistra/destra contenuto sidebar */
#main-sidebar .sidebar-wrap .inner {padding: 77px 56px;}

/* Open Sidebar */
.show-menu #main-sidebar {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);transition-timing-function: cubic-bezier(0.7,0,0.3,1);}

#main-sidebar #portfolio-filter li {letter-spacing: 6px; margin: 0; padding-bottom: 53px; text-transform: none; list-style: none;}
#main-sidebar #portfolio-filter li span:first-letter {text-transform: uppercase}
#main-sidebar #portfolio-filter li span {color: #7b7b7b; display: inline-block; cursor: pointer; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#main-sidebar #portfolio-filter li span:hover {color: #fff;}
#main-sidebar #portfolio-filter li span div {position:relative; width: 100%; padding: 3px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#main-sidebar #portfolio-filter li span:hover div {border-bottom: 2px solid #fff;}

/* 4 PORTFOLIO */
.main-content,
#single-portfolio {position: relative; padding-top: 109px}
#single-portfolio {background: #1a1a1a;}

#single-portfolio.version-two {padding: 0; }
.single-portfolio.version-two {padding-top: 109px;}
#single-portfolio.version-two .carousel-content {width: 100%;background: #1a1a1a;float: right;padding: 4% 0 2% 2.5%;}
/*#single-portfolio.version-two .carousel-content img {-webkit-filter: grayscale(1);-webkit-filter: grayscale(100%);filter: grayscale(100%);filter: gray; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}*/
#single-portfolio.version-two .carousel-content {color: #868686}
#single-portfolio.version-two .carousel-content p,
#single-portfolio.version-two .carousel-content .royalSlider{padding: 1% 0 0 0}
#single-portfolio.version-two .tags-links {display: block; padding: 5% 0 5% 0}
#single-portfolio.version-two .tags-links ul {display: inline-block; color: #868686;}
#single-portfolio.version-two .tags-links li {display: inline-block; list-style: none; padding-right: 40px; margin-left: 0; margin-right: -6px; text-indent: 5px; letter-spacing: 6px; text-transform: uppercase; border-bottom: 2px solid transparent;}
#single-portfolio.version-two .tags-links li a div{width: 100%; padding-top: 0;  border-bottom: 2px solid transparent; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#single-portfolio.version-two .tags-links li a:hover div {border-bottom: 2px solid #fff;}
#single-portfolio.version-two .tags-links li a{font-size: 15px; color: #868686;}
#single-portfolio.version-two .tags-links li a:hover{color: #fff}
#single-portfolio.version-two .post-tag {position: relative;}
#single-portfolio.version-two .post-tag button {display: none}
/*#single-portfolio.version-two .post-tag button {position: absolute; width: 14px; height: 14px; top: 9px; right: 58px; overflow: hidden; border: none; background: url("../images/icons.svg"); background-position: 0 -14px; background-size: 14px;color: transparent;outline: none;}*/
#single-portfolio.version-two .entry-title {display: block; font-size: 1.4em; color: #fff; padding-top: 1.5%; letter-spacing: 2.9px;}
#single-portfolio.version-two .title-description {padding-top: 15px; font-size: 16px;letter-spacing: 2px;color: #797979; font-weight: bold; width: 32%; line-height: 25px}
#single-portfolio.version-two .content-title {padding: 0 0 3% 0}

#single-portfolio.version-two footer {padding: 4% 0 0; display: none}
#single-portfolio.version-two footer div {display: inline-block; list-style: none; padding-right: 40px; margin-left: 0; margin-right: 0; letter-spacing: 6px; text-transform: none; border-bottom: 2px solid transparent;}
#single-portfolio.version-two footer div a{font-size: 16px; color: #797979; font-weight: bold}
#single-portfolio.version-two footer div a:hover{color: #fff}

#single-portfolio.version-two .gallery {margin-bottom: 0; opacity: 0}
#single-portfolio.version-two .gallery-item {display: inline-block; margin: 0; padding: 0; text-align: center; vertical-align: top; width: 100%;}
#single-portfolio.version-two .gallery-columns-2 .gallery-item,
#single-portfolio.version-two .gallery-columns-3 .gallery-item,
#single-portfolio.version-two .gallery-columns-4 .gallery-item,
#single-portfolio.version-two .gallery-columns-5 .gallery-item,
#single-portfolio.version-two .gallery-columns-6 .gallery-item,
#single-portfolio.version-two .gallery-columns-7 .gallery-item,
#single-portfolio.version-two .gallery-columns-8 .gallery-item,
#single-portfolio.version-two .gallery-columns-9 .gallery-item {max-width: 100%;}

.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}.owl-controls{display: block}
.owl-controls {text-align: right}
.owl-controls .owl-prev,
.owl-controls .owl-next {display: inline-block; margin-top: 22px; margin-right: 10px; color: transparent; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.owl-controls .owl-prev {background: url("../images/sprite-arrow.svg");background-position: -8px -258px;background-size: 66px; margin-bottom: 20px; opacity: .5}
.owl-controls .owl-next {background: url("../images/sprite-arrow.svg");background-position: 0px -258px;background-size: 66px; opacity: .5; -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);}
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {opacity: 1;}

.single-portfolio-version-two-header #standard-header {padding-top: 2%;}
#single-portfolio.version-two .header-responsive {display: none;}
.single-portfolio-version-two-header #standard-header,
.single-portfolio-version-two-header #standard-header.hover-menu .cd-nav {display: block; background: #1a1a1a;}

.single-portfolio-version-two-header #standard-header .hamburger-block {width: 0;}
.single-portfolio-version-two-header #standard-header .hamburger-button {display: none;}
.single-portfolio-version-two-header #standard-header .logo-block {width: 60%;}
.single-portfolio-version-two-header #standard-header .logo {text-align: left; z-index: 1}

.single-portfolio-version-two-header #standard-header .menu-block {width: 1%;position: relative;padding: 48px 0;float: left;}
.single-portfolio-version-two-header #standard-header .menu-block .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
.single-portfolio-version-two-header #standard-header .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%);}
.single-portfolio-version-two-header #standard-header .menu-block .menu-button span{border: none;color: transparent;background: transparent;}
.single-portfolio-version-two-header #standard-header .menu-block .menu-button span div,
.single-portfolio-version-two-header #standard-header .hamburger-block .hamburger-button {display: none}

.single-portfolio-version-two-header #standard-header.hover-menu .nav li a {color: #797979; font-weight: 500}
.single-portfolio-version-two-header #standard-header.hover-menu .nav li a:hover {color: #fff;}
.single-portfolio-version-two-header #standard-header.hover-menu .nav .sub-menu li a{color: #797979;}
.single-portfolio-version-two-header #standard-header.hover-menu .nav .sub-menu li a:hover{color: #fff;}
.single-portfolio-version-two-header #standard-header.hover-menu .sub-menu {background: #1a1a1a;}
.single-portfolio-version-two-header #standard-header.hover-menu .sub-menu:after {border-bottom: 10px solid #1a1a1a;}
.single-portfolio-version-two-header #standard-header.hover-menu .nav {text-align:left}
.single-portfolio-version-two-header #standard-header.hover-menu .nav li:first-child {margin-left: 0;}
.single-portfolio-version-two-header #standard-header .share-block {width: 19%; float: left; padding: 44px 0;}
.single-portfolio-version-two-header #standard-header .share-text,
.single-portfolio-version-two-header #standard-header .share-buttons {float: left; position: relative; left: 15%}

.single-portfolio-version-two-header #standard-header .somedialog-block {width: 19%; float: left; padding: 44px 0; text-align: right}
.single-portfolio-version-two-header #standard-header .somedialog-block a{color: #797979; font-size: 16px; font-weight: bold; letter-spacing: 2px}
.single-portfolio-version-two-header #standard-header .somedialog-block a:hover {color: #fff;}
.single-portfolio.version-two .tooltips {display: none}

.single-portfolio-version-two-header #standard-header .share-text a{color: #797979; font-size: 16px; font-weight: bold; letter-spacing: 2px}
.single-portfolio-version-two-header #standard-header .share-text a:hover{color: #fff;}
.single-portfolio-version-two-header #standard-header .share-buttons {margin-left: 10%; margin-top: -10px;}
.single-portfolio-version-two-header #standard-header .share-buttons .share-twitter{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -6px -133px;}
.single-portfolio-version-two-header #standard-header .share-buttons .share-facebook{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px 3px;}                   
.single-portfolio-version-two-header #standard-header .share-buttons .share-googleplus{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -65px;}
.single-portfolio-version-two-header #standard-header .share-buttons .share-twitter:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -167px;}
.single-portfolio-version-two-header #standard-header .share-buttons .share-facebook:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -31px;}                 
.single-portfolio-version-two-header #standard-header .share-buttons .share-googleplus:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -99px;}

@media only screen and (min-width : 1025px) and (max-width : 1300px) {
.single-portfolio-version-two-header #standard-header .share-text,
.single-portfolio-version-two-header #standard-header .share-buttons {float: left; position: relative; left: -5%; margin-left: 5%;}
.single-portfolio-version-two-header #standard-header .somedialog-block a {margin-right: 10%;}
}

#single-portfolio.version-three {padding: 0}
.single-portfolio.version-three {padding-top: 109px;}
#single-portfolio.version-three .left-content {width: 52%;float: left;}
#single-portfolio.version-three .right-content {width: 48%;float: right;}
#single-portfolio.version-three .right-content img {margin: 0; opacity: 0}
#single-portfolio.version-three .left-content .inner{padding: 9% 31% 0 13%;}
#single-portfolio.version-three .left-content .inner h2{color: #fff}
#single-portfolio.version-three .left-content .inner .entry-content p{font-size: 1em; line-height: 2; letter-spacing: 4.1px; color: #bfbfbf;}
#single-portfolio.version-three .left-content .inner .separator{width: 17px; height: 1px; background: #fff; margin: 52px 0}

#single-portfolio.version-three .left-content .navigation {position: absolute; padding-top: 4%; padding-left: 2.5%}
#single-portfolio.version-three .left-content .navigation .next-post {width: 20px;height: 20px; background: url("../images/sprite-arrow.svg");background-position: -21px -258px;background-size: 66px; margin-bottom: 20px; opacity: .5}
#single-portfolio.version-three .left-content .navigation .prev-post {width: 20px; height: 20px; background: url("../images/sprite-arrow.svg");background-position: -21px -258px;background-size: 66px; opacity: .5; -webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);}
#single-portfolio.version-three .left-content .navigation .next-post:hover,
#single-portfolio.version-three .left-content .navigation .prev-post:hover {opacity: 1;}
#single-portfolio.version-three .left-content .navigation .next-post a,
#single-portfolio.version-three .left-content .navigation .prev-post a{width: 20px; height: 20px; display: block;}

#single-portfolio.version-three .right-content .inner {padding: 5% 6% 5% 6%;}
#single-portfolio.version-three .right-content .inner img {width: 100%;}
#single-portfolio.version-three .right-content .inner .LinkImg {margin-bottom: 6%; display: block}
#single-portfolio.version-three .right-content .inner .LinkImg:last-of-type {margin-bottom: 0;}

#single-portfolio.version-three footer {padding: 6% 0 0 0}
#single-portfolio.version-three footer div {display: inline-block}
#single-portfolio.version-three footer div a {color: #626262;letter-spacing: 3.6px;font-size: 16px;font-weight: 600;}
#single-portfolio.version-three footer div a:hover {color: #fff;}
#single-portfolio.version-three footer b.tooltips div {padding-left: 2.5%;}
#single-portfolio.version-three footer b.tooltips span {left: -27%;}

.shortcode.clients-area {padding: 6% 0 6%}
.shortcode.clients-area .cwrap span{color: #626262; line-height: 2.1; letter-spacing: 3.6px; font-size: 15px; font-weight: 600; padding-right: 25px; padding-top: 10px; display: inline-block}
.shortcode.clients-area .cwrap cite{color: #626262; line-height: 2.1; letter-spacing: 3.6px; font-size: 15px; font-weight: 600; padding-left: 11px; font-style: normal}
.shortcode.clients-area .cwrap a{color: #626262; line-height: 2.1; font-size: 15px; font-weight: 600;}
.shortcode.clients-area .cwrap a:hover{color: #fff; text-decoration: underline}


b.tooltips {position: relative;display: inline;}
b.tooltips span {position: absolute; z-index: 2; width:137px; height: 45px; top: -350%; left: -30%; background: #1a1a1a; text-align: center; opacity: 0; border-radius: 10px; border: 1px solid #616161;}
b.tooltips span:before {content: ''; position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: 10px solid #616161; border-right: 10px solid transparent; border-left: 10px solid transparent;}
b.tooltips span:after {content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #1a1a1a; border-right: 8px solid transparent; border-left: 8px solid transparent;}
b:hover.tooltips span {opacity: 1;}

.share-buttons li:nth-child(1) {display: inline-block; padding: 0 0 0 0;}
.share-buttons li {width: 30px; height: 30px; margin: 0 0 0 0;}

.share-buttons .share-twitter{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -167px;}
.share-buttons .share-facebook{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -31px;}                 
.share-buttons .share-googleplus{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -99px;}

.share-buttons .share-twitter:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -133px;}
.share-buttons .share-facebook:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px 3px;}                   
.share-buttons .share-googleplus:hover{background: transparent url("../images/social-icons/sprite-share.svg") no-repeat center; background-position: -5px -65px;}

.dialog,
.dialog__overlay {width: 100%;height: 100%;top: 0;left: 0;}
.dialog {position: fixed;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;pointer-events: none;z-index:2}
.dialog__overlay {position: absolute;z-index: 1; background: rgba(26,26,26,.98); opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;-webkit-backface-visibility: hidden;}
.dialog--open .dialog__overlay {opacity: 1;pointer-events: auto;}

.dialog__content {width: 80%;max-width: 800px;min-width: 290px;background: transparent;padding: 0;text-align: center;position: relative;z-index: 5;opacity: 0;}

.dialog__overlay {-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.dialog__content {overflow: hidden;}

.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {-webkit-animation-duration: 0.4s;animation-duration: 0.4s;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.dialog.dialog--open .dialog__content {-webkit-animation-name: anim-open;animation-name: anim-open;-webkit-animation-timing-function: cubic-bezier(0.7,0,0.3,1);animation-timing-function: cubic-bezier(0.7,0,0.3,1);}
.dialog.dialog--close .dialog__content {-webkit-animation-name: anim-close;animation-name: anim-close;}
.dialog--open .dialog__content {pointer-events: auto;}

.dialog button {width: 20px;height: 20px;margin: 0 0 109px 0;overflow: hidden;border: none;background: url("../images/icons.svg");background-position: 0 -18px;background-size: 20px;color: transparent;outline: none;}
#single-portfolio.version-two .dialog button {margin: 109px 0 90px 0;}

.dialog h1,
.dialog h2,
.dialog h3,
.dialog h4,
.dialog h5,
.dialog h6 {color: #fff; font-weight: 300; letter-spacing: 8px}
.dialog p {color: #969696; line-height: 40px}

.dialog.dialog--open h1,
.dialog.dialog--open h2,
.dialog.dialog--open h3,
.dialog.dialog--open h4,
.dialog.dialog--open h5,
.dialog.dialog--open h6,
.dialog.dialog--open p,
.dialog.dialog--open button {-webkit-animation: anim-elem 0.4s both;animation: anim-elem 0.4s both;}

.dialog.dialog--open h1,
.dialog.dialog--open h2,
.dialog.dialog--open h3,
.dialog.dialog--open h4,
.dialog.dialog--open h5,
.dialog.dialog--open h6 {-webkit-animation-delay: 0.25s;animation-delay: 0.25s;}
.dialog.dialog--open p {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
.dialog.dialog--open button {-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}

@-webkit-keyframes anim-open {0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); }100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }}
@keyframes anim-open {0% { opacity: 0; -webkit-transform: translate3d(0, -400px, 0); transform: translate3d(0, -400px, 0); }100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}
@-webkit-keyframes anim-close {0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); }}
@keyframes anim-close {0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }100% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); }}

/* Inner elements animations */
@-webkit-keyframes anim-elem {0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); }100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); }}
@keyframes anim-elem {0% { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); }100% { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }}

.portfolio-loading {position: relative; display: block}
.portfolio-loading .inner {position: absolute; width: 100%; height: 200px}
.portfolio-loading .inner .icon {position: fixed;display: block;opacity: 1;height: 50px;width: 50px;z-index: 9999999;left: 50%;top: 45%;margin-left: -15px;
background: url("../images/portfolioloadingbig.gif");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}





#single-portfolio.version-one #standard-header {position:relative; height: 130px;}

#single-portfolio.version-one #standard-header.hover-menu .nav.hover {padding-top: 60px;}
#single-portfolio.version-one #standard-header .hamburger-menu {padding: 66px 0;}
#single-portfolio.version-one #standard-header .logo h2,
#single-portfolio.version-one #standard-header .logo.hover h2 {padding: 15px 0 0;}
#single-portfolio.version-one #standard-header .menu-block {position: relative; padding: 68px 0; float: left;}

#single-portfolio.version-one #standard-header .menu-block .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
#single-portfolio.version-one #standard-header .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%);}
#single-portfolio.version-one #standard-header .menu-block .menu-button span{border: none;color: transparent;background: transparent;}
#single-portfolio.version-one #standard-header .menu-block .menu-button span div,
#single-portfolio.version-one #standard-header .hamburger-block .hamburger-button {display: none}

#single-portfolio.version-one #standard-header.hover-menu .nav .menu-item-has-children > a span {background: url("../images/sprite-dropdown.svg") 0 -19px no-repeat;background-size: 20px;opacity: 0.65;}

#single-portfolio.version-one {padding-top: 0}
#single-portfolio.version-one img {margin-top: 0; margin-bottom: 0; padding-bottom: 50px; width: 100%; opacity: 0;}
#single-portfolio.version-one .entry-content p {padding-bottom: 1%; font-size: 1em; line-height: 30px; letter-spacing: 3.5px; color: #747474;}
#single-portfolio.version-one .arrow-button {width: 25px;height: 18px; border: none; background: transparent url("../images/sprite-arrow.svg"); background-position: -21px -250px; background-size: 64px; color: transparent; outline: none;}
#single-portfolio.version-one .entry-title {display: block; font-weight: 400; letter-spacing: 2.9px; font-size: 22px; color: #fff;}

#single-portfolio.version-one .dialog.dialog--open p {font-size: 18px;}

#single-portfolio.version-one footer {padding: 1% 0 3%; text-align: center}
#single-portfolio.version-one footer .somedialog {display: inline-block; list-style: none; padding-right: 20px; margin: 0 auto; letter-spacing: .8px; border-bottom: 2px solid transparent;}
#single-portfolio.version-one footer .somedialog a{font-size: 16px; color: #747474; font-weight: 600}
#single-portfolio.version-one footer .somedialog a:hover{color: #fff}
#single-portfolio.version-one footer b.tooltips {display: inline-block;}
#single-portfolio.version-one footer b.tooltips a {font-size: 16px; color: #747474; font-weight: 600}
#single-portfolio.version-one footer b.tooltips span {left: -90%;}

#single-portfolio.version-one,
#single-portfolio.version-one #standard-header,
#single-portfolio.version-one #standard-header.hover-menu .cd-nav {background: #1a1a1a;}

#single-portfolio.version-one #standard-header.hover-menu .sub-menu {background: #1a1a1a;}
#single-portfolio.version-one #standard-header.hover-menu .nav li a {color: #a6a5a5;}
#single-portfolio.version-one #standard-header.hover-menu .nav li a:hover {color: #fff;}
#single-portfolio.version-one #standard-header.hover-menu .sub-menu:after {border-bottom: 10px solid #1a1a1a;}


/* Image Zoom Plugin Custom Style */
#cboxClose {background: url('../images/image-zoom-close.svg') no-repeat center!important; background-position: 0 0; background-size: 21px 21px!important; top: -8px!important; right: -16px!important;}




/* GRIGLIA PORTFOLIO IN HOMEPAGE */
#portfolio-area {position: relative;}

#portfolio-box .article-container.masonry article {width: 33.343%;}
#portfolio-box .article-container.masonry article img {width: 100%;}

#portfolio-box .article-container.masonry article img,
#portfolio-box .article-container.packery article img {display: block; margin-bottom: 0;}

#portfolio-box .article-container.masonry article img {display: block; margin-bottom: -1px;}

.featured-image-not-found h2 {display: block; padding: 19px; margin: 0; font-size: 1em;}
.featured-image-not-found strong {display: block; padding: 0 19px 19px; margin: 0; font-size: 1em; line-height: 30px}

#portfolio-19 {display: none}
.home #portfolio-19 {display: block}

/* PACKERY VERSION */
#portfolio-box .article-container.packery article img  {width: 100.107%!important;max-width: 100.107%!important;}
#portfolio-box .article-container.packery article {width: 20%;margin: 0!important;}

#portfolio-box .article-container.packery article.bbflyportrait, 
#portfolio-box .article-container.packery article.bbflyregular {width: 20%;}

#portfolio-box .article-container.packery article.bbflywide_tall,
#portfolio-box .article-container.packery article.bbflylandscape {width: 40%;}

/* .portfolio-page #portfolio-box .article-container.packery article.bbflyportrait {width: 26.7%;} */

#portfolio-box .article-container article .overlay_fade {position:relative; width: 100%; height: 100%;}
#portfolio-box .article-container article .overlay_fade img {width: 100%; height: auto; border:none;}
#portfolio-box .article-container article .overlay_fade .overlay_zoom {position:absolute; width: 100%; height: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;-webkit-transition:opacity .3s ease-in; -moz-transition:opacity .3s ease-in; -o-transition:opacity .3s ease-in; -ms-transition:opacity .3s ease-in; transition:opacity .3s ease-in; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;}
#portfolio-box .article-container article .overlay_fade:hover .overlay_zoom {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;}
#portfolio-box .article-container article .overlay_fade .zoom_black {background-color: rgba(12,12,12,0.80);}
#portfolio-box .article-container article span {display: block; position:relative; color: #fff; text-align: center; top: 45%;}
#portfolio-box .article-container article .box-title {display: inline-block; padding: 0; margin: 0; font-size: 1em; letter-spacing: 11px; text-indent: 9px; font-weight: 400}
#portfolio-box .article-container article .box-title div {width: 100%; padding-top: 21px; border-bottom: 2px solid #fff;}

#bbfly-loadMore-button {position:relative; background: #fff; width: 100%;height: 45px;text-align: center;}
#bbfly-loadMore-button a{color: #a8a8a8; padding: 45px; display: inline-block}
.home #bbfly-loadMore-button a,
.page #bbfly-loadMore-button a {padding: 12px;}
#bbfly-loadMore-button a:hover{color: #1a1a1a;}
#bbfly-loadMore-button a:hover .border-bottom{height: 2px; background: #1a1a1a; margin: 6px 0 0 0;}
#bbfly-loadMore-button.loading .inner{margin: 0 auto; width: 100%}
#bbfly-loadMore-button .inner .loading-icon{position: relative; top: 5px; display: inline-block; width: 20px; height: 20px; background: none; background-size: 20px; background-repeat: no-repeat; background-position: 100% 100%;}
#bbfly-loadMore-button.loading .inner .loading-icon{position: relative; top: 5px; display: inline-block; width: 20px; height: 20px;background: #fff url("../images/portfolioloading.gif"); background-size: 20px; background-repeat: no-repeat; background-position: 100% 100%;}
.show-menu #bbfly-loadMore-button {opacity: 0} /*nasconde il bottone se la sidebar e aperta*/
#bbfly-loadMore-button.isotope-infiniteScroll {height: inherit;}
#portfolio-area.portfolio-page #bbfly-loadMore-button.isotope-infiniteScroll {height: 10px;}

.isotope-grid {opacity: 0}

/* EFFETTO APERTURA BOX AL CLICK */
#portfolio-box .preview {position: fixed; width: 100%; height: 75%; z-index: 1000; bottom: 0; left: 0;display: -ms-flex;display: -webkit-flex;display: flex;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex-line-pack: center;-webkit-align-content: center;align-content: center;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;pointer-events: none;}
#portfolio-box .preview::before {position: fixed; content: '';top: 0;left: 0;width: 100vw;height: 100vh;opacity: 0;background: #1f1d1d;-webkit-transition: opacity 0.6s;transition: opacity 0.6s;}
#portfolio-box .preview--open {pointer-events: auto;}
#portfolio-box .preview--open::before {opacity: 1;}
#portfolio-box .clone {position: fixed; z-index: 110; -webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;-webkit-backface-visibility: hidden;}
#portfolio-box .original {position: relative; z-index: 120; display: block;margin: auto 0; object-fit: contain;-webkit-transition: opacity 0.2s;transition: opacity 0.2s;-webkit-backface-visibility: hidden;}
#portfolio-box .preview--open .animate {/* open */-webkit-transition: -webkit-transform 0.6s, opacity 0.2s;transition: transform 0.6s, opacity 0.2s;}
#portfolio-box .animate {/* close */-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}
#portfolio-box .js .description--grid {display: none;}
#portfolio-box .description a {color: #fff;}
#portfolio-box .description--preview {position: absolute; width: 100%; height: 15.2vh; text-align: center; opacity: 0; padding: 0 0 70px 0;left: 0;bottom: 100%;z-index: 140;font-size: 15px;font-weight: bolder;letter-spacing: 11px;text-transform: uppercase;display: -ms-flex;display: -webkit-flex;display: flex;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);-webkit-transform: translate3d(0, 30px, 0);transform: translate3d(0, 30px, 0);}
#portfolio-box .preview--open .description--preview {opacity: 1;-webkit-transition-delay: 0.2s;transition-delay: 0.2s;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}

/* Close button */
#portfolio-box .action {margin: 0;padding: 0;cursor: pointer;vertical-align: top;color: transparent;border: none;background: none;}
#portfolio-box .action--close {position: fixed;z-index: 150;width: 24px;height: 24px; right: 43px;top: 43px;overflow: hidden;border: none;background: url("../images/icons.svg");background-position: 0 -22px;background-size: 24px;color: transparent;outline: none;opacity: 0;-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transform: scale3d(0.6, 0.6, 1);transform: scale3d(0.6, 0.6, 1);}
#portfolio-box .preview--image-loaded .action--close {opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
#portfolio-box .text-hidden {position: absolute;display: block;overflow: hidden;width: 0;height: 0;color: transparent;}


/* 5 DEFAULT PAGE LAYOUT */
#page-default {background: #f3f3f3; padding: 155px 0 20px 0;}
#page-default article .entry-content p {color: #1a1a1a; line-height: 30px; padding-top: 1%}
#page-default article .entry-content a {color: #939393}
#page-default article .entry-content a:hover {color: #000;}


/* 6 ARCHIVE LIST PAGE */
.archive-grid {position:relative; padding: 63px 94px 0 0; width: 70%;}
.archive-grid h1 {position:absolute; background: #fff; padding-right: 20px; z-index: 2; color: #bbb; font-size: 1em; font-weight: 400; letter-spacing: 3.5px}
.archive-grid .line {position:relative;border: 1px solid #e3e3e3;z-index: 1;top: 11px;}

.page-template-archives-php #page-default {background: #fff;}
.page-template-archives-php .post-page {position: relative; z-index: 1; background: #fff}
.page-template-archives-php .archives-title-bg {background: #fff; padding: 50px 0;}
.page-template-archives-php h2 {color: #1a1a1a; padding-left: 0;}
.page-template-archives-php .archives-list ul {padding: 34px 0 23px 0}
.page-template-archives-php .archives-list ul li a{color: #7b7a81; line-height: 43px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/* effetto lista */
.page-template-archives-php .archives-list ul li a:hover,
.page-template-archives-php .archives-list ul li a:focus {color: #fff;}
.page-template-archives-php .archives-list ul li a {overflow: hidden;}
.page-template-archives-php .archives-list ul li a {position: relative; display: inline-block; text-decoration: none; padding: 0 3px;}
.page-template-archives-php .archives-list ul li a:first-letter {text-transform: uppercase}
.page-template-archives-php .archives-list ul li a:before {position: absolute;top: 0;left: -1px;z-index: -1;width: 100%;height: 100%;background: rgba(0,0,0,.8);content: '';-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transform: scaleY(0.618) translateX(-100%);transform: scaleY(0.618) translateX(-100%);}
.page-template-archives-php .archives-list ul li a:hover:before,
.page-template-archives-php .archives-list ul li a:focus:before {-webkit-transform: scaleY(0.618) translateX(0);transform: scaleY(0.618) translateX(0);}


/* 7 SEARCH PAGE */
#search-page {position: relative; z-index: 1; width: 100%;}
#search-page .page-title, .no-post-found {padding: 0 0 4.3%; font-size: 1.45em}
#search-page .post {padding: 1% 0;}

#search-page .content-wrap {border-bottom: 3px solid #d6d5d3; padding-bottom: 20px}
#search-page .post h2 a {color: #201e2b; font-size: 1em; font-weight: 400!important}
#search-page .post h2 {margin-top: 0;}

.search article .post-date {line-height: 1.5; font-size: 1em; vertical-align: top; text-transform: uppercase; height: 22px; margin-top: .6%;}
.search article .post-date span{color: #b3b3b5; font-weight: 500!important;}

.search .search-author {padding: .85% 0 0; margin-right: 10px; display:inline-block; font-style: normal; text-transform: uppercase; font-size: 1em; color: #b3b3b5; font-weight: 500!important; margin-top: .8%;}
.search .comments-title {padding: .85% 1%; display:inline-block; font-style: normal; text-transform: uppercase; font-size: 1em; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} 
.search .comments-title a {color: #fff;}

.search article .author-cat {color: #b3b3b5; font-size: 1em; margin-top: 2%; padding-left: 30px;}
.search article .author-cat a{margin-left: 0; line-height: 1.8; color:#b3b3b5; font-weight: 500!important;}
.search article .author-cat li a{margin-left: 3px; color: #b3b3b5;}
.search article .author-cat a:hover{color: #201e2b;}

.search .navigation a .prev{padding: 19px 25px 19px 50px;}
.search .navigation a .next{padding: 19px 50px 19px 25px;}
.search .nav-lower .navigation {padding: 50px 0}
.search .nav-lower .navigation a .prev {color: #b3b3b5; font-size: .9em;}
.search .nav-lower .navigation a .next {color: #b3b3b5; font-size: .9em;}


/* 8 404 page */
.page404 {text-align: center; height: 100vh; background: #1a1a1a;}
.page404 .logo404 {margin-top: 25%;}
.page404 .logo404 img {max-width: 100%; height: auto;}
.page404 h2 {position:relative; font-size: 1em; color: #a6a5a5; font-weight: 400; margin-top: 5%;}


.page404 #standard-header {position:relative; width: 100%; z-index: 2; background: #1a1a1a; height: 109px;}
.page404 #standard-header.hover-menu .cd-nav {background: #1a1a1a;}
.page404 #standard-header .arrow-button {width: 25px;height: 18px; border: none; background: transparent url("../images/sprite-arrow.svg"); background-position: -21px -80px; background-size: 64px; color: transparent; outline: none;}

.page404 #standard-header .menu-button .menu-text {color: #fff;}
.page404 #standard-header .menu-button .menu-text:hover {color: #fff; border-bottom: none}
.page404 #standard-header .menu-button .menu-text:hover div {border-bottom: none}

.page404 #standard-header.hover-menu .nav li a {color: #a6a5a5;}
.page404 #standard-header.hover-menu .nav li a:hover {color: #fff;}
.page404 #standard-header.hover-menu .nav li a div,
.page404 #standard-header.hover-menu .nav li a:hover div {border-bottom: none}

.page404 #standard-header.hover-menu .nav .sub-menu {background: #1a1a1a;}
.page404 #standard-header.hover-menu .nav .sub-menu li a {color: #a6a5a5;}
.page404 #standard-header.hover-menu .nav .sub-menu li a:hover {color: #fff;}
.page404 #standard-header.hover-menu .nav .sub-menu:after {border-bottom: 10px solid #1a1a1a;}

.page404 #standard-header.hover-menu .nav .menu-item-has-children > a span {background: url("../images/sprite-dropdown.svg") 0 -19px no-repeat;background-size: 20px;opacity: 0.65;}

/* 9 BLOG PAGE */
#blog-page.classico {background: #fff; clear: both;}
#blog-page.classico .container-article.right {width: 70%; float: left; background: transparent; padding-top: 73px; padding-right: 94px;}
#blog-page.classico .blog-sidebar.right {width: 30%; display: inline-block; background: transparent; padding: 73px 0;}
#blog-page.classico .container-article.left {width: 68%; float: right; background: transparent; padding-top: 73px; padding-left: 94px}
#blog-page.classico .blog-sidebar.left {width: 30%; float: left; background: transparent; padding-top: 73px;}
#blog-page.classico .blog-sidebar .inner {background: #fff; /* padding: 0 0 0 13.29%; */}
#blog-page.classico.simple .container-article {width: 100%; background: transparent; padding-top: 73px; padding-right: 0;}

/* WIDGETS */
.blog-sidebar a {color: #bbb;}
.blog-sidebar .textwidget img {max-width: 100%}
.blog-sidebar .widget {padding-bottom: 79px; margin-bottom: 0;}
.blog-sidebar .widget h4 {color: #1a1a1a; margin-bottom: 28px; padding: 0; clear: both; font-size: 1.5em; font-weight: 400}
.blog-sidebar .widget h4 a{color: #1a1a1a; margin-bottom: 22px; padding: 0; clear: both; font-size: 1.5em; font-weight: 400}
.blog-sidebar .widget li{list-style: disc;  padding: 0 0 30px 0}
.blog-sidebar .widget a:hover {color: #1a1a1a;}
.blog-sidebar .widget_rss p {padding: 3% 0}
.blog-sidebar .widget_rss li:after {content:""; display:block; height: 2px; width: 85px; background: #a5abaf; margin: 20px 0 0}
.blog-sidebar .widget_text p{color: #1a1a1a; font-weight: 400; padding: 0;}
.blog-sidebar .widget_recent_comments li a:before {display: none}
.blog-sidebar .widget li a{color: #1a1a1a; font-weight: 300; letter-spacing: 2px;}

.blog-sidebar.main-sidebar .widget h4,
.blog-sidebar.main-sidebar .widget h4 a {color: #fff;}

.blog-sidebar.main-sidebar .widget li,
.blog-sidebar.main-sidebar .widget li a,
.blog-sidebar.main-sidebar .widget_rss p,
.blog-sidebar.main-sidebar .widget_text p {color: #7b7b7b;}
.blog-sidebar.main-sidebar .widget a:hover {color: #fff}

.main-sidebar footer {padding-top: 7px; position:relative}
.main-sidebar footer a{position: absolute;left: 0;padding-left: 56px;bottom: 24px;}
.main-sidebar a {color: #565656;}

.blog-sidebar .widget .menu-item-has-children > a:after{content:""; display: inline-block; height: 13px; padding-left: 25px; background: url("../images/sprite-dropdown.svg") 0 -2px no-repeat; background-size: 20px; opacity: .85}


/* Cloud Widget */
.blog-sidebar .widget .tagcloud {padding-bottom: 0;}
.blog-sidebar .widget .tagcloud a {margin-top: 9px; margin-right: 15px; font-size: 18px!important; display: inline-block; color: #b1b1b1; font-weight: 300;}
.blog-sidebar .widget .tagcloud a:hover {color: #1a1a1a}

.blog-sidebar .widget .tagcloud a span {float:left; border-bottom: 2px solid transparent; width: 100%; margin-top: 8px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.blog-sidebar .widget .tagcloud a:hover span{border-bottom: 2px solid #1a1a1a;}

.blog-sidebar .widget .tagcloud a:after {content:","}
.blog-sidebar .widget .tagcloud a:last-child:after {content:""}

.blog-sidebar .widget_search label {width: 100%; height: 60px; border: 1px solid #959595; background: transparent; color: #959595; display: block; padding-left: 20px; font-size: 1em;}
.blog-sidebar .widget_search input[type="search"] {z-index: 1;color: #959595;letter-spacing: 1.3px;background: transparent;border: none;width: 85%;height: 100%;right: -29px;position: relative;}
.blog-sidebar .widget_search input[type="search"]:focus,
.blog-sidebar .widget_search input[type="search"]:hover {color: #959595; letter-spacing: 1.3px;}
.blog-sidebar .widget_search input[type="submit"] {position: relative;vertical-align: middle;border: none;width: 25px;height: 20px;background: url("../images/sprite-arrow.svg");background-position: -19px -322px;background-size: 68px;left: 0;margin-left: 19px;top: -41px;padding: 0;}
.blog-sidebar .widget_search input[type="submit"]:hover {width: 25px; height: 20px;}

#main-sidebar .widget_search label {width: 100%; height: 60px; border: 1px solid #525252; background: transparent; color: #959595; display: block; padding-left: 20px; font-size: 1em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#main-sidebar .widget_search label:hover {background: #fff;}
#main-sidebar .widget_search input[type="search"] {z-index: 1;color: #959595; letter-spacing: 1.3px; background: transparent; border: none; width: 85%; height: 100%; right: -30px; position: relative}
#main-sidebar .widget_search input[type="search"]:focus,
#main-sidebar .widget_search input[type="search"]:hover {color: #959595; letter-spacing: 1.3px;}
#main-sidebar .widget_search input[type="submit"] {background: url("../images/sprite-arrow.svg");background-position: -13px -322px; background-size: 68px; margin-left: 16px; top: -41px;}

#main-sidebar ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; opacity: 0;}
#main-sidebar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 0;}
#main-sidebar ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 0;}
#main-sidebar :-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff; opacity: 0;}

.screen-reader-text {display: none}

.blog-sidebar .social-colors {width: 100%;}
.blog-sidebar .social-colors li {margin: 15px 25px 0 -10px; padding: 0;  padding-left: 5px; float: left; list-style: none;}
.blog-sidebar .social-colors span {display: block; width: 34px; height: 34px;}
.blog-sidebar .social-colors span:hover {opacity: .5}


.blog-sidebar .social-colors .facebook-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -408px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .twitter-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1058px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .dribbble-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -320px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .behance-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -82px;background-size: 50px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .deviantart-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -234px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .vimeo-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1139px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .linkedin-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -721px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .fivehundredpx-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -13px;background-size: 64px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .googleplus-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -555px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .instagram-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -634px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .pinterest-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -802px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .flickr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -489px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .youtube-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1220px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .snapchat-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -889px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .blogger-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -150px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.blog-sidebar .social-colors .tumblr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -975px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}


.blog-sidebar.main-sidebar .social-colors span:hover {opacity: 1}
.blog-sidebar.main-sidebar .social-colors .facebook-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -451px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .twitter-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1099px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .dribbble-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -364px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .behance-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -123px;background-size: 50px;}
.blog-sidebar.main-sidebar .social-colors .deviantart-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -275px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .vimeo-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1180px; background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .linkedin-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -762px; background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .fivehundredpx-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -55px;background-size: 60px;}
.blog-sidebar.main-sidebar .social-colors .googleplus-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -594px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .instagram-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -678px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .pinterest-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -843px; background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .flickr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -516px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .youtube-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1252px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .snapchat-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -927px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .blogger-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -189px;background-size: 45px;}
.blog-sidebar.main-sidebar .social-colors .tumblr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1018px;background-size: 45px;}


/* TWITTER Widget */
.blog-sidebar .widget_twitter li{margin: 48px 0 0 0; padding-left: 52px; list-style: none; color: #1a1a1a; text-transform: none; background: url("../images/twitter-widget-sidebar.svg") no-repeat; background-size: 28px}
.blog-sidebar .widget_twitter li a {color: #1a1a1a; font-weight: 500!important; text-transform: none; letter-spacing: initial}
.blog-sidebar .widget_twitter li a:hover {color: #6bc9e4!important; text-transform: none}
.blog-sidebar .widget_twitter li .user {display: none}
.blog-sidebar .widget-twitter #tw-widget .tweet img[aria-label] {height: 1.25em;width: 1.25em;padding: 0 .05em 0 .1em;vertical-align: -0.2em;}



/* Calendar Widget */
#calendar_wrap table,
#calendar_wrap th,
#calendar_wrap td {border: none; border: none;}
#calendar_wrap {background: #fff; border: #a6a6a6 1px solid;}
#wp-calendar {width: 99%; margin: 0 auto; padding-bottom: 2px}
#calendar_wrap caption {margin: 20px; color: #222; font-size: 19px}
#calendar_wrap caption:first-letter{text-transform: uppercase}
#calendar_wrap th {background: #fff; color: #000; text-align: center; }
#calendar_wrap #today {background: #222; border: transparent 1px solid; color: #fff;}
#calendar_wrap td {text-align: center;/* border: #eaeaea 1px solid; */ color: #7e8589;}
#calendar_wrap td a{color: #222}
#calendar_wrap td a:hover {color: #222;}
#calendar_wrap a{color: #222}
#calendar_wrap #prev, #next {color: #222}
#calendar_wrap #prev {text-align: left; padding-top: 10px;}
#calendar_wrap #next {text-align: right; padding-top: 10px;}

tfoot #next,
tfoot #prev, 
tfoot .pad {border: none!important;}


.widget_rss li {list-style: none!important; margin: 55px 0 0 0!important;}
.widget_rss li a{display: block!important; color: #201e2b!important; padding: 0 0!important; font-weight: 500!important; font-size: 1.2em;}
.widget_rss li a:before{display: none!important}
.widget_rss li .rss-date{font-size: .9em; display: block!important}
.widget_rss li .rssSummary {margin: 20px 0; text-transform: none}
.widget_rss li cite {margin: 20px 0 0; text-transform: none; color: #1d252a; font-weight: 500; font-style: normal}
.widget_rss .widget-title {background: #f8975c; width: 181px; height: 50px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.widget_rss .widget-title a:first-child {display: none}
.widget_rss .widget-title a {position:relative;top: 2px;vertical-align: middle;line-height: 2; font-size: 1em!important; padding-left: 60px!important; color: #fff!important;background: url("../images/rss-icon.png") no-repeat;background-size: 21px 15px;background-position: 20px 5.5px;}
.widget_rss .widget-title img {display: none}

.widget_text select,
.widget_archive select,
.widget_categories select {border: #a6a6a6 1px solid; cursor: pointer; padding: 5px;}

.widget_bblfyuserbio {}
.widget_bblfyuserbio h4 {display: none}
.widget_bblfyuserbio .authorbox {text-align: center; padding-bottom: 73px;}
.widget_bblfyuserbio .gravatar img {-webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px;}
.widget_bblfyuserbio .userbio {text-transform: none; color: #605f5f; line-height: 39px; font-weight: 300}

.blog-sidebar.main-sidebar .widget_bblfyuserbio .userbio {color: #7b7b7b;}


/* MENU SIDEBAR POPULAR */
.popular-post-widget .overlay_fade {position:relative; width: 100%; height: 100%;}
.popular-post-widget .overlay_fade img {width: 100%; height: auto; border:none;}
.popular-post-widget .overlay_fade .overlay_zoom {position:absolute; width: 100%; height: 100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0;-webkit-transition:opacity .3s ease-in; -moz-transition:opacity .3s ease-in; -o-transition:opacity .3s ease-in; -ms-transition:opacity .3s ease-in; transition:opacity .3s ease-in; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none;}
.popular-post-widget .overlay_fade:hover .overlay_zoom {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity:1;}
.popular-post-widget article {margin-bottom: 13px}
.popular-post-widget article:last-of-type {margin-bottom: 0}
.popular-post-widget .entry-title,
.popular-post-widget .date time {color: #fff;}
.popular-post-widget .entry-header {position:absolute; bottom: 20px; left: 20px;}
.popular-post-widget .entry-title {font-size: 1.65em;}
.popular-post-widget .more-post {display: none}


/* BLOG ARTICLE */
#blog-page.classico .container-article article {position: relative; padding-bottom: 18%; background: #fff}
#blog-page.classico .container-article article .entry-title {text-align: center; font-size: 2.5em; font-weight: 400; color: #1a1a1a; padding-bottom: 14px}
#blog-page.classico .container-article article .entry-title:hover {text-decoration: underline}
#blog-page.classico .container-article article .post-date {text-align: center; color: #b1b1b1; padding-bottom: 63px; font-weight: 300; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
#blog-page.classico .container-article article .post-date:hover {color: #1a1a1a;}
#blog-page.classico .container-article article p {color: #000; font-size: 15px; line-height: 32px; font-weight: 300; letter-spacing: 1.4px; padding-top: 2%;}
/* #blog-page.classico .container-article article p:first-of-type {padding-top: 0} */
#blog-page.classico .container-article article .entry-summary {padding: 1% 10.8% 0;}
#blog-page.classico .container-article article .entry-summary p iframe {width: 100%;}
#blog-page.classico .container-article article .entry-summary a {color: #1a1a1a; letter-spacing: 1px; font-weight: 400}
#blog-page.classico .container-article article .header-content .post-thumbnail {padding-bottom: 63px}
#blog-page.classico .container-article article .header-content .post-thumbnail img{display: block}
#blog-page.classico .container-article article .section-content {padding: 1% 10.8% 0;}
#blog-page.classico .container-article article .section-content .author-cat {text-align: center; color: #b1b1b1; padding-top: 57px; padding-bottom: 29px}
#blog-page.classico .container-article article .section-content .author-cat a {color: #b1b1b1; font-weight: 300}
#blog-page.classico .container-article article .entry-content .wrap-read-more {width: 100%;text-align: center; /* padding-bottom: 29px */}
#blog-page.classico .container-article article .entry-content .read-more {border: none; background: none; padding: 0;}
#blog-page.classico .container-article article .entry-content .read-more a {color: #1a1a1a; font-size: 14px;}
#blog-page.classico .container-article article a {color: #939393;}
#blog-page.classico .container-article article a:hover {color: #000;}

#blog-page.classico .container-article .section-content h1, 
#blog-page.classico .container-article .section-content h2,
#blog-page.classico .container-article .section-content h3,
#blog-page.classico .container-article .section-content h4,
#blog-page.classico .container-article .section-content h5,
#blog-page.classico .container-article .section-content h6, 
#blog-page.classico .container-article .section-content ul,
#blog-page.classico .container-article .section-content ol {padding-top: 5%;}
#blog-page.classico .container-article .section-content table {margin-top: 4%}

#blog-page.classico .container-article .section-content ul,
#blog-page.classico .container-article .section-content li {list-style: inherit}
#blog-page.classico .container-article .section-content ol {list-style: upper-roman}

#blog-page.classico .container-article .section-content dl, 
#blog-page.classico .container-article .section-content dt, 
#blog-page.classico .container-article .section-content dd {padding-top: 2%;}

#blog-page.classico .container-article .section-content blockquote {border-left: 5px solid #1a1a1a; margin: 2% 0; padding-bottom: 2%; padding-left: 3%}

#blog-page.classico .container-article .format-quote .entry-summary,
#blog-page.classico .container-article .format-quote .section-content {padding: 0;}
#blog-page.classico .container-article .format-quote .author-cat,
/* #blog-page.classico .container-article .format-quote .entry-header, */
#blog-page.classico .container-article .format-quote .entry-content .read-more {display: none}
#blog-page.classico .container-article .format-quote .entry-content blockquote {padding: 120px 30px 39px 30px;}
#blog-page.classico .container-article .format-quote .entry-content blockquote p {font-style: normal; padding: 0; font-size: .9em; color: #fff; text-align: center}
#blog-page.classico .container-article .format-quote .entry-content blockquote p:first-child {font-style: normal; font-size: 1.36em; color: #fff; margin-top: 6px; margin-bottom: 50px;}
#blog-page.classico .container-article .format-quote .entry-content blockquote {background: #1a1a1a url("../images/quote.png") no-repeat 50% 24%; background-size: 32px;}
#blog-page.classico .container-article .format-quote .entry-content blockquote cite a{font-style: normal; padding: 0; font-size: .6em; color: #fff; text-align: center; letter-spacing: 2px; top: 50px; position:relative}

#blog-page.classico .container-article .format-link .post-date,
#blog-page.classico .container-article .format-link .author-cat,
#blog-page.classico .container-article .format-link .entry-content .read-more {display: none;}

#blog-page.classico .container-article .format-link .entry-title {color: #fff; padding-bottom: 2%}
#blog-page.classico .container-article .format-link .entry-content .entry-header a {color: #fff; padding: 0}

#blog-page.classico .container-article .format-link .entry-content {padding: 41px 30px;}
#blog-page.classico .container-article .format-link .entry-content p {font-style: normal; font-size: 1.3em; text-align: center; color: #fff; line-height: 40px; font-weight: 400;}
#blog-page.classico .container-article .format-link .entry-content a {font-style: normal; font-size: .8em; color: #939393; padding: 2% 0 0; display: block}
#blog-page.classico .container-article .format-link .entry-content {background: #1a1a1a}
#blog-page.classico .container-article .format-link .separator {width: 30px; background: #939393; margin: 3% auto 0; height: 1px}

#blog-page.classico .container-article .format-audio.has-post-thumbnail .header-content .post-thumbnail {float: left; width: 50%; padding-right: 40px}
#blog-page.classico .container-article .format-audio.has-post-thumbnail .entry-title {text-align: left; padding: 0; padding-top: 40px; margin-bottom: -10px;}
#blog-page.classico .container-article .format-audio.has-post-thumbnail .section-content,
#blog-page.classico .container-article .format-audio.has-post-thumbnail .entry-summary {padding: 0;}
#blog-page.classico .container-article .format-audio.has-post-thumbnail .entry-summary a {font-size: 14px}

#blog-page.classico .container-article .format-image .section-content {padding: 0;}

#blog-page.classico .container-article .format-gallery .section-content {padding: 0;}
#blog-page.classico .container-article .format-gallery .entry-title {text-align: left; font-size: 2.5em; font-weight: 400; color: #1a1a1a; padding-bottom: 14px}
#blog-page.classico .container-article .format-gallery .post-date {text-align: left; color: #605f5f; padding-bottom: 57px}
#blog-page.classico .container-article .format-gallery .entry-summary {padding: 0; padding-bottom: 63px}

/*#blog-page.classico .container-article .format-video .entry-summary {padding: 0;}*/
#blog-page.classico .container-article .format-video .entry-summary .wp-video {padding-bottom: 63px}

#blog-page.classico .nav-lower {position:relative; clear: both; margin-top: -38px; padding: 0 0 89px 0; text-align: center}
#blog-page.classico .nav-lower .page-numbers {color: #989898; font-size: 1em;margin-right: 33px; padding-top: 0; background: transparent; display: inline-block;}
#blog-page.classico .nav-lower .page-numbers.current:hover,
#blog-page.classico .nav-lower .page-numbers:hover {color: #1a1a1a;}
#blog-page.classico .nav-lower .page-numbers.current {color: #1a1a1a; font-weight: 500; margin-right: 59px;}
#blog-page.classico .nav-lower .page-numbers.dots {background: none; font-size: 30px; vertical-align: bottom; top: 0; position:relative}
#blog-page.classico .nav-lower .page-numbers:last-child {margin-right: 0;}



/* VIDEO PLAYER SKIN */
#blog-page.classico .container-article .wp-video {width: 100%!important; margin-bottom: 0;}
#blog-page.classico .container-article .wp-video .mejs-video .mejs-controls {bottom: 0;}
#blog-page.classico .container-article .wp-video .mejs-container .mejs-controls {background: transparent; visibility: visible; height: 85px;}
.wp-video .mejs-controls .mejs-time-rail .mejs-time-loaded {background: rgba(0,0,0,.1); height: 3px;}
.wp-video .mejs-controls .mejs-time-rail .mejs-time-total,
.wp-video .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {margin: 40px 0 0 0; background: rgba(0,0,0,.1); height: 3px;}
.wp-video .mejs-controls .mejs-play button {margin: 0 0 0 25px; background: url("../images/sprite-player.svg") no-repeat -2px -58px; background-size: 27px; height: 20px; width: 20px; opacity: 1; outline: none}
.wp-video .mejs-controls .mejs-pause button {margin: 0 0 0 25px; background: url("../images/sprite-player.svg") no-repeat -2px -4px; background-size: 27px; height: 20px; width: 20px; opacity: 1; outline: none}
.wp-video .mejs-controls .mejs-volume-button button {margin: 0 0 0 -25px; background: url("../images/sprite-player.svg") no-repeat -2px -112px; background-size: 27px; height: 25px; width: 25px; opacity: 1; outline: none}
.wp-video .mejs-controls .mejs-volume-button.mejs-unmute button {margin: 0 0 0 -25px; background: url("../images/sprite-player.svg") no-repeat -2px -166px; background-size: 27px; height: 20px; width: 20px; opacity: 1; outline: none}
.wp-video .mejs-controls .mejs-fullscreen-button button {margin: 0 0 0 -10px; background: url(""); height: 20px; width: 20px; opacity: 1; outline: none}
.mejs-controls .mejs-time-rail .mejs-time-current {background: #1a1a1a!important;}
.wp-video {width: 100%!important; margin-bottom: 11%;}
.wp-video .mejs-video .mejs-controls {bottom: -29.3%;}
.mejs-poster img {height: 100%;}
.single .wp-video {margin-bottom: 1%;}
.single .wp-video .mejs-video .mejs-controls {bottom: 10%; background: transparent}
.wp-video .mejs-container * {font: 100% "Open Sans", Arial, Helvetica, sans-serif;font-size: 1em!important;}
.wp-video .mejs-container {clear: none;}
.wp-video .mejs-time-float,
.wp-video .mejs-container .mejs-controls .mejs-time {visibility: hidden}
.wp-video .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #ebebeb;height: 3px;}
.wp-video .mejs-controls .mejs-time-rail .mejs-time-current {height: 3px;}
.wp-video .mejs-controls .mejs-volume-button .mejs-volume-slider {background: transparent; margin: 0 0 0 -25px;}
.mejs-overlay-button {width: 54px!important;height: 54px!important;background: url("") no-repeat!important; background-size: cover!important;}
.wp-video .mejs-controls .mejs-play button:hover,
.wp-video .mejs-controls .mejs-pause button:hover,
.wp-video .mejs-controls .mejs-volume-button button:hover,
.wp-video .mejs-controls .mejs-volume-button.mejs-unmute button:hover,
.wp-video .mejs-fullscreen-button button:hover{opacity: 1;}
.mejs-poster img {display: block!important;}
.mejs-poster {overflow: hidden;}
.wp-video .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {background: #ebebeb!important}
.wp-video .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {background: #ebebeb!important}
.mejs-controls .mejs-horizontal-volume-slider {margin: 0 0 0 10px!important; right: 1.5%; position: relative;}
.wp-video .mejs-fullscreen-button,
.wp-video .mejs-controls .mejs-volume-button,
.wp-video .mejs-controls .mejs-pause,
.wp-video .mejs-controls .mejs-play {margin: 37px 0 0 0!important;}
/* END VIDEO PLAYER SKIN */


/* AUDIO PLAYER SKIN */
body .full-ver .mejs-audio {height: 43px!important; background: transparent; padding-bottom: 7.5%; margin-bottom: 0;}
body .full-ver .mejs-audio .mejs-controls {top: 70%; background: transparent!important}
body .full-ver .mejs-audio .mejs-controls .mejs-play button {margin: 0; background: url("../images/sprite-player.svg") no-repeat -2px -56px; background-size: 27px; height: 20px; width: 20px; outline: none}
body .full-ver .mejs-audio .mejs-controls .mejs-pause button {margin: 0; background: url("../images/sprite-player.svg") no-repeat -2px -2px; background-size: 27px; height: 20px; width: 20px; outline: none}
body .full-ver .mejs-audio .mejs-controls .mejs-volume-button button {margin: 0 0 0 -15px; background: url("../images/sprite-player.svg") no-repeat -2px -111px; background-size: 27px; height: 25px; width: 25px; outline: none}
body .full-ver .mejs-audio .mejs-controls .mejs-volume-button.mejs-unmute button {margin: 0 0 0 -15px; background: url("../images/sprite-player.svg") no-repeat -2px -165px; background-size: 27px; height: 20px; width: 20px; outline: none}
.full-ver .mejs-controls .mejs-time-rail .mejs-time-current,
.full-ver .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #fff!important;}
.full-ver .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded,
.full-ver .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total,
.full-ver .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {background: #9d9d9d;}
.full-ver .mejs-container .mejs-controls .mejs-time {opacity: 0}
body .mejs-audio {height: 43px!important; background: #fff; margin-bottom: 10%;}
body .mejs-audio .mejs-controls {top: 70%; background: #fff!important}
.single .mejs-audio .mejs-controls {top: 25%; background: #fff!important}
body .mejs-audio .mejs-controls div.mejs-time-rail {padding-top: 0}
body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {background: #ebebeb; height: 3px;}
body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current {height: 3px;}
body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total,
body .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {background: #ebebeb;margin: 9px 0 0 0;height: 3px; top: 0}
body .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {margin: 9px 0 0 0!important; height: 3px; top: 0}
body .mejs-audio .mejs-horizontal-volume-handle,
body .mejs-audio .mejs-horizontal-volume-total,
body .mejs-audio .mejs-horizontal-volume-current {margin: 9px 0 0 0!important;}
body .mejs-audio .mejs-controls .mejs-play button {margin: 0; background: url("../images/sprite-player.svg") no-repeat -2px -84px; background-size: 27px; height: 20px; width: 20px; outline: none}
body .mejs-audio .mejs-controls .mejs-pause button {margin: 0; background: url("../images/sprite-player.svg") no-repeat -2px -30px; background-size: 27px; height: 20px; width: 20px; outline: none}
body .mejs-audio .mejs-controls .mejs-volume-button button {margin: 0 0 0 -15px; background: url("../images/sprite-player.svg") no-repeat -2px -138px; background-size: 27px; height: 25px; width: 25px; outline: none}
body .mejs-audio .mejs-controls .mejs-volume-button.mejs-unmute button {margin: 0 0 0 -15px; background: url("../images/sprite-player.svg") no-repeat -2px -192px; background-size: 27px; height: 20px; width: 20px; outline: none}
body .mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current {background: #1a1a1a;}
body .mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background: #1a1a1a}
/* END AUDIO PLAYER SKIN */



/* SINGLE BLOG PAGES */
@media only screen and (min-width : 1025px) {
	.single-post #standard-header .menu-block {position: relative; padding: 48px 0; float: left;}
	.single-post #standard-header .menu-block .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
	.single-post #standard-header .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}
	.single-post #standard-header .menu-block .menu-button span{border: none;color: transparent;background: transparent;}
	.single-post #standard-header .menu-block .menu-button span div,
	.single-post #standard-header .hamburger-block .hamburger-button {display: none}
} /* TRASFORMA MENU IN ICONA HAMBURGER - SOLO DESKTOP */

.single-post .parallax-mirror.single-blog-header {background: #201e2b;}
.single-post .parallax-mirror.single-blog-header img {opacity: 1;}

.single-post .single-blog-header .content-title {position: relative; padding: 18% 0;}

.single-post .single-blog-header.no-parallax-window .content-title {padding: 0 0; background: #1a1a1a}
.single-post .single-blog-header.no-parallax-window .content-title h2 {padding: 4.9% 0 1%; text-align: center; font-size: 3em; color: #fff; font-weight: 400}
.single-post .single-blog-header.no-parallax-window .content-title .post-date {padding: 0 0 13.2%; text-align: center; font-size: 1em; text-transform: none; color: #a3a3a3}

.single-post .single-blog-header.no-parallax-window.audio-ver .post-thumbnail {float: left;width: 50%;padding-right: 40px;}
.single-post .single-blog-header.no-parallax-window.audio-ver .entry-content p {color: #fff; line-height: 32px; font-weight: 300; padding: 1% 10.8% 0; letter-spacing: 2px;}

.single-blog-header.no-parallax-window .navigation-post .next-post,
.single-blog-header.no-parallax-window .navigation-post .prev-post {position: absolute;}
.single-blog-header.no-parallax-window .navigation-post .next-post {top: 25%; left: 0; padding-left: 45px}
.single-blog-header.no-parallax-window .navigation-post .prev-post {top: 25%; right: 0; padding-right: 45px}
.single-blog-header.no-parallax-window .navigation-post .next-post a,
.single-blog-header.no-parallax-window .navigation-post .prev-post a{color: #a3a3a3; letter-spacing: 2px;}

.format-video .single-blog-header.no-parallax-window.full-ver .navigation-post .next-post,
.format-video .single-blog-header.no-parallax-window.full-ver .navigation-post .prev-post,
.format-audio .single-blog-header.no-parallax-window.full-ver .navigation-post .next-post,
.format-audio .single-blog-header.no-parallax-window.full-ver .navigation-post .prev-post {top: 13%;}

.format-gallery .single-blog-header.no-parallax-window.full-ver .navigation-post .next-post,
.format-gallery .single-blog-header.no-parallax-window.full-ver .navigation-post .prev-post {top: 15%;}

.single-blog-header.no-parallax-window.full-ver .navigation-post .next-post,
.single-blog-header.no-parallax-window.full-ver .navigation-post .prev-post {top: 17%;}

.single-blog-header.no-parallax-window.full-ver ~ .single-blog-content .grid-3 {top: 0; background: #f3f3f3;}
.single-blog-header.no-parallax-window.full-ver ~ .single-blog-content #comments {padding-bottom: 155px;}

.single-post .single-blog-header.no-parallax-window.full-ver .content-title .post-date {padding: 0 0 3.6%; font-size: 1em; text-transform: none; color: #a3a3a3}
.single-post .single-blog-header.no-parallax-window.full-ver .entry-content {padding: 0 0 5.7%;color: #a3a3a3;}
.single-post .single-blog-header.no-parallax-window.full-ver .entry-content p{padding: 5% 0 0;color: #a3a3a3;}

.single-post .format-quote .single-blog-header.no-parallax-window.full-ver .content-title .post-date {padding: 0 0 4.6%;}
.single-post .format-quote .single-blog-header.no-parallax-window.full-ver .entry-content {padding: 0 0 4.5%;}

.single-post .format-link .single-blog-header.no-parallax-window.full-ver .content-title .post-date {padding: 0 0 5.6%;}
.single-post .format-link .single-blog-header.no-parallax-window.full-ver .entry-content {padding: 0 0 8.5%;}

.single-post .format-quote .single-blog-header.no-parallax-window.full-ver p:first-of-type {padding: 0;}
.single-post .format-quote .single-blog-header.no-parallax-window.full-ver blockquote p {font-style: normal; padding: 0; font-size: .9em; color: #fff; text-align: center}
.single-post .format-quote .single-blog-header.no-parallax-window.full-ver blockquote p:first-child {font-style: normal;font-size: 1.36em; color: #fff; margin-top: 6px; margin-bottom: 50px; line-height: 40px;}
.single-post .format-quote .single-blog-header.no-parallax-window.full-ver blockquote {background: #1a1a1a url("../images/quote.png") no-repeat 50% 24%; background-size: 32px; padding: 120px 30px 39px 30px; margin-top: -5%;}

.single-post .format-link .single-blog-header.no-parallax-window.full-ver .entry-content p {font-style: normal; font-size: 1.3em; text-align: center; color: #fff; line-height: 40px; font-weight: 400;}
.single-post .format-link .single-blog-header.no-parallax-window.full-ver .entry-content a {font-style: normal;font-size: .8em; color: #e5e5e5; padding: 2% 0 0; display: block}
.single-post .format-link .single-blog-header.no-parallax-window.full-ver .entry-content .separator {width: 30px; background: #e5e5e5; margin: 3% auto 0; height: 1px}

.single-blog-content {background: #f3f3f3}
.single-blog-content .grid-3 {background: #fff;position: relative;top: -155px;}

.single-blog-content .entry-header {padding-top: 11.8%; padding-bottom: 8%;}
.single-blog-content .entry-title {text-align: center; font-size: 3em; font-weight: 400; padding-bottom: 4px; color: #1a1a1a; letter-spacing: 2px}
.single-blog-content .post-date {text-align: center; font-size: 1em; font-weight: 300;  color: #434343; letter-spacing: 2px}

.single-blog-content .entry-content {padding: 30px 10.2% 0;}
.single-blog-content .entry-content p {color: #434343; padding-top: 1%; font-weight: 300; line-height: 42px; letter-spacing: 1px}
.single-blog-content .entry-content p:first-child br{display: none}

.single-blog-content .navigation-post {position: relative;margin-top: 160px;margin-bottom: -21px; text-align: center;}
.single-blog-content .navigation-post .grid-3 {background: #f3f3f3;}
.single-blog-content .navigation-post .next-post,
.single-blog-content .navigation-post .prev-post {display: inline-block; padding: 0 42px;}
.single-blog-content .navigation-post .next-post a,
.single-blog-content .navigation-post .prev-post a{color: #222; letter-spacing: 2px}

.single-blog-content .entry-meta {padding-bottom: 10%}

.single-blog-content .authorcat {width: 100%;padding-top: 13%; text-align: center; color: #434343; font-weight: 300; font-size: 1em; display: inline-block;}
.single-blog-content .authorcat a{margin-left: 0; color: #434343; font-weight:300; font-size: 14px;}
.single-blog-content .authorcat a:hover {color: #434343}
.single-blog-content .authorcat h3 {padding-bottom: 3.2%; font-size: 1em; font-weight: 400}

.single-blog-content .post-tag {text-align: center; padding-top: 10%}
.single-blog-content .post-tag .tags-links li {display: inline-block;}
.single-blog-content .post-tag .tags-links li:nth-child(1) {display: inline-block; padding: 0; margin: 0;}
.single-blog-content .post-tag .tags-links li a{color: #434343; font-weight:300; font-size: 14px;}
.single-blog-content .post-tag .tags-links li a:hover{color: #434343}            
.single-blog-content .post-tag .tags-links li s{color: #434343; text-decoration: none; font-weight: 300;}
.single-blog-content .post-tag h3 {padding-bottom: 3.2%; font-size: 1em; font-weight: 400}

.single-blog-content .authorbox {text-align: center; padding-top: 10%}
.single-blog-content .authorbox h4 a{color: #434343; font-weight: 300; font-size: 14px;}
.single-blog-content .authorbox h3 {padding-bottom: 3.2%; font-size: 1em; font-weight: 400}

.single-blog-content h1, 
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5,
.single-blog-content h6, 
.single-blog-content ul,
.single-blog-content ol {padding-top: 5%;}
.single-blog-content table {margin-top: 4%}

.single-blog-content ul,
.single-blog-content li {list-style: inherit}
.single-blog-content ol {list-style: upper-roman}

.single-blog-content dl, 
.single-blog-content dt, 
.single-blog-content dd {padding-top: 2%;}

.single-blog-content blockquote {border-left: 5px solid #1a1a1a; margin: 2% 0; padding-bottom: 2%; padding-left: 3%}
.single-blog-content a:hover {color: #000;}

#footer-single {background: #e5e5e5; width: 100%;}
#footer-single small {display: block; text-align: center;}
#footer-single .site-year{padding: 8.1% 0 8.9%; display: block; color: #1d1d1d;}

#footer-single .social-icon {padding-top: 7%}
#footer-single .social-icon ul {padding-top: 2.9%}
#footer-single .social-icon ul li{display: inline-block; letter-spacing: 2px; margin-right: 19px}

#footer-single .social-icon ul li a{color: #1d1d1d; font-size: .9em}
#footer-single .social-icon p{color: #1d1d1d; font-size: 1em}

#footer-single .social-icon ul li a div {width: 100%; padding: 2px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
#footer-single .social-icon ul li a:hover div {border-bottom: 2px solid #1a1a1a;}

#blog-page.simple ~ #footer-single {background: #fff;}
#blog-page.simple ~ #footer-single .social-icon p{color: #b2b2b2;}
#blog-page.simple ~ #footer-single .social-icon ul li a{color: #b2b2b2;}
#blog-page.simple ~ #footer-single .social-icon ul li a:hover{color: #1a1a1a;}



/* 10 COMMENTS FORM */
#commentform {background: #fff;margin: 26px 12% 0; padding-bottom: 0;}

#comments {margin: 0;}
#comments #respond {clear: both;}
#comments .respond-form {background: #fff;}
#comments .comment-reply-title {background: #f3f3f3; color: #1a1a1a; padding: 7.5% 0; font-size: 52px; text-align: center; font-weight: 400}
#comments .comment-reply-title a {color: #1a1a1a;}
#comments .logged-in-as {background: #1a1a1a; padding: 5% 10%; margin: 5% -10% 0}
#comments .logged-in-as a{text-align: left; color: #fff; margin-bottom: 2%}
#comments .logged-in-as a:last-child{text-align: left; color: #fff; margin-bottom: 2%}
#comments .logged-in-as a:last-child:hover{text-align: left; color: #fff; margin-bottom: 2%}
#comments label {display: block; color: #1a1a1a; font-weight: 400}
#comments .comments-title h2{clear: both; text-align: center; background: #f3f3f3; color: #1a1a1a; padding: 7.5% 0;font-size: 3.5em; font-weight: 400}
#comments .comment-form-comment label {margin: 70px 0 34px 0; font-size: 16px;}

#comments .comment-metadata,
#comments .required,
#comments .comment-form-url,
#comments .comment-notes,
#comments .form-allowed-tags,
#comments .says,
#comments .commentmetadata,
#comments #cancel-comment-reply-link {display: none}

#comments #author,
#comments #email,
#comments #url {position: relative; height: 50px; width: 100%; border: 0;}

#comments input[type=text],
#comments input[type=email]{padding: 0 0; border: none; background: transparent; color: #1a1a1a; outline: 0;line-height: 60px; font-size: 18px}

#comments input:focus, 
#comments textarea:focus {font-style: normal;}

#comments textarea {display:block;width: 100%; margin-top: 0; }
#comments #comment {border: none; resize: none; border-bottom: 3px solid; color: #1a1a1a; line-height: 25px!important; font: 100% "Source Code Pro", Arial, Helvetica, sans-serif;}

#comments .form-submit {width: 100%;text-align: center; margin-top: 64px;}
#comments #submit {border: none; background: #1a1a1a; color: #fff; position:relative; top: 28px; margin: 0; padding: 19px 40px; text-transform: uppercase; letter-spacing: 1px; font-size: .95em}
#comments #submit:hover {background: #1a1a1a; color: #fff;}

.comment-form-email,
.comment-form-author {margin-top: 10%; border-bottom: 3px solid}

/* Comment list */
#comments  a {color: #1a1a1a;}
#comments .comment-list {padding: 1px 0 5% 3%; background: #fff; list-style: none} 
#comments .comment-author {display: inline; color: #1a1a1a; font-size: 22px;}
#comments li,
#comments ol {clear: both!important; margin-left: 0; list-style: none}
#comments .children {margin-left: 90px;}
#comments .commentmetadata {margin: 0 0 0 0; float: right}
#comments .commentmetadata a {color: #272727;}
#comments .comment-awaiting-moderation {color: #272727; margin: 0; font-size: 0.9em;margin-left: 25px; margin-top: 13px}
#comments .fn {color: #1a1a1a;font-style:normal; font-weight: normal; top: 13px; margin-left: 25px; position:relative}
#comments .fn a {color: #1a1a1a;}
#comments .vcard img{background: none; float: left;margin: 0 0 0 -62px; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
#comments .comment-body {width: 80%;margin: 70px 0 0 0;margin-left: 6.3%;}
#comments .children .comment-body {width: 60%; margin: 43px 0 0 0; margin-left: 6.3%;}
#comments .comment-content {margin-top: 48px; margin-left: 25px;}
#comments .comment-content p {line-height: 35px; color: #272727; font-size: 15px}
#comments .reply {margin: 22px 0 0 0; margin-left: 25px}
#comments .comment-reply-link {color: #747474;}
#comments .comment-reply-link:hover {color: #747474;}
#respond #captcha_code {position: relative;height: 50px;width: 155px; margin: 0 0 0 0;border: 1px solid #272727;}
.captchaSizeDivLarge img{-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
#comment-nav-below {padding: 3.3%; color: #747474;}
#comment-nav-below a{color: #747474;}


#standard-header .about-wrap,
.portfolio-page.filter-area .about-wrap {padding-top: 10%;}
#standard-header .about-wrap .logo-wrap,
.portfolio-page.filter-area .about-wrap .logo-wrap {width: 40%; height: auto; display: inline-block; padding-top: 5%; text-align: center}
#standard-header .about-wrap .logo-wrap img,
.portfolio-page.filter-area .about-wrap .logo-wrap img {width: 290px; height: 290px; border-radius: 100%;padding: 0;}
#standard-header .description-wrap,
.portfolio-page.filter-area .description-wrap {width: 58%; padding: 0 0 0 10%; display: inline-block; vertical-align: top}
#standard-header .description-wrap .salut_info,
.portfolio-page.filter-area .description-wrap .salut_info {text-align: left; padding: 0; color: #fff; font-size: 1.35em; padding-bottom: 20%; line-height: 35px;}
#standard-header .description-wrap .info,
.portfolio-page.filter-area .description-wrap .info  {text-align: left; padding: 0; color: #fff; font-size: 1em; font-weight: 300; line-height: 35px;}


.about-wrap .social-colors {display: block; width: 100%; text-align: left;}
.about-wrap .social-colors li,
.portfolio-page .about-wrap .social-colors li {left: -6px;margin: 55px 9px 0 0;padding: 0;display: inline-block;list-style: none;}
.about-wrap .social-colors span {display: block; width: 26px; height: 20px;}
.about-wrap .social-colors span:hover {opacity: .5}

.about-wrap .social-colors .facebook-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -400px;background-size: 40px;}
.about-wrap .social-colors .twitter-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -975px;background-size: 40px;}
.about-wrap .social-colors .dribbble-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -323px;background-size: 40px;}
.about-wrap .social-colors .behance-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -109px;background-size: 45px;}
.about-wrap .social-colors .deviantart-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -245px;background-size: 40px;}
.about-wrap .social-colors .vimeo-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1047px;background-size: 40px;}
.about-wrap .social-colors .linkedin-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -674px;background-size: 40px;}
.about-wrap .social-colors .fivehundredpx-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -48px;background-size: 55px;}
.about-wrap .social-colors .googleplus-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -523px;background-size: 40px;}
.about-wrap .social-colors .instagram-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -600px;background-size: 40px;}
.about-wrap .social-colors .pinterest-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -750px;background-size: 40px;}
.about-wrap .social-colors .flickr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -459px;background-size: 40px;}
.about-wrap .social-colors .youtube-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1116px;background-size: 40px;}
.about-wrap .social-colors .snapchat-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -828px;background-size: 40px;}
.about-wrap .social-colors .blogger-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -171px;background-size: 40px;}
.about-wrap .social-colors .tumblr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -905px;background-size: 40px;}


/* PORTFOLIO PAGE */
.portfolio-page-content {background: #fff}

#standard-header.portfolio-page {position:relative; width: 100%; background: #fff; height: 109px;}
#standard-header.portfolio-page .menu-block {position: relative; padding: 48px 0; float: left;}
#standard-header.portfolio-page .menu-block .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
#standard-header.portfolio-page .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}
#standard-header.portfolio-page .menu-block .menu-button span{border: none;color: transparent;background: transparent;}
#standard-header.portfolio-page .menu-block .menu-button span div {display: none}
#standard-header.portfolio-page .hamburger-span {position: relative; letter-spacing: 3.5px; text-transform: uppercase; margin: 0; padding: 0; width: 14px; height: 12px; border: none; color: #3f3f3f; background: transparent;}

.portfolio-page.background-up,
.portfolio-page.background-down {background:#fff; padding: 1% 0;}

.portfolio-page.filter-area {width: 30%; display: inline-block; background: #fff; position:fixed; z-index: 1}
.portfolio-page.filter-area {position: absolute;/*height: 100%*/;overflow-x: hidden;overflow-y: scroll;direction: rtl;left: -17px; /* posizione la scrollbar a sinistra e la nasconde */}
.portfolio-page.filter-area ul {direction: ltr;} /* riposizionamento sinistra/destra contenuto sidebar */

#portfolio-area.portfolio-page {width: 70%; float:right; background: #fff; padding-right: 1.5%}
#portfolio-area.portfolio-page.version-two {padding-right: 0;}
#portfolio-area.portfolio-page article section {margin-bottom: 18px; margin-right: 18px}
#portfolio-area.portfolio-page.version-two article section {margin-bottom: 0; margin-right: 0}




#portfolio-area.portfolio-page.version-two {width: 75.2%;}
.portfolio-page-content.version-two .portfolio-page.filter-area .logo.valeria-logo {text-align: left; padding-left: 6%}
.portfolio-page-content.version-two .portfolio-page.filter-area {width: 24.8%;}
.portfolio-page-content.version-two .content-shadow:before {background: rgba(0,0,0,0);}

.portfolio-page-content.version-two #main-sidebar {background: #1a1a1a;}
.portfolio-page-content.version-two #main-sidebar #portfolio-filter li {letter-spacing: 3.5px; text-transform: uppercase;}
.portfolio-page-content.version-two #main-sidebar #portfolio-filter li span {color: #5e5e5e;}
.portfolio-page-content.version-two #main-sidebar #portfolio-filter li span:hover {color: #fff;}
.portfolio-page-content.version-two #main-sidebar #portfolio-filter li span:hover div {border-bottom: 2px solid transparent;}
.portfolio-page-content.version-two .blog-sidebar .widget {padding-bottom: 79px;}

.portfolio-page-content.version-two #main-sidebar label {border-radius: 6px; border: solid 1px #6c6c6c;}
.portfolio-page-content.version-two .content-shadow.arrow {display: inline-block;}

#footer-page-portfolio {background: #fff; width: 100%;}
#footer-page-portfolio small {display: block; text-align: center;}
#footer-page-portfolio .site-year{padding: 3.1% 0 12%; display: block; color: #3f3f3f;}

#footer-page-portfolio .social-colors {width: 100%; padding: 12% 0 0 0;}
#footer-page-portfolio .social-colors li {margin: 0 12.7px 0 0; padding: 0; display:inline-block; list-style: none;}
#footer-page-portfolio .social-colors span {display: block; width: 34px; height: 34px; opacity: .2}
#footer-page-portfolio .social-colors span:hover {opacity: 1}
#footer-page-portfolio .social-colors li:last-child {margin: 0 0 0 0;}

#footer-page-portfolio .social-colors .facebook-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -408px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .twitter-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1058px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .dribbble-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -320px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .behance-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -82px;background-size: 50px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .deviantart-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -234px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .vimeo-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1139px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .linkedin-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -721px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .fivehundredpx-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -11px;background-size: 60px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .googleplus-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -555px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .instagram-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -634px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .pinterest-icon{background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -802px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .flickr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -489px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .youtube-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -1220px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .snapchat-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -889px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .blogger-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -150px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#footer-page-portfolio .social-colors .tumblr-icon {background: transparent url("../images/social-icons/social-icons.svg") no-repeat center -975px;background-size: 45px;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

.portfolio-page-content.version-two #footer-page-portfolio {background: #f3f3f3}
.portfolio-page-content.version-two #footer-page-portfolio .social-colors {width: 50%; padding: 2.5% 0; float: right; text-align: right}
.portfolio-page-content.version-two #footer-page-portfolio .social-colors li {margin: 0 12.7px 0 0; padding: 0; display:inline-block; list-style: none;}
.portfolio-page-content.version-two #footer-page-portfolio .social-colors li:last-child {margin: 0 10% 0 0; padding: 0; display:inline-block; list-style: none;}
.portfolio-page-content.version-two #footer-page-portfolio .social-colors span {display: block; width: 34px; height: 34px; opacity: 1}
.portfolio-page-content.version-two #footer-page-portfolio .social-colors span:hover {opacity: .2}
.portfolio-page-content.version-two #footer-page-portfolio .site-year{width: 50%; padding: 3.1% 0 3.1% 5%; text-align: left; float: left; color: #3f3f3f;}
.portfolio-page-content.version-two #footer-page-portfolio .grid-3 {width: 100%; margin: 0;}


/*APP BAR*/
#standard-header.hover-menu.portfolio-page.appbar .cd-nav {background: #2a2a2a;}
#standard-header.portfolio-page.appbar {width: 100%; background: #2a2a2a; opacity: 1}
#standard-header.portfolio-page.appbar.none {display: none}
#standard-header.portfolio-page.appbar.close{z-index: 2; position: fixed; top: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
#standard-header.portfolio-page.appbar.open{z-index: 2; position: fixed; top: 0;-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#standard-header.portfolio-page.appbar.alwaysopen{z-index: 2; position: fixed!important; top: 0;-webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
#standard-header.portfolio-page.appbar .hamburger-span {color: #fff; letter-spacing: 3.5px}
#standard-header.portfolio-page.appbar .menu-block span::before {background: linear-gradient(#fff 20%, transparent 20%, transparent 40%, #fff 40%, #fff 60%, transparent 60%, transparent 80%, #fff 80%);}
#standard-header.hover-menu.portfolio-page.appbar .nav li a {color: #fff;}
#standard-header.hover-menu.portfolio-page.appbar .nav li a:hover {color: #a6a5a5;}

/* HOMEPAGE submenu */
#standard-header.hover-menu.portfolio-page.appbar .nav .sub-menu li a{color: #fff;}
#standard-header.hover-menu.portfolio-page.appbar .nav .menu-item-has-children > a span{background: url("../images/sprite-dropdown.svg") 0 -18px no-repeat; background-size: 20px; opacity: 1}
#standard-header.hover-menu.portfolio-page.appbar .nav .menu-item-has-children:hover > a span{opacity: .65}
#standard-header.hover-menu.portfolio-page.appbar .nav .sub-menu .menu-item-has-children > a span{background: url("../images/sprite-dropdown.svg") 0 -73px no-repeat;background-size: 25px; opacity: 1}
#standard-header.hover-menu.portfolio-page.appbar .sub-menu {background: #2a2a2a;}
#standard-header.hover-menu.portfolio-page.appbar .sub-menu:after {border-bottom: 10px solid #2a2a2a;}

.portfolio-page.filter-area .logo {padding: 16% 0; padding-left: 33px}

.portfolio-page-content .portfolio-loading {display: none;}
.portfolio-page.filter-area li {font-size: 14px; letter-spacing: 3.5px; margin: 0; padding-left: 6%; padding-bottom: 11%; text-transform: uppercase; list-style: none;}
.portfolio-page.filter-area li a:first-letter {text-transform: uppercase}
.portfolio-page.filter-area li a span{color: #989898; display: inline-block; cursor: pointer; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.portfolio-page.filter-area li a:hover {color: #1a1a1a; text-decoration: line-through}
.portfolio-page.filter-area .sub-menu li:first-child {padding-top: 11%;}

.portfolio-page.filter-area #portfolio-filter li {font-size: 14px; letter-spacing: 3.5px;padding-bottom: 11%; text-transform: none; list-style: none;}
.portfolio-page.filter-area #portfolio-filter li span {text-transform: uppercase; color: #989898; display: inline-block; cursor: pointer; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.portfolio-page.filter-area #portfolio-filter li span:hover {color: #1a1a1a; text-decoration: line-through;}

/*.portfolio-page.filter-area li a div {position:relative; width: 100%; padding: 3px 0 0 0; border-bottom: 2px solid transparent; margin: 0 auto; display: block; -o-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.portfolio-page.filter-area li a:hover div {border-bottom: 2px solid #1a1a1a;}
*/


/* 11 - Media Queries */

@media only screen and (min-width : 0) and (max-width : 1024px) {

	.nonBreakingSpace {display: none}

	.grid-1,
	.grid-2,
	.grid-3,
	.grid-4,
	.grid-5,
	.main-grid,
	.grid-about {margin: 0 3.5743%;}

	#standard-header.hover-menu .grid-1 {margin: 0}
	.single-blog-content .grid-3 {margin: 0}
	.single-format-gallery .grid-5 {margin: 0}

	.archive-grid,
	.portfolio-page-content footer,
	.portfolio-page.background-down,
	#standard-header.portfolio-page,
	.single-post #standard-header,
	.appbar {display: none}

	#portfolio-area.portfolio-page.version-two {width: 100%;}
	#portfolio-box .article-container article,
	#portfolio-box .article-container article.bbflyregular,
	#portfolio-box .article-container article.bbflywide_tall {width: 100%!important;}
	#portfolio-box .article-container article img {height: auto!important;}

	#portfolio-box .action--close {right: 20px;top: 31px;}

	.portfolio-page-content #bbfly-loadMore-button {position: absolute; bottom: 60px; height: 60px}
	.portfolio-page-content #bbfly-loadMore-button a {padding: 20px;}
	.portfolio-page-content #bbfly-loadMore-button.isotope-infiniteScroll {bottom: 0;}

	#bbfly-loadMore-button.loading {background-position:95% 50%;}

	#portfolio-area.portfolio-page #bbfly-loadMore-button.isotope-infiniteScroll {
    		height: 60px;
	}

	/* MAIN SIDEBAR */
	#main-sidebar {width: 100%; left: 0; direction: ltr; -webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
	#main-sidebar .sidebar-wrap .inner {padding: 5% 6% 5% 6%;}
	#main-sidebar .widget {padding-bottom: 25px;}

	#main-sidebar #portfolio-filter li {text-transform: uppercase; text-align: center}
	#main-sidebar #portfolio-filter li span {color: #fff;}
	#main-sidebar #portfolio-filter li span:hover {text-decoration: line-through}
	#main-sidebar #portfolio-filter li span div,
	#main-sidebar #portfolio-filter li span:hover div {display: none}

	#main-sidebar .footer-sidebar {text-align: center}
	#main-sidebar a {position:relative;color: #fff; padding: 0}

	.content-close-button {width: 100%; padding: 5%; display: block}
	#close-button {width: 24px; height: 24px; float: right; background: url("../images/icons.svg") ;background-position: 0 -22px; background-size: 24px;}

	/* ABOUT */
	#standard-header.blog .overlay .overlay-close,
	#standard-header.overlay-menu .overlay .overlay-close,
	#standard-header.hover-menu .overlay.about .overlay-close,
	#standard-header.hover-menu .overlay.contacts .overlay-close {right: 10px; top: 10px;}

	#standard-header.hover-menu .nav {display: none}
	#standard-header.hover-menu .cd-nav {z-index: 3;}
	#standard-header.hover-menu .nav.hover {display: block; margin-top: 0; padding-top: 0; padding-bottom: 35px;}
	#standard-header.hover-menu .nav li {display: block; margin-left: 0; padding-top: 35px; letter-spacing: 3.5px}
	#standard-header.hover-menu .nav li a {font-weight: 500; color: #1a1a1a}
	#standard-header.hover-menu .nav li a:hover {text-decoration:line-through}
	#standard-header.hover-menu .nav .menu-item-has-children > a span {opacity: 1;}
	#standard-header.hover-menu .nav .sub-menu {min-width: 100%; padding: 0;}
	#standard-header.hover-menu .nav .sub-menu li {text-align: center; padding: 0;}
	#standard-header.hover-menu .nav .sub-menu li:first-child {padding: 0 0 0 0;}
	#standard-header.hover-menu .nav .sub-menu li:last-child {padding: 0 0 15px 0;}
	#standard-header.hover-menu .nav li a div {display: none}
	#standard-header.hover-menu .sub-menu ul {left: 0;}
	#standard-header.hover-menu .sub-menu {top: 100%;}

	#standard-header.hover-menu .nav.close {display: none}
	#standard-header.hover-menu .nav.open.hover {display: block;}
	#standard-header.simple.hover-menu .nav.hover {margin-top: 0;}

	#standard-header .logo.hover {z-index: 2;}
	.standard-header.lower-menu {display: none} /* menu delle categorie */
	#standard-header.simple {height: 90px;}

	#standard-header .about-wrap {padding-top: 0;}
	#standard-header .about-wrap .logo-wrap {width: 100%; height: auto; display: block; padding: 15% 0; text-align: center}
	#standard-header .about-wrap .logo {width: 150px; height: 150px; padding: 0!important;}
	#standard-header .description-wrap {width: 100%; padding: 0 0 0 0; display: block; vertical-align: top}
	#standard-header .description-wrap .salut_info {text-align: left; padding: 0; font-size: 1em; padding-bottom: 0; line-height: 35px;}
	#standard-header .description-wrap .info {text-align: left; padding: 30px 0 0 0; font-size: .9em; line-height: 35px;}

	#standard-header .overlay {padding: 3.5743%}

	#standard-header .overlay-slidedown {overflow: scroll}

	#standard-header.blog .overlay-slidedown.open .inner,
	.portfolio-page.filter-area .overlay-slidedown.open .inner,
	#standard-header.overlay-menu .overlay-slidedown.open .inner,
	#standard-header.hover-menu .overlay-slidedown.about.open .inner,
	#standard-header.hover-menu .overlay-slidedown.contacts.open .inner {position:relative; top: inherit; bottom: inherit; left: inherit; right: inherit;}

	#standard-header .overlay .title {padding: 10px 0 0 0; font-size: 15px; letter-spacing: 10px;}

	#standard-header .about-wrap .logo-wrap img,
	.portfolio-page.filter-area .about-wrap .logo-wrap img {width: 207px;height: 207px;}

	#standard-header .about-wrap .social-colors {display: block; width: 100%; text-align: center;}
	#standard-header .about-wrap .social-colors li {left: 0;margin: 35px 0 0 0; padding: 0; display: inline-block; list-style: none;}
	#standard-header .about-wrap .social-colors span {display: block; width: 34px; height: 34px;}
	/* ABOUT */


	/* CONTACTS */
	#standard-header .overlay.contacts .info {padding: 50px 0 20px 0; font-size: 1em; line-height: 35px; letter-spacing: 4.5px}
	#standard-header .overlay.contacts .widget-home-contacts input {margin: 30px 0 0 0; font-size: 1em; letter-spacing: 4.5px; width: 100%; border-bottom: 3px solid #fff; color: #fff;}
	#standard-header .overlay.contacts .widget-home-contacts input:hover,
	#standard-header .overlay.contacts .widget-home-contacts input:focus {border-bottom: 3px solid #fff; color: #fff;}
	#standard-header .overlay.contacts .widget-home-contacts textarea {margin: 30px 0 0 0; font-size: 1em; letter-spacing: 4.5px; width: 100%; border-bottom: 3px solid #fff; color: #fff;}
	#standard-header .overlay.contacts .widget-home-contacts textarea:hover,
	#standard-header .overlay.contacts .widget-home-contacts textarea:focus {border-bottom: 3px solid #fff; color: #fff;}
	#standard-header .overlay.contacts .widget-home-contacts input[type="submit"] {border-bottom: none;color: #1a1a1a!important;background: #fff;padding: 20px 0 20px 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
	/* CONTACTS */

	#standard-header .menu-block,
	#standard-header .hamburger-block {display: none}
	#standard-header .block-resp {width: 100%; display: block; background: #f3f3f3}
	#standard-header .block-resp .menu-block,
	#standard-header .block-resp .hamburger-block {display: inline-block!important;}
	#standard-header .block-resp .menu-block {width: 50%; float: right; height: inherit}
	#standard-header .block-resp .hamburger-block {width: 50%; float: left; height: inherit}
	#standard-header .hamburger-menu {position: relative;padding: 14px 0 12px 14px;float: none; top: 2px;}
	#standard-header .menu-button {position: relative;padding: 11px 10px 0 0;float: none;text-align: right; top: 1px;}

	#standard-header.portfolio-page .block-resp .menu-block {width: 10%; float: right; padding: 11px 10px 20px; top: 3px;}
	.portfolio-page.background-up {display: none}

	#standard-header .logo-block {width: 100%;height: inherit;float: none;}

	#standard-header.portfolio-page .valeria-logo,
	#standard-header.portfolio-page .valeria-logo.hover  {padding: 26px 0 0 0!important;}

	#standard-header .valeria-logo,
	#standard-header .valeria-logo.hover {padding: 31px 0 0 0!important;}

	#standard-header.simple .valeria-logo,
	#standard-header.simple .valeria-logo.hover,
	#standard-header.blog .valeria-logo,
	#standard-header.blog .valeria-logo.hover {padding: 44px 0 44px 0!important;}

	#standard-header.portfolio-page.appbar .valeria-logo,
	#standard-header.portfolio-page.appbar .valeria-logo.hover {padding: 44px 0 0 0!important;}
	 
	#standard-header .menu-button .menu-text {color: #1a1a1a;letter-spacing: 3.5px; text-indent: 8.5px;}
	#standard-header {height: 130px}
	.main-content {padding-top: 130px;}

	/* Full Width Menu*/
	#standard-header.overlay-menu .overlay.overlay-slidedown .nav {top: 50%; height: 100%; margin-top: 0; background: #1a1a1a; padding-top: 15px;}
	#standard-header.overlay-menu .overlay.overlay-slidedown .nav li {letter-spacing: 6px; font-size: 1em; margin: 0; padding-bottom: 5px;}
	#standard-header.overlay-menu .overlay.overlay-slidedown .nav.open,
	#standard-header.overlay-menu .overlay.overlay-slidedown .nav.close {display: block}
	.home #standard-header.overlay-menu .overlay.overlay-slidedown .nav li,
	.page #standard-header.overlay-menu .overlay.overlay-slidedown .nav li {padding-bottom: 35px;}

	/*BLOG*/
	#standard-header.blog .widget-search,
	#standard-header.simple .widget-search{display: block; margin: 0 7px;}
	#standard-header.blog .widget-search label,
	#standard-header.simple .widget-search label {width: 100%; height: 60px; border: solid 2px #d2d2d2; background: transparent; color: #959595; display: block; padding-left: 20px; font-size: 1em; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
	#standard-header.blog .widget-search input[type="search"],
	#standard-header.simple .widget-search input[type="search"] {color: #959595; letter-spacing: 1.3px; background: transparent; border: none; width: 85%; height: 100%; right: 0; position: relative}
	#standard-header.blog .widget-search input[type="search"]:focus,
	#standard-header.blog .widget-search input[type="search"]:hover,
	#standard-header.simple .widget-search input[type="search"]:focus,
	#standard-header.simple .widget-search input[type="search"]:hover {color: #959595; letter-spacing: 1.3px;}
	#standard-header.blog .widget-search input[type="submit"],
	#standard-header.simple .widget-search input[type="submit"] {position: relative; vertical-align: middle; opacity: .5; border: none; width: 25px; height: 20px; background: url("../images/sprite-arrow.svg");background-position: -19px -324px; background-size: 68px; left: 0; top: 0;}
	#standard-header.blog .widget-search input[type="submit"]:hover,
	#standard-header.simple .widget-search input[type="submit"]:hover{width: 25px; height: 20px;}

	#standard-header.blog ::-webkit-input-placeholder,
	#standard-header.simple ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; opacity: 0;}
	#standard-header.blog :-moz-placeholder,
	#standard-header.simple :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 0;}
	#standard-header.blog ::-moz-placeholder,
	#standard-header.simple ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #fff; opacity: 0;}
	#standard-header.blog :-ms-input-placeholder,
	#standard-header.simple :-ms-input-placeholder { /* Internet Explorer 10+ */color: #fff; opacity: 0;}

	#blog-page .grid-2,
	#blog-page .grid-4,
	#standard-header.blog .grid-2 {margin: 0;}
	#blog-page.classico .blog-sidebar.right,
	#blog-page.classico .blog-sidebar.left {display: none}
	#blog-page.classico.simple .container-article {padding: 0; padding-top: 13%}
	#blog-page.classico .container-article.right,
	#blog-page.classico .container-article.left {width: 100%; float: none; padding: 0; padding-top: 13%}
	#blog-page.classico .container-article article .entry-title {font-size: 1.8em;}
	#blog-page.classico .container-article article .post-date {padding-bottom: 43px;}
	#blog-page.classico .container-article article .section-content {padding: 1% 3.5743% 0;}
	#blog-page.classico .container-article article .entry-summary {padding: 0 3.5743% 0;}
	#blog-page.classico .container-article article p {color: #818181; font-weight: 400; letter-spacing: 1.6px}
	#blog-page.classico .container-article article .section-content .author-cat {color: #818181;}
	#blog-page.classico .container-article article .section-content .author-cat a {color: #818181; font-size: 15px; letter-spacing: 1.3px; font-weight: 400;}
	#blog-page.classico .container-article .format-gallery .entry-summary {padding: 1% 0 0; padding-bottom: 23px;}
	#blog-page.classico .container-article .format-gallery .entry-title {font-size: 1.8em; padding: 0 3.5743% 0;}
	#blog-page.classico .container-article .format-audio.has-post-thumbnail .entry-title {padding: 0 3.5743% 0; margin-bottom: 20px;}
	#blog-page.classico .container-article .format-audio.has-post-thumbnail .header-content .post-thumbnail {width: 100%; padding-bottom: 20px; padding-right: 0;}
	#blog-page.classico .container-article .format-audio.has-post-thumbnail .entry-summary {padding: 0 3.5743% 0;}
	#blog-page.classico .container-article .format-quote .entry-content blockquote {padding: 60px 30px 30px 30px;}
	#blog-page.classico .container-article .format-quote .entry-content blockquote p:first-child {font-size: 1em; margin-bottom: 10px;}
	#blog-page.classico .container-article .format-quote .entry-content blockquote {background: #1a1a1a url("../images/quote.png") no-repeat 50% 10%;background-size: 32px;}
	#blog-page.classico .container-article .format-link .entry-content {padding: 41px 0;}
	#blog-page.classico .container-article .format-link .entry-content p {font-size: .8em;}
	#blog-page.classico .container-article .format-link .entry-content a {font-size: .9em;}
	#blog-page.classico .nav-lower {margin-top: 0;padding: 0 0 58px 0;}
	#blog-page.classico .nav-lower .page-numbers,
	#blog-page.classico .nav-lower .page-numbers.current {margin-right: 23px;}

	#blog-page.classic #footer-single {display: block;}

	#standard-header.blog,
	#standard-header.simple {width: 100%; height: auto; padding: 0; background: #fff;}
	#standard-header.blog .nav.close,
	#standard-header.simple .nav.close {display: none;}
	#standard-header.blog .nav.open,
	#standard-header.simple .nav.open {display: block; background: #fff; padding: 0 0; clear: both; padding-bottom: 34px; margin-top: -168px; z-index: 2}
	#standard-header.blog,
	#standard-header.simple {width: 100%; padding: 0 0; text-align: center;}
	#standard-header.blog .nav li,
	.standard-header.lower-menu .nav li,
	#standard-header.simple .nav li {display: block;margin: 0; padding: 0; padding-top: 35px;}
	#standard-header.blog .nav li a div,
	#standard-header.simple .nav li a div,
	.standard-header.lower-menu .nav li a div,
	#standard-header.blog .sub-menu li a div,
	#standard-header.simple .sub-menu li a div,
	.standard-header.lower-menu .sub-menu li a div {display: none;}
	#standard-header.blog .nav .sub-menu,
	#standard-header.simple .nav .sub-menu {min-width: 100%; padding: 0; background: #fff}
	#standard-header.blog .nav .sub-menu li,
	#standard-header.simple .nav .sub-menu li {text-align: center; padding: 0;}
	#standard-header.blog .nav .sub-menu li:first-child,
	#standard-header.simple .nav .sub-menu li:first-child {padding: 0 0 15px 0;}
	#standard-header.blog .nav .sub-menu li:last-child,
	#standard-header.simple .nav .sub-menu li:last-child {padding: 15px 0 15px 0;}
	#standard-header.blog .logo-block,
	#standard-header.simple .logo-block {width: 100%; height: initial; float: none; position:relative;}
	#standard-header.blog .logo,
	#standard-header.blog .logo {padding: 0; text-align: center;}

	#standard-header.blog .menu-block,
	#standard-header.simple .menu-block {position: relative; padding: 17px 14px 17px 0; margin: 0; top: -2px}
	#standard-header.blog .menu-block .menu-button,
	#standard-header.simple .menu-block .menu-button {position: relative; margin: 0 0 0 auto; padding: 0; width: 14px; height: 12px;border: none;color: transparent;background: transparent;}
	#standard-header.blog .menu-block span::before,
	#standard-header.simple .menu-block span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}
	#standard-header.blog .menu-block .menu-button span,
	#standard-header.simple .menu-block .menu-button span {border: none;color: transparent;background: transparent;}
	#standard-header.blog .menu-block .menu-button span div,
	#standard-header.blog .hamburger-block .hamburger-button,
	#standard-header.simple .menu-block .menu-button span div,
	#standard-header.simple .hamburger-block .hamburger-button {display: none}


	/* Gestione dei sotto menu */
	#standard-header.blog .sub-menu ul,
	.standard-header.lower-menu .sub-menu ul {left: 0; top: -14px;}
	/* sub menu */

	#standard-header.blog .logo-block {top: 0;}
	#standard-header.blog .logo {padding: 44px 0;!important; top: 0;}

	#standard-header .menu-block-resp {position: relative; display: block; padding: 48px 0; float: right;}
	#standard-header .menu-block-resp .menu-button {position: relative; margin: 0;padding: 0;width: 14px;height: 12px;border: none;color: transparent;background: transparent;}
	#standard-header .menu-block-resp span::before {content: '';position: absolute;top: 0.0em;right: 0.0em;bottom: 0.0em;left: 0.0em;background: linear-gradient(#373a47 20%, transparent 20%, transparent 40%, #373a47 40%, #373a47 60%, transparent 60%, transparent 80%, #373a47 80%);}
	#standard-header .menu-block-resp .menu-button span{border: none;color: transparent;background: transparent;}
	#standard-header .menu-block-resp .menu-button span div {display: none}
	#standard-header .menu-block-resp .menu-text:hover {color: transparent;background: transparent;}
	#standard-header .menu-block-resp .menu-text {text-transform: none; font-size: 0; color: transparent; letter-spacing: 0; text-indent: 0;}

	/*SINGLE BLOG */
	.single-post .arrow-bth {display: block;top: 15px; left: 15px;position: absolute;width: 26px;height: 22px;background: url("../images/sprite-arrow.svg");background-position: -20px -81px;background-size: 66px;}
	.single-post .arrow-bth a {position: absolute;width: 26px;height: 22px;}
	.single-post .nonBreakingSpace {display: block;}
	.single-post .single-blog-header .content-title {padding: 30% 0;}
	.single-blog-header .navigation-post {display: none}
	.single-blog-content .grid-3 {top: 0;}
	.single-blog-content .entry-content {padding: 0 10% 0; padding-top: 11%;}
	.single-blog-content .entry-content p {color: #000; font-weight: 400;line-height: 30px;letter-spacing: 1.6px;}
	.single-blog-content .entry-header {background: #f3f3f3; padding-top: 11%; padding-bottom: 11%;}
	.single-blog-content .entry-header h2{font-size: 22px}
	.single-blog-content .post-date{font-size: 15px; padding-top: 1%}

	#comments .comments-title h2,
	#comments .comment-reply-title {font-size: 1.5em; text-align: left; padding-left: 10%; padding-right: 10%;}
	#comments .comment-reply-title {padding-top: 0;}
	#comments .comment-list {padding: 10px 0 0 0; background: #f3f3f3;padding-left: 10%; padding-right: 10%;}
	#comments .comment-body {width: 100%;margin: 0 0 50px 0;margin-left: 0;}
	#comments .vcard img {margin: 0 0 0 0;}
	#comments .comment-awaiting-moderation {position:relative; margin-left: 85px; top: 13px;}
	#comments .children {margin-left: 5px;}
	#comments .children .comment-body {width: 100%; margin: 43px 0 50px 0; padding-left: 10%;}
	#comments .comment-content {margin-top: 38px; margin-left: 0;}
	#comments .reply {margin: 0 0 0 0;}
	#commentform {background: #f3f3f3; margin: 26px 0 0;padding-bottom: 0;}
	#comments #respond {background: #f3f3f3;}
	#comments #comment {font: 18px Arial, Helvetica, sans-serif;}
	#comments textarea {padding-left: 10%; padding-top: 5%;}
	#comments #comment {border: none;}
	#comments label {margin-left: 0; margin-bottom: 3%; padding-left: 10%; padding-right: 10%;}
	#comments input[type=text],
	#comments input[type=email] {border: none; background: #fff; padding: 13% 0}
	#comments .comment-form-author,
	#comments .comment-form-email {border: none;}
	#comments .logged-in-as {margin: -33px 0 6% 10%;}
	#comments .comment-form-comment label {margin: 0 0 3% 0;}
	#comments .form-submit {width: 100%;text-align: center;margin-top: 0;}
	#comments #submit {width: 100%;border: none; background: #1a1a1a; color: #fff; position:relative; top: 0; margin: 0;padding: 19px 0; text-transform: uppercase; letter-spacing: 1px; font-size: .95em}
	#comments #author,
	#comments #email,
	#comments #url {padding-left: 10%; padding-right: 10%;}

	#footer-single {background: #f3f3f3;}
	#footer-single .social-icon {padding-top: 10%;}
	#footer-single .social-icon ul {padding-top: 7%;}
	#footer-single .social-icon ul li{display: inline-block; letter-spacing: 0; margin: 0 5px; color: #b2b2b2}
	#footer-single .site-year,
	#footer-single .social-icon p,
	#footer-single .social-icon ul li a{color: #b2b2b2;}

	.single-blog-content .navigation-post {display: none}
	.single-post .single-blog-header.no-parallax-window.audio-ver .post-thumbnail {float: none; width: 100%; padding-right: 0; padding-bottom: 6%;}
	.single-post .single-blog-header.no-parallax-window.audio-ver .entry-content p {padding: 1% 0 0; letter-spacing: 2px;}
	.single-post .hamburger-button {display: none}
	.single-post #standard-header .menu-button {padding: 10px 10px 6px 0;}
	.single-post .main-content {padding-top: 0;}

	.single-post .single-blog-header.no-parallax-window .content-title h2 {padding: 11% 0 2%; font-size: 22px}
	.single-post .single-blog-header.no-parallax-window .content-title .post-date {padding: 1% 0 11%; font-size: 15px;}

	.single-blog-content .entry-meta {padding: 0 10% 0; padding-bottom: 10%;}
	.single-blog-content .authorcat {color: #7e7e7e;}
	.single-blog-content .authorcat h3,
	.single-blog-content .post-tag h3,
	.single-blog-content .authorbox h3 {padding-bottom: 3.2%; font-size: 18px;letter-spacing: 1.8px;color: #000;font-weight: 400;}
	.single-blog-content .authorcat a,
	.single-blog-content .authorbox h4 a {margin-left: 0; font-size: 15px;letter-spacing: 1.3px;color: #7e7e7e;font-weight: 400;}
	.single-blog-content .post-tag .tags-links li {margin-left: 5px;}
	.single-blog-content .post-tag .tags-links li a {font-size: 15px;letter-spacing: 1.3px;color: #7e7e7e;font-weight: 400;}

	.single .wp-video .mejs-video .mejs-controls {bottom: 25%;}
	.single-blog-header.no-parallax-window.full-ver ~ .single-blog-content #comments {padding-bottom: 0;}
	.single-format-gallery .single-blog-header.no-parallax-window.full-ver .entry-content {padding: 0;}
	.single-format-gallery .single-blog-header.no-parallax-window .content-title h2 {padding: 16% 0 2%;}
	.single-format-audio .single-blog-header.no-parallax-window.full-ver .content-title .post-date {padding: 0 0 10%;}

	body .mejs-audio {margin-top: 5%; margin-bottom: 19%;}
	body .full-ver .mejs-audio {margin-top: 0; margin-bottom: 9%;}

	.single-post .format-quote .single-blog-header.no-parallax-window.full-ver blockquote p:first-child {font-style: normal;font-size: 1.36em; color: #fff; margin-top: 6px; margin-bottom: 50px; line-height: 40px;}
	.single-post .format-quote .single-blog-header.no-parallax-window.full-ver blockquote {background: #1a1a1a url("../images/quote.png") no-repeat 50% 15%;background-size: 32px;padding: 120px 0 39px 0; margin-top: -5%;}

	/* SINGLE PORTFOLIO */
	#standard-header.portfolio-page.appbar .nav.hover,
	#standard-header.portfolio-page.appbar .nav.open.hover,
	#single-portfolio.version-two .single-portfolio-version-two-header {display: none}

	#single-portfolio #somedialog .nonBreakingSpace,
	#single-portfolio.version-two .header-responsive {display: block;}

	.single-portfolio.version-two {padding-top: 130px}
	#single-portfolio.version-two .carousel-content {width: 100%; padding: 0 0 0 0; float: none}
	#single-portfolio.version-two .entry-content {padding: 0 0 0 0;}
	#single-portfolio.version-two .entry-title {display: block; padding-top: 9%; padding-left: 20px;}
	#single-portfolio.version-two .title-description {display: block; padding-left: 20px;width: 100%;}
	#single-portfolio.version-two .post-tag {display: block; text-align: center}
	#single-portfolio.version-two .tags-links ul {padding: 0% 0 10% 0; font-size: 15px;}
	#single-portfolio.version-two .tags-links li {padding-right: 10px; color: #8a8a8a; text-transform: none; margin-left: 0; margin-right: 0; text-indent: 0; letter-spacing: 3.5px;}
	#single-portfolio.version-two .post-tag button {display: none}
	#single-portfolio.version-two footer {margin: 10% 0 0; padding: 7% 0; text-align: center; background: #000}
	#single-portfolio.version-two footer div {padding-right: 10px; letter-spacing: 3.5px; text-transform: none}
	#single-portfolio.version-two footer div a{color: #fff; font-weight: 400; font-size: 1.1em}
	#single-portfolio.version-two footer .tooltips {padding-left: 50px;}
	#single-portfolio.version-two footer b.tooltips span {left: 8%;}
	#single-portfolio.version-two #standard-header,
	#single-portfolio.version-two footer {display: block;}


	.portfolio-page.filter-area {display: none}
	#portfolio-area.portfolio-page {width: 100%;padding: 0;}
	#portfolio-area.portfolio-page article section {margin-bottom: 0;margin-right: 0;}

	.resp-details .portfolio-filter {margin-top: -2%;}
	.resp-details .portfolio-filter li{text-align: center; color: #fff; letter-spacing: 3.5px; font-size: .9em; margin-left: 0; margin-bottom: 40px}
	.resp-details .portfolio-filter li:hover{text-decoration: line-through}

	#portfolio-box .description--preview {height: 11vh; padding: 0 0 0 0;}

	.dialog,
	.dialog__overlay {z-index: 2;}
	.dialog h1,
	.dialog h2,
	.dialog h3,
	.dialog h4,
	.dialog h5,
	.dialog h6 {color: #fff; font-weight: 300; letter-spacing: 8px; font-size: 1.4em}
	.dialog p {color: #969696; line-height: 25px}
	.dialog button {margin: 20px 0 30px 0;}

	.dialog__content {width: 100%; height: 100%; overflow-y: scroll}
	#single-portfolio .dialog__content .entry-summary {margin: 0 3.5743%; margin-bottom: 3.5743%}

	.grid-single-portfolio-one {margin: 0;}

	#single-portfolio .resp-details {position: fixed; width: 100%; bottom: 0}
	#single-portfolio .resp-details,
	.portfolio-page-content .resp-details {display: block; background: #fff; padding: 20px 0}
	#single-portfolio .resp-details .somedialog,
	.portfolio-page-content .resp-details .somedialog {display: inline-block; width: 40%; text-align: right}
	#single-portfolio .resp-details .somedialog a,
	.portfolio-page-content .resp-details .somedialog a {color: #1a1a1a; font-weight: 600; letter-spacing: 3.5px}
	#single-portfolio .resp-details .arrow-back,
	.portfolio-page-content .resp-details .arrow-back {display: inline-block; width: 50%}	
	#single-portfolio .resp-details .arrow-button {position:relative; margin-left: 20%; top: 2px; width: 22px; height: 17px; border: none;background: transparent url("../images/sprite-arrow.svg");background-position: -20px -202px;background-size: 66px; color: transparent;outline: none;}
	.portfolio-page-content .resp-details .arrow-button {position:relative; margin-left: 20%; top: 2px; width: 22px; height: 17px; border: none;background: transparent url("../images/sprite-arrow.svg");background-position: -20px -258px;background-size: 66px; color: transparent;outline: none;}
	#single-portfolio .resp-details .entry-summary,
	.portfolio-page-content .resp-details .entry-summary {margin: 0 3.5743%;}
	.portfolio-page-content .resp-details {background: rgba(000,000,000,.5); position: fixed; width: 100%; bottom: 0}
	.portfolio-page-content .resp-details .somedialog a {color: #fff;}
	#single-portfolio .resp-details .entry-summary .nonBreakingSpace {display: block;}
	#single-portfolio .resp-details .dialog h1,
	#single-portfolio .resp-details .dialog h2,
	#single-portfolio .resp-details .dialog h3,
	#single-portfolio .resp-details .dialog h4,
	#single-portfolio .resp-details .dialog h5,
	#single-portfolio .resp-details .dialog h6 {color: #1a1a1a;font-weight: 400;letter-spacing: 3.1px;font-size: 1.4em;}
	#single-portfolio .resp-details .entry-summary {padding: 0 15px; padding-bottom: 15%}
	#single-portfolio .resp-details .entry-summary p {font-size: 15px;letter-spacing: 3.1px;color: #000; line-height: 35px; font-weight: 500; text-align: left}
	#single-portfolio .resp-details .entry-title {text-align: center; font-size: 22px; margin-bottom: 16%; letter-spacing: 3.5px}

	#single-portfolio .resp-details .dialog__overlay {background: #fff;}
	.portfolio-page-content .resp-details .dialog__overlay {background: rgba(000,000,000,.87);}

	#single-portfolio .resp-details .dialog__content,
	.portfolio-page-content .resp-details .dialog__content {text-align: right;}

	#single-portfolio .resp-details .dialog button {width: 22px;height: 22px;margin-top: 22px;margin-right: 0;text-align: right!important;overflow: hidden;border: none;background: url("../images/sprite-arrow.svg");background-position: -19px -19px;background-size: 66px;color: transparent;outline: none;}
	.portfolio-page-content .resp-details .dialog button {width: 22px;height: 22px;margin-top: 22px;margin-right: 22px;text-align: right!important;overflow: hidden;border: none;background: url("../images/icons.svg");background-position: 0 -22px;background-size: 25px;color: transparent;outline: none;}
	#single-portfolio .resp-details #somedialog-share.dialog .entry-summary button {width: 22px;height: 22px;margin-top: 22px;margin-right: 0;text-align: right!important;overflow: hidden;border: none;background: url("../images/sprite-arrow.svg");background-position: -21px -142px;background-size: 66px;color: transparent;outline: none;}

	.single-portfolio.version-two .tooltips {display: inline-block;}

	#single-portfolio #standard-header,
	#single-portfolio footer {display: none}
	#single-portfolio.version-one img,
	#single-portfolio.version-one three {margin-top: 0; margin-bottom: 0; padding-bottom: 0;}

	.resp-share {position: relative; bottom: 0; text-align: center; width: 100%; background: #f0f0f0; margin-top: 0; padding: 20px 0}
	.resp-share a {color: #1a1a1a; font-weight: 600; letter-spacing: 3.5px}

	#single-portfolio #somedialog-share .entry-title {text-align: center; font-size: 22px; letter-spacing: 3.5px}
	#single-portfolio #somedialog-share .share-buttons {width:100%; margin: 14% 0;}
	#single-portfolio #somedialog-share .share-buttons li {display: block; width: 55px; height: 55px; padding: 0 0 0 0; margin: 0 auto 30px auto;}
	#single-portfolio #somedialog-share .share-buttons .share-twitter{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -25px -225px;}
	#single-portfolio #somedialog-share .share-buttons .share-facebook{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -25px -24px;}                 
	#single-portfolio #somedialog-share .share-buttons .share-googleplus{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -24px -124px;}
	#single-portfolio #somedialog-share .share-buttons .share-twitter:hover{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -25px -225px;}
	#single-portfolio #somedialog-share .share-buttons .share-facebook:hover{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -25px -24px;}
	#single-portfolio #somedialog-share .share-buttons .share-googleplus:hover{background: transparent url("../images/social-icons/sprite-share-resp.svg") no-repeat center;background-position: -24px -124px;}

	.single-portfolio.version-three {padding-top: 0}
	#single-portfolio.version-three .left-content {display: none; float: none;}
	#single-portfolio.version-three .right-content {width: 100%; float: none;}
	#single-portfolio.version-three .right-content .inner{padding: 0;}
	#single-portfolio.version-three .right-content .inner img {width: 100%;}
	#single-portfolio.version-three .right-content .inner .LinkImg {margin-bottom: 0;}

	/* SINGLE PORTFOLIO */

/* Single Portfolio Vertical Image with RoyalSlider */
#single-portfolio .rsDefault,
#single-portfolio .rsVisibleNearbyWrap {position:relative; height: 115vh!important;}
#single-portfolio .rsContainer {transform: translate3d(0px, 0px, 0px)!important;}
#single-portfolio .rsDefault .rsSlide{position:relative;height: auto!important;left: 0!important;overflow: inherit!important;}
#single-portfolio .rsDefault .rsSlide img{width: 100%!important;height: auto!important;margin-top: 1px!important;margin-left: 0px!important;opacity: 1!important;}
#single-portfolio .rsOverflow {width: 100%!important;height: 100%!important;margin-left: 0!important;}
#single-portfolio .rsContent {position: relative!important;height: auto!important;}


#standard-header.hover-menu .nav li a:hover {text-decoration:none}
#standard-header.hover-menu .nav li.open a:hover {text-decoration:line-through}
#standard-header.hover-menu li:hover > .sub-menu {visibility: hidden;opacity: 0;}
#standard-header.hover-menu li.open:hover > .sub-menu {visibility: visible;opacity: 1;z-index: 3;}

.single-portfolio .owl-carousel .owl-item {float: none}
.single-portfolio .owl-stage {transform: initial!important; transition: initial!important; width: initial!important;}
.single-portfolio .owl-controls {opacity: 0; visibility: hidden;}

} /* end media query 0 - 1024 */


@media only screen and (min-width : 500px) and (max-width : 1024px) {

	#portfolio-box .article-container article.bbflywide_tall {width: 50%!important;}
	#portfolio-box .article-container article.bbflyregular {width: 50%!important;}
	#portfolio-box .article-container article.bbflylandscape {width: 100%!important;}
	#portfolio-box .article-container article.bbflyportrait {width: 50%!important;}

	#portfolio-box .article-container.masonry article.bbflywide_tall {width: 100%!important;}
	#portfolio-box .article-container.masonry article.bbflyregular {width: 100%!important;}
	#portfolio-box .article-container.masonry article.bbflylandscape {width: 100%!important;}
	#portfolio-box .article-container.masonry article.bbflyportrait {width: 100%!important;}

	#portfolio-box .article-container article img {height: auto!important;}

img.size-full, img.size-large, .wp-post-image, .post-thumbnail img {
    width: 100%;
    height: auto;
}

} /* end media query 500 - 1024 */


@media only screen and (min-width : 1025px) and (max-width : 1400px) {

	#standard-header .about-wrap,
	.portfolio-page.filter-area .about-wrap {padding-top: 7%;}

	#standard-header .about-wrap .logo,
	.portfolio-page.filter-area .about-wrap .logo {width: 290px; height: 290px; border-radius: 100%;padding: 0;}

	#standard-header .description-wrap .salut_info, .portfolio-page.filter-area .description-wrap .salut_info {padding-bottom: 15%;}
	#standard-header .overlay .info, .portfolio-page.filter-area .overlay .info {}

	#single-portfolio.version-two .title-description {width: 50%;}

	.widget-home-contacts input,
	.widget-home-contacts textarea{margin: 50px 0 0 0;}
	.widget-home-contacts input[type="submit"] {margin: 50px auto 0;}
	.widget-home-contacts textarea {width: 500px; height: 100px;}

	.portfolio-page.background-up,
	.portfolio-page.background-down {display: none}

	.dialog button {margin: 109px 0 30px ;}
	.dialog p {line-height: 30px;}

} /* end media query 1025 - 1400 */