/* ----------------------------------------------------------------------------------------- 
										Colibri
----------------------------------------------------------------------------------------- */


/* layout colors

#222222		black
#ff464c		red
#0a5683		blue
#00aeef		blue light
#cccccc		gray
#ebebeb		gray light

*/


/* ----------------------------------------------------------------------------------------- 
	Normalize
----------------------------------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video{ display: inline-block; vertical-align: middle; }
html				{ font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body				{ margin: 0; }
a					{ background: transparent; }
a:focus				{ outline: thin dotted; }
a:active, a:hover	{ outline: 0; }
abbr[title]			{ border-bottom: 1px dotted; }
b, strong			{ font-weight: bold; }
dfn					{ font-style: italic; }
figure				{ margin: 0; }
hr					{ display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; -moz-box-sizing: content-box; box-sizing: content-box; }
mark				{ background: #ff0; color: #000; }
code, kbd, pre, samp{ font-family: monospace, serif; font-size: 1em; }
pre					{ white-space: pre-wrap; }
small				{ font-size: 80%; }
sub, sup			{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup					{ top: -0.5em; }
sub					{ bottom: -0.25em; }
img					{ border: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; }
table				{ border-collapse: collapse; border-spacing: 0; }
form, fieldset		{ margin: 0px; padding: 0px; border: none; }
fieldset			{ border: none; margin: 0; padding: 0; }
legend				{ border: 0; padding: 0; }
input:focus, 
textarea:focus, 
select:focus		{ outline: none; }
textarea			{ overflow: auto; vertical-align: top; resize: vertical; }
button, input,
select, textarea	{ font-family: inherit; font-size: 100%; margin: 0; }
button, input		{ line-height: normal; }
button, select		{ text-transform: none; }
button, html input[type="button"], 
input[type="reset"], input[type="submit"]			{ -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled]				{ cursor: default; }
input[type="checkbox"], input[type="radio"]			{ box-sizing: border-box; padding: 0; }
input[type="search"] 								{ -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, 
input[type="search"]::-webkit-search-decoration		{ -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner	{ border: 0; padding: 0; }

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


/* ----------------------------------------------------------------------------------------- 
	Base setup
----------------------------------------------------------------------------------------- */

html				{ background: url(../images/body_bg.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

body 				{ font-family: "Source Sans Pro", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20px; color: #222; }

h1,h2,h3,h4,h5,h6	{ line-height: normal; font-weight: normal; }
h1 					{ font-size: 2em; margin: 0.67em 0; }
h2 					{ font-size: 1.5em; margin: 0.83em 0; }
h3 					{ font-size: 1.17em; margin: 1em 0; }
h4 					{ font-size: 1em; margin: 1.33em 0; }
h5 					{ font-size: 0.83em; margin: 1.67em 0; }
h6 					{ font-size: 0.67em; margin: 2.33em 0; } 

p					{ margin: 0px; padding: 0.8em 0; }
ul, ol				{ margin: 1em 0; padding: 0 0 0 40px; }

a					{ color: #ff464c; text-decoration: none; }
a:hover				{ color: #ff464c; text-decoration: underline; }

.clr				{ clear: both; }
.left				{ float:left !important; }
.right				{ float:right !important; }
.hidden				{ display: none !important; visibility: hidden; }
.visible			{ display: block !important; }
.invisible			{ visibility: hidden !important; }

.pic-left			{ float: left; margin: 4px 13px 2px 0; padding: 5px; line-height: 0; background-color: #fff; }
.pic-right			{ float: right; margin: 4px 0 2px 13px; padding: 5px; line-height: 0; background-color: #fff; }
.pic-center			{ display: block; margin: 4px auto 14px; padding: 5px; line-height: 0; background-color: #fff; }

.shadow				{ -webkit-box-shadow: 0 0 4px #666; -moz-box-shadow: 0 0 4px #666; box-shadow: 0 0 4px #666; }

::-moz-selection	{ background: #b3d4fc; text-shadow: none; }
::selection			{ background: #b3d4fc; text-shadow: none; }




/* ----------------------------------------------------------------------------------------- 
	Containers
----------------------------------------------------------------------------------------- */

.wrapper			{ width: 980px; margin: 0 auto; }





/* ----------------------------------------------------------------------------------------- 
	Header
----------------------------------------------------------------------------------------- */
header							{ padding: 20px 0 20px 20px; font-weight: 400; }

.logo							{ float: left; }


.login-wrapper					{ float: right; line-height: 34px; margin-bottom: 20px; text-transform: uppercase; }
.login-wrapper a				{ color: #fff; padding: 0 10px; margin-left: 10px; display: inline-block; text-align: center; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.login-wrapper a:hover			{ text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.login-wrapper .register		{ min-width: 150px; }
.login-wrapper .register:hover	{ border-color: #ff464c; background-color: #ff464c; }
.login-wrapper .login			{ min-width: 110px; }
.login-wrapper .login:hover		{ border-color: #00B3FF; background-color: #00B3FF; }

.lang-switch					{ float: right; line-height: 38px; margin-bottom: 20px; text-transform: uppercase; width: auto; }
.lang							{ color: #fff; float: left; }
.lang span						{ color: #222; text-decoration: underline; padding: 0 5px; }
.lang a							{ color: #fff; display: inline-block; padding: 0 5px; }
.lang a:hover					{ color: #222; text-decoration: none; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.lang:after						{ content: "|"; display: block; float: right; }
.lang:last-child:after			{ content: ""; }

.small-cart						{ float: right; clear: right; min-width: 321px; text-align: center; text-transform: uppercase; position: relative; line-height: 34px; color: #fff; }
.small-cart a					{ color: #fff; display: block; padding: 0 10px; border: 2px solid #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.small-cart a:hover				{ text-decoration: none; color: #fff; border-color: #00B3FF; background-color: #00B3FF; }
.small-cart-items				{ padding-right: 5px; }
.small-cart-total				{ padding-left: 5px; }



/* ----------------------------------------------------------------------------------------- 
	Navigation
----------------------------------------------------------------------------------------- */
nav					{ background: #fff; height: 50px; font-weight: 600; font-size: 16px; padding: 0 20px; }
nav ul				{ list-style: none; list-style-image: none; margin: 0; padding: 0; }
nav li				{ list-style-type: none; float: left; margin: 0 4px; position: relative; }
nav li a,
nav li span			{ line-height: 44px; padding: 3px 5px 0; color: #222; text-transform: uppercase; border-bottom: 3px solid transparent; display: inline-block; }
nav li a:hover		{ border-bottom: 3px solid #ff464c; text-decoration: none; }
nav li.selected a	{ border-bottom: 3px solid #ff464c; text-decoration: none; }

nav ul ul			{ display: none; position: absolute; left: 0; top: 50px; z-index: 9999999; }
nav ul li:hover ul	{ display: block; }
nav ul ul li		{ background: #fff; margin: 3px 0 0; padding: 0 10px; }
nav ul ul li a		{ white-space: nowrap; min-width: 122px; }
nav ul ul li a:hover{ color: #222; border-bottom: 3px solid #ff464c; }




/* ----------------------------------------------------------------------------------------- 
	Main content
----------------------------------------------------------------------------------------- */
main				{ width: 980px; margin: 0 auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

section				{ clear: both; padding: 0; position: relative; /* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; */ }
.title				{ line-height: 70px; background: #ebebeb; font-size: 48px; color: #ff464c; text-align: center; font-weight: 300; margin: 0 -20px 20px; }
.small-title	 	{ background: none; position: absolute; top: -45px; left: 0; width: 100%; margin: 0; padding: 0; font-size: 24px; line-height: 30px; color: #fff; text-transform: uppercase; font-weight: 600; text-align: center; }

.box				{ position: relative; margin: 20px 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.grid						{  }
.grid:last-child 			{  }
.grid .box:first-of-type	{ margin-left: 0; }
.grid .box:last-of-type		{ margin-right: 0; }

.grid-1-1 .box			{ width: 100%; float: none; }
.grid-1-2 .box			{ width: 460px; float: left; }
.grid-1-3 .box			{ width: 300px; float: left; }
.grid-1-4 .box			{ width: 220px; float: left; }

.grid-1-4 .box:nth-child(4n+1)	{ margin-left: 0; }
.grid-1-4 .box:nth-child(4n+4)	{ margin-right: 0; }




/* Focus */
.focus					{ width: 980px; height: 350px; display: block; clear: both; margin: 0; position: relative; padding-bottom: 40px; background: #fff; }
.focus .caroufredsel_wrapper { }
.focus-wrapper			{ width: 980px; height: 350px; position: relative; overflow: hidden; }
.focus-item				{ width: 980px; height: 350px; position: relative; z-index: 1; }
.focus-item img			{ line-height: 0; }
.focus-text				{ position: absolute; bottom: 0px; text-align: center; width: 100%; background: rgba(0,0,0,0.6); padding: 20px 0; }
.focus-text h1			{ color: #fff; font-size: 48px; line-height: 50px; font-weight: 400; padding: 0 80px; margin: 0 0 10px 0; }
.focus-text h2			{ color: #fff; font-size: 20px; line-height: 26px; font-weight: 300; padding: 0 80px; margin: 0; }

.slider-nav				{ position: absolute; bottom: 13px; z-index: 100; left: 50%; }
.slider-nav ul			{ float: left; padding: 0; margin: 0 0 0 -50%; }
.slider-nav li 			{ padding: 0; list-style-type: none; float: left; margin: 0 5px; }
.slider-nav a 			{ width: 10px; height: 10px; display: block; background: #fff; border: 1px solid #444; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; }
.slider-nav li a:hover,
.slider-nav li.selected a { background: #ff464c; border: 1px solid #ff464c; }


/* Tagline */
.tagline				{ background: #ebebeb; padding: 20px 30px; text-align: center; }
.tagline h3				{ color: #ff464c; font-size: 48px; line-height: 50px; font-weight: 400; margin: 0 0 10px 0; }
.tagline p				{ font-size: 20px; line-height: 26px; font-weight: 300; padding: 0 0 26px; margin: 0; }
.tagline a				{ }


/* News */
.news				 	{ background: #fff; padding: 0 20px; }
.homepage-news			{ margin-top: 60px; }
.news-item			 	{ }
.news-item figure	 	{ margin-bottom: 10px; }
.news-item figure a		{ display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.news-item figure a:hover { opacity: 0.9; -webkit-box-shadow: 0 0 0 3px #00aeef; -moz-box-shadow: 0 0 0 3px #00aeef; box-shadow: 0 0 0 3px #00aeef; }
.news-item figure img	{ /* max-width: 100%; height: auto; */ }
.news-date				{ font-size: 12px; line-height: 16px; margin: 0 0 2px 0; padding: 0 3px; }
.news-item-title	 	{ color: #0a5683; font-size: 20px; line-height: 25px; margin: 0 0 10px 0; padding: 0 2px; height: 54px; overflow: hidden; }
.news-item-title a	 	{ color: #0a5683; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.news-item-title a:hover{ color: #00aeef; text-decoration: none; }
.news-item-text		 	{ line-height: 18px; font-size: 13px; padding: 0 2px; height: 110px; overflow: hidden; }
.news-item-text p	 	{ padding: 0; }
.news-item-link		 	{ text-transform: uppercase; font-weight: 600; line-height: 45px; }
.news-item-link a	 	{ border-bottom: 5px solid #ff464c; display: block; padding: 0 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.news-item-link a:hover	{ color: #00aeef; border-bottom: 5px solid #00aeef; text-decoration: none; }
.news-item:hover .news-item-link a	{ color: #00aeef; border-bottom: 5px solid #00aeef; text-decoration: none; }


/* Selected products */
.selected-products				{ background: #fff; padding: 0 20px; position: relative; }
.homepage-selected-products		{ margin-top: 60px;  }
.selected-product				{ }
.selected-product figure	 	{ /* margin-bottom: 10px; */ }
.selected-product figure a		{ display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.selected-product figure a:hover{ /* opacity: 0.9; -webkit-box-shadow: 0 0 0 3px #00aeef; -moz-box-shadow: 0 0 0 3px #00aeef; box-shadow: 0 0 0 3px #00aeef; */ }
.selected-product figure img	{ max-width: 100%; height: auto; }

.selected-product-text-wrapper	{ opacity: 0; color: #fff;  font-weight: 300; background: rgba(10,86,131,0.8); position: absolute; left: 0; top: 0; width: 100%; height: 220px; overflow: hidden; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.selected-product figure:hover .selected-product-text-wrapper { opacity: 1; }
			
.selected-product-title	 		{ font-size: 20px; line-height: 25px; margin: 0 0 10px 0; padding: 10px; }
.selected-product-title a	 	{ color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.selected-product-title a:hover	{ text-decoration: none; }
.selected-product-text		 	{ line-height: 18px; font-size: 13px; padding: 0 10px; }
.selected-product-text p	 	{ padding: 0; }
.selected-product-price		 	{ text-transform: uppercase; font-weight: 600; line-height: 45px; }
.selected-product-price a	 	{ border-bottom: 5px solid #ff464c; display: block; padding: 0 2px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.selected-product-price a:hover	{ color: #00aeef; border-bottom: 5px solid #00aeef; text-decoration: none; }
.selected-product:hover .selected-product-price a	{ color: #00aeef; border-bottom: 5px solid #00aeef; text-decoration: none; }
.selected-product-price span	{ color: #444; }


/* Social */
.social							{ background: #fff; margin-top: 20px; padding: 0 20px; position: relative; }
.social .box					{ /* display: none; */ /* <-- delete this before release */ }

.social .twitter-feed			{ border-top: 3px solid #00aeef; border-bottom: 3px solid #00aeef; }
.social .facebook-wall			{ }



/* Connect */
.connect						{ background: #fff; padding: 0 20px; position: relative; clear: both; }
.connect .box					{ text-align: center; border-top: 1px solid #ccc; border-bottom: 3px solid #444; padding: 10px 0; min-height: 150px; margin-bottom: 20px; }
.connect h4						{ font-size: 24px; line-height: 37px; font-weight: 300; margin: 0; padding-bottom: 20px; }

.connect .contact-info			{ text-align: center; }
.connect .contact-info .tel,
.connect .contact-info .mail	{ font-size: 24px; line-height: 37px; font-weight: 300; display: block; word-wrap: break-word; }
.connect .contact-info .tel		{ line-height: 30px; margin-bottom: 12px; }
.connect .contact-info a.mail:hover	{ color: #00aeef; }
.connect .contact-info a:hover	{ text-decoration: none; }

.connect .social-icons.box		{ }
.connect .social-icons .wrap	{ padding-top: 20px; /* padding-top: 12px; */ }

.social-icons a					{ color: #444; background: #fff; border: 3px solid #444; width: 30px; height: 30px; /* width: 40px; height: 40px; */ -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; display: inline-block; margin: 5px; text-align: center; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.social-icons a:hover			{ text-decoration: none; border: 3px solid #ff464c; color: #ff464c; }
.social-icons a:active			{ top: 1px; }
.social-icons a span			{ }

@font-face						{ font-family: 'icons'; src: url('../fonts/icons.eot'); src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'), url('../fonts/icons.ttf') format('truetype'), url('../fonts/icons.woff') format('woff'), url('../fonts/icons.svg#icons') format('svg'); font-weight: normal; font-style: normal; }
.icon							{ font-family: 'icons'; line-height: 30px; /* line-height: 40px; */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-pinterest:before			{ content: "\e602"; font-size: 18px; vertical-align: bottom; }
.icon-instagram:before			{ content: "\e603"; font-size: 18px; vertical-align: bottom; }
.icon-facebook:before			{ content: "\e604"; font-size: 18px; vertical-align: bottom; }
.icon-twitter:before			{ content: "\e605"; font-size: 18px; vertical-align: bottom; }
.icon-youtube:before			{ content: "\e606"; font-size: 18px; vertical-align: bottom; }
.icon-google-plus:before		{ content: "\e607"; font-size: 18px; vertical-align: bottom; }

.newsletter						{ }
.newsletter .form				{ padding: 0; }
.newsletter .form fieldset		{ margin: 0; padding: 22px 10px 0; }
.newsletter .form dl			{ margin: 0; width: 100%; } 
.newsletter .form dt			{ width: 55%; margin: 0; padding: 0; }
.newsletter .form dd			{ width: 42%; margin: 0 0 0 3%; padding: 0; float: left; }
.newsletter .form dt input,
.newsletter .form dd input		{ width: 100%; border: 2px solid #ccc; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.newsletter .form dt input		{ font-size: 13px; color: #444; font-weight: 400; background: none; padding: 9px 10px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none; }
.newsletter .form dt input:hover{ border: 2px solid #222; }
.newsletter .form dd input		{ font-size: 15px; line-height: 21px; margin: 0; background: none; border: 2px solid #ff464c; font-weight: 600; text-transform: uppercase; padding: 8px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-appearance: none; -webkit-box-shadow: none;-moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } 
.newsletter .form dd input:hover{ background-color: #ff464c; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.newsletter .form dd input::-moz-focus-inner { border: 0; padding: 0; } /* Remove button padding in FF */


/* textpage */
.textpage						{ background: #fff; padding: 0 20px 10px; position: relative; font-size: 20px; font-weight: 300; line-height: 26px; }
/* .textpage .title				{ line-height: 70px; background: #ebebeb; font-size: 48px; color: #ff464c; text-align: center; font-weight: 300; margin: 0 -20px 20px; } */


/* About */
.intro							{ text-align: center; font-size: 24px; line-height: 33px; font-weight: 300; margin-bottom: 20px; }
.intro:after					{ content: ""; width: 20px; height: 10px; border-bottom: 1px solid #ff464c; display: block; margin: 0 auto; }


.textpage .textbox				{ padding-bottom: 10px; }

.textbox h1						{ font-size: 30px; line-height: 40px; margin: 0.67em 0 0; }
.textbox h2						{ font-size: 26px; line-height: 36px; margin: 0.83em 0 0; }
.textbox h3						{ font-size: 22px; line-height: 30px; margin: 1em 0 0; }
.textbox h4						{ font-size: 18px; line-height: 24px; margin: 1.33em 0 0; }
.textbox h5						{ font-size: 14px; line-height: 20px; margin: 1.67em 0 0; }
.textbox h6						{ font-size: 12px; line-height: 18px; margin: 2.33em 0 0; }

.video-player					{ border-top: 1px solid #ff464c; padding-top: 20px; margin-bottom: 20px; }
.video-holder					{ width: 620px; float: left; }
.video-description				{ width: 300px; float: right; }
.video-title					{ font-weight: 600; text-transform: uppercase; }

.gallery						{ clear: both; border-top: 1px solid #ff464c; padding-top: 20px; margin-bottom: 20px; }
.gallery-title					{ font-weight: 600; text-transform: uppercase; padding-bottom: 20px; }
.gallery-images					{ }
.gallery-images a				{ float: left; margin: 0 20px 20px 0; position: relative; }
.gallery-images a span			{ opacity: 0; color: #fff; background: rgba(10,86,131,0.8);
 position: absolute; left: 0; top: 0; bottom: 0; 
 width: 200px; padding: 10px; overflow: hidden; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.gallery-images a:hover span	{ opacity: 1; }
.gallery-images a span:after	{ /* content: "—"; display: block; */ }

.gallery-images a:nth-child(4n+4)	{ margin-right: 0; }


/* Pagination */
.pagination-container			{ clear: both; text-align: center; margin: 20px 0; float: left; width: 100%; font-weight: 600; text-transform: uppercase; }
.pagination-container a			{ color: inherit; }

.pagination						{ background: #fff; border: 2px solid #ff464c; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; position: relative; height: 35px; width: 35px; margin: 0 0 0 -6px; padding: 0; text-decoration: none; line-height: 35px; }

.pagination:hover,
.pagination.selected			{ text-decoration: none; background: #ff464c; color: #fff; }

.pagination.previous			{ width: auto; min-width: 90px; padding-left: 20px; margin-right: 16px; }
.pagination.previous:after		{ position: absolute; left: 20px; top: 0; content: ""; display: block; width: 10px; height: 35px; background: url(../images/pagination-previous.png) no-repeat center center; }
.pagination.previous:hover		{ background: #fff; border-color: #222; color: inherit; }

.pagination.next				{ width: auto; min-width: 90px; padding-right: 20px; margin-left: 10px; }
.pagination.next:after			{ position: absolute; right: 20px; top: 0; content: ""; display: block; width: 10px; height: 35px; background: url(../images/pagination-next.png) no-repeat center center; }
.pagination.next:hover			{ background: #fff; border-color: #222; color: inherit; }

.pagination.disabled:hover		{ background: #fff; color: inherit; border-color: #ff464c; }


/* Contact */

.contactpage					{ background: #fff; padding: 20px; }
.contactpage .textbox			{ font-size: 20px; line-height: 28px; font-weight: 400; }

.contact-persons				{ font-size: 20px; line-height: 26px; font-weight: 300; padding-top: 20px; }
.contact-persons-title			{ font-weight: 600; padding-bottom: 10px; }
.contact-person					{ clear: both; margin-bottom: 10px; }
.contact-person img				{ float: left; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; margin-right: 20px; border: 2px solid #fff; }
.contact-person:hover img		{ border: 2px solid #00aeef; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.contact-person p				{ float: left; padding: 10px 0; }
.contact-person p strong		{ font-weight: 600; }

.contact-form					{ }
.contact-form .form				{ border-top: 2px solid #222; border-bottom: 2px solid #222; }
.contact-form .form fieldset	{ margin: 0; }
.contact-form .form dt			{ display: none; }
.contact-form .form dd			{ width: 100%; float: right; padding-bottom: 7px; }
.contact-form .form dd input,
.contact-form .form dd textarea	{ width: 100%; }
.contact-form .form .button		{ max-width: 160px; }

.contactpage .smallprint		{ font-size: 11px; line-height: 16px; margin: 30px 0 10px 0; padding-top: 10px; border-top: 1px solid #c8c8c8; }


/* Projects */
.projects					 	{ background: #fff; padding: 0 20px; }
.projects-title					{ font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0; padding: 20px 0 0 2px; border-top: 1px solid #ff464c; }



/* Book page */
.book-page-info					{ float: left; width: 620px; padding-bottom: 20px; }
.book-page-info .button			{ margin: 20px auto; display: block; width: 300px; }
.book-page-gallery				{ float: right; width: 314px; padding-top: 18px; }
.book-page-gallery a			{ display: block; float: left; border: 1px solid #ebebeb; margin: 0 0 14px 14px; position: relative; }
.book-page-gallery a:after		{ background: url(../images/icon-zoom.png) no-repeat center center rgba(10,86,131,0.8); opacity: 0; position: absolute; width: 100%; height: 100%; content: ""; display: block; top: 0; left: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.book-page-gallery a:hover:after{ opacity: 1; }

.shops							{ background: #fff; position: relative; margin-top: 60px; padding: 20px 20px 80px; }
.shop-info						{ border-top: 2px solid #222; border-bottom: 2px solid #222; font-size: 15px; line-height: 20px; padding: 20px 4px; height: 160px; overflow: hidden; margin-bottom: 0; margin-top: -2px; }
.shop-title						{ max-height: 40px; overflow: hidden; }
.shop-address					{ max-height: 40px; overflow: hidden; }
.shop-phone						{ max-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.shop-mail						{ max-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.shops .slider-nav				{ bottom: 34px; }
.shops .cycle-control			{ }
.shops .cycle-control a			{ width: 27px; height: 41px; position: absolute; display: block; text-align: left; text-indent: -99999px; }
.shops .cycle-control .previous	{ background: url(../images/shops-nav-previous.png) no-repeat left top; left: 20px; bottom: 20px; }
.shops .cycle-control .next		{ background: url(../images/shops-nav-next.png) no-repeat left top; right: 20px; bottom: 20px; }
.shops .cycle-control a:hover	{ background-position: left bottom; }

.apps							{ background: #ebebeb; padding: 20px 20px 0; position: relative; margin-top: 60px; }
.apps .small-title				{ border-bottom: 80px solid #FF464C; padding: 0 0 15px; }

.apps .wrap						{ }

.app-info						{ padding-top: 60px; }
.app-type						{ position: absolute; top: -20px; }

.app-wrap						{ margin-bottom: 20px; padding: 0 4px 20px; border-bottom: 2px solid #222; line-height: 17px; min-height: 70px; }
.app-qr							{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #898989; float: right; margin: 4px 0 0 10px; padding: 4px; }
.app-device						{ color: #ff464c; }
.app-title						{ text-transform: uppercase; }
.app-description				{ color: #555555; }
.app-download a					{ text-decoration: underline; }


/* Shop */

.shop							{ background: #fff; padding: 0 20px; }
.shop .subtitle					{ font-size: 16px; font-weight: 600; line-height: 20px; text-transform: uppercase; margin-bottom: 20px; padding-left: 4px; }

.sidebar					  	{ float: left; width: 220px; }

.sidebar-nav				  	{ margin-bottom: 20px; }
.sidebar-nav ul				  	{ border-top: 2px solid #ff464c; border-bottom: 2px solid #ff464c; padding: 10px 4px 0; margin: 0; }
.sidebar-nav li				  	{ list-style-type: none; font-weight: 600; line-height: 22px; }
.sidebar-nav li a			  	{ color: #222; display: block; }
.sidebar-nav li a:hover,
.sidebar-nav li.selected a	  	{ color: #ff464c; text-decoration: none; }
.sidebar-nav ul ul			  	{ padding: 0 0 20px; border: 0; }
.sidebar-nav li li			  	{ text-transform: uppercase; font-weight: 400; }
.sidebar-nav li li a:before		{ content: "―"; color: #ff464c; padding-right: 4px; }

.cart						  	{ }
.cart-table					  	{ width: 100%; border-top: 2px solid #ff464c; border-bottom: 2px solid #222; padding: 0; margin: 0; font-size: 13px; line-height: 18px; }
.cart-table thead			  	{ font-size: 14px; line-height: 24px; font-weight: 600; text-transform: uppercase; text-align: left; border-bottom: 1px solid #222; }
.cart-table th				  	{ padding: 10px 4px 0; }
.cart-table tbody			  	{ }
.cart-table td				  	{ padding: 6px 4px; border-bottom: 1px solid #ccc; vertical-align: top; }
.cart-table td a			  	{ color: #222; }
.cart-table td a:hover		  	{ color: #ff464c; text-decoration: none; }
.cart-table td.item-price	  	{ color: #ff464c; text-align: right; }
.cart-total					  	{ font-size: 16px; line-height: 24px; padding: 8px 4px; border-bottom: 2px solid #222; }
.cart-total .total-price	  	{ color: #ff464c; float: right; }
.cart-actions				  	{ padding: 20px 2px; border-bottom: 2px solid #222;}
.cart-actions .button		  	{ }
/* .cart-actions .small.button		{ min-width: 70px; } */

.products						{ float: right; width: 720px; margin-right: -20px; margin-bottom: 60px; }
.product						{ width: 340px; float: left; margin-right: 20px; margin-bottom: 20px;  }
.product-title					{ background: #ff464c; color: #fff; text-transform: uppercase; margin-bottom: 2px; }
.product-title a				{ color: #fff; padding: 17px; display: block; height: 40px; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.product-title a:hover			{ color: #222; text-decoration: none; }
.product-pic					{ }
.product-pic a					{ display: block; position: relative; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.product-pic a:hover			{ opacity: 0.9; }
.product-pic a:after			{ content: ""; opacity: 0; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-box-shadow: 0 0 0 3px #ff464c inset; -moz-box-shadow: 0 0 0 3px #ff464c inset; box-shadow: 0 0 0 3px #ff464c inset; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.product-pic a:hover:after		{ opacity: 1; }
.product-price					{ background: #ececec; padding: 17px; height: 50px; overflow: hidden; }
.product-price span				{ display: block; height: 20px; }
.product-price .old-price		{ text-decoration: line-through; }
.product-price .price			{ font-size: 24px; line-height: 30px; font-weight: 300; }
.product-actions				{ padding: 20px 17px; border-bottom: 3px solid #222; }


.breadcrumbs					{ font-size: 15px; line-height: 16px; margin: 0 0 2px; padding: 0 3px; }
.breadcrumbs a					{ color: #222; }
.breadcrumbs a:hover			{ color: #ff464c; text-decoration: none; }
.breadcrumbs .category			{ font-weight: 600; }
.breadcrumbs .subcategory		{ font-weight: 400; }
.breadcrumbs .subcategory:before{ content: "/"; color: #ff464c; padding: 0 5px; }


.product-page					{ float: right; width: 700px; margin-bottom: 30px; padding-bottom: 40px; border-bottom: 2px solid #222; }
.product-description			{ }
.product-page .product-pic		{ float: left; width: 352px; }
.product-page .product-pic a	{ float: left; margin: 0 12px 10px 0; }
.product-page .product-price	{ float: right; width: 320px; margin-left: -20px; display: block; background: #ececec; padding: 17px 20px; height: 50px; overflow: hidden; }


.product-page .product-title	{ float: right; width: 337px; background: none; padding: 20px 0; color: #222; color: #ff464c; font-size: 18px; line-height: 24px; font-weight: 400; border-bottom: 2px solid #222; }
.product-page .product-options	{ float: right; width: 337px; border-bottom: 2px solid #222; padding: 20px 0; }

.product-page .product-options .form input { display: inline-block; margin-left: 4px; padding: 6px 6px 6px 10px; text-align: center; width: 60px; }
.product-page .product-options .form select { margin-left: 4px; padding: 6px 6px 6px 10px; text-align: left; width: 110px; }

.product-options-quantity		{ float: left; }
.product-options-language		{ float: right; padding-right: 4px; }

.product-page .product-actions	{ float: right; width: 337px; padding: 20px 0; border-bottom: 2px solid #222; text-align: center; }
.product-page .button			{ width: 90%; }


.share-buttons					{ float: right; width: 335px; padding: 20px 0 20px 2px; border-bottom: 2px solid #222; text-align: right; }
.share-button					{ float: left; margin: 0 14px 0 0; }
.share-button-google			{ }
.share-button-twitter			{ }
.share-button-pinterest			{ }
.share-button-facebook-like		{ /* margin-left: 12px; */ }
.share-button-facebook-like .fb-like iframe { min-width: 75px; }
.share-button-facebook .fb-share-button span { vertical-align: inherit !important; }


.notice-tooltip					{ background: #737373; color: #FFFFFF; opacity: 0.9; font-size: 2em; font-weight: 200; left: 50%; margin-left: -150px; padding: 50px 0; position: fixed; text-align: center; top: 40%; width: 300px; z-index: 9999;
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



/* Cart */

.cartpage						{ background: #fff; padding: 0 20px; }
.cartpage img					{ height: auto; max-width: 100%; }

table.cart-items				{ width: 100%; border-collapse: collapse; border-spacing: 0; }
.cart-items thead				{ border-bottom: 2px solid #ff464c; }
.cart-items th					{ padding: 1em 0.5em; font-weight: 400; font-size: 16px; text-align: center; text-transform: uppercase; }
.cart-items th:first-child		{ text-align: left; padding-left: 0.5em; }
.cart-items th.delete			{ padding: 0; width: 14px; }

.cart-items tbody tr			{ border-bottom: 1px solid #ccc; position: relative; }
.cart-items td					{ padding: 1em 0.5em; text-align: center; }

.cart-item						{ text-align: left; }
.cart-item .cart-item-pic		{ float: left; max-width: 100px; margin-right: 1em; }
.cart-item .cart-item-pic:hover	{ opacity: 0.9; }
.cart-item p					{ float: left; text-align: left; padding: 1.5em 0 0; }
.cart-item p a					{ font-size: 18px; font-weight: 400; color: inherit; line-height: 24px; }
.cart-item p a:hover			{ color: #ff464c; text-decoration: none; }

.cart-item-price				{ font-size: 18px; white-space: nowrap; }
.cart-quantity input			{ border: 1px solid #ccc; width: 2em; padding: 0 0.5em; height: 2em; line-height: 2em; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cart-quantity input:hover		{ border: 1px solid #ff464c; }
.cart-item-total				{ font-size: 18px; white-space: nowrap; }

.cart-item.shipping-item		{ float: left; padding-left: 121px; }

td.delete						{ padding: 0; width: 20px; }
.delete a						{ color: #ff464c; display: block; width: 14px; }
.delete a:hover					{ color: inherit; text-decoration: none; }

.delete .icon					{ display: block; width: 20px; height: 20px; margin-left: -4px; }
.delete .icon-delete			{ background: url(../images/icon-delete.png) no-repeat center top; }
.delete .icon-delete:hover		{ background-position: center bottom; }

.cartpage-total					{ margin: -1px 0 0; text-align: right; border-top: 2px solid #ff464c; }
/* .cart-total span				{ display: block; } */
.cartpage-total .description	{ display: block; }
/* .cartpage-total .base-price		{ font-size: 1.125em; padding: 0 0.9em 0.3em 0; } */
.cartpage-total .total-price	{ float: right; font-size: 30px; line-height: 40px; padding: 10px 20px; background: #ff464c; color: #fff; font-weight: 200; }
.cartpage-total .total-price strong { font-weight: 400; }
.cartpage-total .description	{ font-size: 18px; line-height: 24px; }
.cartpage-total .shipping		{ font-size: 1.125em; padding: 10px 20px; display: block; clear: both; }
.cartpage-total .base-price		{ font-size: 18px; line-height: 24px; }

.cart-buttons					{ float: right; clear: right; margin: 0.5em 0 4em; border-top: 1px solid #222; padding: 1em 0.5em 0; }
.cart-buttons .button			{ margin: 0 0 0 0.8em; }
.cart-buttons .button.large		{ }



.payment-cards			{ background-color: #FFF; padding:20px 10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; border:1px solid #ccc; text-align: center; margin:0 auto 30px; width: 80%; }
.payment-cards p		{ padding:10px 0; line-height: 1px; }
.payment-cards a		{ vertical-align:middle; display: inline-block; }
.payment-cards img		{ padding:0 5px; }


/* confirmation */
.order-confirm.box				{ padding: 0 2em 1em 0; margin: 0; }
.order-confirm dl				{ border-bottom: 1px dashed #ccc; clear: both; display: block; margin: 0 -4px 10px; padding: 0 4px; }
.order-confirm dt				{ margin: 0; float: left; width: 27%; }
.order-confirm dd				{ margin: 0; float: right; width: 72%; }

.order-payment					{ /* padding-left: 2em; */ }
.payment-description			{ font-style: italic; }
td.shipping-item				{ text-align: left; }


/* ----------------------------------------------------------------------------------------- 
	Footer
----------------------------------------------------------------------------------------- */

footer				{ background: #fff; padding: 40px 20px 10px; margin-top: 20px; position: relative; margin-bottom: 40px; text-align: center; font-size: 12px; line-height: 19px; text-transform: uppercase; }
footer ul			{ margin: 0; padding: 0; display: block; }
footer li			{ list-style-type: none; display: inline-block; padding-left: 2px; }
footer li a			{ color: #222222; display: block; }
footer li a:hover	{ color: #ff464c; text-decoration: none; }
footer li a:after	{ content: "\2022"; padding-left: 4px; color: #ff464c; }
footer li:last-child a:after { content: none; }

footer .footer-info	{ clear: both; padding: 0; }
footer .footer-info span { color: #ff464c; }
footer .footer-info a:hover { color: #00aeef; text-decoration: none; }



/* ----------------------------------------------------------------------------------------- 
	Loginbox
----------------------------------------------------------------------------------------- */
.loginbox-wrapper				{ background-color: #000000; width: 100%; height: 100%; opacity: 0.8; position: fixed; top: 0; z-index: 999; display: none; }
.loginbox						{ width: 400px; background: url(../images/body_bg.png) repeat left top; position: absolute; margin-left: -200px; left: 50%; top: 100px; padding: 14px 40px 28px; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: 300; text-shadow: 0 1px 0 #fff; display: none; }
.loginbox-title					{ font-size: 24px; line-height: 50px; padding-bottom: 4px; text-align: center; border-bottom: 1px solid #ccc; }

.loginbox-form					{ margin: 0px; width: 100%; padding-bottom: 20px; padding-top: 10px; }
.login-dialog .loginbox-form	{ border-bottom: 1px solid #ccc; }
.loginbox-form .message			{ text-align: center; }
.login-form						{ font-weight: 300; }
.login-form label				{ display: block; font-size: 16px; line-height: 24px; text-align: center; padding-top: 14px; }
.login-form .login-input 		{ color: #00AEEF; background: none; border: none; height: 32px; width: auto; text-align: center; font-size: 16px; line-height: 32px; padding: 0 5px !important; margin-bottom: 8px; }
.login-form a.login-reminder	{ color: #737373; font-size: 12px; line-height: 18px; display: block; text-align: center; margin: 10px 0 0; }
.login-form a.login-reminder:hover	{ color: #444; text-decoration: underline; }
.login-form .login-button		{ }
.login-form .error				{ /* position: absolute; top: 45px; width: 290px; */ color: #f06060; font-size: 16px; font-weight: bold; text-align: center; }
.login-form .button				{ display: block; margin: 40px auto 0; min-width: 160px; font-size: 16px; }
.reminder-dialog .login-form .button { margin-top: 20px; }

.loginbox-register				{ text-align: center; font-size: 18px; padding-top: 11px; }
.loginbox-register span			{ display: block; text-align: center; font-size: 14px; }
.loginbox-register a			{ text-align: center; text-decoration: none; }
.loginbox-register a:hover		{ text-decoration: underline; }

.loginbox .loginbox-close		{ background: url(../images/icon-close.png) no-repeat center center; height: 27px; width: 27px; position: absolute; top: -11px; right: -10px; text-indent: -9999px; }
.loginbox .loginbox-close:hover { top: -10px; }




/* ----------------------------------------------------------------------------------------- 
	Form
----------------------------------------------------------------------------------------- */

.form						{ width: auto; clear:both; font-size: 16px; }
.form fieldset				{ border: none; padding: 20px; margin-bottom: 30px; }

.form legend 				{ display: none; }
.form .legend,
.form .legend h2			{ color: #E0310D; font-size: 18px; line-height: 24px; margin: 0 0 20px; padding: 0; background: none; }
.form dl,.form dt,.form dd	{ padding: 0; margin: 0; }

/* .form dl.clearfix */
.form dl:before,
.form dl:after				{ content: " "; display: table; }
.form dl:after				{ clear: both; }
.form dl					{ *zoom: 1; }

.form dl 					{ clear: both; margin-bottom: 10px; }
.form dt					{ width: 30%; float: left; text-align: right; padding-top: 8px; }
.form dd					{ width: 67%; float: right; text-align: left; padding-bottom: 10px; }

.form input[type="text"],
.form input[type="password"],
.form input[type="email"],
.form input[type="number"],
.form textarea,
.form select				{ /* width: 90%; */ width: 100%; background-color: #fefefe; border: 2px solid #d6d6d6; font-size: 14px; line-height: 18px; padding: 8px; margin: 0; text-shadow: 1px 1px 0 #fff; 
							-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
							-webkit-appearance: none; -moz-appearance: none; appearance: none;
							-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
							/* -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset; */
							-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.form select				{ /* width: 93%; */ background: url(../images/select-arrow.png) no-repeat right center #fefefe; text-indent: 1px; text-overflow: ''; }
.form textarea				{ /*height: 380px;*/ }

.form input[type="reset"],
.form input[type="submit"]	{ }

.form input:hover, .form input:focus, .form textarea:hover, .form textarea:focus, .form select:hover,
.form select:focus			{ background-color: #fff; border: 2px solid #ff464c; }

.form input:focus, .form textarea:focus, .form select:focus,
.form button:focus			{ outline: none; }

.form fieldset.controls		{ }
.form dl.actions			{ clear: both; background: none; border: none; }
.form .actions dt			{ display: none; }
.form .actions dd			{ padding-top: 0px; }

.form dl.error				{ }
.form dl.error dt label		{ color: #ff464c; }
.form dl.error dd input,
.form dl.error dd textarea	{ border-color: #ff464c; background-color: #fff; }
.form dl.error input:hover, .form dl.error textarea:hover, .form dl.error input:focus,
.form dl.error textarea:focus{ border-color: #ff464c; background-color: #fff; }
.form ul.errors				{ color: #ff464c; padding: 4px 8px 0; margin: 0; list-style-type: none; }

.form dl.required 			{ }
.form dl.required dt label:before, .form span.required:before	{ content: "*"; }

.form dl.readonly input[type="text"], .form dl.readonly input[type="password"], .form dl.readonly input:hover, .form dl.readonly input:focus, .form dl.readonly textarea, .form dl.readonly textarea:hover, .form dl.readonly textarea:focus, .form dl.readonly select, .form dl.readonly select:hover, .form dl.readonly select:focus { background-color: #f7f7f7; border: 1px solid #cfcfcf; color: #999999; cursor: not-allowed; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 

.form select option			{ text-shadow: none; }
.form .option				{ padding-top: 8px; }
.form .description			{ font-size: 11px; line-height: 15px; padding-left: 10px; }
.form .description p		{ padding: 4px 0; }
.form .form-text			{ padding: 0; }

:-moz-placeholder			{ color: #353535; opacity: 1 !important; }
::-moz-placeholder			{ color: #353535; opacity: 1 !important; }
:-ms-input-placeholder		{ color: #353535; opacity: 1 !important; }
::-webkit-input-placeholder	{ color: #353535; opacity: 1 !important; }

/* Form FIX */
#field_ncc-element-container, #field_ncc-label, #field_ncc-element, #request_startup_timestamp-label, #request_startup_timestamp-element { display: none; }
.form .toggle-no-entry		{ color: #999; }

.pp_nav p					{ line-height: 18px; padding: 0; }
.pp_description				{ line-height: 18px; padding: 4px 0; } 


#buyer-profile-form .button	{ margin-right: 10px; }

#copy_from_customer-element .element	{ position: relative; }
#copy_from_customer-element .optional	{ padding-left: 22px; }
#copy_from_customer-element .checkbox	{ left: 0; position: absolute; top: 4px; }

.form .delivery-options		{ padding-top: 9px; }
.form .delivery-options .delivery-option		{ margin-right: 10px; }
.form .delivery-options .shipping-price:before	{ content: ":"; display: inline-block; padding-right: 5px; }

.form .payment-options	{ padding-top: 8px; }
.form .payment-options .payment-option { margin-left: -8px; margin-right: 6px; }


/* ----------------------------------------------------------------------------------------- 
	Buttons
----------------------------------------------------------------------------------------- */

.button, .button:visited {
	display: inline-block; margin: 0; text-decoration: none; position: relative; cursor: pointer; width: auto; text-align: center;
	padding: 8px 10px; color: #444; font-weight: 600;
	border: 2px solid #444; background: none; min-width: 120px; text-transform: uppercase;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-appearance: none;
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}
.button:hover, .button:focus { text-decoration: none; background: #444; color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,0.25); }

.button:active									{ top: 1px; }

.small.button, .small.button:visited			{ font-size: 12px; padding: 4px 6px; min-width: 80px; }
.button, .button:visited,
.medium.button, .medium.button:visited			{ font-size: 14px; }
.large.button, .large.button:visited			{ font-size: 18px; padding: 14px 20px; }

.green.button, .green.button:visited			{ border-color: #91bd09; }
.green.button:hover, .green.button:focus		{ background-color: #91bd09; border-color: #91bd09; }

.blue.button, .blue.button:visited 				{ border-color: #00B3FF; }
.blue.button:hover, .blue.button:focus			{ background-color: #00B3FF; border-color: #00B3FF; }

.red.button, .red.button:visited				{ border-color: #ff464c; }
.red.button:hover, .red.button:focus			{ background-color: #ff464c; border-color: #ff464c; }

.magenta.button, .magenta.button:visited 		{ border-color: #a9014b; }
.magenta.button:hover, .magenta.button:focus	{ background-color: #a9014b; border-color: #a9014b; }

.orange.button, .orange.button:visited			{ border-color: #ff5c00; }
.orange.button:hover, .orange.button:focus		{ background-color: #ff5c00; border-color: #ff5c00; }

.yellow.button, .yellow.button:visited			{ border-color: #ffb515; }
.yellow.button:hover, .yellow.button:focus		{ background-color: #ffb515; border-color: #ffb515; }

.black.button, .black.button:visited			{ border-color: #222222; }
.black.button:hover, .black.button:focus		{ background-color: #222222; border-color: #222222; }



/* ----------------------------------------------------------------------------------------- 
	Signature
----------------------------------------------------------------------------------------- */

.signature			{ position: absolute; height: 24px; width: 250px; right: 14px; top: 107px; }
.signature a		{ background: url(../images/logo-artkod.png) no-repeat right top; display: block; float: right; height: 20px; width: 20px; text-align: left; text-indent: -9999px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.signature a:hover	{ width: 69px; overflow: hidden; }



/* ----------------------------------------------------------------------------------------- 
	Print styles
----------------------------------------------------------------------------------------- */

@media print {
	*				{ background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited	{ text-decoration: underline; }
	tr,img, pre, 
	blockquote		{ page-break-inside: avoid; }
	img				{ max-width: 100% !important; }
	h1, h2, h3		{ page-break-after: avoid; }
}