html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}
html {
	font-size: 16px;
}
body {
	line-height: 1;
}
b {
	font-weight: bold;
}
ol,
ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------
		GENERAL
   --------------- */
.no-decoration{
    text-decoration:none;
}

/* width */

::-webkit-scrollbar {
	width: 10px;
	background: #555555;
}
/* Track */

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #555555;
	border-radius: 10px;
}
/* Handle */

::-webkit-scrollbar-thumb {
	background: #303030;
	border-radius: 10px;
}
/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
	background: #303030;
}
.bg-overlay {
	position: absolute;
	background-color: black;
	width: 100%;
	height: 100%;
}
.no-marg {
	margin: 0!important;
}
.no-marg-right {
	margin-right: 0!important;
}
.no-marg-left {
	margin-left: 0!important;
}
.no-marg-top {
	margin-top: 0!important;
}
.no-marg-bottom {
	margin-bottom:0!important;
}
.no-padd-right{
	padding-right:0!important;
}
.marg-5px {
	margin-right: 7px;
}
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/* ----------------
   GENERAL 2
------------------*/
.container-general > div{
    overflow:hidden;
}
html,
body {
	width: 100%;
	height: 100%;
	background: white;
}
button:focus,
input:focus {
	outline: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	border: 1px solid orange!important;
	-webkit-text-fill-color: black;
	-webkit-box-shadow: 0 0 0px 1000px orange inset;
	transition: background-color 5000s ease-in-out 0s;
	border-bottom-color: #867c7c!important;
	font-size: 0.83rem!important;
}

/* ------------------------
	GENERAL
----------------------------*/
.center{
    text-align:center;
    font-size: 2rem;
}
.space-down{
    margin-bottom:30px;
}
.bg-overlay-about {
position:absolute;
background:black;
width: 100%;
}
.container-general{
position:relative;
width:100%;
background:white;
}
.bg-white{
background:white;
}
/* -----------------------
		  NAV
-----------------------------*/
.nav{
position:fixed;
width:100%;
top:0%;
height:auto;
background:black;
z-index:0;
display:flex;
opacity:0;
padding:5px 0;
}
.logo-nav{
position:relative;
width:50%;
display:flex;
align-items:center;

}
.logo-nav img{
position:relative;
width:18%;
height:auto;
left:3%;
}
.link-nav{
position:relative;
width:50%;
display:flex;
align-items:center;
justify-content:flex-end;
}
.link-sec{
padding-right:2%;
display:flex;
flex-wrap:wrap;
}
.link-sec a{
position:relative;
text-decoration:none;
color: white;
text-align:center;
font-family: 'Old Standard TT', serif;
text-transform:capitalize;
margin-left:20px;
}

.nav{
    flex-direction: column;
}
.show{
        display:flex!important;
        padding: 20px 0;
        height:auto;
        -webkit-transition: all 0.3 ease-out;
        -moz-transition: all 0.3 ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
        justify-content:center;
    }
.strip{
    position:relative;
    display:flex;
    align-items:center;
    font-size:0.8rem;
    justify-content: flex-end;
    padding: 15px 20px 15px 0;
    font-family: 'Old Standard TT', serif;
}
/* -----------------------
		  END NAV
-----------------------------*/
/* -----------------------
		  SEZ-BLOCK
-----------------------------*/
.block-header{
position:absolute;
top:0%;
width:200px;
background: black;
z-index:1;
min-height:100vh;
}
#head , #head > div{
    transition: none;
}
.box-header,.box-footer{
position:relative;
width:100%;
display:flex;
justify-content:center;
align-items:center;
} 
.box-header img{
width:60%;
height:100%;
}
.box-header-center{
position:relative;
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}
.link-ancor{
display:flex;
flex-direction:column;
align-items:center;
line-height: 23px;
}
.box-header-center a{
text-decoration:none;
margin-top:20px;
color: white;
text-align:center;
font-family: 'Old Standard TT', serif;
text-transform:capitalize;

}
#inverted-flex{
display:flex;
flex-direction:column;
justify-content:flex-end;
padding-bottom:10px;
}
.social-ic{
text-align:center;
padding-bottom:15px;
}
.social-ic i{
font-size:1rem;
color:white;
padding: 0 5px;
}
.copy p{
font-family: 'Old Standard TT', serif;
font-size:0.8rem;
text-align:center;
color:white;
}
/*SLIDER */
.container-header{
position:relative;
width:calc(100% - 200px);
float:right;
z-index:0;
background:url("../intro/sfondo.jpg");
background-size:cover;
background-position: 0 0;
display:flex;
align-items:center;
justify-content:center;
z-index:0;
min-height:100vh;
}
.container-header .bg-overlay{
    opacity:0.4;
    z-index:-1;
}
.container-header-inner{
    display: flex;
    color: white;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    height: auto;
    font-size: 3rem;
    line-height: 50px;
    font-weight: bold;
    font-family: 'Cinzel Decorative', cursive;
    position: absolute;
    right: 3%;
    bottom: 8%;
}
.stamp{
    color:yellow!important;
}
.header-minor{
    font-size:2rem;
}
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}


.dot {
  height: 3px;
  width: 20px;
  margin: 0 2px;
  background-color: white;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: orange;
}

/* Fading animation */

@-webkit-keyframes fade {
0% {opacity: 0;}
85%{opacity:0.5;}
100%{ opacity:0;}
}

@keyframes fade {
0% {opacity: 0;}
85%{opacity:0.5;}
100%{ opacity:0;}
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5s;
  animation-name: fade;
  animation-duration: 5s;
  animation-fill-mode:forwards;
}

@-webkit-keyframes flash {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-moz-keyframes flash {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@-o-keyframes flash {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes flash {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}
.flash{
    -webkit-animation: flash 1.5s infinite; /* Safari 4+ */
    -moz-animation: flash 1.5s infinite; /* Fx 5+ */
    -o-animation: flash 1.5s infinite; /* Opera 12+ */
    animation: flash 1.5s infinite; /* IE 10+, Fx 29+ */
}

.box-dot{
position:absolute;
bottom:2%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.changeimg1{
object-position:0 80%!important;
}
.changeimg2{
object-position:0 30%!important;
}

/* --- MODIFY IMPORTANT */
.fade-out {
    opacity:0;
    transition:.5s all ease-in-out;
}
.fade-in {
    opacity:1;
    transition:0.5s all ease-in-out;
}
/* ---- END MODIFY IMPORTANT */
/* ------------------
		ABOUT
-------------------*/

.about-container{
position:relative;
width:100%;
height:auto;
display:flex;
flex-direction:column;
flex-wrap:wrap;
background-image:url("../intro/history.jpg");
background-size:cover;
color:white;
z-index:0;
overflow-x:hidden;
}
.about-container .bg-overlay-about{
opacity:0.6;
z-index:-1;
}
.about-desc{
position:relative;
width:50%;
font-family: 'Old Standard TT', serif;
text-align:center;
padding:60px;
}
.about-desc-title{
font-size:2rem;
font-weight: 700;
}
.about-desc-subtitle{
position:relative;
font-size:1.2rem;
line-height:20px;
padding-top:20px;
}

.box-photo-description{
position:relative;
width:50%;
float:left;
font-family: 'Old Standard TT', serif;
font-size:1rem;
line-height:30px;
padding:0 40px 40px 40px;
display:flex;
justify-content:center;
align-items:center;
text-align:justify;
}

/* PORTFOLIO */
.desc-portf{
position:relative;
padding:50px;
text-align:center;
font-size:2rem;
font-family: 'Old Standard TT', serif;
font-weight: 700;
color:black;
background:white;
}
.desc-portf2{
position:relative;
padding:50px;
text-align:center;
font-size:1.7rem;
font-family: 'Old Standard TT', serif;
font-weight: 400;
color:black;
background:white;
}
.stampart{
    width:60%;
}
.up-to-work{
padding:20px 0;
font-size:1rem;
font-weight:100;
}
.top{
position:relative;
display: flex;
flex-direction: column;
align-items: center;
margin:0 auto;
padding:0 50px;
}
.row-container{
display:flex;
justify-content: center;
width: 100%;
font-family: 'Old Standard TT', serif;
}
.foto{
    position: relative;
    width: 50%;
    text-align: left;
    min-height: 70vh;
    background: #ff9292;
    color: black;
    font-weight: bold;
    padding: 20px 0;
}
.foto > p{
    margin-top:20px;
}
.container-foto{
    width: 90%;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size:1.2rem;
    overflow:hidden;
}
.foto2{
    position: relative;
    width: 50%;
    height: auto;
    background: #565656;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b6b6b6;
    font-weight: bold;
    font-size: 1.2rem;
    padding:20px 0;
}
.foto2 a{
    color:orange;
}
.distance-word{
    line-height:20px;
}
.change-distance{
    line-height:36px;
}
.medium-distance{
    line-height:25px;
}
.mod-padd-cert{
    margin:20px 0;
}
.foto img{
position: relative;
width: 100%;
height: 100%;
object-fit:cover;
}
#anagrafe-decentrata{
    background: url("../intro/anagrafe.jpg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 70vh;
    width: 100%;
}
#mod-row{
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}
.i100{
    width: 100%;
    height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.sp{
position:relative;
width:100%;
color:white;
font-size:1.2rem;
font-family: 'Raleway', sans-serif;
}
.tspace{
margin-top:2%;
font-size:0.7rem;
text-transform:uppercase;
font-family: 'Raleway', sans-serif;
color:orange;
}

.section-contact {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 40px 50px 0 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Old Standard TT', serif;
    font-style: italic;
}
.special-contact {
	color: black!important;
	font-size: 1.8rem;
    text-align:center;
}

.box-box {
	position: relative;
	width: 100%;
	display: flex;
	padding: 4% 0!important;
}
.box-box:first-child {
    padding-top:0!important;
}
.box-box1 {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	float: left;
	justify-content: flex-end;
}
.box-box2 {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
	padding-left: 8px;
    font-family: 'Old Standard TT', serif;
}
.box-box2 a {
	text-decoration: none;
	color: black;
}
.box-port-container {
	padding: 1% 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.box-port-inner {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
}
.space-icon-portfolio {
	display: flex;
	width: 20px;
	padding-right: 7px;
	align-items: center;
	justify-content: center;
}
.space-icon-album-description{
	display: flex;
    padding-left: 8px;
}
.box-inn-map {
	position: relative;
	width: 85%;
	margin: 3% auto 3% auto;
}
.box-map {
	position: relative;
	width: 48%;
	height: 60vh;
	float: left;
	margin-right: 2%;
}
.box-contact {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: white;
}
.iframe {
	width: 100%;
    height:100%;
}
.w125 {
	font-size: 0.9rem;
	width: 100%;
}
.w2{
    font-size:1.2rem;
    margin-top:-3px;
}
::-webkit-input-placeholder {
	color: black;
	font-size: 0.9rem!important;
	font-family: 'Economica', cursive;
}
textarea {
	resize: none;
	outline: none;
}
.bord {
	border: 1px solid black;
	border-radius: 4px;
	border-width: thin;
}
.subm {
	width: 100%;
	border-radius: 4px;
	border-width: thin!important;
	background: white;
	border: 1px solid black;
	font-family: 'Economica', cursive;
	text-transform: uppercase;
	cursor: pointer;
}
#anagrf{
    text-transform:capitalize!important;
}
/*
#anagrf:before {
    content: "new";
    position: relative;
    color:black;
    background:gold;
    text-transform:lowercase;
    padding:0 10px;
    -webkit-animation: flash 1.5s infinite;
  -moz-animation: flash 1.5s infinite; 
  -o-animation: flash 1.5s infinite; 
  animation: flash 1.5s infinite; 
  font-weight:bold;
}
*/
.section-portfolio{
    width:100%;
    padding:0 50px;
}
.portf-inner{
    display:flex;
    margin:0 auto;
    flex-wrap:wrap;
}
.photo{
    width: 100%;
}
.photo2{
    width: 100%;
}
.photo img{
    width:100%;
    position:relative;
}
.photo2 img{
    width:100%;
    height:100%;
    position:relative;
    object-fit:contain;
}

.news-container{
    display: flex;
    width: 33%;
    margin: 0 auto;
}
.news-container:nth-child(3n+1), .news-container:nth-child(3n+0){
  margin: 0!important;
}
.news-container:last-child{
    margin-left:5px;
}
.cont-descr{
    border: 1px solid black;
    padding: 10px 0;
    margin: 0 0 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size:1.3rem;
    font-family: 'Old Standard TT', serif;
    border-width:thin;
}

.button_load {
	text-align: center;
	margin: 30px 0;
	display: flex;
	align-items: center;
    justify-content: center;
    width:100%;
}
#view_all {
	display: block;
	background: none;
	border-color: black;
	border-width: thin;
	padding: 10px;
}
#view_all a {
	color: red;
	text-transform: uppercase;
	font-size: 0.7rem;
	font-weight: bold;
	text-decoration: none;
}
.descr{
    font-family: 'Old Standard TT', serif;
}






/* media queriess -------- */
@media (max-width: 1366px) and (orientation:portrait){
    .block-header{
        display:none;
    }
    .container-header{
        width: 100%;
    }
    .nav{
        position:fixed!important;
        top:0%;
        display:flex!important;
        z-index:99999!important;
        opacity:1!important;
        flex-wrap:wrap;
    }
    .logo-nav img{
        width: 25%;
    }
    #bars{
        position: absolute;
        font-size: 2rem;
        right: 6%;
        color: white;
    }
    .link-nav{
        position:relative;
        width:100%;
        padding:3% 0;
        text-align:center;
        display:none;
    }
    .logo-nav{
        width:100%;
    }
    .link-sec{
        flex-direction: column;
        font-size: 1.2rem;
    }
    .link-sec a{
        margin-top:20px;
    }
    .container-header-inner{
        font-size:2.5rem;
        bottom:6%;
    }
    .header-minor{
        font-size:1.5rem;
    }
    #fototecnica{
        padding-left: 20px;
    }
    .about-desc{
        width: 100%;
    }
    .box-photo-description{
        width: 100%;
    }
    .top,.section-portfolio{
        padding: 0;
    }
    .row-container{
        flex-wrap: wrap;
    }
    .foto,.foto2{
        width: 100%;
        min-height: auto;
        padding: 30px 0px;
    }
    .container-foto > p{
        text-align:center;
    }
    .reverse-flex{
        flex-direction:column-reverse;
    }
    .table-tr{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .full{
        width: 100%;
        text-align: center;
    }
    #anagrafe-decentrata{
        min-height: 35vh;
    }
    .container-foto > p:not(.center){
        text-align:left;
    }
    .container-foto > p:first-child{
        line-height: 37px;
    }
    #rilega{
        text-align:center;
    }
    .news-container{
        width: 100%;
    }
    .section-contact{
        padding: 40px 20px 0 20px;
    }
    .box-inn-map{
        position: relative;
        width: 100%;
        height: auto;
        margin: 3% auto 3% auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .box-map,.box-contact{
        width: 100%;
    }
    .box-map{
        margin-top: 10px;
    }
    .box-port{
        padding-bottom: 30px;
    }

}

@media (min-width:560px) and (max-width:1025px) and (orientation:portrait){
	.news-container{
		width:50%!important;
		margin:0!important;
	}
	.news-inner{
		width:98%;
    }
    .logo-nav img{
        width: 7%;
    }
    #bars{
        position: absolute;
        font-size: 1.7rem;
        right: 6%;
        color: white;
    }
    .link-nav{
        position:relative;
        width:100%;
        padding:3% 0;
        text-align:center;
        display:none;
    }
    .logo-nav{
        width:100%;
    }
    .link-sec{
        flex-direction: column;
        font-size: 1.2rem;
    }
    .link-sec a{
        margin-top:20px;
    }
    .box-inn-map{
        position: relative;
        width: 100%;
        height: auto;
        margin: 3% auto 3% auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .box-map,.box-contact{
        width: 100%;
    }
    .box-map{
        position: relative;
        height: 350px;
        float: left;
        margin-right: 2%;
        margin-top: 37px;
    }

}


@media (min-width:1600px) and (orientation:landscape){
    html,body{
		font-size: x-large;
		
    }
    .container-foto{
        line-height: 39px;
    }
}
@media (min-height:900px) and (orientation:landscape){
    .container-foto,.box-photo-description{
        line-height: 4vh;
        font-size:1.3rem;
    }
}
@media (orientation:portrait){
	.container-general,.container-header{
		height:100%!important;
		min-height:0!important;
		max-height:100%!important;

	}
	.stampart{
        width:100%;
    }
}
@media (min-width:600px) and (max-width:1300px) and (orientation:landscape){
    .box-port-inner{
        padding-left: 36px;
    }
}
@media (min-width:600px) and (max-width:1300px) and (orientation:portrait){
    .box-port-inner{
        padding-left: 36px;
    }
    .container-foto > p:not(.center){
        text-align:center!important;
    }
    .foto,.foto2{
        min-height: 50vh!important;
    }
    .about-container{
        position:relative;
        width:100%;
        min-height:75vh!important;
        align-items: center;
        justify-content: center;
        font-size: 2rem;
        }
        .about-container .bg-overlay-about{
        opacity:0.6;
        z-index:-1;
        min-height:75vh!important;
        }
        .box-photo-description{
            font-size: x-large;
        }
        .distance-word {
            line-height: 33px;
        }
}
@media (min-width:1300px) and (min-height:800px) and (orientation:landscape){
    .box-port-inner{
        line-height: 40px;
        padding-left: 36px;
    }
}
@media (orientation:landscape){

    .logo-nav img{
        width: 7%;
    }
    #bars{
        position: absolute;
        font-size: 1.7rem;
        right: 3%;
        color: white;
    }
    .link-nav{
        position:relative;
        width:100%;
        padding:3% 0;
        text-align:center;
        display:none;
    }
    .logo-nav{
        width:100%;
    }
    .link-sec{
        flex-direction: column;
        font-size: 1.2rem;
    }
    .link-sec a{
        margin-top:20px;
    }
}
@media (min-width:767px) and (max-width:1025px) and (orientation:portrait){
    .box-photo-description{    
    line-height: 49px;
    }
}

@media (max-width: 1024px) and (max-height:900px) and (orientation:landscape){
    .block-header{
        display:none;
    }
    .container-header{
        width: 100%;
    }
    .nav{
        position:fixed!important;
        top:0%;
        display:flex!important;
        z-index:99999!important;
        opacity:1!important;
        flex-wrap:wrap;
    }
    .logo-nav img{
        width: 10%;
    }
    #bars{
        position: absolute;
        font-size: 2rem;
        right: 6%;
        color: white;
    }
    .link-nav{
        position:relative;
        width:100%;
        padding:3% 0;
        text-align:center;
        display:none;
    }
    .logo-nav{
        width:100%;
    }
    .link-sec{
        flex-direction: column;
        font-size: 1.2rem;
    }
    .link-sec a{
        margin-top:20px;
    }
    .container-header-inner{
        font-size:2.5rem;
        bottom:6%;
    }
    .header-minor{
        font-size:1.5rem;
    }
    #fototecnica{
        padding-left: 20px;
    }
    .about-desc{
        width: 100%;
    }
    .box-photo-description{
        width: 100%;
    }
    .top,.section-portfolio{
        padding: 0;
    }
    .row-container{
        flex-wrap: wrap;
    }
    .foto,.foto2{
        width: 100%;
        min-height: auto;
        padding: 30px 0px;
    }
    .container-foto > p{
        text-align:center;
    }
    .reverse-flex{
        flex-direction:column-reverse;
    }
    .table-tr{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    .full{
        width: 100%;
        text-align: center;
    }
    .container-foto > p:not(.center){
        text-align:left;
    }
    .container-foto > p:first-child{
        line-height: 37px;
    }
    #rilega{
        text-align:center;
    }
    .section-contact{
        padding: 40px 20px 0 20px;
    }
    .box-inn-map{
        position: relative;
        width: 100%;
        height: auto;
        margin: 3% auto 3% auto;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .box-map,.box-contact{
        width: 100%;
    }
    .box-port{
        padding-bottom: 30px;
    }

}