@charset "utf-8";
/* CSS Document */
/*Main.css*/
/*06/06/16 problems with Google chrome displaying subsections consecutively rather than within content
and video not showing top*/

/*Always include for older browsers*/
article, aside, figure, footer, header, nav, section {
	display: block;
}
* {
	/*Reset selector - removes problem of different browsers having different defaults for margins and padding*/
	/*Need to set the values for each element in CSS*/ 
	margin: 0;
	padding: 0;
	/*Sets font size to user browser*/
	font-size: 100%;
	/*includes border and padding in declared width*/
	-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*********************************************************************************************************************************************************/
/*Mobile Phone Portrait - up to 479px*/
html {
	/*background-color: #fff2e6;*/
	/*background-color: #eae7dc;*/
	background-color: #f5f2e6;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;

}
body {
	font-family: "poppinslight", Verdana, Arial, "sans-serif";
	font-size: 80%;
	line-height: 150%;
	/*color: #343433;*/
	color: #1c1c1b;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: relative;
    overflow: hidden;

	
}
a:link {
	color:  #c7c6c1;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
a:visited {
	color:  #c7c6c1;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
a:hover {
	color: #e98074; 
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
a:active {
	color: #c7c6c1;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
}
address.contact {
	font-style: normal;
	margin-top: 10px;
	display: block;
	-moz-break-inside: avoid-column;
	-webkit-break-inside: avoid-column;
	-break-inside: avoid-column;
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
	page-break-inside: avoid; /* Deprecated Firefox */
	-moz-column-break-inside: avoid; /* Current Firefox */
	column-break-inside: avoid;
	break-inside: avoid; /* IE 10+ */
	break-inside: avoid-column;
}

/*article {
	padding-top:10vh;
}*/

figcaption {
	color: #900C0F;
	font-size: 90%;
	font-weight: bold;
}

figure > img {
	width: 100%;
	max-width: 100%;
	height: auto;
	
}

/*footer {	
	background-color: transparent;
  	position: absolute;
	bottom: 0;
	width: 90%;
	
}*/


h1, h2, h3, h4, h5, h6 {
	font-family:  "cormorant_infantlight", Arial, "sans-serif";
	margin-bottom: 10px;
	color: #8e8d8a;
}
h1 {
	font-size: 2.5em;
	line-height: 1em;
	font-weight: bold;
	color: #343433;
	margin-bottom: 25px;
}

 h1 .headingend {
	font-family: "poppinslight", Verdana, Arial, "sans-serif";
	font-size: 0.7em;
}


h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
	color: #8e8d8a;
}

h2 {
	font-size: 1.5em;
	font-weight: bold;
	
}

	
h3 {
	font-size: 1.3em;
	font-weight: bold;
   /* margin-bottom: 0px;*/
}

h4 {
	font-size: 1.1em;
	font-weight: bold;
	
}



hr {
	color: #dfdfdf;
}

img {
	border: none;
}

img.w400 {
	max-width: 400px;
}

img.w500 {
	max-width: 500px;
}


main {
	margin-left:auto;
	margin-right: auto;
	/*width: 90%;*/
	width: 80%;
	max-width: 1000px;
	height: 90%;
	/*padding-top: 10vh;*/
	
}



p {
	padding: 5px 0
}

p.footnote {
font-size: 0.9em;	
}

q, 
blockquote {
    quotes: "\201C" "\201D" "\2018" "\2019";
	color: #EE2F32;
	font-style: italic;
}


ul {
	margin: 0 0 1.5em 1.25em;
	/*list-style: none;*/
}



#bottombar {
	/*width:80%;
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;*/
	/*color: #eae7dc;*/
	background-color: transparent;
	
	/*position: absolute;
	bottom: 0;*/
}



#compliant {
	/*background-color: azure;*/
}



/*-------------For Globe2--------------------*/
#earth_div {
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-color: transparent;
           /* background-color: #fff2e6;*/
            /*position: absolute !important;*/
            width: 500px;
            height: 500px;
           
           /* color: #ffffff;*/
        }
/*-------------For Globe2--------------------*/

#everywhere {
	/*background-image: url("../Images/New/TestBackground2.png");
	background-position: center bottom;*/
		
}
#folder {
	/*background-color:antiquewhite;*/
}




#friendly {
	/*background-color: aquamarine;*/
}

#goldpartnerlogo {
	width: auto;
	max-height: 30px;
	float: right;/*margin-right: 5px;*/
	
}
#headerbar {
	display: none;
}

#headercontent {
	
	width: 100%;
	margin-left: auto;
	margin-right:auto;
	/*margin-top: 5vh;*/
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	z-index: 100;

}

#headercontent #headerlogo{
	flex:1;
	flex-basis: 60%;
	
}
#headercontent #headermenu {
	flex:1;
	flex-basis: 10%;
	/*text-align: right;*/
	
}

/*#headercontent #headerlogo{
	width: 50%;
	float: left;
}
#headercontent #headermenu {
	width: 50%;
	float:right;
	text-align: right;
}*/

/*#homepage {
	background-image:url("../Images/New/TestBackground.png");
	background-position: bottom center;
	position: fixed;
}*/

#iconbox {
	width: 167px;
	height: 40px;
	float: left;
	clear: both;
}
#iconbox a img {
	border: none;
}

#linkmenu {
	
	float: right;
	font-style: italic;
}



#maincontent {
	padding-top: 10vh;
	/*width: 80%;*/
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


#mainlogo {
	max-height: 30px;
	width: auto;
	/*padding-left:10px;*/
	float: left;
}
#mainlogonew {
	max-height: 30px;
	width: auto;
	background-image: url(../Images/Main/TaupeLogo.jpg);
	/*padding-left:10px;*/
	float: left;
}

#mainmenu {
    /*flex: 2;*/
	/*width: 40% ;*/
	/*background-color:  #d8c3a5;*/
	font-size: 2.1em;
	font-family:  "cormorant_infantlight", Arial, "sans-serif";
}

#mainmenu	a {
    text-decoration: none;
    color: #c7c6c1;
}



#mainmenu ul {
	list-style-type: none;
		
		}

#mainmenu .hoverline {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
 /* margin: 0 0 45px;
*/
}
#mainmenu .hoverline .hover {
  margin: 0 auto;
  padding: 0;
  transition: all 0.2s ease-in-out;
  position: relative;
}


#mainmenu .hoverline .hover:before, #mainmenu .hoverline .hover:after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 0px;
  height: 2px;
  margin: 5px 0 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.75s;
  opacity: 0;
  background-color: #e85a4f;
}
#mainmenu .hoverline .hover.hover-1:before, #mainmenu .hoverline .hover.hover-1:after {
  left: 0;
}

#mainmenu .hoverline:hover {
  cursor: pointer;
}
#mainmenu .hoverline:hover .hover:before, #mainmenu .hoverline:hover .hover:after {
  width: 100%;
  opacity: 1;
}
#mainmenu .hoverline:hover .hover.hover-3:before, #mainmenu .hoverline:hover .hover.hover-3:after, #mainmenu .hoverline:hover .hover.hover-4:before, #mainmenu .hoverline:hover .hover.hover-4:after {
  width: 50%;
}




#menucontainer {
	/*width: 80%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;*/
	display: flex;
	flex-direction:column;
    align-items: flex-start;
	flex-wrap: wrap;
    justify-content: space-around;
	font-weight: bold;
	
	
}

#menucontainer a {
    text-decoration: none;
    font-weight: regular;
}

#menucontainer	li {
    color: #eae7dc;
    padding: 10px;
}


#menucontainer	ul {
    margin: 0;
    padding: 0;
	list-style-type: none;
	}

/*#menucontainer #copyrightbar {
	padding: 0px 10px;
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 10vh;
	max-width: 1200px;
	display: flex;
	
}*/

#menusurround {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 1200px;
	padding: 0px;
	margin-top: 50px;
}

#menusurround h2 {
    font-family: "poppinslight", Verdana, Arial, "sans-serif";
	font-size: 1.1em;
	color: #d8c3a5;
	margin-top: 50px;
	margin-bottom: 5px;
}

#menusurround #copyrightbar {
	
	padding-top: 20px;
	display: flex;
	flex-basis: 100%;
	
}
#menusurround #copyrightbar div {
	flex:1;
	flex-basis: 100%;
}
#menusurround #copyrightbar nav {
	flex:1;
	flex-basis: 100%;
	
}



#metadata {
	/*background-color: aliceblue;*/
}

#pageframe {
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	max-width: 1200px;
	padding: 0px;
	clear: none;
	float: none;
	/*display:flex;
	flex-direction: column;*/
	
}

/*#pageframe #headercontent {
	flex-basis: 10%;
}

#pageframe main {
	flex-basis: 90%;
}*/

#scroller {
    height: 100%;
	width: 100%;
    overflow-y: scroll;
	
}

#scroller .fullpage {
    scroll-snap-align: start;
	}




#solutions {
	margin-top: 20px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
   /* align-items: center;
    justify-content: space-between;*/
		
}

#solutions section {
	text-align: center;
	padding-bottom: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

#solutions #solutionbar {
    text-align: center;
	padding-top: 20px;
	flex-basis: 100%;
	
}
#solutions1header, #solutions2header, #solutions3header {
	font-size: 1.5em;
	line-height: 1.7em;
}

#solutions1text, #solutions2text, #solutions3text {
	font-size: 1.0em;
	
}



#submit {
	/*margin-left: 26em;*/
  background-color: #dfdfdf;
  float: left;
 /* margin-left: 0em;*/
	
}

#talented {
	/*background-color: aqua;*/
}

#telephone a {
	display: block;
	width: 100%;
	margin-left: 10px;
	margin-top: -20px;
	margin-bottom: 10px;
	/*border: 0px;*/
	background-color: #fff2e6;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.animateMe{
  opacity: 0;
}
 
.animateMe .animated{
    opacity: 1;
}

.arrow {
	font-size: 20px;
	color:  #8e8d8a;
	text-align: center;
	margin-bottom: 10px;
	
}

.arrowbutton, .arrowimage, .arrowimagenone {
    width: 35px;
    height: 35px;
    /*background:url("../Images/Buttons/Arrow1.png") no-repeat;*/
    display: inline-block;
}

.arrowbutton {
    background:url("../Images/Buttons/Arrow1.png") no-repeat;
}

.arrowbutton:hover {
    background: url("../Images/Buttons/Arrow2.png") no-repeat;
}


.arrowimage {
   	background:url("../Images/Buttons/ArrowImg.png") no-repeat;
	background-color: #F5F2E6;
   
}

.arrowimagenone{
   	background-color: #F5F2E6;
}

/*img.arrowimage, img.arrowbutton {
	
	border: none;
}*/

.boldit {
	font-weight: bold;
}

.buttonbar {
	text-align: center;
	margin-bottom: 10px;
}

.centered {
	text-align: center;
}

.clearboth {
	clear: both;
}


.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
 
.clearfix:after {
  clear: both;
}
 
.clearfix {
  zoom: 1; /* ie 6/7 */
}

.columnright img, .columnleft img {
	width: 60%;
	height: auto;

}
 
.contactpage {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
.contactpage .contactdetails {
	flex-basis: 23%;
}

.contactpage .description {
	flex-basis: 100%;
}

.content, .training {
	/*padding: 10px 5px;*/
	padding: 10px;
	clear: both;
	margin: 5px 0 5px 0;
	border-bottom: 1px solid #8e8d8a;
	/*background-color: #fbfbfb;*/
}



/*.customerlogos {
	display: none;
}*/


.customerlogos {
	display: flex;
	flex-wrap: wrap;
	justfy-content: space-around;
	align-content: space-around;
	padding-bottom: 10px;
	clear: both;
	margin: 5px 0 5px 0;
	
	
}

 .customerlogos img {
	flex: 1;
	height: 30px;
	width: auto;
	max-width: 100%;
	margin: 20px;
}
	
.cycle-slideshow {
	width: 100%
}
.emphatic  {
	font-family: "cormorant_infantregular", Arial, "sans-serif";
	font-size: 1.5em;
}

.flexgrow {
	flex-grow: 1;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

.fullpage {
    display: flex;
	flex-direction:column;
	justify-content:flex-start;
	margin-left: auto;
	margin-right: auto;
    box-sizing:border-box;
	position: relative;
	
}

	

.fullpage .maintext {
	/*flex-basis: 60%;
	align-content: center;*/
	padding-right: 5px;
	padding-left: 5px;
}



.fullpage  .mainimage {
	/*flex-basis: 30%;*/
	/*margin: auto;*/
	align-content: center;
	/*margin-top: 50px;*/
}



.fullpage  .mainimage img {
	/*flex-basis: 100%;
	height: auto;*/
	width: 100%;
	height:100%;


}





.imgleft {
	float:left;
	padding-right: 5px;
	
}

.imgright {
	float:right;
	padding-left: 5px;
	
}

.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	/*width: 70%;*/
}

.ipadhidden {
	display: none;
}

.ipadshow {
	display: block;
	
}

.mobilehidden {
	display: none;
}


.policy {
	border-bottom: 1px solid #8e8d8a;
	width 80%;
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	justify-content: space-between;
}

.policyheader {
	font-size: 3em;
}

.policytitle {
	flex-basis: 30%;
}

.policytext {
	flex-basis: 60%;
}

.questionbutton {
    width: 35px;
    height: 35px;
    background:url("../Images/Buttons/Question1.png") no-repeat;
    display: inline-block;
}
.questionbutton:hover {
    background: url("../Images/Buttons/Question2.png") no-repeat;
}

.regular {
	width: 80%;
}

.slidedot {
	font-size: 5em;
	color: #7CC8E3;
}


.submenu {
	
}
	

.videobutton {
    width: 35px;
    height: 35px;
    background:url("../Images/Buttons/Video1.png") no-repeat;
    display: inline-block;
}
.videobutton:hover {
    background: url("../Images/Buttons/Video2.png") no-repeat;
}

.zoomdiv {
    height:100px;
    width:100px;
    position:absolute; 
    top:50px;
    left:50px; 
    opacity:0; 

}

.zoomdiv img {
    width: 100%;
    height: 100%;
}

.zoomsurround {
    height: 200px;
    width: 200px;
    position: relative;
    
}
/*********************************************************************************************************************************************************/
/*Mobile Phone landscape - 480-767px*/
/*Extra pixel for Dreamweaver displays*/
@media only screen and (min-width: 481px) {

#earth_div {
    width: 400px;
    height: 400px;
}


/*	#menusurround {
		background-color:aqua;
	}*/
}

/*********************************************************************************************************************************************************/
/*Allows space for menu on narrow screens*/
@media only screen and (min-width: 670px) {

/*	body {
		
		background-color: aquamarine;
	}*/

	
main {
    padding-top: 10vh;
	/*width: 90%;*/
}

#bottombar {
	width:80%;
	max-width: 800px;
	margin-left:auto;
	margin-right:auto;
	/*color: #eae7dc;*/
	background-color: transparent;
	position: absolute;
	bottom: 0;
}
	
#headercontent {
    background-color: transparent;
    position: fixed;
    top: 10vh;
    /*border: 2px dashed pink;*/
}

#headercontent #headerlogo {
    flex:1;
    flex-basis: 85%;
}
	
#headercontent #headermenu {
	flex:1;
	flex-basis: 10%;
	/*text-align: right;*/
	
}
	
#mainmenu {
   	width: 30% ;
}
	

	
#menusurround {
    width: 90%;
    max-width: 800px;
	/*margin-top: 0px;*/
    margin-left: auto;
    margin-right: auto;
    color: #c7c6c1;
	/*background-color: transparent;*/
}
	
#menusurround h2 {
   
	color: #c7c6c1;
	margin-top: 0px;
}
	
#menusurround #copyrightbar {
    flex-basis: 100%;
}
#menusurround #copyrightbar div {
    flex:1;
    flex-basis: 50%;
}
	
#menusurround #copyrightbar nav {
	flex:1;
	flex-basis: 50%;
	text-align: right;
}
	
#menusurround #menucontainer {

	display: flex;
	flex-direction:row;
    align-items: flex-end;
    justify-content: space-between;
	font-weight: bold;
	flex-basis: 100%;
	
}

/*
#solutionbar {
	display: none;
	
}*/	
	
	

	
.fullpage {
    display: flex;
	flex-direction:row;
	justify-content: center;
	align-items: center;
	height: 100%;
	/*margin-left: auto;
	margin-right: auto;*/
    box-sizing:border-box;
	position: relative;
	
}

	

.fullpage .maintext {
	flex-basis: 60%;
	align-content: center;
	padding-right: 10px;
	padding-left: 10px;
}



.fullpage  .mainimage {
	flex-basis: 30%;
	/*margin: auto;*/
	align-content: center;
	margin-top: 50px;
}



.fullpage  .mainimage img {
	/*flex-basis: 100%;
	height: auto;*/
	width: 100%;
	height:100%;


}
	

	
.submenu {
	/*min-width:35%;*/
   
}
	
}

/*********************************************************************************************************************************************************/
/*Tablet Portrait - 768-959px*/
/*Extra pixel for Dreamweaver displays*/
@media only screen and (min-width: 768px) {


	
	#earth_div {
    width: 500px;
    height: 500px;
}


	
	
#pageframe {
	/*margin-top: 20px;*/
	margin-left: auto;
	margin-right: auto;
	height: 105%;
}


	
	#scroller {
   scroll-snap-type: y mandatory;
		
}
	
	#solutions {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: space-between;
		
}

#solutions section {
	flex-basis: 30%;
	text-align: center;
	padding-bottom: 0px;
}



.mobilehidden {
	display: block;
}

/*.customerlogos img {
	height: 50px;
	width: auto;
}*/
}

/*********************************************************************************************************************************************************/
/*Desktop and tablet landscape - 960px+*/
@media only screen and (min-width: 960px) {

	body {
		font-size: 0.9em;
	}
	
	/*main {
			width: 80%;
	}*/
	
.content {
	padding: 10px 20px;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
}



/*    .customerlogos img {
        height: 60px;
        width: auto;
    }*/

#doublecolumn .content  {
	padding: 10px 20px;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
}


	#solutions1header, #solutions2header, #solutions3header {
    font-size: 1.8em;
    line-height: 2em;
}

#solutions1text, #solutions2text, #solutions3text {
    font-size: 1.2em;
}

.videolist p {
	max-width: 800px;
}

/*#videonav ul {
	min-height: 250px;
}*/
}

/*********************************************************************************************************************************************************/
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
	
.ipadhidden {
	display: block;
	
}

.ipadshow {
	display: none;
	
}
}