/* ================================
        Custom CSS
================================ */





/* ================================
        Loader
================================ */

 .loader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex!important;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: black;
  -webkit-transition: -webkit-transform 750ms
    cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 750ms cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: inherit!important;
}
.pace {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.logo-text {
  font-size: 22px;
  letter-spacing: -0.4px;
}
.logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 220px;
  height: 25px;
  justify-content: start;
}
/*! CSS Used from: Embedded */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 999;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pace .preloader_percentage::after {
  content: attr(data-progress-text);
  display: inline-block;
}

.progressbar {
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: auto 15px;
  height: 2px;
  background: #a8acaa;
  overflow: hidden;
}
.counter{
  font-size: 15px;
  color: white;
  min-width:36px;
}


div.progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #2a2a2a;
  transition: all .3s;
}
.transform{
  transform: translate(0,-100%);
}






/* ================================
        Portfolio Grid CSS
================================ */

body {
  background-color: #F0F0F0;
  overflow-x: hidden;
}
.header__area {position:relative; z-index:999}


.container-fluid {
  padding-left: 3vw;
  padding-right: 3vw;
}

.root {
  min-height: 100vh;
}

.switch-btn-wrap {
  display: inline-flex;
  position: relative;
  z-index: 2;
  padding: 4px;
  border: 1px solid #202020;
  border-radius: 50px;
}
.switch-btn-wrap .switch-item {
  display: block;
  font-size: 14px;
  color: #222;
  padding: 4px 22px;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 50px;
  cursor: pointer;
}
.switch-btn-wrap .slide-indicator {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-color: #d3e069;
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  z-index: -2;
  border-radius: 50px;
}
.switch-btn-wrap .switch-item.active {
  color: #000;
}
.switch-btn-wrap .switch-item.tamp-active {
  color: #000;
}
.switch-btn-wrap .switch-item.tamp-inactive {
  color: #222;
}

.filter-wrap {
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
  z-index: 500;
}
.filter-wrap .title {
  display: block;
  padding: 5px 0;
  cursor: pointer;
}
.filter-wrap .title .cat {
  display: inline-block;
  margin-left: 10px;
}
.filter-wrap ul {
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  width: max-content;
  background-color: #fff;
  left: 0;
  top: 100%;
  border-radius: 4px;
  display: none;
  overflow: hidden;
}
.filter-wrap ul{width:160px;}
.filter-wrap ul li {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  font-size:14px;
  color:#000;
}
.filter-wrap ul li:hover {
  background-color: #F0F0F0;
}

.tooltip-cursor {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: #222;
  color: #fff;
  display: block;
  transition: all 0.05s;
  text-transform: uppercase;
  padding: 0px 8px;
  font-size: 14px;
}

.portfolio-wrap {
  margin-bottom: 30px;
}
.portfolio-wrap .thumb img {
  width: 100%;
}

.cat-list, .portfolio-list {
  padding: 0;
  margin: 0;
  list-style: none;
}

.cat-list li {
  display: inline-block;
  margin-right: 10px;
}

.portfolio-list .list-filter-wrap {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  position: relative;
}
.portfolio-list .list-filter-wrap:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #222;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.portfolio-list .list-filter-wrap:hover:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
}



.grid__wrap .supermod-unit-grid-image img {
  transform: rotate(8deg) scale(1.3);
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.075, 0, 0.165, 0), transform 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.grid__wrap.active-view .supermod-unit-grid-image {
  overflow: hidden;
}
.grid__wrap.active-view .supermod-unit-grid-image img {
  transform: rotate(0deg) scale(1);
  opacity: 1;
}

.list_wrap .accordion-wrap {
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.3, 0.3, 0, 1), transform 0.5s cubic-bezier(0.3, 0.3, 0, 1);
}
.list_wrap.active-view .accordion-wrap {
  transform: translateY(0);
  opacity: 1;
  transition-delay: var(--delay);
}


.portfolio-wrap h3{margin: 0;
    font-size: 35px;
    letter-spacing: -2px;
    font-family: 'Chalet-NewYorkNineteenSixty';}
.grid__wrap{position:relative;}
.list_wrap{position:relative;}
.header__area{margin-bottom:60px}
.grid-header {display:flex; align-items:center; justify-content:space-between; margin:30px 0px;}

.w-dyn-list .w-dyn-item{overflow:hidden; }
.w-dyn-list .w-dyn-item img{transition:0.5s;}
.w-dyn-list .w-dyn-item img:hover{transform:scale(1.1); transition-duration:1.5s;}



/*========================================
		Gallery-Lightbox
======================================== */

#lightgallery a{display:block; text-decoration:none;}
#lightgallery{display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 25px;
    border-top: 2px solid #000;
    padding-top: 30px;
    border-bottom: 2px solid #000;
    padding-bottom: 65px;}
#lightgallery picture img{width:100%; height: 550px; object-fit: cover; }
#lightgallery .gallery-content p{text-decoration:none; color:#000;}



/*========================================
		Margins, Paddings and borders
======================================== */

.m0 {margin:0px !important;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}


.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}

.mb50{margin-bottom: 50px}


.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pt60{padding-top:60px;}
.pt70{padding-top:70px;}

.p0 {padding:0px !important;}
.pr{position:relative;}
.accordion_container { width: 100%;}

.align-items-center {  align-items: center!important;}
.flex-end{justify-content:flex-end;}

.three-column-grid{display: grid;
  grid-template-columns: 13vw 77vw 5vw;
  align-items: center;}
  
.accordion-two-column-grid{display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  padding: 20px 0px !important;}  
  
  
.accordion_body .box-content{padding-bottom:20px !important}

.accordion_container h3.display-2{color:#202020; font-size: 45px; padding-bottom: 20px;}
.accordion_head {
  color: #202020;
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 1px 0;
  padding: 7px 11px;
}

.accordion_head h5{ text-transform:uppercase; font-size:14px; font-weight: 400;}
.accordion_head p{ font-size:16px}
.accordion_head span{text-align: right; font-size:14px}

.accordion_body p {
  padding: 18px 5px;
  margin: 0px;
}

.plusminus {
  float: right;
}


.swiper {
        width: 100%;
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
		cursor: grab;
      }



 /********** TABS **********/
 


.home-more-tabs {
	 left: 50%;
	 -webkit-transform: translateX(-50%);
	         transform: translateX(-50%);
	 position: relative;
	 padding: 20px 0px;
	 width: 100%;
	 border-radius: 5px;
	 min-width: 240px;
    overflow: auto;
}
.home-more-tabs input[name="tab-control"] {
	 display: none;
}
.home-more-tabs .content section h2, .tabs ul li label {
	 font-size: 18px;
	 color: #428bff;
}
.home-more-tabs ul {
	 list-style-type: none;
	 padding-left: 0;
	 display: -webkit-box;
	 display: flex;
	 -webkit-box-orient: horizontal;
	 -webkit-box-direction: normal;
	         flex-direction: row;
	 margin-bottom: 10px;
	         justify-content: space-around;
	         align-items: center;
	 flex-wrap: wrap;
	 border: 1px solid #c8c5c5;
    border-radius: 30px;
    width: 175px;
    margin-left: auto;
	
	 
}
.home-more-tabs ul li {
	 box-sizing: border-box;
	 text-align: center;
}
.home-more-tabs ul li label {
	 -webkit-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 color: #202020;
	 overflow: hidden;
	 text-overflow: ellipsis;
	 display: block;
	 cursor: pointer;
	 -webkit-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
	 white-space: nowrap;
	 -webkit-touch-callout: none;
     user-select: none;
	 text-transform:uppercase;
	 font-size:18px;
	 background: transparent;
    border-radius: 20px;
    padding: 5px 15px;
	margin-bottom:0;
	font-weight: 400;
	
}


.home-more-tabs ul li label:hover, .home-more-tabs ul li label:focus, .home-more-tabs ul li label:active {
	 outline: 0;
	 color: #bec5cf;
}

.home-more-tabs .slider {
	 position: relative;
	 width: 25%;
	 -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
	 transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
.home-more-tabs .slider .indicator {
	 position: relative;
	 width: 50px;
	 max-width: 100%;
	 margin: 0 auto;
	 height: 4px;
	 background: #EB3349;
	 border-radius: 1px;
}
.home-more-tabs .content {
	 margin-top: 30px;
	 overflow:hidden;
}
.home-more-tabs .content section {
	 display: none;
	 -webkit-animation-name: content;
	         animation-name: content;
	 -webkit-animation-direction: normal;
	         animation-direction: normal;
	 -webkit-animation-duration: 0.3s;
	         animation-duration: 0.3s;
	 -webkit-animation-timing-function: ease-in-out;
	         animation-timing-function: ease-in-out;
	 -webkit-animation-iteration-count: 1;
	         animation-iteration-count: 1;
	 line-height: 1.4;
}


 @media (max-width: 600px) {
	.home-more-tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
		 background: rgba(0, 0, 0, 0.08);
	}
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .slider {
	 -webkit-transform: translateX(0%);
	         transform: translateX(0%);
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
	 display: block;
}


 @media (max-width: 600px) {
	 .home-more-tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
		 background: rgba(0, 0, 0, 0.08);
	}
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .slider {
	 -webkit-transform: translateX(100%);
	         transform: translateX(100%);
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
	 display: block;
}
}

 @media (max-width: 600px) {
	 .home-more-tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
		 background: rgba(0, 0, 0, 0.08);
	}
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .slider {
	 -webkit-transform: translateX(200%);
	         transform: translateX(200%);
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
	 display: block;}
}
 @media (max-width: 600px) {
	.home-more-tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
		 background: rgba(0, 0, 0, 0.08);
	}
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .slider {
	 -webkit-transform: translateX(300%);
	         transform: translateX(300%);
}
 .home-more-tabs input[name="tab-control"]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
	 display: block;
}
 @-webkit-keyframes content {
	 from {
		 opacity: 0;
		 -webkit-transform: translateY(5%);
		         transform: translateY(5%);
	}
	 to {
		 opacity: 1;
		 -webkit-transform: translateY(0%);
		         transform: translateY(0%);
	}
}
 @keyframes content {
	 from {
		 opacity: 0;
		 -webkit-transform: translateY(5%);
		         transform: translateY(5%);
	}
	 to {
		 opacity: 1;
		 -webkit-transform: translateY(0%);
		         transform: translateY(0%);
	}
}
 @media (max-width: 1000px) {
	 .home-more-tabs ul li label {
		 white-space: initial;
		 
	}
}


 /********** SWIPER SLIDDER **********/



.swiper.gallery-slider{
        width: 100%;
        height: 100%;
		margin-bottom: 30px;
        padding-top: 15px;
		margin-top: 25px;
      }

.gallery-slider .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

.gallery-slider .swiper-slide img {
        display: block;
        width: 100%;
      }
.gallery-slider .swiper-pagination-bullet-active{background:#ece70c !important}
.gallery-slider .swiper-pagination-bullet{background:#ece70c; width: 15px; height: 15px;}

.gallery-section{background:#f0f0f0; margin-top: 20px; padding-left: 40px; padding-right: 40px;}

.full-headings{display:flex; justify-content: space-between; border-bottom: 2px solid #000;
    padding-bottom: 25px;}
.full-headings .hero-display { padding-right: 20px;}
.full-headings p{font-size:12px}

#lightgallery .gallery-content{display:flex; justify-content:space-between; padding-top: 20px;}

.iframe-img{background:#f0f0f0; padding-left: 40px; padding-right: 40px;}

 /********** TOGGLE **********/

.toggle-button-cover{
    display: flex;
    position: relative;
    width: 100%;
    justify-content: flex-end;
	padding:25px;
}


.button-cover:before
{
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
}



.toggle-button-cover .button
{
    width: 130px;
    height: 36px;
    overflow: hidden;
	background:transparent;
	border:1px solid #c8c5c5;
}
.toggle-button-cover .button:hover{background:transparent}
.toggle-button-cover .button:before{background:transparent}

.button.r, .button.r .layer
{
    border-radius: 100px;
}

.toggle-button-cover .button.b2
{
    border-radius: 2px;
}

.toggle-button-cover .checkbox
{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}

.toggle-button-cover .knobs
{
    z-index: 2;
}

.toggle-button-cover .layer
{
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
}

/* Button 1 */
#button-1 .knobs:before
{
    content: 'Grid';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 50px;
    height: 10px;
    color: #202020;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    padding: 8px 7px;
    background-color: #d3e069;
    border-radius: 20px;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
    text-transform: uppercase;
}

#button-1 .checkbox:checked + .knobs:before
{
    content: 'List';
    left: 58px;
    background-color: #d3e069;
	text-transform:uppercase;
}

#button-1 .checkbox:checked ~ .layer
{
    background-color: #fcebeb;
}

#button-1 .knobs, #button-1 .knobs:before, #button-1 .layer
{
    transition: 0.3s ease all;
}








 /********** ACCORDION **********/
 
.accordion-border{border-bottom:1px solid #c8c5c5}
.accordion {
	margin: auto;
	width: 100%;
}
.accordion input {
	display: none;
}
.accordion .box {
	position: relative;
	background: white;
    height: 64px;
    transition: all .5s ease-in-out;
}

.accordion header.box {
	background: #00BCD4;
	z-index: 100;
	cursor: initial;
	box-shadow: 0 -1px 0 #e5e5e5,0 0 2px -2px rgba(0,0,0,.12),0 2px 4px -4px rgba(0,0,0,.24);
}
.accordion header .box-title {
	margin: 0;
	font-weight: normal;
	font-size: 16pt;
	color: white;
	cursor: initial;
}
.accordion .box-title {
	width: calc(100% - 40px);
	height: 64px;
	line-height: 64px;
	padding: 0 20px;
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}
.accordion .box-content {
	width: 100%;
	padding: 30px 20px;
	font-size: 16px;
	color: rgba(0,0,0,.54);
	display: none;
}
.accordion .box-close {
	position: absolute;
	height: 64px;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}
.accordion input:checked + .box {
	height: auto;
	margin: 16px 0;
   
}
.accordion input:checked + .box .box-title {
	
}
.accordion input:checked + .box .box-content,
.accordion input:checked + .box .box-close {
	display: inline-block;
}
.accordion.arrows section .box-title {
	width: 100%;
	font-size: 26px;
	color:#000;
	border-bottom: 1px solid rgba(0,0,0,.18);position:relative;;
}

.accordion.arrows section .box-title:before{content: ""; height: 1px; left: 0px; background: #202020; position: absolute; bottom: -1px; width: 100%; transform: scaleX(0); transform-origin: right;
    transition: transform .8s cubic-bezier(.666,0,.237,1); width: 100%;}
.accordion.arrows section .box-title:hover:before{transform: scaleX(1); transform-origin: left;}

.accordion-wrap {border-bottom:1px solid #ccc; position:relative;}
.accordion-wrap:after {content: ""; height: 1px; left: 0px; background: #202020; position: absolute; bottom: -1px; width: 100%; transform: scaleX(0); transform-origin: right;
    transition: transform .8s cubic-bezier(.666,0,.237,1); width: 100%;}
.accordion-wrap:hover:after {transform: scaleX(1); transform-origin: left;}




.accordion.arrows section .box-title a{color:#000; text-decoration:none; font-family: 'Chalet-NewYorkNineteenSixty'; letter-spacing: -1px; display:block;}




 /********** BLINKING **********/

.two-column-grid{grid-template-columns: 2fr 1fr !important;}
.supermod-units{display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3vw;
    grid-row-gap: 60px;
    padding: 1.5vw 0px 2vw;
    border-bottom: 1px solid #000;}



.animating-image{transform: scale(1.3) rotate(8deg); transition:.8s ease; transition-delay: .8s; transition: opacity 1s cubic-bezier(.075, 0, .165, 0), transform 1.5s cubic-bezier(.075, .82, .165, 1); opacity:0}

.animating-image.img-anim{transform: scale(1) rotate(0deg); opacity:1}
.overflow-hidden{overflow:hidden}

/* ----

.supermod-units:before { content: ""; position: absolute; left: 0; height: 2px; background: #000; width: 100%; top: 110px;}	
.supermod-unit-content:after {content: ""; position: absolute; left: 0; height: 2px; background: #000; width: 100%; top: 50%; transform: translateY(-50%);}	
.supermod-unit-content:before{ content: ""; position: absolute; left: 0; height: 2px; background: #000; width: 100%; bottom: 65px;}	

.supermod-units:after{content: ""; position: absolute; right: 50%;top: 110px; background: #000; width: 2px; bottom: 65px;} 

.supermod-units .supermod-unit-content:nth-child(odd){padding: 0px 30px 0px 0px;}	
.supermod-units .supermod-unit-content:nth-child(even){padding: 0px 0px 0px 25px;} --*/
	
	
.unit-meta-description{display:flex; justify-content:space-between}		
.unit-meta-description p{padding-top:15px;color:#000; text-decoration:none;}
.supermod-units h3{margin:0; font-size: 35px; letter-spacing: -2px; font-family: 'Chalet-NewYorkNineteenSixty'; color:#000; text-decoration:none;}
.supermod-units a {color:#000; text-decoration:none;}
.two-column-grid h1{font-family: 'Chalet-NewYorkNineteenSixty';}
.bg-grey{background:#f0f0f0}
.blinking{animation: 2s blink ease infinite;}

.vertical-line { width:1px; position:absolute; left:0px; right:0px; margin:0 auto; top:0px; background:#000; animation:line-down 2s ease;  animation-fill-mode:forwards;height:0%;  }

.horizontal-line {width:100%; height:1px; position:absolute; left:0px; right:0px; top:0px; background:#000; animation:line-center 1.5s ease;
transform:scale(0);animation-fill-mode:forwards; transform:scale(0);}

.supermod-units {overflow:hidden;}
.supermod-units .filter-item {position:relative;}
.supermod-units .filter-item:nth-child(1):before {display:none;}
.supermod-units .filter-item:nth-child(2):before {display:none;}
.supermod-units .filter-item:nth-child(odd):before {content: '';
    width: 100vw;
    height: 1px;
    background: #000;
    position: absolute;
    top: -30px;
    left: 0px;}


@keyframes line-down {
    
0% {height:0%;}
100% {height:100%;}

}


@keyframes line-center {
    
0% {transform:scale(0);}
100% {transform:scale(1);}

}



@keyframes blink {
  0%, 100%{
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}


 /********** SLIDER **********/
.slider {
  max-width: 100%;
  margin: 0px auto 30px auto;}

.slide-viewer {
    position: relative;
    overflow: hidden;
    height: 650px;}
.slide-viewer img{height:650px; object-fit:cover; width:100%}
.slide-group {
    width: 100%;
    height: 100%;
    position: relative;}

.slide {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;}

.slide:first-child {
    display: block;}

/********** BUTTONS **********/
.slide-buttons {
  text-align: center;
    bottom: 15px;
    position: absolute;
    left: 0;
    right: 0;}

.slide-btn {
    border: none;
    background: none;
    color: #b2ae03;
    line-height: 0.5em;
    font-size: 65px;
    width: 25px;}

.slide-btn.active, .slide-btn:hover {
  color: #ece70c;
  cursor: pointer;}

.head-anim{transition: 2.5s ease;
    transform: translateX(-1100px) !important; opacity:0 !important;}
    
.head-anim.slide-left{transition: .8s ease;
    transform: translateX(0px) !important; opacity:1 !important;}
  
.p-anim{transition: 1.5s ease;
    transform: translateX(-500px) !important; opacity:0 !important;}  
    
.p-anim.slide-left-2{
    transform: translateX(0px) !important; opacity:1 !important;}


/* ========================
	Buttons
=========================== */


.btn-dark-grey{text-align:left; font-family: 'Chalet-NewYorkNineteenSixty'; font-size:14px; color:#fff; text-decoration:none; position:relative; letter-spacing:0px; z-index: 1; transition:1s ease}
.btn-dark-grey:before{content:url("../images/right-arrow.svg"); position:absolute; right: -18px; top: -1px; transform: scale(1.5); z-index: 2;}
.btn-dark-grey:after{content:""; position:absolute; right: -38px; width: 50px; height: 50px; border-radius: 50%; background: #4f4f4f; top: -18px; z-index: -1; transition:.8s ease}
.btn-dark-grey:hover:after{transform:scale(1.3)}


.btn-dark-grey-sm{text-align:left; font-family: 'Chalet-NewYorkNineteenSixty'; font-size:14px; color:#fff; text-decoration:none; position:relative; letter-spacing:0px; z-index: 1; transition:1s ease}
.btn-dark-grey-sm:after{content:""; position:absolute; right: -35px; width: 50px; height: 50px; border-radius: 50%; background: #4f4f4f; top: -18px; z-index: -1; transition:.8s ease; }
.btn-dark-grey-sm:before{content:url("../images/white-arrow.svg"); position:absolute; right: -15px; top: -2px; z-index: 2;}
.btn-dark-grey-sm:hover:after{transform:scale(1.3)}


.btn-light-grey{text-align:left; font-family: 'Chalet-NewYorkNineteenSixty'; font-size:14px; color:#000; text-decoration:none; position:relative; letter-spacing:0px; z-index: 1; transition:1s ease}
.btn-light-grey:before{content:url("../images/white-arrow.svg"); position:absolute; right: -15px; top: -2px; z-index: 2;}
.btn-light-grey:after{content:""; position:absolute; right: -35px; width: 50px; height: 50px; border-radius: 50%; background: #231f20; top: -18px; z-index: -1; transition:.8s ease; opacity: 17%;}
.btn-light-grey:hover:after{transform:scale(1.3)}


.green-btn{text-transform: uppercase;
    background: #d3e069;
    color: #000;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 9px 20px;
    text-decoration: none;
    border: 1px solid #d3e069;
    transition: .4s ease;
    overflow: hidden;
    display: inline-block;
	position:relative}

.green-btn:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    left: -150px;
    height: 100%;
    top: 0;
    z-index: 0;
	transition: .4s ease;
}		
.green-btn span{position:relative; z-index:5}
.green-btn:hover:before{left:0px}

.green-pill-btn{text-transform: uppercase;
    background: #d3e069;
    color: #000;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 9px 30px;
    text-decoration: none;
    border: 1px solid #d3e069;
    transition: .4s ease;
    overflow: hidden;
    display: inline-block;
	position:relative;
	border-radius:20px}
.green-pill-btn:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    left: -165px;
    height: 100%;
    top: 0;
    z-index: 0;
	transition: .4s ease;
}		
.green-pill-btn span{position:relative; z-index:5}
.green-pill-btn:hover:before{left:0px}

	
	
.blank-btn{font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 20px;
    border: 1px solid #fff;
    letter-spacing: 0px;
	display: inline-block;
	position:relative;
	overflow: hidden;}
	
.blank-btn:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    left: -200px;
    height: 100%;
    top: 0;
    z-index: 0;
	transition: .4s ease;
}		
.blank-btn span{position:relative; z-index:5}
.blank-btn:hover{border-color:#fff; color: #000;}
.blank-btn:hover:before{left:0px}	
	
	
	
.d-flex{display:flex}
.py-100{padding-top:100px; padding-bottom:100px}
.py-200{padding-top:200px; padding-bottom:200px}

.px-25{padding-left:25px; padding-right:25px}
.mr-20{margin-right: 20px;}
.max-width-365{max-width: 365px;}
.w-50{width:50%}
.w-100{width:100%}


/* ========================
	Home
=========================== */

.tooltip-content {background:#ffffff !important;color:#000000 !important; opacity:1 !important;}
.tooltip-arrow.top {border-top-color:#ffffff !important}


.grid-menu .nav-text {font-family: 'Chalet-NewYorkNineteenSixty';
    letter-spacing: -5px;
    font-size: 110px; transition:.5s ease;}
    
    .grid-menu a:hover .nav-text {color:#d3e069;}
    


.mod-units-section {height:85vh !important; }
.mod-units-section h2 {font-size:100px;line-height: .8; text-align: left; letter-spacing: -5px; font-family: 'Chalet-NewYorkNineteenSixty';}


.main-wrapper em {display:block}
.main-wrapper{margin:0 auto; min-height:calc(100vh - 85px); display: flex; flex-direction: column; justify-content: center; position: relative;
    z-index: 10;}
.main-wrapper h1{font-size: 4.3vw; color:#231f20; line-height: 1.1; letter-spacing:.2px; margin:0; letter-spacing:-2.8px; margin-bottom:30px; font-family: 'corporate_a_bq';}
.main-wrapper h1 span{font-weight: 500;}
.main-wrapper h1 em{font-style:initial; position: relative; z-index: 10;}
.main-wrapper h2{font-size: 4.3vw; color:#231f20; line-height: 1.1; letter-spacing:.2px; margin:0; margin-top: 50px; letter-spacing:-2.8px; font-family: 'corporate_a_bq';}
.main-wrapper h2 span{font-weight: 500;}
.main-wrapper h2 em{font-style:initial; font-weight: 500;}


.main-wrapper h2 span b{font-family: 'Chalet-NewYorkNineteenSixty' !important; letter-spacing: 0px;}
.interact.active{opacity:1; background:#bbe05e; color:#fff; transition:.8s ease; color:#000; transition:.8s ease;}
.interact{font-family: 'Chalet-NewYorkNineteenSixty' !important;; letter-spacing: -3px;}
   


span{opacity:1; transition:.6s ease;}
.hover-module span{opacity:0; transition:.6s ease;}

.videos{border-radius: 0; height: 100vh; left: 0; overflow: hidden; pointer-events: none; position: absolute; top: 0; width: 100%; z-index:1; transition:.8s ease;}
.videos video {position:absolute; top:0px; height:100vh; object-fit:cover;z-index:-1; left:0px; opacity:0; transition:.4s ease;}
.show{opacity:1 !important; transition:.8s ease;}
.service-container{margin-bottom:-160px}
.bottom-img{overflow:hidden; width:93%; position:relative}
.reveal.bottom-img.text-anim{transform: translateY(0px);}
.reveal.bottom-img.text-anim:before{content:""; position:absolute; left:0; right:0; top:0; bottom:0; animation: 1s linear forwards scroll; background:#bbe05e; transform: translateX(-1770px)}
.bottom-img img{width:100%}

.reveal {
    transform: translateY(220px);
    transition: 1.1s ease;
}
.text-anim {
    transform: translateY(0px);
}

.litetooltip-hotspot-wrapper .litetooltip-hotspot-container .blink{animation: litetooltip_hotspot_blink 2s linear infinite;}

@keyframes litetooltip_hotspot_blink{
0% {opacity:0.5 !important;}
100% {opacity:0.3 !important;}
}

.location-text{font-size:20px; font-family: 'Chalet-NewYorkNineteenSixty';}

@keyframes scroll{
0% {transform: translateX(-1770px)}
100% {transform: translateX(100%)}
}

.diagram-section{background:#000000 !important;}
.diagram-section .container{padding-top:150px; padding-bottom:150px}
.diagram-section img{width: 100%;  max-width: 300px;}
.max-width-650{max-width: 650px; margin: 0 auto;}
.pt-140{padding-top:140px}	

.diagram-section p{color:#d3d3d3; font-size:16px; text-align:left; max-width:400px; padding-bottom:40px; line-height:1.5; font-family: 'Chalet-LondonNineteenSixty'; transition:1.5s ease !important;
transition-delay: 400ms !important;}

.difference-video{background:#000; padding-top:140px; padding-bottom:140px}


.text-center{text-align:center}
.text-flex{display: flex;margin-right: 15px; margin-left: 15px;}
.diagram-section h3 {
    color: #d5f868;
    font-size: 5vw;
    font-weight: 100;
    letter-spacing: -3px;
    text-align: center;
    padding-bottom: 40px;
    display: flex;
    align-items: baseline;
	padding-top: 50px;
	margin-bottom: 15px;
	justify-content:flex-start;
	letter-spacing: -8px;
	background: rgb(213,248,104);
    background: linear-gradient(90deg, rgba(213,248,104,1) 0%, rgba(242,255,4,1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family:'Chalet-NewYorkNineteenSixty';
}
.animated-heading {
    display: flex;
    overflow: hidden;
}

.slideup.anim-up h3{transform:translateY(0px);}
.slideup{overflow:hidden}
.slideup h3{overflow:hidden}
.slideup p{overflow:hidden}
.slideup h3 {
    transform: translateY(350px);
    transition: 1.5s ease;
    overflow:hidden;
}

.slideup p{
    transform: translateY(200px);
    transition: 2s ease;
	opacity:0;
}

.slideup.anim-up p{transform: translateY(0px); opacity:1}


#w-node-_8f8710e0-3156-4f70-c831-11a395b2f1df-95b2f1bd p{text-align:right;}
.px-40{padding-left:40px; padding-right:40px}
.py-40{padding-top:40px; padding-bottom:40px}
.pb-90{padding-bottom:90px}
.py-150{padding-top:150px; padding-bottom:150px}
.pb-150{padding-bottom:150px}
.pt-150{padding-top:150px;}
.grid-image{display: grid; grid-template-columns: auto auto auto auto; gap: 25px; border-top: 2px solid #000; padding-top: 30px; border-bottom: 2px solid #000; padding-bottom: 65px;}

.grid-image .animating-image{height:428px; object-fit:cover}



.item1 {
  grid-column-start: 1;
  grid-column-end: 3;
}
.csa-logo{max-width:600px;}
.cta-section{background:#fff; padding:50px 5% 100px !important; }
.cta-section .container{max-width:850px; display:flex; flex-direction:column; align-items:center; padding-bottom:20px;}
.cta-section h3 {font-size: 3.7vw; color: #232327; max-width: 870px; font-weight: 300; letter-spacing: -3px; margin:0; line-height:1.2; overflow:hidden;
    text-align:center;}
.cta-section h3>b{    background-color:#d5f868; padding: 0px 20px; font-weight: 600;}
.litetooltip-wrapper .tooltip-arrow.top{border-top-color: #ffffff !important;}

.table-grid{display: grid; grid-template-columns: auto auto auto; gap: 35px;}
.table-grid p span{display:block; padding-bottom: 7px;}
.table-grid h5{margin:0; font-size:18px}
.table-grid p{font-size:14px}
.table-grid h3{margin:0;}
.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  background-color: #3898ec;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecartopenlinkcount {
  display: inline-block;
  height: 18px;
  min-width: 18px;
  margin-left: 8px;
  padding-right: 6px;
  padding-left: 6px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background-color: #fff;
  color: #3898ec;
  font-size: 11px;
  line-height: 18px;
  font-weight: 700;
  text-align: center;
}

.w-commerce-commercecartcontainerwrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1001;
  background-color: rgba(0, 0, 0, 0.8);
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  position: absolute;
  top: 100%;
  left: 0px;
  right: auto;
  bottom: auto;
  background-color: transparent;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  position: absolute;
  left: auto;
  top: 100%;
  right: 0px;
  bottom: auto;
  background-color: transparent;
}

.w-commerce-commercecartcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 480px;
  min-width: 320px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: auto;
  background-color: #fff;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.25);
}

.w-commerce-commercecartheader {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e6e6e6;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.w-commerce-commercecartheading {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecartform {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecartlist {
  overflow: auto;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  -webkit-overflow-scrolling: touch;
}

.w-commerce-commercecartitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecartiteminfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 16px;
  margin-left: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecartproductname {
  font-weight: 700;
}

.w-commerce-commercecartoptionlist {
  text-decoration: none;
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}

.w-commerce-commercecartquantity {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecartquantity::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecartquantity::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecartquantity::placeholder {
  color: #999;
}

.w-commerce-commercecartquantity:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecartfooter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 16px;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6;
}

.w-commerce-commercecartlineitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.w-commerce-commercecartordervalue {
  font-weight: 700;
}

.w-commerce-commercecartapplepaybutton {
  background-color: #000;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 8px;
  height: 38px;
  min-height: 30px;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  background-color: #000;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 8px;
  height: 38px;
}

.w-commerce-commercequickcheckoutgoogleicon {
  display: block;
  margin-right: 8px;
}

.w-commerce-commercequickcheckoutmicrosofticon {
  display: block;
  margin-right: 8px;
}

.w-commerce-commercecartcheckoutbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: center;
}

.w-commerce-commercecartemptystate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 100px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecarterrorstate {
  margin-top: 0px;
  margin-right: 24px;
  margin-bottom: 24px;
  margin-left: 24px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  background-color: #ffdede;
}

.w-commerce-commercecheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercelayoutcontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.w-commerce-commercelayoutmain {
  -webkit-flex-basis: 800px;
  -ms-flex-preferred-size: 800px;
  flex-basis: 800px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  margin-right: 20px;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutblockcontent {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutemailinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingfullname::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddress::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -8px;
  margin-left: -8px;
}

.w-commerce-commercecheckoutcolumn {
  padding-right: 8px;
  padding-left: 8px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
}

.w-commerce-commercecheckoutshippingcity {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingcity::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingstateprovince::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingzippostalcode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutshippingcountryselector::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left-color: #e6e6e6;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-color: #e6e6e6;
  border-right-width: 1px;
  border-right-style: solid;
}

.w-commerce-commercecheckoutshippingmethoditem {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 16px;
  padding-left: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border-bottom-color: #e6e6e6;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  margin-bottom: 0px;
  background-color: #fff;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  margin-left: 12px;
  margin-right: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 64px;
  padding-bottom: 64px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardnumber::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardexpirationdate::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: text;
}

.w-commerce-commercecheckoutcardsecuritycode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  font-weight: 400;
  margin-left: 8px;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingfullname::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddress::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingcity::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingstateprovince::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingzippostalcode::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commercecheckoutbillingcountryselector::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 20px;
  padding-left: 20px;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #e6e6e6;
  background-color: #fff;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  margin-left: 16px;
  margin-right: 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  white-space: pre-wrap;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  text-decoration: none;
  padding-left: 0px;
  margin-bottom: 0px;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  -webkit-flex-basis: 320px;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.w-commerce-commercecheckoutordersummaryextraitemslistitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 8px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutdiscounts {
  background-color: #fff;
  border-bottom-color: #e6e6e6;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: #e6e6e6;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-color: #e6e6e6;
  border-right-style: solid;
  border-right-width: 1px;
  border-top-color: #e6e6e6;
  border-top-style: solid;
  border-top-width: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}

.w-commerce-commercecheckoutdiscountslabel {
  margin-bottom: 8px;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.w-commerce-commercecheckoutdiscountsinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: auto;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0%;
  -ms-flex-preferred-size: 0%;
  flex-basis: 0%;
  min-width: 0px;
}

.w-commerce-commercecheckoutdiscountsinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutdiscountsinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutdiscountsbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  height: 38px;
}

.w-commerce-commercecheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #ffdede;
}

.w-commerce-commercecheckoutplaceorderbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-bottom: 20px;
  text-align: center;
}

.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-commerce-commerceaddtocartform {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
}

.w-commerce-commerceaddtocartoptionpill {
  margin-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 15px;
  padding-right: 15px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
  border-right-color: #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  color: #000;
  background-color: #fff;
  cursor: pointer;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  background-color: #fafafa;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #ddd;
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: #ddd;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #ddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  display: block;
  height: 38px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-top: 8px;
  padding-right: 6px;
  padding-bottom: 8px;
  padding-left: 12px;
  width: 60px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commerceaddtocartquantityinput::-webkit-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:-ms-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput::-ms-input-placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput::placeholder {
  color: #999;
}

.w-commerce-commerceaddtocartquantityinput:focus {
  border-top-color: #3898ec;
  border-right-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  outline-style: none;
}

.w-commerce-commerceaddtocartbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commercebuynowbutton {
  background-color: #3898ec;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #fff;
  cursor: pointer;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: inline-block;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 10px;
}

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-disabled {
  color: #666;
  background-color: #e6e6e6;
  border-top-color: #e6e6e6;
  border-bottom-color: #e6e6e6;
  border-left-color: #e6e6e6;
  border-right-color: #e6e6e6;
  cursor: not-allowed;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ddd;
}

.w-commerce-commerceaddtocarterror {
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #ffdede;
}

.w-commerce-commerceorderconfirmationcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -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;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: 0.33em;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  width: 100%;
  min-height: 100vh;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f5f5f5;
}

.w-commerce-commercepaypalcheckouterrorstate {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-top: 10px;
  padding-right: 16px;
  padding-bottom: 10px;
  padding-left: 16px;
  background-color: #ffdede;
}


@media screen and (max-width: 2600px) {
.main-wrapper{max-width:100%;}
#mod-king .max-width-650 {max-width:850px;}
.diagram-section h3 {font-size:5.2vw;}
.diagram-section p{font-size:18px; max-width:600px;}
}



@media screen and (max-width: 2000px) {
#mod-king .max-width-650{max-width:650px;}
}


@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    margin-right: 0px;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .w-commerce-commercelayoutsidebar {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .w-commerce-commercecartquantity {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutemailinput {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingfullname {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstreetaddress {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingstateprovince {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingzippostalcode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutshippingcountryselector {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardnumber {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardexpirationdate {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutcardsecuritycode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingfullname {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstreetaddress {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingcity {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingstateprovince {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingzippostalcode {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutdiscountsinput {
    font-size: 16px;
  }

  .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  background-color: #fff;
  font-family: 'Chalet-LondonNineteenSixty';
  color: #000;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
}


p {
  margin-bottom: 10px;
  line-height: 1.2;
}

a {
  text-decoration: underline;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 20px;
}

ol {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 20px;
}

li {
  padding-top: 2px;
  padding-bottom: 2px;
  color: #7a7a7a;
  font-size: 16px;
  font-weight: 500;
}

img {
  display: inline-block;
  max-width: 100%;
}

strong {
  font-weight: bold;
}

blockquote {
  width: 100%;
  margin-bottom: 10px;
  padding: 0px 20px;
  border-left: 2px solid #000;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  text-align: left;
}

figure {
  margin-top: 30px;
  margin-bottom: 30px;
}

figcaption {
  margin-top: 5px;
  font-family: Inter;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  text-align: center;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  padding-right: 5%;
  padding-bottom: 50px;
  padding-left: 5%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 420px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.page-content {
  margin-right: auto;
  margin-left: auto;
}

.container {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section {
  position: relative;
  padding: 140px 5%;
}

.section.overflow {
  overflow: hidden;
  padding-bottom: 140px;
}

.text-field {
  height: 45px;
  font-weight: 500;
}

.text-field:hover {
  border: 1px solid #c6100f;
}

.text-field:focus {
  border: 1px solid #c6100f;
}

.text-field.-wfp-focus {
  border: 1px solid #c6100f;
}

.text-field::-webkit-input-placeholder {
  color: #fff;
  font-size: 16px;
}

.text-field:-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
}

.text-field::-ms-input-placeholder {
  color: #fff;
  font-size: 16px;
}

.text-field::placeholder {
  color: #fff;
  font-size: 16px;
}

.text-field.discount {
  height: 38px;
}

.product-price {
  margin-bottom: 0px;
  font-size: 17px;
  font-weight: 600;
}

.product-price.in-sidebar {
  font-size: 16px;
}

.product-price.in-sidebar.no-margin {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 600;
}

.product-title-sidebar {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 600;
}

.product-title-sidebar._2 {
  font-size: 19px;
  font-weight: 500;
}

.apple-pay {
  height: 48px;
  border-radius: 25px;
}

.paypal {
  margin-bottom: 4px;
}

.field-label {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.field-label.bigger {
  font-size: 14px;
}

.reqiured {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 13px;
  font-weight: 500;
}

.checkbox-label {
  position: relative;
  top: 2px;
  margin-left: 0px;
  font-weight: 600;
}

.first-checkout {
  margin-right: 50px;
  -webkit-flex-basis: 800px;
  -ms-flex-preferred-size: 800px;
  flex-basis: 800px;
}

.second-checkout {
  top: 100px;
}

.quantity-number {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.paypal-name {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 500;
}

.circle-plus {
  position: absolute;
  left: auto;
  top: auto;
  right: 10px;
  bottom: 10px;
  width: 35px;
  height: 35px;
  border-radius: 40px;
  background-color: #7567f8;
  background-image: url('../images/add-plus-button.svg');
  background-position: 50% 50%;
  background-size: 12px;
  background-repeat: no-repeat;
}

.radio-button {
  display: block;
  margin-top: 0px;
  border: 2px solid #7567f8;
}

.radio-button.w--redirected-checked {
  border-color: #7567f8;
}

.margin-15px {
  margin-top: 15px;
}

.display-1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 130px;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}

.display-1._4 {
  font-size: 102px;
  line-height: 1.1;
}

.margin-30px {
  margin-top: 30px;
}

.display-2 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 48px;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: -2px;
  color:#fff;
    font-family: 'Chalet-NewYorkNineteenSixty';
}

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

.checkbox {
  width: 14px;
  height: 14px;
  margin-right: 7px;
  border-radius: 4px;
  background-color: #fff;
}

.checkbox.w--redirected-checked {
  border-color: #ff715b;
  background-color: #ff715b;
  background-size: 8px;
}

.error-message {
   background-color: #fe0000;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
 margin-top: 20px;
    border-radius: 5px;
    text-align: left;
    padding: 10px;
}

.block-header {
  background-color: #fff;
}

.block-content {
  background-color: #fff;
}

.display-3 {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.display-3.center {
  max-width: 550px;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  line-height: 1.2;
  font-weight: 600;
  text-align: center;
}

.changelog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 0.75fr 1fr 1fr 1fr;
  grid-template-columns: 0.75fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-align: left;
}

.sticky-left {
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.components-grid {
  display: -ms-grid;
  display: grid;
  margin-top: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr minmax(200px, 1fr);
  grid-template-columns: 0.5fr minmax(200px, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.style-guide-grid.icons {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.style-guide-grid.for-buttons {
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.style-guide-grid.icons {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  font-weight: 700;
}

.black-background {
  width: 100%;
  height: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px 20px 10px;
  background-color: #000;
}

.paragraph-white {
  color: #fff;
}

.color-text {
  font-weight: 500;
}

.link-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.components-grid-style {
  display: -ms-grid;
  display: grid;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.components-grid-style._0-bottom {
  margin-bottom: 0px;
}

.paragraph-big {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
}

.paragraph-big.white {
  color: #fff;
}

.color-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.2);
  border-radius: 2px;
  background-color: #000;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.color-block._2 {
  border-color: hsla(0, 0%, 64%, 0.25);
  background-color: #fff;
  color: #000;
}

.body-link {
  color: #fff;
  font-size: 14px;
}

.body-link.big {
  font-size: 20px;
}

.body-link.small {
  font-size: 14px;
}

.instruction-wrapper {
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
}

.photo-animation {
  position: relative;
  z-index: 2;
  overflow: hidden;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.white {
  color: #fff;
}

.checkout-title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.normal-link {
  color: #000;
}

.text-field-line {
  height: 50px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 rgba(165, 167, 182, 0.38);
  border-radius: 0px;
  background-color: transparent;
  color: #62636b;
  font-size: 15px;
}

.text-field-line:hover {
  color: #62636b;
}

.text-field-line:focus {
  color: #62636b;
}

.text-field-line::-webkit-input-placeholder {
  color: #62636b;
  font-size: 15px;
  font-weight: 500;
}

.text-field-line:-ms-input-placeholder {
  color: #62636b;
  font-size: 15px;
  font-weight: 500;
}

.text-field-line::-ms-input-placeholder {
  color: #62636b;
  font-size: 15px;
  font-weight: 500;
}

.text-field-line::placeholder {
  color: #62636b;
  font-size: 15px;
  font-weight: 500;
}

.text-field-form {
  height: 50px;
  margin-bottom: 0px;
  padding-left: 0px;
  border-style: none none solid;
  border-width: 1px;
  border-color: #000 #000 hsla(0, 0%, 100%, 0.2);
  border-radius: 0px;
  background-color: transparent;
  font-family: Inter;
  font-size: 16px;
  font-weight: 500;
}

.text-field-form:hover {
  border-bottom-color: #f6e97a;
  color: #fff;
}

.text-field-form:focus {
  border-bottom-color: #f6e97a;
  color: #fff;
}

.text-field-form::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 500;
}

.text-field-form:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 500;
}

.text-field-form::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 500;
}

.text-field-form::placeholder {
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 16px;
  font-weight: 500;
}

.award-content {
  display: -ms-grid;
  display: grid;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 0.8fr;
  grid-template-columns: 1fr 1fr 0.8fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  border-bottom: 1px solid #000;
}

.text-field-contact {
  height: 54px;
  padding-top: 10px;
  border-radius: 3px;
  background-color: transparent;
}

.text-field-contact::-webkit-input-placeholder {
  color: #7a7a7a;
  font-size: 15px;
  font-weight: 500;
}

.text-field-contact:-ms-input-placeholder {
  color: #7a7a7a;
  font-size: 15px;
  font-weight: 500;
}

.text-field-contact::-ms-input-placeholder {
  color: #7a7a7a;
  font-size: 15px;
  font-weight: 500;
}

.text-field-contact::placeholder {
  color: #7a7a7a;
  font-size: 15px;
  font-weight: 500;
}

.body-link-2 {
  color: #000;
  font-size: 17px;
}

.product-title-sidebar-2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.sticky-nav {
    position: absolute;
    top: 0;
    z-index: 900;
    background: transparent;
    left: 0;
    right: 0;
}

.empty-state {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.remove-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  text-decoration: none;
}

.flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navlinks-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-top: -1px;
  margin-left: -1px;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  border-top: 1px solid hsla(0, 0%, 100%, 0.2);
  border-right: 1px solid hsla(0, 0%, 100%, 0.2);
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.2);
}

.product-price-2 {
  margin-bottom: 0px;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 18px;
  font-weight: 500;
}

.product-price-2.in-sidebar {
  font-size: 18px;
  font-weight: 500;
}

.button-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: hsla(0, 0%, 69.3%, 0.56);
}

.social-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-left: -1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid #12141d;
  border-left: 1px solid #12141d;

}

.photo-animation-main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 300ms ease;
  transition: all 1s ease;
}

.go-top {
  position: fixed;
  left: auto;
  top: auto;
  right: 10px;
  bottom: 10px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
}

.down-arrow {
  position: relative;
  z-index: 1;
  width: 16px;
}

.down-arrow.top {
  width: 26px;
}

.go-top-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.text-rotator-wrapper {
  position: relative;
  left: 0%;
  top: 0px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.text-rotator-wrapper-2 {
  position: relative;
  left: 0%;
  top: 0px;
  right: auto;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  color: #000;
  text-decoration: none;
}

.cart-header {
  padding: 13px 25px;
  border-bottom-color: #000;
}

.hamburger-menu {
  position: relative;
  z-index: 110;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 55px;
  height: 55px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
}

.hyper-logo {
  width: 95px;
}

.cart-button {
  width: 40px;
  height: 40px;
  padding: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 100%;
  background-color: transparent;
}

.location {
  width: 16px;
  margin-right: 10px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.grid-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.product-price-2 {
  margin-bottom: 0px;
  color: #000;
  font-size: 18px;
  font-weight: 500;
}

.product-price-2.in-sidebar {
  font-size: 18px;
  font-weight: 500;
}

.container-nav {
  position: relative;
  z-index: 3;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.container-nav._3 {
  max-width: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.effect-image {
  position: relative;
  z-index: 1;
  width: 16px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.effect-image._2 {
  z-index: 3;
  width: 30px;
}

.effect-image._3 {
  width: 18px;
  -webkit-filter: none;
  filter: none;
}

.social-circle-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  margin-right: -5px;

  -webkit-box-pack: center;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.navigation-grid {
  display: -ms-grid;
  display: grid;
  padding-top: 10px;
  padding-bottom: 10px;
  justify-items: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.div-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-container {
  border-left: 1px solid #000;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: none;
}

.menu {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 100;
  display: none;
  margin-bottom: auto;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}
.head-sm{font-size:36px}

.social-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%; 
    background-color:#000;
}
.footer-grid .social-circle{background-color:transparent !important;}
.footer-grid .social-circle{background-color:transparent !important; background-image: none !important;}
.social-wrapper .social-circle.linkdin {
    background-color: #0a66c2;
}
.social-wrapper .social-circle.instagram {
    background-color: transparent;
    background-image: linear-gradient(172deg, #c32aa3, #7232bd 50%, #f46f30);
}

.social-wrapper .social-circle.facebook {
    background-color: #1877f2;
}
.social-wrapper .social-circle-icon{margin-left: -5px; justify-content: center;}
.footer-grid .social-wrapper .social-circle-icon{margin-left: 0px; justify-content: flex-start;}

.location-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-line-absolute {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
}

.image-small-product-2 {
  width: 50px;
  height: 100%;
}

.nav-text {
  position: relative;
  z-index: 5;
  color: #000;
}

.remove-pop-up {
  position: absolute;
  left: auto;
  top: 0%;
  right: 25px;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  height: 45px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.remove-pop-up.in-produce-sidebar {
  position: absolute;
  width: 50px;
  height: 100%;
  background-image: url('../images/close_white_24dp.svg');
  background-position: 100% 50%;
  background-size: 23px;
  background-repeat: no-repeat;
}

.grid-bottom-menu {
  position: absolute;
  left: 2%;
  top: auto;
  right: 2%;
  bottom: 30px;
  display: -ms-grid;
  display: grid;
  padding-top: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.top-text {
  margin-bottom: 0px;
  font-size: 18px;
}

.social-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-wrapper._2 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.logo-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-liner {
  position: relative;
  color: #000;
  font-size: 19px;
  line-height: 22px;
  font-weight: 700;
  text-decoration: none;
}

.button-liner._2 {
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.nav-links {
  position: relative;
  z-index: 5;
  overflow: visible;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 90px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
}

.image-cart {
  position: relative;
  z-index: 1;
  width: 24px;
}

.cart-footer {
  padding-top: 25px;
  border-top-color: #000;
}

.navigation-wrapper {
  position: relative;
  z-index: 120;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 2%;
  padding-left: 2%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-title-sidebar-2 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
}

.nav-wrapper {
  padding-right: 1.5vw;
  padding-left: 1.5vw;
}

.cart-quantity-sidebar {
  width: 50px;
  border-style: solid;
  background-color: #fff;
  font-weight: 600;
}

.cart-wrapper {
  z-index: 999;
  background-color: #fff;
}

.cart-quantity {
  position: absolute;
  left: auto;
  top: -4px;
  right: 0px;
  bottom: auto;
  z-index: 2;
  width: 20px;
  height: 20px;
  margin-left: 0px;
  padding-top: 1px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #000;
  color: #fff;
  font-size: 10px;
  font-weight: 600;
}

.no-items-found {
  font-size: 17px;
  font-weight: 500;
}



.button{text-transform: uppercase;
    background: #d3e069;
    color: #000;
    font-size: 14px;
    letter-spacing: 0px;
    padding: 9px 20px;
    text-decoration: none;
    border: 1px solid #d3e069;
    transition: .4s ease;
    overflow: hidden;
    display: inline-block;
    z-index:9;
	position:relative}

.button:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 100%;
    left: -150px;
    height: 100%;
    top: 0;
    z-index: -1;
	transition: .4s ease;
}		

.button:hover:before{left:0px}







.button:hover {color: #202020;}

.hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 5%;
}

.hero.inner {
  height: auto;
  padding: 150px 5%;
}

.hero.inner h1.hero-display{font-size:170px; letter-spacing: -5px; text-align:left; padding-right: 15px;}
.hero.inner .container{max-width: 1250px;}
.hero.inner h1.hero-display{margin-bottom:0px; padding-bottom:25px;}


.paragraph-1 {
  font-size: 18px;
  font-weight: 400;
}

.paragraph-1._2 {
  max-width: 410px;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
}

.part-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: justify;
  justify-content: flex-end;
}

.hero-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
 
}

.hero-grid._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.hero-flex-center {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.hero-flex-center.left {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left;
}

.hero-flex-center._2 {
  padding-top: 17px;
  padding-bottom: 0px;
  padding-right: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.hero-flex-center.left._2{max-width: 260px;}
.image-hotspot iframe .dot{background-color:#d3e16a !important}
.image-hotspot .horizontal-line{background-color:transparent !important; }
.image-hotspot .vertical-line{background-color:transparent !important; }


.custom-grid .part-1 {padding-bottom:25px;}
.custom-grid .hero-display{padding-bottom:25px;}
.hero-display {
  position: relative;
  z-index: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 150px;
  line-height: 0.9;
  letter-spacing: -4px;
  text-align:left;
}

.custom-grid{grid-template-columns: 3fr 1fr !important;}


.hero-display._1.smaller {
  font-size: 10vw;
  text-align: left;
}

.hero-display._1.blog-page {
  font-size: 8vw;
}

.scroll-down-wrapper {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 25px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.scroll-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mouse-scroll {
  position: relative;
  left: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 29px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 2px solid #000;
  border-radius: 9px;
}

.mouse-dots {
  width: 2px;
  height: 5px;
  margin-top: 6px;
  background-color: #000;
}

.logo-grid {
  display: -ms-grid;
  display: grid;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 35px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.button-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-2-columns {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: minmax(200px, 1fr) 1fr;
  grid-template-columns: minmax(200px, 1fr) 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.about-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #000;
}

.about-photo._2 {
  padding-right: 70px;
  padding-left: 70px;
}

.photo {

  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width:100%;
  height:100%;
  object-fit:cover;
}

.absolute-background {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  display: none;
  margin-right: 0px;
  margin-left: auto;
  background-color: #000;
}

.margin-80px {
  margin-top: 80px;
}

.features-content {
  min-height: 250px;
  padding: 30px;
}

.features-content.color {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0px 40px 0px 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.features-content.color._2 {
  padding-right: 0px;
  padding-left: 40px;
  background-color: transparent;
}

.icon-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  margin-bottom: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.grid-3-columns {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.project-title {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1px;
}

.margin-40px {
  margin-top: 40px;
}

.track {
  height: 400vh;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.wrapper {
  width: 100%;
}

.collection-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.collection-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.photo-project {
  width: 100%;
  height: 100%;
}

.project-circle {
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background-color: #fff;
}

.project-ttitle {
  margin-top: 0px;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  text-transform: uppercase;
}

.project-card {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: none;
}

.project-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, 0.15)));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.15));
  opacity: 1;
}

.project-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-right: 20px;
  padding-bottom: 28px;
  padding-left: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph-white-2 {
  margin-bottom: 0px;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 18px;
  font-weight: 400;
}

.lottie-animation {
  position: relative;
  top: 2px;
  width: 22px;
}

.lottie-animation.right {
  width: 30px;
}

.align-center {
  text-align: center;
}

.slide-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -35px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0.7;
  font-size: 10px;
}

.down-arrow-2 {
  position: relative;
  z-index: 1;
  width: 23px;
}

.down-arrow-2.rotate {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slide-content {
  position: relative;
  overflow: visible;
  margin-right: 20px;
  margin-left: 20px;
  padding-right: 0px;
}

.quote-text {
  color: #696969;
  font-size: 40px;
  line-height: 40px;
  font-weight: 500;
}

.quote-text._2 {
  color: #000;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}

.slide-1 {
  overflow: visible;
  width: 100%;
}

.mask {
  overflow: visible;
  width: 100%;
}

.right-arrow {
  left: auto;
  top: -40%;
  right: -32%;
  bottom: auto;
  display: none;
  width: 50px;
  height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #d6d1ca;
  border-radius: 100%;
  opacity: 0.6;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

.right-arrow:hover {
  opacity: 1;
}

.right-arrow.left {
  margin-right: 60px;
}

.client-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 45px 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #eef7ff;
  text-align: center;
}

.client-wrapper._2 {
  min-height: 320px;
  padding: 35px 46px 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-style: solid;
  border-width: 1px;
  border-color: #e0e0e0;
  border-radius: 5px;
  background-color: #fff;
  text-align: left;
}

.testimonials-photo {
  width: 70px;
  height: 70px;
  margin-right: 15px;
  border-radius: 100%;
  background-image: url('../images/people-4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.testimonials-photo._6 {
  background-image: url('../images/user-4.jpeg');
}

.testimonials-photo._5 {
  background-image: url('../images/user-3.jpeg');
}

.testimonials-photo._2 {
  background-image: url('../images/user-5.jpeg');
}

.testimonials-photo._4 {
  background-image: url('../images/user-2.jpeg');
}

.testimonials-photo._3 {
  background-image: url('../images/user-1.jpeg');
}

.start-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.star-image {
  margin-right: 3px;
}

.slider-testimonials {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: visible;
  height: auto;
  max-width: 600px;
  padding: 25px 50px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.testimonials-name {
  margin-bottom: 5px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.testimonials-name._2 {
  margin-bottom: 0px;
  color: #6f776f;
  font-weight: 500;
}

.slider-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.author-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.skills-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 80%;
  background-color: #fff;
}

.skills-overlay.illustration {
  width: 100%;
}

.skills-overlay.lead {
  width: 41%;
}

.skills-overlay.photoshop {
  width: 70%;
}

.skills-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.margin-60px {
  margin-top: 60px;
}

.skills-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.paragraph-small-text {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 18px;
}

.skills-grid {
  display: -ms-grid;
  display: grid;
  width: 90%;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 20px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}
.contact-section h3.display-2{text-transform:uppercase; font-size: 65px;}

.fun-wrapper {
  position: relative;
  z-index: 2;
  display: -ms-grid;
  display: flex;
  max-width: 600px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  grid-auto-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 50px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  justify-content:center;
  align-items:center;
}


.units.hero-grid._2{grid-template-columns: 1.3fr 1fr !important; padding-bottom: 45px; padding-top:100px}
.units.hero-grid._2 .hero-display{line-height:0.8}
.fun-wrapper h5{font-size:27px}

.fun-facts-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.bg-white{background-color:#fff !important}


.fun-image {
  margin-right: 5px;
}

.fun-number {
  margin-top: 0px;
  margin-bottom: 5px;
  color: #000;
  font-size: 48px;
  line-height: 50px;
  font-weight: 600;
}

.margin-120px {
  margin-top: 120px;
}

.margin-120px._70 {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.blog-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.blog-grid._2 {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.blog-image {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.blog-image:hover {
  opacity: 0.7;
}

.blog-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30px;
  padding-right: 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.category-tag {
  display: inline-block;
  padding: 5px 13px;
  color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.category-tag:hover {
  opacity: 0.76;
}

.blog-title {
  margin-top: 20px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #000;
  font-size: 26px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: 0px;
  text-decoration: none;
  text-transform: uppercase;
}

.max-w-width {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.section-cta {
  position: relative;
  padding: 100px 5%;
  background-color: #000;
}

.section-cta.cta {
  padding-top: 90px;
  padding-bottom: 90px;
}
.section-cta.cta h3{text-transform:uppercase; font-size:55px}
.subhead {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
}

.container-2 {
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.fufo-logo {
  width: 44px;
}

.fufo-logo._2 {
  width: 150px;
}

.footer-grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1.2fr 1fr 1.2fr;
  grid-template-columns: 1.2fr 1fr 1.2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.margin-25px {
  margin-top: 25px;
}

.copyright-divder {
  width: 15px;
}

.button-line-absolute-3 {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 1px;
  margin-right: auto;
  margin-left: auto;
  background-color: #000;
}

.footer {
  background:#f2f3f3;
}

.footer p span{display:block; margin-bottom: 5px;}
.footer p{margin-bottom: 25px; color:#414242; font-size:16px}
.footer p a{color:#414242; text-decoration:none}
.copyright-text {
  margin-bottom: 0px;
}

.copyright {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.dark-link {
  color: #696969;
}

.dark-link._2 {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}

.button-line-footer {
  position: relative;
  color: #000;
  font-size: 19px;
  line-height: 22px;
  font-weight: 700;
  text-decoration: none;
}

.button-line-footer._2 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.button-line-footer._2.email {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: none;
}

.copyright-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  -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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.legal-wrapper {
  width: 60%;
  margin-right: auto;
}

.pricing-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.pricing-type {
  margin-top: 30px;
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: 1px;
}

.pricing-circle {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 100%;
  background-color: #fff;
}

.feature {
  color: #7a7a7a;
  font-size: 18px;
  font-weight: 500;
}

.card-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0px 25px 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  background-color: #fff;
  text-align: center;
}

.success-message {
  background-color: #00b812;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
       margin-top: 20px;
    border-radius: 5px;
    text-align: left;
    padding: 10px;


}

.pricing-image {
  position: relative;
  width: 40px;
}

.feature-grid {
  margin-top: 30px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}

.default-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.pricing-title {
  margin-bottom: 16px;
  font-size: 32px;
  line-height: 1;
  font-weight: 500;
}

.pricing-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.pricing-icon.services {
  width: 110px;
  height: 110px;
  margin-top: -53px;
}

.feature-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toggle-content {
  overflow: hidden;
}

.toogle-max-w {
  max-width: 657px;
  margin-right: auto;
  margin-left: auto;
}

.toogle-icon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 13px;
  height: 13px;
  margin-right: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toggle-space {
  padding: 15px 0px;
}

.line-1 {
  width: 100%;
  height: 2px;
  background-color: #000;
}

.line-2 {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #000;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.toggle-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 25px 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #e1e1e1;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
}

.toggle-wrapper {
  margin-top: -1px;
  text-align: left;
}

.form-grid {
  display: -ms-grid;
  display: grid;
  justify-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.text-field-2 {
  height: 37px;
  padding-top: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: hsla(0, 0%, 100%, 0.39);
  border-radius: 3px;
  background-color: transparent;
  color: #d6d1ca;
}

.text-field-2:hover {
  border-color: #fff;
  color: #fff;
}

.text-field-2:focus {
  border-color: #b8dbdf;
}

.text-field-2::-webkit-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  font-weight: 500;
}

.text-field-2:-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  font-weight: 500;
}

.text-field-2::-ms-input-placeholder {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  font-weight: 500;
}

.text-field-2::placeholder {
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 15px;
  font-weight: 500;
}

.text-field-2.area {
  height: auto;
  padding-top: 15px;
  padding-bottom: 75px;
}

.success-message-2 {
  border-radius: 2px;
  background-color: #00663f;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.error-message-2 {
  background-color: #ff3a1b;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.grid-4-columns {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.blog-richt-text {
  margin-top: 50px;
}

.blog-wrapper {
  max-width: 640px;
  margin-right: auto;
  margin-left: auto;
}

.blog-post-wrapper {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

.project-photo {
  position: relative;
  overflow: hidden;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.rich-text-block-page {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

.components-grid-font {
  display: -ms-grid;
  display: grid;
  margin-top: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 100px;
  grid-row-gap: 16px;
  -ms-grid-columns: 0.5fr minmax(200px, 1fr);
  grid-template-columns: 0.5fr minmax(200px, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.font-show {
  margin-top: 0px;
  font-size: 90px;
  line-height: 80px;
  font-weight: 500;
  text-transform: capitalize;
}

.loading-wrapepr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.div-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.loader-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}



.rotator {
  position: relative;
  top: -2px;
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.loading-text {
  margin-right: 5px;
  color: #494d53;
  font-size: 17px;
  font-weight: 500;
}

.loading-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 991px) {
	.slide-viewer .slide-1 {
    width: 100%;
  }
  .utility-page-wrap {
    padding-bottom: 6px;
  }

  .page-content {
    padding-left: 0px;
  }

  .section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .first-checkout {
    width: 100%;
    margin-right: 0px;
  }

  .second-checkout {
    position: relative;
    top: 0px;
    width: 100%;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .checkout-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .display-1 {
    font-size: 80px;
  }

  .display-1._4 {
    font-size: 12vw;
  }

  .display-2 {
    font-size: 60px;
  }

  .sticky-left {
    position: relative;
    top: 0px;
  }

  .components-grid {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .components-grid-style {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .navlinks-wrapper {
    border-right-style: none;
  }

  .down-arrow {
    width: 20px;
  }

  .grid-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .nav-text {
    height: auto;
  }

  .logo-link {
    height: auto;
  }

  .nav-links {
    height: auto;
    padding-top: 0vh;
    padding-bottom: 0vh;
    font-size: 40px;
    line-height: 40px;
  }

  .navigation-wrapper {
    min-height: auto;
    padding-left:40px; padding-right:40px;
  }

  .hero {
    height: auto;
    padding-top: 40px;
    padding-bottom: 105px;
  }

  .hero-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .hero-grid._2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .hero-display {
    font-size: 14vw;
    letter-spacing: -2px;
  }

  .logo-grid {
    margin-top: 30px;
  }

  .grid-2-columns {
    -ms-grid-columns: minmax(200px, 1fr);
    grid-template-columns: minmax(200px, 1fr);
  }

  .about-photo {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .features-content.color {
    padding-right: 0px;
  }

  .features-content.color._2 {
    padding-left: 0px;
  }

  .grid-3-columns {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .track {
    height: auto;
  }

  .sticky {
    position: relative;
    overflow: visible;
    width: auto;
    height: auto !important;
    padding-top: 50px;
    padding-right: 5%;
    padding-bottom: 50px;
	padding-left: 5%;
  }
.about-photo._2{padding-right: 25px !important; padding-left: 25px !important; justify-content: flex-start !important;}

  .wrapper {
    width: auto;
  }

  .collection-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .collection-item {
    width: 50%;
    padding-right: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .project-circle {
    width: 80px;
    height: 80px;
  }

  .project-ttitle {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .project-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(rgba(0, 0, 0, 0.3)));
    background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), rgba(0, 0, 0, 0.3));
  }

  .project-content {
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .lottie-animation.right {
    width: 26px;
  }

  .slide-nav {
    display: block;
  }

  .down-arrow-2 {
    width: 20px;
  }

  .right-arrow {
    display: none;
  }

  .fun-wrapper {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .fun-facts-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .margin-120px._70 {
    max-width: 100%;
  }

  .blog-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .blog-grid._2 {
    max-width: 100%;
  }

  .section-cta.cta {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .footer-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .empty-block {
    display: none;
  }


  .copyright {
    margin-bottom: 0px;
  }

  .copyright-flex {
    width: 100%;
  }

  .legal-wrapper {
    width: 100%;
  }

  .pricing-grid {
    grid-row-gap: 90px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .card-container {
    width: auto;
    min-width: 420px;
  }

  .grid-4-columns {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .blog-richt-text {
    max-width: 100%;
  }

  .components-grid-font {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
    
   
    .section{padding-left:25px; padding-right:25px;}
    .about-photo{padding-left:25px !important; padding-right:25px !important;}
    .about-photo._2{padding-left:25px; padding-right:25px;}
    .csa-logo{max-width:100%;}
  .circle-plus {
    right: 20px;
    bottom: 20px;
  }

  .display-1 {
    font-size: 65px;
  }

  .display-2 {
    margin-bottom: 15px;
  }

  .display-3 {
    margin-bottom: 0px;
    font-size: 60px;
  }

  .display-3.center {
    font-size: 40px;
  }

  .style-guide-grid {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .style-guide-grid.icons {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .style-guide-grid.icons {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .photo-animation {
    max-width: 100%;
  }

  .text-rotator-wrapper {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .cart-container {
    max-width: 480px;
  }

  .hero-flex-center.left {
    max-width: 70%;
  }

  .hero-display {
    font-size: 11vw;
  }

  .logo-grid {
    max-width: 100%;
  }

  .grid-3-columns {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .collection-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .collection-item {
    width: 100%;
  }

  .project-circle {
    display: none;
  }

  .quote-text._2 {
    font-size: 17px;
    line-height: 20px;
  }

  .slide-1 {
    width: 450px;
  }
  
  
 .slide-viewer .slide-1 {
    width: 100%;
  }

  .client-wrapper._2 {
    min-height: auto;
    padding-bottom: 25px;
  }

  .testimonials-photo {
    width: 46px;
    height: 46px;
  }

  .slider-testimonials {
    max-width: 450px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .testimonials-name {
    margin-bottom: 3px;
    font-size: 16px;
  }

  .skills-grid {
    width: 100%;
  }

  .blog-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .blog-grid._2 {
    max-width: 100%;
  }

  .section-cta.cta {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .subhead {
    font-size: 23px;
    line-height: 26px;
  }

  .footer-grid {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .copyright {
    margin-bottom: 5px;
  }

  .button-line-footer._2.email {
    font-size: 20px;
    line-height: 1;
  }

  .copyright-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .card-container {
    min-width: auto;
  }

  .grid-4-columns {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .project-photo {
    max-width: 100%;
  }

  .rich-text-block-page {
    max-width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .product-title-sidebar {
    font-size: 16px;
  }

  .order-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .strange-wrapper {
    margin-right: 0px;
    margin-left: 0px;
  }

  .circle-plus {
    right: 10px;
    bottom: 10px;
  }

  .display-1 {
    font-size: 39px;
  }

  .display-2 {
    font-size: 40px;
  }

  .display-3 {
    font-size: 34px;
  }

  .display-3.center {
    font-size: 30px;
  }

  .style-guide-grid {
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .style-guide-grid.icons {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .style-guide-grid.icons {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .link-grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .product-title-sidebar-2 {
    font-size: 16px;
  }

  .text-rotator-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .text-rotator-wrapper-2 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .navigation-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .div-flex {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .image-small-product-2 {
    margin-bottom: 20px;
  }

  .remove-pop-up {
    top: 10px;
    right: 10px;
  }

  .grid-bottom-menu {
    justify-items: center;
    grid-row-gap: 25px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .top-text {
    display: none;
  }

  .navigation-wrapper {
    padding-right: 25px;
    padding-left: 25px;
  }

  .product-title-sidebar-2 {
    font-size: 16px;
  }

  .paragraph-1._2 {
    max-width: 100%;
    margin-bottom: 0;
  }

  .hero-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .hero-flex-center.left {
    max-width: 100%;
    margin-top: 10px;
  }

  .hero-flex-center.left._2 {
    margin-top: 15px;
  }

  .hero-flex-center._2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hero-display {
    line-height: 1.1;
  }
  

  .logo-grid {
    grid-row-gap: 30px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .collection-item {
    width: 100%;
  }

  .slide-nav {
    margin-bottom: -70px;
  }

  .slide-content {
    margin-right: 4px;
    margin-left: 4px;
  }

  .quote-text {
    font-size: 30px;
    line-height: 32px;
  }

  .quote-text._2 {
    font-size: 17px;
    line-height: 20px;
  }

  .slide-1 {
    width: 100%;
  }

  .client-wrapper {
    padding: 30px 20px 25px;
  }

  .client-wrapper._2 {
    padding-top: 24px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .slider-testimonials {
    max-width: 300px;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .fun-wrapper {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .fun-facts-wrapper {
    border-right-style: none;
  }

  .fun-image {
    margin-right: 15px;
  }

  .blog-title {
    font-size: 24px;
  }

  .section-cta {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-cta.cta {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .fufo-logo {
    width: 40px;
  }

  .copyright-text {
    display: none;
  }

  .copyright-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .pricing-grid {
    grid-row-gap: 80px;
  }

  .card-container {
    min-width: 0px;
    padding-right: 4px;
    padding-left: 4px;
  }

  .toogle-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .toggle-space {
    padding-right: 0px;
  }

  .toggle-header {
    line-height: 24px;
  }

  .form-grid {
    max-width: 100%;
  }
}

#w-node-_1af732ae-00da-3aa4-af04-7220b6c82752-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_1af732ae-00da-3aa4-af04-7220b6c82760-ad429f81 {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

#w-node-_96407d74-0813-377b-747e-cb5eca636399-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_96407d74-0813-377b-747e-cb5eca63639a-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_96407d74-0813-377b-747e-cb5eca63639b-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_96407d74-0813-377b-747e-cb5eca63639c-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_96407d74-0813-377b-747e-cb5eca63639d-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_96407d74-0813-377b-747e-cb5eca63639e-ad429f81 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_0f1e308a-9c62-8092-af1b-fcc209b6150b-ad429f81 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-fcdd14ae-d689-0fe0-5c66-3a2d84e113e1-ad429f81 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-b85fb044-43b0-12e6-431f-2ea3d1142d12-ad429f81 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-_8f8710e0-3156-4f70-c831-11a395b2f1c1-95b2f1bd {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_8f8710e0-3156-4f70-c831-11a395b2f1df-95b2f1bd {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-_41a654d4-c934-4176-5b67-4646210f79e0-210f79dc {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_41a654d4-c934-4176-5b67-4646210f79e3-210f79dc {
  -ms-grid-column-align: end;
  justify-self: end;
}

#w-node-d599cbec-f252-24ac-a28d-d0f4dec7ead3-a1429f84 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d599cbec-f252-24ac-a28d-d0f4dec7ebf7-a1429f84 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_7f4999c1-10df-bf07-0718-39e137fcb4d7-08429f8b {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_7f4999c1-10df-bf07-0718-39e137fcb4e1-08429f8b {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-f709a891-086d-1dfb-51a1-6c081485e230-78429f98 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-f709a891-086d-1dfb-51a1-6c081485e237-78429f98 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_18fc8d12-e4d7-aaa5-3588-ecf4bb00d984-78429f98 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f496-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f497-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f498-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f499-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f49a-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f49b-78429f98 {
  -ms-grid-column-align: center;
  justify-self: center;
}

#w-node-_2ecf2398-e13e-776b-7b63-88428fba7837-22429fd2 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_2ecf2398-e13e-776b-7b63-88428fba783e-22429fd2 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-a23c4b0a-d751-2854-8300-3fc174b95fde-ca429fd5 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_5ee0d53b-7d10-4c0b-f1aa-a336301477e1-ca429fd5 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
  -ms-grid-column-align: end;
  justify-self: end;
  -ms-grid-row-align: center;
  align-self: center;
}

#w-node-a4e7b9e2-a483-99fd-2c45-aeb0d4bccf80-ba429fd6 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-a4e7b9e2-a483-99fd-2c45-aeb0d4bccf87-ba429fd6 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_715b6f02-4f92-2ad8-1fe5-295bf7cd24b0-cc429fd7 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_715b6f02-4f92-2ad8-1fe5-295bf7cd24b7-cc429fd7 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-aa09edbc-b3f8-b86a-1631-7f1dab65a76f-dc429fd8 {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-aa09edbc-b3f8-b86a-1631-7f1dab65a776-dc429fd8 {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_343aba17-3cf8-f0ff-253e-614603f4c381-5c429ffe {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_930082f6-cf9e-b3df-921f-80e40e2fc2aa-0142a00c {
  -ms-grid-column-align: start;
  justify-self: start;
}

#w-node-_930082f6-cf9e-b3df-921f-80e40e2fc2b1-0142a00c {
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end;
}

#w-node-_83f91927-5bca-dcb7-4d41-81942ed46133-d742a037 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d4386103-518d-aeb5-ef8d-7d579480734a-d742a037 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_1af732ae-00da-3aa4-af04-7220b6c82752-ad429f81 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_7f4999c1-10df-bf07-0718-39e137fcb4d7-08429f8b {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-f709a891-086d-1dfb-51a1-6c081485e230-78429f98 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_2ecf2398-e13e-776b-7b63-88428fba7837-22429fd2 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-a23c4b0a-d751-2854-8300-3fc174b95fde-ca429fd5 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-a4e7b9e2-a483-99fd-2c45-aeb0d4bccf80-ba429fd6 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_715b6f02-4f92-2ad8-1fe5-295bf7cd24b0-cc429fd7 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-aa09edbc-b3f8-b86a-1631-7f1dab65a76f-dc429fd8 {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_343aba17-3cf8-f0ff-253e-614603f4c381-5c429ffe {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }

  #w-node-_930082f6-cf9e-b3df-921f-80e40e2fc2aa-0142a00c {
    -ms-grid-column-align: stretch;
    justify-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b85fb044-43b0-12e6-431f-2ea3d1142d12-ad429f81 {
    -ms-grid-column-align: start;
    justify-self: start;
  }

  #w-node-_5ee0d53b-7d10-4c0b-f1aa-a336301477e1-ca429fd5 {
    -ms-grid-column-align: start;
    justify-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_96407d74-0813-377b-747e-cb5eca636399-ad429f81 {
    -ms-grid-column-align: center;
    justify-self: center;
  }

  #w-node-_8cfe0df0-b189-4f8f-2c81-82a2aa08f496-78429f98 {
    -ms-grid-column-align: center;
    justify-self: center;
  }
}


@font-face {
    font-family: 'Chalet-NewYorkNineteenSixty';
    src: url('../fonts/Chalet-NewYorkNineteenSixty.woff2') format('woff2'),
        url('../fonts/Chalet-NewYorkNineteenSixty.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'corporate_a_bq';
    src: url('../fonts/corporate_a_light-webfont.woff2') format('woff2'),
         url('../fonts/corporate_a_light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}



@font-face {
    font-family: 'Chalet-LondonNineteenSixty';
    src: url('../fonts/Chalet-LondonNineteenSixty.woff2') format('woff2'),
        url('../fonts/Chalet-LondonNineteenSixty.woff') format('woff'),
        url('../fonts/Chalet-LondonNineteenSixty.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


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

#lightgallery picture img{height: 410px;}

}


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

     .main-wrapper h1 {font-size:4.6vw}
	   .main-wrapper h2 {font-size:4.6vw}

}

@media screen and (max-width:1600px) {
	
	 .main-wrapper h1 {font-size:5vw}
	   .main-wrapper h2 {font-size:5vw}


}

@media screen and (max-width:1440px) {
	
	 .contact-section h3.display-2 {font-size: 40px;}
	 .diagram-section h3{letter-spacing: -3px;}
	 .w-50{width:70%;}
     #lightgallery picture img{height: 300px;}

}





@media screen and (max-width:1200px) {
	
	.main-wrapper h1 {letter-spacing:-1px}
	.main-wrapper h2 {letter-spacing:-1px}
	.hero.inner h1.hero-display {font-size: 115px;}
	.iframe-img iframe{width:100% !important}
	.cta-section {padding: 100px 5% 100px !important;}
	.hero.inner h1.hero-display {margin-bottom: 0;}
	.w-50{width: 90%;}
	.supermod-units img{height: auto;}
	.supermod-units .unit-meta-description p {font-size: 12px;}
	#lightgallery picture img{height: 250px;}
}

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

    .about-photo{ padding-right: 25px; padding-left: 25px; justify-content: flex-start !important;}
	.toogle-max-w{max-width:100% !important}
	.grid-menu .nav-text{font-size:75px; line-height: 0.8;}
	#lightgallery{display: grid; grid-template-columns: auto auto; grid-row-gap: 60px;}
}

@media screen and (max-width:992px) {
	
	.main-wrapper h1{font-size: 5.8vw;}
	.main-wrapper h2{font-size: 5.8vw;}
	.hero.inner h1.hero-display {font-size: 100px;}
	.cta-section h3 {font-size: 5.5vw; letter-spacing: -1px;}
	.hero-flex-center._2{padding-top:0}
	.w-50{width:100%}
	.diagram-section .container{padding-top: 60px; padding-bottom: 60px;}
	.mod-units-section h2 {font-size: 75px;}
	.slide-viewer{height:450px}
	.slide-viewer img{height:450px}
	.section-cta.cta h3 {font-size: 40px;}
	.supermod-units h3 {font-size: 25px;}
	.three-column-grid {grid-template-columns: 1fr 3fr 1fr;}
	.hero-flex-center.left._2{max-width:100%;}
}


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

	 .diagram-section h3 {font-size: 10.8vw; letter-spacing: -2px; padding-bottom: 25px;}
    .hero.inner h1.hero-display {font-size: 75px;}
	#w-node-_8f8710e0-3156-4f70-c831-11a395b2f1df-95b2f1bd p{text-align:left}
	.table-grid {gap: 15px;}
	.sticky{padding-right: 25px; padding-left: 25px;}
	.flex-reverse{display:flex; flex-direction:column-reverse;}
	.hero.inner{padding-right: 25px; padding-left: 25px;}
	.hero{padding-right: 25px; padding-left: 25px;}
	.supermod-units{display:block}
	.vertical-line{display:none}
	.supermod-unit-content{border-top: 1px solid #000; padding-top: 3vw; margin-top: 0;}
	.supermod-unit-content:first-child{border:none}
	.accordion_head p {font-size: 14px; margin:0}
	.accordion_head h5{font-size: 14px; margin:0}
	.accordion_head span{font-size: 12px; text-transform:uppercase;}
	.pb-150 {padding-bottom: 60px;}
	.py-150 {padding-top: 80px; padding-bottom: 80px;}
	.pt-150 {padding-top: 80px !important;}
	.iframe-img{padding-left: 25px; padding-right: 25px;}
	.gallery-section{padding-left: 25px; padding-right: 25px;}
	.px-40{padding-left: 25px; padding-right: 25px;}
	.accordion-two-column-grid .accordion_head p{font-size: 15px;}
	.accordion-two-column-grid .accordion_head span{font-size: 15px;}
	.grid-image .animating-image {height: 250px;}
	.hero-display{letter-spacing:0;}
.full-headings{padding-bottom:15px;}
.grid-image{padding-bottom:20;}
.py-40{padding-top: 0; padding-bottom: 25px;}
.custom-grid .part-1{padding-bottom:0;}
.litetooltip-hotspot-wrapper{margin-top:5px !important;}
.full-headings .hero-display{padding-right: 0;}
.super-units-list{padding-top: 25px;}
.hero.inner{padding-bottom: 90px;}
.accordion-two-column-grid p{font-size:15px !important;}
.accordion-two-column-grid span{font-size:12px !important;}
.py-100{padding-top:60px; padding-bottom:60px;}
.supermod-units .filter-item{width:100%; padding: 12vw 0; border-bottom: 1px solid #000; padding-top:0;}
.py-md-60{padding-top:60px !important; padding-bottom:60px !important;}
.grid-header{margin-top:0;}
.three-column-grid {grid-template-columns: auto auto;}
.accordion_head p{display:none;}
.accordion_head{padding: 2.4vw 0 !important;}
.supermod-units .filter-item:nth-child(odd):before {display:none;}
.supermod-units{border:none;}
.grid-header{margin: 15px 0px;}
.accordion_head.accordion-two-column-grid p{display:block;}
}

@media screen and (max-width:576px) {
	
	.grid-menu .nav-text {font-size: 50px; letter-spacing: -2px;}
	.hero-display {font-size: 7vw;}
	.accordion_container h3.display-2 {font-size: 35px;}
   .mod-units-section h2 {font-size: 60px;}
	.main-wrapper em {display:initial !important}
	.main-wrapper h1 {font-size:7.8vw}
	.main-wrapper h2 {font-size:6.8vw}
    .cta-section h3 {font-size: 9.5vw;}
	.hero.inner h1.hero-display {font-size: 40px; letter-spacing:-2px}
	.fun-wrapper h5 {font-size: 17px;}
	.slide-viewer img{height: 300px;}
	.slide-viewer {height: 300px;}
    .iframe-img iframe {height: 300px !important;}
    .margin-80px{margin-top: 30px;}
    	.section-cta.cta h3 {font-size: 32px;}
    	.margin-60px { margin-top: 31px;}
    	#lightgallery{gap: 15px;}
    	.slider { margin: 30px auto 15px auto;}
    	#dfad3656-5954-db78-dbc3-7bd68d725706 img:first-child{width: 20px !important;}
    	#dfad3656-5954-db78-dbc3-7bd68d725706 img:last-child{width: 100px !important;}
    	.w-dyn-empty{font-size:45px;}
    	.units-heading .units.hero-grid._2{padding-top:0;}
    	.cta-section {
    padding: 50px 5% 60px !important;}
    .diagram-section h3{padding-top: 0px;}
  .fun-wrapper img.fun-image:first-child { width: 20px;}
  .fun-wrapper img.fun-image:last-child { width: 100px;}
  .interact{letter-spacing: -2px;}
.accordion.arrows section .box-title{font-size:19px; padding:0;}
.unit-specification h3{font-size:18px; line-height: 1;}
.gallery-slider .swiper-slide {width: 100%!important;}
.accordion_head p{display:none;}
.accordion_head {padding: 5vw 0 !important;}

}






@media screen and (max-width:480px) {
	
	.part-1{align-self: flex-start !important;}
	.table-grid h5{font-size:15px;}
	.table-grid h3{font-size:15px;}
	.table-grid p{font-size:12px;}
	.hero-display{padding-bottom:0;}
	.custom-grid .hero-display{padding-bottom:0px;}
	#lightgallery{display:block; padding-bottom: 10px;}
	
}



@media screen and (max-width:420px) {
	
	.main-wrapper h1{font-size: 9vw;}
	.main-wrapper h2{font-size: 9vw;}
	.blank-btn{padding: 9px 14px; font-size: 12px;}
	.green-btn{padding: 9px 10px; font-size: 12px;}
}