:root {

  --bg-default: #fff;

  --default-light: #dee2e6; /*d6dad1;*/

  --default-medium: #0c6937; /*dee2e6;*/

  --default-hilite: #e0e0e0;

  --default-hilite-hover: #d0d0d0;

  --default-dark: #343a40; /*2d2c2c;*/

  --default-dark-hover: #1d1c1c;

  --light: #c6cac1;

  --light-hover: #dee2e6;

  --highlight: #a6aaa1;

  --highlight-hover: #dee2e6;    

  --custom-green: #143d23;

  --custom-green-hover: #345d43;

  --redlink: #ea4318;

  --redlink-hover: #ca2308;    

}



*,

*::after,

*::before {

	box-sizing: border-box;

}



@font-face {font-family: fontdefault; src: url('/css/Merriweather/Merriweather-Regular.ttf');}

@font-face {font-family: fontdefaultbold; src: url('/css/Merriweather/Merriweather-Regular.ttf');}

@font-face {font-family: fontbold; src: url('/css/Merriweather/Merriweather-Bold.ttf');}

@font-face {font-family: fontblack; src: url('/css/Merriweather/Merriweather-Black.ttf');}

@font-face {font-family: fontitalic; src: url('/css/Merriweather/Merriweather-LightItalic.ttf');}



.fontdefault                            {font-family:fontdefault,sans-serif!important;}

.fontdefaultbold, strong, b             {font-family:fontbold,sans-serif!important;}

.fontbold                               {font-family:fontbold,sans-serif!important;}

.fontblack                              {font-family:fontblack,sans-serif!important;}

.fontitalic                             {font-family:fontitalic,sans-serif!important;}



.text-custom-green                      {color: var(--default-dark);}

.text-dark-custom                       {color: var(--default-dark);}

.text-dark-custom:hover                 {color: var(--default-dark-hover);}

.text-light-custom                      {color: var(--light);}

.text-light-custom:hover                {color: var(--light-hover);}

.text-redlink                           {color: var(--redlink);}

.text-redlink:hover                     {color: var(--redlink-hover);}

.text-highlight                         {color: var(--bs-indigo);}

.text-highlight:hover                   {color: var(--bs-purple);}

.text-default-hilite                    {color: var(--default-hilite);}

.bg-default-hilite                      {background-color: var(--default-hilite);}

.bg-light-custom                        {background-color: var(--light);}

.bg-medium-custom                       {background-color: var(--light-hover);}

.bg-custom-green                        {background-color: var(--custom-green);}

.bg-default-light                       {background-color: var(--default-light);}

.bg-default-dark                        {background-color: var(--default-dark);}

.bg-highlight                           {background-color: var(--highlight);}



.centered                               {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);}

.animated04                             {-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}

.animated06                             {-webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}

.animated10                             {-webkit-transition:all 1.0s ease;-moz-transition:all 1.0s ease;-o-transition:all 1.0s ease;transition:all 1.0s ease;}

.animated14                             {-webkit-transition:all 1.4s ease;-moz-transition:all 1.4s ease;-o-transition:all 1.4s ease;transition:all 1.4s ease;}



.bg-cover                               {background-size: cover; background-position: center center;background-repeat: no-repeat;}

.bg-cover-top                           {background-size: cover; background-position: top center;background-repeat: no-repeat;}

.bg-contain                             {background-size: contain; background-position: center center;dbackground-repeat: no-repeat;}



.bgtransitions                          {

                                        -webkit-transition: background-color 400ms linear;

                                        -ms-transition: background-color 400ms linear;

                                        transition: background-color 400ms linear;    

                                        }

.letterspacinghover:hover               {letter-spacing: .1rem;}

.cursor-pointer                         {cursor:pointer}



.maskbottom                             {

                                        pointer-events: none;

                                        background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);

                                        background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);

                                        background: -o-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);

                                        background: -ms-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);

                                        background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 20%, rgba(0,0,0,.9) 100%);

                                        }



section                                 {width:100%;z-index: 1;}

.scale-0                                {

                                        opacity:0;

                                        -webkit-transform: scale(0, 0);

                                        -moz-transform: scale(0, 0);

                                        -ms-transform: scale(0, 0);

                                        -o-transform: scale(0, 0);

                                        transform: scale(0, 0);        

                                        }



.mix-blend-mode-difference              {mix-blend-mode: difference;}



.letterspacinghover:hover               {letter-spacing:.1rem;}

.approfondisci                          {color: var(--custom-green);}

.approfondisci:hover                    {color: var(--custom-green-hover);}

.approfondisci svg                      {margin-top: -4px;}



html, body {

	width: 100%;

	overflow-x: hidden;

}



body {

	font-family:fontdefault,sans-serif!important;font-weight: 400;

	/*

    color: var(--default-dark);

	background: var(--default-light);

    */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



body.preventscroll {

  overflow: hidden;

  margin: 0;

  touch-action: none;

  -ms-touch-action: none;

  /* position: fixed; we get rid of this line which resets the flow of the page */

  /* height: 100%; we change 100% to 100vh */ 

  height: 100vh!important;

}

a, .text-link {

	text-decoration: none;

	color: var(--custom-green);

	outline: none;

}



a:active,

a:hover,

a:focus,

.text-link:active,

.text-link:hover,

.text-link:focus {

	color: var(--custom-green-hover)!important;

}



.hidden {

	position: absolute;

	overflow: hidden;

	width: 0;

	height: 0;

	pointer-events: none;

}



/* Icons */

.icon {

	display: block;

	width: 2.2em;

	height: 2.2em;

	margin: 0 auto;

	fill: var(--custom-green);

}

.icon.icon--cross {

	fill: var(--default-light);

}



.icon--inline {

	display: inline-block;

	width: 1em;

	height: 100%;

	margin: 0 0.25em 0 0;

}



.form__close {

    margin: 1.25em 0 0 0;

    position: relative;

    display: inline-block;

    height: 0.65em;

    float: left;

    font-weight: bold;

    cursor: pointer;

}



#ticker-container .icon {width: 1em;height: 1em;}



/* Page Loader */

.js .loading {

    height: 100vh;

    overflow-y: hidden;

    /*-webkit-transition: all 2.4s ease;-moz-transition: all 2.4s ease;-o-transition: all 2.4s ease;transition: all 2.4s ease;*/

}



.js .loading.loaded {

    /*height: auto;*/

    overflow-y: scroll;

    -webkit-transition: all 2.4s ease;-moz-transition: all 2.4s ease;-o-transition: all 2.4s ease;transition: all 2.4s ease;

    transform: scale(5.5);

    opacity: 0;

}



/*.js .loading::before {*/

.js .loading {

	content: '';

	position: fixed;

	z-index: 9999;

	top: 0;

	left: 0;

	display: flex;

	width: 100%;

	text-align: center;

	background: var(--default-dark);

}



.js .loading::after {

	content: '';

	position: fixed;

	z-index: 10000;

	top: 52%;

	left: 50%;

	width: 50px;

	height: 50px;

    border-radius: 50%;

	margin: -25px 0 0 -25px;

	pointer-events: none;

	background: var(--bs-dark);

	animation: loaderAnim 0.8s ease-out infinite alternate forwards;

}



@keyframes loaderAnim {

	to {

		transform: translate3d(0,-100px,0);

	}

}



.content.intro {

	height: 100vh;

}



/* Content */

.content {

	position: relative;

	min-height: 300px;

	overflow-x: hidden;

}



.content--full {

	height: auto!important;

	min-height: 100vh;

    width:100vw;

    margin-left: auto;

    margin-right: auto;

}



.flexy {

	display: flex;

	flex-wrap: wrap;

	flex-direction: column;

	align-items: center;

}



.flexy--center {

    justify-content: center;

}



.flexy--row {

	flex-direction: row;

}



.content__heading {

	flex: none;

	width: 100%;

	padding: 0 5vw;

}



.content__heading--center {

}



.content__title {

}



.content__title--half {

	width: 50%;

	z-index: 2;

}



.content__title--enclosed {

	padding: 0;

	margin: 0;

}



.content__title--center {

	margin: auto;

}



.content__title--right {

	text-align: right;

	padding-right: 2vw;

}



.content__title--left {

	margin-left: -10vw;

}



.content__title--medium  {

}



.content__title--small  {

}



.content__title__inner {

	flex: none;

	display: inline-block;

	white-space: nowrap;

	position: relative;

    line-height:1;

}



.content__image-wrap {

	flex: none;

	width: 25vw;

}



.content__image-wrap--half {

	width: 50%;

}



.content__image {

	width: 100%;

	display: block;

}



.triggers {

	border: 2px solid;

	padding: 3em;

	margin: 0 5vw;

	width: 40vw;

}



/* cover */

.text .h1wrapper {transform: scale(0);transform-origin: center center;}

.text h1         {color: var(--default-light);}

.homecover, 

.coverwrapper    {width: 100vw; height:100vh; position: absolute; top:0; left:0; overflow: hidden;}

/*.homecover       {background-size:cover; background-position:50% 50%;}*/



/* Buttons */

/*

.btn {

	border: 0;

	padding: 0;

	margin: 0;

	color: inherit;

    border-radius: 0;

}



.btn:focus {

	outline: none;

}



.btn--trigger {

	margin: 1em;

	display: block;

	white-space: nowrap;

}



.btn--default,

.btn--trigger::before {

	font-weight: bold;

	border: 2px solid;

	text-align: center;

	text-indent: 0;

	display: inline-block;

	line-height: 1.7;

}



.btn--trigger::before {

	content: 'Press';

	width: 4em;

	height: 2em;

	margin: 0 0.75em;

}



.btn--trigger:active::before {

	content: 'Ouch!';

}



.btn--default {

	padding: 0 1em;

	margin: 2vh 0 0;

}



.btn--tool {

	display: block;

	margin: 1em 0;

	font-size: 1.3em;

	color: #c4bcb8;

}

*/

.btn--menu {

	position: fixed;

	top: 0;

	right: 0;

	pointer-events: visible;

    z-index: 1019;

    transform: none;

}



.btn--close {

	position: fixed;

	top: 0;

	right: 0;

	font-size: 0.75em;

	z-index: 100;

}



.logo-bg {

	top: 0;

	left: 0;

	pointer-events: visible;

    z-index: 0;

}

.logo-container {

	top: 0;

	left: 0;

	pointer-events: visible;

    z-index: 1019;

    transform: none;

    overflow: hidden;

    /*

    mix-blend-mode: difference;

    background-color: var(--default-light);

    */

}



/* Menu */

.menu {

	position: fixed;

	top: 0;

	right: 0;

	height: 100vh;

	width: 370px;

	max-width: 100%;

	z-index: 1020;

}



.js .menu {

	pointer-events: none;

}



.js .menu--open {

	pointer-events: visible;

}



.menu .block-revealer__content {

	height: 100%;

	position: relative;

}



.menu__inner {

	width: 100%;

	height: 100%;

	list-style-type: none;

	margin: 0;

	overflow: hidden;

}



.menu__item {

	padding: 0.15em 0.15em;

}



.js .menu__item {

	transform: translate3d(-13em,0,0);

	transition: transform 0s 0.4s;

}



.btn--close {

	opacity: 0;

}



.menu--open .menu__item,

.menu--open .btn--close {

	opacity: 1;

	transform: translate3d(0,0,0);

	transition: opacity 0.4s 0.135s, transform 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);

}



.menu--open .menu__item:nth-child(2) {

	transition-delay: 0.165s;

}



.menu--open .menu__item:nth-child(3) {

	transition-delay: 0.195s;

}



.menu--open .menu__item:nth-child(4) {

	transition-delay: 0.225s;

}



.menu .menu__link {

}



.menu .menu__link:hover,

.menu .menu__link:focus {

	outline: none;

    letter-spacing: .1rem;

}



.box {

	max-width: 600px;

	width: 100%;

	font-size: 1.25em;

	margin: 16vh 0 0 0;

}



.box--small {

	max-width: 500px;

}



.box--border {

	padding: 2em 3em;

	border: 2px solid;

}



/*

.form {

	width: 100%;

	height: 100vh;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 3;

}



.js .form {

	pointer-events: none;

}



.js .form--open {

	pointer-events: visible;

}



.form__inner {

	position: absolute;

	width: 100%;

	height: 100%;

	min-height: 400px;

	top: 0;

	left: 0;

	padding: 5vw;

	background: #ffc107;

}



.form__section {

	font-size: 1.25em;

	text-align: left;

	padding: 0.5em 0;

	width: 80%;

	max-width: 380px;

	margin: 0 auto;

}



.form__section--title {

	font-size: 2.35vw;

	padding: 0 0 1em;

	line-height: 1.1;

	max-width: 380px;

	margin: 0 auto;

}



.js .form__section {

	transform: translate3d(0,100px,0);

	opacity: 0;

	transition: transform 0s 0.6s, opacity 0s 0.6s;

}



.form--open .form__section {

	opacity: 1;

	transform: translate3d(0,0,0);

	transition: transform 1s 0.3s, opacity 1s 0.3s;

	transition-timing-function: cubic-bezier(0.2,1,0.2,1);

}



.form--open .form__section:nth-child(2) {

	transition-delay: 0.35s;

}



.form--open .form__section:nth-child(3) {

	transition-delay: 0.40s;

}



.form--open .form__section:nth-child(4) {

	transition-delay: 0.45s;

}



.form--open .form__section:nth-child(5) {

	transition-delay: 0.50s;

}



.form--open .form__section:nth-child(6) {

	transition-delay: 0.55s;

}



.form__label {

	display: block;

	flex: none;

	width: 100%;

	padding: 0.25em 0;

}



.form__input {

	padding: 1vh;

	font-size: 1.5em;

}



.form__input,

.form__select {

	width: 100%;

	border: 2px solid;

	font-weight: bold;

	background: transparent;

}



.form__input:focus,

.form__select:focus {

	outline: none;

}



.form__section--right {

	text-align: right;

}

*/

/*

.modal {

	position: fixed;

	max-width: 500px;

	width: 90%;

	z-index: 100;

	font-size: 1.1em;

	pointer-events: none;

	top: 50%;

	left: 50%;

	transform: translate3d(-50%,-50%,0);

}



.modal--open {

	pointer-events: visible;

}



.modal__inner {

	padding: 2.5em;

	color: #fff;

	background: #aaa;

}



.modal__title {

	font-size: 1.5em;

	margin: 0 0 1em 0;

}



.overlay {

	position: fixed;

	width: 100%;

	height: 100vh;

	top: 0;

	left: 0;

	background: rgba(0,0,0,0.5);

	opacity: 0;

	pointer-events: none;

	transition: opacity 0.4s;

}



.modal--open + .overlay {

	pointer-events: visible;

	opacity: 1;

}

*/



.dual {

	width: 90vw;

	margin: 20vh auto;

	position: relative;

}



.dual__inner {

	position: absolute;

	width: 100%;

	height: 100%;	

}



.dual__half {

	position: absolute;

	height: 100%;

	width: 51%;

	right: 0;	

	background-size: cover;

}



#revb01 .dual__half {background-image: url(/images/agriturismo.jpg);}

#revb02 .dual__half {background-image: url(/images/cucina.jpg);}

#revb03 .dual__half {background-image: url(/images/orto.jpg);}



.even .dual__half {

	right: auto;

    left: 0;

}



.dual__content {

	position: relative;

	width: 50%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	min-height: 500px;

	padding: 1.5em 2.5em;

	font-size: 1.75em;

	line-height: 1.4;

	color: var(text-dark-custom);

}



.odd .dual__content {

    text-align: right;

}



.even .dual__content {

    float: right;

}



.js .dual__content {

	opacity: 0;

	pointer-events: none;

	transform: translate3d(60px,0,0);

	transition: opacity 0.55s 0.4s, transform 0.4s 0.4s;

}



.js .even .dual__content {

	transform: translate3d(-60px,0,0);

}



.dual__content.dual__content--show {

	opacity: 1;

	pointer-events: visible;

	transform: translate3d(0,0,0) !important;

}



.author {

	margin: 1em 0 0 0;

	display: block;

	font-size: 0.65em;

}



.media {

	width: 90%;

	max-width: 800px;

	position: relative;

}



.media__inner {

	display: block;

	position: relative;

}



.media__image {

	display: block;

	max-width: 100%;

}



.media__toolbar {

	position: absolute;

	top: 0;

	right: 0;

	height: 100%;

	padding: 2.15em;

	display: flex;

	overflow: hidden;

	flex-direction: column;

	justify-content: flex-end;

}



.js .btn--tool {

	opacity: 0;

	pointer-events: none;

	transform: translate3d(200%,0,0);

	transition: opacity 0.6s 0.28s, transform 0.6s 0.28s;

	transition-timing-function: ease, cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.js .btn--tool:nth-child(2) {

	transition-delay: 0.32s;

}



.js .btn--tool:nth-child(3) {

	transition-delay: 0.34s;

}



.media__toolbar--show .btn--tool{

	opacity: 1;

	pointer-events: visible;

	transform: translate3d(0,0,0);

}



@media screen and (max-width: 56.250em) {

	.btn--tool {

		font-size: 3vw;

	}

	.media__toolbar {

		padding: 3.5vw;

	}

}



@media screen and (max-width: 50em) {

    /*

	.content--full {

		min-height: 0;

	}

	.content__title {

	}

	.content__title--medium  {

	}

	.content__title--small {

	}

	.content__title--half {

		width: 100%;

	}

	.content__title--right {

		padding: 0 5vw;

	}

	.content__title--left {

		margin-left: 0;

	}

	.flexy--row {

	    flex-direction: column;

	}

	.form__title,

	.form__section {

		font-size: 0.85em;

	}

	.triggers {

		width: 100%;

		border: 0;

		padding: 0;

		font-size: 0.85em;

	}

	.modal {

		font-size: 0.85em;

	}

	.menu .menu__link {

		font-size: 2em;

	}

	.box {

		padding: 5vw;

		font-size: 0.85em;

	}

	.box--border {

		border: none;

	}

	.dual__content {

		min-height: 200px;

		font-size: 0.85em;

		padding: 1em;

	}

	.dual {

		margin-top: 0;

	}

    */

}



.JL {

  z-index: 999;

  position: absolute;

  top: auto;

  bottom: 0;

  text-align: left;

  width: 100%;

}



.img-container {

  position: relative;

  height: 100%;

  width: 100%;

  overflow: hidden;

}

  .mask {

    z-index: 999;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    height: 100%;

    width: 100%;

    transform-origin: bottom;

  }



  .img-inner {

    height: 100%;

    width: 100%;

    background-image: url("/images/cover.jpg");

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

    transform-origin: bottom;

  }













/*

    section.text {

      z-index: 1;

    }



    .text-banner {

      min-height:100vh;

      display: flex;

      justify-content: center;

      position: relative;

      z-index: 0;

    }



    .text-banner__inner {

        margin: auto;

    }

*/



.comparisonSectioncontainer {height:100vh;}

.comparisonSection {

  position: relative;

    height: 100%;

}

.comparisonImage {

  width: 100%;

  height: 100%;

}

.afterImage {

  position: absolute;

  overflow: hidden;

  top: 0;

  transform: translate(100%, 0px);

}

.afterImage img, .afterImage .img {

  transform: translate(-100%, 0px);

}



.comparisonImage img, .comparisonImage .img {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

}



.beforeImage .img {background-image: url(/images/vinibianchi.jpg);background-position:center center;background-size:cover;}

.afterImage .img {background-image: url(/images/vinirossi.jpg);background-position:center center;background-size:cover;}



















    .section.hscroll .img {background-position: center center; background-size: cover;}

    .section.hscroll.vinibianchi .img {background-image: url(/images/didattica.jpg);}

    .section.hscroll.vinirossi .img  {background-image: url(/images/ultimacena.jpg);}



@media only screen and (orientation : landscape) {

    h1, .h1 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 4vw;

      letter-spacing: -0.04em;

    }



    h2, .h2 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 2.3vw;

    }



    h3, .h3 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 1.9vw;

    }



    h4, .h4 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 1.3vw;

    }



    h5, .h5 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 1vw;

    }



    h6, .h6 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 0.85vw;

    }    

}



@media only screen and (orientation : portrait) {

    h1, .h1 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 8vw;

      letter-spacing: -0.04em;

    }



    h2, .h2 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 6vw;

    }



    h3, .h3 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 5.4vw;

    }



    h4, .h4 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 4.4vw;

    }



    h5, .h5 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 4vw;

    }



    h6, .h6 {

      margin-top: 0px;

      margin-bottom: 0px;

      font-size: 3vw;

    }

}



@media only screen and (min-width : 320px) {        



    .pinned                         {margin-top: 10vh;}

    .pinned:first-child             {margin-top: 0;}

    .pinned .container              {}

    .pinned .img, .pinned .text     {width: 50%; float: left;}

    .pinned .img                    {position: relative;}

    .pinned .text                   {}

    .pinned img                     {max-width: 100%!important;max-height: 400px!important;margin-left:auto;margin-right:0;}

    .pin-spacer                     {overflow: hidden!important;}



    .section                        {overflow: hidden!important;}

    .section-spacer                 {height:20vh;}



    .hidden {

        position: absolute;

        overflow: hidden;

        width: 0;

        height: 0;

        pointer-events: none;

    }



    

    /* Banner */

    #ticker-container {

      position:fixed;

      top: calc(100vh - 60px);

      left: 0;

      width: 100vw;

      height: 60px;

      display: inline-block;

      backdrop-filter: blur(10px);

        mix-blend-mode: difference;

        color:#fff;

      z-index: 1020;

    }

    #ticker-container-inner {

      position:absolute;

      top: 0;

      left:0;

      width: 100vw;

      height: 60px;

      display: inline-block;

      overflow: hidden;

    }

    #ticker-container #close{

        position: absolute;

        right: -35px;

        top: -15px;

        width: 30px;

        height: 30px;

        text-align: center;

        content: '&#x2716';

        background: #fff;

    }

    #ticker-container #close svg{

        fill: #000;

    }

    ul.ticker{

      width: 100%;

      height: 100%;

      padding: 0;

      overflow: hidden;

      white-space: nowrap;

      display: inline-block;

      overflow: hidden;

    }



    ul.ticker li{

      list-style: none;

      margin: 0 3em 0 0;

      padding: 0;

      display: inline-block;

      line-height: 55px;

      vertical-align: middle;

      font-size: 30pt;

      /*font-weight: 900;*/

    }



    ul.ticker li span{

      display: inline-block;

    }



    ul.ticker li span a{

      color: tomato;

    }    

    

    /* Content */

    .content.intro {

        height: 100vh;

    }



    .content {

        position: relative;

        min-height: 300px;

        overflow-x: hidden;

        height: 100vh;

    }



    .content--full {

        height: 100vh;

        min-height: 100vh;

        width:100vw;

        margin-left: auto;

        margin-right: auto;

    }



    .flexy {

        display: flex;

        flex-wrap: wrap;

        flex-direction: column;

        align-items: center;

    }



    .flexy--center {

        justify-content: center;

    }



    .flexy--row {

        flex-direction: row;

    }



    .content__heading {

        flex: none;

        width: 100%;

        padding: 0 5vw;

    }



    .content__heading--center {

    }



    .content__title {}



    .content__title--half {

        width: 50%;

        z-index: 2;

    }



    .content__title--enclosed {

        padding: 0;

        margin: 0;

    }



    .content__title--center {

        margin: auto;

    }



    .content__title--right {

        text-align: right;

        padding: 0 0 0 2em;

    }



    .content__title--left {

        margin-left: -10vw;

    }



    .content__title--medium  {

    }



    .content__title--small  {

    }



    .content__title__inner {

        flex: none;

        display: inline-block;

        white-space: nowrap;

        position: relative;

    }



    .content__image-wrap {

        flex: none;

        width: 25vw;

    }



    .content__image-wrap--half {

        /*width: 50vw;*/

        width: 50%;

    }



    .content__image {

        width: 100%;

        display: block;

    }



    .triggers {

        border: 2px solid;

        padding: 3em;

        margin: 0 5vw;

        width: 40vw;

    }



    header .btn {

        border: 0;

        padding: 0;

        color: inherit;

        margin: 0;

    }



    .btn:focus {

        outline: none;

    }



    .btn--trigger {

        margin: 1em;

        display: block;

        white-space: nowrap;

    }



    .btn--default,

    .btn--trigger::before {

        font-weight: bold;

        border: 2px solid;

        text-align: center;

        text-indent: 0;

        display: inline-block;

        line-height: 1.7;

    }



    .btn--trigger::before {

        content: 'Press';

        width: 4em;

        height: 2em;

        margin: 0 0.75em;

    }



    .btn--trigger:active::before {

        content: 'Ouch!';

    }



    .btn--default {

        padding: 0 1em;

        margin: 2vh 0 0;

    }



    .btn--tool {

        display: block;

        margin: 1em 0;

        font-size: 1.3em;

        color: #8a7c78;

    }



    .btn--menu {

        top: 0;

        right: 0;

        pointer-events: visible;

        z-index: 1019;

        transform: none;

    }



    .btn--close {

        position: absolute;

        top: 0;

        right: 0;

        font-size: 0.75em;

        z-index: 100;

    }



    /* Menu */

    .menu {

        position: fixed;

        top: 0;

        right: 0;

        height: 100vh;

        width: 450px;

        max-width: 100%;

        z-index: 1020;

    }



    .js .menu {

        pointer-events: none;

    }



    .js .menu--open {

        pointer-events: visible;

    }



    .menu .block-revealer__content {

        height: 100%;

        position: relative;

    }



    .menu__inner {

        width: 100%;

        height: 100%;

        list-style-type: none;

        margin: 0;

        overflow: hidden;

        overflow-y: scroll;

    }



    .menu__item {

        padding: 0.15em 0.15em;

    }



    .js .menu__item {

        transform: translate3d(-13em,0,0);

        transition: transform 0s 0.4s;

    }



    .btn--close {

        opacity: 0;

    }



    .menu--open .menu__item,

    .menu--open .btn--close {

        opacity: 1;

        transform: translate3d(0,0,0);

        transition: opacity 0.4s 0.135s, transform 0.4s 0.135s cubic-bezier(0.645, 0.045, 0.355, 1);

    }



    .menu--open .menu__item:nth-child(2) {transition-delay: 0.165s;}

    .menu--open .menu__item:nth-child(3) {transition-delay: 0.175s;}

    .menu--open .menu__item:nth-child(4) {transition-delay: 0.185s;}

    .menu--open .menu__item:nth-child(5) {transition-delay: 0.195s;}

    .menu--open .menu__item:nth-child(6) {transition-delay: 0.205s;}

    .menu--open .menu__item:nth-child(7) {transition-delay: 0.215s;}

    .menu--open .menu__item:nth-child(8) {transition-delay: 0.225s;}

    .menu--open .menu__item:nth-child(9) {transition-delay: 0.235s;}

    .menu--open .menu__item:nth-child(10){transition-delay: 0.245s;}

    .menu--open .menu__item:nth-child(11){transition-delay: 0.255s;}

    .menu--open .menu__item:nth-child(12){transition-delay: 0.265s;}

    .menu--open .menu__item:nth-child(13){transition-delay: 0.275s;}

    .menu--open .menu__item:nth-child(14){transition-delay: 0.285s;}

    .menu--open .menu__item:nth-child(15){transition-delay: 0.295s;}

    .menu--open .menu__item:nth-child(16){transition-delay: 0.305s;}

    .menu--open .menu__item:nth-child(17){transition-delay: 0.315s;}



    .menu .menu__link {}



    .menu .menu__link:hover,

    .menu .menu__link:focus {

        outline: none;

        letter-spacing: .1rem;

    }



    .box {

        max-width: 600px;

        width: 100%;

        font-size: 1.25em;

        margin: 16vh 0 0 0;

    }



    .box--small {

        max-width: 500px;

    }



    .box--border {

        padding: 2em 3em;

        border: 2px solid;

    }



    

    /*

    .form-floating textarea {height: 10.5rem!important;}

    .form-floating .form-control {font-size: 1.5rem;!important;}

    .form__inner {

        position: absolute;

        width: 100%;

        height: 100%;

        min-height: 100vh;

        top: 0;

        left: 0;

        padding: 5vw;

        background: #fff;

    }



    .form__section {

        font-size: 1.25em;

        text-align: left;

        padding: 0.5em 0;

        width: 80%;

        max-width: 380px;

        margin: 0 auto;

    }



    .form__section--title {

        font-size: 2.35vw;

        padding: 0 0 1em;

        line-height: 1.1;

        max-width: 380px;

        margin: 0 auto;

    }



    .js .form__section {

        transform: translate3d(0,100px,0);

        opacity: 0;

        transition: transform 0s 0.6s, opacity 0s 0.6s;

    }



    .form--open .form__section {

        opacity: 1;

        transform: translate3d(0,0,0);

        transition: transform 1s 0.3s, opacity 1s 0.3s;

        transition-timing-function: cubic-bezier(0.2,1,0.2,1);

    }



    .form--open .form__section:nth-child(2) {

        transition-delay: 0.35s;

    }



    .form--open .form__section:nth-child(3) {

        transition-delay: 0.40s;

    }



    .form--open .form__section:nth-child(4) {

        transition-delay: 0.45s;

    }



    .form--open .form__section:nth-child(5) {

        transition-delay: 0.50s;

    }



    .form--open .form__section:nth-child(6) {

        transition-delay: 0.55s;

    }



    .form__label {

        display: block;

        flex: none;

        width: 100%;

        padding: 0.25em 0;

    }



    .form__input {

        padding: 1vh;

        font-size: 1.5em;

    }



    .form__input,

    .form__select {

        width: 100%;

        border: 2px solid;

        font-weight: bold;

        background: transparent;

    }



    .form__input:focus,

    .form__select:focus {

        outline: none;

    }



    .form__section--right {

        text-align: right;

    }



    .modal-custom {

        position: fixed;

        max-width: 500px;

        width: 90%;

        font-size: 1.1em;

        pointer-events: none;

        top: 50%;

        left: 50%;

        transform: translate3d(-50%,-50%,0);

        z-index: -100;

        display: none;

    }



    .modal--open {    

        z-index: 100;

        display: block;

        pointer-events: visible;

    }



    .modal__inner {

        padding: 2.5em;

        color: #fff;

        background: #aaa;

    }



    .modal__title {

        font-size: 1.5em;

        margin: 0 0 1em 0;

    }



    .overlay {

        position: fixed;

        width: 100%;

        height: 100vh;

        top: 0;

        left: 0;

        background: rgba(0,0,0,0.5);

        opacity: 0;

        pointer-events: none;

        transition: opacity 0.4s;

    }



    .modal--open + .overlay {

        pointer-events: visible;

        opacity: 1;

    }

    */

    

    .content-scale {overflow: hidden;background-color: var(--default-light);min-height:100vh;}    

    .content-scale .img-container {z-index: 2;}    

    .content-scale .text-container {background-color: var(--default-light);}    

        

    section.text {z-index: 1;}

    

    .text-banner {

      min-height:100vh;

      display: flex;

      justify-content: center;

      position: relative;

      z-index: 0;

    }



    .text-banner__inner {

        margin: auto;

    }



    .fade-up-title span, .fade-up-text span {

    }            



    .footer,      

    .footer-inner {min-height: 100vh;}      

    .footer {      

      display: flex;

      flex-direction: column;

      align-items: center;

      justify-content: center;

      color: var(--default-dark);

    } 



    .grid_img {

      position: absolute;

      left: 0%;

      top: 0%;

      right: 0%;

      bottom: 0%;

      width: 100%;

      height: 100%;

      -o-object-fit: cover;

      object-fit: cover;

    }



    .grid_item {}



    .grid_element {

      position: relative;

      width: 100%;

      padding-top: 131%;

    }



    .grid_list {

      display: -webkit-box;

      display: -webkit-flex;

      display: -ms-flexbox;

      display: flex;

      padding-top: 3.6em;

      -webkit-box-orient: horizontal;

      -webkit-box-direction: normal;

      -webkit-flex-direction: row;

      -ms-flex-direction: row;

      flex-direction: row;

      -webkit-box-pack: start;

      -webkit-justify-content: flex-start;

      -ms-flex-pack: start;

      justify-content: flex-start;

      -webkit-flex-wrap: wrap;

      -ms-flex-wrap: wrap;

      flex-wrap: wrap;

      -webkit-box-align: start;

      -webkit-align-items: flex-start;

      -ms-flex-align: start;

      align-items: flex-start;

    }



    .grid_wrapper {

      position: relative;

      z-index: 2;

    }



    .grid_wrapper.is--alt {

      padding-bottom: 23.7em;

    }



    .grid_text-wrap {

        z-index:2;    

    }



    .grid_text-title {

      position: relative;

      line-height: 0.8;

      font-weight: 700;

      letter-spacing: -0.04em;

    }



    .grid_text-title-centered {

      line-height: 0.8;

      font-weight: 700;

      letter-spacing: -0.04em;

        opacity:0;

        -webkit-transform: scale(10, 10);

       -moz-transform: scale(10, 10);

       -ms-transform: scale(10, 10);

       -o-transform: scale(10, 10);

       transform: scale(10, 10);        

    }

    

    .grid_item:nth-child(6n+1) {width: 50%;}

    .grid_item:nth-child(6n+2) {width: 50%;}

        

    .grid_text-item {

        pointer-events: none;

        -webkit-transition: all .6s ease;-moz-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;

    }

    .grid_text-item.is--active {

        opacity: 1.0;

    }        

    

    /* img reveal -------------------------------------------------- */

    .img-reveal-wrapper-section{}

    .img-reveal-wrapper {

      display: flex;

      flex-direction: column;

      justify-content: center;

      align-items: center;

      height: 100vh;        

      width: 100vw;

      position: relative;

    }

    .img-reveal {      

      visibility: hidden;

      position: relative;

      height: 100%;

      width: 100%;

        padding: 10vh;        

      overflow: hidden;

        text-align:center;

    }                        

    .img-reveal img {

        height: 100%;

        width: 100%;

        object-fit: contain;

        dtransform-origin: left;

    }

} 



/* Extra Small Devices, Phones */ 

@media only screen and (min-width : 480px) {

}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {

}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {

    .logo-container {

    }

    

    .dual {

        width: 90vw;

        margin: 10vh auto;

        position: relative;

    }



    .dual__inner {

        position: absolute;

        width: 100%;

        height: 100%;	

    }



    .dual__half {

        position: absolute;

        height: 100%;

        width: 51%;

        right: 0;	

        background-size: cover;

    }



    .even .dual__half {

        right: auto;

        left: 0;

    }



    .dual__content {

        position: relative;

        width: 50%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        min-height: 500px;

        padding: 1.5em 2.5em;

        font-size: 1.75em;

        line-height: 1.4;

        color: var(--default-dark);

    }



    .odd .dual__content {

        text-align: right;

    }



    .even .dual__content {

        float: right;

    }



    .js .dual__content {

        opacity: 0;

        pointer-events: none;

        transform: translate3d(60px,0,0);

        transition: opacity 0.55s 0.4s, transform 0.4s 0.4s;

    }



    .js .even .dual__content {

        transform: translate3d(-60px,0,0);

    }



    .dual__content.dual__content--show {

        opacity: 1;

        pointer-events: visible;

        transform: translate3d(0,0,0) !important;

    }

    

    .comparisonSectioncontainer {padding:10vh;}

    

    .grid_item:nth-child(4n+1) {width: 25%;}

    .grid_item:nth-child(4n+2) {width: 20%;}

    .grid_item:nth-child(4n+3) {width: 25%;}

    .grid_item:nth-child(4n+4) {width: 30%;}

    

    .img-reveal {

      height: 100%;

      width: 100%;

        padding: 10vh;

        overflow: hidden;

    }                            

}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {

}



/* Parallax images */

.parallaximg-wrapper {flex-wrap: wrap;justify-content: center;}

.delayed-section {

    display: inline-block;

    margin-left: auto;

    margin-right: auto;

}

.delayed-section .img, .delayed-section .innerContainer {

    max-width: 100%;

    will-change: transform;

}

.delayed-section a {

}



/* SmoothScroll */

#viewport {

  overflow: hidden;

  position: fixed;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}



#content     {

  overflow: visible;

  width: 100%;

}