/* front */
section.front-intro-cntnr {
    padding: 2rem 4vw 0 4vw;
}
div.front-intro {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    grid-gap: 0;
    grid-column-gap: 0;
	max-width: 1390px;
	margin: 0 auto;
}
.front-intro .front-intro-txt {
    border-right: 1px solid var(--clr-green);
	padding-right: 2vw;
}
.front-intro .front-intro-txt h1 {
    font-size: clamp(1.25rem, 1.0000rem + 1.2500vw, 2.5rem);
    margin: .20em 0 0 0;
	color: var(--clr-greydrk);
	font-weight: 300;
}
.front-intro .front-intro-txt h3 {
	font-size: clamp(0.7rem, 0.5800rem + 0.6000vw, 1.3rem);
	color: var(--clr-black);
	font-weight: 300;
	margin: 1em 0 0 0;
}
.front-intro-txt  {
	position: relative;
	width: auto;
}

/* carousel */
.front-intro-carousel-cntnr   {
	margin: 0;
	padding: 0;
	width: 100.0%;
	overflow: hidden;
	position: relative;
}
.front-intro-carousel-cntnr:before  {
	content: "";
	display: block;
	padding-top: 50%;
}

/* front-products */
section.front-products {
    text-align: center;
    padding: 0 0 1.5vw 0;
    background-color: var(--clr-green);
}
div.front-products-header {
    overflow:hidden;
	margin: 2vw auto 0 auto;
	max-width: 1390px;
    border-top: 1px solid var(--clr-green);
    padding: 0.9vw 0 0.8vw 0;
}

div.front-products-header > h2 {
    margin: 0;
    font-weight: 300;
    font-size: clamp(0.9rem, 0.8000rem + 0.5000vw, 1.4rem);
    color: var(--clr-white);
}
div.front-products-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 2vw;
	max-width: 1390px;
	margin: 0 auto;
    padding: 0 2vw;
}
a.front-product-cntnr {
    background-color: var(--clr-green);
    display: inline-block;
    border: 1px solid var(--clr-white);
}
a.front-product-cntnr:hover {
    background: var(--clr-greendrk);
}
.front-product-frame {
    margin: 1vw 1vw 1vw 1vw;
    text-align: center;
    position: relative;
}
.front-product-frame > .front-product-logo-smart,
.front-product-frame > .front-product-logo-other,
.front-product-frame > .front-product-logo-outdoor,
.front-product-frame > .front-product-logo-swivel {
    width: 100%;
    text-align: center;
    height: 2.5ch;
    overflow:hidden;
    margin-bottom: 1ch;
}
.front-product-frame > .front-product-logo-smart > img,
.front-product-frame > .front-product-logo-other > img,
.front-product-frame > .front-product-logo-outdoor > img,
.front-product-frame > .front-product-logo-swivel > img {
    width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit: contain;
}
/*
.front-product-frame > img {
    margin-bottom: 1vw;
    width: 80%;
}
*/
.front-product-frame > h2 {
    margin: 0;
    padding: 0;
}
.front-product-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    grid-gap: 0;
    grid-column-gap: 1vw;
}
.front-product-grid > .front-product-txt {
    font-size: clamp(0.7rem, 0.6600rem + 0.2000vw, 0.9rem);
    margin: 0;
    font-weight: 300;
    line-height: 1.32em;
    text-align: left;
    color: var(--clr-white);
}

/* front 1 col */
section.front-1col-cntnr {
    text-align: center;
    padding: 0;
}
div.front-1col-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
    grid-column-gap: 2vw;
	max-width: 1390px;
	margin: 0 auto;
    padding: 0 2vw;
}

/* front 2 col */
section.front-2col-cntnr {
    text-align: center;
    padding: 0 0 1vw 0;
}
div.front-2col-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 2vw;
	max-width: 1390px;
	margin: 0 auto;
    padding: 0 2vw;
}

/* front-news */
.front-news {
    margin: 1.5vw 0 0 0;
    padding: 1vw 2vw;
    text-align: center;
    background: var(--clr-white);
    border: 1px solid var(--clr-greydrk);
}
.front-news > .front-news-grid > .front-news-list > .front-news-logo {
    padding-bottom: 0.5vw;
    margin-bottom: 0.5vw;
    width: 100%;
    border-bottom: 1px solid var(--clr-white);
    display: block;
}
.front-news > .front-news-grid > .front-news-list > .front-news-logo > img {
    width: 70%;
}
.front-news-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    grid-gap: 0;
    grid-column-gap: 1vw;
}
.front-news-list {
    font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
    margin: 0;
    font-weight: 300;
    line-height: 1.32em;
    text-align: left;
    color: var(--clr-green);
}
.front-news-list {
    font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
    margin: 0;
    font-weight: 300;
    line-height: 1.32em;
    text-align: left;
    color: var(--clr-green);
}
.newslist {
}
.newslist-item {
  margin: 0 0 0.4vw 0;
  padding: 0 0 0.2vw 0;
  position: relative;
    border-bottom: 1px solid var(--clr-greydrk);
}
.nws-hdr {
    width: 90%;
}
.newslist-date {
  padding: 1rem 0 0 0;
  font-size: clamp(0.55rem, 0.4600rem + 0.4781vw, 1rem)!important;
  color: var(--clr-greydrk);
}
.nws-hdr a:link, 
.nws-hdr a:visited {
    display: inline-block;
    padding: 0;
    margin-top: 0;
    color: var(--clr-green);
    font-size: clamp(0.7rem, 0.6000rem + 0.5313vw, 1.2rem)!important;
    line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem)!important;
}
.newslist-link a:link, 
.newslist-link a:visited {
    position: absolute;
    bottom: 1vw;
    right: 1.5vw;
    display: inline-block;
    margin-top: 0;
    color: var(--clr-green);
    font-size: clamp(0.7rem, 0.6000rem + 0.5000vw, 1.2rem);
    line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
}
.front-news-letter {
    margin: 0;
    font-weight: 300;
    line-height: 1.32em;
    text-align: center;
    background-color: var(--clr-greenmtt);
    color: var(--clr-white);
    vertical-align: middle;
    position: relative;
}
.front-news-letter > h2:first-of-type {
    font-size: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem);
    margin: 1vw 0 0 0;
    font-weight: 300;
    display: block!important;
    color: var(--clr-greendrk);
}
.front-news-letter > p {
    font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
    margin: 1em 0 0.3em 0;
    color: var(--clr-greendrk);
}
.front-news-letter > h2 {
    font-size: clamp(0.6rem, 0.5000rem + 0.5000vw, 1.1rem);
    margin: 0;
    font-weight: 300;
    display: none;
}
.front-news-letter > img {
    width: 45%;
    margin: 0.5vw 0;
    border: 1px solid var(--clr-white);
}
.front-news-letter > .art-lnk {
    margin: 0;
    background: var(--clr-greendrk);
    color: var(--clr-white);
    font-size: clamp(0.7rem, 0.6000rem + 0.5000vw, 1.2rem);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.front-news-letter > .art-lnk:hover {
    
}

/* front-about */
.front-about {
    margin: 1.5vw 0 0 0;
    padding: 2vw 2vw;
    text-align: center;
    background: var(--clr-white);
    border: 1px solid var(--clr-greydrk);
}
.front-about-grid {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    grid-gap: 0;
    grid-column-gap: 3vw;
    align-items: center;
    height: 100%;
}
.front-about-list {
  font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
  margin: 0;
  font-weight: 300;
  line-height: 1.32em;
  text-align: left;
  color: var(--clr-green);
    display: grid;
    grid-auto-rows: 1fr 1fr 1fr;
    grid-row-gap: 0;
    height: 100%;
    align-items: center;
}
.front-about-list > a {
    padding: .5vw 1vw;
}
.front-about-list > a:hover {
    background: var(--clr-greydrk);
}
.front-about-list > a > h2 {
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem)!important;
    margin: 0;
    margin-bottom: .5ch;
    font-weight: 300!important;
    color: var(--clr-green);
    position: relative;
}
.front-about-list > a:hover > h2 {
    color: var(--clr-white);
}
.front-about-list > a > h2:after {
  position: absolute;
  right: 0.5ch;
  bottom: 0;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
  color: var(--clr-green);
}
.front-about-list > a:hover > h2:after {
    color: var(--clr-white);
}
.front-about-list > a > p {
    font-size: clamp(0.6rem, 0.5400rem + 0.3000vw, 0.9rem)!important;
    margin: 0;
    margin-top: .5ch;
    padding-top: .5ch;
    font-weight: 300!important;
    border-top: 1px solid var(--clr-greydrk);
}
.front-about-list > a:hover > p {
    color: var(--clr-white);
    border-top: 1px solid var(--clr-white);
}
.front-about-img {
  margin: 0;
  font-weight: 300;
  line-height: 1.32em;
  text-align: center;
  vertical-align: middle;
    display: inline;
    height: 100%;
    display: flex;
    
    align-items:center;
}
.front-about-img > img {
  margin: auto auto;
  text-align: center;
  vertical-align: middle;
}


/* front-durability */
.front-durability-bu {
    background-color: var(--clr-green);
}
.front-durability-margin {
    margin: 1vw 0;
}
.front-durability-cntnr {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 3vw;
    align-items: center;
    height: 100%;
}
.front-durability-img {
    position: relative;
    height: 100%;
}
.front-durability-img > .front-durability-img-cntnr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.front-durability-img > .front-durability-img-cntnr > img {
    width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit: cover;
}
.front-durability-img > .front-durability-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3vw;
    vertical-align: middle;
    display: inline;
}
.front-durability-img > .front-durability-logo > img {
    display: inline-block;
    margin: auto 0;
    width: 70%;
}
.front-durability-txt {
    text-align: left;
    margin: 2vw 0;
}
.front-durability-txt > p {
    font-size: clamp(0.65rem, 0.5400rem + 0.5500vw, 1.2rem);
    color: var(--clr-white);
    font-weight: 300;
}
.front-durability-txt > h2 {
    font-size: clamp(0.65rem, 0.5400rem + 0.5500vw, 1.2rem);;
    color: var(--clr-white);
    font-weight: 300;
    margin: 1ch 0 0.5ch 0;
    padding: 0 0 0.5ch 0;
    border-bottom: 1px solid var(--clr-white);
    position: relative;
}
.front-durability-txt > h2:after {
  position: absolute;
  right: 0.5ch;
  bottom: 0.5ch;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
  color: var(--clr-white);
}

/* front-contacts */
.front-contacts-bu {
}
.front-contacts-margin {
    margin: 1vw 0;
}
.front-contacts-cntnr {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 3vw;
    align-items: center;
    height: 100%;
}

.front-contacts-txt  {
    margin: 2.5vw 0 2.5vw 0;
    text-align: left;
}
.front-contacts-txt > h2 {
    margin: .5vw 2vw 2vw 2vw;
    color: var(--clr-greydrk);
}
.front-contacts-list {
  font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
  margin: 0;
  font-weight: 300;
  line-height: 1.32em;
  text-align: left;
  color: var(--clr-green);
    display: grid;
    grid-auto-rows: 1fr 1fr 1fr;
    grid-row-gap: 1vw;
    height: 100%;
    align-items: center;
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link {
    padding: 1vw 2vw;
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link:hover {
    background: var(--clr-greydrk);
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link> .art-lnk {
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem)!important;
    line-height: clamp(0.75rem, 0.3770rem + 0.8108vw, 1.35rem)!important;
    margin: 0 0 0 0!important;
    font-weight: 300!important;
    color: var(--clr-green);
    background: none!important;
    position: relative;
    display: inline-block;
    padding: 0 2ch 0 0;
    cursor: pointer;
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link:hover > .art-lnk {
    color: var(--clr-white);
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link > .art-lnk:after {
  position: absolute;
  right: 0.5ch;
  bottom: 0;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
    line-height: clamp(0.75rem, 0.3770rem + 0.8108vw, 1.35rem)!important;
  color: var(--clr-green);
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link:hover > .art-lnk:after {
    color: var(--clr-white);
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link > p {
    font-size: clamp(0.6rem, 0.5400rem + 0.3000vw, 0.9rem)!important;
    margin: 0;
    margin-top: .5ch;
    padding-top: .5ch;
    font-weight: 300!important;
    border-top: 1px solid var(--clr-greydrk);
    color: var(--clr-greydrk);
}
.front-contacts-txt > .front-contacts-list > .front-contacts-link:hover > p {
    color: var(--clr-white);
    border-top: 1px solid var(--clr-white);
}

/* front-meet */
.front-meet-bu {
}
.front-meet-margin {
    margin: 1vw 0;
}
.front-meet-cntnr {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 3vw;
    align-items: center;
    height: 100%;
    background: var(--clr-greydrk);
}

.front-meet-txt  {
    margin: 2vw 0vw 2vw 2vw;
    text-align: left;
}
.front-meet-txt > h2 {
    margin: 0 2vw 1vw 2vw;
    color: var(--clr-white);
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem) !important;
  font-weight: 300;
}
.front-meet-txt > h4 {
    margin: 0 2vw 0 2vw;
    color: var(--clr-white);
    font-size: clamp(0.55rem, 0.4600rem + 0.4781vw, 1rem) !important;
  font-weight: 300;
}
.front-meet-list {
  font-size: clamp(0.6rem, 0.5300rem + 0.3500vw, 0.95rem);
  margin: 0;
  font-weight: 300;
  line-height: 1.32em;
  text-align: left;
  color: var(--clr-green);
    display: grid;
    grid-auto-rows: 1fr 1fr 1fr;
    grid-row-gap: 0vw;
    height: 100%;
    align-items: center;
}
.front-meet-txt > .front-meet-list > .front-meet-link {
    padding: 0.5vw 2vw 0 2vw;
}
.front-meet-txt > .front-meet-list > .front-meet-link:hover {
    background: var(--clr-greydrk);
}
.front-meet-txt > .front-meet-list > .front-meet-link> .art-lnk {
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem)!important;
    line-height: clamp(0.75rem, 0.3770rem + 0.8108vw, 1.35rem)!important;
    margin: 0 0 0 0!important;
    font-weight: 300!important;
    color: var(--clr-green);
    background: none!important;
    position: relative;
    display: inline-block;
    padding: 0 2ch 0 0;
    cursor: pointer;
}
.front-meet-txt > .front-meet-list > .front-meet-link:hover > .art-lnk {
    color: var(--clr-white);
}
.front-meet-txt > .front-meet-list > .front-meet-link > .art-lnk:after {
  position: absolute;
  right: 0.5ch;
  bottom: 0;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
    line-height: clamp(0.75rem, 0.3770rem + 0.8108vw, 1.35rem)!important;
  color: var(--clr-green);
}
.front-meet-txt > .front-meet-list > .front-meet-link:hover > .art-lnk:after {
    color: var(--clr-white);
}
.front-meet-txt > .front-meet-list > .front-meet-link > h2 {
    font-size: clamp(0.6rem, 0.5400rem + 0.3000vw, 0.9rem)!important;
    margin: 0;
    font-weight: 300!important;
    color: var(--clr-white);
}
.front-meet-txt > .front-meet-list > .front-meet-link > p {
    font-size: clamp(0.7rem, 0.6000rem + 0.5313vw, 1.2rem) !important;
    margin: 0;
    margin-top: .10ch;
    padding-top: .20ch;
    font-weight: 300!important;
    border-top: 1px solid var(--clr-white);
    color: var(--clr-white);
    display: inline-block;
    display: none;
}
.front-meet-txt > .front-meet-list > .front-meet-link:hover > p {
    color: var(--clr-white);
    border-top: 1px solid var(--clr-white);
}
.front-meet-txt > .front-meet-list > .front-meet-link > .art-lnk {
    font-size: clamp(0.7rem, 0.6000rem + 0.5313vw, 1.2rem) !important;
    margin: 0;
    margin-top: .32ch;
    padding-top: .32ch;
    font-weight: 300!important;
    border-top: 1px solid var(--clr-white);
    color: var(--clr-white);
    display: inline-block;
}

.front-meet-txt > .front-meet-list > .front-meet-link > .art-lnk:after {
    color: var(--clr-white);
    font-size: clamp(0.55rem, 0.4600rem + 0.4781vw, 1rem) !important;
}
.front-meet-img-cntnr {
    margin: 0 2vw 0 0;
    text-align: center;
    display: table;
    height: 100%;
}
.front-meet-img-cntnr > .front-meet-img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.front-meet-img-cntnr > .front-meet-img > img  {
}

/* references */
.front-references-bu {
    background-color: var(--clr-greenmtt);
}
.front-references-bu:hover {
    background-color: var(--clr-greydrk);
}
.front-references-margin {
    margin: 1vw 0 ;
    padding: 1vw 0 !important;
}
.front-references-cntnr {
    overflow:hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0;
    grid-column-gap: 3vw;
    align-items: center;
    height: 100%;
    margin: 0 0 2vw 0;
}
.front-references-img {
    position: relative;
    height: 100%;
    background: var(--clr-white);
}
.front-references-img > .front-references-img-cntnr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 1vw 0;
}
.front-references-img > .front-references-img-cntnr > img {
    width: 100%;
  height: 100%;
  max-height: none;
  max-width: none;
  object-fit:contain;
}
.front-references-txt {
    text-align: left;
    margin: 4vw 0;
}
.front-references-txt > p {
    font-size: clamp(0.65rem, 0.5400rem + 0.5500vw, 1.2rem);
    color: var(--clr-black);
    font-weight: 300;
}
.front-references-bu:hover .front-references-txt > p {
    color: var(--clr-white);
}
.front-references-bu .front-references-txt > h2 {
    font-size: clamp(0.9rem, 0.7600rem + 0.7000vw, 1.6rem) !important;
    color: var(--clr-greendrk);
    font-weight: 300;
    margin: 1ch 0 0.5ch 0;
    padding: 0 0 0.5ch 0;
    border-bottom: 1px solid var(--clr-greendrk);
    position: relative;
}
.front-references-bu .front-references-txt > h2:after {
  position: absolute;
  right: 0.5ch;
  bottom: 0.5ch;
  content: "\0025B9";
  margin-left: 0.6em;
  margin-right: 0.0em;
  font-size: 2.1em;
  font-size: clamp(0.9rem, 0.7200rem + 0.9000vw, 1.8rem);
  line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
  color: var(--clr-greendrk);
}
.front-references-bu:hover .front-references-txt > h2 {
    color: var(--clr-white);
    border-bottom: 1px solid var(--clr-white);
}
.front-references-bu:hover .front-references-txt > h2:after {
    color: var(--clr-white);
}


@media screen and (max-width: 1490px) {
.front-product-frame > .front-product-logo-smart, 
.front-product-frame > .front-product-logo-other, 
.front-product-frame > .front-product-logo-outdoor, 
.front-product-frame > .front-product-logo-swivel {
  height: 2.4ch;
}


    
}

@media screen and (max-width: 1368px) {
.front-product-frame > .front-product-logo-smart, 
.front-product-frame > .front-product-logo-other, 
.front-product-frame > .front-product-logo-outdoor, 
.front-product-frame > .front-product-logo-swivel {
  height: 2.3ch;
}


    
}

@media screen and (max-width: 1280px) {
.front-product-frame > .front-product-logo-smart, 
.front-product-frame > .front-product-logo-other, 
.front-product-frame > .front-product-logo-outdoor, 
.front-product-frame > .front-product-logo-swivel {
  height: 2.1ch;
}


    
}

@media screen and (max-width: 1152px) {
.front-product-frame > .front-product-logo-smart, 
.front-product-frame > .front-product-logo-other, 
.front-product-frame > .front-product-logo-outdoor, 
.front-product-frame > .front-product-logo-swivel {
  height: 1.8ch;
}

  
}

@media screen and (max-width: 980px) {
.front-product-frame > .front-product-logo-smart, 
.front-product-frame > .front-product-logo-other, 
.front-product-frame > .front-product-logo-outdoor, 
.front-product-frame > .front-product-logo-swivel {
  height: 1.5ch;
}

}

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

section.front-intro-cntnr {
  padding: 1rem 4vw 0 4vw;
  padding: 1rem 0 00;
}
div.front-intro {
    grid-template-columns: 1fr;
}
.front-intro .front-intro-txt {
  border-right: 0px solid var(--clr-green);
    padding: 0 4vw 4vw 4vw;
    margin: 0 0 4vw 0;
    border-bottom: 1px solid var(--clr-greydrk);
}
.front-intro-txt-top {
    display: grid;
    grid-template-columns: 1fr;
    grid-column-gap: 4vw;
    text-align: center;
}
.front-intro .front-intro-txt h1 {
  font-size: clamp(1.7rem, 1.2385rem + 2.3077vw, 2.3rem);
    line-height: 1.3em;
}
.front-intro .front-intro-txt h3 {
  font-size: clamp(0.8rem, 0.5692rem + 1.1538vw, 1.1rem)
}
.front-intro .front-intro-txt .front-intro-txt-top h2,
.front-intro .front-intro-txt .front-intro-txt-top p {
    display: none;
}
section.front-products {
  padding: 0 0 4vw 0;
}
div.front-products-grid {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 4vw;
    padding: 0;
    margin: 2vw;
}
.front-product-frame > img {
  margin: 3vw 0;
}
.front-product-frame {
    display: grid;
    grid-template-columns: 1.3fr 1.7fr;
    grid-column-gap: 0;
    text-align: center;
    align-items: center;
    height: 100%;
}
.front-product-frame > .front-product-logo-smart,
.front-product-frame > .front-product-logo-other,
.front-product-frame > .front-product-logo-outdoor,
.front-product-frame > .front-product-logo-swivel {
    text-align: left!important;
    height: 1.5ch;
    margin-bottom: 0;
    width: auto;
    display: inline-block;
}
.front-product-frame > .front-product-logo-smart > img,
.front-product-frame > .front-product-logo-other > img,
.front-product-frame > .front-product-logo-outdoor > img,
.front-product-frame > .front-product-logo-swivel > img {
    display: inline-block;
    text-align: left!important;
}
.front-product-grid {
    grid-template-columns: 0.7fr 1.3fr;
    grid-column-gap: 2vw;
}
.front-product-grid > .front-product-txt {
    margin: 0 0 1ch 0;
}
.front-intro-carousel-cntnr {
	margin: 1vw 2vw 2vw 0;
	width: auto;
}
.front-intro-carousel-cntnr::before {
  padding-top: 50%;
}

div.front-1col-grid {
  padding: 2vw 4vw;
}
div.front-2col-grid {
  grid-template-columns: 1fr;
    padding: 0 4vw;
}
div.front-products-header {
    padding:4vw 0 4vw 0;
}
.front-news {
    margin: 4vw 0 0 0;
    padding: 3vw;
}
.front-about {
    margin: 4vw 0 0 0;
    padding: 3vw;
}
.front-references-cntnr {
    grid-template-columns: 1fr;
  grid-gap: 0;
  grid-row-gap: 1vw;
}
.front-references-img {
    height: 12ch;
}
.front-references-txt {
  margin: 0;
}
.front-durability-cntnr {
    grid-template-columns: 1fr;
  grid-gap: 0;
  grid-row-gap: 1vw;
}
.front-durability-img {
    height: 12ch;
    margin-top: 2vw;
}
.front-durability-txt {
  margin: 0;
    margin-bottom: 2vw;
}
    
}

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

    
}