/* CSS by mrks.ch, Zurich */

/* Reset Styles
***********************/
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: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q demo
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
strong {font-weight: bold;}
em {font-style: italic;}
img {border: 0px; vertical-align: bottom;}


/* start general styles */
html { overflow-y: scroll; }

body {
	background: #fff; 
	font-family:"futura-pt",Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust:none; 
	text-rendering: optimizeLegibility;
	height: auto;
	color:#000;
	font-weight:400;
	}
	
p {font-family:"sirba-web",Times,serif; font-weight:400; font-size: 13px; line-height: 16px; margin-top:10px;}

h1 {font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#000; letter-spacing:1px; margin:0px; padding:10px 0px 0; line-height:17px;}
h2 {font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#fff; background:#000; border-bottom:2px solid #FFF; text-align:center; letter-spacing:2px; margin:0px; padding:5px; line-height:15px;}
h3 {font-size:16px; font-weight:300; color:#5ba674; margin:0px; padding:0px; line-height:18px;}
h5 {font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#fff; letter-spacing:1px; margin:0px; padding:0px 0px 0; line-height:13px;}

h6 {font-family:"sirba-web",Times,serif; font-weight:400; font-size:13px; line-height:16px;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

	
/* --Mobile Switcher */
.mobile {display:none;}
.desktop {display:inherit;}

/* end general styles */

/* start link styles */
a:link, a:visited {
	color:#313131;
	font-style:normal;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}

p a:hover {background:#000; color:#FFF;}
	
	
/* end link styles */

/* special pages styles */
#pagebox {padding:0px 0px 60px; z-index:1; position:relative; max-width:800px; overflow:hidden;}
#pagebox img {padding-bottom:20px; width:100%;}
#pagebox h1 {font-family:"sirba-web",Times,serif; font-size:32px; font-weight:400; color:#000; letter-spacing:0px; margin:0px 0 30px 0; padding:3px 0px 0; line-height:40px;}
#pagebox p {font-family:"sirba-web",Times,serif; font-weight:400; font-size: 20px; line-height: 28px; margin-top:15px;}

/* newsletter page */
.newsletterpage {}
.newsletterpage h5 {color:#000; font-size:20px; margin:10px 0 26px;}
.newsletterpage fieldset {margin-top:20px; font-family:"futura-pt",Arial,sans-serif; font-size:16px; font-weight:500; color:#fff; letter-spacing:0px; line-height: 19px; border:0; padding:0;}
.newsletterpage fieldset label {display:block; color:#000;}
.newsletterpage fieldset input {border:1px solid #CCC; margin:3px 0 6px; padding:6px; max-width:400px;}
.newsletterpage .btn {width:100px; display:block; background:#000; border:1px solid #fff; margin-top:8px; padding:1px; font-size:18px; font-family:"futura-pt",Arial,sans-serif; font-size:18px; font-weight:500; color:#fff;}
.newsletterpage .btn:hover {background:#fff; border:1px solid #000; color:#000;}
.newsletterpage #response {color:#f30;}

/* special reading styles */
#readview {padding:30px 10px 60px; margin:auto; z-index:1; position:relative; max-width:800px; overflow:hidden;}
#readview img {padding-bottom:20px; width:100%;}
#readleft {width:50%; float:left;}
#readleft img {max-width:220px; padding:0;}
#readright {width:50%; float:left; text-align:right;}

#readview h1 {font-family:"sirba-web",Times,serif; font-size:32px; font-weight:400; color:#000; letter-spacing:0px; margin:60px 0 30px 0; padding:3px 0px 0; line-height:40px;}
#readview p {font-family:"sirba-web",Times,serif; font-weight:400; font-size: 20px; line-height: 28px; margin-top:15px;}



/* start sitebuild styles */
#topstylerfix {height:4px; background:#000; position:fixed; width:100%; z-index:99;}
#topstyler {height:10px; background:#000;}
#container {padding:30px 10px 30px; margin:auto; z-index:1; position:relative; max-width:1120px; overflow:hidden;}

/* header */
#header {padding:0px; font-size:24px; color:#333; position:relative;}
#headerleft {width:360px;; float:left; text-align:left;}
#headerleft img {width:100%;}

#navigationminiwrapper {padding-top:22px;}
#mininaviwrapper {position:fixed; z-index:999; display:none; width:100%; background:#fff; border-bottom:1px solid #000; border-top:4px solid #000; height:54px;}
#mininavi { width:1120px; padding:0 10px 0; margin:auto; position:relative; }

#logomini {width:85px; position:absolute; top:18px; right:5px;}
#logomini img {width:100%;}

/* navigation */
#navigationwrapper {padding-top:32px;}
#navigation {}
#navigation li {margin:0 3px 0 0; float:left;}
#navigation li a {color:#fff; font-size:16px; padding:5px 12px; letter-spacing:2px; text-decoration:none; font-weight:500; background:#000; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
#navigation li a:hover {color:#fff; text-decoration:none; background:#7d00ff; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
#navigation li a.active {color:#fff; text-decoration:none; background:#7d00ff; cursor: default; }
#navigation li a.active1 {color:#fff; text-decoration:none; background:#FC1156; cursor: default; }
#navigation li a.active2 {color:#000; text-decoration:none; background:#01D0FC; cursor: default; }
#navigation li a.active3 {color:#000; text-decoration:none; background:#00FAC4; cursor: default; }
#navigation li a.active4 {color:#000; text-decoration:none; background:#e1ff00; cursor: default; }
#navigation li a.active5 {color:#fff; text-decoration:none; background:#FE47FB; cursor: default; }
#navigation li a.active6 {color:#fff; text-decoration:none; background:#ff9100; cursor: default; }
#navigation li a.active7 {color:#fff; text-decoration:none; background:#006674; cursor: default; }

#navigation li a.navi1:hover {color:#fff; text-decoration:none; background:#FC1156;}
#navigation li a.navi2:hover {color:#000; text-decoration:none; background:#01D0FC;}
#navigation li a.navi3:hover {color:#000; text-decoration:none; background:#00FAC4;}
#navigation li a.navi4:hover {color:#000; text-decoration:none; background:#e1ff00;}
#navigation li a.navi5:hover {color:#fff; text-decoration:none; background:#FE47FB;}
#navigation li a.navi6:hover {color:#fff; text-decoration:none; background:#ff9100;}
#navigation li a.navi7:hover {color:#fff; text-decoration:none; background:#006674;}

#topnavigation {position:absolute; right:22px; top:0px; height:12px; z-index:9;}
#topnavigation li {margin:0 0 0 16px; float:left; padding:0; color:#000; font-size:11px; letter-spacing:2px; font-weight:400;}
#topnavigation li a {color:#000; font-size:11px; padding:0; letter-spacing:2px; text-decoration:none; font-weight:400; line-height:11px;}
#topnavigation li a:hover, #topnavigation li a.active {color:#000; text-decoration:underline; font-weight:400;}
#topnavigation li a.active {cursor: default; }

.wirestore {width:20px; position:absolute; top:-5px;}

#mobilenaviwrapper {position:fixed; width:100%; background:#FFF; border-bottom:1px solid #000; border-top:2px solid #000; z-index:50; min-height:60px;}
#mobilebg {width:100%; height:60px; background:#FFF; z-index:99;}
#mobilenavi {position:absolute; right:20px; top:18px; width:24px; height:24px;}
#mobilenavi a {border:0;}
#mobilenavi img {width:100%;}
#mobilelogo {position:absolute; left:12px; top:8px; width:160px;}
#mobilelogo a {border:0;}
#mobilelogo img {width:100%;}

#mobilenavigation {margin:0px 0 0 0; display:none;}
#mobilenavigation li {margin:9px 0; text-align:center;}
#mobilenavigation li a {color:#000; font-size:16px; padding:1px 5px; letter-spacing:2px; text-decoration:none; font-weight:500; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
#mobilenavigation li a:hover {color:#fff; text-decoration:none; background:#000; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
#mobilenavigation li a.active {color:#fff; text-decoration:none; background:#000; cursor: default; }

/* content */
#contentwrapper {position:relative; padding:30px 0 20px; margin:30px 0 0; background:#FFF; z-index:5; min-height:600px;}
#contentwrapper img {width:100%;}

#homeimagetop {background:#0F0;}

/* Footer */
#footer {
	clear:both; display:none;
	position:relative;
	width:100%;
	background-color:#000;
	margin-top:0px;
	padding:30px 0;
	border-top:1px solid #01456A;
	font-size:10px;
	}	
#footerwrapper {
	max-width:1120px;
	margin:auto;
	}
.footerbox {float:left; padding:0 20px; box-sizing:border-box; color:#FFF;}
.footerbox img {width:100%;}
.fbox1 {width:33.3%;}
.fbox1 img {max-width:180px; margin-top:10px;}
.fbox2 {width:33.4%; border-left:1px solid #FFF; border-right:1px solid #FFF; height:230px;}
.fbox3 {width:33.3%;}
.fbox3 a {color:#FFF; text-decoration:none;}
.fbox3 a:hover {color:#FFF; text-decoration:underline;}
.footerbox p {font-family:"futura-pt",Arial,sans-serif; font-size:15px; line-height:17px; font-weight:500; color:#fff; padding:24px 0 0 0;}
#copyfooter {text-align:center; padding:25px 0 25px; font-family: "sirba-web",Times,serif; font-weight:400; font-size: 13px; line-height: 16px; display:none;}
	
	
/* Newsletter Form */
fieldset {margin-top:20px; font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#fff; letter-spacing:0px; line-height: 19px; border:0; padding:0;}
fieldset label {display:block;}
fieldset input {border:1px solid #CCC; margin:0px 0 6px; padding:3px; width:96%;}
.btn {width:100px; display:block; background:#000; border:1px solid #fff; margin-top:8px; padding:1px; font-size:16px; font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#fff;}
.btn:hover {background:#fff; border:1px solid #fff; color:#000;}
#response {color:#f30;}


/* home */
.homecontainer {z-index:4; margin:15px -1.1% 15px -1%;}	
/* old .homebox {width:22.9%; float:left; margin:10px 1% 20px;} */
.homebox {width:22.9%; float:left; margin:0px 1% 20px;}

.homebox img {width:100%; padding:5px 0;}
.boxline {height:5px; background:#000; margin:9px 0 3px 0;}	

.frontbox{}
.frontbox p {color:#000 !important;}
.frontsubtitle h1 {padding-top:3px;}


/* subnavigation */
#subnavigation {margin:20px 0 30px 0;}
#subnavigation li {margin:0 0 10px 0;}
#subnavigation li a {font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; text-decoration:none; padding:0 0 0px 0;}
#subnavigation li a:hover {color:#fff; background:#000; text-decoration:none;}
#subnavigation li a.active {color:#fff; background:#000; text-decoration:none; cursor: default;}

.pseudolink {color:#000; font-size:18px; line-height:18px; letter-spacing:1px; text-decoration:none; padding:0 0 0px 0; border-bottom:4px solid #FFF;}
.pseudoactive {color:#000; font-size:18px; line-height:18px; letter-spacing:1px; text-decoration:none; padding:0 0 0px 0; border-bottom:4px solid #85FBBE; display:inline-block;}

/* content */
.leftcontent {width:25%; float:left; box-sizing:border-box; padding-right:20px; text-align:left; min-height:400px;}
.maincontent {width:75%; float:left; box-sizing:border-box; padding-left:0px;}
.maincontent2 {width:75%; float:left; box-sizing:border-box; padding-left:0px;}
.maincontent3 {width:75%; float:left; box-sizing:border-box; padding-left:0px;}

.contentbox1 {width:31%; float:left; box-sizing:border-box; margin:10px 1% 20px; padding-bottom:10px; text-align:center; line-height:18px; font-size:15px;}
.contentbox1 img {padding-bottom:0px; width:100%;}

.mainleftbox {width:33%; box-sizing:border-box; float:left; padding:0 10px 0 0;}
.mainrightbox {width:67%; box-sizing:border-box; float:left; padding:0 0 0 10px;}
.mainrightbox h1 {font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; padding:0 0 0 0;}

.specialtitle h1 {font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; padding:0 0 0 0;}

.fullbox {border-bottom:1px solid #000; box-sizing:border-box; padding:10px 0 20px 0; margin:0 0 20px 0;}

/* title overlay fuer ABSTRAKT */
.gallery-item {height: auto; position: relative;}
.gallery-item:hover .img-title {/*opacity: 1;*/}
.img-title {
    position: absolute;
    top: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    text-align: left;
	box-sizing:border-box; padding:15px;
	font-family:"futura-pt",Arial,sans-serif; font-size:15px; font-weight:500; color:#000; letter-spacing:1px;
    display: none; /* comment this out for CSS hover */
    background-color:rgba(0, 250, 196,0.8);
    /*transition: all 0.5s ease;*/
}
.contright2 {height:40px;}

.teamleftbox {width:31%; box-sizing:border-box; float:left; padding:0 0px 0 0; margin:0 1%; background:#FC1156;}
.teamrightbox {width:67%; box-sizing:border-box; float:left; padding:0 0 0 20px;}
.teamrightbox h1 {font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; padding:0 0 0 0;}
.teambox {height:365px;}
.teampopup {display:none; padding:0px 0 10px 0; margin-top:-10px; text-align:left; background:#FFF; z-index:99; position:relative;}
.teamarrow {width:15px; margin:0px auto 5px;}
.teamarrow img {width:100%;}
.teamwrapper {padding:0 0 0;}
.teamwrapper:hover {background:#FC1156;}
.teamtitle {padding:16px 20px 10px; text-align:center; font-family:"sirba-web",Times,serif; font-weight:400; font-size: 14px; line-height: 17px; box-sizing:border-box;}
.teamtitle h1 {font-size:16px; padding:0 0 6px 0;}

.teamsubline h1 {font-size:14px; padding:0 0 8px 0; margin-top:-5px;}
.teamsubline2 h1 {font-size:16px; margin-top:-2px;}

.eventheader1 {background:#000; text-align:center; padding:8px 0 8px; color:#FFF; margin:12px 0 0px; font-family:"futura-pt",Arial,sans-serif; font-size:16px; font-weight:500; letter-spacing:2px;}
.eventheader2 {background:#000; text-align:center; padding:8px 0 8px; color:#FFF; margin:60px 0 14px; font-family:"futura-pt",Arial,sans-serif; font-size:16px; font-weight:500; letter-spacing:2px;}

.trans {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}
.trans:hover {-webkit-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s; -moz-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; -ms-transition:all 0.4s ease 0s;}

.eventseriebox {height:300px;}

.eventbox2 {border-bottom:1px solid #000; box-sizing:border-box; padding:20px 10px; margin:0 0 0px 0;}
.eventbox {border-bottom:1px solid #000; box-sizing:border-box; padding:20px 10px; margin:0 0 0px 0;}

.eventleftimg {max-width:160px;}
.eventleftimg img {width:100%;}

.eventleftbox {width:20%; box-sizing:border-box; float:left; padding:0 10px 0 0; line-height:20px;}
.eventrightbox {width:80%; box-sizing:border-box; float:left; padding:0 0 0 10px;}
.eventrightbox h1 {font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; padding:0 0 0 0;}
.eventpopup {margin-top:10px;}
.eventpopup2 {margin-top:5px;}
.eventrightbox2 {width:80%; box-sizing:border-box; float:left; padding:0 0 0 10px; margin-top:-13px;}
.eventrightbox2 h1 {font-size:20px; line-height:22px; font-weight:400; letter-spacing:0px; padding:10px 0 0 0;}

.eventgallery {margin:30px 0 0 0; padding:10px; border:1px solid #CCC;}
.eventgallery a {background:#FFF;}
.eventgallery a img {width:auto !important; margin:0 5px 5px 0; padding:0;}
.eventgallery a:hover {background:#FFF;}
.eventgalleryimg {height:100px; width:auto !important;}


.objectcontent {margin:10px 0 0 0; padding:3px 3px 20px 3px; line-height:19px; font-family:"sirba-web",Times,serif; font-weight:400; font-size: 14px; border-bottom:1px dotted #000000;}
.objectcontenttitle {font-family:"futura-pt",Arial,sans-serif; font-size:16px; font-weight:500; padding-bottom:10px;}
.objectcontent a {background:#00FAC4;}
.objectcontent a img {width:23px !important; padding:0 0 1px 6px;}
.objectcontent a:hover {background:#00FAC4; text-decoration:underline;}
.objectart a {background:#FFF;}
.objectart a img {width:auto !important; margin:0 5px 5px 0; padding:0;}
.objectart a:hover {background:#FFF;}
.objectartimg {height:100px; width:auto !important;}

.contentbox {float:left;}
.boxleft {width:24%; margin:0 1% 0 0;}
.boxright {width:24%; margin:0 0 0 1%;}
.boxmiddle {width:48%; margin:0 1% 0 1%;}
.boxrightwrapper {width:74%; margin:0 0 0 1%; min-height:500px;}

.productbox {width:32%; float:left; padding:0 0 0px 0; height:318px; overflow:hidden;}
.productbox a {text-decoration:none;}
.productbox a:hover {text-decoration:none;}
.probox1 {margin:0 1% 0 0;}
.probox2 {margin:0 1% 0 1%;}
.probox3 {margin:0 0 0 1%;}

.productboxfront {padding:0 0 10px 0; text-align:center;}
.productboxfront img {width:80% !important; margin:auto;}
.productboxfront a {text-decoration:none;}
.productboxfront a:hover {text-decoration:none;}

.proboxdesc {text-align:left;}
.out {border-top:8px solid #D0C7C2;}
.over {border-top:8px solid #85FBBE;}

.prodetailimg {width:65%; margin:0 2% 0 0; float:left;}
.prodetailimg img {padding-bottom:10px;}

#prothumbwrapper {margin:10px 0 0 0;}
.prothumbbox {width:31%; margin:10px 1% 0; float:left;}

.prodetailtext {width:31%; margin:0 0 0 2%; float:left;}
.prodetailmanu {padding:10px 0 10px 0;}
.prodetailmanu a {text-decoration:underline;}
.prodetailshare {padding:8px 0 8px 0; line-height:19px;}

.boxprice {padding:5px 0 20px; margin:0 0 20px 0; font-weight:bold; border-bottom:8px solid #D0C7C2;}
.productdesc p {font-family:'AdobeGaramondW01-Regula'; letter-spacing:0px;}

.brandboxleft {width:32%; margin:0 1% 0 0; float:left;}
.brandboxright {width:66%; margin:0 0 0 1%; float:left;}
.brandboxright p {font-family:'AdobeGaramondW01-Regula'; padding:60px 0 10px; letter-spacing:0px;}
.brandboxtext {display:none;}
.brandboxtext p {font-family:'AdobeGaramondW01-Regula'; padding:10px 0; letter-spacing:0px;}

.basketboxleft {width:32%; margin:0 1% 0 0; float:left; padding-bottom:20px;}
.basketboxright {width:66%; margin:0 0 0 1%; float:left; padding-top:10px;}
.basketboxright p {font-family:'AdobeGaramondW01-Regula'; padding:15px 0; letter-spacing:0px;}
.basketboxprice {padding:5px 0 20px; margin:0 0 10px 0; font-weight:bold;}
.baskettext {padding:100px 0 30px 0;}
.basketbox {margin:15px 0 10px 0; background:#F8F8F8; padding:10px; font-family:'AdobeGaramondW01-Regula'; line-height:20px;}

.blogbox {margin:0 0 40px 0;}
.blogbox p {font-family:'AdobeGaramondW01-Regula'; padding:5px 0; letter-spacing:0px;}
.blogbox p a {text-decoration:underline;}
.blogbox p a:hover {text-decoration:none;}
.blogbox img {width:70% !important; margin:0 auto 10px;}
.blogdate {font-family:'AdobeGaramondW01-Regula'; margin:5px 0 0 0; font-size:12px;}
.blogshare {padding:10px 0 0 0;}

#appwrapper {padding:0 10px;}
#appbox {max-width:700px; box-sizing:border-box; margin:auto; background:#FFF; padding:0 0px 20px;}
#appbox img {width:100%;}
#apptext {padding:20px 25px 0;}
#apptext p {font-family:"futura-pt",Arial,sans-serif; font-weight:400; color:#000; letter-spacing:0.5px; font-size:17px; line-height:20px; padding:3px 0;}
#appdisclaimer {padding:0px 15px 0;}
#appdisclaimer p {font-family:"futura-pt",Arial,sans-serif; font-size:12px; font-weight:400; color:#000; letter-spacing:0px; line-height:14px; padding:0px 0;}
#appfields {padding:20px 40px;}
.appfieldbox {width:33.3%; float:left;}
.appfieldbox img {width:100%;}
.appimg1 {margin:20px 0 0 0;}


.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top:0px; margin:10px 0 5px 0; height:0; max-width:1000px;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	



/* Image Overlay */
.tintimg {display:block;}
.tint {position: relative; cursor: pointer; -webkit-shadow: rgba(0,0,0,.2) ; -moz-shadow: rgba(0,0,0,.2); box-shadow: rgba(0,0,0,.2);}
.tint:before {content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}
.tint:hover:before {background: rgba(255,255,255, 0.3);}


/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.clear {clear:both;}

/* FORM Styles */
select.product {
	border:1px solid #7F7F7F;
	padding:8px;
	margin-top:6px;
	width:100%;
	font-size:12px;
	background-color:#FFF;
	}
select.product:hover {
	background-color:#EAEAEA
	}
	
input.shopButton {
	font-family:'Futura W01 Heavy', Helvetica, sans-serif;
	border:0px;
	width:100%;
	padding:6px 12px;
	margin:10px 0;
	text-align:center;
	font-size:18px;
	letter-spacing:1px;
	background-color:#FDFBA4;
	color:#C5B8B0;
	cursor:pointer;
	}
	
input.shopButton:hover {
	color:#000;
	}
	
input.shopcontinueButton {
	font-family:'Futura W01 Heavy', Helvetica, sans-serif;
	border:0px;
	padding:8px 20px;
	margin:0px 0;
	text-align:center;
	font-size:18px;
	letter-spacing:1px;
	background-color:#FDFBA4;
	color:#C5B8B0;
	cursor:pointer;
	}
	
input.shopcontinueButton:hover {
	color:#000;
	}	
	
input.refreshButton {
	font-family:'Futura W01 Heavy', Helvetica, sans-serif;
	border:0px;
	padding:2px 10px 2px;
	margin:10px 0;
	text-align:center;
	font-size:14px;
	letter-spacing:1px;
	background-color:#FDFBA4;
	color:#C5B8B0;
	cursor:pointer;
	}
	
input.refreshButton:hover {
	color:#000;
	}
	
.pseudoBasket {
	display:block;
	font-family:'Futura W01 Heavy', Helvetica, sans-serif;
	border:0px;
	padding:8px 20px;
	margin:10px 0;
	text-align:center;
	font-size:18px;
	letter-spacing:1px;
	background-color:#FDFBA4;
	color:#C5B8B0;
	cursor:pointer;
	}

input.search {
	border:1px solid #999;
	font-family:'Adobe Garamond W01 It', Times, serif;
	width:218px;
	margin:0;
	font-size:16px;
	letter-spacing:1px;
	color:#666;
	padding:5px 2px 3px;
	}
input.search:hover {
	border:1px solid #000;
	}
	
input.shop {
	border:1px solid #000;
	width:98%;
	margin:6px 0;
	font-size:14px;
	padding:6px 2px;
	}
input.shop:hover {
	border:1px solid #999;
	}
	
input.shopRed {
	border:1px solid #000;
	width:98%;
	margin:6px 0;
	font-size:14px;
	padding:6px 2px;
	background-color:#FFCAC7;
	}
input.shopRed:hover {
	border:1px solid #999;
	}
	
textarea.shop{
	border:1px solid #000;
	padding:2px;
	width:98%;
	height:100px;
	margin:10px 0;
	font-size:14px;
	}
textarea.shop:hover {
	border:1px solid #999;
	}

select.shop {
	border:1px solid #000;
	padding:4px;
	margin:5px 0;
	width:70%;
	font-size:14px;
	background-color:#FFF;
	}
select.shop:hover {
	background-color:#EAEAEA
	}


input.reloadButton {
	border:1px solid #DDD;
	padding:0px;
	padding-left:10px;
	padding-right:10px;
	height:26px;
	text-align:center;
	font-size:12px;
	;
	background-color:#F4F4F4;
	color:#333;
	cursor:pointer;
	}
	
input.reloadButton:hover {
	background-color:#EAEAEA;
	}
	
input.shopButton2 {
	border:1px solid #DDD;
	padding:0px;
	padding-left:20px;
	padding-right:20px;
	height:30px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#FFF;
	color:#333;
	cursor:pointer;
	}
	
input.shopButton2:hover {
	background-color:#E4E4E4;
	}
	
@media screen and (max-width: 1000px) {
	#navigation li {margin:0 2px 0 0; float:left;}
	#navigation li a {color:#fff; font-size:15px; padding:3px 8px; letter-spacing:2px; text-decoration:none; font-weight:500; background:#000; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
}

@media screen and (max-width: 1000px) {
	#navigation li {margin:0 2px 0 0; float:left;}
	#navigation li a {color:#fff; font-size:16px; padding:3px 6px; letter-spacing:2px; text-decoration:none; font-weight:500; background:#000; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}
}

@media screen and (max-width: 820px) {
	#navigation li {margin:0 2px 0 0; float:left;}
	#navigation li a {color:#fff; font-size:14px; padding:3px 6px; letter-spacing:1px; text-decoration:none; font-weight:500; background:#000; -webkit-transition:all 0.3s ease 0s; transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -o-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s;}

	.leftcontent {width:100%; float:left; box-sizing:border-box; padding-right:0px; padding-bottom:20px; border-bottom:1px solid #000; text-align:left; min-height:0;}
	.maincontent {width:100%; float:left; box-sizing:border-box; padding-left:0px; margin-top:20px;}
	.maincontent3 {width:100%; float:left; box-sizing:border-box; padding-left:0px; margin-top:20px;}
	.maincontent2 {width:100%; float:left; box-sizing:border-box; padding-left:0px;}
	
	#contentwrapper {position:relative; padding:20px 0 20px; margin:30px 0 0; background:#FFF; z-index:5; min-height:600px;}
	
	.fbox1 {width:24%;}
	.fbox1 img {max-width:120px; margin-top:10px;}
	.fbox2 {width:32%; border-left:1px solid #FFF; border-right:1px solid #FFF; height:230px;}
	.fbox3 {width:44%;}
	
	.homecontainer {z-index:4; margin:15px -1.2% 15px -1.1%;}	
	.homebox {width:47.9%; float:left; margin:0px 1% 5px;}
	
	.mainleftbox {width:28%; box-sizing:border-box; float:left; padding:0 10px 0 0;}
	.mainrightbox {width:72%; box-sizing:border-box; float:left; padding:0 0 0 10px;}
}

@media screen and (max-width: 720px) {
	.mobile {display:inherit;}
	.desktop {display:none;}
	
	#mininaviwrapper {height:0px !important; border:0;}
	
	.fbox1 {width:100%;}
	.fbox1 img {max-width:120px; margin-top:0px; margin-right:20px;}
	.fbox2 {width:100%; border-left:0; border-right:0; border-top:1px solid #fff; border-bottom:1px solid #fff; height:auto; padding:20px; margin:10px 0 20px;}
	.fbox3 {width:100%;}
	
	.mainleftbox {width:30%; box-sizing:border-box; float:none; padding:0 0 0 0;}
	.mainrightbox {width:100%; box-sizing:border-box; float:none; padding:20px 0 0 0px;}
	
	.contentbox1 {width:100%; float:none; box-sizing:border-box; margin:10px 0% 10px; padding-bottom:0px; text-align:left; line-height:18px; font-size:15px;}
	.contleft {float:left; width:30%; box-sizing:border-box;}
	.contright {float:left; width:70%; box-sizing:border-box; padding:10% 0 0 10px;}
	.contright2 {float:left; width:70%; box-sizing:border-box; padding:5% 0 0 10px; height:auto;}
	
	.teambox {height:auto;}
	.teamwrapper {padding:0 0 0; float:left; width:30%;}
	.teamtitle {padding:7% 0 0 10px; text-align:left; box-sizing:border-box; float:left; width:70%;}
	.teamleftbox {width:30%; box-sizing:border-box; float:none; padding:0 0px 0 0; margin:0; background:#FC1156;}
	.teamrightbox {width:100%; box-sizing:border-box; float:none; padding:20px 0 0 0px;}
	
	.eventseriebox {height:auto;}	
	.eventbox2 {border-bottom:1px solid #000; box-sizing:border-box; padding:20px 0px; margin:0 0 0px 0;}
	.eventbox {border-bottom:1px solid #000; box-sizing:border-box; padding:20px 0px; margin:0 0 0px 0; cursor:pointer;}
	.eventleftbox {width:30%; box-sizing:border-box; float:none; padding:0 10px 0 0; line-height:20px;}
	.eventrightbox {width:100%; box-sizing:border-box; float:none; padding:10px 0 0 0px;}
	
	#appwrapper {padding:0 10px;}
	#appbox {max-width:700px; box-sizing:border-box; margin:auto; background:#FFF; padding:0 0px 20px;}
	#appbox img {width:100%;}
	#apptext {padding:10px 10px 0;}
	#apptext p {font-family:"futura-pt",Arial,sans-serif; font-weight:400; color:#000; letter-spacing:0.5px; font-size:16px; line-height:19px; padding:3px 0;}
	#appdisclaimer {padding:0px 5px 0;}
	#appdisclaimer p {font-family:"futura-pt",Arial,sans-serif; font-size:12px; font-weight:400; color:#000; letter-spacing:0px; line-height:14px; padding:0px 0;}
	#appfields {padding:20px 10px;}
	.appfieldbox {width:50%; float:left;}
	.appfieldbox img {width:100%;}
	.appimg1 {margin:20px 0 0 0;}
	
	#copyfooter {padding:0; font-size:0x; line-height:0; height:0 !important; overflow:hidden;}

}


/* Signature */
#mrks-signature {position:fixed; width:9px; height:39px; right:1px; bottom:3px; z-index:10;}
/* End Signature Styles */