/*
     FILE ARCHIVED ON 6:41:37 févr. 15, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:32:02 juil. 29, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/

@font-face {
	font-family: 'proximanovalight';
	src: url('./proximanovalight.eot');
	src: local('proximanovalight'), url('./proximanovalight.woff') format('woff'), url('./proximanovalight.ttf') format('truetype');
}
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_12950">Text with this font applied</p> */
.fontsforweb_fontid_12950 {
	font-family: 'proximanovalight' !important;
}

h1, h2, h3, #footer p, #footer p span, #page p strong {font-family: 'PT Sans', sans-serif !important;}

h4.toptitle {
    font-family: 'PT Sans', sans-serif;
}


/*
Author: Vladimir Golušin
Author URI: http://bigfish.rs
*/

* {
  margin: 0;
}

@font-face {
    font-family: 'norwesterregular';
    src: url('norwester-webfont.woff2') format('woff2'),
         url('norwester-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'Didot';
  src: url('Didot.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}
#page h4.toptitle {
    margin: 20px 50px !important;
}
#page h2.maintitle {
    text-align: center !important;
}
#page p.logotypes {
    text-align: center !important;
}
#page h4.toptitle {
    text-align: center !important;
}
html, body {
	height: 100%;
}

body {
	background: url("img/bg.png") repeat-x 0 0;
	color: #666;
font-family: 'proximanovalight';
	font-size: 15px;
	text-align: center;
	padding-top: 30px;
}

#wrap, 
div.wrap {
	width: 930px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}


/* @group header */
/* HEADER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* @end */


/* @group mid */
/* MID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#page {
	background: #fff url("./img/bg-jars.jpg") no-repeat top center;
	border: 1px solid #dedac8;
	min-height: 500px;
	padding-bottom: 30px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px #c7c7c7;
	-webkit-box-shadow: 0 0 5px #c7c7c7;
	-khtml-box-shadow: 0 0 5px #c7c7c7;
	box-shadow: 0 0 5px #c7c7c7;
}

#page p {
	font-size: 1.2em;
	line-height: 120%;
	margin: 1em 65px;
}

#page p strong {
	color: #333;
}

#page p span {
	font-size: 1.2em;
}

#page a {
	color: #2b486a;
}

#page h2.maintitle {
	background: url("img/bg-black-transparent.png") repeat 0 0;
	color: #232323;
	font-size: 4.4em;
	margin: 5px 0 0;
	padding: 10px 50px;
	text-align: right;
}

#page h3 {
	color: #444;
	margin: 1.5em 65px 0.8em;
}

#page h4.toptitle {
	color: #2a4869;
	font-size: 1.8em;
	font-weight: normal;
	margin: 55px 50px 0;
	text-align: right;
}

#page h4.toptitle span {
	color: #232323;
	font-weight: bold;
}

#page p.logotypes {
	text-align: right;
	margin: 25px 50px 35px;
}

#page p.intro {
	color: #888;
	font-size: 1.6em;
	font-style: italic;
	font-weight: normal;
	letter-spacing: -0.03em;
	line-height: 130%;
	margin: 160px 0 50px 50px;
	width: 430px;
}

#page p.intro strong {
	color: #666;
}

#mid p.indent {
	margin: 2em 0;
	margin-left: 100px;
	margin-right: 100px;
}

#mid p.image {
	margin: 2em 100px 2em 65px;
}

#page p.image img.left {
	margin-right: 40px;
}

#page p.image img.right {
	margin-left: 40px;
}

#page img.portrait {
	margin: 0 15px 0 40px;
}
/* @end */

/* @group optin */
/* OPTIN
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.optin {
	background: #d6b98f;
	display: inline;
	float: right;
	/*height: 800px;*/
	margin: 0 50px 50px 30px;
	padding-bottom: 15px;
	width: 380px;
	
	
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	-khtml-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	
	-moz-box-shadow: -1px 0 5px #d6b98f;
	-webkit-box-shadow: -5px 0 5px #d6b98f;
	-khtml-box-shadow: -5px 0 5px #d6b98f;
	box-shadow: -5px 0 5px #d6b98f;
}

div.optin h3 {
	background: url("img/quote.png") no-repeat top center;
	height: 120px;
	margin: 15px 0 0 !important;
	text-indent: -9999px;
}

div.optin p {
	margin: 0 30px !important;
}

form.optin {
	margin: 0 25px;
}

form.optin label.checkbox {
	display: inline-block;
}

form.optin input#name,
form.optin input#email_address,
form.optin input#phone {
	color: #555;
	font-size: 24px;
}

form.optin li.buttons div.privacy {
	background: url("img/privacy.png") no-repeat 0 10px;
	display: inline-block;
	float: right;
	font-size: 0.8em;
	padding-left: 40px;
	padding-top: 13px;
	width: 80px;
	height: 30px;
}
/* @end */


/* @group testimonials */
/* TESTIMONIALS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.testimonials {
	/*display: inline;
	float: left;
	margin: 10px 0 10px 65px;*/
}

div.testimonials ul {
	margin: 0;
	padding: 0;
}

div.testimonials li {
	list-style: none;
	margin-bottom: 1.5em;
}

div.testimonials li p {
	font-size: 1.3em;
	font-style: italic;
	margin: 0 !important;
}

div.testimonials li p span {
	color: #333;
	color: #2a4869;
	font-size: 0.7em !important;
	letter-spacing: -0.03em;
	margin-left: 0px;
}

div.testimonials li p span:before {
	content: "— ";
}


/* new testimonials style */
div.testimonials {
	margin: 0 35px;
}

div.testimonials div.row {
	clear: both;
	margin: 30px 0;
}

div.testimonial {
	/*float: left;*/
	position: relative;
	margin: 0 15px;
}

div.testimonial.single {
	clear: both;
	display: block;
	margin: 15px 50px;
}

div.testimonials div.testimonial.single {
	margin: 15px;
}

div.testimonial div.product {
	float: left;
	margin-right: 15px;
	width: 240px;
}

div.testimonial div.photo {
	background: #fafafa;
	margin: 0 15px;
	padding: 8px;
	position: absolute;
	z-index: 10001;
	
	-moz-box-shadow: 0 0 6px #777;
	-webkit-box-shadow: 0 0 6px #777;
	box-shadow: 0 0 6px #777;
}

div.testimonial div.photo.tilt-right {
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}

div.testimonial div.photo.tilt-left {
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

div.testimonial div.product img, 
div.testimonial div.photo img {
	display: block;
}

div.testimonial div.content {
	display: inline;
	float: left;
	width: 145px;
}

div.testimonial div.content h3 {
	color: #000 !important;
	font-size: 1.5em;
	font-style: italic;
	font-weight: normal !important;
	margin: 15px 0 10px 0 !important;
}

div.testimonial div.content h4 {
	color: #232323 !important;
	font-size: 0.9em !important;
	font-weight: normal !important;
	margin: 0 0 3px !important;
	text-transform: uppercase;
}

div.testimonial div.content p {
	color: #232323 !important;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Tahoma, Verdana, sans-serif;
	font-size: 0.8em !important;
	margin: 0 !important;
}

div.testimonial div.content p span {
	color: #777 !important;
	font-size: 0.9em !important;
}

div.testimonial div.content p:before {
	/*content: "— ";*/
}
/* @end */


/* @group notice */
/* NOTICE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.notice {
	background: #2b486a;
	padding: 15px;
	margin-top: 30pxpx;
}

div.notice h3 {
	color: #fff !important;
	margin-top: 15px !important;
}

div.notice p {
	color: #fff;
}
/* @end */


/* @group foooter */
/* FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#footer {
	/*padding: 10px 0;
	text-align: center;*/
}

#footer {
	height: 124px;
	padding: 10px 0;
	text-align: center;
}

#footer h1 {
	background: url("img/bg-footer.png") no-repeat 0 0;
	height: 69px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#footer p {
	color: #4b483d;
	font-size: 1em;
	margin: 3px 0 0;
}

#footer p span {
	color: #999;
	font-size: 0.9em;
}
/*
#footer p {
	
	margin: 0;
}*/
/* @end */


/* @group common */
/* COMMON
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
h1, h2, h3, h4, h5, h6 {}

h1 { font-size: 2.8em; }

h2 { font-size: 2.6em; }

h3 { font-size: 1.8em; }

h4 { font-size: 2em; }

h5 { font-size: 1.1em; }

hr {
	background: #f5f5f5;
	border: 0;
	clear: both;
	color: #f5f5f5;
	height: 1px;
	margin: 0 5px 0 8px;
	padding: 0;
}
/* @end */


/* @group misc */
/* MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.clearer, .clr {
	clear: both;
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.left {
	display: inline;
	float: left;
}

.right {
	display: inline;
	float: right;
}

img a:hover {
	margin-bottom: -5px;
}

.hidden {
	display:none;
}
/* @end */


/* @group forms */
/* FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
form.form {
	    font-family: proximanovalight;
    font-weight: bold;
}

form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

* html form ul {
	width: 99%;
}

form li {
	clear: both;
	list-style: none;
	margin: 0;
	padding: 6px 1% 9px;
}

form li:after,
form li div:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html form li {
	height: 1%;
	margin-bottom: -3px;
}

* + html form li {
	height: 1%;
	margin-bottom: -3px;
}

* html form li div {
	display: inline-block;
}

* + html form li div {
	display: inline-block;
}

form li div {
	color: #444;
	margin: 0;
	padding: 0;
}

form li span {
	color: #444;
	float: left;
	margin: 0 0.3em 0 0;
	padding: 0;
}

form li.payment span {
	margin-bottom: 10px;
}

form li div span {
	display: block;
	float: left;
	margin: 0;
	width: 100%;
}

form li.complex {
	padding-bottom: 0;
}

form li.complex div span {
	margin: 0 0.3em 0 0;
	padding-bottom: 12px;
	width: auto;
}

form li.complex div span.full {
	margin: 0;
}

form li.complex div span.left,
form li.complex div span.right {
	margin: 0;
	width: 48%;
}

form li.complex div span.full input, 
form li.complex div span.full select, 
form li.complex div span.left input, 
form li.complex div span.right input, 
form li.complex div span.left select, 
form li.complex div span.right select {
	width: 100%;
}

form li div label,
form li span label {
	clear: both;
	color: #444;
	display: block;
	font-size: 95%;
	line-height: 160%;
	margin: 0;
	padding-top: 3px;
}

label.desc {
	border: medium none;
	color: #222;
	display: block;
	font-size: 95%;
	font-weight: bold;
	line-height: 150%;
	margin: 0;
	padding: 0 0 3px;
}

label.choice {
	color: #222;
	display: block;
	font-size: 100%;
	line-height: 150%;
	margin: -17px 0 0 23px;
	padding: 0 0 5px;
	width: 88%;
}

.safari label.choice {
	margin-top: -16px;
}

span.symbol {
	font-size: 120%;
	line-height: 135%;
}

form li .datepicker {
	cursor: pointer !important;
	float: left;
	height: 16px;
	margin: 0.19em 5px 0 0;
	padding: 0;
	width: 16px;
}

form span.req {
	color: red !important;
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form li div label var {
	font-style: normal;
	font-weight: bold;
}

form li div label .currently {
	display: none;
}

input.text, 
input.search, 
input.file, 
textarea.textarea, 
select.select {
	color: #333;
	font: 100% "Lucida Grande","Lucida Sans Unicode",Arial,Tahoma,Verdana,sans-serif;
	margin: 0;
	padding: 3px 0;
}

input.text, 
input.search, 
textarea.textarea {
	background: #fff url("images/fieldbg.gif") repeat-x center top;
	border-color: #7c7c7c #c3c3c3 #dddddd;
	border-style: solid;
	border-width: 1px;
}

select.select {
	padding: 1px 0 0;
}

input.search {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	padding-left: 6px;
}

input.checkbox,
input.radio {
	display: block;
	height: 13px;
	margin: 4px 0 0;
	padding: 0;
	width: 13px;
}

input.other {
	margin: 0 0 8px 25px;
}

.sarafi select.select {
	font-size: 120% !important;
	margin: 0 0 1px;
}

* html select.select {
	margin: 1px 0;
}

* + html select.select {
	margin: 1px 0;
}

.center, 
form li span.center input.text, 
form li span.center label, 
form li.name span label, 
form li.date input.text, 
form li.date span label, 
form li.phone input.text, 
form li.phone span label, 
form li.time input.text, 
form li.time span label {
	text-align: center;
}

form li.time select.select {
	margin-left: 5px;
}

form li.price .right {
	text-align: right;
}

.third {
	width: 32% !important;
}

.half {
	width: 48% !important;
}

.full {
	width: 100% !important;
}

input.small,
select.small {
	width: 25%;
}

input.medium,
select.medium {
	width: 50%;
}

input.large,
select.large,
textarea.textarea {
	width: 100%;
}

.msie select.ieSelectFix {
	width: auto;
}

.msie6 select.ieSelectFix,
.msie7 select.ieSelectFix {
	width: 100%;
}

.msie select.ieSelectFix.small {
	min-width: 25%;
}

.msie select.ieSelectFix..medium {
	min-width: 50%;
}

.msie select.ieSelectFix.large {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}

form li.buttons {
	clear: both;
	padding: 10px 1%;
	position: relative;
	width: auto !important;
}

form li.buttons input {
	font-size: 100%;
	margin-right: 5px;
}

input.btTxt {
	overflow: visible;
	padding: 0 7px;
	width: auto;
}

.safari input.btTxt {
	font-size: 120%;
}

.buttons .marker {
	color: #000;
	padding: 15px 10px 0 0;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
}

button.link {
	background: transparent;
	border: medium none;
	color: blue;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	padding: 0;
	text-decoration: underline;
}

button.link:hover {
	color: green;
}

form li.focused {
	position: relative;
}

form .instruct {
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	font-size: 105%;
	left: 0;
	margin: 0 0 0 8px;
	padding: 8px 10px 10px;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 45%;
	z-index: 1000;
}

form .instruct small {
	color: #444;
	font-size: 80%;
	line-height: 120%;
}

form li.focused .instruct,
form li:hover .instruct {
	left: 100%;
	visibility: visible;
}

form li.section {
	clear: both;
	margin: 0;
	padding: 7px 0 0;
	position: static;
	width: auto !important;
}

form li.section h3 {
	border-top: 1px solid #d5d5d5;
	font-size: 110%;
	font-weight: normal;
	line-height: 135%;
	margin: 0 0 3px;
	padding: 12px 1% 0;
	width: auto;
}

form li.first {
	padding: 0;
}

form li.first h3 {
	border-bottom: medium none !important;
	padding: 8px 1% 0;
}

form li.section div {
	display: block;
	font-size: 85%;
	line-height: 160%;
	margin: 0 0 1em;
	padding: 0 1%;
	width: auto;
}

form li.error {
	background-color: #ffdfdf !important;
	display: block !important;
	margin-bottom: 3px !important;
	
}

form li label.error,
form li input.error {
	color: #df0000 !important;
	font-weight: bold !important;
}

form li input.error {
	background: #fff;
	border: 2px solid #df0000 !important;
}

form li.error label, 
form li.error span.symbol {
	color: #000 !important;
}

form li.error label.desc {
	color: #df0000 !important;
}

form p.error {
	clear: both;
	color: #df0000 !important;
	display: none;
	font-size: 11px;
	font-weight: bold;
	line-height: 10px !important;
	margin: 0 !important;
	padding: 7px 0 0 !important;
}

form li.error p.error {
	display: block;
}

form li.complex p.error {
	padding: 0 0 9px !important;
}
/* @end */