/* CSS Document */
@charset "UTF-8";
@viewport {
	width: device-width;
	height: device-height;
}

@font-face {
    font-family:'Nunito Sans';
    src: url(/fonts/NunitoSans-Regular.ttf);
	font-weight:normal;
	font-weight:400;
}

@font-face {
    font-family:'Nunito Sans';
    src: url(/fonts/NunitoSans-Italic.ttf);
	font-style:italic;
	font-weight:normal;
	font-weight:400;
}

@font-face {
    font-family:'Nunito Sans';
    src: url(/fonts/NunitoSans-Bold.ttf);
	font-weight:bold;
	font-weight:700;
}

@font-face {
    font-family:'Nunito Sans';
    src: url(/fonts/NunitoSans-BoldItalic.ttf);
	font-style:italic;
	font-weight:bold;
	font-weight:700;
}

@font-face {
    font-family:'Nunito Sans';
    src: url(/fonts/NunitoSans-Black.ttf);
	font-weight:bolder;
	font-weight:900;
}


.fix-font {
-webkit-font-smoothing: antialiased; /* fix some font-face fonts look bold on Mac in Chrome/Webkit based browsers. */
-moz-osx-font-smoothing: grayscale; /* Fixes font bold issue in Firefox version 25+ on Mac */
}


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


* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Teaching ie html5 new elements. */
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body {
	font-family:'Nunito Sans', sans-serif;
	font-size:.9em;
	line-height: 1.75em;
	letter-spacing:.5px;
    font-weight: normal;
	font-weight:400;
	color:#333;
}

p {
	text-align:justify;
	margin-bottom:1.75em;
}

b, strong { font-weight:700; }
i, em { font-style:italic; }

a:link, a:visited {
	text-decoration:none;
	color:#333;
}

a:hover, a:active {
	text-decoration:none;
	color:#25a7e2; /* blue */
}

p a:link, p a:visited {
	text-decoration:none;
	color:#333;
	border-bottom:1px dotted #25a7e2;
}

p a:hover, p a:active {
	text-decoration:none;
	color:#25a7e2; /* blue */
	border-bottom:1px dotted #25a7e2;
}

a img {border:0;}

img {width:100%;}

/* HEADER GENERAL */

header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:1em 3% 2em 3%;
	background:#fff;
	z-index:1000;
}

#logo {
	width:auto;
	height:3em;
}

#topNav {
	position:absolute;
	width:100%;
	top:4.5em;
	left:0;
	text-align:center;
	/*padding-left:15%;*/
	
}
#topNav li {
	/*float:left;*/
	display:inline;
	margin-left:40px;
	font-weight:bold;
	font-weight:700;
	font-size:.95em;
	letter-spacing:.75px;
	color:#666;
	
}
#topNav li a {
	padding-top:.25em;
	color:#666;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#topNav li a:hover {
	color:#25a7e2; /* blue */
	/*border-top:1px dotted #25a7e2; /* blue */
}

/* PRODUCT DROPDOWN MENU */
#topNav ul {
   background-color:#fff;
   width:100%;
   padding:0 10%;
   max-height:0;
   overflow:hidden;
   position:absolute;
   text-align:center;
   left:0;
   -webkit-transition:all .4s ease-in-out .4s;
   -moz-transition:all .4s ease-in-out .4s;
   -o-transition:all .4s ease-in-out .4s;
   -ms-transition:all .4s ease-in-out .4s;
   transition:all .4s ease-in-out .4s;
}

#navProducts:hover ul, #navApplications:hover ul {
   max-height:800px;
   background-color:#fff;
}
#navProducts ul li, #navApplications ul li {
	float:right;
	display:inline;
	margin:5px 2%;
	width:16%;
	height:16em;
	overflow:hidden;
	line-height:1em;
}
#navProducts ul li a, #navApplications ul li a {
padding-top:0;
}
#navProducts ul li img, #navApplications ul li img {
	width:100%;
	height:auto;
	margin-bottom:5px;
}
/* END PRODUCT DROPSOWN MENU */

#languages {
	position:absolute;
	top:.75em;
	right:7%;
}
#languages li {
	float:left;
	display:inline;
	height:1em;
	width:auto;	
	margin-left:10px;
}
#languages li img {
	height:18px;
	width:auto;
	border-top:2px solid #fff;
}
#languages li img:hover {
	cursor:pointer;
	border-top:2px solid #25a7e2; /* blue */
}


#menu-icon, #menu-icon-x {
	display: none;
}


/* CONTENT AREA */

#quotes {
	margin-left:7%;
	margin-top:25%;
	margin-bottom:10%;
	width:50%;
	padding:2em;
	font-size:1.5em;
	line-height:1.5em;
	letter-spacing:1px;
	font-style:italic;
	/*background:#FFF;*/
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255,255,255);
	/* RGBa with 0.6 opacity */
	background: rgba(255,255,255, 0.75);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff, endColorstr=#B3ffffff);
	filter: alpha(opacity=75);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff, endColorstr=#B3ffffff)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}

.contentWrap {
	width:100%;
	padding-top:400px;
}
.contentWrap h1 {
	margin-left:7%;
	margin-bottom:.5em;
	font-size:1.85em;
	font-size:2em;
	font-weight:900;
	letter-spacing:1px;
	text-transform:uppercase;
	color:#ccc;
	color:#25a7e2; /* blue */
	color:#fff;
	text-shadow: 1px 1px 0 #ccc;
	text-shadow: -1px 1px 1px #ccc;
}

.content {
	width:100%;
	padding:4em 7%;
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap:80px;
	-webkit-column-gap:80px;
	column-gap:80px;
	/*background:#FFF;*/
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255,255,255);
	/* RGBa with 0.6 opacity */
	background: rgba(255,255,255, 0.75);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff, endColorstr=#B3ffffff);
	filter: alpha(opacity=75);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3ffffff, endColorstr=#B3ffffff)";
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
}
.content.white {
	padding:4em 0%;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	background:#FFF;
}
.content h2 {
	font-size:1.5em;
	line-height:1.25em;
	font-weight:400;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:1em;
}
.content.white h2 {
	text-transform:none;
	margin-bottom:1.5em;
}
.content.white p {text-align:left;}

h3 {
	font-size:1em;
	line-height:1.2em;
	font-weight:700;
	letter-spacing:1px;
	text-transform:uppercase;
	margin-bottom:1.5em;
}
	
.content article {
	-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
	padding-bottom:4em;
}
.content article ul, .productInfo ul {
	margin-bottom:1.75em;
}
.content article ul li, .productInfo ul li {
	list-style:disc;
	margin-left:1.5em;
	margin-bottom:.75em;
}

#productindex {text-align:center;}
#productindex li {
	list-style:none;
	display:inline-block;
	width:30%;	
	margin:20px 5%;
}

.productInfo {padding:2em 20% 4em 20%;}
.productImg {
	width:60%;
	margin:auto;
}
.productImg img {
	width:100%;
	height:auto;
}

.userManualLinks a {
	float:none;
	display:block;
	padding:6px 0 3px 45px;
	background-image:url(img-base/icon-pdf-999.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:contain;
	margin-bottom:20px;
}

.navPrev {
	width: 50px;
    height: 50px;
    position:absolute;
    top: 700px;
    left:5%;
    text-indent: -9999px;
	background: url('/img-base/arrow-prev-ccc.png') no-repeat;
	background-position:center;
	background-size:contain;
}
.navPrev:hover {
	width: 50px;
    height: 50px;
	background:url('/img-base/arrow-prev-blue.png') no-repeat;
	background-position:center;
	background-size:contain;
}
.navNext {
	width: 50px;
    height: 50px;
    position:absolute;
    top: 700px;
    right:5%;
    text-indent: -9999px;
	background: url('/img-base/arrow-next-ccc.png') no-repeat;
	background-position:center;
	background-size:contain;
}
.navNext:hover {
	width: 50px;
    height: 50px;
	background:url('/img-base/arrow-next-blue.png') no-repeat;
	background-position:center;
	background-size:contain;
}

#contactInfo {
	float:left;
	display:inline-block;
	width:30%;
	margin-left:7%;
}
#contactForm {
	float:right;
	margin-right:7%;
	width:45%;
}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font-size:.9em; color:#666; }

/*#contact {
	background:#F9F9F9;
	padding:25px;
	margin:50px 0;
}*/

#contact h4 {
	display:block;
	font-size:1em;
	margin-bottom:1.5em;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"] {
	width:80%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}
#contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

#contact textarea {
	height:100px;
	max-width:100%;
  	resize:vertical;
}

#contact button[type="submit"] {
	cursor:pointer;
	width:auto;
	border:none;
	background:#25a7e2; /* blue */
	color:#FFF;
	margin:0 0 5px;
	padding:10px 30px;
	font-size:15px;
}

#contact button[type="submit"]:hover {
	background:#0f90c0; /* darker blue */
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

#contact input:focus, #contact textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
 color:#ccc;
}
:-moz-placeholder {
 color:#ccc;
}
::-moz-placeholder {
 color:#ccc;
}
:-ms-input-placeholder {
 color:#ccc;
}
	


/* FOOTER */

footer {
	width:100%;
	padding:1.75em 7%;
	padding-right:10%;
	font-size:.875em;
	color:#ccc;
	/*background:#666 url(img-base/logo-ME-fff.png) no-repeat right center;
	background-size:40px;
	background-position:95%;*/
	background:#666 url(img-base/logo-SwissDesignDevelopment.png) no-repeat right bottom;
	background-size:auto 4em;
}
footer div {
	display:inline;
	margin-right:3%;
}
#freckles {display:block;}
footer div a:link, footer div a:visited {color:#ccc;}
footer div a:hover, footer div a:active {color:#fff;}




/* Clear Fix */
header::after, #mainMenu ul::after, #navProducts ul::after, .content::after {
  content: "";
  display: table;
  clear: both;
}
.clear {clear:both;}



/* Fixed Header anchor link offset */
:target:before {
content:"";
display:block;
height:15em; /* fixed header height*/
margin:-15em 0 0; /* negative fixed header height */
}


/* Scroll to Top */

.scrollup {
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 15%;
    right:10px;
    display: none;
    text-indent: -9999px;
	background: url('/img-base/arrow-up-ccc.png') no-repeat;
	background-position:center;
	background-size:contain;
	z-index:9500;
}

.scrollup:hover {
	width: 50px;
    height: 50px;
	background:url('/img-base/arrow-up-blue.png') no-repeat;
	background-position:center;
	background-size:contain;
}


#bg {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url(uploads/image/background/medical-equipment.jpg);
	/*background-position:center;*/
	background-repeat:no-repeat;
	background-size:cover;
	z-index:-1;
}


@media only screen and (max-width : 1100px) {
/*FOR ALL MOBILE DEVICES*/
header {padding:1.2em 7% .5em 7%;}
#logo {height:2.75em;}
#menu-icon, #menu-icon-x {
	display:block;
	position:absolute;
	top:1.25em;
	right:10%;
	width: 40px;
	height: 40px;
	z-index:8000;
}
#menu-icon-x {
	top:-3.5em;
	z-index:9001;
}

#mainMenu {
	position:fixed;
	top:4.75em;
	left:0;
	width:100%;
	height:auto;
	padding:30px 7%;
	padding-right:10%;
	text-align:left;
	z-index:9000;
	background:#FFF;
}

#topNav, #languages {
	position:relative;
	top:0;
	left:0;
	display:block;
}
#topNav {
	padding-left:0;
	text-align:left;
}

#topNav li {
	clear:both;
	display:block;
	width:100%;
	margin: 0; 
	padding:0;
	font-size: 1.25em;
	line-height:2.25em;
	border-top:1px dotted #25A7E2; /*blue*/
}
/* PRODUCT DROPDOWN MENU */
#topNav li li { border:none;}
#topNav ul {
   width:125%;
   margin-left:-9%;
   padding:0 20px;
   z-index:5000;
}
#navProducts:hover ul, #navApplications:hover ul {
   /*max-height:800px;*/
   overflow:scroll;
}
#navProducts ul li, #navApplications ul li {
	clear:none;
	float:left;
	display:inline;
	margin:0 2%;
	width:18%;
	/*height:16em;*/
	overflow:hidden;
	font-size:.85em;
	line-height:1em;
}
#navProducts ul li a, #navApplications ul li a {
padding-top:10px;
border-top:none;
}

/* END PRODUCT DROPSOWN MENU */

#languages {
	padding-top:2em;
	border-top:1px dotted #25A7E2; /*blue*/
	z-index:2000;
}
#languages li {
	margin-left:0;
	margin-right:15px;
}
#languages li img {
	width:30px;
	height:auto;	
}

#mainMenu { display: none; }
#mainMenu:target { display: block; }


#quotes {
	position:absolute;
	left:0;
	margin-top:15%;
	/*bottom:15%;*/
	width:70%;
	padding:1.75em;
}

.content {
	padding:4em 7%;
	padding-right:15%;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap:0px;
	-webkit-column-gap:0px;
	column-gap:0px;
}

#productindex li {
	display:block;
	width:80%;	
	margin:0 10% 60px 10%;
}
#productindex li img {
	width:80%;
}

.productInfo {padding:2em 15% 4em 15%;}
.productImg {
	width:70%;
	margin:auto;
}

.navPrev {top: 650px;}
.navNext {top: 650px;}

#contactInfo, #contactForm {
	clear:both;
	display:block;
	width:93%;
	margin:0;
	margin-left:7%;
}
#contactForm {
	clear:both;
	display:block;
	width:73%;
	margin:0 20% 0 7%;
}
#contactInfo .country {
	float:left;
	width:40%;
	margin-right:10%;
}
#contactInfo::after {
	content: "";
  	display: table;
  	clear: both;
}


/*footer {background-position:95% 20px;}*/
footer #copyright {display:block;}

.scrollup {right:5%;}

}


@media only screen and (max-device-width: 700px) {
/* For PHONE layouts */
header {padding:1em 10% .2em 7%;}
#logo {height:2.5em;}
#menu-icon, #menu-icon-x {
	top:1em;
	right:6%;
	width: 35px;
	height: 35px;
}
#menu-icon-x {
	top:-3em;
	z-index:9001;
}
#mainMenu {
	top:4em;
	padding-right:10%;
}
#topNav li {
	font-size: 1em;
	line-height:2em;
}
/*#navProducts:hover ul {
   max-height:380px;
   padding-bottom:20px;
}*/
#navProducts ul li {
	margin:0 2%;
	margin-right:6%;
	width:40%;
	/*height:13em;*/
	font-size:.9em;
	line-height:1em;
}

#quotes {
	position:relative;
	margin-top:30%;
	margin-bottom:40px;
	width:70%;
	padding:1.5em;
	font-size:1.25em;
	line-height:1.25em;
	letter-spacing:.5px;
}


.content {
	padding:3em 15% 3em 7%;
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-moz-column-gap:0;
	-webkit-column-gap:0;
	column-gap:0;
}
.content p {
	text-align:left;
	line-height: 1.5em;
	margin-bottom:1.5em;
}
.content ul {
	margin-bottom:1.5em;
}
.content ul li {line-height: 1.5em;}

#contactInfo .country {
	float:left;
	width:45%;
	margin-right:5%;
}
	
.productInfo {padding:.5em 15% 1em 7%;}
.productInfo h2 {margin-bottom:.75em;}
.productInfo h3 {margin-bottom:.75em;}
.productInfo ul {margin-bottom:.75em;}
.productInfo ul li {margin-bottom:.25em;}

.productImg {height:auto;}
.navPrev {
	width:40px;
	height:40px;
	top: 400px;
	left:10px;
}
.navNext {
	width:40px;
	height:40px;
	top: 400px;
	right:10px;
}
.scrollup {
	width:40px;
	height:40px;
}

/*footer {background-position:92% 70%;}*/

}


@media only screen and (max-device-width: 700px) and (orientation:landscape) {
/* For PHONE landscape layouts */
header {padding:1em 15% .2em 10%;}
#logo {height:2em;}
#menu-icon, #menu-icon-x {
	top:.8em;
	width: 30px;
	height: 30px;
}
#menu-icon-x {
	top:-2.7em;
	z-index:9001;
}
#mainMenu {
	top:3.5em;
	padding:20px 15% 20px 10%;
}
#topNav li {
	font-size: 1em;
	line-height:2em;
}
#languages {padding-top:1em;}


.contentWrap {padding-top:200px;}
.contentWrap h1 {margin-left:10%;}
.content {padding:3em 15% 3em 10%;}


.productInfo {padding:1em 15% 2em 15%;}
.country h2, .country h3, .country p {margin-bottom:.5em;}

.scrollup {bottom: 25%;}

}


@media only screen (orientation:portrait) and (hover: none) and (pointer: coarse) {
/* For PHONE portrait layouts */
.contentWrap {padding-top:300px;}
.content.white {
	padding-top:1.75em;
	padding-bottom:1.5em;
}

.productImg {width:86%;}
.productInfo {
	padding:.5em 0;
}
.productInfo p, .productInfo ul {margin-bottom:1em;}
.country h2, .country h3, .country p {margin-bottom:.5em;}

.navPrev {
	position:relative;
	float:left;
	display:inline;
	top:auto;
	left:10%;
	margin-top:.5em;
}
.navNext {
	position:relative;
	float:right;
	display:inline;
	top:auto;
	right:10%;
}

#contactInfo .country {
	clear:both;
	display:block;
	width:90%;
	margin-right:10%;
	margin-bottom:.5em;
}

/*footer {position:relative;}*/
}


@media only screen and (max-device-width: 500px) {
/* small phone */
header {padding:1em 7% .2em 7%;}
#logo {height:2em;}
#menu-icon, #menu-icon-x {
	top:.8em;
	width: 30px;
	height: 30px;
}
#menu-icon-x {
	top:-2.7em;
	z-index:9001;
}
#mainMenu {
	top:3.5em;
	padding:20px 7%;
}


.contentWrap {padding-top:160px;}
.contentWrap h1 {margin-left:7%;}
.content {padding:3em 15% 3em 7%;}
.productInfo {padding:3em 15% 3em 7%;}

/*footer {background-position:95% 80%;}*/
footer div {display:block;}

}





@media only screen and (min-width : 2800px) {
/*FOR LARGER DESKTOP*/
/*header {padding:1em 10% 2em 10%;}*/
#languages {right:10%;}
/*#topNav {padding-left:40%;}*/

.contentWrap h1 {margin-left:10%;}
.content {
	padding:5em 10%;
	-moz-column-gap:100px;
	-webkit-column-gap:100px;
	column-gap:100px;
}
.productImg {width:60%;}
.productInfo {padding:5em 20%;}
#contactInfo {
	width:30%;
	margin-left:10%;
}
#contactForm {margin-right:10%;}

#freckles {display:inline;}
footer div {margin-right:5%;}
.scrollup {right:15px;}

}



@media all and (min-width: 1400px) {
/* Computer Large screen */

}