@charset "utf-8";
/* by unimedia with passion  */
/* localized styles */
@import url(https://fonts.googleapis.com/css?family=Audiowide|Oxygen|Signika|Nobile);


.bg0 { background-color: #FFFFFF!important;}
.bg1 { background-color: #FF9999;}
.bg2 { background-color: #D2FF4C;}
.bg3 { background-color: #73B9FF;}
.bg4 { background-color: #A300D9;}
.bg4 { background-color: #A300D9;}

.d-grid {display: grid;}

/*
.bggray  { background-image: url(img/bggray.jpg); background-repeat: repeat;}

.grayleft  { background-image: url(img/grayleft.jpg); background-repeat: repeat;}
.grayright  { background-image: url(img/grayright.jpg); background-repeat: repeat;}
.greenhorz  { background-image: url(img/greenhorz.jpg); background-repeat: repeat;}
.bg-fascie  { background-image: url(img/bg-fascie.jpg); background-repeat: repeat;}
.abstractbg  { background-image: url(img/abstractbg.jpg); background-size: cover; background-color: #f0f8ffe8;}
.whgray  { background-image: url(img/whgray.jpg); background-size: cover;}
*/


i.fa {margin-right: 15px;}

.font1 {	font-family: "Audiowide";}
.font2 {	font-family: "Oxygen";}
.font3 {	font-family: "Signika";}
.font-resp {	font-size: 1em;}
.text-content {	font-family: "Signika";	font-size: 1em;	color: #111111;	text-align: justify;}
.txt-green { color: #00B32D;}
.text-bold {font-weight: bold;}
.underlined { text-decoration: underline!important;}
 
/*  ==== site general elements   ===== */
a {
	color: #006600;
	text-decoration: none;
	text-shadow: 1px 1px 2px #8e9396;
}
a:hover, a:focus {
	color: #B30000;
	text-decoration: none;
}

figure { padding: 1px; margin: 5px 0px;}
img { max-width: 100%; height: auto;}
.img-polaroid {
    background-color: #fff;
    border: 1px solid #BFFFBF;
    box-shadow: 0 1px 3px #004000;
    padding: 4px;
}

.circle {
	border-radius: 50%;
}
.home-slogan {justify-content: center;}
.slide-cap {background-color: #000000; color: #ffffff;}
/* .servizi { width: 80%;} */
.servizi img {
	background-color: #fff;
    border: 1px solid #BFFFBF;
    box-shadow: 0 1px 3px #99B2FF;
    padding: 4px; border-radius: 50%; float: left;
}
.servizi p { padding-top: 4%;}

.sim1 { float: left; position: relative; z-index: 3; margin-left: 0px;}
.sim2 { float: left; position: relative; z-index: 2; margin-left: -25px;}
.sim3 { float: left; position: relative; z-index: 1; margin-left: -25px; margin-right: 25px;}
.sim1, .sim2, .sim3 { max-width: 150px; height: auto;}

.flat-btn { 
    color: #D90000; font-size: 1.2em;
	}
.img-bg {background-repeat: no-repeat; background-size: cover; }

/* ========= STRUCTURE ============= */
header .fullcontainer { padding-top: 18px;}
.chiama {color: #17ED17;
    display: inline;
    font-family: "Audiowide",sans-serif;
    font-size: 2.3em;
    line-height: 1.5;
    margin-left: 25px;
    margin-top: 33px;
	text-shadow: 1px 0px 4px #000000, -2px -1px 4px #000000, 1px 0px 4px #000000;
	}
.chiama a { font-size: 1.0em; color: #FFFFFF;
text-shadow: 1px 0px 4px #000000, -2px -1px 4px #000000, 1px 0px 4px #000000;
}	
.phonefull { width: auto;}

.boxshad-bott-green {
	box-shadow: 0 5px 5px #004000;
	-moz-shadow: 0 5px 5px #004000;
	-webkit-shadow: 0 5px 5px #004000;
}
.prato { background-image: url(img/prato.png); background-repeat: x-repeat; position:absolute; margin-top: -100px; height:100px; z-index: 6;}
/* ===================  CONTENT  ===============*/

.dovesiamo {padding: 50px 10px;}
.info-contatti {padding: 25px;}
#content {
	padding-bottom: 15px;
}
/* pagina chi siamo*/
.about {
	background-image: url(../img/pattern-dine.png);
	background-repeat: repeat;
	display: table;
}
.about h2 {
	color: #D90000;
	text-shadow: 1px 1px 1px #575748;
}
.about2 h2 {
	color: #D90000;
	text-shadow: 1px 1px 1px #575748;
}

.item-title { font-weight: bold;
	text-transform: uppercase;
	margin-top: 15px; margin-bottom: 15px;
	text-shadow: 1px 2px 4px #C1B6B6;
	padding: 1px;
	color: #008C00;
	font-size: 1.6em; line-height: 1.5;
} /* inoltre in template.css 7056 */
.content-title { 
	text-transform: uppercase;
	font-size: 20px;
	font-weight: normal;
	color: #222222;
}
.box-title {
	margin: 10px;
	text-shadow: 1px 2px 4px #C1B6B6;
	padding: 1px;
	color: #00238C;
	border-bottom: 1px solid #CCCCCC;
}
.box-text { color: #00008C; margin-left: 15px;}
.box-text samp { color: #008C00;}

.abzaz { margin-left:20px; margin-top:20px;}

.itembox {
	display: table;
	margin: 0 auto;
	border: 1px solid gray;
}

.txt-cols2 { vertical-align: top;
    -webkit-column-count: 2;
    -moz-column-count: 2; 
    column-count: 2;
}

/*   == prima pagina ===     */

.service-ico  img{height:220px; width: 220px;}
.icons-bg { background-color: #A300D9;}
.icons-txt { font-family: Signika; font-size: 1.7em; line-height: 1.55; color: #0B370B; text-shadow: 2px 1px 3px #666666;}

/*   ===== pages ======  */
.galleria {
	display: block;
    margin: 0 auto;
    /*max-width: 900px;*/
    text-align: center;
    width: auto;
}
.galleria img {
	background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    height: auto;
    margin-top: 3px;
    max-height: auto;
    padding: 4px;
    width: 300px;
}
.galleria img:hover {
	opacity: 0.85;
}
/*  ==  content typografy  ==*/

.big-title h1 {
	color: #00008C;
	font-family: "Signika";
	font-size: 1.2em;
	font-weight: bold;
	
	text-transform: uppercase;
	text-shadow: 1px 2px 1px #333333;
	
}
/**/
.itemround {
	margin-top: 1px;
	display: block;
	margin-bottom: 7px;
	border: 1px solid #666464;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-color: #E7E7E7;
}


.superbrand {
	color: #006600;
    float: left;
    font-family: "Audiowide";
    font-size: 3rem;
    font-weight: bold;
    line-height: 2;
    
    text-shadow: 0 1px 0 #c7c8ca, 0 2px 0 #b1b3b6, 0 3px 0 #9d9fa2, 0 4px 0 #8a8c8e, 0 5px 0 #77787b, 0 6px 0 #636466, 0 7px 0 #4d4d4f, 0 8px 7px #001135;
}


/*   ------------------------------   featured layout ------------------------------ */


.scroll-y { overflow-y: scroll;}
.h240 { max-height: 240px;}

.content-size { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
/*  ===  topmenu localized  */
.topmenubg { background-color: #008C00;} 
.topmenu { background-color: #008C00;}  /*  primo tasto > riga 514 in structure */

.topunimedia { display:inline-flex; width:99%; margin:0 auto; } 
.phoneshow { display: none;}



/*  === top header   ==== */
.topheader {
	width: 100%; height: auto;	margin: 0 auto; 
	padding-top: 20px;
	padding-bottom: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+63,c4f0f2+100&0+0,1+100 */
background: -moz-linear-gradient(45deg,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.63) 63%, rgba(196,240,242,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(63%,rgba(255,255,255,0.63)), color-stop(100%,rgba(196,240,242,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.63) 63%,rgba(196,240,242,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.63) 63%,rgba(196,240,242,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.63) 63%,rgba(196,240,242,1) 100%); /* IE10+ */
background: linear-gradient(45deg,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.63) 63%,rgba(196,240,242,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#c4f0f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


.logo { overflow: hidden;
	top: 5px; 
}
.logo img { max-width: 99%; height: auto;}

.logobrand {
	font-size: 280%;
	font-weight: bolder;
	vertical-align: middle;
	text-align: right;
}

.tasto {
	box-shadow: 3px 3px 4px rgba(76,121,255, 0.92);
    color: #444444;
    display: inline-block;
    height: 25px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    width: auto;
}
.storto {
transform: skew(-45deg) ;
-webkit-transform: skew(-45deg, -180deg) ;
-moz-transform: skew(-45deg, -180deg) ;
-o-transform: skew(-45deg, -180deg) ;
-ms-transform: skew(-45deg, -180deg) ;
}

/*---- postit header items ----*/
.postit {
	display: table;
	margin: 0 auto;
	border: 1px solid gray;
}
.postit img { margin-top: 10px;}
.postit h3 {
	font-family: Signika; font-size:18px; color: #00238C; text-transform: uppercase;
	text-shadow: 1px 1px 2px #ACAC9D;
}
/* ===================  contatti  ===============*/
/* ========== FORMS   = ============================================*/
 
form { margin: 0; }
fieldset { border: 1; margin: 0; padding: 15px;  }
fieldset img { height: auto; width: 100%; max-width: 100%;}
.imgemails { float: right;}

/* Указываем, что метка (label) передаст focus связанному элементу формы */
label { cursor: pointer; color: #00008C; margin-left: 7px; margin-top: 7px;}
legend { border: 0; margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 6px; vertical-align: baseline; vertical-align: middle; max-width: 90%;}


button, input { line-height: normal; overflow: visible; }


table button, table input { overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; border: 0 none;
padding: 5px 30px; 
}


.form-box input, textarea { margin-bottom: 14px; margin-top: 2px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #002DB3;
    display: block;
    font-size: 14px;
    height: 28px;
    line-height: 1.5;
    padding: 3px 6px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    /*width: 100%; */ 
}
.form-box input:focus {
    border-color: #FF0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}
.form-box textarea:focus {
    border-color: #FF0000;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

.form-box button { 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 2px 1px #0000B3;
	color: #fff;
    font-weight: bold;
	}
.form-box textarea { height: 112px; width: 90%;}	
.form-box input { width: 95%;}	
	
.submit { background-color: #00D900;}



/* 
 * Устранение внутреннего заполнения и границ в FF3/4: i/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Удаление вертикальной строки прокрутки по умолчанию в IE6/7/8/9 
 * 2. Разрешается только изменение размера по вертикали
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Цвета для обозначения правильности формы */

input:invalid, textarea:invalid { box-shadow: 0 1px 1px #FF0000 inset, 0 0 8px #FFFF26; }
input:required, textarea:invalid {  background-color: #fff;	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; }


.contact .btn {
	width: 210px;
	height: 45px;
	background-color: #98065E;
	font-weight: bold;
}
.contact .btn:hover {
	background-color: #004000;
}
/* dove siamo */
.location {
	font-size: 1.0em;
	line-height: 1.5em;
	font-weight: bold;
	color: #00008C;
	text-shadow: 1px 1px 2px #9B9B8C;
}
.home-features {background-color: #ffffff05;}
/* ==============LOGIN PAGE ==============   */

/*  ========   FOOTER   ========== */
.soprafooter { height: 70px; background-image: url(img/soprafooter.png); background-repeat: x-repeat; }
.footer {
	margin-top: 0px;
	display: flex;
	background-image: url(img/footerbg.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
/*height: 190px; */
}
#footer a { color: #FFFFFF!important; text-shadow: 1px 2px 2px #000;}
.footergrad {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#174708+0,005700+17,006d26+33,346d3a+67,0b7705+83,086603+100 */
background-image: linear-gradient(to bottom,  #174708 0%,#005700 17%,#006d26 33%,#346d3a 67%,#0b7705 83%,#086603 100%); 
background-color: #004000ec;
background: #004000ec;
}
.footergrad h2, .footergrad p, .footergrad a {color: #ffffff;}

.footerheader {
	font-size: 1.3em;
}
.f-txt {
	color: #BDBDAE;
}

#sharing {
	display: table;
	margin: 0 auto;
	width: auto;
}

/* ===================  RESPONSIVE  ===============*/

@media (max-width: 1180px) {
.chiama { font-size: 1.6em; margin-top: 23px;}

}/*-media-*/

@media (max-width: 980px) {

}/*-media-*/

@media (max-width: 900px) {

.contact-form { background-position: 99% 40%;}
.chiama { font-size: 1.7em;}

}/*-media-*/

@media (max-width: 768px) {
body { margin-top: 40px; line-height: 1.5;}  
.contact-form { background-image: none;}
.imgemails { float: left;}
.logo img{ max-width: 75%;}

.phone-button { line-height: 2;}
.phonefull { clear: both; float: none; width: 100%;}
.superbrand { font-size: 1.35rem;}
.percorso img{ max-width: 90px;}
/*  footer */

footer .container { width: 96%; }
footer .d-flex { display: table; width:96%; margin: 0 auto; text-align: center; }

}/*-media-*/


 @media (max-width: 581px) {

.contact-form legend { font-size: 1.1em; }

}/*-media-*/
@media (max-width: 470px) {

.chiama { font-size: 1.5em; margin-left: 5px;}
.percorso img{ max-width: 80px;}
.sim1, .sim2, .sim3 { margin-left: 5px;}

}/*-media-*/

.infoservizi {text-align: center;}
.infoservizi h2 {font-size: 1.4rem !important; text-transform: uppercase; border-bottom: 1px solid #bcbebaaf;}
/*    == Image hover effects (ihover general styles) == */
.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item,
.ih-item * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ih-item a {
  color: #333;
}
.ih-item a:hover {
  text-decoration: none;
}
.ih-item img {
  width: 100%;
  height: 100%;
}

.ih-item.circle {
  position: relative;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}
.ih-item.circle .img {
  position: relative;
  width: 190px;
  height: 190px;
  border-radius: 50%;
}
.ih-item.circle .img:before {
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.6), 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  border: 0px solid #99B2FF;
}
.ih-item.circle .img img {
  border-radius: 50%;
}

.ih-item.circle .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  border-radius: 50%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*  ===  style nr   ====  */
.ih-item.circle.effect10 .img {
  z-index: 11;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10.colored .info {
  background: #1a4a72;
}
.ih-item.circle.effect10 .info {
  background: #333333;
  opacity: 0;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
.ih-item.circle.effect10 .info h2 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
}
.ih-item.circle.effect10 .info p {
  color: #bbb;
  font-style: italic;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.ih-item.circle.effect10 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.ih-item.circle.effect10.top_to_bottom .info h3 {
  margin: -10px 30px;
  padding: 46px 0 0 0;
  height: 78px;
}
.ih-item.circle.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px;
}
.ih-item.circle.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(42px) scale(0.48);
  -moz-transform: translateY(42px) scale(0.48);
  -ms-transform: translateY(42px) scale(0.48);
  -o-transform: translateY(42px) scale(0.48);
  transform: translateY(42px) scale(0.48);
  border: 3px solid ;
}

/*    == / style ihover effects == */
/*   altri effetti   */
.ef-zoomin img {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.ef-zoomin img:hover {
	-webkit-transform: rotate(-3deg) scale(1.2);
	-moz-transform: rotate(-3deg) scale(1.2);
	-o-transform: rotate(-3deg) scale(1.2);
	-ms-transform: rotate(-3deg) scale(1.2);
	transform: rotate(-3deg) scale(1.2);
}
.zoom-out img {
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.zoom-out img:hover {
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-o-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

/*   FINE EFFETTI    */