@charset "UTF-8";
/* CSS Document */
@-ms-viewport{  width: device-width;}
/* NORMALIZE */
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

body {
  margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figcaption,
figure,
main { /* 1 */
  display: block;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}
a:active,
a:hover {
  outline-width: 0;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}


code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

dfn {
  font-style: italic;
}


mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
 /* font: inherit; *//* 2 */
}
details, /* 1 */
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/* MAIN (was core plus slide ) */
body {
	padding:0;margin:0; 
	background-image: url(../images/ricepaperEG.jpg) !important; background-repeat: repeat;
	font-family:"myriad-pro",Arial, Helvetica, sans-serif;
}
/* - TYPE - */
h1 , h2 , h3, h4 , h5 , h6 , h7 { color: #666666; font-weight: 300;}
h1 , h2 { margin-top: 30px; margin-bottom: 18px; font-size: 50px; letter-spacing: -0.9px;}
h4 { font-size:120%;font-weight: 600;}
h5 {color: #83A3B2; font-size: 17px;}
h6 {color: #000000;font-weight: 600; font-size:100%;margin-bottom: 8px}

p , li , label { 
	font-weight: 300; 
	color: #666666;
	font-size: 17px;
	line-height: 22px;
	letter-spacing: 0px;
}

a { font-weight: 400; color: #2a4689;word-break: break-all;}
a:link {font-weight: 400; color:  #0000EE;}
a:visited { color: #551A8B; }
a:hover { color: #7CB7CE;}
a.external-link:after { content : " " url(/images/external.png);text-decoration: none;}

li { padding-bottom: 7px; }

.semibold { font-weight: 800; }

a:hover {
	-webkit-transition:color 350ms ease-in;
   -moz-transition:color 350ms ease-in;
   -o-transition:color 350ms ease-in;
   transition:color 350ms ease-in;
}

:selection {
	background: #7f5099; 
	color: #fff;
	}
:-moz-selection {
	background: #7f5099;
	color: #fff;
}


/* - LAYOUT - */

.bgIcons { 
	width: 100%;
	background-position: top center; 
	background-repeat: no-repeat;
	float: left;
}
.container { 
	position: relative;
	max-width: 955px;
	padding-left: 20px; padding-right: 20px;
	margin: 0 auto;
}


/* - HEADER - */

.headerWrapper {
		position: relative;
	max-width: 820px; height:170px;
}
.headerBlog {
	position: absolute;
	width: 100px;
	bottom: 0; 	right: 0;
	}
.BlogSmall {
	position: absolute;
	width: 100px;
	top: 15px; right: 20px;
	}
.headerLHS { max-width: 30px; float: left; padding-top: 23px;}

.headerRHS { max-width: 625px; float: left;	text-align: left; margin-top: 10px; }
.headerimg { max-width: 540px; float: left; text-align: left; margin-top: 10px; }

@media screen and (max-width: 599px) { 
  .headerimg { visibility: hidden; display: none; }
}
.headerimgmed {
	max-width: 405px;
	float: left;
	text-align: left;
	margin-top: 10px;
}
@media screen and (min-width: 599px) {
  .headerimgmed { visibility: hidden; display: none; }
  	}
@media screen and (max-width: 599px) {
	.headerWrapper: {height:80px;}
}

.hygieneWrapper {
	width: 100%;
	float: left;
	text-shadow: 0px 1px 0px #ffffff;
	filter: dropshadow (color=#ffffff, offx=0, offy=1);
	height: 30px;
}

.hygieneWrapper ul { margin:0; padding: 0; text-align:right; margin-right: 10px; }
.hygieneWrapper li {
	display: inline;
	padding: 0; margin: 0;
	border-right: 1px solid #c8c6c6;
	padding-right: 12px;
	padding-left: 7px;
}

.hygieneWrapper a {
	font-size: 13px;
	color: #909090;
	text-decoration: none;
}
.hygieneWrapper a:hover {
	color: #7f5099;
}

.linksWrapper {
	width: 255px;
	float: left;
	text-align: right;
}
.navWrapper {
	width: 100%;
	float: left;
	text-align: left;
}
.navWrapper ul { margin:0; padding: 0;}
.navWrapper li {
	display: inline;
	padding: 0; margin: 0;
	padding-top: 20px;
	color: #000000;
}
.navWrapper a {
	color: #444444;
}
.primaryNavBtn , .primaryNavBtn-ON {
	text-decoration: none;
	color: #000000;
	font-size: 16px; letter-spacing: -0.5px; font-weight: 300;
	padding-left: 4px; padding-right: 4px; padding-top: 4px; padding-bottom: 4px;
	margin-left: 1px; margin-right: 1px;
	
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    
	background-color: rgba(255, 255, 255, 1);
	
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.75);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0px 0px 2px 1px rgba(255, 255, 255, 0.75); 
	
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
  /*  user-select:none;*/
	
	-webkit-transition: all 0.8s ;
	-moz-transition: all 0.8s ;
	-o-transition: all 0.8s ;
	transition: all 0.8s ;
	
}
.primaryNavBtn:hover {
	
	color: #ffffff;
	background-color: rgba(61, 64, 255, 0.4);
}
.primaryNavBtn:active , .primaryNavBtn-ON {
		color: #000000;
	background-color: rgba(205, 215, 235, 0.95);

border: solid 0px #cbcbcb;
	
	/* inner glow*/
	-webkit-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 0px 2px 1px rgba(0, 0, 0, 0.5);
}

	

@media screen and (max-width: 700px) {
  .navWrapper { display: none; }
  .toggle { display: inline-block; }
  .hygieneWrapper { display: none; }
  .headerBlog {display: none; }
  .headerWrapper { height:80px;}
 }
@media screen and (min-width: 700px) {
	 .menu-container { display: none; }
	 .offcanvas-menu { display: none; }
	 .toggle { display:none; }
	 .menu { display:none; }
	.BlogSmall { display: none} 
}
.logoWrapper {
                max-width: 200px;
                height: 80px !important;
                float: left;
                text-align: center;
                margin-top: 20px;
			
}
.logoWrapper ul { margin:0; padding: 0; }
.logoWrapper li {
                display: inline;
                padding: 0; margin: 0px;
				}
.hola{ text-align: left;margin-left: 20px; !important; }
.eac{ text-align: left;margin-left: -30px; !important}
@media screen and (max-width: 875px) {
  .logoWrapper { display: none; }
  .logoWrapper2 { display: none; }
}
@media screen and (min-width: 875px) {
  .logoBottom { display: none; }
}

.headerLHS h1 { display:none; }

.logoBottom {
                max-width: 420px;
                float: left;
                text-align: center;
                margin-top: 20px;
				 margin-bottom: 20px;
							}
.logoBotL {
	 max-width: 100px;
                float: left;
                text-align: left;
              			}
.logoBotR {
	            float: right;
                text-align: left;
				margin-bottom: 20px;
				margin-left: 20px;
			  			}			
				
/* - CONTENT - */

.contentWrapper {
	width: 100%;
	background-color: rgba(255, 255, 255, 1);
	color: rgba(0, 0, 0, 0.85);
	color: rgba(255, 255, 255, 1);
	float: left;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); 
}

.contentLHSWrapper {
	max-width: 685px;
	margin-right: 30px;
	font-size: 17px;
	float: left;
}
.contentRHSWrapper {
	max-width: 180px;
	float: left;
	background-color: #10119a; 
	/*background-image: url(../images/ricepaperEG.jpg);*/
	background-position: top center;
}
.contentLHSInnerWrapper {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
/*.Testimonial { margin-bottom: -12px; }*/
.Testimonial { margin-bottom: -12px;
width: 90%;
border: 1px solid #0000dd;
background-color: #f2f2ff;
padding: 12px; margin: 5px;}
.TestimonialAuthor { margin-top: -10px; margin-bottom: 25px; margin-left:10px;}
.TestimonialMain { 	float: right; }

.contentRHSclearWrapper {
	max-width: 140px;
	height: 10px;
	margin-left: 0px; margin-right: 0px;
	margin-top: 0px; margin-bottom: 0px;
background-color: transparent;
	font-size: 15px;
	color: #ffffff;
	color: #ffffff;
	text-decoration: none;
	float: left; 
}
.contentRHStextWrapper {
	max-width: 140px;
	height: 396px;
	margin-left: 0px; margin-right: 0px;
	margin-top: 2px; margin-bottom: 2px;
	padding: 2px;
	background-color: #ffffff;
	font-size: 15px;
	color: #3C37CE;
	 font: normal 14px;
line-height: 18px;
	text-decoration: none;
	overflow:hidden;
height:1%;
	float: left; 
}
.contentLHSInnerWrapper a:link { font-weight: 600; color: #65ADC9; }
.contentLHSInnerWrapper a:hover { color: #7CB7CE; }
a.external-link:after {
content : " " url(/images/external.png);
text-decoration: none;
}
li { padding-bottom: 7px; }

.semibold { font-weight: 800; }

a:hover {
	-webkit-transition:color 350ms ease-in;
   -moz-transition:color 350ms ease-in;
   -o-transition:color 350ms ease-in;
   transition:color 350ms ease-in;
}
a[href^="tel:"] {
  text-decoration: none;
}
@media screen
and (min-width: 599px) {
   a[href*="tel:"] {
          pointer-events: none;
		  cursor: text;
	     color: #222222;
   }
}

/* / --- FOOTER --- / */

.footerWrapper {
	width: 100%;
	margin-top: 10px;
	float: left;
	color: #ffffff ;
	margin-bottom: 0px;
}
.footerLHSWrapper {
	max-width: 600px;
	margin-right: 10px;
color: #ffffff ;
	float: left;
}

	
.footerRHSWrapper {
	max-width: 180px;
	float: left;
	text-align: right;
	padding-right: 5px;
	margin-left: 10rem;
	display: inline;
	font-size: 12px;
}
.footerLHSWrapper ul {
	margin:0; padding:0;
		
}
.footerLHSWrapper li {
	display: list-item;
	/*padding: 0; margin: 0;*/
	font-size: 18px;
	border-right: 0px;
	/*padding-right: 3px;*/
	color: #ffffff ;
	margin-right: 2px;
	margin-left: 20px;
	padding: 0.4rem;
}

.footerLHSWrapper a {
	color: #ffffff ;
	text-decoration: none;
}
.footerLHSWrapper a:hover {
	color: #000000;
}
.footerLHSWrapper p {
	color: #ffffff ;
	margin:0; padding:0;
	margin-top: 10px;
		font-size: 16px;
}

/* - HR - */

/*div.hr {display: none}
a{}
div.hr {
	display: inline-block;
	height: 2px;
	width: 100%;
 	background-color: transparent;
	border-color: #666666;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: dotted;
	margin-top: 15px;
	margin-bottom: 10px;
	clear: both;
}
hr {display:none}*/


/*=  SLIDE MENU  =*/

/*-HIDE SELECT CHECKBOX  -*/

.toggle, .full-screen-close { display: none; }

.full-screen-close {
	width: 100%; height: 100%;
	position: absolute;
	cursor: pointer;
	top:0; 	left:0;
}

/*-  TOGGLE OFF-CANVAS MENU  -*/

.toggle:checked + .container > .menu-container 
{
  	margin-left: -12%;
}

.toggle:checked + .container > .content .full-screen-close
{
  	display: block; background: rgba(0,0,0,.5);
}

.menu { padding-top: 12px; }

.toggle-btn, .close-btn { cursor: pointer; }

.toggle-btn { font-size: 2.25rem; }


.close-btn { float: right; font-size: 1.5rem; padding: 1.5rem; color: #ededed; }

.menu-container, .content { transition: margin 0.5s ease-in-out; }

.menu-container 
{ background: #7094c5; 
	width: 50%; margin-left: -57%; float: left;
	height: 320%;
	position: absolute;
	z-index:99;
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { .menu-container {height: 350%;} }

.slide-menu i
{
	margin-right: 10%; margin-left : -50%;
	float: left;
	font-size: 18px;
	vertical-align: left;
}
.slide-menu ul
{ 
 list-style-type: none;
}
.slide-menu li a
{
	color: #fff;
	padding: 10px;
	padding-left: 50px;
	text-decoration: none;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	display: block;
	transition: background-color .5s ease-in-out;
}
.slide-menu li a:active
{
	background-color: #666666;
	color: #5555aa
}
.slide-menu li a:hover
{
	background-color: #34495e;
}

/*= MEDIA QUERIES =*/
@media (max-width: 460px) {
	.slide-menu li a { font-size: 0.875rem; padding-left: 22px;}
	.slide-menu li i { font-size: 16px;	}
}
@media (max-width: 360px) {
	.slide-menu li a { font-size: 0.775rem; padding-left: 15px;}
	.slide-menu li i { font-size: 15px;	}
}
@media (max-width: 320px){
	.slide-menu li i { display: none; }
}*/

/* NORMALISE *?


