/** Shopify CDN: Minification failed

Line 269:0 Expected "}" to go with "{"

**/
/* START_SECTION:faq-page (INDEX:8) */
.timeline-wrapper {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #B0B0B0;
	position: relative;
    margin-bottom: 80px;
} 

.timeline-wrapper:after {
	content: '';
    display: block;
    margin: 30px auto;
    width: 25px;
    height: 25px;
    border-top: 1px solid #B0B0B0;
    border-left: 1px solid #B0B0B0;
    transform: rotate(135deg);
    position: absolute;
    right: 5px;
    top: -43px;
}


.timeline-panel {
    flex: 1 0 21%;
    padding: 0 3% 0 3%;  
}

.timeline-panel:before {
   content: '';
   display: inline-block;
   width: 15px;
   height: 15px;
   -moz-border-radius: 7.5px;
   -webkit-border-radius: 7.5px;
   border-radius: 7.5px;
   background-color: #CBBC9D;
   transform: translateY(-11px);
} 

 
.timeline-wrapper .timeline-panel:nth-child(1) {
	padding-left: 0;
} 

.timeline-panel span {
	font-size: 9em;
  	font-family: 'Muli', sans-serif;
    font-weight: 300;
  	color: #f1f1f1;
	display: block; 
}

.icons-dimensions {
	display: flex; 
	flex-wrap: wrap; 
  	max-width: 1200px;
  	margin: 30px auto 50px auto;
}

.icons-dimensions-panel:hover {
	transform: scale(1.02);
  	transition: 0.2s ease-in-out;
}


.icons-dimensions-panel {
    flex: 1 0 25%; 
    min-height: 280px; 
  	box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.1);
  	position: relative;
    transform: scale(1);
    transition: 0.2s ease-in-out;
}

.icons-dimensions-panel img{
    padding: 10% 5% 0 5%;
    height: 260px;
  	width: 100%;
    margin: 0 auto;
}

.icons-dimensions-panel:nth-child(1){
  	margin-right: 15px;
}
  
.icons-dimensions-panel:nth-child(3){
  	margin-left: 15px;
}

.dimensions-description {
    text-align: center;
    position: relative;
    display: block;
	 padding-top: 17px;
}

.dimensions-description span {
	font-size: 9em;
  	font-family: 'Muli', sans-serif;
    font-weight: 300;
  	color: #f1f1f1;
}

.dimensions-description p {
    font-size: 20px;
}


.accordion-container {
		position: relative;
		width: 100%; 
		outline: 0;
		cursor: pointer;
		margin-top: 80px; 
}


.accordion-container h3 { 
		font-weight: bolder;
		cursor: default;  
}

.accordion-container h3:not(.accordion-container h3:nth-child(1)) { 
		margin-top: 80px;
}

.content-entry {
		box-shadow: 0px 3px 4px 2px rgb(0 0 0 / 8%); 
		margin: 0 0 12px 0;
}

#accordion p {
	margin: 0;
}

.accordion-container .article-title {
		display: block;
		position: relative;
		margin: 0; 
		padding: 35px 0 35px 50px; 
		font-size: 1.25em;
		font-weight: normal;
		color: #000;
		cursor: pointer;
	    user-select: none;  
}

.accordion-container .content-entry i {
		position: absolute;
        top: 50%;
        transform: translateY(-50%); 
		right: 35px;
		font-style: normal;
		font-size: 3rem; 
		font-weight: lighter;
		font-family: 'fira-sans', sans serif;  
		color: #CBBC9D;
}


.content-entry.open .article-title:not(.article-title > i) {
		font-weight: bold;  
}

.accordion-container .content-entry i:before {
		content: "+";
}

.accordion-container .content-entry.open i:before {
		content: "–";
        transform: translateY(-51%); 
}

.accordion-content {
		display: none;
		padding: 0 0 35px 50px;  
		max-width: 1000px;
}


@media screen and (max-width: 1024px) {
	
  .timeline-panel {
      flex: 1 0 45%;
  }

  .timeline-panel:nth-child(3) {
      padding-left: 0;  
  }

  .timeline-panel:nth-child(3), .timeline-panel:nth-child(4) {
      border-top: 1px solid #B0B0B0; 
	  margin-top: 80px; 
  }

  .timeline-wrapper:after {
      right: 4px; 
      bottom: 304px;
      top: initial; 
  }

} 


@media screen and (max-width: 768px) {
	
  .timeline-wrapper:after {
      right: 12px;
      bottom: 41%; 
      top: initial;
      transform: rotate(135deg) translateY(-46%); 
  }


@media screen and (max-width: 767px) {
	
  .timeline-panel {
      flex: 1 0 100%;
	  text-align: center; 
  }

  .timeline-wrapper:after, .timeline-panel:before {
      display:none;
  }

  .timeline-panel:nth-child(3), .timeline-panel:nth-child(4), .timeline-wrapper {
	  border-top: 0px; 
	  margin-top: 0; 
  }

  .timeline-panel span {
      font-size: 5em;
  }

  .icons-dimensions-panel { 
      flex: 1 0 100%;
	  margin-bottom: 10px; 
  }

  .icons-dimensions-panel:nth-child(3) {
      margin-left: 0; 
  }

  .accordion-container .article-title {
      display: block;
      position: relative;
      margin: 0;
      padding: 20px 0 20px 20px;
      font-size: 16px;
  }

  .accordion-container .content-entry i {
      right: 15px; 
  }

  .article-title p { 
	  max-width: 80%; 
      display: inline-block;	 
}
}
/* END_SECTION:faq-page */