#main > div:first-of-type  { top: 100px; position: relative;  border-bottom: 100px solid transparent; }
#main > div:first-of-type .row { padding-bottom: 0;}
.full-height {height: 75vh !important; }
h2     {margin-bottom: 1.9rem;}
a { color: rgba(0, 0, 0, 0.870588); }
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  box-sizing: border-box;
  -webkit-align-self: stretch;
  align-self: stretch;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
	flex-wrap: wrap;
  * {z-index: 1;}
}
.flex-item { 
	flex-basis: 0; flex-grow: 1; padding: 20px; 
}
.flex-item .image-container img {width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); position: relative; }
.flex-item .image-container {height: 100%; overflow: hidden;}
#images-block .flex .flex-item { flex-grow: 0; flex-basis: 33%; }
#products-block .flex .flex-item { flex-grow: 0; flex-basis: 33%; }
#banner-block .flex .flex-item { padding: 0; margin-right: 0;}
#banner-block .flex .flex-item.content {padding-left: 2vw; }
.posts.flex .flex-item { flex-grow: 0; flex-basis: 33%; overflow: hidden;}
.flex-item .col { text-align: center; }
.flex-item .card .image {overflow: hidden; height: 35%;  width: 100%; }
.flex-item .card .image img { position: relative;
width: 130%;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%);
transform: translate(-50%, -50%);}
.card-content .title { font-size: 1.5em; font-wieght: 700; }
#products-block .flex .flex-item .card { height: 100%; }
#products-block .flex .flex-item.products .card { height: 565px; }
#products-block .flex-item.product .image {float: right; width: 50%; height: 100%;}
#products-block .flex-item.product .image img{width: auto;
height: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
#products-block h4 {font-size: 1em; }
#products-block h2 {margin-top: 0; font-size: 1.5rem; }
#products-block strong { font-size: 1rem; }

#images-block .flex-item .card  .card-title { top: 0;
font-weight: bold;
position: relative;
left: 0;
transform: none;}
#images-block .flex-item .card .card-image { height: auto; }
#images-block .flex-item .card .card-image img { height:auto; width: 100%; left: 0; top: 0; transform: translate(0,0);}

#products-block .flex-item.product .card-content { width: 50%;}
.product .points .item { font-size: 14px; line-height: 1.4;}
.product .points .item svg { width: 24px; height: 24px; }
.modal h3{ font-size: 1.2em;}
.option { border: 2px solid rgb(197, 17, 98);
border-radius: 10px;
color: rgb(197, 17, 98);
text-align: center;
margin: 5px 5px 5px 0;}
.option a { color: rgb(197, 17, 98); }

#banner-block .asset:nth-child(odd) .col.m4  { 
 float: left;
}
#banner-block .asset:nth-child(even) .col.m4{ 
  float: right;
}
.gallery-carousel {
  height: 600px;
}
.gallery-carousel .carousel-slider .carousel-item img {
  height: 400px;
	width: auto;
}

.gallery-carousel .thumbnails .carousel-item {
height: 100px;
width: 100px;
overflow: hidden;
}
.gallery-carousel .carousel.thumbnails {
height: 100px;
top: 10px;
-webkit-perspective: 100px;
perspective: 100px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0% 10%;
transform-origin: 0% 10%;
}
.gallery-carousel .carousel.thumbnails .carousel-item > img { position: relative;  height: 100%; min-height: 100%; min-width: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto;}
.testimonial-carousel {width: 50%; margin: 0 auto;}
.testimonial-carousel strong { font-size: 1.1em; }
.testimonial-carousel p { font-size: 1.1em; }
.testimonial-carousel .carousel { height: 200px; min-height: 200px; margin: 0px auto 20px;}
.testimonial-carousel .carousel .carousel-item { width: 40vw; margin: 0 auto; }
.carousel .carousel-item.thumbnails {
height: 100px;
}
.testimonial-carousel .carousel.carousel-slider .carousel-item { opacity: 0.2 !important;}
.testimonial-carousel .carousel.carousel-slider .carousel-item.active { opacity: 1 !important;}
.testimonial-carousel .carousel.carousel-slider .carousel-item { height: 200px; min-height: 200px; }

.carousel .carousel-item.thumbnails > img { 
position: relative;  height: 100px; width: 100px; left: 0; margin-right: 20px;}


#post-block .descriptor {
	position: absolute;
bottom: 10px;
right: 20px;
color: white;
border-top: 2px solid white;
font-size: .5em;
line-height: 1;
}



.hero > div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100%;}
.hero .video-container video { position: relative; width: 100%; height: auto; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.hero .video-container { padding-bottom: 0;
height: 100%;}
.hero .image-container		img {width: 100%; height: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} 
#feature-banner .points { top: -50px; position:relative; margin-bottom: 20px;}
.hero h1 { font-size: 3.55rem; color: yellow; }
.hero .screen {     background-color: rgba(0,0,0,0.05);}
.hero .btn {background: yellow; color: black;}

#testimonial-block .carousel .indicators .indicator-item { background-color: black;)}
.divider { margin: 8px auto; }
.section { padding-top: .5rem; padding-bottom: .5rem; }
@media (max-width: 767px) {
  .full-height { height: 50vh !important;}
	.#images-block .flex .flex-item { flex-grow: 1; flex-basis: 100%; }
#products-block .flex .flex-item { flex-grow: 1; flex-basis: 100%; }
#banner-block .flex .flex-item { padding: 1; flex-basis:100%;}
.testimonial-carousel {width: 95%; margin: 0 auto;}


.testimonial-carousel .carousel .carousel-item { width: 95%;margin: 0 auto;}
.flex-item { flex-basis: 100%; overflow: hidden;}
.hero .video-container video {max-width: inherit; position: relative; width: auto; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%) }
}