

/*---------------------------------------------------------------------- S1S (Group) ----------------------------------------------------------------------*/

/*Do Not Change - used to group floating elements within a div*/
.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.group:after { clear: both; }  
.group { zoom: 1; }

/*---------------------------------------------------------------------- S1E (Group) ----------------------------------------------------------------------*/





/*---------------------------------------------------------------------- S2S (Map Loc)----------------------------------------------------------------------*/

/*#map {height:50px !important; width: 90% !important; padding-top:50px; padding-left:25px; color: #888888; font-size:0.8em;} */
#map {height:0px !important; width: 90% !important; padding-top:50px; padding-left:25px; color: #888888; font-size:0.8em; z-index: 1;}


#map a {
	color:#554500;
	text-decoration:underline;
}

#map a:hover {
	color:#cc0000;
	text-decoration:underline;
}

#mapv {height:0px !important; width: 90% !important; padding-top:50px; position:absolute; padding-left:25px; color: #ffffff; font-size:0.8em; z-index: 1;}

#mapv a {
	color:#ffffff;
	text-decoration:underline;
}

#mapv a:hover {
	color:#cc0000;
	text-decoration:underline;
}

/*---------------------------------------------------------------------- S2E (Map Loc)----------------------------------------------------------------------*/





/*---------------------------------------------------------------------- S3S (HTML Elements)----------------------------------------------------------------------*/

body,
main { 
    margin:0;
    padding:0;
    width:100%;
    color:#554500; /* #272829 */
		font-size:16px;
		font-family: Arial, Helvetica, sans-serif;
}

section {
	width:100%;
	height:718px;
	position:relative;	
}

header {
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	height:718px;
	position:relative;
	padding-left:10%;
}


.first {padding-top:50px;}

p {
	line-height:1.5em;
}

a {
	color:inherit;
	text-decoration:none;
}

section img {
	max-width:95%;
}


/*-------------------------------- 1. Font Sizes --------------------------------*/

h1 {font-size:2.5em; text-align: center;}
h2 {font-size:2.25em;}
h3 {font-size:2em;}
h4 {font-size:1.75em;}
h5 {font-size:1.5em;}
h6 {font-size:1.25em;}
.h1l {font-size:2.5em; text-align: left;}
.h1reduced {font-size:2.0em;}
.h1reducedl {font-size:2.0em; text-align: left;}
.h1extrareduced {font-size:1.75em;}
.h1extrareducedl {font-size:1.75em; text-align: left;}
.h1ultrareduced {font-size:1.5em;}
.h2reduced {font-size:1.5em;}


/*-------------------------------- 2. Font Styles --------------------------------*/

#q1 {font-size:1.25em; color: #725800; font-style: italic;}
#q1b {font-size:1.25em; color: #725800; font-style: italic;}
#q1m {font-size:1.15em; color: #725800; font-style: italic;}
#q2 {font-size:1.0em; color: #000;}
#q2b {font-size:1.0em; color: #000;}
#q3 {font-size:1.5em; color: #554500; padding-top: 40px; font-weight: 600; } /* font-weight: bold*/
#q4 {font-size:1.5em; } /*1.75*/
#q5 {font-size:1.25em; color: #007700; font-style: italic;}


/*-------------------------------- 3. Font Colors --------------------------------*/

/*Font Colors and Types*/
.yellowtext {color:#E4D793;}
.darkyellowtext {color:#EBBE23;}
.redtext {color:#cc0000;}
.darkredtext {color:#aa0000;}
.usredtext {color:#dd0000;}
.brightredtext {color:#ff0000;}
.ambertext {color:#ffbf00;}
.darkambertext {color:#cc8f00;}
.orangetext {color:#f35a20;}
.extralightgoldtext {color:#c6a32f;} /* b1a622 9a8300 e5cf68*/
.lightgoldtext {color:#9f8400;}
.goldtext {color:#8e7300;}
.darkgoldtext {color:#725800;}
.darkergoldtext {color:#604800;}
.slightgraytext {color:#eee;}
.lightgraytext {color:#ccc;}
.graytext {color:#bbb;}
.darkgraytext {color:#888;}
.darkergraytext {color:#666;}
.darkestgraytext {color:#444;}
.greentext {color:#007700;}
.lightgreentext {color:#00aa00;}
.navytext {color:#000066;}
.usnavytext {color:#0000aa;}
.turquoisetext {color:#1589ff;}
.marinegreentext {color:#008888;}
.bluetext {color:#0000dd;}
.us-blue {color:#0000aa;}
.royal-blue {color:#2f437e;} 
.blacktext {color:#222222;}
.whitetext {color:#ffffff;}
.browntext {color:#180700;}
.beigetext {color:#f5f5f0;}
.menutext {color:#272829;}
.miltext { color:#083d20;}
.innovtext { color: #007ffd;}

/*-------------------------------- 4. Font Types --------------------------------*/

.boldt {font-weight:bold;}
.italics {font-style:italic;}
.stylish {font-family: Georgia, Helvetica, sans-serif;}
.smallt {font-size:0.9em;}
.smallert {font-size:0.8em;}
.smt {font-size:0.7em;}
.largert {font-size:1.4em;}
.larget {font-size:1.2em;}
.ulined {text-decoration:underline;}
.raligned { text-align:right;}


table { width:100%;	}
td {padding: 30px 10px 10px 10px; text-align:center; }


#sqlist li {
        list-style-type: square;
}



/*End of Potential Cleanups*/


/*-------------------------------- 5. Header Background Images  --------------------------------*/
#leadership {background-image:url("images/leadership.jpg");background-position:center; top:50px;}

/*-------------------------------- 6. Section Background Colors  --------------------------------*/



/*-------------------------------- 7. Videos  --------------------------------*/

.embed{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	background-image: none;
	position: relative;
	padding: 0%;   /* was 0.5%; */
	display: flex;
	align-items: center;
	justify-content: center;		
}

.navi{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px 8%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.navi logo {
	width: 80px;  /*was 80px*/
}

.navi ul li{
	list-style: none;
	display: inline-block;
	margin-left: 40px;
}

.navi ul li a{
	text-decoration: none;
	color: #fff;
	font-size: 17px;
}

.vcontent{
	text-align: center;
}

.vcontent h1{
	font-size: 90px; /*160px*/
	color: #fff;
	font-weight: 600;
	transition: 0.5s;
}

.vcontent h1:hover{
	-webkit-text-stroke: 2px #fff;
	color: transparent;
  cursor: none;
}

.vcontent h2{
	font-size: 72px;
	color: #fff;
	font-weight: 600;
	-webkit-text-stroke: 2px #fff;
	color: transparent;
}

.vcontent a{
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-size: 24px;
	border: 2px solid #fff;
	padding: 14px 70px;
	border-radius: 50px;
	margin-top: 20px;
}

.vcontent h5{
	font-size: 24px;
	color: #fff;
	font-weight: 600;
}


.videos {
	position: absolute;
	top:0;
	right: 0;
	/*bottom: 0;*/
	z-index: -1;
}

@media(min-aspect-ratio:16/9){
	.videos{
		width: 100%;
		height: auto;
	}
}

@media(max-aspect-ratio:16/9){
	.videos{
		height: 100%;
		width: auto;
	}
}


/*-------------------------------- 8. Buttons  --------------------------------*/

.button {
	background-color:#cc0000;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
}

.bsml {font-size:0.75em;}
.bupc { text-transform:uppercase;}

.bgreen { background-color:#007700;}
.bgray { background-color:#888888; }
.blgray { background-color:#99999; }
.bgold { background-color:#725800; }

.redbutton {
	background-color:#CC0000;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:uppercase;
}

.redbutton-small {
	font-size:0.75em;
	background-color:#CC0000;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:uppercase;
}

.redbutton-small {
	font-size:0.75em;
	background-color:#CC0000;
	color:#fff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:uppercase;
}

.greenbutton {
	background-color:#007700;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.greenbutton-small {
	font-size:0.75em;
	background-color:#007700;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:uppercase;
}

.goldbutton {
	background-color:#725800;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.goldbutton-small {
	font-size:0.75em;
	background-color:#725800;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.lightgoldbutton-small {
	font-size:0.75em;
	background-color:#8e7300;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.darkgraybutton {
	background-color:#232323;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.darkgraybutton-small {
	font-size:0.75em;
	background-color:#232323;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.actionbutton {
	background-color:#007700;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.actionbutton-small {
	font-size:0.75em;
	background-color:#007700;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.graybutton {
	background-color:#888888;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.graybutton-small {
	font-size:0.75em;
	background-color:#888888;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}

.lightgraybutton-small {
	font-size:0.75em;
	background-color:#999999;
	color:#ffffff;
	padding:5px 10px;
	border-radius:5px;
	text-transform:none;
}


/*-------------------------------- 9. Page Elements  --------------------------------*/

.page-intro {
	background-color:rgba(0,0,0,0.4); /*adjust last number between 0 and 1 to control darkness of see through layer - opacity*/
	color:#fff;
	box-sizing:border-box;
	border-radius:5px;
	padding:25px;
	width:90%;
	max-width:600px;
	position:absolute;
	top:95%; /*was 50%*/
	text-align: center;
	transform:translateY(-50%);
}

.sz-xsmall {max-width:300px;}
.sz-small {max-width:400px;}
.sz-medium {max-width:450px;}
.sz-xmedium {max-width:500px;}
.sz-xnormal {max-width:550px;}
.sz-normal {max-width:600px;}
.sz-larger {max-width:650px;}
.sz-long {max-width:600px;}
.sz-longer {max-width:650px;}
.sz-largest {max-width:700px;}

.op-clear {background-color:rgba(0,0,0,0);}
.op-slight {background-color:rgba(0,0,0,0.05);}
.op-xlight {background-color:rgba(0,0,0,0.1);}
.op-light {background-color:rgba(0,0,0,0.2);}
.op-neutral {background-color:rgba(0,0,0,0.3);}
.op-medium {background-color:rgba(0,0,0,0.4);}
.op-xmedium {background-color:rgba(0,0,0,0.5);}
.op-smedium {background-color:rgba(0,0,0,0.6);}
.op-dark {background-color:rgba(0,0,0,0.7);}
.op-xdark {background-color:rgba(0,0,0,0.8);}
.op-sdark {background-color:rgba(0,0,0,0.9);}
.op-opaque {background-color:rgba(0,0,0,1.0);}

.centered {
	text-align:center;
}

.left {
	width:50%;
	float:left;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.right {
	width:50%;
	float:right;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.left40 {
	width:40%;
	float:left;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.right40 {
	width:40%;
	float:right;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.left60 {
	width:60%;
	float:left;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.right60 {
	width:60%;
	float:right;
	position:relative;
	height:inherit;
	overflow:hidden;
}

.singlecontent {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	padding:0 10px;
}

.singlecontentimg {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:100%; /* was 100% */ 
}

.singlecontentimgtop {
	position:absolute;
	top:0;
	max-width:100%;
}

.singlecontentimgtopo {
	position:absolute;
	top:-40px;
	max-width:100%;
}

.singlecontentimgtopx {
	position:absolute;
	top:-300px;
	max-width:100%;
}

.singlecontentimgtopm {
	position:absolute;
	top:-160px;
	max-width:100%;
}

.singlecontentimgtopl {
	position:absolute;
	top:-80px;
	max-width:100%;
}

.singlecontentimgtopn {
	position:absolute;
	top:-120px;
	max-width:100%;
}

.singlecontentimgtopt {
	position:absolute;
	top:-175px;
	max-width:100%;
}

.singlecontentimgcenter {
	position:absolute;
	top:-100px;
	max-width:100%;
}

.singlecontentimgcenter2 {
	position:absolute;
	top:-450px;
	max-width:100%;
}

.singlecontentimgbottom {
	position:absolute;
	bottom:0;
	max-width:100%;
}

.singlecontentimg90 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:90%;
}

.singlecontentimg80 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:80%;
}

.singlecontentimg70 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:70%;
}

.singlecontentimg60 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:60%;
}

.singlecontentimg50 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:50%;
}

.singlecontentimgt30 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -30%);
	max-width:100%; 
}


.widersc { width:90%; }
.widerlc { width:80%; margin:0 0 0 10% ;}


.message {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:center;
	max-width:90%;
}

.message2 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	text-align:justify;
	max-width:90%;
}

.grid1x3 {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align:center;
  align-items:center;
}
.grid1x3 > div {
  display: flex; 
  flex-basis: calc(33.33% - 40px);  
  min-width:200px;
  flex-direction: column;
  margin:0 auto;
  padding:0 20px 15px;
  box-sizing:border-box;
}
.grid1x3 > div > div {
  flex-direction: row;
}

.grid1x3f {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align:center;
  align-items:center;
}
.grid1x3f > div {
  display: flex; 
  flex-basis: calc(33.33% - 40px);  
  min-width:200px;
  flex-direction: column;
  margin:0 auto;
  padding:0 20px 15px;
  box-sizing:border-box;
}
.grid1x3f > div > div {
  flex-direction: row;
}

.grid1x3i {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align:center;
  align-items:center;
}
.grid1x3i > div {
  display: flex; 
  flex-basis: calc(33.33% - 40px);  
  min-width:200px;
  flex-direction: column;
  margin:0 auto;
  padding:0 20px 15px;
  box-sizing:border-box;
}
.grid1x3i > div > div {
  flex-direction: row;
}


.grid1x5 {
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align:center;
  align-items:center;
}
.grid1x5 > div {
  display: flex; 
  flex-basis: 20%;  
  min-width:200px;
  flex-direction: column;
  margin:0 auto;
  padding:0 20px;
  box-sizing:border-box;
}
.grid1x5 > div > div {
  flex-direction: row;
}
.box {
	text-align:center;
}

.grid1x5 > .box img { padding-bottom: 10px; padding-top: 30px; }

#scroller {
        position: relative;
		height:200px; /*adjust based on height on logos used*/
}

#scroller .innerScrollArea {
        overflow: hidden;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
}

#scroller ul {
        padding: 0;
        margin: 0;
        position: relative;
}

#scroller li {
        padding: 0 50px;
        margin: 0;
        list-style-type: none;
        position: absolute;
}

#scroller li img {
	padding:0 50px;
}

.features h2 {margin:25px 0;}
.features h3 {margin:10px 0;} 
.features p {margin:0 10px ;}

.grid3-2 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  text-align:center;
  align-items:center;
}

.grid3-2 > div {
  display: flex; 
  flex-basis: 30%;  
  min-width:290px;
  flex-direction: column;
  margin:20px auto;
  padding:0 10px;
  box-sizing:border-box;
}

.grid3-2 > div > div {
  flex-direction: row;
}

.featurebox {
	text-align:center;
	border:0px solid #eee;
	height:290px;
}

.featurebox img {
	max-width:180px !important;
	border-radius:0px;  /* alt rounded : 15px */
	padding:10px 0;
}

.featurebox h5 {
	margin:10px 0;
}

.featurebox h6 {
	margin:10px 0;
}

.heavytext {
	padding:25px;
	box-sizing:border-box;
	height:auto;
}

.heavytext p {
	font-size:1em; /*1em is one base font, 1.5em is 50% larger, 0.5em is 50% smaller etc, or change to a px value*/
}

.heavytext li {
        margin: 25px auto;
        list-style-type: decimal;
}

.sq li {
        margin: 25px auto;
        list-style-type: square;
}

.lr li {
        margin: 25px auto;
        list-style-type: lower-roman;
}




#menulogo {position:fixed;top:5px;left:25px;z-index:99999;}
		#menuicon {position:fixed;top:5px !important;right:25px !important;z-index:99999;}
		#toggle-menu {position:fixed !important;top:-3px !important;right:25px !important;}
		#menu {position:fixed;width:100%;top:0;left:0;min-height:50px;max-height:100vh;overflow-y:scroll;z-index:9999;}
#menu ul {
  margin-top: 15px;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #272829; /* #333? */
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);
}

#menu, 
#toggle-menu {
  background-color: #272829;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.49em;	/*Use to control inter-item space*/
  text-decoration:none;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  color: #cc0000;
}

#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
  color: #cc0000;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: #272829;
  text-shadow: 0 0 0 transparent;
  color: #fff;
}

#menu .drop-icon {
  line-height: 1;
}

#homelink {width: 30px;}

#trybutton {
	position:fixed;
	z-index:9999;
	top:12px;
	left:50%;
	transform:translateX(-50%);
}

.testimonial {
	width:100%;
	text-align:center;
	height:256px;
	font-family: Georgia, Helvetica, sans-serif;
	margin:20px auto ;
	padding-top: 100px; /* Custom*/
}

.testimonial2 {
	width:100%;
	text-align:center;
	height:256px;
	font-family: Georgia, Helvetica, sans-serif;
	margin:50px auto ;
}


.testimonial3 {
	width:100%;
	text-align:center;
	height:384px;
	font-family: Georgia, Helvetica, sans-serif;
	margin:50px auto ;
}

.spacer {
	width:90%;
	text-align:left;
	height:175px;
	/* font-family: Georgia, Helvetica, sans-serif; */
	margin:20px auto ;
	padding-top: 50px;
}

.largerspacer {
	width:90%;
	text-align:left;
	height:256px;
	margin:20px auto ;
	padding-top: 50px;
}

.qtrhigh {
	text-align:center;
	height:60px;
	margin:25px auto ;
}

.halfhigh {
	width:100%;
	text-align:center;
	height:384px;
}

.halfhigh img {
	width:100%;
	max-width:100%;
	height:384px;
}

.halfhigh h2 {
	margin:0;
	padding-top:50px; /*Adjust to center vertically based on amount of content used*/
}

.qtr {
	width:50%;
	height:384px;
	float:left;
	text-align:center;
}

.qtrr {
	width:50%;
	height:384px;
	float:right;
	text-align:center;
}

.qtr h2 {padding-top:50px;}/*Adjust to center vertically based on amount of content used*/

.qtr img,
.qtrr img {
	max-height:384px;
	max-width:auto !important;
}

footer {text-align:center;background-color:#272829;color:#fff; font-size: 0.75em; padding-top:10px;}

.formholder h2 {margin:15px 0;}

.formholder p {margin-bottom:0px;}

.fullform,
.halfform {margin-left:5%;padding-right:5%;}

form {position:relative;}

form p {margin-left:10px;margin-bottom:2px;}

.threecol {width:33.33%;margin:5px 0;float:left;padding:0 10px;box-sizing:border-box;}

.halfinput {width:50%;margin:5px 0;float:left;padding:0 10px;box-sizing:border-box;}

.fullinput {width:100%;margin:5px 0;float:left;padding:0 10px;box-sizing:border-box;}

label {font-size:0.8em;}

input {width:calc(100% - 2px);border:1px solid #cccccc;height:2.5em;padding-bottom:3px;padding-left:5px;box-sizing:border-box;}

select {width:calc(100% - 2px);border:1px solid #cccccc;height:2.5em;padding-left:5px;box-sizing:border-box;}

textarea {width:100%;border:1px solid #cccccc;height:5em;padding-bottom:3px;padding-left:5px;box-sizing:border-box;}

input[type="submit"] {width:150px;}

.submission {text-align:center;width:100%;float:left;}

.formnote {margin-left:10px;font-size:0.8em;color:#d60000;}

input[type="checkbox"] {width:25px;float:right;margin-top:-5px;}

.cb {margin-top:0px !important;margin-bottom:0px !important;}

.cblabel {display:inline-block;max-width:220px;}

#confirm {background-image:url("images/confirm.jpg");background-size:contain;position:relative;background-repeat:no-repeat;}

#confmsg {
	background-color:rgba(0,0,0,0.4);
	padding:25px;
	color:#fff;
	position:absolute;
	bottom:0;
	width:100%;
	margin:0;
	box-sizing:border-box;
	text-align:center;
}

.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: #725800; /* white */
  font-weight: bold;
  font-size: 18px;
  transition: 0.8s ease; /* 06/28 0.8s */
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: white;  /* rgba(0,0,0,0.8); */
	color: #cc0000;
}

.dot {
  display:none;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

.slides {display:none;max-width:100% !important;height:718px !important;background-position:right top;position:relative;}
.slides2 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}
.slides3 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}

#szero {background-image:url("images/the-whole-world.jpg");background-position:center;}

#sone2 {background-image:url("images/land-a.jpg");background-position:center;}
#stwo2 {background-image:url("images/land-b.jpg	");background-position:center;}
#sthree2 {background-image:url("images/land-c.jpg");background-position:center;}
#sfour2 {background-image:url("images/land-d.jpg");background-position:center;}
#sfive2 {background-image:url("images/land-e.jpg");background-position:center;}
#ssix2 {background-image:url("images/land-f.jpg");background-position:center;}
#sseven2 {background-image:url("images/land-g.jpg");background-position:center;}
#seight2 {background-image:url("images/land-h.jpg");background-position:center;}
#snine2 {background-image:url("images/land-i.jpg");background-position:center;}
#sten2 {background-image:url("images/land-j.jpg");background-position:center;}

#szro {background-image:url("images/land0.jpg");background-position:center;}
#sone {background-image:url("images/land1.jpg");background-position:center;}
#stwo {background-image:url("images/land2.jpg	");background-position:center;}
#sthree {background-image:url("images/land3.jpg");background-position:center;}
#sfour {background-image:url("images/land4.jpg");background-position:center;}

#sa-one {background-image:url("images1/sa-land1.png");background-position:center;}
#sa-two {background-image:url("images1/sa-land2.png	");background-position:center;}
#sa-three {background-image:url("images1/sa-land3.png");background-position:center;}
#ma-one {background-image:url("images1/ma-land1.png");background-position:center;}
#ma-two {background-image:url("images1/ma-land2.png	");background-position:center;}
#ma-three {background-image:url("images1/ma-land3.png");background-position:center;}
#av-one {background-image:url("images1/av-land1.png");background-position:center;}
#av-two {background-image:url("images1/av-land2.png	");background-position:center;}
#av-three {background-image:url("images1/av-land3.png");background-position:center;}
#pa-one {background-image:url("images1/pa-land1.png");background-position:center;}
#pa-two {background-image:url("images1/pa-land2.png");background-position:center;}
#pa-three {background-image:url("images1/pa-land3.png");background-position:center;}
#ep-one {background-image:url("images1/ep-land1.png");background-position:center;}
#ep-two {background-image:url("images1/ep-land2.png	");background-position:center;}
#ep-three {background-image:url("images1/ep-land3.png");background-position:center;}
#ea-one {background-image:url("images1/ea-land1.png");background-position:center;}
#ea-two {background-image:url("images1/ea-land2.png");background-position:center;}
#ea-three {background-image:url("images1/ea-land3.png");background-position:center;}
#aa-one {background-image:url("images1/aa-land1.png");background-position:center;}
#aa-two {background-image:url("images1/aa-land2.png");background-position:center;}
#aa-three {background-image:url("images1/aa-land3.png");background-position:center;}
#aa-four {background-image:url("images1/aa-land4.png");background-position:center;}
#pf-one {background-image:url("images1/pf-land1.png");background-position:center;}
#pf-one-w {background-image:url("images1/pf-land1-w.png");background-position:center;}
#pf-two {background-image:url("images1/pf-land2.png");background-position:center;}
#pf-three {background-image:url("images1/pf-land3.png");background-position:center;}
#pf-four {background-image:url("images1/pf-land4.png");background-position:center;}
#mini-one {background-image:url("images1/mini-land1.png");background-position:center;}
#mini-two {background-image:url("images1/mini-land2.png	");background-position:center;}
#mini-three {background-image:url("images1/mini-land3.png");background-position:center;}
#mini-four {background-image:url("images1/mini-land4.png");background-position:center;}

#aa-ug {background-image:url("images1/aa-ug.png");background-position:center;}


.slidemsg0 {background-color:rgba(0,0,0,0);padding:25px 15px;box-sizing:border-box;border-radius:5px;color:#fff;width:90%;max-width:500px;text-align:center;}
.slidemsg {background-color:rgba(0,0,0,0.7);padding:25px 15px;box-sizing:border-box;border-radius:5px;color:#fff;width:90%;max-width:500px;text-align:center;}
.slidemsg2 {background-color:rgba(0,0,0,0.4); max-width:525px;}
.slidemsg2b {background-color:rgba(0,0,0,0.7); max-width:525px;}
.slidemsg2c {background-color:rgba(0,0,0,0); max-width:525px;}

.slidemsg0 h1,
.slidemsg0 h2,
.slidemsg0 h3 {font-weight:400;}

.slidemsg0 h1 {text-align:left;font-size:2em;}
.slidemsg0 h2 {text-align:left;font-size:1.8em;}
.slidemsg0 h3 {text-align:left;font-size:1.6em;}

.slidemsg0 p {text-align:left;}

.slidemsg h1,
.slidemsg h2,
.slidemsg h3 {font-weight:400;}

.slidemsg h1 {text-align:left;font-size:2em;}
.slidemsg h2 {text-align:left;font-size:1.8em;}
.slidemsg h3 {text-align:left;font-size:1.6em;}

.slidemsg p {text-align:left;}

.slidemsg2b h1,
.slidemsg2b h2,
.slidemsg2b h3 {font-weight:400;}

.slidemsg2b h1 {font-size:2em;}
.slidemsg2b h2 {font-size:1.8em;}
.slidemsg2b h3 {font-size:1.6em;}

.slidemsg2b p {text-align:left;}

.slidemsg2c h1,
.slidemsg2c h2,
.slidemsg2c h3 {font-weight:400;}

.slidemsg2c h1 {font-size:2em;}
.slidemsg2c h2 {font-size:1.8em;}
.slidemsg2c h3 {font-size:1.6em;}
.slidemsg2c p {text-align:left;}

.centerslide {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.leftslide {position:absolute;top:50%;left:5%;transform:translateY(-50%);}
.rightslide {position:absolute;top:50%;right:5%;transform:translateY(-50%);}
.centerslide3 {position:absolute;top:90%;left:50%;transform:translate(-50%, -50%);}

.formholder .left img {position:relative; top:-250px;} /*was -100px;*/ 

.videocontent {position:absolute;top:50%;transform:translateY(-50%);padding:0 25px;}

video {width:100%;=}

.sixtyimg {text-align:center;overflow:hidden;position:relative;}
.sixtyimg img {max-width:max-content;position:absolute;left:-9999px;right:-9999px;margin:auto;}
.sixtyimg p {text-align:left;max-width:90%;margin:50px auto;}
.sixtyimg .bottom {position:absolute;top:590px;left:5%;margin:0;}

#adfs {display:none;}

.ninetyimg {position:relative;}
.ninetyimg img {position:absolute;left:-9999px;right:-9999px;margin:auto;}
.ninetyimg p {position:relative;top:90%;max-width:90%;margin:0 auto;}

.split img {position:absolute;top:50%;transform:translateY(-50%);max-width:100% !important;}
.splithalf {position:relative;width:50%;float:left;height:inherit;}
.prodetails {position:absolute;top:50%;transform:translateY(-50%);width:100%;}
.prodetails p {width:90%;margin:0 auto;}

.rounded {
	border-radius:5px !important;
	padding:0 !important;
	box-shadow:0px 2px 4px 3px #b9b6ae;
	margin:10px 0;
}

.quasirounded {
	margin:10px 0;
}

.grounded {
	border-radius:5px !important;
	padding:0 !important;
	box-shadow:0px 2px 4px 3px #8e7300;
	margin:10px 0;
}

.footerimg {
	border-radius:5px !important;
	padding:0 !important;
	box-shadow:0px 2px 4px 3px #b9b6ae;
	margin:10px 0;
}


/*-------------------------------- 10. Cookie Handling  --------------------------------*/

#cookies {
	width:100%;
	z-index:999;
	background-color:#000;
	color:#fff;
	position:fixed;
	bottom:0;
	padding:20px;
	box-sizing:border-box;
	display:none;
	font-size:0.8em;
}

.bstyle1 {
	color:#000;
	position:absolute;
	top:20px;
	right:20px;
	border:1px solid #fff;
	border-radius:45%;
	background-color:#fff;	
}

.bstyle2 {
	color:#000;
	background-color:#fff;	
	border:1px solid #fff;
	border-radius:3px;
	padding:3px 10px;
	margin-right:10px; 
}
.bstyle2:hover {
	background-color: #52ed09;
	border-color: #52ed09;
}


.bstyle3 {
	color:#fff;
	background-color:#000;	
	border:1px solid #fff;
	border-radius:3px;
	padding:3px 10px;
}
.bstyle3:hover {
	color: #f00707;
	border-color: #f00707;
}

.bstyle4 {
	color:#000;
	background-color:#ddd;	
	border:1px solid #bbb;
	border-radius:3px;
	padding:3px 10px;
	margin-right:10px; 
}
.bstyle4:hover {
	background-color: #52ed09;
	border-color: #52ed09;
}


.cgrid {
	min-height:100%;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	text-align:center;
	width:100%;
	margin:0 auto;
}

.cgrid > div {
	display:flex;
	flex-basis:25%;
	min-width:250px;
	flex-direction:column;
	margin:0px auto;
	padding:0 10px;
	position: relative;
	box-sizing: border-box;	
}

.cgrid > div > div {
	flex-direction: row;
}

.cgrid p {text-align:left;}

.ctitle {font-weight:600;padding-bottom:0;}

.heightcontrol {padding-bottom:50px;}

.switchholder {
	position:absolute;
	bottom:1px;
	left:50%;
	transform:translateX(-50%);
}

.tick {position:relative;top:6px;}

.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 23px;
	top: -3px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider {
	background-color: #52ed09;
}

input:focus + .slider {
	box-shadow: 0 0 1px #52ed09;
}

input:checked + .slider:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 18px;
}

.slider.round:before {
	border-radius: 50%;
}

.ccent {
	text-align: center !important;
	display:inline-block;
	margin-left:10px;	
}

#cookieupdate {text-align:center;}

.centeredUI {
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.underUI {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.buttonUI {
	position: absolute;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}




/*-------------------------------- End --------------------------------*/

/*---------------------------------------------------------------------- S3E (HTML Elements)----------------------------------------------------------------------*/



/*---------------------------------------------------------------------- S4S (Media Queries)----------------------------------------------------------------------*/
/*---------------------------------------------------------------------- S4E (Media Queries)----------------------------------------------------------------------*/


/* ------------------------------------------------------------------ Media Queries ------------------------------------------------------------------ */



@media only screen and (min-width: 1070px) {   /* Common Menu Handling */

#menu {overflow:visible;}

#menu .main-menu {
  display: block;	
	float:right;
	padding-right:125px;
	margin-top:-32px;
	margin-bottom:0;
  }
  
  ul ul .drop-icon {transform:rotate(270deg)}
 
  #trybutton {position:fixed;top:12px;right:25px;z-index:99999;left:auto;transform:none;}

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 13em; /* 12em */
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }  
  
}

/* ------------------------------------------------------------------ */

@media only screen and (max-width: 1368px) and (orientation:landscape) {	/*Surface Pro 7 and iPadPro Landscape*/
 .superextralongcontent {font-size:0.85em;}
 .extraextralongcontent {font-size:0.8em;}
 
  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }
 
}

/* ------------------------------------------------------------------ */


@media only screen and (max-width: 1180px) and (orientation:landscape) {   /* iPad Air Landscape */

	 section {height:auto;}
	 .right {height:718px;}
	 .left {height:718px;}
  .page-intro { top: 90%;}
  .prev, .next { top: 23%; }
  .centerslide {position:absolute;top:23%;left:50%;transform:translate(-50%, -50%);}
  .leftslide {position:absolute;top:23%;left:12%;transform:translateY(-50%);}
  .rightslide {position:absolute;top:23%;right:12%;transform:translateY(-50%);}

	.heavytext {height:auto;}
	.heavytext p { 	font-size:1em; }
  .heavytext li { margin: 25px auto; list-style-type: decimal; }

	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }
 
	.shortcontent {height:800px;} /* 675px */

 	.longcontent {height:850px; }  
	.extralongcontent {height:900px;}
	.superextralongcontent {height:1000px;}
  .extraextralongcontent {height:1100px; }

 /*
  .longcontent {font-size:0.9em;}
  .extralongcontent {font-size:0.85em;}
  .superextralongcontent {font-size:0.8em;}
  .extraextralongcontent {font-size:0.7em;}
 */

  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }

  .singlecontentimgtopo { position:absolute; top:220px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; top:40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; top:40px; 	max-width:100%;}

	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}

	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.halfinput {width:100%;}

	#videosection {height:auto;}

	.formholder {height:auto;}
	.formholder .left img {position:relative;top:100px;}
	.formholder .right {float:none;width:100%;height:auto;background-color:#e9e9e9;padding-bottom:25px;}
	.threecol {width:100%;}	

	header {padding:0 5%;}

	.cblabel {display:inline-block;max-width:160px;}
	.halfinput {width:100%;}

	.qtrhigh { text-align:center; height:60px; margin:25px auto ; padding-top: 10px; }


  .slides {display:none; max-width:100% !important;height:718px !important;background-position:right top;position:relative;}
  .slides2 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}
  .slides3 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}

	 #confirm {height:575px;}
	 #qtrs {height:auto;}
	.qtr {width:100%;float:none;}
	.qtrr {width:100%;float:none;}
	.halfhigh {height:auto;}


}

/* ------------------------------------------------------------------ */


@media only screen and (max-width: 1024px) and (orientation:portrait) {  /*iPadPro Portrait*/

	 section {height:auto;}
	 .right {height:718px;}
	 .left {height:718px;}
  .page-intro { top: 90%;}
  .prev, .next { top: 50%; }
  .centerslide {position:absolute;top:23%;left:50%;transform:translate(-50%, -50%);}
  .leftslide {position:absolute;top:23%;left:12%;transform:translateY(-50%);}
  .rightslide {position:absolute;top:23%;right:12%;transform:translateY(-50%);}

	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }
 
  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }

	.shortcontent {height:730px;} /* 675px */
 	.longcontent {height:800px;}  
	.extralongcontent {height:900px;}
	.superextralongcontent {height:1000px;}
  .extraextralongcontent {height:1100px; }

  .singlecontentimgtopo { position:absolute; 	top:-20px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; 	top:-40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; 	top:-10px; 	max-width:100%;}

	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}

	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.halfinput {width:100%;}

	#videosection {height:auto;}

	.formholder {height:auto;}
	.formholder .left img {position:relative;top:100px;}
	.formholder .right {float:none;width:100%;height:auto;background-color:#e9e9e9;padding-bottom:25px;}
	.threecol {width:100%;}	

	header {padding:0 5%;}

	.cblabel {display:inline-block;max-width:160px;}
	.halfinput {width:100%;}

	.qtrhigh { text-align:center; height:60px; margin:25px auto ; padding-top: 10px; }

  .slides {display:none;max-width:100% !important;height:718px !important;background-position:right top;position:relative;}
  .slides2 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}
  .slides3 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}

	 #confirm {height:575px;}
	 #qtrs {height:auto;}
	.qtr {width:100%;float:none;}
	.qtrr {width:100%;float:none;}
	.halfhigh {height:auto;}


}

/* ------------------------------------------------------------------ */


@media only screen and (max-width: 912px) and (orientation:portrait) {		/* Surface Pro 7 - Portrait*/

	 section {height:auto;}
	 .right {height:718px;}
	 .left {height:718px;}
  .page-intro { top: 90%;}
  .prev, .next { top: 50%; }
  .centerslide {position:absolute;top:23%;left:50%;transform:translate(-50%, -50%);}
  .leftslide {position:absolute;top:23%;left:12%;transform:translateY(-50%);}
  .rightslide {position:absolute;top:23%;right:12%;transform:translateY(-50%);}

	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }

  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }
 
	.shortcontent {height:730px;} /* 675px */
  .longcontent {font-size:0.9em;}
  .extralongcontent {font-size:0.85em;}
  .superextralongcontent {font-size:0.8em;}
  .extraextralongcontent {font-size:0.7em;}

  .singlecontentimgtopo { position:absolute; 	top:-20px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; 	top:-40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; 	top:-10px; 	max-width:100%;}

	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}

	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.halfinput {width:100%;}

	#videosection {height:auto;}

	.formholder {height:auto;}
	.formholder .left img {position:relative;top:100px;}
	.formholder .right {float:none;width:100%;height:auto;background-color:#e9e9e9;padding-bottom:25px;}
	.threecol {width:100%;}	

	header {padding:0 5%;}

	.cblabel {display:inline-block;max-width:160px;}
	.halfinput {width:100%;}

	.qtrhigh { text-align:center; height:60px; margin:25px auto ; padding-top: 10px; }

  .slides {display:none;max-width:100% !important;height:718px !important;background-position:right top;position:relative;}
  .slides2 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}
  .slides3 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}

	 #confirm {height:575px;}
	 #qtrs {height:auto;}
	.qtr {width:100%;float:none;}
	.qtrr {width:100%;float:none;}
	.halfhigh {height:auto;}

}

/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */

@media only screen and (max-width: 825px) {
	.mobilecookie {top:0 !important;}
	#videosection {height:auto;}
	.formholder {height:auto;}
	.formholder .right {float:none;width:100%;height:auto;background-color:#e9e9e9;padding-bottom:25px;}
	.threecol {width:100%;}	
	header {padding:0 5%;}
	.left {float:none;width:100%;height:384px;}
	.right {float:none;width:100%;height:384px;} /* background-color:#f4f4f4; */	
	.left40 {float:none;width:100%;height:308px;}
	.right40 {float:none;width:100%;height:308px;} 
	.left60 {float:none;width:100%;height:460px;}
	.right60 {float:none;width:100%;height:460px;}
	.grid1x5 > div {padding-top:20px;}
	.grid1x3 > div {float:none;width:100%;height:384px;padding-top:40px;} /* Custom */
	#quote {height: 384px;}
	#quote2 {height: 384px;}
	#iconlist {height:auto;}
	#iconlist2 {height:auto;}
	#iconlist3 {height:auto;}
	.features {height:auto;}
	.heavytext {height:auto;}
	.heavytext p { 	font-size:1em; /*1em is one base font, 1.5em is 50% larger, 0.5em is 50% smaller etc, or change to a px value*/ }
  .heavytext li { margin: 25px auto; list-style-type: decimal; }
	.halfhigh {height:auto;}
	#wider {height: auto;}
	#wider .singlecontent {position:relative;height:auto;top:0;left:0;transform:none;}
	/* .singlecontentimg{max-width:auto; max-height:100%;} /* 95% Added by us*/
	.splithalf {width:100%;float:none;height:auto;}
	.split img {left:50%;transform:translateX(-50%);position:relative;max-width:95% !important;}
	.prodetails {position:relative;top:0;transform:translateY(0px);}
}
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */


@media only screen and (max-width: 820px) and (orientation:portrait) {		/* iPad Air - Portrait*/

	 section {height:auto;}
	 .right {height:718px;}
	 .left {height:718px;}
  .page-intro { top: 90%;}
  .prev, .next { top: 50%; }
  .centerslide {position:absolute;top:23%;left:50%;transform:translate(-50%, -50%);}
  .leftslide {position:absolute;top:23%;left:12%;transform:translateY(-50%);}
  .rightslide {position:absolute;top:23%;right:12%;transform:translateY(-50%);}

	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }

  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }

 
	.shortcontent {height:730px;} /* 675px */
  .longcontent {font-size:0.9em;}
  .extralongcontent {font-size:0.85em;}
  .superextralongcontent {font-size:0.775em;}
  .extraextralongcontent {font-size:0.7em;}

  .singlecontentimgtopo { position:absolute; 	top:-20px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; 	top:-40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; 	top:-10px; 	max-width:100%;}

	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}

	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.halfinput {width:100%;}

	#videosection {height:auto;}

	.formholder {height:auto;}
	.formholder .left img {position:relative;top:100px;}
	.formholder .right {float:none;width:100%;height:auto;background-color:#e9e9e9;padding-bottom:25px;}
	.threecol {width:100%;}	

	header {padding:0 5%;}

	.cblabel {display:inline-block;max-width:160px;}
	.halfinput {width:100%;}

	.qtrhigh { text-align:center; height:60px; margin:25px auto ; padding-top: 10px; }

  .slides {display:none;max-width:100% !important;height:718px !important;background-position:right top;position:relative;}
  .slides2 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}
  .slides3 {display:none;max-width:100% !important;height:718px !important;background-position:right;position:relative;}

	 #confirm {height:575px;}
	 #qtrs {height:auto;}
	.qtr {width:100%;float:none;}
	.qtrr {width:100%;float:none;}
	.halfhigh {height:auto;}
	 #q4 {font-size:1.25em; }

}

/* ------------------------------------------------------------------ */


@media only screen and (max-width: 768px) {
}



@media only screen and (max-width: 668px) and (orientation:landscape) {  /* iPhoneSE Landscape */

	section {height:auto;}
	.right {height:718px;}
	.left {height:718px;}

	.splithalf {width:100%;float:none;height:auto;}
	.split img {left:50%;transform:translateX(-50%);position:relative; max-width:95% !important;}

	#slideshowheader {height:525px !important;}
	.slides {height:525px !important;}
	.slides2 {height:525px !important;}

	#szro {background-image:url("images/mland0.jpg");}
	#sone {background-image:url("images/mland1.jpg");}
	#stwo {background-image:url("images/mland2.jpg");}
	#sthree {background-image:url("images/mland3.jpg");background-position:top center;}
	#sfour {background-image:url("images/mland4.jpg");}
	#szero {background-image:url("images/the-whole-world-l.jpg");background-position:center;}
	#sone2 {background-image:url("images/mland-a.jpg");}
	#stwo2 {background-image:url("images/mland-b.jpg");}
	#sthree2 {background-image:url("images/mland-c.jpg");background-position:top center;}
	#sfour2 {background-image:url("images/mland-d.jpg");}
	#sfive2 {background-image:url("images/mland-e.jpg");}
  #ssix2 {background-image:url("images/mland-f.jpg");}
	#sseven2 {background-image:url("images/mland-g.jpg");}
	#seight2 {background-image:url("images/mland-h.jpg");}
	#snine2 {background-image:url("images/mland-i.jpg");}
	#sten2 {background-image:url("images/mland-j.jpg");}  
  #sa-one {background-image:url("images1/sa-land1-m.png");background-position:center;}
  #sa-two {background-image:url("images1/sa-land2-m.png	");background-position:center;}
  #sa-three {background-image:url("images1/sa-land3-m.png");background-position:center;}
  #ma-one {background-image:url("images1/ma-land1-m.png");background-position:center;}
  #ma-two {background-image:url("images1/ma-land2-m.png	");background-position:center;}
  #ma-three {background-image:url("images1/ma-land3-m.png");background-position:center;}
  #av-one {background-image:url("images1/av-land1-m.png");background-position:center;}
  #av-two {background-image:url("images1/av-land2-m.png	");background-position:center;}
  #av-three {background-image:url("images1/av-land3-m.png");background-position:center;}
  #pa-one {background-image:url("images1/pa-land1-m.png");background-position:center;}
  #pa-two {background-image:url("images1/pa-land2-m.png	");background-position:center;}
  #pa-three {background-image:url("images1/pa-land3-m.png");background-position:center;}
  #ep-one {background-image:url("images1/ep-land1-m.png");background-position:center;}
  #ep-two {background-image:url("images1/ep-land2-m.png	");background-position:center;}
  #ep-three {background-image:url("images1/ep-land3-m.png");background-position:center;}
  #ea-one {background-image:url("images1/ea-land1-m.png");background-position:center;}
  #ea-two {background-image:url("images1/ea-land2-m.png	");background-position:center;}
  #ea-three {background-image:url("images1/ea-land3-m.png");background-position:center;}
  #aa-one {background-image:url("images1/aa-land1-m.png");background-position:center;}
  #aa-two {background-image:url("images1/aa-land2-m.png	");background-position:center;}
  #aa-three {background-image:url("images1/aa-land3-m.png");background-position:center;}
  #aa-four {background-image:url("images1/aa-land4-m.png");background-position:center;}
  #pf-one {background-image:url("images1/pf-land1-m.png");background-position:center;}
  #pf-two {background-image:url("images1/pf-land2-m.png	");background-position:center;}
  #pf-three {background-image:url("images1/pf-land3-m.png");background-position:center;}
  #pf-four {background-image:url("images1/pf-land4-m.png");background-position:center;}
  #mini-one {background-image:url("images1/mini-land1-m.png");background-position:center;}
  #mini-two {background-image:url("images1/mini-land2-m.png	");background-position:center;}
  #mini-three {background-image:url("images1/mini-land3-m.png");background-position:center;}
  #mini-four {background-image:url("images1/mini-land4-m.png");background-position:center;}

	.centerslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.leftslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.rightslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.slidemsg h1 {font-size:1.8em;}
	.slidemsg h2 {font-size:1.5em;}
	.slidemsg h3 {font-size:1.3em;}
	.slidemsg2b h1 {font-size:1.8em;}
	.slidemsg2b h2 {font-size:1.5em;}
	.slidemsg2b h3 {font-size:1.3em;}
	.slidemsg2c h1 {font-size:1.8em;}
	.slidemsg2c h2 {font-size:1.5em;}
	.slidemsg2c h3 {font-size:1.3em;}
	#confirm {height:555px;}

	.qtrhigh { height:0px; } 	/*.qtrhigh { text-align:center; height:0px; margin:0px auto ; padding-top: 0px; }*/

	#quote {height:384px;} /*was auto wf 728*/
	#quote2 {height:384px;} /*was auto wf 728*/
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }
	.grid1x3 {width:100%;}
	.grid1x3f {width:100%;}

  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }
 
	.extrashortimgcontent {height:475px; padding-top: 20px; padding-bottom: 0px;}
	.extrashortcontent {height:250px; padding-bottom: 20px;}
	.shortcontent {height:600px;}
	.mediumcontent {height:700px;}
	.longcontent {height:800px;}
	.extralongcontent {height:950px;}
	.superextralongcontent {height:1050px;}
	.minimalcontent {height:384px; margin-bottom: 100px;}


	#quote {height:384px;} /*was auto wf 728*/
	#quote2 {height:384px;} /*was auto wf 728*/
	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
	.halfinput {width:100%;}
	.formholder .left img {position:relative;top:-10px;}
	.cblabel {display:inline-block;max-width:200px;}
	 #so-insights {background-image:linear-gradient(#fff, #eee, #fff);}
	 #so-insights-l {background-image:linear-gradient(#fff, #eee, #fff);}
	 .patterngbg {background-image:linear-gradient(#fff, #fff, #eee);}
	 .graybg {background-image:linear-gradient(#fff, #fff, #eee);}
	.qtrhigh { text-align:center; height:120px; margin:25px auto ; padding-top: 10px; }

	 #q4 {font-size:1.25em; } /*1.75*/
	 #cookies {padding:5px; z-index:9999;}
	 #cookies p {line-height:1em;}
	.heightcontrol {padding-bottom:0px;}
	.switchholder {top:8px; right:0px; transform:none;}
	.cgrid > div {padding:0px; min-width:300px;}
	 h4,h5 { margin:1px; font-size:1.2em;}

  .singlecontentimg { position:absolute; top:220px; 	max-width:100%; }
  .singlecontentimgtopo { position:absolute; top:220px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; top:40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; top:40px; 	max-width:100%;}

	.grid1x3f > div {flex-basis: 100%;}
	.grid1x3i > div {flex-basis: 100%; margin-top: 200px; }

}


@media only screen and (max-width: 430px) and (orientation:portrait) {  /* or 390 or 480? */

	section {height:auto;}
	.right {height:718px;}
	.left {height:718px;}

	.splithalf {width:100%;float:none;height:auto;}
	.split img {left:50%;transform:translateX(-50%);position:relative; max-width:95% !important;}

	#slideshowheader {height:525px !important;}
	.slides {height:525px !important;}
	.slides2 {height:525px !important;}
	.slides3 {height:525px !important;}

	#szro {background-image:url("images/mland0.jpg");}
	#sone {background-image:url("images/mland1.jpg");}
	#stwo {background-image:url("images/mland2.jpg");}
	#sthree {background-image:url("images/mland3.jpg");background-position:top center;}
	#sfour {background-image:url("images/mland4.jpg");}
	#szero {background-image:url("images/the-whole-world-l.jpg");background-position:center;}
	#sone2 {background-image:url("images/mland-a.jpg");}
	#stwo2 {background-image:url("images/mland-b.jpg");}
	#sthree2 {background-image:url("images/mland-c.jpg");background-position:top center;}
	#sfour2 {background-image:url("images/mland-d.jpg");}
	#sfive2 {background-image:url("images/mland-e.jpg");}
  #ssix2 {background-image:url("images/mland-f.jpg");}
	#sseven2 {background-image:url("images/mland-g.jpg");}
	#seight2 {background-image:url("images/mland-h.jpg");}
	#snine2 {background-image:url("images/mland-i.jpg");}
	#sten2 {background-image:url("images/mland-j.jpg");}  
  #sa-one {background-image:url("images1/sa-land1-m.png");background-position:center;}
  #sa-two {background-image:url("images1/sa-land2-m.png	");background-position:center;}
  #sa-three {background-image:url("images1/sa-land3-m.png");background-position:center;}
  #ma-one {background-image:url("images1/ma-land1-m.png");background-position:center;}
  #ma-two {background-image:url("images1/ma-land2-m.png	");background-position:center;}
  #ma-three {background-image:url("images1/ma-land3-m.png");background-position:center;}
  #av-one {background-image:url("images1/av-land1-m.png");background-position:center;}
  #av-two {background-image:url("images1/av-land2-m.png	");background-position:center;}
  #av-three {background-image:url("images1/av-land3-m.png");background-position:center;}
  #pa-one {background-image:url("images1/pa-land1-m.png");background-position:center;}
  #pa-two {background-image:url("images1/pa-land2-m.png	");background-position:center;}
  #pa-three {background-image:url("images1/pa-land3-m.png");background-position:center;}
  #ep-one {background-image:url("images1/ep-land1-m.png");background-position:center;}
  #ep-two {background-image:url("images1/ep-land2-m.png	");background-position:center;}
  #ep-three {background-image:url("images1/ep-land3-m.png");background-position:center;}
  #ea-one {background-image:url("images1/ea-land1-m.png");background-position:center;}
  #ea-two {background-image:url("images1/ea-land2-m.png	");background-position:center;}
  #ea-three {background-image:url("images1/ea-land3-m.png");background-position:center;}
  #aa-one {background-image:url("images1/aa-land1-m.png");background-position:center;}
  #aa-two {background-image:url("images1/aa-land2-m.png	");background-position:center;}
  #aa-three {background-image:url("images1/aa-land3-m.png");background-position:center;}
  #aa-four {background-image:url("images1/aa-land4-m.png");background-position:center;}
  #pf-one {background-image:url("images1/pf-land1-m.png");background-position:center;}
  #pf-two {background-image:url("images1/pf-land2-m.png	");background-position:center;}
  #pf-three {background-image:url("images1/pf-land3-m.png");background-position:center;}
  #pf-four {background-image:url("images1/pf-land4-m.png");background-position:center;}
  #mini-one {background-image:url("images1/mini-land1-m.png");background-position:center;}
  #mini-two {background-image:url("images1/mini-land2-m.png	");background-position:center;}
  #mini-three {background-image:url("images1/mini-land3-m.png");background-position:center;}
  #mini-four {background-image:url("images1/mini-land4-m.png");background-position:center;}

	.centerslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.leftslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.rightslide {bottom:0;left:0;top:auto;right:auto;width:100%;transform:none;}
	.slidemsg h1 {font-size:1.8em;}
	.slidemsg h2 {font-size:1.5em;}
	.slidemsg h3 {font-size:1.3em;}
	.slidemsg2b h1 {font-size:1.8em;}
	.slidemsg2b h2 {font-size:1.5em;}
	.slidemsg2b h3 {font-size:1.3em;}
	.slidemsg2c h1 {font-size:1.8em;}
	.slidemsg2c h2 {font-size:1.5em;}
	.slidemsg2c h3 {font-size:1.3em;}
	#confirm {height:555px;}

	.qtrhigh { height:0px; } 	/*.qtrhigh { text-align:center; height:0px; margin:0px auto ; padding-top: 0px; }*/

	#quote {height:384px;} /*was auto wf 728*/
	#quote2 {height:384px;} /*was auto wf 728*/
	
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
  .widersc { width:95%; }
	.grid1x3 {width:100%;}
	.grid1x3f {width:100%;}

  .rcktextbg { height: 718px; }
  .rcktextbg p { padding: 10px; }
  .lpftextbg { height: 718px; }
  .lpftextbg p { padding: 10px; }
 
	.extrashortimgcontent {height:475px; padding-top: 20px; padding-bottom: 0px;}
	.extrashortcontent {height:250px; padding-bottom: 20px;}
	.shortcontent {height:600px;}
	.mediumcontent {height:700px;}
	.longcontent {height:800px;}
	.extralongcontent {height:950px;}
	.superextralongcontent {height:1050px;}
	.minimalcontent {height:384px; margin-bottom: 100px;}


	#quote {height:384px;} /*was auto wf 728*/
	#quote2 {height:384px;} /*was auto wf 728*/
	.testimonial { padding-top:120px;}
	.testimonial2 { padding-top:120px; margin:0 auto 80px;}
	.testimonial3 { padding-top:120px; margin:0 auto 80px;}
	.message {position:relative;top:0;left:0;transform:translate(0,0);padding-left:10px;}
	.spacer {height:auto;}
	.largerspacer {height:auto;}
	.grid1x5 {width:100%;}
	.grid3x2 > div {margin:50px auto;}
	.halfinput {width:100%;}
	.formholder .left img {position:relative;top:-10px;}
	.cblabel {display:inline-block;max-width:200px;}
	 #so-insights {background-image:linear-gradient(#fff, #eee, #fff);}
	 #so-insights-l {background-image:linear-gradient(#fff, #eee, #fff);}
	 .patterngbg {background-image:linear-gradient(#fff, #fff, #eee);}
	 .graybg {background-image:linear-gradient(#fff, #fff, #eee);}
	.qtrhigh { text-align:center; height:120px; margin:25px auto ; padding-top: 10px; }

	 #q4 {font-size:1.25em; } /*1.75*/
	 #cookies {padding:5px; z-index:9999;}
	 #cookies p {line-height:1em;}
	.heightcontrol {padding-bottom:0px;}
	.switchholder {top:8px; right:0px; transform:none;}
	.cgrid > div {padding:0px; min-width:300px;}
	 h4,h5 { margin:1px; font-size:1.2em;}

  .singlecontentimg { position:absolute; top:220px; 	max-width:100%; }
  .singlecontentimgtopo { position:absolute; top:220px; 	max-width:100%; }
  .singlecontentimgtopm { position:absolute; top:40px; max-width:100%; }
  .singlecontentimgcenter { position:absolute; top:40px; 	max-width:100%;}

	.grid1x3f > div {flex-basis: 100%;}
	.grid1x3i > div {flex-basis: 100%; margin-top: 200px; }
  
}


@media only screen and (max-width: 320px) {
}

