.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  margin-left: 10px;
  margin-right: 10px;
}

.alpha,
.omega {
  margin-left: 0;
  margin-right: 0;
}

.align_center,
.align_right {
  text-align: left;
}

/**/

body {
	font-family: 'PT Serif', Georgia, "Times New Roman", Times, serif;
	height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
	}

.box_Body{height: 100%;
  width: 100%;
  overflow-x: hidden;}

/*** HEADER ***/
header{ position:fixed; height:50px; width:100%; background-color:#1c4d45;z-index: 99;}

header .box_Logo{display:block;width:100%;}
header .box_Logo img {width:114px; height:35px;border:0; display:block; margin:10px auto 0  auto;}

.box_MenuButton { 
	display:block;
	width:24px;
	height:24px; 
	right:10px;
	top:10px;
	cursor:pointer;
	padding:6px;
	box-sizing: content-box;
	border:0;
	background-color:#1c4d45;
	position:absolute;
}
.box_MenuButton:focus{outline:none;}
.box_MenuButton .box_Lines {height:2px; width:100%; background-color:#FFF;display:block;margin-bottom:5px;}

/*** MENU ***/
.box_Sidebar {display:none;position:fixed; width:100%; background-color:#1c4d45;text-align: center;padding: 0 8px;height:100%; z-index:100;margin-top:50px;}
.box_Sidebar.active{display:block;}
.box_Sidebar ul{padding:0; margin:0;}
.box_Sidebar ul li{list-style:none;}
.box_Sidebar ul li a, .box_Menu_Mobile ul li a:link, .box_Menu_Mobile ul li a:visited{text-decoration:none; color:#FFF;padding:15px 0;display:block;}
.box_Sidebar .box_Social {margin:0;}
.ico_Facebook, .ico_Tripadvisor{display:inline-block;}
.ico_Facebook img{height:50px; width:50px;}
.ico_Tripadvisor img{height:76px; width:76px;}
.box_Sidebar .box_Footer_Details{color:#FFF;font-size:12px;font-weight:normal;display:none;}

/*** BODY CONTENT ***/
.box_BodyContent {z-index:90;top:50px;width:100%;height:100%;position:absolute;height: -webkit-calc(100% - 50px);height: calc(100% - 50px);}
.box_BodyContent .box_Main {position:absolute; height:100%; width:100%; overflow-y: scroll;overflow-x: hidden;}
.box_BodyContent .box_Main .box_Content {position:relative;overflow-y: hidden;overflow-x: hidden;}

/*** SLIDER ***/
.box_Slider .img_1{ background-image:url('../img/img_Portofino_1_low.jpg') !important; background-position: right top;}
.flickerplate{position:absolute !important;height:100% !important;}


/*** ABOUT ***/
.box_About .box_BodyContent .box_Main{position:static;}
.box_About .box_BodyContent	.box_Main .box_Content .box_Text{padding:10px;}
	.box_Main .box_Content .box_Text h3{text-align:center; font-size:20px; color:#1c4d45;}
  .box_Main .box_Content .box_Text .box_Paragraph{font-size:16px;}
.box_About .box_BodyContent	.box_Main .box_Content .box_Text .box_Photos {position:relative; width:100%;margin:40px 0;}
.box_About .box_BodyContent	.box_Main .box_Content .box_Text .box_Photos .box_Image {margin:20px 0;}
.box_About .box_BodyContent	.box_Main .box_Content .box_Text .box_Photos .box_Image img{width:100%;}

/*** MENU PAGE***/
.box_Menu .box_BodyContent .box_Main .box_Content .box_Text{padding:10px;}
.box_Menu .box_BodyContent .box_Main .box_Content .box_Text .box_Image {position:relative; width:100%;margin:40px 0;}
.box_Menu .box_BodyContent .box_Main .box_Content .box_Text .box_Image img{width:110%;}
.tit_Category {font-family: 'PT Serif', serif;font-style:italic;text-align:center; font-size:20px; color: #666;margin:35px 0 0 0;}
.list_Menu {margin:0; padding:0;display:block!important;margin-bottom:40px!important;height:auto!important;}
.list_Menu li{text-align:center !important;}
.list_Menu li span{display: block!important;}
.txt_Note{font-size:14px;}
.btn_Menu {width:96%;margin:15px 5px;display:inline-block;height: 2.6em;line-height:2.6em;padding: 0 0.8125rem;border-radius: 3px;text-decoration: none;border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border:1px solid #1c4d45;color:#1c4d45;}
.btn_Menu:hover{background-color:#1c4d45; color:#FFF;border-color:#FFF;}

/*** CONTATTI ***/
.box_BodyContent .box_Main .box_Content .box_Contact{display:block;margin-bottom:30px;width:100%;}
.box_BodyContent .box_Main .box_Content .box_Contact .box_Image {height:150px;overflow:hidden;position:relative;border-top:4px solid #1c4d45;}
.box_BodyContent .box_Main .box_Content .box_Contact .box_Image img{width:100%;}
.box_BodyContent .box_Main .box_Content .box_Contact .box_Text{width:100%;display:block;text-align:center;}
.box_BodyContent .box_Main .box_Content .box_Text ul {list-style:none;padding:0;margin:0 auto;display:inline-block;}
.box_BodyContent .box_Main .box_Content .box_Text ul li{margin:1em 0; line-height: 1.4em; text-align:left;}
.box_BodyContent .box_Main .box_Content .box_Text ul li span{display:inline-block;}
.box_BodyContent .box_Main .box_Content .box_Text ul li .txt_Label{font-family: 'PT Serif', serif; font-weight:normal; font-style:italic;position: relative;float: left;width: 5.3em;text-align: right;color: #a4a4a4; font-size:14px;padding-right: 0.9em;}
.box_BodyContent .box_Main .box_Content .box_Text ul li .txt_Text {font-family: 'OpenSansRegular'; font-style:normal;text-align: left; font-size:15px;}
.box_Map {position:relative;overflow:hidden;padding-top:30px; padding-bottom: 30%;}
.box_Map iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

/*** FOOTER ***/
.box_Footer_Page{position:relative;;height:20px; width:100%; background-color:#1c4d45;z-index: 99;}
.box_Footer_Home{ position:absolute;bottom:0;left:0;height:20px; width:100%; background-color:#1c4d45;z-index: 99;} 
footer .box_Footer{width:auto;color:#FFF; text-align:center; font-size:11px;}
footer .box_Footer span{text-decoration: none!important;}

/*** LOADING ***/
@-webkit-keyframes orangeBarLoadingKeyframe {
  /* line 5, _css3-animations.scss */
  from {
    left: 120px;
  }

  /* line 6, _css3-animations.scss */
  0% {
    left: 120px;
  }

  /* line 7, _css3-animations.scss */
  50% {
    left: -40px;
  }

  /* line 8, _css3-animations.scss */
  100% {
    left: 120px;
  }
}

@keyframes orangeBarLoadingKeyframe {
  /* line 11, _css3-animations.scss */
  from {
    left: 120px;
  }

  /* line 12, _css3-animations.scss */
  0% {
    left: 120px;
  }

  /* line 13, _css3-animations.scss */
  50% {
    left: -40px;
  }

  /* line 14, _css3-animations.scss */
  100% {
    left: 120px;
  }
}

/* line 16, _css3-animations.scss */
.pendulum {
  -webkit-animation: orangeBarLoadingKeyframe 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -moz-animation: orangeBarLoadingKeyframe 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -ms-animation: orangeBarLoadingKeyframe 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  -o-animation: orangeBarLoadingKeyframe 1.2s cubic-bezier(1, 0, 0, 1) infinite;
  animation: orangeBarLoadingKeyframe 1.2s cubic-bezier(1, 0, 0, 1) infinite;
}

@-webkit-keyframes blinkKeyframe {
  /* line 34, _css3-animations.scss */
  from {
    opacity: 1.0;
  }

  /* line 35, _css3-animations.scss */
  to {
    opacity: 0.0;
  }
}

@keyframes blinkKeyframe {
  /* line 38, _css3-animations.scss */
  from {
    opacity: 1.0;
  }

  /* line 39, _css3-animations.scss */
  to {
    opacity: 0.0;
  }
}

/* line 41, _css3-animations.scss */


.box_Loading {
	display:none;
  width: 100%;
  height: 100%;
  background-color: #ececec;
  top: 0px;
  right: auto;
  bottom: auto;
  left: 0px;
  position: absolute;
  z-index: 1000;
}
 
.box_Loading .box_LoadingContentContainer {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  position: absolute;
  margin-left: -80px;
  margin-top: -36px;
}
/* line 161, main.scss */
.box_Loading .box_LoadingContentContainer .box_LoadingContent {
  position: relative;
  width: 161px;
  height: 73px;
  overflow: hidden;
}

/* line 175, main.scss */
.box_Loading .box_LoadingContentContainer .box_LoadingContent .box_Bar {
  width: 100%;
  height: 1px;
}
/* line 179, main.scss */
.box_Loading .box_LoadingContentContainer .box_LoadingContent .box_Bar .greyBar {
  width: 100%;
  height: 1px;
  background-color: #BBBBBB;
  top: 46px;
  right: auto;
  bottom: auto;
  left: 0px;
  position: absolute;
}
/* line 186, main.scss */
.box_Loading .box_LoadingContentContainer .box_LoadingContent .box_Bar .orangeBar {
  width: 50%;
  height: 1px;
  background-color: #e96c24;
  top: 46px;
  right: auto;
  bottom: auto;
  left: -80px;
  position: absolute;
}
/* line 194, main.scss */
.box_Loading .box_LoadingContentContainer .box_LoadingContent .loadingText {
  width: 100%;
  color: #969696;
  text-transform: uppercase;
  font-family: 'DinProRegular', Arial, sans-serif;
  font-size: 18px;
  font-size: 1.08rem;
  text-align: center;
  top: 54px;
  right: auto;
  bottom: auto;
  left: 0px;
  position: absolute;
}

/*---- helper class to hide divs ----*/

	/*MOBILE*/
.visible-phone {
    display: inherit !important;
  }
.hidden-phone {
    display: none !important;
  }
	/*TABLET*/
@media (min-width: 760px) {
.visible-tablet {
    display: inherit !important;
  }
.hidden-tablet {
    display: none !important;
  }

.hidden-phone {
    display: none !important;
  }
}
	/*DESKTOP*/
@media (min-width: 980px){
.visible-desktop {
    display: inherit !important;
  }
.hidden-desktop {
    display: none !important;
  }
}