/** ==========================================
CONTEXT-Global
========================================== **/
@font-face {
  font-family: SevenDay;
  src: url(../../_webfont/SevenDaySignature.ttf) format('truetype');
  src: url(../../_webfont/SevenDaySignature.woff) format('woff');
}
@font-face {
  font-family: Bethan;
  src: url(../../_webfont/BethanWhite.ttf) format('truetype');
  src: url(../../_webfont/BethanWhite.woff) format('woff');
}
.sDay {
	font-family: SevenDay;
}
.sBet {
	font-family: Bethan;
}
body {
    font-family: 'Jost', sans-serif;
}
p {margin:0; padding:0;}

.shad {
-moz-box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
box-shadow:1px 1px 12px #000;
}
.shad1 {
-moz-box-shadow:1px 1px 12px #000;
-webkit-box-shadow:1px 1px 12px #000;
box-shadow:1px 1px 6px #01615d;
}
.shadow {
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000;
}
.oshad {
  box-shadow: 0 8px 6px -6px black;
}
.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}
a.linkus, 
img.linkus { 
/* assegnare class="rx" a tag parent */
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;	
	z-index:2;
}

.mw {max-width:100%;}
.mh {max-height:100%;}

/* ============================
SFONDI
============================= */

.bg1 {background-color:rgba(1, 97, 93, 1);} /*#01615d*/
.bgcv {background:/*#fff*/ /*image*/ center center/cover no-repeat /* origin / clip / attachment*/}
.bgcn {background:/*#fff*/ /*image*/ center center/contain no-repeat /* origin / clip / attachment*/}
.bgcv-bot {background:/*#fff /*image*/ bottom/cover no-repeat /* origin / clip / attachment*/}

.bgvx {
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}
.bgcx {
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}
@media only screen and (max-width: 600px) {
.display-4 {
	font-size:2.25rem;
}
}

/* ==================
CONTATTI 
================== */

#mapx {
position:relative;
background-color:#;
padding:0.75rem; 
min-height:25vh;
border:1px solid rgba(0,0,0,.1);
}

.double-border {
  background-color: #ccc;
  border: 4px solid #fff;
  padding: 2em;
  position: relative;
  margin: 0 auto;
}
.double-border:before {
  background: none;
  border: 4px solid #fff;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  pointer-events: none;
}
/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
/*==================================================
 * sunBlock
 * ===============================================*/
div.sunBlock > p {
	width:100%;
	padding:10px;
	background-color:background-color:yellow/*rgba(215, 200, 223, 1);*/
}
.textdiv {
	position:relative;
	background-image:url('../../_img/text/blue.jpg');
	padding:; 
	min-height:25vh;
	margin:3px;
	border:1px solid #e5ae1d /*rgba(170, 150, 159,1)*/;
	line-height:1
}
div.textdiv > p {
	width:96%;
	height:70%;
	padding:10px;
	background-color:rgba(170, 150, 159,0.2);
	border-bottom:1px solid rgba(170, 150, 159,1);
	text-transform:uppercase;
	color:white;
	font-weight:500;
}
/*==================================================
 * cover
 * ===============================================*/
 .x01 {
	height:40vh;
 }
@media only screen and (max-width: 600px) {
.x01 {
	height:40vh;
}
}
.y01 {font-size:2rem;text-shadow: 2px 2px 4px #000000;}
@media only screen and (max-width: 600px) {
.y01 {font-size:1.4rem;}
}

/*==================================================
 * class anchor
 * ===============================================*/
.anck {
	
}

.btn-petrol {
	background-color:rgba(1, 97, 93, 1);
	border-color:rgba(1, 97, 93, 1);
}
@media only screen and (max-width: 600px) {
.mtb2 {
	margin-top:2rem;
	margin-bottom:2rem;
}
.mt2 {
	margin-top:2rem;
}
.mb2 {
	margin-bottom:2rem;
}

}
/*==================================================
 * block
 * ===============================================*/
.cox-3 {width:30%;}
@media only screen and (max-width: 600px) {
.cox-3 {width:100%;}
}
.cox-3c {width:35%;}
@media only screen and (max-width: 600px) {
.cox-3c {width:100%;}
}
.cox-4 {width:40%;}
@media only screen and (max-width: 600px) {
.cox-4 {width:100%;}
}
.cox-7 {width:70%;}
@media only screen and (max-width: 600px) {
.cox-7 {width:100%;}
}
.covhome {height:40vh;}
@media only screen and (max-width: 600px) {
.covhome {height:50vh;}
}

.pcm {font-size:150%;}
@media only screen and (max-width: 600px) {
.pcm {font-size:100%;}
}
/*==================================================
 * impatto
 * ===============================================*/
.titoloImpatto {
	font-weight:800;
	line-height:1.2;
	font-size:5rem;
	margin-bottom:2rem;
	color:white;
	text-shadow: 1px 1px 1px #fff;
	font-family: Bethan;
}
@media only screen and (max-width: 600px) {
.titoloImpatto {
	font-size:3rem;
}
}