@charset "utf-8";
/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

@font-face {
    font-family: 'LuloCleanW01-OneBold';
    src: url('/webfonts/LuloCleanW01-OneBold.woff2') format('woff2'),
        url('/webfonts/LuloCleanW01-OneBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



a {
	text-decoration:none;
	color:#2a3a15;
}

a:hover {
	color:#464646;
}

p {
	color:#2a3a15;
	font-family:Arial, sans-serif;
	font-size:18px;
	line-height:30px;
}

h1 {
	font-family:'LuloCleanW01-OneBold', Arial, sans-serif;
	font-weight:700;
	font-size:30px;
	color:#2a3a15;
}

h2 {
	font-family:'LuloCleanW01-OneBold', Arial, sans-serif;
	font-weight:400;
	font-size:22px;
	color:#2a3a15;
}

h3 {
	font-family:'LuloCleanW01-OneBold', sans-serif;
	font-weight:400;
	font-size:25px;
	letter-spacing:-3px; 
	color:#2a3a15;
}

.break {
	width:100%;
	background:#2a3a15;
	height:2px;
	margin:10px auto;
	clear:both;
}


body {
	-webkit-text-size-adjust: none; background:#f2f3e9; font-family:Arial, sans-serif;
}

header {
	width:100%;
	float:left;
	padding:1% 0;
	background:#435b3b url("/siteart/header-background-pattern.webp") no-repeat top center; background-size: cover;
}


.wrap {
	margin:0 auto;
	width:92%;
}

.head-wrap {
	margin:0 auto;
	width:96%;
}

.inv-wrap {
	margin:0 auto;
	padding:30px 5%;
}

#logo {
	width:30%;
	float:left;
}
#topbusiness {
	width:70%;
	float:left;
	display: flex; flex-flow: row wrap; align-items:center; justify-content: flex-end;
	
	color:#fff;
	font-family: Arial, sans-serif;
	
	margin:12px 0;
	letter-spacing:0.5px;
}
.business-tagline {font-size:15px; line-height:1.5; font-weight:400; text-align: center;}
.business-tagline span {font-size:16px; font-weight: 700; letter-spacing:3px; text-transform:uppercase;}
.flag-icon {width:75px; margin:0 0 0 2rem;}

#topcontact {
	width:70%;
	float:left;
	text-align:right;
	color:#fff;
	font-family: Arial, sans-serif;
	font-weight:700;
	font-size:16px;
	margin:12px 0;
	letter-spacing:0.5px;
}

#topcontact a {
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:16px;
	letter-spacing:0.5px;
}

#topcontact a:hover {
	color:#c6d295;
}

.space {
	width:25px;
	display:inline-block;
}

#topcontact i {
	color:#c6d295;
	font-size:18px;
}

#topcontact span i {
	font-size:22px;
	margin-top:-3px;
}

/***** Slideshow *****/

#overslide {
	width:98%;
	padding:1%;
	text-align:center;
	text-transform:uppercase;
	font-family:'LuloCleanW01-OneBold', sans-serif;
	font-weight:700;
	font-size:25px;
	color:#fff;
	background:rgba(42,58,21,0.9);
	float:left;
	position:relative;
	margin:-100px 0 0;
	z-index:99999;
	letter-spacing:1px;
}

#overslide span {text-transform:capitalize; letter-spacing:2px; font-weight:400; font-family: Arial, sans-serif;}

#slideshow {
	width:100%;
	float:left;
	position:relative;
}

.cycle-slideshow { width:100%; background:#2a3a15;}
.cycle-slideshow img { width:100%; float:left;}

/* pager */
.pager {text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span {font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#ddd; cursor:pointer;}
.pager span.cycle-pager-active { color:#2e3b20;}
.pager > * {cursor:pointer;}



a.greenpill {display:block; 
	padding:15px;
	font-size:16px;
	letter-spacing:0.5px;
	font-weight:400;
	color:#fff;
	width:235px;
	margin:20px 0 0 0;
	text-align:center;
	background:#2a3a15;
	border-radius: 30px;
	font-family:'LuloCleanW01-OneBold', Arial, sans-serif;

	
	
  position: relative; z-index: 1;

  outline: none;
  border: none;
  overflow: hidden;
  transition: color 0.4s ease-in-out;

}

a.greenpill::before {content: '';
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background-color: #0c1e0d;
  transform-origin: center;
  transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);
  transition: transform 0.45s ease-in-out;}

a.greenpill:hover {cursor:pointer;}
a.greenpill:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}

/* ============================================================
  BANDIT
============================================================ */
.bandit-equipment{display: flex; flex-wrap: wrap; gap: 10px; margin: 1.5rem 0;}
#bandit-grid {
    gap: 16px;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    /* background-color: #fff; */
    align-content: center;
}

.bandit-card {
  width: 22%;
  background-color: #fff;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center; 
  gap: 17px;
}
.bandit-card h3{
    width: 100%;
    max-width: 311px;
    font-size: 18px;
}
.bandit-card a{
	width: 100%;
	max-width: 250px;
	font-size: 14px;
	margin-top: auto;
	padding-top: 10px;
}

/* ============================================================
  Parallax SECTION
============================================================ */
.boxes_container {display:flex; flex-flow:row wrap; justify-content:center; padding:5rem 2%; background:#5e734b;}

.greenbox {
	position:relative;
	z-index: 1;
	
	background:#d8deb6;
	width:26%;
	margin:2% 1%;
	padding:25px 2% 55px;
}

.greenbtn {
	position: absolute;	z-index: 5; bottom:-20px; left:15px;
	width:210px;
	margin:20px auto 0;
	text-align:center;
	background:#2a3a15;
}

.greenbtn a {
	display:block; 
	padding: 15px;
	font-size:18px;
	letter-spacing:0.5px;
	font-weight:400;
	color:#fff;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
}

.greenbtn:hover {background:#000;}
.greenbtn i {font-size:22px;}



/*.greenbtn-body {
	width:180px;
	margin:20px 0 ;
	text-align:center;
	background:#2a3a15;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:18px;
	letter-spacing:0.5px;
	color:#fff;
	padding:8px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:0px 0px 8px rgba(0, 0, 0, .7); 
	-webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, .7); 
	box-shadow:0px 0px 8px rgba(0, 0, 0, .7);
}

.greenbtn-body:hover {
	background:#000;
}

.greenbtn-body i {
	font-size:22px;
}*/

#main {
	width:67%;
	float:left;
	padding:3% 3% 3% 0;
}

#main p a {font-weight:700; }

#main.submain {float:none; width:auto;  margin:0 auto; padding:3%;}

#main.submain .subarticle {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-between; }

.articlebody {width: 55%;}
.articleimg {
	width:40%;
	margin:1% 0 2% 2%;
}
.articleimg img {width:100%; }

#contactform {
	width:26%;
	float:left;
	margin:3% 0;
	padding:1.5% 2%;
	background:#d8deb6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.company-intro {margin:0 auto; padding:3%;}

#logos {display: flex; flex-flow:row wrap; align-items:center; justify-content: center; width:100%;}
#logos a {
	width:16%;
	margin:1%;
	padding:1%;
	background:#fff;
}

.company-intro #logos {margin:0 0 3rem 0;}
.company-intro #logos a {width:8.5%; min-width:125px; margin:1%;}
/*.company-intro #logos a:first-of-type {margin-left:0;}
.company-intro #logos a:last-of-type {margin-right:0;}*/


#logos img {
	width:100%;
}


/*===================== 
	form styles 
=======================*/

.form {
	margin:0 auto;
	text-align:left;
	padding:0;
	width:100%;
	float:left;
}

form.myform {
	margin: 0 0 0 0;
	padding:0;
	}

.myform label {
	padding:.5em;
	display:inline-block;
	width:100%;
	cursor: pointer;
	line-height: 2;
	position: relative;
	}
	.myform label:hover,
	.myform label:active,
	.myform label:focus
	 {
		
		}

.select {
	width:20%!important;
	float:left;
}

.myform input{
	padding:.5em;
	width:70%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: right;
	color: #999;
	background:#FFF;
	opacity:0.5;
	}
	.myform input:focus {
		background:#f8faef;
		color:#000;
		outline: none;
		border: 1px #bbb solid;

		opacity:1;
		}

.myform input.small{
	width:10%;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	color: #999;
	background:#FFF;
	margin-top:10px;
	opacity:0.5;
	}
	.myform input:focus {
		background:#f8faef;
		color:#000;
		outline: none;
		border: 1px #bbb solid;

		opacity:1;
		}

.myform textarea{
	padding:.5em;
	width:96%;
	height: 100px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	color: #464646;
	background:#fff;
	opacity:0.5;
	}
	.myform textarea:focus {
		background:#f8faef;
		color:#000;
		outline: none;
		border: 1px #bbb solid;
		opacity:1;
		}

.myform select{
	padding:.5em;
	width:72%;
	float:right;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #ddd;
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	font-size:16px;
	line-height:26px;
}

.myform input.checkbox {
	width:30px;
	margin:10px 0 0;
	display:inline-block;
	vertical-align:middle;
	float:left;
	border:0;
}

.myform label.checkbox {
	float:left;
	margin:0 25px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#464646;
	font-size:16px;
	line-height:20px;
	width:70%;
}


label.required:before {
	content: "*";
	position: absolute;
	top: 6px;
	left: 2px;
	color: #E40307;
}

input.btn {
	background:#2a3a15;	
	color:#fff;
	text-align:center;
	border: none;
	padding:6px;
	display:inline-block;
	float: left;
	width: auto;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-appearance: none;
	font-family:'Oswald', Helvetica, Arial, sans-serif;
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	width:100%;
	letter-spacing:0.5px;
	opacity: 1;
	}
	
input.btn:hover {
	background:#000;
	color:#fff;
}

input#CaptchaAnswer {float:none;}

/*.captcha-container {
	width:100%; 
	text-align:center;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
	
.CaptchaPanel {
	width:100%;
	margin:0 auto!important;
	padding:0!important;
}
	
.CaptchaImagePanel, 
.CaptchaMessagePanel, 
.CaptchaAnswerPanel, 
.CaptchaWhatsThisPanel {
	margin:0px 0px 0px !important; 
	font-size:13px;
	color: #2a3a15;
	text-align: left !important;
	font-weight:normal!important;
	padding:3px!important;
	}
	
.CaptchaWhatsThisPanel {
	line-height: 2;
	text-align:center!important;
	}
	
.CaptchaWhatsThisPanel a{
	color:#000;
	}
	
.CaptchaWhatsThisPanel a:hover{
	color:#fff;
	}
	
img#CaptchaImage {
	width:48% !important;
	max-width:200px;
	float:left;
	margin-right:2%;
	}
	
#CaptchaAnswer {
	width:100%;
	margin-top:10px;
	}*/
	
.form-btns {
	width:200px;
	margin:0 auto;
}

/***** Parts *****/

.rightimg {
	width:40%;
	float:right;
	margin:0 0 2% 2%;
}





#newsection {
	width:100%;
	float:left;
	padding:3% 0;
}

.teeth {
	width:12.3%;
	float:left;
	border:solid 1.3px #dedede;
	padding:0 1% 0.5%;
	margin:1% 1% 3%;
}

.teeth img {
	width:100%;
	margin-top:-30px;
	-webkit-transition: -webkit-transform .3s ease-in-out;
    transition:transform .3s ease-in-out;
}

.teeth img:hover {
	-webkit-transform: rotate(15deg);
   	transform: rotate(15deg);
}

/***** Contact *****/

#map {
	width:100%;
	float:left;
	margin:30px 0 0;
}

/***** Gallery *****/

#wholepage {
	width:100%;
	float:left;
	padding:3% 0;
}

#gal_container {
	width:100%;
	float:left;
	text-align:center;
}

#gal_container img {  /*Style to make the thumbnail image style on the gallery page.*/
    height:140px;
    margin:0 5px 5px 0;
    border:1px #2a3a15 solid;
}

.videos {
	width:23%;
	float:left;
	margin:1%;
}

.videos iframe {
	height:200px;
	width:100%;
}

/***** Prinoth *****/

#gal_container.prinoth img {
	width:100%;
	height:auto;
}

.prolink {
	width:31.33%;
	margin:0 1% 3%;
	float:left;
}



.caption {
	font-weight:bold;
	color:#ed1b24;
	font-size:14px;
}




/***** Footer *****/
.site-footer {
	display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between; 
   	margin: 0 auto; padding:4rem 8%; color:#dbe3b7; background:#435b3b url("/siteart/footer-background-pattern.webp") no-repeat top center; background-size: cover; font-family:'LuloCleanW01-OneBold', Arial, sans-serif;
}
.site-footer a {font-size:15px; color:inherit; line-height:26px;}
.site-footer a:hover {color:#fff;}

.foot-nav {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content: space-between; }
.foot-nav ul {padding:0 40px 0 0;}

.foot-info {font-size:20px; line-height:26px; text-align: center;}
.foot-social a{font-size:25px;}

/*
.button-slide a {position:absolute; right:-1350px; bottom:111px;}

a.registerbtn {display:block;padding:15px;font-size:14px;letter-spacing:0.5px;font-weight:400;color:#fff;width:235px;margin:20px 0 0 0;text-align:center;background:#2a3a15;border-radius: 30px;font-family:'LuloCleanW01-OneBold', Arial, sans-serif;position: relative; z-index: 1; outline: none; border: none; overflow: hidden;transition: color 0.4s ease-in-out;}
a.registerbtn::before {content: '';z-index: -1;position: absolute;top: 50%;left: 50%;width: 1em;height: 1em; border-radius: 50%;background-color: #0c1e0d;transform-origin: center;transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 0);transition: transform 0.45s ease-in-out;}
a.registerbtn:hover {cursor:pointer;}
a.registerbtn:hover::before {transform: translate3d(-50%, -50%, 0) scale3d(15, 15, 15);}*/


@media screen and (max-width: 1350px) {
	#logo {
		width:40%;
		margin:0 auto;
	}
	
	#topbusiness {width:50%; margin:2% 0 0 0;}
	#topcontact {
		width:100%;
		text-align:center;
	}
	
	.site-footer {flex-flow:column; align-items: flex-start; justify-content: space-between;}

	.foot-nav {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content: space-around; width:100%;}
	.foot-nav ul {width: 30%; padding:0; text-align: center}
	.foot-nav ul li {padding:5px 0;}
	.foot-info {width:100%;  margin:3.5rem 0 0 0; padding:3.5rem 0 0 0; border-top:1px #0a220b solid;}
}


@media screen and (max-width: 1115px) {
	
	#gal_container img {
		height:125px;
	}
	
}

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

	#logo {width:50%;}
	
	/*#topcontact {
		width:65%;
		margin:8px auto;
	}*/

}

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

	#overslide {
		font-size:22px;
		font-weight:400;
		margin:-100px 0 0;
	}
	
	h3 {
		font-size:20px;
	}
	


}

@media screen and (max-width: 1015px) {
	
	/*#sectionone {
		width:50%;
	}
	
	#sectiontwo, #sectionthree {
		width:25%;
	}*/
	
	.divfooter {
		width:100%;
		text-align:center;
		margin:20px 0 10px;
	}
	
	#gal_container img {
		height:110px;
	}
	
	.prolink {
		width:48%;
	}
	
	.show {
		display:none;
	}

}

@media screen and (max-width: 980px) { 
	
	#overslide {
		font-size:19px;
		margin:-90px 0 0;
	}
	
	.CaptchaPanel {
		padding:0 10px;
	} 
	
	img#CaptchaImage {
		width:70%!important;
		float:none;
		margin:0;
	}
	
	#CaptchaAnswer {
		margin-top:0;
	}
	
	form.myform {
		width:96%;
	}

}

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

	#main {
		width:96%;
		padding:3% 2%;
	}
	
	#contactform {
		width:96%;
		margin:2% 0;
	}
	
	.myform label {
		width:50%;
		float:left;
	}
	
	.captcha-container {
		width:43%;
		margin-left:4%;
	}
	
	img#CaptchaImage {
		width:48%!important;
		float:left;
		margin-right:2%;
	}
	
	#CaptchaAnswer {
		margin-top:10px;
	}
	
	form.myform {
		width:auto;
	}
	
	.bye {
		display:none;
	}
	
	.prolink {
		width:31.33%;
	}
	
	.show {
		display:block;
	}
	
	#map iframe {
		height:300px;
	}

}

@media screen and (max-width: 890px) {
	
	#gal_container img {
		height:100px;
	}
	.bandit-card {
    width: 45%;
  }
	
}

@media screen and (max-width: 850px) {
	
	#overslide {
		font-size:18px;
		margin:-110px 0 0;
	}
	
	.greenbox {
		width:98%;
		margin:4% 0;
	}
	 
}

@media screen and (max-width: 768px) {
	header {background:#435b3b url("/siteart/header-background-pattern-mobile.webp") no-repeat top center; background-size: cover;}
	
	.site-footer {padding:5rem 5%; background:#435b3b url("/siteart/footer-background-pattern-mobile.webp") no-repeat top center; background-size: cover;}
	.foot-nav {display:flex; flex-flow:column wrap; align-items:flex-start; justify-content: space-around;}
	.foot-nav ul {width: 100%;}
}
@media screen and (max-width: 745px) {
	
	.teeth {
		width:15.5%;
		margin:1% 1% 4%;
	}
	
	.hide {
		display:none;
	}
	
}

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

	.rightimg {
		max-width:300px;
		width:100%;
		margin:0 0 20px;
		float:none;
	}
	
	#main.submain .subarticle {flex-flow:column wrap;}
	.articlebody {width:100%; }	
	.articleimg {
		width:100%;
		margin:20px auto;
		float:none;
	}
	
	#logos {margin:25px 0 0 0;}
	
	#logos a {
		width:20%;
	}

	.prolink {
		width:48%;
	}
	
	.show {
		display:none;
	}

}

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

	#logo {width:100%;margin:0 auto; text-align: center;}
	#topbusiness {justify-content:center; width:100%; margin:0 auto;}
	#topcontact {
		width:100%;
		text-align:center;
		margin:10px 0;
	}

	
	.CaptchaPanel {
		padding:0 10px;
	} 
	
	img#CaptchaImage {
		width:80%!important;
		float:none;
		margin:0;
	}
	
	#CaptchaAnswer {
		margin-top:0;
	}
	
	.myform label {
		width:49%;
	}
	
	/*#sectionone {
		width:40%;
	}
	
	#sectiontwo, #sectionthree {
		width:30%;
	}*/
	
	#gal_container img {
		height:90px;
	}
	
	.videos {
		width:31.33%;
	}
	
	.videos iframe, .videos video {
		height:150px;
	}
	
	.space {
		width: 10px;
	}

}

@media (max-width: 600px) {
  .bandit-equipment a {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 550px) {
	
	#overslide {
		font-size:17px;
		margin:0;
		background:#2a3a15;
	}
	
	.myform label {
		width:96%;
	}
	
	.captcha-container {
		width:96%;
		margin:0 0 0 20px;
	}
	
	img#CaptchaImage {
		width:90%!important;
	}
	
	.CaptchaImagePanel, 
	.CaptchaMessagePanel, 
	.CaptchaAnswerPanel, 
	.CaptchaWhatsThisPanel {
		text-align: center !important;
	}
	
	/*#sectionone {
		width:180px;
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	#sectiontwo, #sectionthree {
		width:50%;
		margin:20px 0 0;
		text-align:center;
	}*/
	
	#logos a {
		width:45%;
	}
	
	.teeth {
		width:20.2%;
	}
	
	.teeth img {
		margin-top:-20px;
	}
	  
}

@media screen and (max-width: 480px) {
	
	h1 {
		font-size:24px;
	}
	
	h2 {
		font-size:19px;
	}
	
	.videos {
		width:48%;
	}
	
	.prolink {
		width:98%;
		margin:1% 1% 5%;
	}
	.bandit-card {
    width: 100%;
  }

  	
}

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

	
	#sectiontwo, #sectionthree {
		width:100%;
	}
	
	.captcha-container {
		width:93%;
	}
	
	.greenbox {
		margin:0 0 30px;
	}
	
	/*.greenbtn {
		margin:15px auto -20px;
	}*/
	
	.teeth {
		width:28%;
		margin:1% 1% 5%;
	}
	
	.teeth img {
		margin-top:-15px;
	}
	
	.videos {
		width:98%;
	}
	
}