:root{
	--natek-primary: #f47d20;
	--natek-primary-rgb: 244, 125, 32;
	--natek-secondary: #6bb52a;
	--natek-secondary-rgb: 107, 181, 42;
	--content-width: 75% + 54px;
	--content-width-laptop: 85% + 54px;
}
a, a:link, a:visited, a:hover, a img {
	outline: none;
	border: none;
}
html{
	font-family: proxima-nova, sans-serif;
	margin:0;
	padding:0;
}
body{
	margin:0;
	padding:0;
	background:#fff;/*#f79f29*/
}
.button{
    font-family: proxima-nova, sans-serif !important;
    display: inline-block;
    box-sizing: border-box;
    font-size: 1.1em;
    line-height: 1.3em;
    width: auto;
    height: auto;
    padding: 0.3em 0.5em 0.2em 0.5em;
    margin: 0 auto;
    text-transform: uppercase;
	text-decoration: none;
    outline: none !important;
    border: none;
    color: #ffffff;
    cursor: pointer;
    box-shadow: none;
    background: #ff7c19;
    background: -moz-linear-gradient(top, #ff7c19 0%, #c95700 100%);
    background: -webkit-linear-gradient(top, #ff7c19 0%,#c95700 100%);
    background: linear-gradient(to bottom, #ff7c19 0%,#c95700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#c95700',GradientType=0 );
    user-select: none;
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}
.button.btn-rounded{
	border-radius: 0.25em;
}
.button.btn-bigger {
    text-decoration: none;
    padding: 0.75em 1.75em 0.65em 1.75em;
    font-weight: 600;
    border: 2px solid #000000;
}
.button:hover, .button:focus{
    background: #ff7c19;
    background: -moz-linear-gradient(top, #ff7c19 0%, #d65c0a 100%);
    background: -webkit-linear-gradient(top, #ff7c19 0%,#d65c0a 100%);
    background: linear-gradient(to bottom, #ff7c19 0%,#d65c0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#d65c0a',GradientType=0 );
}
.button.btn-green{
    background: #6ebc20;
    background: -moz-linear-gradient(top, #6ebc20 0%, #438901 100%);
    background: -webkit-linear-gradient(top, #6ebc20 0%,#438901 100%);
    background: linear-gradient(to bottom, #6ebc20 0%,#438901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebc20', endColorstr='#438901',GradientType=0 );
}
.button.btn-green:hover, .button.btn-green:focus{
    background: #75c623;
    background: -moz-linear-gradient(top, #75c623 0%, #4b9601 100%);
    background: -webkit-linear-gradient(top, #75c623 0%,#4b9601 100%);
    background: linear-gradient(to bottom, #75c623 0%,#4b9601 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c623', endColorstr='#4b9601',GradientType=0 );
}
.button.btn-gray{
    background: #EDEDED;
    background: -moz-linear-gradient(top, #c9c9c9 0%, #adadad 100%);
    background: -webkit-linear-gradient(top, #c9c9c9 0%,#adadad 100%);
    background: linear-gradient(to bottom, #c9c9c9 0%,#adadad 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D8D8D8',GradientType=0 );
}
.button.btn-gray:hover, .button.btn-gray:focus{
    background: #EDEDED;
    background: -moz-linear-gradient(top, #D8D8D8 0%, #c9c9c9 100%);
    background: -webkit-linear-gradient(top, #D8D8D8 0%,#c9c9c9 100%);
    background: linear-gradient(to bottom, #D8D8D8 0%,#c9c9c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEDED', endColorstr='#D8D8D8',GradientType=0 );
}
.button.btn-orange-hover:hover, .button.btn-orange-hover:focus{
    background: #ff7c19;
    background: -moz-linear-gradient(top, #ff7c19 0%, #d65c0a 100%);
    background: -webkit-linear-gradient(top, #ff7c19 0%,#d65c0a 100%);
    background: linear-gradient(to bottom, #ff7c19 0%,#d65c0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#d65c0a',GradientType=0 );
}
.dropdown_content{
	max-height: 0;
	overflow: hidden;
    box-sizing: border-box;
    position: relative;
}
.dropdown_content.opened{
    max-height: none;
    padding: 0 2px;
}
#info input{
	display: none;
}
#info label{
	display: none;
}
#header{
	position: fixed;
width: 100%;
z-index:9999;
}
#page{
padding-top: 67px;
}
/*#header{
	text-align:center;
	width:100%;
	border-bottom:2px solid black;
	background:#503b2b;
	color:#fff;
}
.headerblock{
	display:inline-block;
	margin:0px 25px;
	float:left;
	font-size:30px;
}
.headerblock:nth-child(2){
	float:right;
}
.headerblock:nth-child(1) img{
}
.headeritem{
	display:inline-block;
	padding:10px 15px;
	margin:0px;
}
.headeritem a{
	margin:0;
	padding:5px 15px;
	display:block;
}
.headeritem:nth-child(2){
	border-left:2px solid black;
	border-right:2px solid black;
}
.headercontent{
	display:none;
	background:rgba(0,0,0,0.9);
	z-index:9999;
	margin:0px auto;
    padding:25px 50px;
    left: 0;
    width: 100%;
    box-sizing:border-box;
    position: absolute;
}
.headeritem:hover .headercontent,
.headeritem:focus .headercontent,
.headeritem:focus-within .headercontent{
    display: block;
}*/
.innernavbuttons{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
/*     gap: calc(0.2vw + 5px); */
	margin: 0;
	background: #ffffff;
	width: 100%;
	box-sizing: border-box;
    padding: 0.5em;
    box-shadow: 0px 0.7vw 1.5vw -0.9vw #000000;
    position: sticky;
    top: 67px;
    z-index: 101;
    font-size: 16px;
}
.innernavbuttonitem{
    position: relative;
    flex: 1;
	text-decoration: none !important;
	/* vertical-align: top;
	display: inline-block; */
	margin: 0 auto;
/* 
	width: calc(100% / 9);
	min-width: calc(100% / 9);
 */
	box-sizing: border-box;
/*     padding: 1em 0.5em; */
    padding: 1em 0.5em 0.25em 0.5em;
	-webkit-filter: none;
	filter: none;
    display: inline-flex;
    flex-direction: column;
/*     justify-content: center; */
    justify-content: flex-start;
    align-items: center;
/*     background: #f7f7f7; */
/*     box-shadow: inset 0px 0px 10px 5px #ffffff; */
    isolation: isolate;
}
/* 
.inbServices .innernavbuttonitem{
	background: rgba(var(--natek-secondary-rgb), 0.1);
}
.inbPortfolio .innernavbuttonitem{
	background: rgba(var(--natek-primary-rgb), 0.1);
}
 */
.innernavbuttonitem:hover,
.innernavbuttonitem:active,
.innernavbuttonitem:focus{
	background: var(--natek-secondary);
	box-shadow: none;
}
/* Hover - BGs (Green) */
.inbServices .innernavbuttonitem:hover,
.inbServices .innernavbuttonitem:active,
.inbServices .innernavbuttonitem:focus{
	background: var(--natek-secondary);
	box-shadow: none;
}
/* Hover - BGs (Orange) */
.inbPortfolio .innernavbuttonitem:hover,
.inbPortfolio .innernavbuttonitem:active,
.inbPortfolio .innernavbuttonitem:focus{
	background: var(--natek-primary);
	box-shadow: none;
}
/* Active Page - BGs (Green) */
#page-apparelDecorating .innernavbuttonitem[href*="apparel-decorating.php"],
#page-offsetPrinting .innernavbuttonitem[href*="offset-and-digital-printing.php"],
#page-tradeshowBooths .innernavbuttonitem[href*="tradeshow-displays.php"],
#page-websites .innernavbuttonitem[href*="website-design.php"]{
	background: var(--natek-secondary);
	box-shadow: none;
}
/* Active Page - BGs (Orange) */
.portfolio-main .innernavbuttonitem[href*="portfolio.php"],
.portfolio-graphics .innernavbuttonitem[href*="portfolio-graphics.php"],
.portfolio-logos .innernavbuttonitem[href*="portfolio-logos.php"],
.portfolio-websites .innernavbuttonitem[href*="portfolio-websites.php"],
.portfolio-signage .innernavbuttonitem[href*="portfolio-signage.php"],
.portfolio-tradeshows .innernavbuttonitem[href*="portfolio-tradeshows.php"],
.portfolio-packaging .innernavbuttonitem[href*="portfolio-packaging.php"]{
	background: var(--natek-primary);
	box-shadow: none;
}
/* Hover - Image and Text (Green and Orange) */
.innernavbuttonitem:hover img,
.innernavbuttonitem:hover p,
.innernavbuttonitem:active img,
.innernavbuttonitem:active p,
.innernavbuttonitem:focus img,
.innernavbuttonitem:focus p{
	-webkit-filter: brightness(0) invert(1) !important;
	filter: brightness(0) invert(1) !important;
}
/* Active Page - Image and Text (Green and Orange) */
#page-apparelDecorating .innernavbuttonitem[href*="apparel-decorating.php"] img,
#page-apparelDecorating .innernavbuttonitem[href*="apparel-decorating.php"] p,
#page-offsetPrinting .innernavbuttonitem[href*="offset-and-digital-printing.php"] img,
#page-offsetPrinting .innernavbuttonitem[href*="offset-and-digital-printing.php"] p,
#page-tradeshowBooths .innernavbuttonitem[href*="tradeshow-displays.php"] img,
#page-tradeshowBooths .innernavbuttonitem[href*="tradeshow-displays.php"] p,
#page-websites .innernavbuttonitem[href*="website-design.php"] img,
#page-websites .innernavbuttonitem[href*="website-design.php"] p,
.portfolio-main .innernavbuttonitem[href*="portfolio.php"] img,
.portfolio-main .innernavbuttonitem[href*="portfolio.php"] p,
.portfolio-graphics .innernavbuttonitem[href*="portfolio-graphics.php"] img,
.portfolio-graphics .innernavbuttonitem[href*="portfolio-graphics.php"] p,
.portfolio-logos .innernavbuttonitem[href*="portfolio-logos.php"] img,
.portfolio-logos .innernavbuttonitem[href*="portfolio-logos.php"] p,
.portfolio-websites .innernavbuttonitem[href*="portfolio-websites.php"] img,
.portfolio-websites .innernavbuttonitem[href*="portfolio-websites.php"] p,
.portfolio-signage .innernavbuttonitem[href*="portfolio-signage.php"] img,
.portfolio-signage .innernavbuttonitem[href*="portfolio-signage.php"] p,
.portfolio-tradeshows .innernavbuttonitem[href*="portfolio-tradeshows.php"] img,
.portfolio-tradeshows .innernavbuttonitem[href*="portfolio-tradeshows.php"] p,
.portfolio-packaging .innernavbuttonitem[href*="portfolio-packaging.php"] img,
.portfolio-packaging .innernavbuttonitem[href*="portfolio-packaging.php"] p{
	-webkit-filter: brightness(0) invert(1) !important;
	filter: brightness(0) invert(1) !important;
}
/* Active Portfolio Page inter-page navigation arrow */
.portfolio-main .innernavbuttonitem[href*="portfolio.php"]:before,
.portfolio-graphics .innernavbuttonitem[href*="portfolio-graphics.php"]:before,
.portfolio-logos .innernavbuttonitem[href*="portfolio-logos.php"]:before,
.portfolio-websites .innernavbuttonitem[href*="portfolio-websites.php"]:before,
.portfolio-signage .innernavbuttonitem[href*="portfolio-signage.php"]:before,
.portfolio-tradeshows .innernavbuttonitem[href*="portfolio-tradeshows.php"]:before,
.portfolio-packaging .innernavbuttonitem[href*="portfolio-packaging.php"]:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid #ffffff;
    z-index: 0;
    opacity: 1;
	pointer-events: none;
}
.portfolio-main .innernavbuttonitem[href*="portfolio.php"]:after,
.portfolio-graphics .innernavbuttonitem[href*="portfolio-graphics.php"]:after,
.portfolio-logos .innernavbuttonitem[href*="portfolio-logos.php"]:after,
.portfolio-websites .innernavbuttonitem[href*="portfolio-websites.php"]:after,
.portfolio-signage .innernavbuttonitem[href*="portfolio-signage.php"]:after,
.portfolio-tradeshows .innernavbuttonitem[href*="portfolio-tradeshows.php"]:after,
.portfolio-packaging .innernavbuttonitem[href*="portfolio-packaging.php"]:after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid var(--natek-primary);
    z-index: 1;
    opacity: 1;
	pointer-events: none;
}
#page-apparelDecorating .innernavbuttonitem[href*="apparel-decorating.php"]:after,
#page-offsetPrinting .innernavbuttonitem[href*="offset-and-digital-printing.php"]:after,
#page-tradeshowBooths .innernavbuttonitem[href*="tradeshow-displays.php"]:after,
#page-websites .innernavbuttonitem[href*="website-design.php"]:after{
    border-top-color: var(--natek-secondary);
}
#portfolio #page .innernavbuttonitem img,
#portfolio #page .innernavbuttonitem p,
#headerportfolio .innernavbuttonitem img,
#headerportfolio .innernavbuttonitem p{
	-webkit-filter: hue-rotate(300deg) saturate(1.25);
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='huerotate'><feColorMatrix type='hueRotate' values='306' /></filter></svg>#huerotate");
	filter: hue-rotate(300deg) saturate(1.25);
}
.innernavbuttonitem p{
	display: block;
	color: #6bb529/*#f57d20*/;
    margin: 1em 0 0 0;
    font-size: 1em;
    font-weight: 300;
}
.innernavbuttonitem img{
	display: block;
	width: 50px;
	height: 50px;
	margin: 0 auto;
}
.section{
	text-align: center;
	margin: 0 auto;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.section-inner{
    margin: 0 auto;
    width: calc(var(--content-width, 75%));
}
#sectionopening{
	background:#000000;
	/*background-image:url("../images/slide2.jpg");*/
	/*padding:150px 0px;*/
	padding:0;
    min-height: 850px;
}
.openingimg{
	position:relative;
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-image:url("../images/none.png");
	width:100%;
    /*width: calc(100vw - 15px);*/
	height: auto;
    height: calc(100vw / 1400 * 653);/* Keep image from zooming on wider screens - this will keep the original aspect ratio */
    min-height: 850px;
}
.cycleslide{
	width:100%;
	position: absolute;
    top: 0;
}
.cycleslide:nth-of-type(1){
	position: relative;
    top: auto;
    z-index: 1;
}
#openingslidestext, #openingslidestext1, #openingslidestext2{
	color:#000;
    background: none;
    position: absolute;
    z-index: 102;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    /*top: 18.5%;
    top: calc(15% + 2.9vw);*/
    top: 210px;
    width:100%;
    height:30%;
    pointer-events: none;
    min-height: 500px;
}
.cycleslidetext{
	width:100%;
	position: absolute;
    min-height: 500px;
    visibility: hidden;
}
.cycleslidetext:nth-of-type(1){
    visibility: visible;
}
.openingimgtext{
	width:100%;
/*     min-height: 500px; */
}
.openingtitle h1{
	padding: 0 15px;
    display: inline-block;
    margin: 0 auto 20px auto;
    color: #f1781a;
    background: rgba(255, 255, 255, 0.75);
    font-size: 69px;
    font-weight: bold;
}
.openingtitlecolor{
    color: #000;
}
.openingtext p{
	padding: 0 10px;
    display: inline-block;
    margin: 6px auto;
    color: #000;
    background: rgba(255, 255, 255, 0.75);
    font-size: 55px;
}
.openingslide3 .openingimgtext{
    margin: 20px auto;
}
.openingslide3 .openingtitle h1{
	margin: 15px auto;
    font-size: 65px;
}
.openingslide3 .openingtext p{
	margin: 5px auto;
    font-size: 45px;
}
.openingslide3 img{
    position: absolute;
    left: 50%;
    top: 15px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 700px;
    height: auto;
    pointer-events:none;
}
/*.openingslide1 .openingimg{
	background-image:url("../images/eye-catching-design.jpg");
}
.openingslide2 .openingimg{
	background-image:url("../images/slide2.jpg");
} */

/* KEEP THIS IN ORDER! */
/* For width smaller than 400px: */
.openingslide1 .openingimg{
	background-image:url("../images/slide2-small.jpg");
}
.openingslide2 .openingimg{
	background-image:url("../images/slide1-small.jpg");
}
.openingslide3 .openingimg{
	background-image:url("../images/slide3-small.jpg");
}

/* For width 400px and larger: */
@media only screen and (min-width: 400px) {
	.openingslide1 .openingimg{
		background-image:url("../images/slide2.jpg");
	}
	.openingslide2 .openingimg{
		background-image:url("../images/slide1.jpg");
	}
	.openingslide3 .openingimg{
		background-image:url("../images/slide3.jpg");
	}
}


#sectionproducts{
	background-image:url("../images/bg-2.jpg");
    background-attachment: scroll;
    padding: 14px 0px 7px 0px;
}
#sectiontestimonies{
	background-image:url("../images/bg-3.jpg");
    background-attachment: scroll;
    padding: 40px 0px;
}

#openingswatches{
	display:none;
}
.openingimg a{
	position:absolute;
	top:70%;
	left:50%;
	-webkit-transform:translate(-50%, 0);
	-ms-transform:translate(-50%, 0);
	transform:translate(-50%, 0);
	color:#fff;
	text-decoration:none;
	display:block;
	width:275px;
    height: 65px;
    line-height: 65px;
    font-size: 35px;
	margin:0 auto;
	font-weight:300;
	border:2px solid white;
    background: #ff7c19;
    background: -moz-linear-gradient(top, #ff7c19 0%, #c95700 100%);
    background: -webkit-linear-gradient(top, #ff7c19 0%,#c95700 100%);
    background: linear-gradient(to bottom, #ff7c19 0%,#c95700 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#c95700',GradientType=0 );
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.openingimg a:hover,
.openingimg a:focus-visible{
    background: #ff7c19;
    background: -moz-linear-gradient(top, #ff7c19 0%, #d65c0a 100%);
    background: -webkit-linear-gradient(top, #ff7c19 0%,#d65c0a 100%);
    background: linear-gradient(to bottom, #ff7c19 0%,#d65c0a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#d65c0a',GradientType=0 );
}
/*#opening{
	color:#fff;
	width:60%;
	margin:0px auto;
}
#opening img{
	height:auto;
	max-width:100%;
    pointer-events: none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#opening p{
	color:#000;
	margin: 25px auto 10px auto;
	font-size:24px;
	line-height:1.7em;
}
#opening #openingbold{
	margin: 10px auto 25px auto;
	font-weight:bold;
}
#opening a{
	color:#fff;
	text-decoration:none;
	display:block;
	background:#000;
	width:275px;
	height:50px;
	line-height:50px;
	font-size:28px;
	margin:0 auto;
	font-weight:300;
}*/
.prodrow{
	overflow:hidden;
}
/*
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
*/
.prodbox{
    position:relative;
	margin:7px;
	display:inline-block;
	background:#0004;
	width:25vw;
	height:25vw;
	vertical-align:middle;
    background-image: url("../images/services/martins.jpg");
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: box-shadow .2s ease;
    -moz-transition: box-shadow .2s ease;
    -o-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}
#prodtext{
	color:#fff;
    font-size: 1.55vw;
    line-height: 1.3em;
	padding:0px 20px;
	box-sizing:border-box;
	box-shadow:none !important;
	font-weight:300;
}
#prodtext img{
	margin:15px 0px 0px 0px;
}
#prodtextinner{
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    width: calc(100% - 40px);
}
#prodtextinner p{
margin: 15px auto;
width: 88%;
max-width: 670px;
font-size: 21px;
font-weight: 100;
line-height: 160%;
}
.prodbox:not(#prodtext){
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.prodbox h1, #proddrop p{
	color:#000;
    margin: 0 auto;
    bottom: calc(50% - 49px);
    position: absolute;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 25%, rgba(255,255,255,0.5) 75%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 25%,rgba(255,255,255,0.5) 75%,rgba(255,255,255,0) 100%);
    -webkit-transition: text-shadow .2s ease, opacity .2s ease, padding .2s ease, bottom .2s ease, color .2s ease;
    -moz-transition: text-shadow .2s ease, opacity .2s ease, padding .2s ease, bottom .2s ease, color .2s ease;
    -o-transition: text-shadow .2s ease, opacity .2s ease, padding .2s ease, bottom .2s ease, color .2s ease;
    transition: text-shadow .2s ease, opacity .2s ease, padding .2s ease, bottom .2s ease, color .2s ease;
}
.prodbox h1{
    opacity:0;
}
#proddrop{
	cursor:pointer;
	box-shadow:none !important;
}
#proddrop p{
	position: absolute;
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
    font-size:40px;
    background:none;
    color:#878787;
    text-transform:uppercase;
    font-weight:300;
}
.prodbox img{
	margin:0 auto;
}
#proddrop #prodarrow{
    position: absolute;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: calc(20% - 40px);
    left: 50%;
    background: none;
    padding: 0;
    -webkit-transition: bottom 0.2s ease-in-out;
    -moz-transition: bottom 0.2s ease-in-out;
    -o-transition: bottom 0.2s ease-in-out;
    transition: bottom 0.2s ease-in-out;
}
/*.prodbox:hover{
    box-shadow: inset 0px 0px 0px 7px #fff;
}*/
.prodbox:hover h1,
.prodbox:focus-within h1{
    opacity:1;
    padding:50px 30px;
    bottom: calc(50% - 69px);
}
#prodrowone .prodbox{
	margin-top:0;
}
#prodrowone .prodbox:nth-child(1){
    /* left: 0; */
    /* position: absolute; */
    width: calc(50% + 21px);
    /* margin: 15px 0;*/
}
#prodrowone .prodbox:nth-child(1) img{
    pointer-events: none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#prodrowone .prodbox:nth-child(1):before{
    position: absolute;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #000;
    left: -100%;
}
#prodrowone .prodbox:nth-child(1):before{
    background: url("../images/bg-block-2.jpg");
    background-attachment: scroll;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    pointer-events:none;
}
#prodrowone .prodbox:nth-child(1){
    background: url("../images/bg-block-1.jpg");
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
}

#prodrowone .prodbox:nth-child(2){
	position:relative;
}
#prodrowone .prodbox:nth-child(2):before{
    position: absolute;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #000;
    right: calc(-100% - 14px);
    pointer-events:none;
}
#proddrop:hover p,
#proddrop:focus-within p{
    text-shadow: 0px 0px 7px #f57d20;
    color:#bbb;
}
#proddrop:hover #prodarrow,
#proddrop:focus-within #prodarrow{
    bottom: calc(15% - 40px);
}

.prodpreview{
	position:relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
/*.prodbox img.prodpreviewlogo{
    width: 9%;
    position: absolute;
    top: 84%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 99;
    filter: opacity(0%);
    transition: top 300ms ease-in-out, filter 300ms ease-in-out;
    -webkit-transition: top 300ms ease-in-out, filter 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out, filter 300ms ease-in-out;
    -o-transition: top 300ms ease-in-out, filter 300ms ease-in-out;
}
.prodbox:hover img.prodpreviewlogo{
    filter: opacity(100%);
    top: 30%;
}*/
.prodpreviewtext{
    position: absolute;
    top: 50%;
    /*top:82%;*/
    -webkit-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transform: translateY(110%);
    width: 100%;
    padding-top: 20px;
    border-top: 0.5vw solid #f37e20;
    background: rgba(0,0,0,0.75);
    transition: transform 300ms ease-in-out, border 300ms ease-in-out, background 300ms ease-in-out;
    -webkit-transition: transform 300ms ease-in-out, border 300ms ease-in-out, background 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out, border 300ms ease-in-out, background 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out, border 300ms ease-in-out, background 300ms ease-in-out;
}
.prodbox:hover .prodpreviewtext,
.prodbox:focus-visible .prodpreviewtext{
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    border-top: 0.5vw solid #000;
	background: rgba(243,126,32,0.9);
}
.prodpreviewtext:before{
    background-image: url(../images/logo.png);
    background-size: 100% 100%;
    width: 3vw;
    height: 3vw;
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: -3%;
    left: 50%;
    opacity:0;
    transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    -o-transition: opacity 300ms ease-in-out;
}
.prodbox:hover .prodpreviewtext:before,
.prodbox:focus-visible .prodpreviewtext:before{
	opacity:1;
}
.prodpreviewname{
	text-transform: uppercase;
    margin: 1% 2%;
    font-size: 2vw;
    line-height: 1.7vw;
    color:#fff;
    font-weight:bold;
    transition: margin 300ms ease-in-out;
    -webkit-transition: margin 300ms ease-in-out;
    -moz-transition: margin 300ms ease-in-out;
    -o-transition: margin 300ms ease-in-out;
}
.prodbox:hover .prodpreviewname,
.prodbox:focus-visible .prodpreviewname{
    margin: 3% 2%;
}
.prodpreviewmobilename{
	display:none;
}
.prodpreviewdesc{
    font-size: 22px;
    font-size: 1.3vw;
    margin: 7% 2%;
    text-transform: none;
    font-weight: normal;
    color: #fff;
}
.prodpreviewlink{
    font-size: 25px;
    font-size: 1.5vw;
    margin: 5% auto;
    position: relative;
    background: white;
    border-radius: 3px;
    padding: 1% 3%;
    width: 35%;
    text-transform: none;
    color: black;
    font-weight:bold;
}

#proddroplist{
	background:#000;
	color:#fff;
	height:0;
    width: calc(75vw + 28px);
    margin:0 auto;
    padding: 0px 30px;
    box-sizing: border-box;
}
input#proddropcheckbox[type=checkbox]:checked ~ #proddroplist,
#proddroplist:focus-within{
	height:auto;
    margin:7px auto;
    padding: 15px 30px 30px 30px;
}
.proddropcolumn{
    padding: 0px 20px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 24.9%;
}
.proddropcolumn h1{
	font-weight:normal;
    margin: 15px auto 0px auto;
    font-size: 28px;
}
.proddropcolumn p{
    margin: 9px auto 9px 10px;
    font-size: 20px;
    font-weight: 300;
	line-height: 140%;
    color:#d0d0d0;
}
.proddropcolumn a{
    color: var(--natek-primary);
	text-decoration: none;
}
.proddropcolumn a:hover, .proddropcolumn a:focus, .proddropcolumn a:active{
	text-decoration: underline;
}

.widebutton{
	cursor:pointer;
	display:block;
	color:#fff;
    width: calc(75% + 28px);
    margin:0px auto;
    font-size:15px;
    padding:18px;
    border:3px solid black !important;
    box-sizing:border-box;
}
.buttonarrow{
    vertical-align: middle;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.widebutton#seeportfolio{
    margin:76px auto 0px auto;
}
.widebutton h1{
    vertical-align: middle;
	margin:0 auto;
	font-weight:normal;
}
a.widebutton{
	text-decoration:none;
}
.buttontext{
    vertical-align: middle;
    margin: 0px 15px;
	text-decoration:none;
    -webkit-transition: margin 0.2s ease-in-out;
    -moz-transition: margin 0.2s ease-in-out;
    -o-transition: margin 0.2s ease-in-out;
    transition: margin 0.2s ease-in-out;
}
.widebutton:hover .buttontext,
.widebutton:focus .buttontext{
    margin: 0px 25px;
	text-decoration:none;
}
#requestquote{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ebc20+0,438901+100 */
background: #6ebc20; /* Old browsers */
background: -moz-linear-gradient(top,  #6ebc20 0%, #438901 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6ebc20 0%,#438901 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6ebc20 0%,#438901 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebc20', endColorstr='#438901',GradientType=0 ); /* IE6-9 */
    width: 100%;
    margin-top: 15px;
}
.widebutton:hover,
.widebutton:focus{
    box-shadow: 0px 0px 3px 0px #333;
}
#requestquote:hover,
#requestquote:focus{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75c623+0,4b9601+100 */
background: #75c623; /* Old browsers */
background: -moz-linear-gradient(top,  #75c623 0%, #4b9601 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #75c623 0%,#4b9601 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #75c623 0%,#4b9601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c623', endColorstr='#4b9601',GradientType=0 ); /* IE6-9 */
}
#seeportfolio{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7c19+0,c95700+100 */
background: #ff7c19; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7c19 0%, #c95700 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff7c19 0%,#c95700 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff7c19 0%,#c95700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#c95700',GradientType=0 ); /* IE6-9 */
}
#seeportfolio:hover,
#seeportfolio:focus{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff7c19+0,d65c0a+100 */
background: #ff7c19; /* Old browsers */
background: -moz-linear-gradient(top,  #ff7c19 0%, #d65c0a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff7c19 0%,#d65c0a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff7c19 0%,#d65c0a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c19', endColorstr='#d65c0a',GradientType=0 ); /* IE6-9 */

}
#informed{
	width:100%;
	padding:85px 0px 45px 0px;
    pointer-events: none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#design{
	margin:0px auto;
}
#design img{
	max-width:100%;
	height:auto;
}

#rowtestimonies{
	margin:40px auto;
}
#clients, #testimonies{
    background: #000;
    color:#fff;
    vertical-align:middle;
	margin:0px 7px;
}
#clients{
	position:relative;
    height: 25vw;
    width: 25vw;
}
#clients p{
	position:absolute;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    bottom: 50%;
    box-sizing: border-box;
    width: 100%;
    margin:0 auto;
    padding:30px;
    font-weight:300;
    font-size:40px;
    color:#878787;
    text-transform:uppercase;
}
#clients:before{
    position: absolute;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    background: #000;
    left: -99.9%;
}
#testimonies{
	position:relative;
    width: calc(50% + 14px);
	-webkit-user-select: auto !important;
	-ms-user-select: auto !important;
	user-select: auto !important;
	background:rgba(0,0,0,0.8);
	box-sizing:border-box;
    padding: 0px;
}
#testimonies:before{
    position: absolute;
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    left: 100%;
	background:rgba(0,0,0,0.8)
}
#clients #clientsarrow{
    position: absolute;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    bottom: calc(20% - 18px);
    left: 50%;
    background: none;
    padding: 0;
    -webkit-transition: bottom 0.2s ease-in-out;
    -moz-transition: bottom 0.2s ease-in-out;
    -o-transition: bottom 0.2s ease-in-out;
    transition: bottom 0.2s ease-in-out;
}
.testimonialsblock{
    box-sizing: border-box;
    width: 100%;
    padding: 100px 20px;
    font-size: 22px;
    line-height: 1.4em;
    color: #fff;
    font-weight:300;
    margin: 0 auto;
    max-width: 600px;
}
.testimonialtext{
	
}
.testimonialname{
	font-size:16px;
	color:#f57d20;
	font-weight:normal;
}
#sectioncontact{
	background:#000;
	overflow:hidden;
}
#contactfooter{
	margin:0 auto;
    width: calc(75% + 28px);
	flex:1;
}
.contactblock{
	width:33%;
	display:inline-block;
	vertical-align: top;
	margin:0 auto;
	box-sizing:border-box;
    max-width: 450px;
}
.contactblock:nth-child(1){
	padding: 25px 20px 25px 0px;
	width: 34%;
}
.contactblock:nth-child(2){
	padding: 25px 20px 0px 20px;
	position: relative;
	width: 32%;
}
.contactblock:nth-child(3){
	padding: 25px 0px 25px 50px;
	width: 34%;
}
.contactblockinner{
	margin:0;
}
.contactofferrow{
	color: #bbb;
	text-align: left;
	font-size: 22px;
    line-height: 1.2em;
}
.contactofferrow p{
	padding: 0px 10px;
	margin: 15px auto;
	max-width:calc(100% - 60px);
	box-sizing:border-box;
	font-weight:300;
	color:#9a9a9a;
}
.contactofferrow img{
	width:50px;
	height:auto;
	-webkit-filter:brightness(60%);
	filter:brightness(60%);
    pointer-events: none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.contactofferrow img, .contactofferrow p{
	display:inline-block;
	vertical-align:middle;
}
#contactoffertalk{
	color:#fff;
	text-align:center;
	font-size:50px;
	line-height:1.5em;
    margin: 20px auto;
}
#contactoffertalk a{
	display: block;
}
#contactoffertalk img{
	margin:0 auto;
    max-width: 100%;
    pointer-events: none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#letstalkdesktop{
	display: block;
}
#letstalkmobile{
	display: none;
}
/*#contactoffertalk p{
	margin: 20px auto 10px auto;
}
#contacttalkarrow{
	color:#f57d20;
}*/
.contactblock form{
    background: url(../images/ng-logo.png) bottom -46px center no-repeat;
	/*overflow: auto;*/
	padding-bottom: 56px;
}
.formline{
    font-family: proxima-nova, sans-serif !important;
	text-align: left;
	margin: 10px auto;
	background: #ffffff;
	color: #333;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	font-size: 20px;
	outline-offset: 0px;
	outline: 1px solid #f57d20;
	color: #8b4915;
    border: 2px solid #ffffff;
    border-radius: 0px !important;
}
#contactfooter .formline{
    padding: 8px 10px;
    margin: 8px auto;
	background-color: #e7e7e7;
	border-color: #e7e7e7;
}
#contactfooter .formline:focus{
	background-color: #ffffff;
	border-color: #ffffff;
}
#contactfooter #formmessage{
    min-height: 125px;
}
/*.formline:nth-child(1){
	margin-top:0;
}*/
.formline:focus,
.formline:focus-within{
	outline: 2px solid #6bb52a;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  /*border: 2px solid white;
  -webkit-text-fill-color: #8b4915;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;*/
	-webkit-text-fill-color: #000000;
    -webkit-box-shadow: 0 0 0px 1000px #f6fbf7 inset;
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}
::placeholder{
	color:#8b4915;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: proxima-nova, sans-serif !important;
}
.formline:hover::placeholder{
	opacity:70%;
}
.formline:focus::placeholder{
	opacity:0%;
}
.formbutton {
    font-family: proxima-nova, sans-serif !important;
    font-size: 20px;
    letter-spacing: 1px;
    width: 125px;
    height: 45px;
    padding-top: 3px;
    margin: 0 0 0 auto;
    text-transform: uppercase;
    outline: none !important;
    border: none;
    color: #ffffff;
    float: right;
    cursor: pointer;
    box-shadow: none;
    background: #f57d20;
    background: rgb(244,125,32);
    background: -moz-linear-gradient(top, rgba(244,125,32,1) 0%, rgba(209,107,27,1) 100%);
    background: -webkit-linear-gradient(top, rgba(244,125,32,1) 0%,rgba(209,107,27,1) 100%);
    background: linear-gradient(to bottom, rgba(244,125,32,1) 0%,rgba(209,107,27,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47d20', endColorstr='#d16b1b',GradientType=0 );
}
.formbutton:hover, .formbutton:active, .formbutton:focus{
    text-shadow: 0px 0px 3px black;
}
.formbutton:active{
	font-size: 19px;
    /*box-shadow: 0px 0px 2px 1px #a24f0d; *//*inset 0px 0px 5px 0px black*/
}
#formmessage{
	min-width:100%;
	max-width:100%;
    min-height: 150px;
    margin-bottom: 20px;
	font-family: proxima-nova, sans-serif !important;
}
.g-recaptcha{
	float:left;
    width: 304px;
    height: 78px;
    padding: 0px 15px 15px 0px;
}

/* UploadCare Form uploader */
.uploadcare--widget__button_type_open{
    background: var(--natek-primary) !important;
    transition: none;
    border-radius: 0.1em;
    cursor: pointer;
}
.uploadcare--widget__button_type_open:hover,
.uploadcare--widget__button_type_open:focus{
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.33);
}
.uploadcare--widget__button:focus{
	outline: none;
}
.uploadcare--progress_type_canvas{
    color: var(--natek-primary);
}
.uploadcare--button{
    border-color: var(--natek-primary) !important;
    color: var(--natek-primary) !important;
}
.uploadcare--button:focus{
    outline: 2px solid rgba(var(--natek-secondary-rgb), 0.5);
}
.uploadcare--button_primary{
    background: var(--natek-primary) !important;
    border-color: var(--natek-primary) !important;
    color: #ffffff !important;
}
.uploadcare--link{
    color: var(--natek-primary);
}
.uploadcare--dialog__powered-by{
	display: none !important;
}


#clearfloat, .clearfloat, .floatclear, .clear{
	clear:both !important;
}
/*.contactblock:nth-child(2):after{
    content: url(../images/ng-logo.png);
    position: absolute;
    bottom: -80px;
    left: 50%;
    pointer-events:none;
}*/
.contactblock:nth-child(3){
	text-align:left;
}
.contactblock:nth-child(3) .contactblockinner img{
	max-width:100%;
	height:auto;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.contactblock:nth-child(3) .contactblockinner img:not(#phone){
    pointer-events: none;
}
#contactabout{
	font-size:16px;
	color:#b5b5b5;
	text-align:left;
	line-height:1.4em;
	font-weight:300;
    margin-bottom: 38px;
}
#contactphone{
    height: 50px;
    margin: 15px auto;
    display: block;
    padding: 0px 72px;
    position: relative;
    text-align: left;
    font-size: 24px;
    color: #fff;
    background: #64a927;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 50px;
}
#contactphone img#phone{
    width: 72px;
    height: 72px;
    float: left;
    position: absolute;
    bottom: -10px;
    left: 0;
    -webkit-filter: none;
    filter: none;
}
#contactphone:before{
    content: "";
    position: absolute;
    height: 50px;
    width: 25vw;
    background: #64a927;
    left: 99%;
    top: 0;
}

#sectioncopyright{
	border-top:5px solid #f47d20;
	background:black;
	padding: 25px;
	color:#fff;
}
#sectioncopyright p{
	margin:0 auto;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
color: #999;
}
#sectioncopyright span{
display: inline-block;
}
/* ************************* BEGIN Copyright ************************* */
#copyrightwrapper{
position: absolute;
left: 0px;
right:0px;
	background: #000;
	margin: 10px auto 0 auto;
}
#copyright{
	max-width: 1050px;
	margin: 0 auto;
	padding: 6px 0px;
	overflow: auto;
}
#copyright #left{
	float: left;
	margin-left: 32px;
	padding: 10px 0px 0px 0px;
	font-weight: 300;
	font-size: 12px;
	color: #aaa;
}
#copyright span{
display: inline-block;
}
#copyright #right{
	float: right;
	margin-right: 32px;
}
#copyright #right a{
}
#copyright #right img{
}
/* ************************* END Copyright ************************* */

/* ************************ BEGIN Portfolio ************************ */

#psectionmain{
	/*background-color: #332112;*/
	background-color: #f69226;
	/*background-image:url("../images/bg-portfolio.jpg");*/
    background-image: url("../images/bg-2.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-position: top center;
    padding: calc(15vw + 3px) 0px 50px 0px;
    padding-top: 0;
}
#psectiontestimonies{
	/*background-image:url("../images/bg-p-testimonies.jpg");
    background-attachment: scroll;*/
	background: rgb(244,136,34); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(244,136,34,1) 0%, rgba(249,172,43,1) 50%, rgba(244,136,34,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(244,136,34,1) 0%,rgba(249,172,43,1) 50%,rgba(244,136,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(244,136,34,1) 0%,rgba(249,172,43,1) 50%,rgba(244,136,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f48822', endColorstr='#f48822',GradientType=0 ); /* IE6-9 */
	padding: 14px 0px;
}
#portfolio #rowtestimonies{
	margin:0 auto;
}
#psectioninformed{
	background-image:url("../images/bg-3.jpg");
    background-attachment: scroll;
	padding: 0px 0px 85px 0px;
}
#psectioninformed{
	padding: 0px 0px 0px 0px;
}

#portfolio #testimonies, #portfolio #testimonies:before{
	background: #000;
}
#portfolio .testimonialtext{
	color: #ccc;
}

#plogo{
    margin: 0px auto 4vw auto;
    width: calc(75vw + 28px + 24px);
    text-align: left;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#plogo a{
	display:block;
	max-width: 40%;
}
#plogo img{
	margin: 0px;
	width: 100%;
	height: auto;
	pointer-events: none;
}
#pdesignheader{
	text-align: left;
	background: rgba(0,0,0,0.8);
    padding: 1vw 3vw;
	box-sizing: border-box;
	margin: 0 auto;
    width: calc(75vw + 28px + 24px);
	pointer-events: none;
}
#pdesignheader h1{
	color: #f47d20;
    font-size: 4.5vw;
	font-weight: normal;
	margin: 0 auto;
    text-shadow: -2px 7px 10px black;
}
#pportfoliolist{
	margin:0 auto;
	box-sizing: border-box;
	padding: 8px;
	flex: 1;
	background: #fff;
    /*width: calc(75vw + 28px + 24px + 2px);*/
/*     width: calc(var(--content-width, 75vw)); */
}
.plistlarge{
	display: inline-block;
	width: 49%;
    height: auto;
	margin: 0.5%;
    vertical-align: top;
    font-size: 0;
}
.plistitem{
	overflow: hidden;
    position: relative;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	width: 49%;
    height: auto;
	margin: 0.5%;
    /*background-image: url(../images/portfolio/s1.jpg);
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;*/
}
.plistitem:nth-child(1){
	margin: 0px 1% 1% 0px;
}
.plistitem:nth-child(2){
	margin: 0px 0px 1% 1%;
}
.plistitem:nth-child(3){
	margin: 1% 1% 0px 0px;
}
.plistitem:nth-child(4){
	margin: 1% 0px 0px 1%;
}
.plistsingle{
	width: 100%;
	height: auto;
	margin: 0 !important;
}
.plistrow{
	display: inline-block;
    margin: 0.5%;
    width: 99%;
    height: auto;
    font-size: 0;
    vertical-align: top;
}
.plistrow .plistitem{
	margin: 0px 0.5%;
	width: 24.25%;
	height: auto;
}
.plistrow .plistitem:nth-child(1){
	margin-left: 0;
}
.plistrow .plistitem:nth-child(4){
	margin-right: 0;
}
.plistimg{
    margin: 0;
    width: 100%;
    height: auto;
    vertical-align: middle;
    -webkit-transition: -moz-transform .4s ease-out;
    -moz-transition: -webkit-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    transition: transform .4s ease-out;
	pointer-events: none;
}
.pinner, .plistp{
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    margin: 0;
    color: #fff;
    font-size: 1.3vw;
    width: 100%;
    box-sizing: border-box;
    padding: 1vw;
    font-weight: 300;
    line-height: 1.3em;
    padding:0;
    -webkit-transition: -moz-transform .4s ease-out;
    -moz-transition: -webkit-transform .4s ease-out;
    -o-transition: -o-transform .4s ease-out;
    transition: transform .4s ease-out;
	pointer-events: none;
}
.plistp, .plistimg{
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.pinner, .plistp{
	top:50%;
	left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#plisttextblock, .plisttextblock{
	background: #f57d20;
    padding-bottom: calc(50% - 4px);
    height: 0;
}
.plistp{
	display: none;
    font-size: 2vw !important;
    font-size: calc(10px + 1vw) !important;
    font-weight: normal;
    text-shadow: -1px 3px 4px black;
    text-align: center;
}
.plistitem:hover .plistp, .plistitem:active .plistp, .plistitem:focus .plistp,
.spg-item:hover .plistp, .spg-item:active .plistp, .spg-item:focus .plistp{
	display: block;
}
.plistitem:hover .plistimg, .plistitem:active .plistimg, .plistitem:focus .plistimg{
    box-shadow: 0px 0px 15px #333;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-filter: brightness(0.6) blur(1px);
    filter: brightness(0.6) blur(1px);
}
/*.plistlarge .plistitem:hover .plistimg{
	-webkit-transform: scale(1.25);
	-ms-transform: scale(1.25);
	transform: scale(1.25);
}*/
#ploadmore{
	display: none !important;
    width: calc(75vw + 28px);
	background:#000;
	color:#fff;
    margin: 7px auto;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#ploadmore p{
    font-size: 32px;
    margin: 0 auto;
    font-weight: 300;
    text-transform:uppercase;
}
#ploadmore img{
	margin: 0px 20px;
}
#ploadmore p, #ploadmore img{
	display: inline-block;
	vertical-align:middle;
    pointer-events:none;
}
#mobileclickhere{
	display:none;
}

#portfoliodroplist{
	display:none;
	background:#0004;
	color:#000;
	height:0;
    width: calc(75vw + 28px);
    margin:0 auto;
    padding: 0px 30px;
    box-sizing: border-box;
}
input#portfoliodropcheckbox[type=checkbox]:checked ~ #portfoliodroplist{
	display:block;
	height:auto;
    margin:7px auto;
    padding: 15px 30px 30px 30px;
}
#portfoliodroplist span{
	display: block;
    margin-bottom: 0.5em;
}

/*#peyecatching{
	margin: 25px auto;
	background:#64a927;
	background: rgb(107,180,42);
	background: -moz-linear-gradient(top,  rgba(107,180,42,1) 0%, rgba(92,155,36,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(107,180,42,1) 0%,rgba(92,155,36,1) 100%);
	background: linear-gradient(to bottom,  rgba(107,180,42,1) 0%,rgba(92,155,36,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6bb42a', endColorstr='#5c9b24',GradientType=0 );
}*/
#peyecatching{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ebc20+0,438901+100 */
background: #6ebc20; /* Old browsers */
background: -moz-linear-gradient(top,  #6ebc20 0%, #438901 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6ebc20 0%,#438901 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6ebc20 0%,#438901 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebc20', endColorstr='#438901',GradientType=0 ); /* IE6-9 */
	margin: 25px auto;
}
#peyecatching:hover,
#peyecatching:focus{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#75c623+0,4b9601+100 */
background: #75c623; /* Old browsers */
background: -moz-linear-gradient(top,  #75c623 0%, #4b9601 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #75c623 0%,#4b9601 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #75c623 0%,#4b9601 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c623', endColorstr='#4b9601',GradientType=0 ); /* IE6-9 */
}
#peyecatching h1{
    text-align: center;
}
#peyecatchingspan{
	font-weight: normal;
}

#shenanigans{
	position:relative;
	background: #000;
	color: #f47d1f;
	margin: auto;
	height: 95px;
	width: 95px;
	border-radius:5px;
	box-shadow:0px 0px 7px 0px #f47d1f;
	border:1px solid #f47d1f;
	pointer-events:none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#shenanigans p{
	margin: 8px auto;
}

.plisttextblock.alt-bg {
    background: #00522c;
    font-style: italic;
}


#portfolio-load{
	margin: 0 auto !important;
}

#pportfoliolist.portfolioTogglable{
	position: relative;
}
#pportfoliolist.portfolioTogglable #portfolio-load{
	max-height: 100vw;
	overflow: hidden;
}
#pportfoliolist.toggledElement #portfolio-load{
	max-height: none;
}

#portfolioToggle{
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1em 0;
	background: #ffffff;
}
#portfolioToggle:before{
	content: '';
	position: absolute;
	top: auto;
	right: 0;
	bottom: calc(100% - 1px);
	left: 0;
	height: 7.5em;
    background: rgba(255,255,255,0.5);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
#pportfoliolist.toggledElement #portfolioToggle{
	display: none;
}

/* ************************ END Portfolio ************************ */
/* ************************ BEGIN Contact ************************ */

.contactsection{
/* 	padding:40px; */
	padding-top: 0;
	box-sizing:border-box;
	background-image:url("../images/bg-2.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.csectioninner{
    text-align: center;
    margin: 0 auto;
	/*width: calc(75vw + 28px + 24px - 8px);*/
    width: calc(var(--content-width, 75vw));
}
#csectionmain{
	padding-bottom:0;
}
/*#csectionmain .csectioninner{
	border-top:10px solid #303030;
}*/
#csectioninformed{
	background-image:url("../images/bg-3.jpg");
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 1px 0px 85px 0px;
}
#natek img{
	max-width:100%;
}
#contact #informed{
	padding:85px 0px 0px 0px;
}
#ctopimage{
	background:#fff;
}
#ctopimage img{
	opacity:0.5;
	width:100%;
	height:auto;
	pointer-events:none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

#cletstalk{
	background:#f47d20;
}
.cletstalkblock{
	vertical-align:middle;
	display:inline-block;
}
#cletstalktext{
	width:60%;
	text-align:left;
    padding: 20px 140px 20px 40px;
    box-sizing: border-box;
}
#cletstalktext p, #cletstalktext h1{
	color:#fff;
	font-weight:300;
	font-size:24px;
	margin:0;
}
 #cletstalktext h1{
	font-size:50px;
	margin-bottom: 15px;
 }
#cletstalkinfo{
	box-sizing:border-box;
    padding: 15px;
	width:35%;
	background:#fff;
}
.cletstalkinfoitem{
	display:block;
	box-sizing:border-box;
	width: 100%;
	text-align:left;
}
div.cletstalkinfoitem{
	margin-bottom:25px;
}
.cletstalkinfoitem img, .cletstalkinfoitem p{
	vertical-align:middle;
	display: inline-block;
}
.cletstalkinfoitem p{
	margin:0;
    font-size: 20px;
    color:#000;
}
.cletstalkinfoitem img{
	margin:5px 10px;
	pointer-events:none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#ctime{
	font-weight:bold;
	margin-left:5px;
}
#ctimezone{
	font-weight:300;
	font-size:14px;
}

#cform{
    padding: 3.3vw;
    border-bottom: 3px solid #f47d20;
    background: #ffffff;
}
#contact #cform{
	background:linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url('../images/bg-3.jpg');
}
.cformblock{
	vertical-align: top;
	margin: 0;
	display: inline-block;
    width: 50%;
	box-sizing: border-box;
	padding: 0px 45px;
}
.cformblock-fullwidth{
	width: 100%;
	margin-top: 1em;
}

#cformname{/*Will display below .cformcheckboxes for Mobile*/
	width:100%;
	box-sizing:border-box;
}
.cformcheckboxes{/*Will display above #cformname for Mobile*/
	width:100%;
	box-sizing:border-box;
	text-align:left;
}
.cformcheckboxes p, .cformcheckboxes h1{
    font-size: 19px;
    margin: 20px 0px 10px 10px;
    color: #000000;
}
#contact .cformcheckboxes p, #contact .cformcheckboxes h1{
	color: #f47d20;
    text-shadow: -2px 5px 7px black;
}
.cformcheckboxes h1{
	font-weight:bold;
}
.cformcheckboxes label, .cformcheckboxline label{
    cursor: pointer;
}
.cformcheckboxline label {
	display: inline-block;
	padding: 0.25em 0;
}
.cformcheckboxline{
	margin-left: 1em;
}
#contact .cformcheckboxline{
	margin-left: 45px;
}
.cformcheckbox{
    width: 0;
    height: 0;
    border: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    opacity: 0;
    display: block;/* needed to not mess with layout */
}
.cformcheckboxes .cformcheckboxline p{
	position: relative;
	font-weight: normal;
	display: inline-block;
    margin: 0 10px 0 30px;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
#contact .cformcheckboxes .cformcheckboxline p{
	color: #cccccc;
	font-weight: 300;
    line-height: initial;
}
#contact .cformcheckboxes label:hover p, #contact .cformcheckboxes input.cformcheckbox:checked ~ p, #contact .cformcheckboxes input.cformcheckbox:focus ~ p{
	color: #ffffff;
}
.cformcheckboxes .cformcheckboxline p::before{
    position: absolute;
    display: block;
    content: "";
    width: 16px;
    height: 16px;
    top: 0;
    left: -1.5em;
    background: #ffffff;
    border: 2px solid #f47d20;
}
#contact .cformcheckboxes .cformcheckboxline p::before{
    width: 14px;
    height: 14px;
    /*background: rgba(107, 181, 42, 0.3);*/
    background: #000000;
    border-color: #6bb52a;
    top: 2px;
    left: -30px;
}
.cformcheckboxes .cformcheckbox[type="radio"] ~ p::before, .cformcheckboxes .cformcheckbox[type="radio"] ~ p::after{
    border-radius: 16px;
}
.cformcheckboxes input.cformcheckbox:checked ~ p::before, .cformcheckboxes input.cformcheckbox:focus ~ p::before{
    background: #ffffff;
    border-color: #6bb52a;
}
#contact .cformcheckboxes input.cformcheckbox:focus ~ p::before{
    background: #000000;
    border-color: #6bb52a;
}
#contact .cformcheckboxes input.cformcheckbox:checked ~ p::before{
    /*background: rgba(152, 67, 0, 0.6);*/
    /*background: #f47d20;*/
    background: rgba(244, 125, 32, 0.6);
    border-color: #f47d20;
}
.cformcheckboxes .cformcheckboxline p::after{
    content: "";
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    opacity: 0;
    background-image: url(../images/icons/checkmark-outline.png);
    background-size: contain;
    width: 24px;
    height: 24px;
    bottom: 3px;
    left: calc(-1.5em + 3px);
}
#contact .cformcheckboxes .cformcheckboxline p::after{
    background-image: url(../images/logo.png);
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    bottom: auto;
    top: 4px;
    left: -28px;
}
.cformcheckboxes .cformcheckbox[type="radio"] ~ p::after{
	border: 2px solid #6bb52a;
    background: #6bb52a;
    width: 8px;
    height: 8px;
    top: 4px;
    bottom: auto !important;
    left: calc(-1.5em + 4px) !important;
}
.cformcheckboxes input.cformcheckbox:checked ~ p::after{
	opacity:1;
}

#ccontent{
	background:#fff;
    padding: 50px 0px;
}
.ccontentblock{
	position:relative;
	vertical-align:top;
	display:inline-block;
	width: calc((75vw + 28px + 24px - 8px - 120px) / 3);
	height: calc((75vw + 28px + 24px - 8px - 120px) / 5);
	box-sizing:border-box;
    margin: 15px;
	background:#fff;
    border: 0.2vw solid #f47d20 !important;
}
#contentblockfaq{
    margin-left:30px;
}
#contentblockupload{
	background: #f47d20;
}
#contentblockshare{
    margin-right:30px;
}
.ccontentblockinner{
	box-sizing:border-box;
    padding: 1vw;
	width:100%;
	height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ccontentblockinner h1{
    color: #f47d20;
    font-size: 2vw;
    margin: 0.8vw auto;
}
.ccontentblockinner p{
    margin: 0;
    font-size: 1.5vw;
}
#csharefiles{
    margin-top: 0.2vw;
}
#cshareemail{
	font-weight:bold;
	-webkit-user-select: all;
	-ms-user-select: all;
	user-select: all;
}
#contentblockfaq .ccontentblockinner p{
	color:#000;
    line-height: 1em;
    margin: 0.5vw auto;
}
#contentblockfaq .ccontentblockinner h1{
	margin: 0;
}
#contentblockfaq .ccontentblockinner p.cclickbutton, #contentblockupload .ccontentblockinner p.cclickbutton{
    display: block;
    background: #f47d20;
    color:#fff;
    margin: 0 auto;
    width: 10vw;
    height: 2vw;
    line-height: 2vw;
    position: absolute;
    left: 50%;
    bottom: 1.1vw;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#contentblockupload .ccontentblockinner p.cclickbutton{
    background: #fff;
    color: #000;
}
#contentblockupload .ccontentblockinner h1{
	color:#fff;
	font-weight:normal;
}
#contentblockshare .ccontentblockinner h1{
	font-weight:normal;
    font-size: 1.4vw;
    margin: 0 0 0.8vw 0;
}
.ccontentblockinner a{
	display:inline-block;
    width: calc((100% / 3) - 1.1vw);
    margin: 0 0.5vw;
}
.ccontentblockinner img{
    height:auto;
    box-sizing: border-box;
	display: inline-block;
	pointer-events:none;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}
.ccontentblock img{
    width: 100%;
    height: auto;
}
#contentblockupload img{
    width: calc(100% / 3.7);
}

/* ************************* END Contact ************************* */

/* ************************ BEGIN Services *********************** */

#services #csectionmain .csectioninner{
    /*border-top: 10px solid #212121;*/
    border-top: 0;
}
#services #csectionmain {
    padding-top: 0px;
    padding-bottom: 30px;
}
#sservices {
    width: 100%;
    padding: 0.5vw 0px;
    box-sizing: border-box;
    /*background: rgba(0, 0, 0, 0.25);*/
}

.sservicerow {
    box-shadow: 0 0 1vw 0px black;
	position:relative;
    /* border-bottom: 5px solid orange; */
    min-height: 300px;
    display: flex;
    padding: 1.5vw;
    text-align: center;
    background: #fff;
    margin: 0.5vw auto;
    /* background: rgba(0,0,0,0.26); */
    overflow: hidden;
}
.sservicerow:hover,
.sservicerow:focus{
    /* box-shadow: 0 0 1vw 0px black; */
    /*background: rgba(255, 255, 255, 0.875);*/
}
.sservicerow:nth-of-type(odd){
    flex-direction: row-reverse;
}
.sservicerow:nth-of-type(1){
	margin-top:0;
}
.sservicerow:nth-last-of-type(1){
	margin-bottom:0;
}
.sservicerowoffset{
	position: relative;
}
.sservicerowoffset span{
	position: absolute;
	top: -225px;
	width: 0;
	height: 0;
	opacity: 0;
	user-select: none;
	pointer-events: none;
}
.sserviceimg{
	display:inline-block;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    flex: 1;
    margin: 0;
    float: left;
}
.sservicetext{
	position:relative;
    display: inline-block;
    margin: 0 3vw 0 4vw;
    vertical-align: middle;
    width: calc(45vw);
    min-height: calc(50vw / 2.75);
}
.sservicerow:nth-of-type(odd) .sservicetext{
    margin: 0 4vw 0 3vw;
}
.sservicequote{
	display: block;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: calc(100% - 49vw);
    top: -1px;
    bottom: -1px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url('/images/services-overlay.png');
    left: 100%;
    right: auto;
	/*background: var(--natek-secondary);
	background: -moz-linear-gradient(right, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	background: -webkit-linear-gradient(right, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	background: linear-gradient(to left, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47d20', endColorstr='#f47d20',GradientType=1 );*/
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}
.sservicerow:nth-of-type(even) .sservicequote{
	background-image: url('/images/services-overlay-flipped.png');
    right: 100%;
    left: auto;
	/*background: var(--natek-secondary);
	background: -moz-linear-gradient(left, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	background: -webkit-linear-gradient(left, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	background: linear-gradient(to right, rgba(var(--natek-secondary-rgb),0.9) 85%, rgba(var(--natek-secondary-rgb),0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47d20', endColorstr='#f47d20',GradientType=1 );*/
}
.sservicerow:hover .sservicequote, .sservicerow:focus-within .sservicequote{
	-webkit-transform: translate(-99%,0);
	-ms-transform: translate(-99%,0);
	transform: translate(-99%,0);
}
.sservicerow:nth-of-type(even):hover .sservicequote, .sservicerow:nth-of-type(even):focus-within .sservicequote{
	-webkit-transform: translate(99%,0);
	-ms-transform: translate(99%,0);
	transform: translate(99%,0);
}
.sservicequoteinner{
    display: block;
    box-sizing: border-box;
    color: #ffffff;
    font-weight: bold;
    width: 90%;
    font-size: 1.5em;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 0 0 2.25vw;
}
.sservicerow:nth-of-type(even) .sservicequoteinner{
    padding: 0 2.25vw 0 0;
}
.sservicetextinner {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.sservicetext h1{
    font-weight: normal;
    font-size: calc(1.2vw + 18px);
    display: block;
    margin: 0px auto 1vw auto;
    background: none;
    color: black;
    text-align: left;
    /*letter-spacing: 1px;*/
    text-transform: capitalize;
    /* text-shadow: 0px 0px 10px #000;*/
}
.sservicetext h1 a{
	color: #ff7c19;
	font-size: 0.5em;
	text-decoration: none;
}
.sservicetext h1 a:hover, .sservicetext h1 a:active, .sservicetext h1 a:focus{
	text-decoration: underline;
}
.sservicetext p{
    margin-right: auto;
    margin-left: auto;
    line-height: 150%;
    text-align: left !important;
    color: black;
    font-size: calc(0.4vw + 10px);
    line-height: 1.3em;
    margin: 0.5vw auto;
}
#services .sservicetexthassub{
	margin-bottom:0;
}
#services .sservicetextsub{
    font-size: calc(0.8vw + 15px);
    line-height: calc(0.8vw + 15px);
}
#services .sservicetexttagcontainer{
	text-align:left;
}
#services .sservicetexttagstitle{
    display: inline-block;
    vertical-align: middle;
	margin: 2px 4px 2px 0px;
}
#services .sservicetexttag{
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #000000;
    font-size: calc(0.15vw + 10px);
    padding: 0 4px;
    margin: 2px;
    border-radius: 3px;
    /*background: rgb(203, 230, 179);
    border: 1px solid #6bb52a;*/
    background: rgb(222, 222, 222);
    border: 1px solid #b1b1b1;
}
#services .sservicetexttag[href]{
	background: rgba(var(--natek-secondary-rgb),0.33);
	border: 1px solid var(--natek-secondary);
}
#services .sservicetexttag[href]:hover, #services .sservicetexttag[href]:focus{
	background: rgba(var(--natek-primary-rgb),0.33);
	border: 1px solid var(--natek-primary);
}

/* ************************* END Services ************************ */



/* ************************* Start Request Pages ************************ */

.pagesection{
	padding:40px;
	padding-top: 33px;
	box-sizing:border-box;
	background-image:url("../images/bg-2.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.ps-inner{
    text-align: center;
    margin: 0 auto;
    width: calc(var(--content-width, 75vw));
}
#ps-main{
	padding-bottom:0;
}
#ps-main .ps-inner{
	border-top:10px solid #303030;
}
#ps-informed{
	background-image:url("../images/bg-3.jpg");
    background-attachment: scroll;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 1px 0px 85px 0px;
}
.contact_form_page #informed{
	padding: 85px 0px 0px 0px;
}
#letstalk{
	background: #f47d20;
    text-align: left;
}
#lt-text {
    padding: 5em calc(3.5vw + 1em);
    box-sizing: border-box;
}
#lt-text p, #lt-text h1 {
    color: #fff;
    font-weight: 300;
    font-size: 24px;
    margin: 0;
}
#lt-text h1 {
    font-size: 50px;
    margin-bottom: 15px;
}
.contact_form_page ::placeholder{
	text-transform: none;
}
/*.contact_form_page .cformcheckboxes p{
	text-shadow: none;
	color: #000000 !important;
	font-weight: normal;
}*/
/*.contact_form_page .cformcheckboxline {
    margin-left: 1em;
}*/
/*.contact_form_page .cformcheckboxline label {
	display: inline-block;
	padding: 0.25em 0;
}*/
/*.contact_form_page .cformcheckboxes .cformcheckboxline:not(.cformcheckboxline-image) label p{
	margin-top: 0;
	margin-bottom: 0;
	line-height: initial;
}
.contact_form_page .cformcheckboxes .cformcheckboxline p{
	line-height: initial;
}*/
/*.contact_form_page .cformcheckboxes p, .contact_form_page .cformcheckboxes h1{
	font-size: 19px;
}*/
/*.contact_form_page .cformcheckboxes .cformcheckboxline p::before {
    width: 16px;
    height: 16px;
    top: 0;
    left: -1.5em;
    background: #ffffff !important;
    border-color: #f47d20;
}*/
/*.contact_form_page .cformcheckboxes .cformcheckbox:checked ~ p::before, .contact_form_page .cformcheckboxes .cformcheckbox:focus ~ p::before {
    border-color: #6bb52a;
}*/
/*.contact_form_page .cformcheckboxline p::after {
    background-size: contain;
    width: 24px;
    height: 24px;
    top: auto;
    bottom: 3px !important;
    left: calc(-1.5em + 3px) !important;
}*/
/*.contact_form_page .cformcheckboxes .cformcheckbox:checked ~ p::after{
    background-image: url('../images/icons/checkmark-outline.png');
}*/
/*.contact_form_page .cformcheckboxes .cformcheckbox[type="radio"]:focus ~ p::before, .contact_form_page .cformcheckboxes .cformcheckbox[type="radio"]:checked ~ p::before{
    border-color: #6bb52a !important;
}*/
.cformcheckboxes .cformcheckboxline.cformcheckboxline-image p::before{
    left: -1.35em;
}
.cformcheckboxes .cformcheckboxline.cformcheckboxline-image p::after{
    left: calc(-1.35em + 3px) !important;
}
.cformcheckboxes .cformcheckboxline.cformcheckboxline-image .cformcheckbox[type="radio"] ~ p::after{
    left: calc(-1.35em + 4px) !important;
}
.cformcheckboxline-other .formline{
	margin-left: 30px !important;
	width: calc(100% - 30px) !important;
	max-width: calc(100% - 30px) !important;
	min-width: calc(100% - 30px) !important;
    max-height: 15em !important;
	display: none;
}
.other-selected .cformcheckboxline-other .formline {
	display: initial;
}
.cformcheckboxline-image{
	width: calc(50% - 1em);
	display: inline-block;
    vertical-align: top;
    position: relative;
}
.cformcheckboxline-image label{
	text-align: center;
    width: 100%;
    padding: 0 0 0.5em 0;
}
.cformcheckboxes .cformcheckboxline-image p{
    margin: 5px 0 5px 1.35em;
}
.cformcheckbox-image{
	position: relative;
	max-width: 100%;
	width: 100%;
    height: 0;
    padding-bottom: 85%;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}
.cformcheckboxline-image .cformcheckbox-image-textover{
    position: absolute;
    top: auto;
    right: 0;
    bottom: 50%;
    left: 0;
    font-size: 1.25em;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
.other-selected .cformcheckboxline-image.cformcheckboxline-other .cformcheckbox-image-textover{
    bottom: calc(1em + 50%);
}
.cformcheckboxline-image .cformcheckbox-image-textover.cfcb-i-textover-explain{
	bottom: 1.25em !important;
	font-size: 1em;
}
.other-selected .cformcheckboxline-image .cformcheckbox-image-textover.cfcb-i-textover-explain{
	display: none;
}
.formline-item{
	display: block;
	margin-top: 2.5em;
}
.formline-item:nth-child(1){
	margin-top: 0;
}
.adding-inputs .formline-item{
	margin-top: 0;
}
.formline-item.adding-btn-container{
	margin-top: 0;
	text-align: left;
}
.adding-btn-label{
	display: block;
	cursor: pointer;
    max-width: 10.5em;
    margin: 0 auto 0 0;
}
.adding-btn, .adding-btn-text{
	display: inline-block;
	vertical-align: middle;
}
.adding-btn{
    float: none;
    text-align: center;
    width: auto;
    height: auto;
    padding: 0 0.35em;
    line-height: 1.25em;
    margin: 0 auto 0 0 !important;
    font-size: 18px !important;
    text-shadow: none !important;
    user-select: none;
}
.adding-btn-text{
	color: var(--natek-primary);
	margin-left: 0.5em;
}
.adding-inputs.adding-max + .adding-btn-container, .adding-btn:disabled, .adding-btn:disabled + .adding-btn-text{
	display: none;
}
.formline-item + .cformcheckboxes, .cformcheckboxes + .cformcheckboxes{
	margin-top: 2.5em;
}
.formline-item > span:nth-of-type(1){
    color: #000000;
	text-align: left;
	display: block;
	font-size: 1.25em;
	margin-bottom: 10px;
	margin-top: 1em;
}
.formline-item-inner{
	border: 2px solid var(--natek-primary);
	padding: 1em 0;
	box-sizing: border-box;
	background: #fcfcfc;
}
#boxUpload-drop_content{
	width: 404px;
	margin: 0 auto;
	max-width: 100%;
}
.cformcheckboxline-image.cformcheckboxline-other .formline{
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 2em;
    max-height: 2em !important;
    min-height: 2em !important;
    resize: vertical;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 2.25em;
    left: 0;
    margin: 0;
    resize: none;
}
.has-tooltop{
	position: relative;
	display: inline-block;
    vertical-align: bottom;
    width: 1.2em;
    height: 1.2em;
    background-image: url('/images/icons/lightbulb-orange.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.has-tooltop:hover,
.has-tooltop:focus-within{
    -webkit-filter: hue-rotate(-300deg);
    filter: hue-rotate(-300deg);
}
.tooltip{
	position: absolute;
	pointer-events: none;
	color: #000000;
	background: #fafafa;
	-webkit-filter: drop-shadow(0px 0px 3px #777777);
	filter: drop-shadow(0px 0px 3px #777777);
	text-align: center;
    font-size: 0.75em;
    line-height: 1em;
    left: 50%;
    top: -1.25em;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    width: 10.75em;
    padding: 0.25em;
    user-select: none;
    display: none;
}
.has-tooltop:hover .tooltip,
.has-tooltop:focus-within .tooltip{
    display: block;
}
.tooltip:after{
	content: "";
	position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-top: 1em solid #fafafa;
    border-right: 1em solid transparent;
    border-left: 1em solid transparent;
    z-index: 1;
}
.contact_form_page .formline{
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #dddddd;
	border-left: 8px solid #f57d20;
	outline: 0;
    font-size: 18px;
    padding: 0.3em;
    color: #000000;
	background: #fcfcfc;
	background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 );
}
.contact_form_page .formline.input-filled, .contact_form_page .formline.input-filled:required {
    border-left-color: #006d0b;
}
.contact_form_page .formline:focus{
    border-left-color: #6bb52a !important;
}
.contact_form_page textarea.formline{
	min-width: 100%;
	max-width: 100%;
	height: 3.3em;
	min-height: 2.05em;
	max-height: 20em;
    resize: vertical;
}
.cformtitle{
	font-size: 1.5em;
	font-weight: bold;
    margin: 3em auto 1.5em auto;
	text-align: center;
}
.cformtitle span{
	display: block;
	margin: 0 auto;
    max-width: 45em;
	font-size: 0.65em;
	font-weight: normal;
}

/* ************************* End Request Pages ************************ */




/* ************************* Start 3D Viewer Pages ************************ */
.modelviewer-item:after{
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: url(/images/icons/3D.png) center no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
    max-width: 10vw;
    max-height: 10vw;
    -webkit-filter: drop-shadow(1px 1px 1px #ffffff) drop-shadow(-1px 1px 1px #ffffff) drop-shadow(1px -1px 1px #ffffff) drop-shadow(-1px -1px 1px #ffffff);
    filter: drop-shadow(1px 1px 1px #ffffff) drop-shadow(-1px 1px 1px #ffffff) drop-shadow(1px -1px 1px #ffffff) drop-shadow(-1px -1px 1px #ffffff);
}
.modelviewer-item .lazy-load-button{
    display: none;
    text-shadow: none;
    max-width: 100%;
    padding: 0.1em 0.25em;
    animation: none;
}
.modelviewer-item:hover .lazy-load-button,
.modelviewer-item:focus-within .lazy-load-button {
    display: block;
}
#portfolio.tradeshows #psectionmain{
	padding-top: 0;
    padding-bottom: 0;
    background-image: url('../images/bg-sparkle.jpg');
}
#portfolio.tradeshows #pportfoliolist{
	padding: 25px;
	background: rgba(255,255,255,0.75);
}
#tradeshow-booths{}
.tb-item{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: stretch;
	justify-content: center;
    align-items: center;
	--poster-color: transparent;
	--progress-mask: transparent;
    --progress-bar-height: 10px;
	color: var(--tb-primary, #000000);
	border-color: var(--tb-primary, #000000);
	--tb-title-color: var(--tb-secondary, #f57d20);
	--tb-text-color: #444444;
	--tb-list-color: #444444;
    --progress-bar-color: var(--tb-primary, #000000);
}
#fancybox-content .tb-item{
	height: 100%;
	width: 100%;
}
#tb-tro{
	--tb-primary: #00522c;
	--tb-secondary: #f9af19;
	--poster-image: url('/models/posters/tro-archery.png');
}
#tb-thunderstorm{
	--tb-primary: #9ac333;
	--tb-secondary: #ef7b1b;
	--poster-image: url('/models/posters/thunderstorm.jpg');
}
#tb-trumelt{
	--tb-primary: #f3891e;
	--tb-secondary: #4cc6e1;
	--poster-image: url('/models/posters/trumelt-booth.png');
}
.tb-item + .tb-item{
    margin-top: 25px;
}
.tb-item:nth-child(even){
    flex-direction: row-reverse;
}
.tbi-side{
	display: inline-block;
	vertical-align: middle;
}
.tbi-left{
	flex: 1;
	width: 33%;
    margin: 0 0 0 25px;
	border-top: 30px solid;
	border-bottom: 10px solid;
}
.tb-item:nth-child(even) .tbi-left{
	margin: 0 25px 0 0;
}
.tbil-inner{
	box-sizing: border-box;
	padding: 1em;
	height: 100%;
	font-size: 18px;
	text-align: left;
    background: #ffffff;
}
.tbi-title{
	font-size: 1.75em;
	margin: 0 auto 0.5em 0;
	text-align: center;
	color: var(--tb-title-color, inherit);
}
.tbi-text{
	font-size: 1.15em;
	margin: 0.5em auto;
	color: var(--tb-text-color, inherit);
}
.tbi-list{
	font-size: 1em;
	margin: 0;
	padding: 0;
    padding-left: 1.5em;
	color: var(--tb-list-color, inherit);
}
.tbi-right{
	flex: 2;
	width: 66%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.tb-return-outer{
	text-align: left;
}
.tb-return{
	display: inline-block;
	font-size: 1.25em;
	text-decoration: none;
	color: var(--natek-primary);
	margin-top: 1.5em;
}
.tb-return:hover,
.tb-return:focus{
	text-decoration: underline;
}
/* 3D Viewer */
model-viewer{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	width: auto;
	height: auto;
}
.lazy-load-poster{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-image: var(--poster-image);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
@keyframes sizeBounce{
	0% {font-size: 2em;}
	16.5% {font-size: 2.2em;}
	33% {font-size: 2em;}
}
.lazy-load-button{
    position: absolute;
    display: inline-block;
    cursor: pointer;
    color: var(--natek-secondary);
    border: 3px solid;
    background-color: rgba(255,255,255,0.9);
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%), 0 0 4px rgb(0 0 0 / 25%);
    box-shadow: 0 0 8px rgb(0 0 0 / 20%), 0 0 4px rgb(0 0 0 / 25%);
    width: 6.5em;
    text-align: center;
    max-width: 57.5%;
    padding: 0.2em 0.25em;
    border-radius: 0.2em;
    font-size: 2em;
    font-weight: 500;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
    opacity: 1;
    animation: sizeBounce 5s ease-in-out infinite;
}
#fancybox-content .lazy-load-button{
	width: 7.75em;
}
/*.tb-item:nth-child(even) .lazy-load-button{
    animation-delay: 2.5s;
}*/
.tbi-right > a.popout{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.lazy-load-button:hover,
.lazy-load-button:focus,
.tb-page .lazy-load-button,
.tbi-right > a.popout:hover .lazy-load-button,
.tbi-right > a.popout:focus .lazy-load-button{
    background-color: rgba(255,255,255,1);
}
.lazy-load-button span, .lazy-load-button:before{
	vertical-align: middle;
	display: inline-block;
}
.lazy-load-button span{
	font-size: 0.8em;
}
.lazy-load-button:before{
	content: "";
    vertical-align: middle;
	background: url("/images/icons/3D.png") center no-repeat;
	background-size: contain;
	width: 1.3em;
	height: 1.3em;
	margin-right: 0.33em;
}
button.Hotspot {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    padding: 0;
    margin: 0;
    background: none;
    display: block;
	font-size: 15px;
    width: 25px;
    height: 25px;
}
button.Hotspot[data-visible]{}
button.Hotspot:not([data-visible]){}
button.Hotspot:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
    width: 13px;
    height: 13px;
    -webkit-box-shadow: 0px 0px 6px -1px #000000;
    box-shadow: 0px 0px 6px -1px #000000;
    background: #ffffff;
    border-radius: 1em;
}
@keyframes hideAnnotations {
  from {
    opacity: 0.85;
  }

  to {
    opacity: 0;
  }
}
button.Hotspot .HotspotAnnotation{
	position: absolute;
	display: block;
	top: 50%;
    left: 100%;
	transform: translate(0, -50%);
	background: #ffffff;
	color: #000000;
	font-weight: normal;
	padding: 4px 8px 3px 8px;
	box-shadow: 0px 0px 6px -1px #000000;
	border-radius: 5px;
	line-height: 1em;
	white-space: nowrap;
	pointer-events: none;
	animation: hideAnnotations 2.5s ease-in 5s 1 normal forwards;
	transition: opacity 0.3s;
}
button.Hotspot[data-visible] .HotspotAnnotation{
	opacity: 0.85;
}
button.Hotspot:not([data-visible]) .HotspotAnnotation{}
button.Hotspot:hover .HotspotAnnotation, button.Hotspot:active .HotspotAnnotation, button.Hotspot:focus .HotspotAnnotation{
	opacity: 1 !important;
}
/* button.Hotspot[slot="hotspot-backgrop"]{} */
.custom-ar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 4px rgb(0 0 0 / 15%);
    box-shadow: 0px 0px 4px rgb(0 0 0 / 15%);
    border-radius: 100px;
    position: absolute;
    top: 5px;
    right: 55px;
    fill: var(--natek-secondary);
    background-color: #ffffff;
    border: none;
}
/* ************************* End 3D Viewer Pages ************************ */


/* Start Service Pages */
.services-page{
	--font-size: 18px;
	--inner-padding: 54px;
	font-size: var(--font-size);
}
.services-page .section{
	/*background-image: url('../images/bg-2.jpg');
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;*/
	background: #ffffff;
}
.services-page .section-inner{
	background: #ffffff;
    overflow: hidden;
}
.services-page .section.sp-opening-hero{
	/* Stronger Orange: rgba(222,84,22,1), Lighter Gray: rgba(219,220,221,1) */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(218,89,31,1) 80%), -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%), -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 55%,rgba(208,209,210,1) 80%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(218,89,31,1) 80%), linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%), radial-gradient(ellipse at center,  rgba(255,255,255,1) 55%,rgba(208,209,210,1) 80%);
	background-size: 100% 81%, 100% 19%, 100% 100%;
	background-position: top center, bottom center, top center;
	background-repeat: no-repeat;
	border-bottom: 1px solid #ffffff;/* Fix browser bug where a single pixel would not being filled with Backgrounds */
}
.services-page .section.sp-opening-hero .section-inner{
	background: none;
	text-align: left;
    padding: 5em 0 2.5em 0;
    max-width: 1500px;
}
.sp-part{
	box-sizing: border-box;
    padding: var(--inner-padding);
    max-width: 1250px;
    margin: 0 auto;
}
.services-page h1{
	color: #000000;
    font-size: 2em;
	font-weight: 400;
}
.services-page h2{
	font-weight: 400;
    font-size: 1.7em;
    margin: 0.83em 0;
}
.services-page img{
	pointer-events: none;
	user-select: none;
}
.section-inner.spoh-inner{
	position: relative;
}
.spoh-img{
    width: 82.5%;
    margin-left: -2.5%;
	height: auto;
}
.spoh-text{
	position: absolute;
	top: 21%;
	left: 55%;
	right: auto;
	bottom: auto;
	max-width: 45%;
}
.spoh-text h1{
	text-transform: uppercase;
	color: #ffffff;
	font-size: 2.5em;
    line-height: 1.5em;
    margin: 0 auto;
    font-weight: 400;
}
.spoht-orange{
	color: var(--natek-primary);
}
.spoht-small{
	text-transform: none;
	font-style: italic;
}
.spoht-large{
    font-size: 1.81em;
	font-weight: 600;
}
.spoht-inner:before{
	content:"";
    display: block;
    width: 5.25em;
	height: 0.55em;
	background: var(--natek-primary);
	margin: 1.1em auto 1.25em 0;
}
.spoht-inner{
	box-sizing: border-box;
    padding-left: 20%;
}
.spoht-inner h2{
	color: #ffffff;
    margin: 0 auto;
    position: relative;
    font-size: 1.65em;
}
.spoht-inner a.button{
	text-decoration: none;
    padding: 0.75em 1.75em 0.65em 1.75em;
	margin-top: 1.25em;
	font-weight: 600;
    border: 2px solid #000000;
}
.services-page-opening{
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: var(--font-size);
    font-weight: 300;
}
.services-page-opening h1, .sb-pre h1{
	margin: 0;
}
.services-page-opening h1{
	color: var(--natek-primary);
}
.services-page-opening p{
    font-size: 1.3em;
}
.services-page-opening p b{
    font-weight: 400;
}
.string-blocks{
    --block-size: 15em;
    --space-between: -9%;
    --space-sides: 65px;
	width: 100%;
	margin: 0 auto;
	font-size: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.sb-pre{
	margin-bottom: var(--space-between);
	position: relative;
    font-size: var(--font-size);
    min-height: 30em;/* Keep animations from running before content loads */
}
.sb-pre img{
	width: 100%;
    margin-left: -7.5%;
}
a.sbp-link{
    position: absolute;
    left: 1.75em;
    width: 20em;
    display: inline-block;
    box-sizing: border-box;
    padding: 0.75em 0.25em;
    color: inherit;
    text-align: center;
    text-decoration: none;
    font-size: 1.15em;
    line-height: 1.15em;
    font-weight: 300;
    border: 0.25em solid var(--natek-primary);
    -webkit-transition: -webkit-transform 0.25s ease-out;
    transition: -webkit-transform 0.25s ease-out;
    transition: transform 0.25s ease-out;
}
a.sbp-link:hover, a.sbp-link:focus{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.sbpl-title{
	font-size: 1.7em;
    line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
}
a.sbp-link.sbpl-portfolio{
    top: 1em;
    background: rgba(255,255,255,0.65);
    border-color: var(--natek-primary);
}
a.sbp-link.sbpl-pricing{
    top: 9em;
    color: #ffffff;
    border-color: #000000;
    background: #6ebc20;
    background: -moz-linear-gradient(top, #6ebc20 0%, #438901 100%);
    background: -webkit-linear-gradient(top, #6ebc20 0%,#438901 100%);
    background: linear-gradient(to bottom, #6ebc20 0%,#438901 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebc20', endColorstr='#438901',GradientType=0 );
}
a.sbp-link.sbpl-pricing:hover,
a.sbp-link.sbpl-pricing:focus-within {
    background: #75c623;
    background: -moz-linear-gradient(top, #75c623 0%, #4b9601 100%);
    background: -webkit-linear-gradient(top, #75c623 0%,#4b9601 100%);
    background: linear-gradient(to bottom, #75c623 0%,#4b9601 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75c623', endColorstr='#4b9601',GradientType=0 );
}
.sb-pre h1{
    position: absolute;
    bottom: 3em;
    left: 50%;
    width: 100%;
    transform: translate(-50%,0);
	text-transform: uppercase;
}
.string-block{
	position: relative;
	z-index: 2;
	box-sizing: border-box;
	padding: 0 var(--space-sides);
}
.string-block.sb-reverse{
	
}
.string{
	position: relative;
	z-index: 1;
}
.string-between{
    width: 100%;
    margin: var(--space-between) 0;
}
.string-between img{
	width: 100%;
}
.string-between.sb-reverse{
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}
.sb-hero, .sb-text{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	font-size: var(--font-size);
}
.sb-hero{
	position: relative;
    display: inline-block;
	margin: 0 auto;
	width: var(--block-size);
    height: calc(var(--block-size) * 0.9639);
}
.sb-hero img{
	width: 100%;
	position: absolute;
    margin: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.sb-text{
	width: calc(100% - var(--block-size));
	text-align: left;
    padding: 0 2em;
}
.sb-text h2{
	color: var(--natek-primary);
	text-decoration: underline;
    text-transform: capitalize;
	margin: 0;
}
.sb-text h2 span{
	display: inline-block;
	text-decoration: underline;
}
.sb-text h3{
	font-size: 1.2em;
	margin: 0;
}
.sb-text p{
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 300;
    margin: 0;
}
.string-end{
	position: relative;
	margin-top: var(--space-between);
}
.string-end img{
	width: 100%;
}
.string-end img:not(.fishing-rel){
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}
.fishing-fish[data-av-animation]{
    --animate-delay: 0.25s;
}
.fishing-splash[data-av-animation]{
    --animate-delay: 0.25s;
}

.av-container{
	display: inline;
}
.av-container [data-av-animation]{
}
[data-av-animation]{
    --animate-duration: 1s;
    --animate-delay: 0;
    -webkit-animation-duration: var(--animate-duration);
    -moz-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-delay: var(--animate-delay);
    -moz-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay);
}
.string[data-av-animation]{
    --animate-duration: 2s;
}

.services-page #sectiontestimonies {
	padding: 0;
	overflow: auto;
}

.services-info{
	text-align: center;
}
.h1-cb{
	position: relative;
	display: inline-block;
	margin: 0.25em auto;
}
.h1-cb:before{
	content:"";
	position: absolute;
	top: 50%;
	right: 100%;
	bottom: auto;
	left: auto;
	-webkit-transform: translate(-0.25em, -50%);
	transform: translate(-0.25em, -50%);
	width: 1.5em;
	height: 1.5em;
	background-image: url('/images/checkmark-box.png');
	background-size: contain;
	background-position: center right;
	background-repeat: no-repeat;
}
.services-info .h1-cb{
	text-transform: none;
	margin-bottom: 1em;
	color: var(--natek-primary);
}
/*ul*/
.services-includes{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: stretch;
	justify-content: center;
	align-items: stretch;
}
/*li*/
.si-item{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	font-weight: 300;
	text-transform: uppercase;
	width: 25%;
	/*background: #000000;
	color: #ffffff;*/
    background: #ffffff;
	color: #000000;
	border: 0.3em solid #ffffff;
    padding: 1em 0.5em;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
    justify-content: space-evenly;
}
.si-item img, .si-item span{
	display: block;
	margin: 0 auto;
}
.si-item img{
    width: 5em;
    max-width: 75%;
}
.si-item span{
	font-size: 1.15em;
	margin-top: 0.25em;
}
/*.si-item:before{
	content: "";
	position: absolute;
	background: rgba(0,0,0,0.85);
	height: 100%;
	top: 100%;
	right: 0;
	left: 0;
	-webkit-transition: top 0.25s ease;
	transition: top 0.25s ease;
}
.si-item:hover:before{
	top: 0;
}*/
.sii-over{
	position: absolute;
	padding: 1em 0;
	top: 100%;
	left: 0;
	right: 0;
	pointer-events: none;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.si-item:hover .sii-over,
.si-item:focus-within .sii-over{
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.custom-services{
	padding-top: 0;
	padding-bottom: 0;
}
.cs-blocks{
    display: block;
    text-align: left;
    padding-top: 0;
}
.cs-info, .cs-list{
	display: inline-flex;
    vertical-align: top;
	box-sizing: border-box;
	padding: 1em;
	border: 0.4em solid #000000;
	border-radius: 1em;
	flex-direction: column;
}
.cs-info{
	width: 55%;
    text-align: center;
}
.cs-info h2{
    padding-bottom: 0.25em;
    border-bottom: 4px solid var(--natek-primary);
    margin: 0 0 0.5em 0;
    text-align: left;
}
.cs-info p{
    font-size: 1.15em;
    line-height: 1.4em;
    font-weight: 300;
    margin: 0.5em 0;
    display: inline-block;
    width: 100%;
    text-align: left;
}
.cs-info p + p{
    margin-bottom: 0.5em;
}
.csi-lets_talk{
	--img-size: 12.5em;
    width: var(--img-size);
    height: calc(var(--img-size) * 0.21);
    background-image: url('/images/lets-talk-green-down.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center right;
    align-self: center;
}
.cs-list{
	width: 42%;
	margin: 0 0 0 3%;
	padding: 0 1em;
    text-align: left;
    color: #000000;
    background: none;
    font-size: 1.5em;
    font-weight: 300;
    box-sizing: border-box;
    list-style: none;
    border: 0;
}
.cs-list li{
    margin: 0;
    padding: 0.25em 0;
    line-height: 1em;
}
.cs-list li > span{
	display: inline-block;
    user-select: none;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.25em;
    padding: 0.25em 0;
    margin: -0.25em 0;
}
.cs-list li > span:hover,
.cs-list li > span:focus-within,
.cs-list li > span.csl-opened{
	color: var(--natek-primary);
}
.cs-list li > span:before {
    content: "+";
    position: absolute;
    right: 100%;
    padding-right: 0.3em;
    font-weight: 600;
}
.cs-list li > span.csl-opened:before{
	content:"-";
}
.cs-list li > span ~ div{
	max-height: 0;
	overflow: hidden;
    font-size: 0.9em;
}
.cs-list li > span.csl-opened ~ div{
	max-height: none;
}
.service-plans{
	text-align: center;
	padding-bottom: 0;
	position: relative;
	font-size: var(--font-size);
}
.sp-jump-offset{
	position: absolute;
	top: -50px;
	opacity: 0;
	width: 0;
	height: 0;
	overflow: hidden;
}
.sp-plan{
	display: inline-block;
	vertical-align: top;
    box-sizing: border-box;
	background: #ffffff;
	border: 2px solid #000000;
	text-align: center;
}
.sp-plan:hover,
.sp-plan:focus-within{
    box-shadow: 0 0 1em -0.5em #000000;
}
.sp-4-count .sp-plan{
	width: 23%;
	margin: 0 1%;
}
.plan-starter{
	--plan-color: #999999;
}
.plan-professional{
	--plan-color: var(--natek-primary);
}
.plan-premium{
	--plan-color: var(--natek-secondary);
}
.plan-manufacturer{
	--plan-color: #000000;
}
.spp-row{
	box-sizing: border-box;
    padding: 1em 0.25em;
	background: #ffffff;
	font-weight: 400;
}
.spp-row:nth-of-type(even){
	background: #f2f2f2;
}
.spp-title{
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	background: #999999;
	background: var(--plan-color, #999999);
	color: #ffffff;
    padding: 0.75em 0.25em;
}
.spp-title span{
	display: block;
	font-weight: 300;
	text-transform: none;
	font-style: italic;
    font-size: 0.667em;
}
.spp-price{
	padding-top: 0.667em;
	padding-bottom: 0.667em;
}
.spp-price > span{
	font-size: 1.5em;
	font-weight: 600;
}
.spp-price > span > sup{
    font-weight: 400;
    font-size: 0.667em;
}
.spp-setup{
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
.spp-setup span{
	display: block;
	font-style: italic;
	font-weight: 300;
}
.spp-link{
	padding-top: 0.75em;
	padding-bottom: 0.75em;
}
.spp-link a{
	background: var(--plan-color, var(--natek-primary)) !important;
	padding: 1.125em 1.5em 1.05em 1.5em;
	font-size: 0.7em;
	line-height: 1em;
	font-weight: 600;
}
.the-fine-print{
	margin: 1em auto;
}
.tfp-button{
    font-family: proxima-nova, sans-serif !important;
    font-size: 1.1em;
    line-height: 1.3em;
    width: auto;
    height: auto;
    padding: 0.25em 0.5em;
    margin: 0 auto;
    text-transform: none;
    outline: none !important;
    border: none;
    cursor: pointer;
    box-shadow: none;
    background: #ffffff;
    color: #000000;
}
.tfp-button:hover, .tfp-button:focus{
    color: var(--natek-primary);
}
.tfp-button span{
    text-decoration: underline;
}
.tfp-dropdown{
	box-sizing: border-box;
	background: #f2f2f2;
	color: #505050;
	text-align: left;
	max-width: 75%;
    margin: 0 auto;
}
.tfp-dropdown.opened{
	margin: 1em auto 0 auto;
	padding: 1.5em 2.5em;
	border: 2px solid #000000;
}
.tfp-dropdown p{
	margin: 0 auto;
}
.tfp-dropdown p + p{
	margin-top: 1em;
}
.services-page .contact-form{
	position: relative;
}
.services-page .contact-form .button{
	font-size: 1.5em;
	padding: 0.75em 2em 0.65em 2em;
    border: 3px solid #000000 !important;
}
.services-page .contact-form .heading-bar{
	font-size: 1em;
}
.button.hide{
	display: none !important;
}
.services-page .contact-form h1{
	margin-top: 0;
    font-size: 1.7em;
    margin: 0 0 0.83em 0;
}
.cf-form{
	margin: 0 auto;
}

.services-page .section-inner.stickyIncluded{
	overflow: visible;
}
.services-page .sp-hero{
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 24vw;
    min-height: 375px;
}
.sp-hero h1{
	position: absolute;
	left: var(--inner-padding);
	bottom: 0;
	margin: 0;
    line-height: 1em;
}
.sp-hero + .sp-part{
	padding-top: calc(var(--inner-padding) / 2);
}
.sp-split-side{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.sps-content{
	width: 72.5%;
    padding-right: 2.5em;
}
.sps-content > h2:nth-child(1){
	margin-top: 0;
}
.sps-content > p:nth-child(1){
	margin-top: 0;
}
.sp-images{
	text-align: center;
	margin: 2em 0;
}
.sp-images img{
	max-width: 12.5%;
	height: auto;
	margin: 2%;
	display: inline-block;
	vertical-align: middle;
	user-select: none;
	pointer-events: none;
}
#page-tradeshowBooths .sp-images img{
	max-width: 16%;
}
.sp-catalogs{}
.spc-catalog{
	display: inline-block;
	vertical-align: middle;
	width: 30%;
	margin: 1.5%;
    box-shadow: 0px 0px 0.6em -0.2em #000000;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
.spc-catalog:hover, .spc-catalog:focus{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    box-shadow: 0px 0px 0.75em -0.1em #000000;
}
.spc-catalog img{
	width: 100%;
	height: auto;
	vertical-align: middle;/* removes the extra space below */
}
.sp-prodBlocks{
	padding-top: 0;
	padding-bottom: 0;
}
.spp-block{
	display: inline-block;
	vertical-align: top;
    width: 47%;
    margin: 1.25% 1.25% 2.5% 1.25%;
	box-sizing: border-box;
	text-align: left;
}
.spp-block:nth-of-type(odd){
	margin-right: 1.75%
}
.spp-block:nth-of-type(even){
	margin-left: 1.75%
}
.spp-block img{
	vertical-align: middle;
	width: 100%;
	height: auto;
}
.spp-block h3{
	text-align: inherit !important;
    box-sizing: border-box;
    /* padding: 0.5em 0.25em; */
    margin: 0.75em auto 0.5em auto;
    padding-bottom: 0.25em;
    border-bottom: 0.1em solid;
    font-size: 1.5em;
    text-transform: none !important;
}
.spp-block p{
    font-size: 0.925em;
	margin: 0 auto;
	text-align: justify;
}
.spp-block p + p{
	margin-top: 0.5em;
}
.sps-widget{
	--widget-background: #f7f7f7;
	background: var(--widget-background);
	width: calc(27.5% - 1.15%);
	margin-right: 1.15%;
	position: sticky;
	top: 85px;
	border: 2px solid var(--natek-primary);
	padding: 1.25em;
    margin-top: 0.3em;
    margin-bottom: 1%;
}
.sps-widget h2, .sps-widget p, .sps-widget ul{
	margin: 0 0 0.3em 0;
}
.sps-widget h2{
	font-size: 1.3em;
}
.sps-widget ul{
	padding-left: 1.1em;
	text-transform: uppercase;
	font-size: 1.05em;
	list-style: '\2713\00a0';
}
.sps-widget ul li + li{
	margin-top: 0.25em;
}
.sps-widget ul li::marker{
	color: var(--natek-primary);
	font-family: 'sans-serif';
}
.sps-widget .button.btn-bigger{
	padding-left: 1em;
	padding-right: 1em;
}
.spsw-line{
	background: rgba(var(--natek-primary-rgb), 0.5);
	width: 100%;
	margin: 1.5em auto 1em auto;
	height: 3px;
	border-radius: 50%;
}
.spsw-raq{
	text-align: center;
}
.spsw-form{}
.sp-gallery{
}
.spg-item{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 23%;
	margin: 1%;
}
.spg-image{
	width: 100%;
	height: auto;
    -webkit-transition: -moz-transform .25s ease-out;
    -moz-transition: -webkit-transform .25s ease-out;
    -o-transition: -o-transform .25s ease-out;
    transition: transform .25s ease-out;
}
.spg-item:hover .spg-image, .spg-item:active .spg-image, .spg-item:focus .spg-image {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(0.6) blur(1px);
    filter: brightness(0.6) blur(1px);
}
.spg-view-more a{
	color: #777777;
}
.spg-view-more a:hover, .spg-view-more a:active, .spg-view-more a:focus{
	color: var(--natek-primary);
}
.form-minimal .formline-item{
	margin-top: 0.75em;
}
.form-minimal .formline-item > span:nth-of-type(1){
	margin-bottom: 0;
	margin-top: 0.5em;
	font-size: 1em;
}
.form-minimal .formline{
	padding: 0.3em;
	margin: 5px auto;
    vertical-align: middle;
}
.form-minimal .formline::placeholder{
	text-transform: none;
}
.form-minimal textarea.formline{
	min-width: 100%;
	min-height: 3em;
	max-width: 100%;
	max-height: 15em;
}
.formline-noFloat{
	text-align: center;
}
.formline-noFloat .g-recaptcha, .formline-noFloat .formbutton{
	float: none;
}
.formline-noFloat .g-recaptcha{
	margin: 0 auto;
    padding: 0.5em 0;
}

/* Start Alt-Style Service Pages */
.services-page.sp-alt{}
.sp-alt .section-main{
    background-image: url('../images/bg-2.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.sp-alt .section-inner{
	text-align: left;
}
.sp-alt .sp-part{
	max-width: none;
}
.sp-alt h1, .sp-alt h2, .sp-alt h3{
	color: var(--natek-primary);
}
.sp-alt h1{
	font-size: 2.25em;
}
.sp-alt p{
	font-size: 1.1em;
}
.sp-alt .sps-content h2{
	font-size: 1.5em;
}
.sp-alt h3{
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
}
.heading-bar{
	position: relative;
	font-size: 1.15em;
}
.heading-bar::before{
	content:'';
    display: block;
	background: rgba(var(--natek-primary-rgb), 0.5);
	width: 100%;
	height: 3px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translate(0, -50%);
	z-index: 0;
}
.heading-bar-green::before{
	background: rgba(var(--natek-secondary-rgb), 0.5);
}
.heading-bar > span{
    display: inline-block;
	background: #ffffff;
	position: relative;
	z-index: 1;
    padding: 0 0.75em;
}
.sps-widget .heading-bar{
	text-align: center;
}
.sps-widget .heading-bar > span > br{
	display: none;
}
/* 
.sps-widget .heading-bar:before{
	display: none;
}*/
.sps-widget .heading-bar > span{
/* 	padding: 0; */
    background: var(--widget-background, #ffffff);
}
.heading-bar > .button{
	position: relative;
	z-index: 1;
    outline: 0.75em solid #ffffff !important;
}
.sp-alt .contact-form .content_loader-title{
	color: #ffffff;
	background: var(--natek-secondary);
	padding: 0.5em;
	text-align: center;
	margin: 0;
}
.sp-alt .contact-form .content_loader{
	border: 2px solid var(--natek-secondary);
	padding: 25px 0 35px 0;
	background: #fafafa;
}
.sp-alt .formbutton {
    width: auto;
    height: auto;
    padding-top: 3px;
    margin: 0 auto;
/*     border: 2px solid #000000; */
    padding: 0.5em 2.5em;
    font-size: 1.25em;
}
.sp-alt .formbutton:hover, .sp-alt .formbutton:focus, .sp-alt .formbutton:active {
	box-shadow: 0px 0px 0.4em -0.1em #000000;
	text-shadow: none;
}
.formbutton:active {
	transform: scale(0.975);
}
.sp-alt #sectiontestimonies{
	background-size: cover;
}
.sp-alt #rowtestimonies{
	margin-bottom: 0;
}

/* End Alt-Style Service Pages */
/* End Service Pages */


/* Start Product Catalogs Page & Direct-Linked Project Preview Pages */
#productCatalogsPage,
#projectPreviewPage{
	
}
.pcHeader,
.pppHeader{
	text-align: center;
	background: rgba(0,0,0,0.8);
    padding: 1vw 3vw;
	box-sizing: border-box;
	margin: 0 auto;
    width: calc(75vw + 28px + 24px);
	pointer-events: none;
}
.pppHeader h1,
.pcHeader h1{
	color: #f47d20;
    font-size: 4.5vw;
	font-weight: normal;
	margin: 0 auto;
    text-shadow: -2px 7px 10px black;
}
.pppContent,
.pcContent{
	text-align: left;
	background: #ffffff;
    width: calc(var(--content-width, 75vw));
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0.5em 1.5em;
}
.pcContent a{
	color: var(--natek-primary);
	text-decoration: none;
}
.pcContent a:hover,
.pcContent a:focus-visible{
	color: var(--natek-secondary);
	text-decoration: underline;
}
.pcContent a + i{
	opacity: 0.5;
}



/* Start Upload Page */

#uploadbox {
    width: 400px;
    margin: 150px auto 0 auto;
}

/* End Upload Page */



/* Start Product Catalog PDFs */

body#pdf{
	padding: 0 !important;
	margin: 0 !important;
}

/* End Product Catalog PDFs */