/*

open-sans
Light 300 normal 	
Medium 400 normal 	
Semi-Bold 600 normal
Bold 700 normal
Extra-Bold 800 normal

*/

body{font-family:"open-sans",sans-serif; font-weight:400; font-style:normal; color:rgb(124,121,122); width:100%; height:100%; margin:0px; padding:0px}

div{margin:0px; padding:0px}

h1{font-size:28px; line-height:28px; font-weight:300; color:rgb(190,15,52); margin:0px; padding:0 0 18px 0}
h2{font-size:28px; line-height:28px; font-weight:300; color:rgb(190,15,52); margin:0px; padding:0 0 18px 0}
h3{font-size:15px; line-height:19px; font-weight:300; margin:0px; padding:0 0 18px 0}
p{font-size:12px; line-height:16px; margin:0px; padding:0 0 18px 0}

.mobile-search{display:none}
.mobile-logo{display:none}
.mobile-about{display:none}

.last-para{padding:0px}
.small{font-size:11.5px} .smallpaddingtop1{padding-top:12px; padding-bottom:0px} 
.home{font-size:13.5px; line-height:20px}
.about{line-height:13.5px; margin:0px; padding:0 0 23px 0}
.telephone{font-size:18.5px; line-height:18.5px; margin:0px; padding:0px}
.break{display:inline}

strong{font-weight:700}

.red {color:rgb(190,15,52)}
.white {color:rgb(255,255,255)}
.grey {color:rgb(124,121,122)}

ul{font-size:12px; line-height:16px; margin:0 0 18px 0; padding:0px}
li{margin:0 0 0 1em; padding:0px}

ul.footer {font-size:11.5px; line-height:16px; color:rgb(255,255,255); list-style:none; margin:0px; padding:0px; text-indent:-0.85em}
li.footer {margin:0 0 0 0.85em; padding:0px}
li.footer::before {content: "> "}

a:link, a:active, a:visited {color:rgb(124,121,122); padding:0px; text-decoration:none} /* // GREY // */
a:hover {color:rgb(190,15,52)} /* // RED // */

a.red:link, a.red:active, a.red:visited {color:rgb(190,15,52); text-decoration:none} /* // RED // */
a.red:hover {color:rgb(124,121,122)} /* // GREY // */

a.footer:link, a.footer:active, a.footer:visited {color:rgb(255,255,255); text-decoration:none} /* // WHITE // */
a.footer:hover {color:rgb(255,255,255); text-decoration:underline} /* // WHITE // */

.trigger,.trigger a {display:block; width:100%} /* Shutter Control */
.cnt {display:none} /* Shutter Control */
ul.shutter{font-size:15px; line-height:19px; font-weight:300; list-style:none; margin:0px; padding:0px; text-indent:0}
li.shutter{margin:0px; padding:0 0 15px 1em; text-indent:-1em}
li.shutter::before{content: "> "}
ul.cnt{font-size:12px; line-height:24px; color:rgb(0,0,0); font-weight:400; list-style:none; margin:0px; padding:0px; text-indent:0em}
li.cnt-list{padding:0 0 0 1.1em} li.cnt-list-last{padding:0 0 18px 1.1em}

/* MOBILE MENU */

#menu-trigger{display:none}
.tab-graphic-holder-1{display:none} /* // MOBILE 760px // */
.tab-graphic-holder-2{display:none} /* // MOBILE 760px // */
.tab-graphic-holder-3{display:none} /* // MOBILE 760px // */
.tab-graphic-1{display:block; width:28px; margin:14px auto 0 auto} .tab-graphic-1 img{display:block; width:100%; height:auto}
.tab-graphic-2{display:block; width:100%} .tab-graphic-2 img{display:block; width:35px; margin:0 auto 0 auto; padding:14px 0 0 0}
.menulogoholder{display:none} /* // MOBILE 760px // */
.menulogo{display:none} /* // MOBILE 760px // */

/* MENU */

.menu{width:22.5%; margin:40px 0 40px 6.25%; float:left}
.mobile-menu{display:none}

/* HEADERS */

.header{width:100%; text-align:center; float:left} .headerhome{width:100%; text-align:center; float:left}
 
.headerhome{background-image:url(../images/header-home.jpg); background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
.headerxylobrit{background-image:url(../images/header-xylobrit.jpg); background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
.headervitamag{background-image:url(../images/header-vita-mag.jpg); background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}
.headercalcichew{background-image:url(../images/header-calcichew.jpg); background-repeat:no-repeat; background-position:50% 50%; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover}

.headertitle p{display:inline-block; font-size:30px; line-height:30px; color:rgb(124,121,122); padding:15px 30px; background-color:rgba(255,255,255,0.6); border:1px solid rgb(255,255,255); margin:14.5% auto}
.headernotitle p{display:inline-block; font-size:30px; line-height:30px; color:none; padding:15px 30px; background-color:none; border:1px solid none; margin:14.5% auto}

/* LAYOUTS */

.sectionholder{width:100%; float:left} .light-grey{background:rgb(243,243,242)} .dark-grey{background:rgb(129,128,129)}
.section{width:1140px; margin:0 auto 0 auto}

.logo{width:100%; float:left} .logo img{width:100%; height:auto; display:block}

.content1{width:22.5%; margin:40px 0 40px 6.25%; float:left}
.content2{width:55%; margin:40px 6.25% 40px 10%; float:left} .content2home{width:55%; margin:40px 16.25% 0 0; float:left} .content2shutter{width:55%; margin:40px 6.25% 30px 10%; float:left} .content2inner{width:100%; margin:0px; float:left}
.content2inner1{width:32%; margin:0px; float:left} .content2inner2{width:32%; margin:0 0 0 2%; float:left}
.content2contact1{width:32%; margin:0px; float:left} .content2contact2{width:32%; margin:0 0 0 2%; float:left} .content2contact3{width:32%; margin:0 0 0 2%; float:left}

.content3{width:22.5%; margin:40px 0 40px 10%; float:left}
.content3left{width:41%; margin:0px; float:left} .content3right{width:41%; margin:0 0 0 18%; float:left}

.content4{width:19.625%; margin:40px 3% 40px 6.25%; float:left}
.content5{width:19.625%; margin:40px 3% 40px 0; float:left}
.content6{width:19.625%; margin:40px 0 40px 0; float:left}
.content7{width:100%; margin:0px; float:left} .content7top{width:100%; margin:0 0 6px 0; float:left}

/* HEADER ELEMENTS */
.content8{width:53%; margin:25px 0 25px 10%; text-align:right; float:left}
.content10{width:22.5%; margin:25px 0 25px 6.25%; float:left} /* // LOGO // */

/* HOME ONLY */
.content10home{width:22.5%; margin:25px 0 25px 6.25%; float:left} /* // LOGO // */
.content11home{width:22.5%; margin:40px 0 40px 6.25%; float:left} .content11home img{width:100%; height:auto; display:block}
.content12home{width:22.5%; margin:40px 0 40px 10%; float:left} .content12home img{width:100%; height:auto; display:block}

/* CONTACT US */
.content1contact{width:87.5%; margin:40px 0 0 6.25%; float:left}
.content2contact{width:19.625%; margin:40px 3% 40px 6.25%; float:left}
.contentcontactholder1{width:64.875%; margin:40px 0 40px 0; float:left}
.content3contact{width:100%; margin:0px; float:left} .content3contacttop{width:100%; margin:0 0 6px 0; float:left}
.content4contact{width:31%; margin:0 3.5% 0 0; float:left}
.content5contact{width:31%; margin:0px; float:left}

.formboxes1 {
	width:96%;
	height:15px;
	margin:6px 0 6px 0;
	background-color:rgb(255,255,255);
	border:0px;
	border-radius:0px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	font-family:"open-sans",sans-serif;
	font-size:11.5px;
	line-height:11.5px;
	font-weight:400;
	color:rgb(124,121,122);
	padding:3px;
}
textarea {
	width:96%;
	height:112px;
	margin:6px 0 18px 0;
	background-color:rgb(255,255,255);
	border:0px;
	border-radius:0px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	font-family:"open-sans",sans-serif;
	font-size:11.5px;
	line-height:16px;
	font-weight:400;
	color:rgb(124,121,122);
	padding:3px;
}

.submit {font-family:"open-sans",sans-serif; font-size:11.5px; line-height:11.5px; font-weight:600; color:rgb(255,255,255); background-color:rgb(190,15,52); padding:8px 8px 10px 8px; margin:20px 0 0 0; border:0px; text-align:center; border-radius:0; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; cursor:pointer; float:left}

a.contacthome:link, a.contacthome:active, a.contacthome:visited {width:248px; text-align:center; font-size:14px; line-height:14px; font-weight:600; color:rgb(255,255,255); padding:11px 0 11px 0; margin:0px; background-color:rgba(190,15,52,1.0); float:left}
a.contacthome:hover {background-color:rgba(190,15,52,0.1)}

.contactcheckboxholder {width:100%; float:left}
input[type=checkbox] {visibility:hidden}
.contactcheckbox {width:10px; height:10px; margin:3px 5px 6px 0; background-color:rgb(255,255,255); border-radius:100%; position:relative; float:left}
.contactcheckbox label {display:block; width:10px; height:10px; border-radius:100%; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; cursor:pointer; position:absolute; top:0px; left:0px; z-index:1; background-color:rgb(255,255,255)}          
.contactcheckbox input[type=checkbox]:checked + label {background-color:rgb(190,15,52)}
.contactcheckboxtext {display:block; cursor:pointer}

.creditsholder{width:87.5%; margin:20px 6.25% 20px 6.25%; float:left}
.credits-nav-top{display:none; width:4%; margin:0 96% 0 0; float:left} .credits-nav-top img{width:100%; height:auto; display:block}
.credits-1{width:80%; margin:0px; float:left}
.credits-2{width:20%; margin:0px; float:left}
.credits-3{width:87.5%; margin:2px 2.5% 0 0; text-align:right; float:left}
.credits-4{width:10%; margin:0px; text-align:right; float:left} .credits-4 img{width:100%; height:auto; display:block}
.credits{font-size:11px; line-height:11px; padding:0}

a[href^=tel]{ color:inherit; text-decoration:none }

/* COOKIE CUTTR */

.cc-cookies { position:fixed; width: 90%; left: 0px; top: 0px; padding: 1em 5%; background:rgb(129,128,129); font-family:Arial, Helvetica, sans-serif; color: rgb(255,255,255); font-size: 12px; font-weight: normal; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); text-align: center; z-index: 99999; }
.cc-cookies a, .cc-cookies a:hover { color: rgb(255,255,255); text-decoration: underline; padding:0 0.5em }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: rgb(255,255,255); padding: 2em 5%; border: 1px solid rgb(200,200,200); font-size: 18px; color: rgb(60,60,60); }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: rgb(255,255,255); text-decoration: none; background: rgb(190,15,52); padding: 0.5em 0.75em; margin:0 0.5em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: rgb(190,15,52) }
.cc-cookies a.cc-cookie-reset { background: rgb(190,15,52) }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background:rgb(129,128,129); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }