/* -- price comfort 4 prices -- */
div#content {
	max-width: 1170px;
}
.pricing_options {
	margin-top: 100px;
}
.pricing_option_wrap {
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	margin: 0;
}
.pricing_option_wrap:nth-child(1) {
	padding-left: 0;
}
.pricing_option_wrap:nth-child(3) {
	margin-left: 48px;
}

#content .pricing_option:hover h2,
#content .pricing_option h2 {
	background: #0070a9;
	text-transform: none;
	letter-spacing: 0;
	border-top: 4px solid #005497;
}
#content .pricing_option:hover h3,
#content .pricing_option h3 {
	background: #6296c1;
}
#content .pricing_option h3.in_info + p {
	display: none;
}
#content .pricing_option h3.in_info + p + p {
	border-top: none;
}
.pricing_option p {
	font-size: 15px;
	line-height: 21px;
	background: #c7d6e4;
	border-top: 2px solid #fff;
	box-shadow: none;
}
.pricing_option .price {
	font-size: 24px;
}
h2 span.plus {
	padding: 0 21px;
}
span.plus {
	position: relative;
	padding: 0 11px;
}
span.plus:after {
	content: '+';
	position: absolute;
	left: 16px;
    top: -16px;
}
span.plus:before {
	content: '';
    height: 25px;
    width: 25px;
    top: 1px;
    left: 9px;
    position: absolute;
    border: 3px solid #fff;
    border-radius: 100%;
}
.pricing_option h3 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.francais .pricing_option h3.in_info {
	padding-top: 4px !important;
}
h3 span.plus:before {
	height: 15px;
	width: 15px;
	top: -1px;
	left: 4px;
	border: 2px solid #fff;
}
h3 span.plus:after {
	left: 9px;
    top: -6px;
}
.pricing_option > div {
	background: #6296c1;
}
.pricing_option .price span {
	display: none;
}
.pricing_option .price span.chf {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	top: 0;
}

	/* -- hover -- */
	#content .pricing_option:hover > div {
		background: #6296c1;
	}
	#content .pricing_option:hover a.white_button:hover, 
	#content .pricing_option:hover a.white_button:focus,
	#content .pricing_option:hover a.white_button:active {
		background: #004080;
		border-color: #004080;
	}
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:hover, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:focus,
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:active {
		background: #34641E;
		border-color: #34641E;
	}
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:hover:before, 
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:focus:before, 
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:active:before, 
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:hover:after, 
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:focus:after, 
	#content .pricing_option_wrap:nth-child(1) .pricing_option:hover a.white_button:active:after {
		background: #6296C1;
	}
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:hover:before, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:focus:before, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:active:before, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:hover:after, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:focus:after, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:hover a.white_button:active:after {
		background: #7AB84A;
	}
	#content .pricing_option:hover a.white_button:hover:before, 
	#content .pricing_option:hover a.white_button:focus:before, 
	#content .pricing_option:hover a.white_button:active:before, 
	#content .pricing_option:hover a.white_button:hover:after, 
	#content .pricing_option:hover a.white_button:focus:after, 
	#content .pricing_option:hover a.white_button:active:after {
		background: #3D71B1;
	}

/* -- second child -- */
#content .pricing_option_wrap:nth-child(4) .pricing_option,
#content .pricing_option_wrap:nth-child(3) .pricing_option,
#content .pricing_option_wrap:nth-child(2) .pricing_option {
	position: relative;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option:before,
#content .pricing_option_wrap:nth-child(3) .pricing_option:before,
#content .pricing_option_wrap:nth-child(2) .pricing_option:before {
	content: '';
	background: url(../../img/comfort_ten_years_de.png) no-repeat;
	width: 130px;
    height: 130px;
    background-size: 100% auto;
    top: -92px;
    right: -40px;
    position: absolute;
    display: block;
    z-index: 100;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option_fr.pricing_option:before,
#content .pricing_option_wrap:nth-child(3) .pricing_option_fr.pricing_option:before,
#content .pricing_option_wrap:nth-child(2) .pricing_option_fr.pricing_option:before {
	background: url(../../img/comfort_ten_years_fr.png) no-repeat;
	background-size: 100% auto;
}
#content .pricing_option_wrap:nth-child(2) .pricing_option h2 {
	background: #568937;
	border-top: 4px solid #34641e;
}
#content .pricing_option_wrap:nth-child(2) .pricing_option h3 {
	background: #7ab94a;
}
#content .pricing_option_wrap:nth-child(2) .pricing_option p {
	background: #bdd89a;
}
#content .pricing_option_wrap:nth-child(2) .pricing_option > div {
	background: #7ab84a;
}


/* -- advanced childs -- */

#content .pricing_option_wrap:nth-child(4) .pricing_option h2,
#content .pricing_option_wrap:nth-child(3) .pricing_option h2 {
	background: #00549c;
	border-top: 4px solid #004080;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option h3,
#content .pricing_option_wrap:nth-child(3) .pricing_option h3 {
	background: #3d71b1;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option p,
#content .pricing_option_wrap:nth-child(3) .pricing_option p {
	background: #d6e1f4;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option > div,
#content .pricing_option_wrap:nth-child(3) .pricing_option > div {
	background: #3d71b1;
}
#content .pricing_option_wrap:nth-child(4) .pricing_option p:nth-child(6) {
	height: 250px !important;
}

@media screen and (max-width: 1200px) {
	.pricing_option_wrap:nth-child(3) {
		clear: both;
		margin-left: 0;
		padding-left: 0;
	}
	.pricing_option_wrap:nth-child(3),
	.pricing_option_wrap:nth-child(4) {
		margin-top: 100px;
	}
	.pricing_options {
		max-width: 556px;
		margin: 100px auto 0;
	}
}
@media screen and (max-width: 600px) {
	.pricing_options {
		max-width: 100%;
		width: 100%;
		margin: 20px 0 0 0;
	}
	.pricing_option_wrap {
		padding-left: 0;
		clear: both;
		width: 100%;
	}
	.pricing_option_wrap .pricing_option {
		width: 100%;
		margin: 0;
	}
	.pricing_option_wrap:nth-child(2) {
		margin-top: 100px;
	}
	#content .pricing_option_wrap:nth-child(4) .pricing_option:before, 
	#content .pricing_option_wrap:nth-child(3) .pricing_option:before, 
	#content .pricing_option_wrap:nth-child(2) .pricing_option:before {
		right: -10px;
	}
	.pricing_option:hover {
		transform: none !important;
	}
}