/*Visioni stylesheet*/

/*##### Body #####*/
@font-face {
	font-family: 'MyIcoMoon';
	src:url('../font/custom-icomoon.eot?uwbikn');
	src:url('../font/custom-icomoon.eot?#iefixuwbikn') format('embedded-opentype'),
		url('../font/custom-icomoon.woff?uwbikn') format('woff'),
		url('../font/custom-icomoon.ttf?uwbikn') format('truetype'),
		url('..font/custom-icomoon.svg?uwbikn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
html {
	font-size: 18px;
	line-height: 24px;
  
}
header,
footer,
.container
#sp-menu {
	font-size: 1rem;
}
/*##### Container #####*/
.layout-fluid .container {
    width: 100%;
    max-width: 100%;
}
.wrap {
    max-width: 1366px;
    margin: 0 auto!important;
    padding: 1em!important;
}
/*##### Header #####*/

/*Overlay Menu*/
.has-slideshow#sp-top-bar {
    background-color: transparent;
    position: absolute;
    width: 100%;
    z-index: 11;
    padding: 5px 0;
    font-size: 14px
}
.has-slideshow#sp-header {
  background-color: rgba(0,0,0,0.3);
  position: absolute;
  top: 35px;
}
.has-slideshow#sp-header .sp-megamenu-parent >li>a {
  color: #fff;
}
.has-slideshow#sp-header .sp-megamenu-parent >li >a {
  line-height: 70px;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  color: #fff;
}
.has-slideshow.menu-fixed#sp-header {
  background-color: rgba(0,0,0,0.9) !important;
}
.menu-fixed#sp-header {
  background-color: #fff !important;
  position: fixed !important;
  top: 0 !important;
  height: 60px;
}
.menu-fixed#sp-header .logo {
  height: 60px;
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
}
.menu-fixed#sp-header .logo img {
  width: 85px;
}
.menu-fixed#sp-header .sp-megamenu-parent >li {
/*  height: 60px;*/
}
.menu-fixed#sp-header.has-slideshow .sp-megamenu-parent >li >a,
.menu-fixed#sp-header .sp-megamenu-parent >li >a {
  line-height: 60px;
}
.menu-fixed#sp-header #sp-reservation ul.menu li a {
  margin-top: 15px;
}
.menu-fixed #offcanvas-toggler {
  line-height: 60px;
}

/* Header's Container */
/*TOP BAR*/
.sp-contact-info {
    float: left;
}
.language {
    float: right;
}

/*##### Logo #####*/

/*##### Menu #####*/


/*Dropdown style*/

/*Sub Menu*/

/*##### Main #####*/
#sp-title {
  min-height: 0;
}
#sp-title .sp-page-title {
  text-align: center;
  padding: 150px 0 100px 0;
}
#sp-title .sp-page-title h2 {
  font-size: 36px;
  text-transform: uppercase;
  position: relative;
}
#sp-title .sp-page-title h2::before {
  content: '';
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translate(-50%);
  width: 350px;
  height: 40px;
  background-image: url(../images/about-heading-bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-background-size: contain;
}
.sp-page-title {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.sp-page-title h2,
.sp-page-title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.sp-page-title h2 {
  font-size: 24px;
  line-height: 1;
}
.sp-page-title h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
}

/*##### Footer #####*/
.footer1 a {
	color: #fff;
}
.footer1 svg {
    fill: #FFF;
    height: 25px;
    position: relative;
}
#bmgText {
    fill: #FFF!important;
}
#bmgSym {
    fill: #FFF!important;
}
/*##### Typo #####*/
ul, ol {
	margin: 0;
}
h1, h2 {
	margin: 0;
}
h2 {
	line-height: 1;
}
/*Slider*/
div.panel {
	margin: 0.6em 0;
	padding: 0;
}
h3.pane-toggler {
	margin: 0;
	padding: 0.5em;
}
h3.pane-toggler-down {
	margin: 0 0 0.4em;
	padding: 0.5em;
}
h3.pane-toggler:after {
	content:"\e007";
	font-family: 'IcoMoon';
	margin-left: 10px;
	font-weight: normal;
	font-size: 0.8em;
}
h3.pane-toggler-down:after{
	content:"\e005";
	font-family: 'IcoMoon';
	margin-left: 10px;
	font-weight: normal;
	color: #FFF;
	font-size: 0.8em;
}
.pane-toggler a {
}
.pane-toggler-down a {
}
.pane-slider {
	padding: 0.5em;
}
/*Thumbnails*/
.thumbnails * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.thumbnails > li {
	margin: 0;
}
.thumbnail {
  	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.thumbnail > img {
	width: 100%;
}
/*Menu footer*/
.footer ul.nav {

}
.footer ul.nav li {
}
.footer ul.nav li a {

}
.footer ul.nav li a:hover {
}
/*##### Right Side box #####*/

/*##### Contact #####*/
.contact .page-header{
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 0;
	padding-bottom: 35%;
	margin: 0;
}
.page-header .flex-caption {
	position: absolute;
	right: 0;
	bottom: 40%;
	left: 0;
	text-align: center;
	z-index: 5;
	width: inherit;
	padding: 0;
	background: transparent;
	text-shadow: none;
	font-size: inherit;
	line-height: inherit;
}
.page-header .flex-caption h2 {
	color: #fff;
}
.contact .items-container {
}

.contact > div:nth-child(2) > div:last-child form {
	margin: 0;
}
.contact > div:nth-child(2) h4 {
	margin: 1em 0;
	font-size: 2em;
}
.contact .contact-street {
	line-height: 2em;
	font-weight: bold;
}
.contact address {
	font-size: 1.2em;
	display: flex;
	flex-direction: column;
	
}

.contact .con-add {
	text-align: left;
    padding-left: 10%;
}

.contact .con-form {
    padding: 2em;
}

.contact .contact-form {
    padding: 0 2em;
}

.contact label {
    font-size: 15px;
    margin-top: 6px;
    font-family: Montserrat;
    text-transform: uppercase;
}

.contact > div:nth-child(3) h3 {
	text-align: center;
	margin: 1.5em 0;
}
.contact .contacts {
	display: inline-block;
	width: 100%;
	margin: 2em 0;
	padding: 0 8em;
}
.contact .contacts > div:last-child {
	text-align: right;
}
.contact input,
.contact textarea {
	width: 100%;
	height: inherit;
	background: transparent;
	padding: 1em 0.5em;
	border-radius: 0;
	border: 2px solid #DDD !important;
	text-transform: uppercase;
	box-shadow: none;
}
.contact input:focus:invalid:focus,
.contact textarea:focus:invalid:focus,
.contact select:focus:invalid:focus {
	border-color: #2A475A;
	-webkit-box-shadow: 0 0 6px #2A475A;
	-moz-box-shadow: 0 0 6px #2A475A;
	box-shadow: 0 0 6px #2A475A;
}
.contact .textarea {
	display: flex;
	flex-direction: row;
}
.contact-form button {
	background: #EB9200;
	color: #fff;
	text-transform: uppercase;
	font-family: Montserrat;
	margin: 0;
	width: 12em;
	margin-bottom: 28px;
	margin-left: 20px;
	transition: all 0.3s;
	border-radius: 0;
}
.contact-form button:hover,
.contact-form button:focus {
	background: #FFF;
	color: #2A475A;
}
/*##### Box Styles #####*/
.box-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.sp-module {
	margin-top: 0;
}
.content-container {
	width: 100%;
}
.content-container h4 {
	margin: 0;
}

.content-container a.readmore {
	position: absolute;
}
/*FlexBox*/
/* Definizione Flex Box*/
.flexbox  {
	display: flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
}
@media screen and (max-width:960px) {
    /*FlexBox*/
    .flexbox {
        flex-direction: column;
    }
}

/*---- SP FULL WIDTH SLIDER - FADE EFFECT  ----*/
#sppb-slider-fullwidth .item {
  padding: 300px 0 240px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#sppb-slider-fullwidth .item .sp-slide-title {
  font-size: 92px;
  line-height: 1;
  margin: 0;
}
#sppb-slider-fullwidth .item .sp-slide-subtitle {
  font-size: 100px;
  line-height: 1;
  color: #fff;
  margin: 0 0 20px;
}
#sppb-slider-fullwidth .item .sp-slide-description {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 20px;
  color: #fff;
}
#sppb-slider-fullwidth .item .btn {
  margin-top: 50px;
}
#sppb-slider-fullwidth .sppb-slider-control {
  position: absolute;
  top: 50%;
  color: #fff;
  font-size: 56px;
  -webkit-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  cursor: pointer;
  -webkit-transition: left 300ms ease-in-out, right 300ms ease-in-out;
  -o-transition: left 300ms ease-in-out, right 300ms ease-in-out;
  transition: left 300ms ease-in-out, right 300ms ease-in-out;
}
#sppb-slider-fullwidth .sppb-slider-control.left {
  left: -60px;
}
#sppb-slider-fullwidth .sppb-slider-control.right {
  right: -60px;
}
#sppb-slider-fullwidth:hover .sppb-slider-control.left {
  left: 20px;
}
#sppb-slider-fullwidth:hover .sppb-slider-control.right {
  right: 20px;
}
.carousel-fade .carousel-inner .item {
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .active:not(.left) .sp-slide-title,
.carousel-fade .carousel-inner .active:not(.right) .sp-slide-title {
  -webkit-animation: fadeInUp 400ms ease-in-out 0ms both;
  animation: fadeInUp 400ms ease-in-out 0ms both;
}
.carousel-fade .carousel-inner .active:not(.left) .sp-slide-subtitle,
.carousel-fade .carousel-inner .active:not(.right) .sp-slide-subtitle {
  -webkit-animation: fadeInUp 400ms ease-in-out 200ms both;
  animation: fadeInUp 400ms ease-in-out 200ms both;
}
.carousel-fade .carousel-inner .active:not(.left) .btn,
.carousel-fade .carousel-inner .active:not(.right) .btn {
  -webkit-animation: zoomIn 400ms ease-in-out 100ms both;
  animation: zoomIn 400ms ease-in-out 100ms both;
}
.carousel-fade .carousel-inner .next.left .sp-slide-title,
.carousel-fade .carousel-inner .next.left .sp-slide-subtitle,
.carousel-fade .carousel-inner .next.left .btn,
.carousel-fade .carousel-inner .prev.right .sp-slide-title,
.carousel-fade .carousel-inner .prev.right .sp-slide-subtitle,
.carousel-fade .carousel-inner .prev.right .btn {
  opacity: 0;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0,0,0);
}
.carousel-fade,
.carousel-fade .carousel-inner,
.carousel-fade .carousel-inner .item {
  height: 100%;
}
@media only screen and (max-width: 992px) {
  #sppb-slider-fullwidth .item {
    padding: 180px 0 100px;
  }
  #sppb-slider-fullwidth .item .sp-slide-title {
    font-size: 64px;
  }
  #sppb-slider-fullwidth .item .sp-slide-subtitle {
    font-size: 48px;
  }
  #sppb-slider-fullwidth .item .sp-slide-description {
    font-size: 18px;
  }
  #sppb-slider-fullwidth .item .btn {
    margin-top: 30px;
  }
}

/*BT FRONT*/
.sppb-addon-btfront {
  padding: 100px 0;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: contain;
}
.sppb-addon-btfront .sp-btfront-title {
  font-size: 60px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 50px;
}
.sppb-addon-btfront .sp-btfront-designation {
  font-size: 52px;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 30px;
}
.sppb-addon-btfront .sp-btfront-signature {
  margin-top: 40px;
  display: inline-block;
}
@media only screen and (max-width: 992px) {
  .sppb-addon-btfront {
    background-image: none !important;
  }
}
/*Mosaic*/
.mosaic ul.items-container {
	display: flex;
	height: 37vw;
	flex-wrap: wrap;
	flex-direction: column;
}
.mosaic ul.items-container .full-box {
	flex-basis: 100%;
}
.mosaic ul.items-container .small-box {
	flex-basis: 29.2%;
}
.mosaic ul.items-container li:nth-child(2),
.mosaic ul.items-container li:nth-child(3),
.mosaic ul.items-container li:nth-child(5) {
	margin-bottom: 2.127659574%;
}
.mosaic ul.items-container li.small-box:nth-child(5) {
	flex-basis: 64.6%;
}
/*imgcover*/
.imgcover li,
.imgcover .thumbnail,
.imgcover .img-container,
.imgcover .photo,
.imgcover img {
    height: 100%;
    overflow: hidden;
}
.imgcover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*Custom Cover*/
.custom.parallax {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15em 0;
    text-align: center;
    opacity: 0.85;
    transition: all 0.2s ease;
}

/*#####-Effects and Animation-#####*/

/*---------------------_-----*/
/***** Slide up content *****/
/*----------------------_--*/
.an-slideup .content {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-100%);
	transition: all 0.5s ease-in;
}
.an-slideup li:hover .content {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
/*---------------------_-----*/
/****** Moveit content ******/
/*----------------------_--*/
.move .items-container > .item .content-container {
	transform: translateY(0);
	transition: all 0.5s ease-in;
}
.move .items-container > .item:hover .content-container {
	transform: translateY(150%);
	transition: all 0.6s ease-in;
}
.move .readmore {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s;
}
.move .items-container > .item:hover .readmore {
	opacity: 1;
	visibility: visible;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-name: moveright;
	animation-delay: .6s;
}
@keyframes moveright {
	0% {
	  transform: translateX(0)	  
	}
	50% {
	  transform: translateX(75%)
	}
	100% {
	  transform: translateX(0)	  
	}
}
/*---------------------_-----*/
/***** Zoom In *****/
/*----------------------_--*/
/*zoomin*/
.zoomin .img-container {
    overflow: hidden;
}
.zoomin img {
    transition: transform .35s,filter .35s,opacity .7s;
    will-change: transform;
}
.zoomin li:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-filter: contrast(1.25);
    filter: contrast(1.25);
}


/*--------------------------*/
/***** Contact Form *****/
/*------------------------*/
.contact-form .control-group:nth-child(odd) {
	margin-left: 0;
}
.contact-cont {
	position: relative;
	max-width: 1366px;
	width: 100%;
	margin: 0 auto;
	padding: 2em;
}

.effect-yoko input {
	position: relative;
	display: block;
	float: right;
	padding: 0.8em;
	width: 60%;
	height: auto;
	border: none;
	border-radius: 0;
	background: #F3F3F3;
	color: #aaa;
	font-weight: bold;
	line-height: inherit;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.effect-yoko input:focus {
	outline: none;
}

.effect-yoko label {
	display: inline-block;
	float: right;
	padding: 0.75em 1em;
	width: 40%;
	color: #28282A;
	font-weight: bold;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
/* Yoko */
.effect-yoko input {
	z-index: 10;
	width: 100%;
	background: transparent;
	color: #000;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.effect-yoko label {
	position: relative;
	width: 100%;
	text-align: left;
}

.effect-yoko label::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 4em;
	background: #F3F3F3;
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.effect-yoko label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.25em;
	background: #28282A;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.effect-yoko input:focus,
.input--filled.effect-yoko input {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.effect-yoko input:focus + label::before,
.input--filled.effect-yoko input + label::before{
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.effect-yoko input:focus + label,
.input--filled.effect-yoko label {
	pointer-events: none;
}

.effect-yoko input:focus + label::after,
.input--filled.effect-yoko label::after {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
}

.effect-yoko :focus:invalid:focus,
.effect-yoko textarea:focus:invalid:focus,
.effect-yoko select:focus:invalid:focus,
.effect-yoko input:focus:invalid:focus,
.effect-yoko textarea:focus:invalid:focus,
.effect-yoko select:focus:invalid:focus {
	border: none;
	box-shadow: none;
}
.textarea {
	margin-left: 0 !important;
}
.contact .textarea textarea {
	width: 100%;
	background: transparent;
	border: 0;
	/*box-shadow: 0 0 1px #fff;*/
	border-radius: 0;
	border-bottom: 3px solid #28282A;
	transition: all 0.4s;
	color: #000;
	line-height: 1;
}
.contact .textarea textarea:focus,
.input--filled textarea {
	background: #F3F3F3;
}
.contact-form .form-actions {
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
      background-color: transparent; 
      border-top: 0;
}
.effect-yoko .contact-form button {
	color: #FFF;
	margin-top: 1em;
	padding: 1em;
	font-weight: bold;
	background-color: #2E3465;
	background-image: none;
	border-radius: 0;
	box-shadow: none;
	text-shadow: none;
	border: 0;
}
.effect-yoko  .contact-form button:hover {
	color: #2E3465;
	background: #69AFF4;
}


/* ------------------------------------------------------------ *\
|* ------------------------------------------------------------ *|
|* Media Queries
|* ------------------------------------------------------------ *|
\* ------------------------------------------------------------ */
@media all and (max-width:860px) { 
	.buttons br {
	  	display: none
	}
	.buttons button {
	  	padding: 10px 20px
	}
}
@media all and (max-width:660px) { 
	/* slide menu top and bottom */
	nav.slide-menu-top ul,
	nav.slide-menu-bottom ul,
	nav.push-menu-top ul,
	nav.push-menu-bottom ul {
	  	padding: 35px 0 0 0
	}
	nav.slide-menu-top a,
	nav.slide-menu-bottom a,
	nav.push-menu-top a,
	nav.push-menu-bottom a {
	  	line-height: 30px;
	  	padding: 0 2px;
	  	font-size: 12px;
	}
	nav.slide-menu-top button.close-menu,
	nav.slide-menu-bottom button.close-menu,
	nav.push-menu-top button.close-menu,
	nav.push-menu-bottom button.close-menu {
	  	line-height: 30px;
	  	padding: 0 2px;
	}
}
@media all and (max-width:330px) { 
	nav.slide-menu-left,
	nav.slide-menu-right,
	nav.push-menu-left,
	nav.push-menu-right {
	  	top: 0;
	  	width: 100%;
	}
	nav.slide-menu-left,
	nav.push-menu-left {
	  	left: -100%
	}
	nav.slide-menu-right,
	nav.push-menu-right {
	  	right: -100%
	}
	body.sml-open nav.slide-menu-left,
	body.pml-open nav.push-menu-left {
	  	left: 0
	}
	body.smr-open nav.slide-menu-right,
	body.pmr-open nav.push-menu-right {
	  	right: 0
	}
	body.pml-open #wrapper {
	  	left: 100%
	}
	body.pmr-open #wrapper {
	  	left: -100%
	}
}
/*---------------------------*/
/***** Accordion Slider *****/
/*-------------------------*/
.accordion-slider {
	width: 100%;
	height: auto; /*to edit in personal.css*/
	overflow: hidden;
}
.accordion-slider ul {
	width: 100%;
	margin: 0;
	padding: 0;
  
}
.accordion-slider ul li {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 25px 10px rgba(0,0,0,0.5);
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	height: auto; /*to edit in personal.css*/
}
.accordion-slider .accordion-item {
	width: 25%;  
}
.accordion-slider ul:hover li {
	width: 23.33333333333%;
}
.accordion-slider .content-container {
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
}
.accordion-slider .content-container a.title {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 50px;
	font-size: 20px;
	background-color: #ccc;
	opacity: 0.9 !important;
	transition: all 0.3s;
	z-index: 10;
}
.accordion-slider .content-container .content {
	text-align: left !important;
	transition: none;
	display: none;
	color: #fff;
	opacity: 0;

}
.accordion-slider ul li:hover {
width: 30%;
}
.accordion-slider ul li:hover .content-container {
	bottom: 0px;
	top: 0;
	background: -moz-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(240,240,240,0) 50%,rgba(255,146,10,1) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(255,255,255,0)),color-stop(50%,rgba(240,240,240,0)),color-stop(100%,rgba(255,146,10,1)));
	background: -webkit-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(240,240,240,0) 50%,rgba(255,146,10,1) 100%);
	background: -o-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(240,240,240,0) 50%,rgba(255,146,10,1) 100%);
	background: -ms-linear-gradient(top,rgba(255,255,255,0) 50%,rgba(240,240,240,0) 50%,rgba(255,146,10,1) 100%);
	background: linear-gradient(to bottom,rgba(255,255,255,0) 50%,rgba(240,240,240,0) 50%,rgba(255,146,10,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffaf4b',endColorstr='#ff920a',GradientType=0 );
}
.accordion-slider ul li:hover .content-container a.title {
	padding: 0 20px;
	font-size: 1em;
	font-weight: bold;
	position: absolute;
	top: 65% !important;
	opacity: 1;
	background: none !important;
}
.accordion ul li:hover .content-container .content {
	display: block;
	padding: 20px;
	position: absolute;
	bottom: 0;
	opacity: 1;
}
.accordion-slider li img {
	display: block;
	height: 100%;
	overflow: hidden;
	max-width: none;
}
/*##### Effects and Animation on Hover #####*/

/*---------------*/
/***** Honey *****/
/*---------------*/
.effect-honey li {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	cursor: pointer;
	background: #FFF;
}

.effect-honey li img {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.effect-honey li:hover img {
	opacity: 0.5;
}

.effect-honey .content-container::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: #FFF;
	content: '';
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

.effect-honey h4 {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em 1.5em;
	width: 100%;
	text-align: left;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.effect-honey h4 i {
	font-style: normal;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

.effect-honey .content-container::before,
.effect-honey h4 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.effect-honey li:hover .content-container::before,
.effect-honey li:hover h4,
.effect-honey li:hover h4 i {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Marley *****/
/*---------------*/

.effect-marley {
	text-align: right;
}

.effect-marley h4,
.effect-marley .content {
	position: absolute;
	right: 30px;
	padding: 10px 0;
}

.effect-marley .content {
	bottom: 30px;
	line-height: 1.5;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.effect-marley h4 {
	top: 30px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

.effect-marley .item:hover h4 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-marley h4::after {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 4px;
	background: #fff;
	content: '';
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

.effect-marley h4::after,
.effect-marley .content {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-marley .item:hover h4::after,
.effect-marley .item:hover .content {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/*---------------*/
/***** Sarah *****/
/*---------------*/

.effect-sarah li {
	background: #42b078;
}
.effect-sarah img {
	max-width: none;
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0.8;
}

.effect-sarah li:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.effect-sarah .content-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em;
}
.effect-sarah .content {
	text-align: left;
}

.effect-sarah h4 {
	position: relative;
	overflow: hidden;
	padding: 0.5em 0;
}

.effect-sarah h4::after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.effect-sarah li:hover h4::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-sarah p {
	padding: 1em 0;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.effect-sarah li:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

.effect-zoe .content {
	top: auto;
	bottom: 0;
	padding: 1em;
	height: 3.75em;
	background: #fff;
	color: #3c4a50;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

.effect-zoe h4 {
	float: left;
}

.effect-zoe .content > span {
	float: right;
}

.effect-zoe p {
	position: absolute;
	bottom: 8em;
	padding: 2em;
	color: #fff;
	text-transform: none;
	font-size: 90%;
	opacity: 0;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.effect-zoe h2,
.effect-zoe .content > span {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

.effect-zoe content > span::before {
	display: inline-block;
	padding: 8px 10px;
	font-family: 'feathericons';
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\e000';
}

.icon-paper-clip::before {
	content: '\e001';
}

.icon-heart::before {
	content: '\e024';
}

.effect-zoe h2 {
	display: inline-block;
}

.effect-zoe:hover p {
	opacity: 1;
}

.effect-zoe li:hover .content,
.effect-zoe li:hover h4,
.effect-zoe li:hover .content > span {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.effect-zoe li:hover h4 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.effect-zoe li:hover .content > span:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.effect-zoe li:hover .content > span:nth-child(3) {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-zoe li:hover figcaption > span:nth-child(2) {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

/*---------------*/
/***** Chico *****/
/*---------------*/
.effect-chico .item {
    position: relative;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

.effect-chico img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.effect-chico .item:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.effect-chico .content-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden
}
.effect-chico .content-container::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 1px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.effect-chico .content-container::before,
.effect-chico p {
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-chico .item-title {
	padding: 20% 0 20px 0;
}

.effect-chico p {
	margin: 0 auto;
	max-width: 200px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

.effect-chico .item:hover .content-container::before,
.effect-chico .item:hover p {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*---------------*/
/***** Sadie *****/
/*---------------*/
.effect-sadie .item{
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	text-align: center;
	cursor: pointer;
}
.effect-sadie .content-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 2em;
	color: #FFF;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  
}
.effect-sadie .content-container::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}
.effect-sadie .img-container,
.effect-sadie .thumbnail {
    width: 100%;
    height: 100%;
}
.effect-sadie .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.effect-sadie .item-title {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #484c61;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

.effect-sadie .content-container::before,
.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.effect-sadie .content {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

.effect-sadie .item:hover .item-title {
	color: #fff;
	-webkit-transform: translate3d(0,-70%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-70%,0) translate3d(0,-40px,0);
}

.effect-sadie .item:hover .content-container::before ,
.effect-sadie .item:hover .content {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/*--------------------------*/
/***** Carousel Fade *****/
/*------------------------*/
.carousel-fade .carousel-inner .item {
        transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
            opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
            opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
}



/*--------------------------*/
/***** Vertical Slider *****/
/*------------------------*/

.carousel.vertical .carousel-inner {
  height: 100%;
  width: auto;
}
.carousel.vertical .carousel-inner .item {
    width: auto;
    padding-right: 50px;
    transition: 0.6s ease-in-out top;
}
    @media all and (transform-3d) {
      .carousel.vertical .carousel-inner .next,
      .carousel.vertical .carousel-inner .active.right {
        transform: translate3d(0, 100%, 0);
        top: 0;
      }
      .carousel.vertical .carousel-inner .prev,
      .carousel.vertical .carousel-inner .active.left {
        transform: translate3d(0, -100%, 0);
        top: 0;
      }
      .carousel.vertical .carousel-inner .next.left,
      .carousel.vertical .carousel-inner .prev.right,
      .carousel.vertical .carousel-inner .active {
        transform: translate3d(0, 0, 0);
        top: 0;
      }
    }

  .carousel.vertical .carousel-inner .active,
  .carousel.vertical .carousel-inner .next,
  .carousel.vertical .carousel-inner .prev {
    display: block;
  }
  .carousel.vertical .carousel-inner .active {
    top: 0;
  }
  .carousel.vertical .carousel-inner .next,
  .carousel.vertical .carousel-inner .prev {
    position: absolute;
    top: 0;
    width: 100%;
  }
  .carousel.vertical .carousel-inner .next {
    top: 100%;
  }
  .carousel.vertical .carousel-inner .prev {
    top: -100%;
  }
  .carousel.vertical .carousel-inner .next.left,
  .carousel.vertical .carousel-inner .prev.right {
    top: 0;
  }
  .carousel.vertical .carousel-inner .active.left {
    top: -100%;
  }
  .carousel.vertical .carousel-inner .active.right {
    top: 100%;
  }
}

.carousel.vertical .carousel-control {
    left: auto;
    width: 50px;
}
.carousel.vertical .carousel-control .up {
      top: 0;
      right: 0;
      bottom: 50%;
    }
.carousel.vertical .carousel-control .down {
      top: 50%;
      right: 0;
      bottom: 0;
    }

    /* Toggles*/
    .carousel.vertical .icon-prev,
    .carousel.vertical .icon-next,
    .carousel.vertical .glyphicon-chevron-up,
    .carousel.vertical .glyphicon-chevron-down {
      position: absolute;
      top: 50%;
      z-index: 5;
      display: inline-block;
    }
    .carousel.vertical .icon-prev,
    .carousel.vertical .glyphicon-chevron-up {
      left: 50%;
      margin-left: -10px;
      top: 50%;
      margin-top: -10px;
    }
    .carousel.vertical .icon-next,
    .carousel.vertical .glyphicon-chevron-down {
      left: 50%;
      margin-left: -10px;
      top: 50%;
      margin-top: -10px;
    }
    .carousel.vertical .icon-up,
    .carousel.vertical .icon-down {
      width: 20px;
      height: 20px;
      line-height: 1;
      font-family: serif;
    }

/*##### Custom Icon definition #####*/
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*##### Devices Metrics Style #####*/

/*RESET BOOTSTRAP*/
@media screen and (min-width:1025px) {
	.res-span {
	  padding: 0!important;
	}
	
}

@media screen and (max-width:1600px) {
}
@media screen and (max-width:1440px) {
      html {
        font-size: 16px;
      }
}
@media screen and (max-width:1366px) {
       }
@media screen and (max-width:1280px) {
      html {
        font-size: 14px;
      }
}
@media screen and (max-width:1152px) {
    html {
        font-size: 13px;    
    }
}
@media screen and (max-width:1024px) {
      html {
        font-size: 12px;
      }

}
@media screen and (min-width:768px) and (max-width:1024px) {

}
@media screen and (max-width:979px) {

}
@media screen and (max-width:768px) {
  
}

/**
* @package Bistro 1.0
* @author ShapeBootstrap http://shapebootstrap.net
* @copyright (c) 2013 - 2015 ShapeBootstrap
* Generated by IcoMoon https://icomoon.io/app
* @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or later
*/

@font-face {
	font-family: 'sb-bistro';
	src:url('../fonts/sb-bistro.eot?-2sivhm');
	src:url('../fonts/sb-bistro.eot?#iefix-2sivhm') format('embedded-opentype'),
		url('../fonts/sb-bistro.ttf?-2sivhm') format('truetype'),
		url('../fonts/sb-bistro.woff?-2sivhm') format('woff'),
		url('../fonts/sb-bistro.svg?-2sivhm#sb-bistro-') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="sb-bistro"], [class*="sb-bistro"] {
	font-family: 'sb-bistro';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.sb-bistro-appetizer:before {
	content: "\e600";
}
.sb-bistro-apple:before {
	content: "\e601";
}
.sb-bistro-blender:before {
	content: "\e602";
}
.sb-bistro-bowl:before {
	content: "\e603";
}
.sb-bistro-burger:before {
	content: "\e604";
}
.sb-bistro-cake:before {
	content: "\e605";
}
.sb-bistro-carrot:before {
	content: "\e606";
}
.sb-bistro-chef-hat:before {
	content: "\e607";
}
.sb-bistro-chicken-1:before {
	content: "\e608";
}
.sb-bistro-chicken:before {
	content: "\e609";
}
.sb-bistro-clock:before {
	content: "\e60a";
}
.sb-bistro-coffee:before {
	content: "\e60b";
}
.sb-bistro-cone-icecream:before {
	content: "\e60c";
}
.sb-bistro-dessert:before {
	content: "\e60d";
}
.sb-bistro-dinner:before {
	content: "\e60e";
}
.sb-bistro-drinks:before {
	content: "\e60f";
}
.sb-bistro-drumstick:before {
	content: "\e610";
}
.sb-bistro-egg-bacon:before {
	content: "\e611";
}
.sb-bistro-fish-1:before {
	content: "\e612";
}
.sb-bistro-fish:before {
	content: "\e613";
}
.sb-bistro-french-fries:before {
	content: "\e614";
}
.sb-bistro-fried-egg:before {
	content: "\e615";
}
.sb-bistro-fruits:before {
	content: "\e616";
}
.sb-bistro-hot-pan:before {
	content: "\e617";
}
.sb-bistro-hotdog:before {
	content: "\e618";
}
.sb-bistro-icecream-1:before {
	content: "\e619";
}
.sb-bistro-icecream-2:before {
	content: "\e61a";
}
.sb-bistro-icecream:before {
	content: "\e61b";
}
.sb-bistro-jackfruit:before {
	content: "\e61c";
}
.sb-bistro-kettle:before {
	content: "\e61d";
}
.sb-bistro-kiwi:before {
	content: "\e61e";
}
.sb-bistro-lemon:before {
	content: "\e61f";
}
.sb-bistro-lunch:before {
	content: "\e620";
}
.sb-bistro-menu:before {
	content: "\e621";
}
.sb-bistro-muffin:before {
	content: "\e622";
}
.sb-bistro-offer:before {
	content: "\e623";
}
.sb-bistro-pan:before {
	content: "\e624";
}
.sb-bistro-pizza:before {
	content: "\e625";
}
.sb-bistro-popsicle:before {
	content: "\e626";
}
.sb-bistro-roast-leg:before {
	content: "\e627";
}
.sb-bistro-rss:before {
	content: "\e628";
}
.sb-bistro-saslik:before {
	content: "\e629";
}
.sb-bistro-sausage:before {
	content: "\e62a";
}
.sb-bistro-spoon-plate:before {
	content: "\e62b";
}
.sb-bistro-spoons:before {
	content: "\e62c";
}
.sb-bistro-steak:before {
	content: "\e62d";
}
.sb-bistro-stockpot:before {
	content: "\e62e";
}
.sb-bistro-taco:before {
	content: "\e62f";
}
.sb-bistro-tea:before {
	content: "\e630";
}
.sb-bistro-tomato:before {
	content: "\e631";
}
.sb-bistro-apron:before {
	content: "\e632";
}
.sb-bistro-contact:before {
	content: "\e633";
}
.sb-bistro-social:before {
	content: "\e634";
}
.sb-bistro-facebook:before {
	content: "\e635";
}
.sb-bistro-twitter:before {
	content: "\e636";
}
.sb-bistro-behance:before {
	content: "\e637";
}
.sb-bistro-pinterest:before {
	content: "\e638";
}
.sb-bistro-googleplus:before {
	content: "\e639";
}
.sb-bistro-vimeo:before {
	content: "\e63a";
}
.sb-bistro-instagram:before {
	content: "\e63b";
}
.sb-bistro-linkedin:before {
	content: "\e63c";
}
.sb-bistro-dribbble:before {
	content: "\e63d";
}
.sb-bistro-youtube:before {
	content: "\e63e";
}
#preview-area {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 60px;
    right: 0;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.spinner {
  margin: auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #333;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}