body{
	width:100%;
	margin:0px;
	padding:0px;
	top:0;
	font-family: 'Tahoma', sans-serif;
	font-size:100%;
}

#main{
	visibility:visible;width:100%;overflow:hidden;
	float:left;
	min-height:100px;
	margin-top:87px;
    background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAAHUlEQVQYlWNgIBZ8eLr7PxUlYYLoNE4FpNlJPQAAxQMgCIy88tMAAAAASUVORK5CYII=
) repeat;
}
#header{
  visibility:visible;width:100%;
  background: linear-gradient(#FFFFE8, #FFFFDE); 
  background-color:#FFFFDE;
  background-size: 105px 105px;
	padding-bottom:10px;
	position:fixed;z-index:9999;
}
.navigation { position: fixed; 
	top: 0; 
	left: 0; 
	right: 0;  }

	#nav {
		cursor: default;
		background-color: #333;
		background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3));
		padding: 0;
	}
.headline1 {
font-family: Georgia, "Book Antiqua", Palatino, serif;
font-size:40pt;
letter-spacing: 0.1em;word-spacing: 0.1em;
color:#e1e1e1;
font-variant:small-caps;
text-align:center;
font-weight:bold;
z-index:999;
padding:15px 0px 5px 0px; 
  text-shadow:
   -1px -1px 1px #000,  
    1px -1px 1px #000,
    -1px 1px 1px #000,
     1px 1px 1px #000;
}
.headline2 {
font-family: 'Garamond,', sans-serif;
font-size:30pt;line-height:25px;
letter-spacing: 0.1em;word-spacing: 0.1em;
color:#e1e1e1;
font-variant:small-caps;
text-align:center;
font-weight:bold;
padding:10px 0px 10px 0px; 
  text-shadow:
   -1px -1px 1px #000,  
    1px -1px 1px #000,
    -1px 1px 1px #000,
     1px 1px 1px #000;
}
h1 {
    font-size: 2.5em; /* 40px/16=2.5em */
}

h2 {
    font-size: 1.875em;text-align:center; /* 30px/16=1.875em */
}
h1,h2{ margin-top:10px;
}
h3 {font-size: 1.25em;text-align:center; }
hr{
	color:#d5d5d5;
	background-color:#d5d5d5;
	height:1px;
	border:none;
}
ul {
  list-style: none;
  text-align:left;
}


img {
    max-width: 100%;
    height: auto;
}
iframe { border:0;margin:0;padding:0; }
.quote { border-top:2px solid #fc3; border-bottom:1px dashed #eee;width: 50%;
margin: 0 auto;text-align: center;background:#fefefe; }

.ilogo{ z-index:999; }
.pageInstruction { margin-top:20px;clear:both; }
a {text-decoration:none;color:#fc3; }
a, .trans{  transition: color 0.25s linear; }
a:hover, .trans:hover, a:focus, .trans:focus, input, input:focus, textarea, textarea:focus, select, select:focus, table td {  color:#838383;transition: all 377ms ease-in-out 0s;
}
p { padding:1%; }

.list-type3  {
list-style:none;
margin:0 auto;
}
.list-type3 li:before {
  content:"\2714\0020";
  color:#fc3;
}

.list-type6{
width:89%;
margin:0 auto;
}

ul.list-type6  {
list-style:none;
margin:0 auto;
}
.list-type6  li {
font-size:20px;
margin:0 auto;
}
.list-type6 li:before {
content:" "; }

.list-type6 li a {
display:block;
width:100%;
/*margin-left: -30px; */
height:24px;
background-color:#ffcc33;
border-left:10px solid #222;
border-right:5px solid transparent;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
padding-left:10px;
text-decoration:none;
color:#111;
margin-bottom: 7px;
transition: all .2s ease-in-out;
}
.list-type6 li:nth-child(even) a:hover {
transform:rotate(-5deg);
box-shadow:10px 10px 20px #000000;
}
.list-type6 li:nth-child(odd) a:hover {
box-shadow:10px 10px 20px #000000;
}

ul.listbulletted {margin:5px auto;list-style: square;text-decoration:none;line-height:20px;padding-right:5%;
    text-align:left; }	
.listSmall {width:40%; }
#ul1 { margin-left:1%; }
ol.listbulletted {list-style: square;text-decoration:none;line-height:15px;padding-right:5%;
    text-align:left; }
li.tick{
	background-image:url(../images/tick.png);
	background-position: 0px 2px;
	background-repeat: no-repeat;
	padding:3px 0px 3px 22px;
	list-style-type: none;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:10pt;
}

a.more { float:right;height:20px;padding-top:10px;}
a.more:hover { height:22px;}

.floatRight, .addOn { float:right;margin:0 10px;padding-top:10px;}
.floatLeft { float:left;margin:0 10px;padding-top:10px;}
.alignCenter {margin:0 auto;text-align:center;}
.headInfo {position:absolute;display:block;top:10px;right:10px;z-index:99;}
.headInfo strong { font-family:Georgia,serif;font-size:1.15em; }
.headInfo a { color:#838383; }
a:hover, .trans:hover, a:focus, .trans:focus, input, input:focus, textarea, textarea:focus, select, select:focus, table td {  color:#fc3;transition: all 377ms ease-in-out 0s; }

/**********************************************/
/************ Navigation Section **************/
/**********************************************/

		nav:after {
			content: '';
			display: block;
			width: 100%;
			height: 0.45em;
			background-color: #fc0;
		}

		nav > ul {
			margin: 0;
		}

			nav > ul > li {
				position: relative;
				display: inline-block;
				margin-left: 0.5em;
			}

				nav > ul > li a {
					color: #c0c0c0;
					text-decoration: none;
                    font-size:1.1em;
					border: 0;
					display: block;
					padding: 1.1em 0.5em 1.1em 0.5em;
				}

				nav > ul > li:first-child {
					margin-left: 0;
				}

				nav > ul > li:hover a {
					color: #fff;
				}

				nav > ul > li.current {
					font-weight: 600;color: #fc0;
				}

					nav > ul > li.current:before {
						transform: rotateZ(45deg);
						width: 0.95em;
						height: 0.95em;
						content: '';
						display: block;
						position: absolute;
						bottom: -0.4em;
						left: 50%;
						margin-left: -0.375em;
						background-color: #2c2c2c;
					}

					nav > ul > li.current a {
						color: #fc0;
					}

				nav > ul > li.active a {
					color: #fc0;
				}
                #mmenu li:before { content:""; }
                
             
/**********************************************/
/*************** Main Section *****************/
/**********************************************/

#main-wrap{
	max-width:1000px;
	float:none;
	margin:0px auto;
}
/* =Simple animation up */
#pin1 {padding:10px;background:white;border:1px solid #111;width:250px;text-align:center }
#parallax1-text { font-size:40px;color:#fff;text-align:left;margin-top:30%; }
#parallax1-text2 { font-size:40px;color:#fff;text-align:center;margin-top:1%; }
#parallax1-text3 { font-size:40px;color:#fff;text-align:right; }
#parallax1-text4 { font-size:1.9em;color:#fc3;text-align:center;margin-top:1%; }
/* =Simple animation up */
.slideInUp {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 1.9s ease-out;
          transition: all 1.9s ease-out;
  -webkit-transform: translate3d(0, 350px, 0);
  transform: translate3d(0, 350px, 0); }
.slideInUp2 {
  -webkit-transition: all 2.5s ease-out;
          transition: all 2.5s ease-out;
   -webkit-transform: translate3d(0, 350px, 0);
  transform: translate3d(350px, 0, 0);
 }
.slideInUp3 {
  -webkit-transition: all 2.9s ease-out;
          transition: all 2.9s ease-out;
   -webkit-transform: translate3d(-350px, -350px, 30px);
  transform: translate3d(-350px,-350px, 30px);
           }

/**********************************************/
/*************** Boxes Section ****************/
/**********************************************/

/* full width*/
.boxes-full{
	background-color:white;
	width:100%;
	height:auto;
	float:left;
	margin:15px 0px;
	border:1px solid #d5d5d5;
	text-align:center;
	position:relative;
	z-index:101;
}

.boxes-full h1{
	text-align:center;
	padding:0px;
	margin:0px;
}

/* half width*/
.boxes-half{
	background-color:white;
	width:48%;
	height:auto;
	float:left;
	margin:15px 1%;
	border:1px solid #d5d5d5;
	text-align:center;
	position:relative;
	z-index:101;
}
#anchor1 { padding-top:20px; }
/* 3rd width*/
.boxes-third{
	background-color:white;
	width:31.1%;
	height:100% !important;
	float:left;
	margin:15px 1%;
	border:1px solid #d5d5d5;
	text-align:center;
	position:relative;
	z-index:101;
}

.boxes-padding{
	width:94%;
	height:100% !important;
	padding:4%;
}


.fullpadding{
	padding:1%;
	width:98%;
}

.box-arrow{
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	margin-left: -16px;
	position: absolute;
	left: 50%;
	bottom: -17px;
	display:block;
	width:32px;
	height:18px;
	z-index:31;
}

.boxes-third:first-child {
	margin-left:1%;
	margin-right:1%;
}

.boxes-third:last-child {
	margin-right:0%;
	margin-left:1%;
}


/* Featured Section - opacity*/
.bti{
	width:100%;
	float:left;
	cursor:pointer;
}

.responsive-devices{
	width:40%;
	height:40%;
	float:left;
    margin-right:10px;
	margin-bottom:10px;
}

.featured-titles{
	width:100%;
	padding-top:5px;
    padding-bottom: 40px;
	font-family:'BebasNeueRegular',Arial, Helvetica, sans-serif;
	color:#111;
	font-size:20pt;
	text-align:center;
}
/* Featured Section - no opacity*/
.btn{
	width:100%;
	float:left;
	cursor:pointer;
}
.featured-titles a { color:#111; }
.featured-titles a:hover { color:#555; }
.featured-text{
	width:100%;
	float:left;
	padding:0px 0px 20px 0px;
	text-align:center;
	font-family:'HelveticaLTStdRoman',Arial, sans-serif;
	color:#3E3E3E;
	font-size:12pt;
}

/**********************************************/
/************** Footer Section ****************/
/**********************************************/

#footer{
	width:100%;
	float:left;
	background-image: url(../images/footer-bg.png);
	min-height:380px;
    max-height:450px;
	margin-top:10px;
}

#footertop{
	width:100%;
	float:left;
	background-image: url(../images/footer-top.png);
	background-repeat: repeat-x;
	background-position: left top;
}

#footerbottom{
	background-color:white;
	width:100%;
	box-shadow:0px -1px 5px #d0cfcf;
	height:20px;
	left: 80%;
	bottom: 0px;
    margin-top:20px;
	z-index:3000;
}

#copyright{
	width:50%;
	margin:5px 45% !important;
    text-align:center;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#3E3E3E;
	padding-top:3px;
    display: inline;
}

a#copyright:hover {
    background: white url(../images/winkLogo.png) left center no-repeat;
    border: 1px solid #eee;
    text-decoration: none;
    padding-left: 50px;
    text-align: right;
    color:#fc3;
    transition: 2s ease-in;
}

/**********************************************/
/*************** Misc Section *****************/
/**********************************************/
.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.titles{
	background-color:white;
	width:98%;
	height:auto;
	float:none;display:block;
	margin:60px auto 1px auto;
	border-bottom:1px solid #d5d5d5;border-top:1px solid #d5d5d5;
	padding:10px 20px;
	text-align:center;
	position: relative;
}

.titlesnormal{
	background-color:white;
	max-width:960px;
	height:auto;
	float:none;
	margin:0px auto 28px auto;
	border:1px solid #d5d5d5;
	padding:10px 20px;
	text-align:center;
	position: relative;
}

.titles span{
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	margin-left: -16px;
	position: absolute;
	left: 50%;
	bottom: -17px;
	display:block;
	width:32px;
	height:18px;
}

.latestthree{
	width:100%;
	float:left;
}

.title{
	width:94%;
	float:right;
	padding:3%;
	font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
	font-size:16pt;
	color:#ffcc33;
	text-align:right;
	position: relative;
	border-bottom: 1px solid #d5d5d5;
}

.title .titlearrow{
	background-image: url(../images/arrow-down.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 10%;
	bottom: -17px;
	display:block;
	width:32px;
	height:18px;
}

 .latestthreeimage{
	width:100%;
	float:left;
	height:132px;
	overflow: hidden;
	border:0px;
}

.latestthreeimage a{
	border:0px;
}

.text{
	width:94%;
	float:left;
	padding:3%;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#3E3E3E;
	text-align:center;
	position: relative;
	border-top: 1px solid #d5d5d5;
}

.text .textarrow{
	background-image: url(../images/arrow-up.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 10%;
	top: -17px;
	display:block;
	width:32px;
	height:18px;
}

#useful_links{
    width: 31%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
	border-right:1px solid #cfcdcd;
	border-left:1px solid white;
	margin-top:20px;
}

#usefultitle{
	width:90%;
	padding: 2% 0% 4% 10%;margin: 0 0 10px;
	background-image: url(../images/usefullinks.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	text-align:left;
	font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
	color:#cbcbcb;
	font-size:20pt;
	border-bottom:1px solid #cfcdcd;
}
#sampling { margin: 1px auto !important; }

footer .boxes-third {
	border:1px solid #111;
	margin-top:20px;
}

footer .boxes-third .header {
	width:85%;
	float:left;
	padding: 2% 0% 4% 15%;
	background-image: url(../images/latesttestimonial.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	text-align:left;
	font-family: 'BebasNeueRegular',Arial, Helvetica, sans-serif;
	color:#cbcbcb;
	font-size:20pt;
	border-bottom:1px solid #cfcdcd;
}

#scrolltab{
	width:40px;
	height:40px;
	position:fixed;
	bottom:1%;
	right:10px;
	margin-top:-20px;
	background-color:#e1e1e1;
	opacity: 0.5;
	border: 1px solid grey;
	border-radius:4px;
	z-index:2000;
	display:none;
	background-image: url(../images/scrolltop.png);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	cursor:pointer;
}
#scrolltab:hover { 
	background-color:black;
	opacity: 1;
    border: 2px solid #fc3;
}
.clear{
	clear:both !important;
}

/**********************************************/
/************* Buttons Section ****************/
/**********************************************/

.largerectange{
	padding: 9px 26px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 1px 2px #999;
	font-size:14pt;
	margin:0px 5px 0px 5px;
}

.mediumrectange{
	padding: 7px 14px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 1px 2px #999;
	font-size:12pt;
	margin:0px 5px 0px 5px;
}

.smallrectange{
	padding: 6px 12px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 1px #aaa;
	box-shadow: 0px 1px 2px #999;
	font-size:10pt;
	margin:0px 5px 0px 5px;
}

.largesmoothrectange{
	padding: 9px 26px;
	border-radius:4px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 1px 2px #999;
	font-size:14pt;
	margin:0px 5px 0px 5px;
}

.mediumsmoothrectange{
	padding: 7px 14px;
	border-radius:4px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 1px 2px #999;
	font-size:12pt;
	margin:0px 5px 0px 5px;
}

.smallsmoothrectange{
	padding: 6px 12px;
	border-radius:4px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 1px 2px #999;
	font-size:10pt;
	margin:0px 5px 0px 5px;
}

.largerounded{
	padding: 9px 26px;
	border-radius:15px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 1px 2px #999;
	font-size:14pt;
	margin:0px 5px 0px 5px;
}

.mediumrounded{
	padding: 7px 14px;
	border-radius:12px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 1px 2px #999;
	font-size:12pt;
	margin:0px 5px 0px 5px;
}

.smallrounded{
	padding: 6px 12px;
	border-radius:10px;
	font-family: sans-serif;
	text-decoration:none;
	font-weight:bold;
	text-shadow:0px 1px 2px #333;
	box-shadow: 0px 0px 10px #CCC;
	box-shadow: 0px 1px 2px #999;
	font-size:10pt;
	margin:0px 5px 0px 5px;
}

input.orangebutton, a:visited.orangebutton,a:link.orangebutton, a:visited.orangebutton{
	border:1px solid #b85208;
    background: #ffd700;
    background-image: linear-gradient(top, #ffd700, #daa520);
	color:white;
}

input.orangebutton:hover, a:hover.orangebutton{
	border:1px solid #b85208;
    background: #ffe34d;
    background-image: linear-gradient(top, #ffe34d, #ffd700);
	color:white;
}

a:link.whitebutton, a:visited.whitebutton{
	border:1px solid #CCCCCC;
    background: #e0e0e0;
    background-image: linear-gradient(top, #fff, #e0e0e0);
	color:#666666;
	text-shadow:none !important;
}

a:hover.whitebutton{
	border:1px solid #999;
	background: #fff;
    background-image: linear-gradient(top, #fff, #999);
	color:#666666;
	text-shadow:none !important;
}

a:link.blackbutton, a:visited.blackbutton{
	border:1px solid #000;
    background: #000;
    background-image: linear-gradient(top, #3f3f3f, #000);
	color:#fff;
	text-shadow:none !important;
}

a:hover.blackbutton{
	border:1px solid #000;
	background: #7c7c7c;
    background-image: linear-gradient(top, #7c7c7c, #000);
	color:#fff;
	text-shadow:none !important;
}

/**********************************************/
/************* Splits Section *****************/
/**********************************************/

.splitnone{
	width:100%;
	float:left;
	text-align:left;
	color:#999;
	padding:10px 0px;
}

.split2{
	width:46%;
	padding:10px 2% 10px 2%;
	float:left;
	text-align:left;
	color:#3E3E3E;
}

.split3{
	width:30.1%;
	padding:10px 2% 10px 1%;
	float:left;
	text-align:left;
	color:#3E3E3E;
}

.split23{
	width:61%;
	padding:10px 3% 10px 2%;
	float:left;
	text-align:left;
	color:#3E3E3E;
}

.split4{
	width:21%;
	padding:10px 2% 10px 2%;
	float:left;
	text-align:center;
	color:#3E3E3E;
}


.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

.bx-wrapper .bx-viewport {
	left: -5px;
	background: #fff;
    transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: relative;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;background-color:transparent;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) 
.trans{  transition: color 0.25s linear; 
} */


.slide-next .arrow{width:0px;height:0px;border-style:solid;border-width:6px 0 6px 5px;border-color:transparent transparent transparent #282828;position:absolute;z-index:1;top:-5px;right:-4px;}

.bx-wrapper .bx-prev {
	left: -20px;
	background: url(../images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: -20px;
	background: url(../images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	-webkit-transform: translateY(0px) translateX(-10px);
	transform: translateY(0px) translateX(-10px);
}

.bx-wrapper .bx-next:hover {
	-webkit-transform: translateY(0px) translateX(10px);
	transform: translateY(0px) translateX(10px);
}


.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 99;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}


/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
boxes-third.slide { margin:15px auto; }
.slide .latestthree { width: 88%;border:1px #111 solid;box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important }
.slide .latestthreeimage a{ float: right; }
.slide .title{ width:84%;border:none; }
#useful_links .bx-wrapper .bx-viewport { float:left; }
#useful_links .sidebox { left: 1px; }

/**********************************************/
/*********** Icon Sets Section ****************/
/**********************************************/

.homeicon{
	background-image:url(../images/home-icon.png);
	background-repeat: no-repeat;
	padding:3px 0px 3px 20px;
	background-position: 0px 0px;
}

.clockicon{
	background-image:url(../images/clock-icon.png);
	background-repeat: no-repeat;
	padding:3px 0px 3px 20px;
	background-position: 0px 0px;
}

.calendericon{
	background-image:url(../images/calender-icon.png);
	background-repeat: no-repeat;
	padding:3px 0px 3px 20px;
	background-position: 0px 2px;
}

.emailicon{
	background-image:url(../images/message-icon.png);
	background-repeat: no-repeat;
	padding:3px 0px 3px 22px;
	background-position: 0px 1px;
}

.phoneicon{
	background-image:url(../images/phone-icon.png);
	background-repeat: no-repeat;
	padding:3px 0px 3px 20px;
	background-position: 0px 2px;
}

.tabs_container {
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.tabs_container ul.tabs {
	list-style: none;
	height: 27px;
	margin: 0;
	border-bottom: 1px solid #DDD;
	padding:0px;
}
.tabs_container ul.tabs li {
	float: left;
	margin-right:2px;
	cursor:pointer;
}
.tabs_container ul.tabs li a, .tabs_container ul.tabs li a:visited {
	padding: 6px 16px;
	display: block;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-decoration: none;
    background: #d4d3d3;
    background-image: linear-gradient(top, #fff, #d4d3d3);
	color:#807f7f;
	border-radius:4px 4px 0px 0px;
}
.tabs_container ul.tabs li.active a {
	background-color: #fff;
    background-image: linear-gradient(top, #fff, #fff);
	padding: 6px 16px;
	display: block;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-decoration: none;
}
div.tab_contents_container {
	border: 1px solid #DDD;Background:#fff;
	border-top: none;
	padding: 20px;
}
div.tab_contents {
	display: none;
}
div.tab_contents_active {
	display: block;
}

/**********************************************/
/************* Toggles Section ****************/
/**********************************************/

.togglewrap{
	margin:0 auto;
	text-align:center;
	margin-top:5px;
	display:block;
}

.toggletitle{
	width:98%;
	color:#807f7f;
	cursor:pointer;z-index:153;
	background-image:url(../images/toggle-title.png);
	background-repeat: no-repeat;
	background-position: 51% 92%  !important;
}
.toggletitle:hover {
	background-image:url(../images/toggle-title-hover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.toggletitle.active {
	background-image:url(../images/toggle-title-active.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.toggletitle.active:hover {
	background-image:url(../images/toggle-title-active-hover.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.togglecontent{
	width:98%;background-color:#fff;border:1px solid #eee;
	padding:3%;display:block;
	font-size:13pt;
	color:#666666;
}
.fullwidth { width:150%;background:red; }
/**********************************************/
/************ Accordian Section ***************/
/**********************************************/

.accordionwrap{
	width:100%;
	float:left;
	margin-top:25px;
}

.accordiontitle{
	width:94%;
	float:left;
	padding:3%;
	color:#807f7f;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:10pt;
	border: 1px solid #DDD;
	cursor:pointer;
	background-color: #E6E6E6;
	background-image:url(../images/toggles.png);
	background-repeat: no-repeat;
	background-position: right -55px;
}

.accordiontitle a, .accordiontitle a:visited, .accordiontitle a:hover{
	color:#807f7f;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:10pt;
	text-decoration:none;
}

.accordiontitle.active {
	background-position: right 5px;
}

.accordioncontent{
	width:94%;
	float:left;
	padding:3%;
	font-family: 'HelveticaLTStdRoman',Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#666666;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

/**********************************************/
/************* Contact Section ****************/
/**********************************************/
#contact-form { display:none;position:absolute;top:27%;left:10%;width:60%;height:27%;background-color: rgba(204,204,204, 0.9);
  box-shadow:1px 1px 3px 2px #ffcc33; }
.contactdetails{
	width:90%;
	float:none;
	margin:5px auto 5px auto;
}

.contactdetails p{
	padding:0px 0px 13px 30px;
	margin:0px;
	background-image: url(../images/orange-cross.png);
	background-repeat: no-repeat;
	font-size:10pt;
}

.contacttitle{
	width:100%;
	float:left;
	border-bottom:1px solid #d5d5d5;
	padding:10px 0px;
	text-align:left;
}

.contacttitle h2{
	padding-left:20px;
	color:#000;
}

.contacttextarea{
	width:60%;
	float:left;
	padding: 10px 1% 10px 0px;
}

.contacttextarea fieldset{
	padding:0px;
	margin:0px;
	border:0px;
}

textarea.contacttextarea{
	width:96%;
	padding:2%;
	border:1px solid #d5d5d5;
	min-height:180px;
	color: #939393;
	font-size: 1.063em;
	font-family: 'HelveticaLTStdRoman', Arial, Helvetica, sans-serif;
}

.contacttextform{
	width:92%;
	padding:6px 4% 6px 4%;
	border:1px solid #d5d5d5;
	color: #939393;
	font-size:1.063em;
	font-family: 'HelveticaLTStdRoman', Arial, Helvetica, sans-serif;
	margin-bottom:3px;
}

.contacttextboxes{
	width:36%;
	float:right;
	padding: 10px 1% 10px 0px;
	color: #d5d5d5;
}

.contacttextboxes fieldset{
	padding:0px 0px 15px 0px;
	margin:0px;
	border:0px;
}

#map_canvas{
	width:96%;
	margin:2%;
	float:left;
	height:165px;
	background-color:#CCC;
}

#googlecontent{
	width:40%;
	height:30px;
}

#contactwarning{
	width:90%;
	display:none;
	padding: 20px 0px;
	margin:30px auto 0px auto;
	color:#DA620B;
	font-weight:bold;
}

#contactajax{
	width:90%;
	display:none;
	background-image:url(../images/greenalert.png);
	border:1px solid #83CD52;
	background-color:#8DE182;
	padding:5px 15px 5px 45px;
	margin:55px auto 10px auto;
	color:#060;
	font-family:sans-serif;
	font-weight:bold;
	font-size:1em;
	background-position: 10px 12px;
	border-radius:3px;
	box-shadow:0px 1px 5px #999;
	background-repeat: no-repeat;
	text-align:left;
}

.button-scroll-down:hover {  background: none repeat scroll 0% 0% #fc0;
}
.button-scroll-down {  width: 48px;
    height: 48px;
    position: absolute;
    z-index: 40;
    bottom: -25px;
    left: 50%;
    margin: 0px 0px 0px -24px;
    background: none repeat scroll 0% 0% #ccc;
    cursor: pointer;
    display: block;
}
.button-scroll-down .arrow-line{width:3px;height:18px;top:15px;left:50%;position:absolute;display:block;margin:0 0 0 -1px;background:#111;}
.button-scroll-down .arrow{width:0px;height:0px;border-style:solid;border-width:7px 6px 0 6px;border-color:#282828 transparent transparent transparent;display:block;position:absolute;z-index:4;bottom:-4px;left:12px;}
.button-scroll-down:hover{background:#ffd810;}
.button-scroll-down:hover .arrow-line{transition-delay:200ms;height:49px;}

.ghost-btn:hover{background:#ffd810;border:1px solid black;}
.ghost-btn:hover .arrow-line{transition-delay:200ms;width:49px;}
.ghost-text { color: #fc3;font-size: 1em; }
.ghost-btn {display: inline-block;
  text-decoration: none;
  border: 1px solid #fc0;
  height: 36px;
  line-height: 18px;
  color: #fc3;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 1em;
  padding: .5em 1.5em;margin:10px auto;
  transition: all 0.2s ease-out;
  background: #ffffff;
  box-sizing: content-box;
  cursor: pointer;
  zoom: 1;
  backface-visibility: hidden;
  position: relative;
}
.ghost-btn:after {  content: "\2192";}
.ghost-btn:hover:after {font-stretch:ultra-expanded;color:#666;margin-left:20px; }
.ghost-btn:hover { 
  transition: 0.4s ease;
  color: #111;
  transform: scaleX(.9);
}
.ghost-btn:focus {outline: none;
}
nav a visited:before {
   content:  "\2713 ";
}
.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%
}
.scrollContainer {
	height: 100%;
	margin: auto;
}
.spacer.s0 { min-height: 1px; }
.spacer.s10 { 	min-height: 10px; }
.spacer.s50 { 	min-height: 50px; }
.spacer.s1 { min-height: 100px; }
.spacer.s2 { min-height: 200px; }
.spacer.s3 { min-height: 300px; }
.spacer.s4 { min-height: 400px; }
.spacer.s5 { min-height: 500px; }
.spacer.s6 { min-height: 600px; }

#parallax1 {
	height: 60vh;
}
#parallax2, #parallax3 {
	height: 25vh;
}
#smParallax1 {
	height: 200px;
}
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(pdf_icon.gif) no-repeat center right;
}
a[href $='.popup'] { 
   padding-right: 18px;
   background: transparent url(popup_icon.gif) no-repeat center right;
}

div.row { clear: both; margin-top:10px; }

div.row span.label {
     float: left;  font-size:1.188em; border-bottom:1px solid #999;
  font-weight:bold;
  text-align: right;
  }

.headlabel {
     font-size:1.188em; border-bottom:1px solid #999;
  font-weight:bold;
  text-align: right;
  }
div.row span.formw {
     float: right;
  width: 80%;
  text-align: left;
  } 
form { vertical-align: middle; padding-left:3px;text-align:left;}
form a {text-decoration:none;}
form fieldset { border: none; }
form fieldset p { margin-bottom: 3px; }
form label { padding-right: 3px; }
form input { text-align: center; }
.inputText3 { width: 20px; }
.inputText4 { width: 28px; }
form legend { color: #BFBFBF; }
form fieldset>legend { margin-left: 0; }
.errorMessage { color:red; font-size:1.947em; line-height:8px;}
.loader {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 9999999999999;
	background-color: #fffefc;
	display: block;
}
.loader img {
	width: 167px;
	height: 166px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -33.5px;
	margin-left: -33px;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.smallFont { font-size:.632em; }
 #mobile { display:none; }
.headInfoM { display:none; }
#para1 { margin-top:2%; }

.dp{border:1px solid #ccc}
.dp-2{box-shadow:0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)!important}
.dp-4,.dp-hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.dp-8{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)!important}
.dp-12{box-shadow:0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)!important}
.dp-16{box-shadow:0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21)!important}
.dp-24{box-shadow:0 24px 24px 0 rgba(0,0,0,0.2),0 40px 77px 0 rgba(0,0,0,0.22)!important}
.animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.animate-opacity{-webkit-animation:opac 1.5s;animation:opac 1.5s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.animate-input:focus{width:100%!important}

#main { visibility:visible;opacity:1; }
@media only screen and (max-width: 767px){  
    #nav,.elsie  { display: none; }
    .headInfo { display:none; }
    nav > ul > li:hover a { color: #fc3; }
    #para1 { margin-top:0; }
    .boxes-half, .boxes-third { float:none;width:90%;clear:both;height:160px;margin: 25px auto !important;}
    .floatRight,.floatLeft,footer .bx-wrapper .bx-viewport { float:none; }
   /* #fb_* { text-align:center; } */
    ;
    #sampling {    margin: 1px auto !important;width: 50%;}
    .ghost-btn {margin-left:50%; }
    .togglecontent { width:96%;padding:1.5%;margin-bottom: 2%; }
    .latestthree .title,.latestthree { float:none;clear:both;}
    .split4,.split3,.split2,.split23 { width:96%;margin:0 auto;float:none; }
    .headline1 { font-size:1.8em;text-align:center;margin: 0 auto 10px;padding: 0 0 5px 0; }
    .titles { padding:10px 5px; }
    .list-type6 {width:100%}
    
    .list-type6 li a {
       width:86%;font-size:16px;
       margin-left: -20px; }
    .addOn { float:none;margin: 0 0 0 -11px;padding: 0;width: 100%;}
    #responsive-devices {margin: -30px auto 10px !important; }
    #contactinfo img { display:block;margin:0 auto; }
    #contactinfo { height:51px;margin: 6px; }
    #contact-form { width:90%;left: 1%;top:30%; }
    .headInfoM { display:block; }
    .header2 {line-height: 35px; }
    .headline2 { font-size:25px; }
    .phoneM {position:absolute;display:block;top:8px;left:7px;}
    .formM { position:absolute;top:5px;right:8px; }  
    .bx-wrapper .bx-prev { left: -20px; }
    .bx-wrapper .bx-next { right: 8px;} 
    #parallax1-text4 { font-size:1.5em; }
    p { width:98%; }
    nav { display:none }

	#mobile {
		background-color:#2D2D2D;
        color:white;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:block;
	}
  	#mobile a {
        color:white;
        text-decoration:none;
        font-size:small; display:inline;
        }  
  	#mobile a:hover {
        color:#fc3;
        } 

	#mobile #toggle-bar {
		line-height:30px;
		height:32px;
	}

	#mobile strong a {
		margin-left:30px;
		border:1px solid #444;
		padding:5px;width:36px;
	}

	#mobile .navicon {
		float: right;
		height: 6px;
		width: 34px;
		margin: 4px 14px;
		border-top: 14px double #FFF;
		border-bottom: 4px solid #FFF;
		font-size:0;
	}

.loader img {
	width: 67px;
	height: 66px;
}

	/*
	The dropdown menu
	*/
    
	#mobile ul li {
		clear:both;
		list-style:none;
	}

	#mobile ul li a {
		display:block;
		background-color:#2D2D2D;
		text-transform:uppercase;
		letter-spacing:.2em;
		margin:2px 0;
		padding:6px 0 6px 8px;
	}

	#mobile ul ul {
		font-size:small;
	}

	#mobile ul ul li {
		margin-left:30px;
	}

	#mobile ul ul a {
		background-color:#2D2D2D;
		padding-left:8px;
	}

	#mobile ul ul a:before {
		content: "\2192 ";
		padding-right:8px;
	}
}

@media only screen and (max-width: 950px){
.boxes-full{border-left:0px; border-right:0px; margin-left:0px; margin-right:0px;}
.toggletitle { padding-bottom:20px;	background-position: 49% 98% !important;}
}

.printtext {display:none;}
@media print {   
  a:link, a:visited {background: white; color: black; text-decoration: underline;
   font-weight: bold;}
  h1, h2, h3 {background: white; color: black; padding-bottom: 1px;
   border-bottom: 1px solid gray;}
  h1,h1.headline1 { font-size: 16pt; }
  h2 { font-size: 15pt; }
  h3{ font-size: 14pt; }
  p,#contactInfo  { font-size: 1.0em; }
  a[href]:after { content: none !important; }
  #main {
	width: auto;
	border: 0;
	margin: 0 5%;
	padding: 0;
	float: none !important;
	}
  .noPrint, #nav, .pageInstruction { display:none; }
  .printtext {display: block;}
  #contactInfo .headInfo {position:relative; }
  .list-type6 li a { margin-left: -110px; }
}