@charset "utf-8";
/* CSS Document */
html { background-color:#fff; }
body { background:url(../img/bg-body.jpg) center center repeat; }
.clear { display:block; clear:both; height:0px; }
.left { float:left; }
.right { float:right; }
.hidden { display:none; }
.inner { width:1000px; margin:0 auto; }

p { padding-bottom:12px; line-height:1.6em; }
p span.spec { color:#4081cb; }

#container {
	width:1000px;
	margin:0 auto;
	padding-bottom:28px;
	font:14px Verdana, Geneva, sans-serif;
	color:#000;
}
#container a { cursor:pointer; }
#container img { vertical-align:bottom; }

#header { padding-top:28px; background:url(../img/bg-header.png) center bottom no-repeat; text-align:center; }
#header .recommend { padding:0 0 28px 1px; display: none; }
#header .recommend p { display:block; float:left; width:140px; height:58px; padding:11px 14px 0 0; background:url(../img/recommend.jpg) no-repeat; font:14px Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.6em; text-transform:uppercase; text-align:center; color:#e2309d; box-shadow:0 2px 8px #252525; }
#header .recommend a { display:block; float:left; margin-left:57px; }
#header .recommend a img { width:152px; height:67px; border:1px solid #fff; box-shadow:0 2px 8px #252525; }
#header .banner { position:relative; width:950px; height:460px; background:#fff url(../img/banner.jpg) center 10px no-repeat; }
#header .banner p.france {
	position: absolute;
	left: 334px;
	top: 46px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #0b1751;
	width: 274px;
}
#header .banner p.phone {
	position: absolute;
	right: 20px;
	bottom: 8px;
	padding-bottom: 0px;
	border-bottom: 2px solid #e2309d;
	font-size: 36px;
	color: #e2309d;
}
#header .banner a.order {
	display: block;
	position: absolute;
	left: 202px;
	bottom: -3px;
	width: 377px;
	height: 78px;
	background: url(../img/bt-order.png) no-repeat;
}

#wrapper { padding-top:28px; }
#content { }
#content h2 { padding-bottom:28px; font-size:24px; font-weight:normal; text-transform:uppercase; text-align:center; color:#243b93; }
#content .links h2 { padding-bottom:12px; }
#content .block h2 { color:#e2309d; }
#content .gradient h2 { padding-bottom:0px; color:#e2309d; }

.block { padding:20px 25px; border:1px solid #e2309d; border-radius:20px; background-color:#fff; box-shadow:0 2px 20px #252525; }
.block.left { width:435px; height:564px; border-color:#fff; background-color:#e2309d; }
.block.left p { font-size:17px; line-height:1.4em; color:#fff; }
.block.right { width:435px; height:564px; }

.comparison { position:relative; padding-bottom:28px; text-align:center; }
.comparison p { position:absolute; }
.comparison p.before {
	left: 122px;
	top: -25px;
}
.comparison p.after {
	left: 287px;
	top: -25px;
}

.wish { padding:30px 0 18px; }
.wish a { display:block; width:517px; height:78px; margin:0 auto; background:url(../img/bt-wish.png) no-repeat; }

.grey { margin-bottom:28px; background:#fff url(../img/bg-grey.png) repeat; }
.grey h2 { color:#f30009 !important; }
.grey h3 { padding-bottom:40px; font-size:30px; font-weight:normal; text-align:center; color:#f30009; }
.grey p { padding-bottom:30px; }
.grey p.spec { padding-left:320px; }
.grey .left { padding-right:30px; }
.grey .left img { margin-bottom:12px; border:4px solid #ff0000; }
.grey .left p { padding-bottom:16px; font-size:18px; line-height:normal; text-align:center; }

.gradient { margin:0 -140px 0px; padding:20px 0; background:url(../img/bg-gradient.png) center repeat-y; text-align:center; }
.gradient p { font-size:30px; line-height:normal; color:#e2309d; }
.gradient p span { font-size:48px; }

.reasons { margin-bottom:28px; background:#fff url(../img/bg-reasons.png) 12px 12px no-repeat; }
.reasons p { display:block; margin-bottom:28px; padding:0 0 0 70px; line-height:1.4em; text-indent:40px; background-position:10px center; background-repeat:no-repeat; }
.reasons p.first { background-image:url(../img/bg-first.png); }
.reasons p.second { background-image:url(../img/bg-second.png); }
.reasons p.third { background-image:url(../img/bg-third.png); }
.reasons span.thumb { display:block; float:left; height:44px; padding:23px 22px 0 70px; background:url(../img/bg-thumb.png) left no-repeat; }

.carousel { position:relative; height:260px; padding:100px 20px 28px; }
.carousel ul { width:960px; height:240px; }
.carousel ul li { width:320px; height:240px; }
.carousel ul li a { display:block; position:relative; width:12em; margin:0 auto; border:1px solid #e338a0; background-color:#fff; text-decoration:none; text-align:center; }
.carousel ul li a p { font-size:.8em; color:#e2309d; }
.carousel ul li a p.spec { display:block; position:absolute; left:0px; bottom:0px; padding:4px 10px; border:1px solid #fff; background-color:#f85ecb; font-size:.4em; color:#fff; }
.carousel ul li a img { width:100%; }
.carousel a.prev, .carousel a.next { display:block; position:absolute; top:140px; z-index:1000; width:68px; height:70px; background-image:url(../img/bt-carousel.png); background-repeat:no-repeat; }
.carousel a.prev { left:290px; background-position:left 0px; }
.carousel a.next { right:300px; background-position:right -70px; }


.components { margin-bottom:28px; padding-bottom:0px; }
.components img { float:left; margin:2px 24px 30px 0; }
.components h3 { padding-bottom:6px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#e2309d; }

.list { margin-bottom:28px; }

ul.tick { margin-left:28px; }
ul.tick li { display:block; padding:6px 0 22px 50px; background:url(../img/li-tick.png) left top no-repeat; }

div.order { padding:0px 0 10px; }
div.order a { display:block; width:377px; height:78px; margin:0 auto; background:url(../img/bt-order.png) no-repeat; }

.testimonials { padding-bottom:28px; text-align:center; }

.benefits { padding-left:80px; }
.benefits .benefit { position:relative; float:left; width:136px; height:136px; margin:0 2px; background-repeat:no-repeat; cursor:pointer; }
.benefits .benefit-01 { background-image:url(../img/benefit-01.png); }
.benefits .benefit-02 { background-image:url(../img/benefit-02.png); }
.benefits .benefit-03 { background-image:url(../img/benefit-03.png); }
.benefits .benefit-04 { background-image:url(../img/benefit-04.png); }
.benefits .benefit-05 { background-image:url(../img/benefit-05.png); }
.benefits .benefit-05 .popup { width:606px; left:auto; right:48px; }
.benefits .benefit-05 .popup span { left:auto; right:10px; }
.benefits .benefit-06 { background-image:url(../img/benefit-06.png); }
.benefits .benefit-06 .popup { left:auto; right:48px; }
.benefits .benefit-06 .popup span { left:auto; right:10px; }
.benefits .popup { display:none; position:absolute; left:46px; top:150px; width:200px; padding:4px 2px; border:1px solid #000; background-color:#e2309d; text-align:center; color:#fff; }
.benefits .popup span { display:block; position:absolute; left:10px; top:-36px; width:19px; height:36px; background:url(../img/crn-benefits.png) no-repeat; }

.steps { margin:28px 0; }
.steps h2 { color:#000 !important; }
.steps h2 span { font-size:26px !important; }
.steps p { font-size:24px; text-align:center; }
.steps p span.spec { text-transform:uppercase; color:#e2309d; }


#footer { padding-top:6px; }
#footer a.logo { display:block; float:left; width:219px; height:54px; margin:2px 20px 0 0; background:url(../img/logo.png) no-repeat; }
#footer p { line-height:1.4em; }
#footer p.right { width:240px; }