@import url("fontawesome-all.min.css");
@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap');

/*
	Verti by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}

mark {
	background-color: transparent;
	color: inherit;
}
small {font-size: 70%!important;}
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body {
		/* background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-image: linear-gradient(top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), url("images/bg01.png");
		background-color: #f7f7f7;
		background-position: top left, top left;
		background-repeat: repeat-x, repeat;
		background-size: 100% 30em, auto; */
		font-family: 'Poppins', sans-serif;
		font-size: 13pt;
		color: #000;
		line-height: 2em;
	}

		body.is-preload *, body.is-preload *:before, body.is-preload *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	input, select, textarea {
		font-family: 'Poppins', sans-serif;
		font-size: 13pt;
		color: #696969;
		font-weight: 300;
		line-height: 2.25em;
	}

	a {
		text-decoration: none;
		color: #1550b4;
	}

		a:hover {
			text-decoration: underline;
		}

	h1, h2, h3, h4, h5, h6 {
		color: #000;
		line-height: 1.5;
	}

	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			outline: 0;
		}

	h2 {
		font-size: 2.25em;
		margin: 0 0 1em 0;
		line-height: 1.2em;
	}
	
	h2.btmline {
		font-size: 2.2em;
		margin: 0 0 1em 0;
		line-height: 1.6em;
		position: relative;
    	overflow: hidden;
	}
	
	h2.btmline:before{
			content: "";
			top: 90%;
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			height: 4px;
			width: 5.5%;
			position: absolute;
			background: #ffa801;
			margin-top: 2px;
		}

	section h3 {
		font-size: 41px;
		font-family: 'Poppins', sans-serif;
		font-weight:600;
		padding: 0px 10px;
		display: inline-block;
		margin: 10px auto;
		line-height: 1.2;
		color: #000;
	}
	
	section h4 {
		font-size: 41px;
		font-family: 'Poppins', sans-serif;
		font-weight: 400;
		padding: 0px 0px;
		display: inline-block;
		margin: 10px auto;
		line-height: 1.5;
		color: #000;
	}
	
/* Right Toggle Panel */

nav {
  padding: 0px;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
}
nav::after {
  content: "";
  display: block;
  clear: both;
}

aside {
  position: absolute;
  width: 300px;
  height: 100%;
  background: #00f6ff;
  right: 0;
  top: 0;
  display: none;
  z-index: 99;
}
aside::before {
  content: "";
  display: block;
  height: 67px;
}
aside a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #17e5ec;
}
.toggle-wrap {
  padding: 4px 15px;
  position: relative;
  cursor: pointer;
  display: flex;
  color: #fff;
  /*disable selection*/
  -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.toggle-bar {
	width: 30px;
	margin: 14px 10px;
	position: relative;
	border-top: 4px solid #fff;
	display: block;
}
.toggle-bar::before,
.toggle-bar::after {
	content: "";
	display: block;
	background: #fff;
	height: 4px;
	width: 30px;
	position: absolute;
	top: -11px;
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-ms-transform-origin: 13%;
	-webkit-transform-origin: 13%;
	transform-origin: 13%;
}
.toggle-bar::after {
  top: 3px;
}
.toggle-wrap.active .toggle-bar {
  border-top: 6px solid transparent;
}
.toggle-wrap.active .toggle-bar::before {
	-ms-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}
.toggle-wrap.active .toggle-bar::after {
	-ms-transform: rotate(-42deg);
	-webkit-transform: rotate(-42deg);
	transform: rotate(-42deg);
}
	
	
/* --- CSS Image Gallery --- */

.slidegal {
	position: relative;
	overflow: hidden;
	height: 100%; /* Or set a fixed height */
}

/* SLIDER */

.slidegal .slider {
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;
}

/* SLIDES */

.slidegal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background: none 50% no-repeat;
	background-size: cover;
}

/* PREV/NEXT, CONTAINERS & ANCHORS */

.slidegal .prevNext {
	position: absolute;
	z-index: 1;
	top: 50%;
	width: 100%;
	height: 0;
}

.slidegal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}

.slidegal .prevNext a {
	background: #fff;
	position: absolute;
	width:       60px;
	height:      60px;
	line-height: 60px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s;
	transition: 0.3s;
-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
}
.slidegal .prevNext a:hover {
	opacity: 1;
}
.slidegal .prevNext a+a {
	left: auto;
	right: 0;
}

/* NAVIGATION */

.slidegal .bullets {
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 10px 0;
	width: 100%;
	text-align: center;
}
.slidegal .bullets > a {
	display: inline-block;
	width:       30px;
	height:      30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: rgba(255, 255, 255, 1);
	-webkit-transition: 0.3s;
					transition: 0.3s;
}
.slidegal .bullets > a+a {
	background: rgba(255, 255, 255, 0.5); /* Dim all but first */
}
.slidegal .bullets > a:hover {
	background: rgba(255, 255, 255, 0.7) !important;
}

/* NAVIGATION BUTTONS */
/* ALL: */
.slidegal >s:target ~ .bullets >* {      background: rgba(255, 255, 255, 0.5);}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255,   1);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255,   1);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255,   1);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255,   1);}
/* More slides? Add here more rules */

/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.slidegal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;}
/* More slides? Add here more rules */

/* SLIDER ANIMATION POSITIONS */

#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
/* More slides? Add here more rules */


/* YOU'RE THE DESIGNER! 
   ____________________
   All above was mainly to get it working :)
   slidegal CUSTOM STYLES / OVERRIDES HERE: */

.slidegal{
	color: #fff;	
	text-align: center;
	margin:0px 0 -22px;
	padding:0px;
}
.slidegal .slider img{height:100%; padding:0; margin:0px; width:100%;}

.slidegal .slider h2 {
	margin-top: 40vh;
	font-weight: 200;
	letter-spacing: -0.06em;
	word-spacing: 0.2em;
	font-size: 3em;
}
.slidegal a {
	border-radius: 50%;
	margin: 0 3px;
	color: rgba(0,0,0,0.8);
	text-decoration: none;
}
	
	
	.dwnldfrm { margin: 0; padding:0; }
	.dwnldfrm input[type="text"] { padding:0 1.5em; font-size: 20px; height:75px; width:100%; border:1px solid rgba(255,255,255,1); background:rgba(0,0,0,1); margin:0;}
	.dwnldfrm input[type="submit"] { padding: 0 2.5em; height: 75px;  border: 1px solid  #00ff6a; background: #00ff6a; margin: 0;}
	
	
	.faqsrchfrm { margin: 0; padding:0; }
	.faqsrchfrm input[type="text"] { padding:0 1.5em 0 30px; font-size: 20px; height:83px; width:100%; border:1px solid rgba(255,255,255,1); background:rgba(255,255,255,1); margin:0;}
	
	
	
	.contactform { margin: 0 auto; width: 100%; background:#b0fbff; padding:3em 0; }
	.contactform input[type="text"],.contactform input[type="email"],.contactform input[type="tel"] { padding:0 1em; font-size: 15px; height:45px; width:auto; border:1px solid rgba(0,0,0,0.5); background:rgba(255,255,255,1); margin:0px 0 10px;}
	.contactform textarea { padding:0 1em; font-size: 15px; min-height:100px; width:100%; border:1px solid rgba(0,0,0,0.5); background:rgba(255,255,255,1); margin:0;}
	.contactform input[type="submit"] { padding: 0 1.5em; height: 45px;  border: 1px solid  #00f6ff; background: #00f6ff; margin: 0;}
	.contactform input[type="submit"]:hover {border: 1px solid  #000; color: #fff; background: #000;}
	
	b, strong {
		font-weight: 600;
	}

	i, em {
		font-style: italic;
	}

	br.clear {
		clear: both;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr {
		border: 0;
		border-top: solid 1px #eee;
	}

	blockquote {
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table {
		margin-bottom: 1em;
	}

	.text-right { text-align: right!important;}
	.text-center { text-align: center!important;}
	.text-left { text-align: left!important;}
	.text-black { color: rgba(0, 0, 0, 1); }
	.text-black-50 { color: rgba(0,0,0,0.5); }
	.text-blue { color: #1450b4!important; margin: 0 0 0.5em 0!important; }
	
/* Clip text element */
.clip-text {
  font-size: 7em;
  font-weight: 900;
  line-height: 90px;
  position: relative;
  display: inline-block;
  margin: 0.1em 0em 0.1em 4em;
  padding: 0.5em 0.7em;
  letter-spacing:-6px;
  text-align: left;
  /* Color fallback */
  color: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
   text-shadow: 0px 0px 0px rgba(0, 255, 255,0.6);
}

.clip-text:before,
.clip-text:after {
  position: absolute;
  content: "";
}

/* Background */
.clip-text:before {
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-shadow: 5px 5px 1px #000;
  background-image: none;
  -webkit-animation:anim 5s infinite ease-in;
  -moz-animation:anim 5s infinite ease-in;
  -ms-animation:anim 5s infinite ease-in;
  animation:anim 5s infinite ease-in;
}

/* Text Background (black zone) */
.clip-text:after {
  position: absolute;
  z-index: -1;
  top: 0.125em;
  right: 0.125em;
  bottom: 0.125em;
  left: 0.125em;

}

/* Change the background position to display letter when the black zone isn't here */
.clip-text--no-textzone:before {
  background-position: -0.75em 0;
}

.clip-text--no-textzone:after {
  content: none;
}

/* Use Background-size cover for photo background and no-repeat background */
.clip-text--cover,
.clip-text--cover:before {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
}

.clip-text_fifteen {
  background-image:url(../images/vistaview-front-street.png);
  background-size: cover;
  -webkit-animation:anim 5s infinite linear;
  -moz-animation:anim 5s infinite ease-in;
  -ms-animation:anim 5s infinite ease-in;
  animation:anim 5s infinite ease-in;
}

@-webkit-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@-moz-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@-ms-keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
@keyframes anim
{0%{background-position: top;}50%{background-position: bottom;}100%{background-position: top;}}
	
	
/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 1400px;
	}

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

			.container {
				width: 1200px;
			}

		}

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

			.container {
				width: 960px;
			}

		}

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

			.container {
				width: 90%;
			}

		}

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

			.container {
				width: 100%;
			}
			
			#slides h2, #slides p { margin:0 auto!important; padding:0!important;}
			#slides .inner {height: auto;}
			
			.contactform {padding: 1em;}
			.contactform .section__heading h2{font-size: 30px!important; margin-bottom: 10px;}

		}

.w-25 {
  width: 25% !important; }

.w-50 {
  width: 50% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-50 {
  height: 50% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n5 {
  margin: -3rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (max-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } 
   
  .yellowinfobox {padding: 2em 1em!important;}

  
	}

@media (max-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } 
	
   }

@media (max-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

  .text-white {
  	color: #fff !important; }
 .pull-right {float: right;}
 .pull-left {float: left;}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -10px;
			margin-left: -10px;
		}

			.row.gtr-25 > * {
				padding: 10px 0 0 10px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -10px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 10px;
				}

		.row.gtr-50 {
			margin-top: -20px;
			margin-left: -20px;
		}

			.row.gtr-50 > * {
				padding: 20px 0 0 20px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -20px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 20px;
				}

		.row {
			margin-top: -0px;
			margin-left: -40px;
		}

			.row > * {
				padding: 0px 0 0 40px;
			}

			.row.gtr-uniform {
				margin-top: -40px;
			}

				.row.gtr-uniform > * {
					padding-top: 40px;
				}

		.row.gtr-150 {
			margin-top: -60px;
			margin-left: -60px;
		}

			.row.gtr-150 > * {
				padding: 60px 0 0 60px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -60px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 60px;
				}

		.row.gtr-200 {
			margin-top: -80px;
			margin-left: -80px;
		}

			.row.gtr-200 > * {
				padding: 80px 0 0 80px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -80px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 80px;
				}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-25 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 10px;
						}

				.row.gtr-50 {
					margin-top: -20px;
					margin-left: -20px;
				}

					.row.gtr-50 > * {
						padding: 20px 0 0 20px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 20px;
						}

				.row {
					margin-top: -0px;
					margin-left: -25px;
				}

					.row > * {
						padding: 0px 0 0 25px;
					}

					.row.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-uniform > * {
							padding-top: 40px;
						}

				.row.gtr-150 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-150 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 60px;
						}

				.row.gtr-200 {
					margin-top: -80px;
					margin-left: -80px;
				}

					.row.gtr-200 > * {
						padding: 80px 0 0 80px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -80px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 80px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -6.25px;
					margin-left: -6.25px;
				}

					.row.gtr-25 > * {
						padding: 6.25px 0 0 6.25px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -6.25px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 6.25px;
						}

				.row.gtr-50 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-50 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-uniform > * {
							padding-top: 25px;
						}

				.row.gtr-150 {
					margin-top: -37.5px;
					margin-left: -37.5px;
				}

					.row.gtr-150 > * {
						padding: 37.5px 0 0 37.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -37.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 37.5px;
						}

				.row.gtr-200 {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row.gtr-200 > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 50px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -6.25px;
					margin-left: -6.25px;
				}

					.row.gtr-25 > * {
						padding: 6.25px 0 0 6.25px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -6.25px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 6.25px;
						}

				.row.gtr-50 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-50 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-uniform > * {
							padding-top: 25px;
						}

				.row.gtr-150 {
					margin-top: -37.5px;
					margin-left: -37.5px;
				}

					.row.gtr-150 > * {
						padding: 37.5px 0 0 37.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -37.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 37.5px;
						}

				.row.gtr-200 {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row.gtr-200 > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 50px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -5px;
					margin-left: -5px;
				}

					.row.gtr-25 > * {
						padding: 5px 0 0 5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 5px;
						}

				.row.gtr-50 {
					margin-top: -10px;
					margin-left: -10px;
				}

					.row.gtr-50 > * {
						padding: 10px 0 0 10px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -10px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 10px;
						}

				.row {
					margin-top: -0px;
					margin-left: -20px;
				}

					.row > * {
						padding: 0px 0 0 20px;
					}

					.row.gtr-uniform {
						margin-top: -20px;
					}

						.row.gtr-uniform > * {
							padding-top: 20px;
						}

				.row.gtr-150 {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row.gtr-150 > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-200 {
					margin-top: -40px;
					margin-left: -40px;
				}

					.row.gtr-200 > * {
						padding: 40px 0 0 40px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -40px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 40px;
						}
				.img-100 { width: 100%!important; }
				
				.arrowicon {position: absolute;
							left: 46%;
							bottom: 18%;}

		}

/* Section/Article */

	section, article {
		margin-bottom: 0em;
		padding: 0em 0 0;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0px;
	}

	header {
		margin: 0 0 0em 0;
		
	}

		header h2, header h3 {
			margin: 0 0 0.25em 0;
		}

		header p {
			margin: 0;
		}

	footer {
		margin: 2.5em 0 0 0;
	}

	.sidebar {
			border: 1px solid #ddd;
			padding: 1em 2em;
			background: #f1f1f1;
		}

/* Search Box */

	.headtop {
			margin: 0px auto 0 auto;
			padding: 0em 0;
		}
	.headtop ul.topinfo{
			margin: 0;
			padding: 0;
			width: 85%;
			text-align: right;
			float: right;
		}
	
	.headtop ul.topinfo li{
		display: inline-block;
		margin: 0em;
		padding: 5px 0px;	
		height: 45px;
		font-size: 18px;
		width: 100%;
		background:#1f9c3d;	
		text-align: left;
	}
	.headtop ul.topinfo li.trincornr{
			width: 0px;
			height: 0px;
			left: 5px;
			top: 18px;
			position: relative;
			/* border-top: 10px solid transparent; */
			border-bottom: 50px solid transparent;
			border-right: 42px solid #1f9c3d;
			position: relative;
			margin: -33px 0 0 -10%;
			background: #fff;
		}
		
	
	.headtop ul.topinfo li a{ 
		margin: 0;
		padding: 0.9em 1em 0.9em;
		text-decoration: none;
		font-weight: 400;
		color: #fff;
	}
	.headtop ul.topinfo li a i{ margin-right: 5px;}
	.headtop ul.topinfo li a:hover{ 
		
		border-radius: 3px;
	}
	
	.searchbox {
			padding: 1em 2em;
			width: 100%;
			text-align:center;
			margin:0 auto;
			background: #a2bae2;
			border-radius: 0;
			display: inline-block;
		}

/* Forms */

	form label {
		display: block;
		font-weight: 300;
		margin: 10px 0 0em 0;
    	font-size: 1.3em;
		color: #444;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="number"],
	form input[type="password"],
	form select,
	form textarea {
		-webkit-appearance: none;
		display: block;
		width: 100%;
		border-radius: 3px;
		border: solid 1px #cacaca;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="number"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			border-color: #936f55;
		}

	form input[type="text"],
	form input[type="email"],
	form input[type="number"],
	form input[type="password"] {
		line-height: 3em;
		padding: 0 1em;
		height: 47px;
	}

	form select {
		line-height: 3em;
		padding: 0 1em;
	}

	form textarea {
		min-height: 9em;
		padding: 1em;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
	}

	form :-moz-placeholder {
		color: #555 !important;
	}

	form ::-moz-placeholder {
		color: #555 !important;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

	form input[type="checkbox"] {
    display:none;
	}
	
	form input[type="checkbox"] + label {
		width: auto;
	}
	
	form input[type="checkbox"] + label span {
		display:inline-block;
		width:20px;
		height:20px;
		margin:7px 8px 5px 0px;
		vertical-align:middle;
		background:url(../images/check_radio_sheet.png) -1px 0px no-repeat;
		cursor:pointer;
		float:left;
	}
	
	form input[type="checkbox"]:checked + label span {
		background:url(../images/check_radio_sheet.png) -20px 0px no-repeat;
	}
	
	form input[type="radio"] {
		display:none;
		
	}
	
	form input[type="radio"] + label {
		font-weight:400;
		width: auto;
	}
	
	form input[type="radio"] + label span {
		display:inline-block;
		width:20px!important;
		height:20px;
		margin:-1px 10px 0 0px;
		vertical-align:middle;
		font-weight:300!important;
		background:url(../images/check_radio_sheet.png) -40px 0px no-repeat;
		cursor:pointer;
		float: none !important;
	}
	
	form input[type="radio"]:checked + label span {
		background:url(../images/check_radio_sheet.png) -59px 0px no-repeat;
		font-weight:300!important
	}


/* Currency Dropdown */

.currency-container {
  position: relative;
  width: 75px;
  display: inline-block;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  border: 1px solid #e9e9e9;
  border-radius: 3px;
  background: #e9e9e9;
}

.selected-currency {
  position: relative;
  padding: 7px 15px 7px 0;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  position: relative;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.selected-currency:hover {
  background: #e9e9e9;
}
.selected-currency:after {
  top: 20px;
  right: 10px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-top-color: #777;
  border-width: 5px;
  margin-left: -5px;
}

.currency-selector-native {
  display: none;
}

.currency-selector {
  position: absolute;
  top: 40px;
  width: 75px;
  background: #e9e9e9;
  padding: 0px 1px;
  padding-right: 8px;
  z-index: 1;
  border-radius: 4px;
  max-height: 150px;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  left: 0%;
  margin-left: 0%;
  -moz-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  -webkit-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  text-align:left;
}
.currency-selector.visible {
  opacity: 1;
  visibility: visible;
}

.currency-option {
  font-size: 17px;
  background: #F9F9F9;
  padding: 2px 6px;
  display:block;
  border-radius: 3px;
  margin-left: 8px;
  color: #797979;
  cursor: pointer;
  border-bottom: 2px solid #fff;
}

/* Newsletter Form */

	#newsletter-wrapper input,#newsletter-wrapper select {
			border: 0;
			box-shadow: none;
			padding: 0 10px;
			font-size: 1em!important;
			width:auto;
			display: inline-block;
			height: 50px;
			border-radius: 3px;
			vertical-align:middle;
			margin: 5px 0 5px;
		}
	#newsletter-wrapper  input[type="submit"] {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    -webkit-appearance: none;
    position: relative;
    display: inline-block;
    background: #000!important;
	font-family: 'Anton', sans-serif!important;
    color: #fff;
	height: 50px;
    text-decoration: none;
    border-radius: 3px;
    font-weight: 300;
    outline: 0;
    border: 0;
    cursor: pointer;
    font-size: 1em;
    padding: 0em 1.3em;
	margin: 0 10px;
	vertical-align:middle;
}


/* Tables */

	table {
		width: 100%;
	}

		table tr {
			border-top: solid 1px #eee;
		}

			table tr:first-child {
				border-top: 0;
			}

		table td {
			padding: 0.5em 1em 0.5em 1em;
		}

		table th {
			text-align: left;
			padding: 0.5em 1em 0.5em 1em;
			font-weight: 800;
			margin: 0 0 1em 0;
		}

		table thead {
			background: #404248;
			color: #fff;
		}

/* Image */

	.image {
		display: block;
		outline: 0;
		height: 325px;
		overflow:hidden;
		border: 1px solid #ddd;
	    padding: 1em;
	}

		.image img {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 auto;
			border-radius: 0px;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.featured {
			display: block;
			width: auto;
			margin: 0 0 1em 0;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2.5em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	.button {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #ffa800;
		color: #fff;
		text-decoration: none;
		border-radius: 0px;
		font-weight: 400;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.2em;
		padding: 0.3em 1em;
	}
	
	a.button-blue {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		background: #1350b4;
		color: #fff;
		text-decoration: none;
		border-radius: 0px;
		font-weight: 500;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.3em;
		padding: 0.6em 1.2em!important;
		display:inline-block;
		text-align:center;
		border: 0px!important;
		line-height:1.5;
	}
	
	a.button-yellow {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		background: #ffa800;
		color: #fff;
		text-decoration: none;
		border-radius: 0px;
		font-weight: 500;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.3em;
		padding: 0.6em 1.2em!important;
		display:inline-block;
		text-align:center;
		border: 0px!important;
		line-height:1.5;
	}
	
	a.button-green {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		color: #fff;
		background: #000;
		text-decoration: none;
		border-radius: 0px;
		font-weight: 500;
		outline: 0;
		border: 1px solid #00ff6a;
		cursor: pointer;
		padding: 0em 2em;
		display:inline-block;
		text-align:center;
	}
	
	.button-green:hover{ opacity: 0.9!important; color: #fff!important;}
	
	a.imghover { border: 1px solid rgba(0,0,0,0)!important; display:block;}
	a.imghover:hover{ opacity: 0.6!important; border: 1px solid rgba(0,0,0,0.3)!important;}
	
	
		input[type="button"].icon:before,
		input[type="submit"].icon:before,
		input[type="reset"].icon:before,
		button.icon:before,
		.button.icon:before {
			position: relative;
			margin-right: 0.5em;
			top: 0.05em;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover,
		a.button-blue:hover,
		a.button-yellow:hover {
			background: #444;
			color: #000;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active {
			background: #74f16c;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		.button.alt {
			background: #fff;
			background: rgba(255, 255, 255, 1);
			color: #1350b4;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			.button.alt:hover {
				background: #e8e8e8;
				background: rgba(255, 255, 255, 0.5);
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			.button.alt:active {
				background: #e4e4e4;
				background: rgba(0, 0, 0, 0.15);
			}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		.button.large {
			font-size: 2.25em;
			padding: 0.5em 0.7em;
		}
	
input[type="button"].small,
		input[type="submit"].small,
		input[type="reset"].small,
		.button.small  {
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		-webkit-appearance: none;
		position: relative;
		display: inline-block;
		background: #000;
		color: #fff;
		text-decoration: none;
		border-radius: 3px;
		font-weight: 600;
		outline: 0;
		border: 0;
		cursor: pointer;
		font-size: 1.2em;
		padding: 0.1em 1em;
	}

/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
		font-size:20px;
	}

		ul li {
			padding-left: 0.5em;
			font-size: 17px;
		}
		
		ul li img, ul li a img{ vertical-align:middle; }
		
		ul.style1 {
			list-style: none;
			padding-left: 0;
		}
		

			ul.style21 li {
				padding-left: 0;
			}
		
		ul.style2 {
			list-style: none;
			padding-left: 0;
		}

			ul.style2 li {
				padding: 0 0 1.5em 0;
				display: inline-block;
				width: 32%;
			}

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		list-style: none;
		padding-left: 0;
	}

		ul.actions li {
			display: inline-block;
			padding: 0 0 0 0.25em;
			margin: 0 0 0 0.25em;
		}

			ul.actions li:first-child {
				margin-left: 0;
				padding-left: 0;
			}

/* Menu */

	ul.menu {
		list-style: none;
		padding-left: 0;
		margin-bottom: 0px;
	}

		ul.menu li {
			border-left: solid 1px #e0e0e0;
			display: inline-block;
			padding: 0 0 0 0.75em;
			margin: 0 0 0 0.75em;
		}

		ul.menu li:first-child {
			border-left: 0;
			margin-left: 0;
			padding-left: 0;
		}

/* Price color */

	.prctag {
		color: #7abb58;
		font-weight: 600;
		margin: 0 0 1em;
		padding: 0;
		line-height: 1;
	}
	
	.dashboard-box {
		background: #936f55;
		border-radius: 6px;
		text-align: center!important;
		box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
		padding: 2em!important;
		width: auto;
	}
	
	.dashboard-box i{ color: #fff; }
	.dashboard-box .button {margin: 0 auto; float: none; display:ininline-block;}

/* Top 4 Box CSS */
	.discountbox {
		background-image: url(../../images/discntboxbg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		height: 150px;
		margin: 0;
	}

	.discountbox p{
		    font-size: 17px;
			font-weight: 400;
			color: #fff;
			line-height: 1.4;
			padding: 15px 10px 0 5px;
			text-align: center;
			margin: 0px 0 20px;
		}
	.discountbox span.dscntnumr {
		    font-size: 60px;
			display: block;
			line-height: 1;
			text-align: left;
			padding: 35px 0 0 0px;
			color: #f00;
			text-shadow: 0px 0px 5px rgb(255 255 255);
			font-family: arial;	
		}
	.discountbox p.dscntxt {
			margin: 0;
			text-align: center;
			padding: 0px;	
		}

/* Box */

	.box {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
		padding: 0em 2em;
	}

		.box.feature {
			padding: 0;
		}

			.box.feature .inner {
				padding: 1em 0;
			}

			.box.feature h2, .box.feature h2 a {
				font-size: 17px;
				padding: 0 0 10px;
				border-radius: 0;
				border: 0px;
				line-height:1.2;
				font-weight: 500;
			}
			.box.feature h2 a:hover{
				border: 0;
				background:none;
				color:#6b4123;	
			}
			
			.box.feature h5 {
				margin: 0 0 10px 0;
			}
			.box.feature h5 strike{color: red; margin: 0 10px;}

			.box.feature p {
				margin: 0 0 10px;
				line-height: 1.6;
			}
			
			.box.feature a{
				text-decoration: none;
				font-size: 1em;
				border:1px solid #cacaca;
				padding: 0.2em 0.6em;
				border-radius: 0.3em;
			}
			.box.feature a:hover{
				border:1px solid #f1f1f1;
				background: #f1f1f1;
			}
			
			.box.feature .image {
				position: relative;
				margin: 0;
				padding: 0em;
				height: auto;
				width: auto;
    			overflow: hidden;
			}

				.box.feature .image img {
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}

/* Icons */

	.icon {
		text-decoration: none;
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon:before {
			line-height: inherit;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

		.icon > .label {
			display: none;
		}

/* Cart Process Timeline */
.vcv-timeline {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  max-width: 95%;
  margin: 0em auto 2em;
  padding: 0;
  list-style-type: none;
  color: #a7a7a7;
}

.vcv-timeline-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  flex: 1 0 auto;
  padding: 0;
}
.vcv-timeline-item span{
		width: auto;
		white-space: nowrap;
	}

.vcv-timeline-item::before,
.vcv-timeline-item::after {
  content: '';
}
.vcv-timeline-item::before {
  content: attr(data-step);
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 0;
          flex: 0 0 32px;
  height: 32px;
  margin: 0 10px 0 0;
  border-radius: 50%;
  border: 2px solid #a7a7a7;
  color: #a7a7a7;
}
.vcv-timeline-item::after {
  height: 2px;
  background: #a7a7a7;
  width: 100%;
  margin: 0 10px;
}
.vcv-timeline-item:last-of-type {
  -webkit-box-flex: 0;
          flex: 0 0 120px;
}
.vcv-timeline-item:last-of-type::after {
  display: none;
}
.vcv-timeline-item.vcv-step-done::before {
  content: '';
  border-color: #aace35;
  background: #aace35 url("data:image/svg+xml,%0A%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Activation-Theme-to-Premium' transform='translate(-827.000000, -183.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cg id='Activation-02' transform='translate(342.000000, 172.000000)'%3E%3Cg id='Navigation' transform='translate(44.000000, 0.000000)'%3E%3Cg id='check' transform='translate(441.000000, 11.000000)'%3E%3Cpolygon id='Path' points='11.8606017 0 4.86058121 6.82615443 2.13952103 4.17292819 0 6.25973131 4.8606221 11 14 2.08684301'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
  background-size: 40%;
}
.vcv-timeline-item.vcv-step-done::after {
  background: #aace35;
}
@media screen and (max-width: 768px) {
	
	.slick-slide {
	  margin: 0px 0px!important;
	  padding: 2em 4em!important;
	}

  .vcv-timeline {
    margin-bottom: 50px;
  }
  .vcv-timeline-item {
    position: relative;
  }
  .vcv-timeline-item span {
    text-align: center;
    margin: 10px 0 0;
    position: absolute;
    top: 30px;
    width: 50%;
    left: 0;
    white-space: normal;
    line-height: 1.5;
    letter-spacing: -1px;
  }
  .vcv-timeline-item:last-of-type {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    margin: 0 30px 0 0;
  }
  .vcv-timeline-item::before {
    margin: 0;
  }
  .vcv-timeline-item::after {
    -webkit-box-flex: 0;
            flex: 0 1 auto;
  }
  
  #logo {padding: 0!important;margin: 0 auto;}
  #logo img {width: 60%;}
  #header { position: relative!important; }
  .headtop { position: relative!important; padding-top: 35px!important;}
  .headtop ul.topinfo {width: 105%; margin-right: -10px;}
  .headtop ul.topinfo li{font-size: 17px;height: 40px;}
  .headtop ul.topinfo li.trincornr {display: none;}
  #header ul.sociallinks { width:100%!important; text-align:center; }
  #header h3.brownclr {
    text-align: center;
    width: 100%;}
  .nav-dots {
    position: absolute!important; z-index: 0!important;}
  
}

/* Status */

	.pending {
			background: #ffb714;
			color: #fff;
			text-decoration: none;
			border-radius: 3px;
			font-weight: 600;
			outline: 0;
			border: 0;
			cursor: pointer;
			font-size: 13px;
			text-decoration: none!important;
			padding: 0.2em 0.5em 0.3em;
		}
	.completed {
			background: #60b700;
			color: #fff;
			text-decoration: none;
			border-radius: 3px;
			font-weight: 600;
			outline: 0;
			border: 0;
			cursor: pointer;
			font-size: 13px;
			text-decoration: none!important;
			padding: 0.2em 0.5em 0.3em;
		}
	.shipped {
			background: #14b3ff;
			color: #fff;
			text-decoration: none;
			border-radius: 3px;
			font-weight: 600;
			outline: 0;
			border: 0;
			cursor: pointer;
			font-size: 13px;
			text-decoration: none!important;
			padding: 0.2em 0.5em 0.3em;
		}
	.text-white {color: #fff!important;}

/* Widgets */

	.widget.thumbnails .grid {
		margin: 0 0 0em 0;
	}

	.widget.thumbnails .image {
		margin: 0;
	}

	.widget.contact ul {
		list-style: none;
		padding-left: 0;
		overflow: hidden;
		position: relative;
		left: -4px;
		top: 4px;
		margin-bottom: 1.5em;
	}

		.widget.contact ul li {
			display: inline-block;
			margin-right: 0.25em;
			padding-left: 0em;
		}
		.widget.contact ul li.col-12{
				width: 99%!important;	
			}
		.widget.contact ul li.col-6{
				width: 49%!important;	
			}

			.widget.contact ul li a {
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				display: inline-block;
				text-align: center;
				line-height: 2.5em;
				border-radius: 0.35em;
				color: #000;
				outline: 0;
				opacity: 1;
				text-decoration: none;
				
			}

				.widget.contact ul li a:before {
					
					font-size: 1.5em;
					line-height: inherit;
				}

				.widget.contact ul li a:hover {
					background: #f1f1f1;
				}

				.widget.contact ul li a:active {
					background: #666666;
				}
				
				.widget.contact i{color: #1350b4;}
				
				.sociallinks { padding: 0px; margin: 3px 0!important; }
				.sociallinks ul {margin: 10px auto;}
				.sociallinks ul li {display:inline; margin:0; padding:0; }
				.sociallinks ul li a.brands{
					color: #fff!important;
					width: 50px;
					font-size: 1.5em;
					display: inline-block;
					height: 50px;
					border-radius: 100%;
					padding: 8px 10px;
					text-align: center;
				}
				
				.sociallinks ul li a.fa-youtube,.sociallinks ul li a.fa-twitter,.sociallinks ul li a.fa-facebook-f,.sociallinks ul li a.fa-tripadvisor,.sociallinks ul li a.fa-pinterest,.sociallinks ul li a.fa-instagram { background: #8d8d8d; color: #fff; }
				
				.sociallinks ul li a:hover.fa-youtube{ background: #e22c2c!important; color: #fff!important; }
				.sociallinks ul li a:hover.fa-twitter{ background: #51bcff!important; color: #fff!important; }
				.sociallinks ul li a:hover.fa-facebook-f{ background: #5898da!important; color: #fff!important; }
				.sociallinks ul li a:hover.fa-tripadvisor{ background: #31d99b!important; color: #fff!important; }
				.sociallinks ul li a:hover.fa-pinterest{ background: #E60023!important; color: #fff!important; }
				.sociallinks ul li a:hover.fa-instagram{ background: radial-gradient(circle at 15% 100%, #fdf497 0%, #fdf497 15%, #fd5949 45%, #d6249f 50%, #285AEB 100%)!important;  color: #fff!important; }
				
				.sociallinks ul li a:hover.brands{
					background: #ccc;
					color: #fff;
					border-radius: 100%;
					text-align: center;
				}
				

				.profilesocial { padding: 0px; }
				.profilesocial ul {margin: 0px 0 !important; padding:0px!important; list-style-type:none;}
				.profilesocial ul li {display:inline; margin:0 20px 0 0; padding:0; }
				.profilesocial ul li a.brands{
					color: #000!important;
					width: 30px;
					font-size: 25px;
					display: inline-block;
					height:30px;
					border-radius: 100%;
					padding: 0px 10px 0 0;
					text-align: center;
				}
				
				.profilesocial ul li a.fa-youtube{ background: #fff; color: #000; }
				.profilesocial ul li a.fa-twitter{ background: #fff; color: #000; }
				.profilesocial ul li a.fa-facebook-f{ background: #fff; color: #000; }
				.profilesocial ul li a.fa-instagram{ background: #fff; color: #000; }
				
				.profilesocial ul li a:hover.fa-youtube{ background: #fff!important; color: #e22c2c!important; }
				.profilesocial ul li a:hover.fa-twitter{ background: #fff!important; color: #51bcff!important; }
				.profilesocial ul li a:hover.fa-facebook-f{ background: #fff!important; color: #5898da!important; }
				.profilesocial ul li a:hover.fa-instagram{ background: #fff!important; color: #d037c9!important; }
				
				.profilesocial ul li a:hover.brands{
					background: #ccc;
					color: #fff;
					border-radius: 100%;
					padding: 0px 10px 0 0 ;
					text-align: center;
				}
				
				

/* Wrappers */

	#header-wrapper {
		padding: 0em 0 0em 0;
	}

	#features-wrapper {
		padding: 2em 0 3em 0;
	}

	#main-wrapper {
		background: #f4f4f4;
		box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
		padding: 2em 0 1em;
    	margin-bottom: 1em;
	}
	#grn-wrapper {
			padding: 0.5em 0 0.5em;
			background: #1c5a3c;
			font-size: 25px;
			color: #fff;
		}
	#grn-wrapper p{
			margin: 0;
				
		}
	
	#newsletter-wrapper {
		background: #fdcd08;
		padding: 1em 0 1.3em;
		font-family: 'Anton', sans-serif!important;
		color: #fff;
		font-size: 1.3em;
		font-weight: 500;
		margin: 0em;
	}
	
	#newsletter-wrapper h3{
		font-size: 30px;
		font-weight: 300;
		vertical-align: middle;
		font-family: 'Anton', sans-serif!important;	
	}
	
	#logo-wrapper {
		background: #a3bbe2;
		padding: 1.5em;
		margin: 0 auto 2em;
		border-radius: 4px;
	}	

	#footer-wrapper {
		padding: 3em 0 0em 0;
		background: #fff;
	}

/* Header */
	
	#header {
		position: relative;
		background: linear-gradient(-28deg, rgba(253,205,8,0.7) 73%, rgba(0, 246, 255,0.7) 27%);
		background: -webkit-linear-gradient(-28deg, rgba(253,205,8,0.7) 73%, rgba(0, 246, 255,0.7) 27%);
		background: -moz-linear-gradient(-28deg, rgba(253,205,8,0.7) 73%, rgba(0, 246, 255,0.7) 27%);
		width: 100%;
		z-index: 99;
		font-family: 'Anton', sans-serif;
		position: absolute;
	}
	#header a { color: #fff; font-size:17px; margin:3px 0; display:inline-block; line-height:2; padding:0; }
	#header h3 { font-size:16px; margin:8px 0; padding:0;display: inline-block; }
	#header h3.brownclr { color:#873920; }
	
	#header img.slantcorner { margin: -46px -31px 0 0; }
	
	#header ul.sociallinks { width: auto; display: inline-block; list-style: none; margin:0px!important; padding:0; float:right;}
	#header ul.sociallinks li { display: inline-block; list-style: none; margin:0; padding:0; vertical-align:text-bottom;}
	#header ul.sociallinks li a{ font-size: 15px; display:inline-block; text-align:center; padding:0 0 10px; margin:0; border: 2px solid #000; border-radius: 100%; width: 28px; height: 28px; color:#000; line-height: 1.6;}
	

/* Logo */

	#logo {
		display: inline-block;
		padding: 25px 0 0 0em;
	}

	#logo h1 {
		background: #ff4486;
		color: #fff;
		border-radius: 6px;
		font-weight: 400;
		padding: 0.25em 0.2em 0.25em 0.2em;
		font-size: 3.25em;
		letter-spacing: 0.05em;
		display: inline-block;
		vertical-align: middle;
	}

	#logo span {
		font-weight: 800;
		line-height: 1em;
		letter-spacing: 0.025em;
		font-size: 1.5em;
		vertical-align: middle;
		margin: 0 0 0 0.5em;
	}

/* Nav */

	#nav {
		position: relative;
		float: right;
		font-size: 15px;
		margin: 20px 0em;
	}

		#nav ul {
			list-style: none;
			padding-left: 0;
			padding-top: 0px;
		}

			#nav ul li {
				float: left;
				padding-left: 0em;
			}

				#nav ul li a, #nav ul li span {
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					font-weight: 400;
					letter-spacing: 0em;
					font-size: 15px;
					color: #fff;
					text-decoration: none;
					border-radius: 2px;
					padding: 0em 2em;
					margin-right: 0em;
					margin-left: 60px;
				}
				
				#nav ul li a.link{color: #fff; font-weight: 600; font-size:1.05em; }

				#nav ul li > ul {
					display: none;
				}

				#nav ul li a:hover {
					color: #00ff6a;
				}

				#nav ul li.active a, #nav ul li.active span {
					color: #00ff6a;
				}

				#nav ul li.current a {
					color: #00ff6a;
				}

	.dropotron {
		background: #fff;
		letter-spacing: 0.025em;
		color: #696969;
		text-decoration: none;
		border-radius: 6px;
		padding: 0.75em 0;
		min-width: 15em;
		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0.25em 0.25em 0.1em rgba(0, 0, 0, 0.025);
		margin-top: calc(-0.75em + 1px);
		margin-left: -1px;
		list-style: none;
		padding-left: 0;
	}

		.dropotron li {
			border-top: solid 1px #eee;
			line-height: 3em;
			padding-left: 0;
		}

			.dropotron li:first-child {
				border-top: 0;
			}

			.dropotron li > a, .dropotron li > span {
				-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
				transition: color .25s ease-in-out, background-color .25s ease-in-out;
				text-decoration: none;
				color: inherit;
				display: block;
				padding: 0 1.5em;
			}

				.dropotron li > a:hover, .dropotron li > span:hover {
					background: #eee;
				}

			.dropotron li.active > a, .dropotron li.active > span {
				background: #eee;
			}

		.dropotron.level-0 {
			font-size: 0.8em;
			margin-left: 1.5em;
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				position: absolute;
				top: -0.5em;
				left: 1em;
				border-bottom: solid 0.75em #ffffff;
				border-left: solid 0.75em transparent;
				border-right: solid 0.75em transparent;
				z-index: 1;
			}

/* Banner */

	#banner {
		position: relative;
		padding: 4em;
		margin-bottom: 2.5em;
	}
	
	#banner .text-white {color: #fff!important;}

		#banner h1 {
			font-size: 3em;
			font-weight: 600;
			margin: 0em;
			text-align:center;
			color: #fff;
		}
		
		#banner h2 {
			font-size: 3.5em;
			margin: 0.1em 0 0.35em 0;
		}

		#banner p {
			font-size: 2.75em;
			line-height: 1.35em;
			margin: 0;
		}

		#banner .button {
			width: 100%;
			margin-bottom: 0.5em;
		}

		#banner .button.icon:before {
			position: absolute;
			right: 0.15em;
			top: 50%;
			margin-top: -0.8em;
		}

		#banner .button.alt {
			margin-bottom: 0;
		}

		#banner ul {
			list-style: none;
			padding-left: 0;
			margin: 0 0 0 2em;
		}

			#banner ul li {
				padding-left: 0;
			}
			
		

/* Footer */

	#footer {
		margin-top: 0;
		padding-bottom: 1em;
		font-weight: 400;
	}

	#footer a {
		color: #000;
	}
	
	#footer a:hover {
		color: #00ff6a;
		text-decoration: none;
	}
	#footer a:active, #footer a.active{
		color: #00ff6a;
	}
	
	#footer ul, ul.menu{ font-size: 16px;margin-bottom: 0px!important;}
	
	#footer h2{ 
		color: #000; font-size:	25px; font-weight: 600; margin: 0em 0 12px 8px; font-family: 'Anton', sans-serif;
	}
	
	#footer h3{ 
		color: #000; font-weight: 600; margin-bottom: 1em;
	}

	#copyright {
		color: #000;
		padding: 1em 0;
		text-align: center;
		background: #00f6ff;
		font-weight: 400;
	}

		#copyright a {
			color: inherit;
		}

	.threedboxes{ padding:1em; width:90%; margin:3em auto; background: #000; box-shadow: -20px 20px 0px rgb(0 0 0); text-align:center;
			 -webkit-transition: 1s cubic-bezier(.5, 1, .75, 1);
			 -moz-transition: 1s cubic-bezier(.5, 1, .75, 1);
		  	 transition: 1s cubic-bezier(.5, 1, .75, 1);	
		 }
		.threedboxes:hover{
		 	-webkit-transform: rotateY(180deg);
			-moz-transform: rotateY(180deg);   
			transform: rotateY(180deg);
		 	
		}
		.threedboxes h2 { font-family: 'Zen Tokyo Zoo', cursive; color:#fff; font-size: 22px; margin: 0 0 15px; padding:0; text-align:center; line-height: 1; }
		.threedboxes h2 span.bigtxt{font-size: 80px!important;font-family: 'Zen Tokyo Zoo', cursive; line-height:0;}
		.pink-border{ border: 20px solid #e200b5; text-align:center; }
		.pink-button { background:#e200b5; color: #000; text-align:center; font-size: 20px; padding: 5px 30px; margin-top:10px; font-weight: 600; display:inline-block; }
		.blue-border{ border: 20px solid #00b4ff; text-align:center; }
		.blue-button { background:#00b4ff; color: #000; text-align:center; font-size: 20px; padding: 5px 30px; margin-top:10px; font-weight: 600; display:inline-block; }
		.yellow-border{ border: 20px solid #f9c12b; text-align:center; }
		.yellow-button { background:#f9c12b; color: #000; text-align:center; font-size: 20px; padding: 5px 30px; margin-top:10px; font-weight: 600; display:inline-block; }
		
		.yellowinfobox {
		   margin: 0 auto;
		   padding: 4em 13em 3em;
		   width: 100%;
		   background:#f18421;
		   max-width: 100%;
		   text-align: center;
		}
		
		.yellowinfobox h2 {font-weight: 500; font-size:35px!important; margin: 0 auto 1em!important;}
		.yellowinfobox h2 strong{font-weight: 900}
		
		.yellowinfobox h3 {font-weight: 500; line-height:1.5; font-size:25px!important;margin: 0 auto 1em!important;}
		.yellowinfobox h3 strong{font-weight: 700}
		
		.yellowinfobox p { font-weight: 300; line-height:1.4; font-size: 22px!important;}
		.yellowinfobox a { color: #ffe742;}	
		
		
/* XLarge */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}
				
	}

/* Large */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}

	}

/* Medium */

	#navPanel, #navToggle {
		display: none;
	}
	
	.mobilehide{ display: block!important; }
	.mobileshow{ display: none!important; }
	
	@media screen and (max-width: 980px) {

		/* Basic */
		
			.mobilehide { display: none!important; }
			.mobileshow { display: block!important; }

			html, body {
				overflow-x: hidden;
			}

			body, input, select, textarea {
				font-size: 11pt;
			}

		/* Section/Article */

			section, article {
				clear: both;
				margin-bottom: 3em !important;
			}

			section.last, article.last {
				margin-bottom: 0 !important;
			}

		/* Image */

			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}

		/* Menu */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}
		

		/* Actions */

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 100%;
				text-align: center;
				font-size: 1.35em;
				padding: 0.5em 0 !important;
			}

				input[type="button"].icon,
				input[type="submit"].icon,
				input[type="reset"].icon,
				button.icon,
				.button.icon {
					padding-right: 0.75em !important;
				}

					input[type="button"].icon:before,
					input[type="submit"].icon:before,
					input[type="reset"].icon:before,
					button.icon:before,
					.button.icon:before {
						margin-right: 0.5em;
						top: 0.05em;
					}
		
			.widget.contact ul li.col-6 {
				width: 100%!important;	
			}

		/* Wrappers */

			#header-wrapper {
				padding: 3em 0 1em 0;
				text-align: center;
			}

			#footer-wrapper {
				padding: 6em 0 4em 0;
			}

		/* Header */

			#header {
				margin: 0 auto;
				position: fixed;
				z-index: 1;
			}

		/* Logo */

			#logo span {
				display: block;
				margin: 0;
			}

		/* Nav */

			#nav {
				display: none;
			}

		/* Banner */

			#banner {
				padding: 4.5em 3em;
				text-align: center;
			}

				#banner ul {
					margin: 2em 0 0 0;
				}

				#banner .button.icon:before {
					position: relative;
					right: auto;
					top: auto;
				}

		/* Content */

			#content {
				border-bottom: solid 1px #e8e8e8;
				padding: 4em 0;
				margin-bottom: 0 !important;
			}

				#content > :last-child {
					margin-bottom: 0 !important;
				}

			#sidebar {
				border: 1px solid #ddd;
				padding: 1em 2em;
				background: #f1f1f1;
			}
			
			#sidebar > :last-child {
				margin-bottom: 0 !important;
			}

		/* Footer */

			#copyright {
				padding: 0;
			}

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#navToggle {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				right: -30px;
				position: fixed;
				font-family: 'Font Awesome 5 Free'!important;
				top: 0;
				width: 25%;
				z-index:99;
			}

				#navToggle .toggle {
					text-decoration: none;
					width: 70px;
					height: 50px;
					opacity: 1;
				}

					#navToggle .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#navToggle .toggle:before {
						display: inline-block;
						text-decoration: none;
						position: absolute;
						left: 6px;
						top: 6px;
						background: transparent;
						width: 58px;
						height: 38px;
						border-radius: 6px;
						content: '\f0c9';
						color: #fff;
						text-align: center;
						line-height: 38px;
						font-size: 20px;
					}
					
					#navPanel a.times-circle-o
					{ 	color: #00ff6a!important;
						font-family: 'arial';
						font-size: 12px!important;
						font-weight: 700;
						text-align: center;
						line-height: 23px;
						margin-top: 20px;
						font-size: 20px; float: right; border:2px solid #00ff6a; width: 25px; height: 25px; border-radius: 100%;}
					

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-100%);
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10002;
				background: #000;
				box-shadow: inset -3px 0px 0px 0px #dfdfdf;
				padding: 0 23px 0 20px;
			}
			
			
			#navPanel nav{
				padding-top: 20%;
				width: 90%;
				margin: 0 auto;	
			}

			#navPanel .link {
				display: block;
				text-decoration: none;
				height: 50px;
				line-height: 50px;
				text-align: center;
				color: #fff!important;
				font-size: 20px;
			}
		#navPanel .link:hover{ color: #444;}	
		#navPanel .link:nth-child(5) {display: block; background:url(../../images/color-logo-icon-mobile.gif) no-repeat center center; height: 130px;}
		#navPanel .link:nth-child(6) {display: none;}

		#navPanel .link:last-child {
				color: #fff;
				background: #000;
				text-decoration: none;
				border-radius: 0px;
				font-weight: 500;
				outline: 0;
				border: 1px solid #00ff6a;
				cursor: pointer;
				padding: 0em 2em;
				display: block;
				text-align: center;
			}		

		#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #c5c5c5;
					font-weight: 800;
				}
				
			
			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(100%);
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
			}

			body.navPanel-visible #navToggle {
				-moz-transform: translateX(100%);
				-webkit-transform: translateX(100%);
				-ms-transform: translateX(100%);
				transform: translateX(100%);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
		
		.headtop {
			right: 10px;
			position: absolute;
			top: 0;	
			padding: 15px 1em 10px;
		}
		
	}

/* Small */

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

		/* Basic */

			body, input, select, textarea {
				line-height: 2em;
			}

			h2, h3, h4, h5, h6 {
				font-size: 15pt!important;
				margin: 1em 0;
			}

		/* Section/Article */

			section, article {
				clear: both;
				margin-bottom: 0em!important;
				height: auto!important;
				padding: 0em;
				min-height: auto!important;
			}
			
				section.last, article.last {
					margin-bottom: 0 !important;
				}
			
			.section .bigtxt {
    				font-size: 31px!important;
				
				}
				
			.section .text-big {
    				font-size: 45px!important;
				
				}
				
			.section .subbghead {
   				
				 font-size: 15px!important;
				
				}
				
			ul.style2 li {
				padding: 5px 0;
			}
				
			.faqsrchfrm { margin: 0; padding: 0px; background: transparent; height: auto; }
			.faqsrchfrm input[type="text"] { padding: 0 1em 0 20px; height: auto; }
			
			.section .container_fluid {padding: 0 1em!important;}
			
			.dwnldfrm input[type="text"],.dwnldfrm input[type="submit"] { width: 100%; height: 45px; padding: 0 10px;}
			
			.section .width1k {
				margin-top: -70%!important;
				padding: 0 1em;
			}
			
			.mw-100 { width: 100%!important; }
			
			.section.section-last { margin-top: 0px!important; }
			
			.mobilehide { display: none!important; }
			.mobileshow { display: block!important; }
			.videobox video { height: auto!important; }
			
			.hero-wrapper{position: relative!important;height: auto!important; margin-bottom: -10px;}
			.hero-wrapper video { width: auto;
					max-width: initial;
					height: 600px; }
					
			.hero video { width: auto;
					max-width: initial;
					height: 600px; }
			
			.transbgnopadd{ padding: 0px!important;
    						background: rgba(0,0,0,0)!important; }

		/* Image */

			.image.left {
				width: 25%;
				margin-bottom: 2em !important;
			}

		/* Menu */

			ul.menu li {
				display: block;
				border: 0 !important;
				padding: 0 !important;
				margin: 0 !important;
			}

		/* Actions */

			ul.actions li {
				display: block;
				padding: 0;
				margin: 1em 0 0 0;
			}

				ul.actions li:first-child {
					margin-top: 0;
				}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				width: 100%;
				text-align: center;
				font-size: 1.25em !important;
				padding: 0em 0 !important;
			}

				input[type="button"].icon,
				input[type="submit"].icon,
				input[type="reset"].icon,
				button.icon,
				.button.icon {
					padding-right: 0.75em !important;
				}

					input[type="button"].icon:before,
					input[type="submit"].icon:before,
					input[type="reset"].icon:before,
					button.icon:before,
					.button.icon:before {
						margin-right: 0.5em;
						top: 0.05em;
					}

		/* Box */

			.box {
				padding: 15px 15px 15px 15px;
				margin: 0;
			}

				.box.feature {
					margin: 20px 0 0 0 !important;
					padding: 0;
				}

					.box.feature .inner {
						padding: 15px 0;
					}

					.box.feature p {
						margin: 0;
					}

					.box.feature .image {
						position: relative;
						margin: 0;
					}

						.box.feature .image img {
							border-bottom-left-radius: 0;
							border-bottom-right-radius: 0;
						}

		/* Widgets */

			.widget.thumbnails .image {
				margin: 0;
			}

			.widget.thumbnails .x {
				padding: 1em 0.5em 0 0;
			}

			.widget.thumbnails .y {
				padding: 1em 0 0 0.5em;
			}

			.widget.thumbnails .row:first-child .x, .widget.thumbnails .row:first-child .y {
				padding-top: 0;
			}

		/* Wrappers */

			#header-wrapper {
				padding: 0em 0 0em 0;
			}

			#banner-wrapper {
				padding: 0 ;
			}

			#features-wrapper {
				padding: 0 15px 10px 15px;
			}
			
			#grn-wrapper {
					font-weight: 500;
					background: #1c5a3c;
					font-size: 22px;
					padding: 20px;
					margin: -14px 0 0;
				}

			#main-wrapper, #footer-wrapper {
				padding: 10px 30px 10px 30px;
			}

		/* Logo */

			#logo h1 {
				font-size: 2.75em;
				padding: 0.2em 0.275em;
			}

			#logo span {
				line-height: 3em;
			}

		/* Banner */

			#banner {
				text-align: center;
				padding: 15px 15px 15px 15px;
				margin: 0 auto !important;
			}

				#banner h2 {
					font-size: 2em;
					margin: 0.75em 0 0.5em 0;
				}

				#banner p {
					font-size: 1.5em;
					line-height: 1.5em;
					margin: 0;
				}

				#banner ul {
					margin: 0;
				}

				#banner .button {
					margin: 0 0 1em 0;
				}

		/* Content */

			#content {
				padding: 1em;
			}
		
		/* Newsletter */
		
		#newsletter-wrapper {
				padding: 1em;
    			font-size: 1em;
			}
		#newsletter-wrapper input {
				width: 100%;
			}
		
		ul.style2 li {
			padding-left: 0;
			display: block;
			width: 100%;
		}
		
		.mobilehide { display: none!important; }
		.mobileshow { display: block!important; }
		

		/* Footer */

			#footer section {
				border-bottom: solid 1px #ccc;
				padding-bottom: 3em;
				margin-bottom: 1em !important;
			}

			#copyright {
				text-align: center;
				padding: 10px 1em;
				line-height: 1.5;
			}

	}
	

/* accordion style */

/* Styles for Accordion */
.toggle:last-child {
  border-bottom: 1px solid #dddddd;
}
.toggle .toggle-title {
  position: relative;
  display: block;
  border-top: 1px solid #dddddd;
  margin-bottom: 6px;
}
.toggle .toggle-title h3 {
  font-size: 20px;
  margin: 0px;
  line-height: 1;
  cursor: pointer;
  font-weight: 200;
}
.toggle .toggle-inner {
  padding: 7px 25px 10px 25px;
  display: none;
  margin: -7px 0 6px;
}
.toggle .toggle-inner div {
  max-width: 100%;
}
.toggle .toggle-title .title-name {
  display: block;
  padding: 25px 25px 14px;
  font-weight: 400;
}
.toggle .toggle-title a i {
  font-size: 22px;
  margin-right: 5px;
}
.toggle .toggle-title i {
  position: absolute;
  background: url("../images/plus-minus.png") -15px -5px no-repeat;
  width: 25px;
  height: 25px;
  transition: all 0.3s ease;
  margin: 20px;
  right: 0;
}
.toggle .toggle-title.active i {
  background: url("../images/plus-minus.png") -15px -28px no-repeat;
}


video {
  width: 100%;
  max-width: 100%;
}
.slides .slide .videobox {width: 100%!important; overflow: hidden; margin: 0 auto;}
.videobox video {
    width: 800px;
    max-width: 100%;
	margin:0; padding:0;
}

.stretch {
  height: auto;
  background: tomato;
  min-height: 100%;
  min-width: 100%;
  background-size: cover;
  margin-top: 0px;
}
.stretch h1 {
  padding: 20px;
}

.hero-wrapper {
  position: fixed;
  top: 0px;
  right: 0;
  width: auto;
  min-height: 100%;
  min-width: 100%;
  z-index: -9999;
}

.video__overlay {
  top: 0;
  right: 0;
  bottom: 0px;
  left: 0;
  position: absolute;
  z-index: 2;
  opacity:1;
  background: url("../images/hp-video-overlay.png") center center no-repeat;
  background-size: 100%;
  height:131%;
}

.hero-wrapper{position: relative;height: 900px;}
.hero-wrapper video { width:100%;
	max-width: initial;
	height: auto; }
	
.hero video { width: 100%;
	max-width: initial;
	height: 100%; }

/* VERTICAL SLIDER CSS */

.nav-dots {
  position: fixed;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  cursor: pointer;
  z-index: 9999999;
}

.nav-dot {
  width: 20px;
  height: 20px;
  border: 2px solid #00ff6a;
  border-radius: 50%;
  list-style: none;
  background: transparent;
  transition: all 0.3s;
}
.nav-dot:not(:last-of-type) {
  margin-bottom: 15px;
}
.nav-dot:hover, .nav-dot.is-active {
  transform: scale(1);
  background: #00ff6a;
}

.section {
  justify-content: center;
  align-content: center;
  min-height: auto;
  height: auto;
}
.section .width1k{width: 1100px !important;margin-top: 15%;}

.section.section-last {
  margin-top:-10px;
  height: auto!important;
}

.section__heading {
  margin: 0;
  color: white;
  font-size: 32px;
  text-transform: capitalize;
}

.section h1{
  font-size: 51px;
}
.section h2{
  font-size: 41px;
}
.section h4{
  font-size: 25px;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
.section h5{
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: inline-block;
}

.section .sfpro-regular { font-family: 'Poppins', sans-serif!important; font-weight: 200;}
.section .text-large {  Font-size: 120px!important; font-family: 'Poppins', sans-serif!important; font-weight: 700;line-height: 1; }

.section p{
  font-size: 17px;
}

.section .container_fluid { display: inline-block; width: 100%; padding: 1em; }
.section .container_fluid.bgdark { background: rgba(0,0,0,1); }
.section .container_fluid.bgdark h1,.section .container_fluid.bgdark h2,.section .container_fluid.bgdark h3,.section .container_fluid.bgdark p { color: #fff; line-height:1.2; }

.section .container_fluid.bglight { background: rgba(255,255,255,1)!important; padding: 0 0 1em; margin:0 ;}
.section .container_fluid.bglight h1,.slides .slide .container_fluid.bglight h2,.slides .slide .container_fluid.bglight h3,.slides .slide .section .container_fluid.bglight p { color: #000; line-height:1.2; }

.bgdark { background: rgba(0,0,0,1); }

.section .container_fluid p { font-size: 20px!important;font-family: 'Poppins', sans-serif; font-weight:300; line-height: 1.3!important;}
.section h2,.section h3{margin: 0; padding:0;}
.section .bigtxt{font-size: 41px; color: #fff;font-family: 'Poppins', sans-serif; font-weight: 500; text-shadow: 0 0 0px rgba(0,0,0,0.7); margin:0; padding:0;}
.section .subbghead{font-size: 20px; color: #fff; font-family: 'Poppins', sans-serif; display:inline; margin:0; padding: 0px 2px!important; font-weight: 600;}


/* horizontal image slider */

 .slider-hp {
	 display: flex;
	 height: auto;
	 max-height: auto;
	 overflow-y: hidden;
	 overflow-x: scroll !important;
	 padding: 16px;
	 transform: scroll(calc(var(--i,0)/var(--n)*-100%));
	 scroll-behavior: smooth;
}
 .slider-hp::-webkit-scrollbar {
	 height: 5px;
	 width: 150px;
	 display: none;
}
 .slider-hp::-webkit-scrollbar-track {
	 background: transparent;
}
 .slider-hp::-webkit-scrollbar-thumb {
	 background: #888;
}
 .slider-hp::-webkit-scrollbar-thumb:hover {
	 background: #555;
}
 .slider-hp img:hover {
	 transform: scale(1.05);
	 box-shadow: 10px 10px 10px rgba(0,0,0,0.15);
}
 .slide {
	 position: relative;
}
 .slide img {
	 height: 100%;
	 width: 250px;
	 margin: 0 10px;
	 object-fit: cover;
	 border-radius: 15px;
	 cursor: pointer;
	 transition: .25s ease-in-out;
}
 .control-prev-btn {
 	position: absolute;
	margin-top: 4%;
	left: 0;
	background-color: rgba(255,255,255,0.55);
	height: 50px;
	line-height: 50px;
	width: 45px;
	text-align: center;
	box-shadow: 0 1px 3px #888;
	user-select: none;
	color: #444;
	cursor: pointer;
}
 .control-next-btn {
 	 position: absolute;
	 margin-top: 4%;
	 right: 0;
	 background-color: rgba(255,255,255,0.55);
	 height: 50px;
	 line-height: 50px;
	 width: 45px;
	 text-align: center;
	 box-shadow: 0 1px 3px #888;
	 user-select: none;
	 color: #444;
	 cursor: pointer;
}
.slide img.zoomed{
	width: 800px;
    height: auto;
    position: fixed;
    left: 20%;
    top: 10%;
    z-index: 1000;
	transform: scale(1) translatey(0) !important; 
	
}
.overlay-hp{
	display: none;
}
.overlay-hp.active{
	position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.8);
    top: 0;
	z-index:999;
	display: block;
}
 @media only screen and (max-width: 420px) {
	 .slider-hp {
		 padding: 0;
	}
	 .slide {
		 padding: 16px 10px;
	}
	 .slide img {
		 margin: 0;
	}
	.slide img.zoomed {
		 width: 90%;
		 left: 5%;
	}
	 .control-prev-btn {
		 display:none;
	}
	 .control-next-btn {
		 display:none;
	}
}