html, body {
	font: 300 13px/1.2 "Open Sans", sans-serif;
	color: #333;
	background-color: #EAEFF2;
}

a {
	color: #21c0dd;
	text-decoration: none;
}
a:hover, a:focus {
	color: #23527c;
}

.global {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
}

.global > .container {
	padding-top: 46px;
	padding-bottom: 46px;
}

.global > .container > .main {
	background-color: #fff;
	background-repeat: repeat-x;

}

.lt-ie9 body {
	background: none no-repeat center center #fff !important;
}

.lt-ie9 .compatibility-issue {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10000;
	width: 100%;
	height: 600px;
	background: url("../images/incompatibility-en.jpg") no-repeat center center #fff;
}

.lt-ie9[lang="fr"] .compatibility-issue {
	display: block;
	background: url("../images/incompatibility-fr.jpg") no-repeat center center #fff;
}

/* Header */

header {
	position: relative;
	display: block;
	width: 100%;
	min-height: 160px; 
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #fff;

	box-shadow: 0px 2px 3px 0px #aaa;
}

header .header-logo a {
	position: relative;
	display: block;
	width: 100%;
	min-height: 160px; 
	text-decoration: none;
}

header .header-logo img {
	display: block;
	margin: 0px auto 0px auto;
	width: 100%;
}

header .header-title {
	display: block;
	padding: 10px 10px 10px 10px;
	line-height: 24px;
	text-align: center;
	color: #333;
	font-size: 18px;
	text-transform: uppercase;
}

header .header-title:hover {
	text-decoration: none;
}

@media screen and (max-width: 767px) {

	header {
		background-image: none !important;
	}
}

/* Use a white logo for Header */
.white-logo {
	max-width: 250px;
}

/* Footer */

footer {
	padding-top: 12px;
	padding-bottom: 100px;
	min-height: 160px; 
	background-position: bottom center;
	background-repeat: no-repeat;
	background-color: #fff;
	text-align: center;

	box-shadow: 0px -2px 3px 0px #aaa;
}

footer p {
	margin: 20px 0px;
}

footer p a {
	display: inline-block;
	padding: 0px 12px;
}

.footer-link {
	cursor: pointer;
	line-height: 22px;
}

/* Content */

.ecard-new, 
.ecard-confirm, 
.ecard-edit, 
.ecard-cms, 
.ecard-burn,
.ecard-account,
.ecard-default {
	min-height: 650px;
	padding: 30px 0px 40px 0px;
	box-shadow: 0px 0px 10px 0px #dAdFe2;
}

section.content .ecard-new h3, 
section.content .ecard-confirm h3,
section.content .ecard-edit h3,
section.content .ecard-cms h3,
section.content .ecard-burn h3,
section.content .ecard-account h3,
section.content .ecard-default h3 {
	margin: 30px 0px 40px 0px;
	padding: 6px 40px 10px 40px;
	background-color: #ccc;
	color: #fff;
}

section.content .ecard-new h4, 
section.content .ecard-confirm h4,
section.content .ecard-edit h4,
section.content .ecard-cms h4,
section.content .ecard-burn h4,
section.content .ecard-account h4,
section.content .ecard-default h4 {
	font-weight: bold;
}

section.content .ecard-new p + h4, 
section.content .ecard-confirm p + h4,
section.content .ecard-edit p + h4,
section.content .ecard-cms p + h4,
section.content .ecard-burn p + h4,
section.content .ecard-account p + h4,
section.content .ecard-default p + h4 {
	margin-top: 30px;
}

section.content .ecard-new .wrapper,
section.content .ecard-confirm .wrapper,
section.content .ecard-edit .wrapper,
section.content .ecard-cms .wrapper,
section.content .ecard-burn .wrapper,
section.content .ecard-account .wrapper,
section.content .ecard-default .wrapper {
	padding-left: 40px;
	padding-right: 40px;
}

ul.guide {
	display: block;
	padding-left: 0px;
	list-style: none;

}

div.guide p {
	line-height: 20px;
}
ul.guide li {
	display: inline-block;
	padding: 10px 0px 5px 0px;
	line-height: 20px;
	font-size: 15px;
}

div.guide p:before,
ul.guide li:before {
	content: '•';
	display: inline-block;
	padding-right: 10px;
	color: #ccc;
	font-size: 30px;
	line-height: 12px;
	vertical-align: middle;
	height: 12px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.block-tip-send-date {
	margin-top: 15px;
}

div.block-tip-send-date .tip {
	font-style: italic;
	font-size: 0.9em;
}

div.announcement {
	text-align: center;
}

div.announcement p {
	margin: 24px 0px;
	text-align: center;
	line-height: 20px;
	font-size: 15px;
}

div.announcement a.btn {
	display: inline-block;
	margin: 24px 0px;
	line-height: 20px;
	font-size: 15px;
}

ul.participations {
	padding-left: 40px;
}

ul.participations li {
	line-height: 20px;
	list-style: none;
}

ul.participations li:before {
	content: '•';
	display: inline-block;
	padding-right: 10px;
	color: #ccc;
	font-size: 30px;
	line-height: 12px;
	vertical-align: middle;
	height: 12px;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

section.content .ecard-confirm .ecard-confirm-block h3.chapter-title {
	margin-bottom: 20px;
	text-align: center;
	background-color: #fff;
	color: #333;
}

.ecard-confirm .ecard-confirm-block {
	text-align: center;
}

.ecard-confirm .ecard-confirm-block .visual {
	max-width: 596px;
}

.ecard-confirm .confirm-livstick-block p {
	margin: 24px 0px 8px 0px;
}

.ecard-confirm .confirm-livstick-block a.btn {
	margin: 8px 0px 24px 0px;
}

.layout-portrait .ecard-confirm .ecard-confirm-block .visual {
	max-width: 360px;
}

.ecard-summary-block .strong {
	font-size: 36px;
}

.consult-balance-block {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #666;
}

.shipping-phone-tip {
	clear: both;
	position: relative;
	top: -8px;
	padding: 0px 15px 5px 15px;
	display: block;
}

.shipping-phone-tip span {
	font-style: italic;
}

@media screen and (max-width: 767px) {

	section.content .ecard-new h3, 
	section.content .ecard-confirm h3,
	section.content .ecard-edit h3,
	section.content .ecard-cms h3,
	section.content .ecard-burn h3,
	section.content .ecard-account h3,
	section.content .ecard-default h3 {
		padding: 6px 12px 10px 12px;
	}

	section.content .ecard-new .wrapper,
	section.content .ecard-confirm .wrapper,
	section.content .ecard-edit .wrapper,
	section.content .ecard-cms .wrapper,
	section.content .ecard-burn .wrapper,
	section.content .ecard-account .wrapper,
	section.content .ecard-default .wrapper {
		padding-left: 12px;
		padding-right: 12px;
	}
}

/* Choose an e-card type */

.ecard-type-block {
	text-align: center;
}

.ecard-type-picture .icon {
	width: 141px;
	height: 141px;
	margin: 0px 5px;
	display: inline-block;
	cursor: pointer;
}

.ecard-type-picture .print-icon {
	background: url("../images/icons/print-icon-orange-141x141.png") no-repeat top left transparent;
}

.ecard-type-picture .email-icon {
	background: url("../images/icons/email-icon-orange-141x141.png") no-repeat top left transparent;
}

.ecard-type-picture .mail-icon {
	background: url("../images/icons/mail-icon-orange-141x141.png") no-repeat top left transparent;
}

.ecard-type-block .ecard-type-label .radiobox-label {
	text-align: left;
}

/* Gallery */

.carousel-ecard-visuals {
	padding: 0px 100px;
}

.carousel-ecard-visuals .visual {
	width: 100%;
	padding: 8px;
	cursor: pointer;
}

.carousel-ecard-visuals .visual.active {
	background-color: #444;
}

@media screen and (max-width: 768px) {

	.carousel-ecard-visuals {
		padding: 0px 25px;
	}
}

/* Visual overview */

.ecard-overview {
	position: relative;
}

.ecard-overview .visual,
.ecard-summary .visual {
	width: 100%;
}

.ecard-overview .visual[data-option="2"] {
	cursor: pointer;
}

.ecard-overview input[name="photo-upload"] {
	visibility: hidden;
	overflow: hidden;
	height: 0px;
}

.ecard-overview .form-group {
	position: relative;
}

.ecard-overview .message {
	max-width: 100%;
	min-height: 160px;
	padding-bottom: 12px;
}

.ecard-overview .textarea-feedback {
	position: relative;
	display: block;
	top: -16px;
	right: 16px;
	font-size: 11px;
	color: #888;
	font-style: normal;
	text-align: right;
}

.ecard-overview-container .livstick-group div.announcement p {
	margin: 24px 0px 12px 0px;
}

.ecard-overview-container .livstick-group div.announcement a.btn {
	margin: 12px 0px 24px 0px;
}

.ecard-confirm .ecard-overview {
	width: 80%;
	margin: 0px auto;
}

.ecard-overview-loading {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.75);
	text-align: center;
}

.ecard-overview-loading .ecard-overview-loading-wrapper {
	left: -15px;
	position: relative;
	top: 40%;
}

.ecard-overview-loading .ecard-overview-loading-wrapper .fa {
	padding-left: 4px;
	font-size: 36px;
	line-height: 36px;
	vertical-align: bottom;
	opacity: 0.9;
}

/* picture reshaper */

#upload-photo-popin.well {
	margin: 12px 0px 12px 0px;
	background-color: #fff;
	width: 100%;
	max-width: 750px;
}

.picture-reshaper-title h3 {
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.picture-reshaper-upload {
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	/*min-height: 43px;*/
	font-size: 18px;
	color: #54a3d5;
	cursor: pointer;
}

.picture-reshaper-upload .upload-button {
	float: left;
	width: 58px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	background: url("../images/picture-upload/upload-picture.png") no-repeat top left transparent;
}

.picture-reshaper-upload .upload-button:hover {
	background-position: bottom left;
}

.picture-reshaper-upload .upload-text {
	display: inline-block;
	line-height: 18px;
	padding-top: 3px;
	padding-left: 8px;
	font-size: 13px;
}

.reupload-main-text {
	font-size: 13px;
}

.reupload-sub-text {
	font-size: 11px;
	color: #333;
}

.raw-picture-block {
	float: left;
	width: 540px;
	height: 360px;
	/*width: 100%;
	max-width: 540px;*/
	padding: 10px;
	background-color: #eee;
}

.picture-tool-block {
	float: left;
	padding-left: 35px;
}

.picture-reshaper-validation {
	padding: 12px 0px 12px 0px;
	clear: both;
	text-align: center;
}

.picture-reshaper-validation .btn {
	font-size: 18px;
}

.upload-photo-popin_close {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 8px 8px 8px 8px;
	padding: 4px 8px 4px 8px;
	border: 0px solid transparent;
	/*background: url("../images/picture-upload/close-button.png") no-repeat top left transparent;*/
	cursor: pointer;
	text-align: center;
}

/*.upload-photo-popin_close:hover {
	background-position: bottom left;
}*/

.upload-photo-popin_close .btn {
	font-size: 32px;
	line-height: 32px;
	color: #fff;
}

.picture-tool-block .picture-tool {
	padding: 0px 0px 10px 0px;
	width: 116px;
	height: 61px;
	cursor: pointer;
}

.picture-tool-block .scale::after {
    display: table;
    content: " ";
    clear: both;
}
.picture-tool-block .scale::before {
    display: table;
    content: " ";
}

.picture-tool-block .scale .zoom-in-button.active {
	opacity: 1;
}
.picture-tool-block .scale .zoom-in-button {
	opacity: 0.5;
	float: left;
	width: 53px;
	height: 43px;
	background: url("../images/picture-upload/zoom-button.png") no-repeat top left transparent;
}
.picture-tool-block .scale .zoom-in-button.active:hover {
	background-position: bottom left;
}

.picture-tool-block .scale .zoom-out-button.active {
	opacity: 1;
}
.picture-tool-block .scale .zoom-out-button {
	opacity: 0.5;
	float: left;
	width: 53px;
	height: 43px;
	background: url("../images/picture-upload/dezoom-button.png") no-repeat top left transparent;
}
.picture-tool-block .scale .zoom-out-button.active:hover {
	background-position: bottom left;
}

@media screen and (max-width: 768px) {

	#upload-photo-popin.well {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		width: 100%;
	}

	.raw-picture-block {
		float: none;
		padding: 0px 0px 0px 0px;
		width: 100%;
		max-width: none;
		max-height: none;
	}

	.picture-reshaper-title {
		display: none;
	}

	.picture-reshaper-upload {
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 1000;
		color: #fff;
	}

	.picture-reshaper-upload .upload-text {
		display: none;
	}

	.picture-tool-block .picture-tool {
		padding: 0px 0px 0px 0px;
		width: auto;
		height: auto;
	}

	.picture-tool-block .scale {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -27px;
	}

	.picture-reshaper-validation {
		position: absolute;
		bottom: 10px;
		right: 7px;
		padding: 0px 0px 0px 0px;
		/*background: url("../images/picture-upload/responsive-validation-button.png") no-repeat center center transparent;*/
		cursor: pointer;
	}

	.picture-reshaper-validation button {
		opacity: 0.85;
	}

	.picture-reshaper-validation button:hover {
		opacity: 1.0;
	}

	.upload-photo-popin_close {
		top: 10px;
		right: 7px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		cursor: pointer;
		opacity: 0.85;
	}

	.upload-photo-popin_close:hover {
		opacity: 1.0;
	}

	.upload-photo-popin_close .btn {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}


/* Reshaper special css (should not be changed) */

.picture-reshaper-frame {
	width: 100%;
	max-width: 520px;
	max-height: 340px;
	overflow: hidden;
	margin: 0px auto;
}

.picture-reshaper-border {
	position: relative;
/*	top: 0px;
	left: 0px;*/
}

.picture-reshaper .raw-picture {
	right: auto;
	bottom: auto;
	/*position: relative;*/
/*	top: 0px;
	left: 0px;*/
}

.picture-reshaper .raw-picture {
    cursor: not-allowed;
}

.picture-reshaper .raw-picture.active {
    cursor: move;
}

@media screen and (max-width: 768px) {

	.picture-reshaper-frame {
		max-width: none;
		max-height: none;
	}
}

/* Choose a send type */

.theme-florencia .ecard-send-type-block .send-type {
	text-align: center;
	cursor: pointer;
}

.theme-florencia .send-type .radiobox-icon {
	margin-top: 34px;
}

.theme-florencia .ecard-send-type-block .send-type-icon {
	width: 87px;
	height: 87px;
	margin: 0px 0px;
	display: inline-block;
}

.theme-florencia .ecard-send-type-block .send-type.active:hover .send-type-text {
	color: #333;
}
.theme-florencia .ecard-send-type-block .send-type:hover .send-type-text {
	color: #1593b3;
}

.theme-florencia .ecard-send-type-block .send-type-email .send-type-icon {
	background: url("../images/icons/email-icon-87x174-blue-1593b3.png") no-repeat top left transparent;
}

.theme-florencia .ecard-send-type-block .send-type-email.active .send-type-icon,
.theme-florencia .ecard-send-type-block .send-type-email:hover .send-type-icon {
	background: url("../images/icons/email-icon-87x174-blue-1593b3.png") no-repeat bottom left transparent;
}

.theme-florencia .ecard-send-type-block .send-type-hand .send-type-icon {
	background: url("../images/icons/print-icon-87x174-blue-1593b3.png") no-repeat top left transparent;
}

.theme-florencia .ecard-send-type-block .send-type-hand.active .send-type-icon,
.theme-florencia .ecard-send-type-block .send-type-hand:hover .send-type-icon {
	background: url("../images/icons/print-icon-87x174-blue-1593b3.png") no-repeat bottom left transparent;
}

.theme-florencia .ecard-send-type-block .send-type-text {
	padding: 10px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: normal;
}

.theme-florencia .ecard-send-type-block .beneficiary-email {
	padding: 4px 8px;
	height: auto;
	background-color: #e5e5e5;
	border: 1px solid #d2d2d2;
	border-radius: 0px;
	font-size: 13px;
}

.theme-florencia .ecard-send-type-block .radio,
.theme-florencia .ecard-send-type-block .radio label {
	display: inline-block;
}

.theme-florencia .ecard-send-type-block .radiobox-label {
	display: inline-block;
	width: 165px;
	font-size: 18px;
}

.theme-florencia .ecard-send-type-block .send-date {
	padding: 4px 8px;
	height: auto;
	background-color: #e5e5e5;
	border: 1px solid #d2d2d2;
	border-radius: 0px;
	font-size: 14px;
}

/* Amounts */

.e-card-amount {
	overflow: auto;
	zoom: 1;
}

.e-card-amount .free-amount-currency {
	overflow: auto;
	zoom: 1;
	float: left;
	width: 35%;
}

.fixed-amounts {
	float: left;
	width: 64%;
}

.e-card-amount .free-amount {
	display: block;
	float: left;
	margin: 0px 20px 16px 0px;
	width: 90px;
	height: 36px;
	border: 1px solid #aaa;
	border-radius: 4px;
	font-size: 16px;
	background-color: #eee;
}

.e-card-amount .free-amount input {
	display: inline-block;
	width: 100%;
	height: 34px;
	margin: 0px 0px 0px 0px;
	padding: 0px 4px 0px 8px;
	border: 0px solid transparent;
	background-color: #fafafa;
}

.e-card-amount .currency-amount {
	display: block;
	float: left;
	margin: 0px 0px 16px 0px;
	padding: 0px 5px 0px 5px;
	font-size: 16px;
	font-weight: 700;
	width: 70px;
	height: 38px;
	line-height: 38px;
}

.e-card-amount .fixed-amount {
	display: block;
	float: left;
	height: 36px;
	margin: 0px 12px 16px 12px;
	padding: 8px 8px 0px 8px;
	border: 1px solid #665D5C;
	border-radius: 3px;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
	background-color: #766260;
	color: #fff;
}

.e-card-amount .fixed-amount {
	background-color: #ccc;
	border: 1px solid #ccc;
}

@media screen and (max-width: 767px) {

	.e-card-amount .free-amount-currency {
		width: 100%;
		padding-left: 40px;
	}

	.fixed-amounts {
		width: 100%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

	.e-card-amount .free-amount-currency {
		width: 30%;
	}

	.fixed-amounts {
		width: 69%;
	}

}

/* Captcha */

.g-recaptcha {
	padding-bottom: 15px;
	text-align: center;
}

.g-recaptcha > div {
	display: inline-block;
}

/* Discount code */

.pad-left-0 {
	padding-left: 0px;
}

.right-20 {
	right: 20px;
}

.discount-code-block {
	width: 100%;
	margin: 0px auto 30px auto;
}

.discount-title {
	color: #000;
	font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 0px 0px 0px 0px;
    text-align: right;
	text-transform: uppercase;
    vertical-align: middle;
}

.discount-binder {
	text-align: left;
	font-style: italic;
}

.discount-binder .discount-binder-amount, 
.discount-binder .discount-binder-code {
	display: inline-block;
	padding-right: 8px;
}

/*
.discount-binder-code {
	display: inline-block;
	padding: 2px 4px;
	border: 1px solid #666;
	border-radius: 3px;
	background-color: #52A2D5;
	color: #fff;
	font-weight: bold;
}*/

@media screen and (max-width: 767px) {

	.discount-code-block {
		width: 90%;
	}
	
	.discount-title {
		color: #000;
		font-size: 12px;
		font-weight: 400;
		line-height: 1.42857;
		margin-bottom: 0;
		padding: 0px 0px 0px 0px;
		text-align: left;
		text-transform: uppercase;
		vertical-align: middle;
	}
}

/* Payment type selection */

.payment-type-selection {
	padding: 20px 0px 0px 0px;
}

.payment-type-selection .radiobox-label {
	font-weight: bold;
	font-size: 14px;
}

/* Payment : SMOOTH Cards */

.ecard-complete label.birthday-label {
	text-align: center;
	width: 100%;
}

.organizer-last-name,
.organizer-email,
.organizer-birthday,
.organizer-first-name,
.organizer-confirm-email,
.offer-first-name,
.offer-last-name,
.offer-email,
.offer-confirm-email,
.participant-last-name,
.participant-email,
.participant-first-name,
.participant-confirm-email {
	margin: 0px auto;
	width: 65%;
}

.mpsp-smooth {
	display: block;
	text-align: center;
}

.mpsp-smooth #mpsp-payment-means ul {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.mpsp-smooth #mpsp-payment-means ul li {
	display: inline-block;
	margin: 10px 5px;
	padding: 12px 19px;
	border: 1px solid #cbcbcb;
	background-color: #fff;
	vertical-align: top;
}

.mpsp-smooth #mpsp-payment-means ul li:hover {
	background-color: #f7f7ef;
	cursor: pointer;
}

.mpsp-smooth #mpsp-payment-means ul li input {
	display: block;
}

form#mpsp-payment-form-paypal #mpsp-payment-means ul li {
	padding: 10px 15px;
}

.form-ecard-payment,
.form-participation-payment {
	text-align: center;
}

div.select-payment-methods p {
	padding: 0px 8px 0px 8px;
	text-align: left;
}

@media screen and (max-width: 767px) {

	.organizer-last-name,
	.organizer-email,
	.organizer-first-name,
	.organizer-confirm-email,
	.offer-first-name,
	.offer-last-name,
	.offer-email,
	.offer-confirm-email,
	.participant-last-name,
	.participant-email,
	.participant-first-name,
	.participant-confirm-email {
		width: 90%;
	}

	.mpsp-smooth .payment-mean#mpsp-payment-mean-paypal img {
		max-width: 319px;
		width: 100%;
	}
	.mpsp-smooth .payment-mean#mpsp-payment-mean-cb-visa-mastercard img {
		max-width: 202px;
		width: 100%;
	}
	.mpsp-smooth .payment-mean#mpsp-payment-mean-cb-visa-mastercard-american-express img {
		max-width: 261px;
		width: 100%;
	}
}

/* Payment type offline */

.payment-offline .payment-offline-selection  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

/* Burn */

.form-ecard-number-connect {
	text-align: center;
}

.ecard-number-label {
	margin: 12px 0px;
	text-align: left;
}

.ecard-number-fields {
	max-width: 420px;
	margin: 12px auto;
}

.form-ecard-number-connect .code-pin-container {
	max-width: 420px;
	margin: 12px auto;
}

.form-ecard-number-connect .code-pin-container label {
	display: block;
	padding: 4px;
	text-align: left;
}

.button-ecard-number-connect {
	margin: 12px 0px;
}

.open-gift-card-popin .glyphicon {
	font-size: 1.2em;
}

.extra-amount-row {
	line-height: 32px;
}

/*** B2B ***/

/* B2B Common */

html.html-page-group-b2b, body.page-group-b2b {
	font: 300 15px/1.2 "Open Sans", sans-serif;
}

.btn.btn-b2b {
	min-width: 200px;
	background-color: #f08000;
	padding: 8px 20px 8px 20px;
	font-size: 22px;
	color: #fff;
	border-radius: 12px;
	text-transform: uppercase;
}

.btn.btn-add-to-cart {
	margin: 6px 0px;
	min-width: 36px;
	background-color: #f08000;
	padding: 4px 8px 4px 8px;
	font-size: 15px;
	color: #fff;
	border-radius: 6px;
	text-transform: uppercase;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 255, .2);
}

.btn.btn-add-to-cart:hover, 
.btn.btn-add-to-cart:focus {
	background-color: #ff5a00;
	box-shadow: unset;
}

.page-group-b2b .button-container {
	padding: 30px 0px 30px 0px;
}

.page-group-b2b .question-p {
	text-decoration: underline;
}

.page-group-b2b .nota-p {
	text-decoration: none;
	font-style: italic;
	font-size: 13px
}

.b2b-popin-container {
	position: relative;
	width: 100%;
	max-width: 600px;
}

.b2b-popin-close-button {
	position: absolute;
	top: -16px;
	right: -16px;
	font-size: 32px;
	background-color: rgba(200, 200, 200, 0.8);
	border-radius: 16px;
	width: 31px;
	height: 33px;
	cursor: pointer;
}

body.page-group-b2b .ecard-default {
	padding-top: 0px;
}

.page-group-b2b .icon-confirmation {
	display: inline-block;
	padding: 16px;
	text-align: center;
	border: 8px solid #333;
	border-radius: 50%;
}

.page-group-b2b .icon-confirmation .icon-confirmation-warning {
	display: inline-block;
	padding: 24px;
	text-align: center;
	border: 0px solid transparent;
	border-radius: 0;
}

.page-group-b2b .icon-confirmation .glyphicon-ok {
	font-size: 60px;
	line-height: 60px;
	color: #4cda64;
}

.page-group-b2b .icon-confirmation .glyphicon-warning-sign {
	font-size: 60px;
	line-height: 60px;
	color: #ec971f; /* #e67c22 */
	top: -5px;
}

.page-group-b2b .icon-confirmation .glyphicon-remove {
	font-size: 60px;
	line-height: 60px;
	color: #e2574c;
}

.page-group-b2b .icon-confirmation .glyphicon-envelope {
	font-size: 60px;
	line-height: 60px;
	color: #00c4ff;
}



.page-name-b2b_ecard .separator,
.page-name-b2b_homepage .separator
{
	border-right: 0.5px solid #cccccc;
}

@media screen and (max-width: 991px) {
	.page-name-b2b_ecard .separator {
		border-right: 0px solid #cccccc;
	}
}

@media screen and (max-width: 1200px) {
	.page-name-b2b_homepage .separator {
		border-right: 0px solid #cccccc;
	}
}

/* B2B Header */
.b2b-header {
	background-color: #fff;
	box-shadow: 0px 2px 3px 0px #aaa;
}

.b2b-header .b2b-logo-container {
	padding: 26px 0px 16px 15px;
	text-align: left;
	position: relative;
	min-height: 1px;
	float: left;
	width: 25%;	
}

@media screen and (max-width: 767px) {
	.b2b-logo-container a {
		position: relative;
		display: block;
		width: 100%;
		min-height: 160px;
		text-decoration: none;
	}

	.b2b-logo-container img {
		display: block;
		margin: 0px auto 0px auto;
		width: 100%;
		max-width: 200px
	}
}

.b2b-header .b2b-header-buttons {
	padding: 74px 0px 32px 0px;
	text-align: right;
	position: relative;
	min-height: 1px;
	float: left;
	width: 75%;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.b2b-header .b2b-logo-container
	{
		width: 25%;	
	}
	
	.b2b-header .b2b-header-buttons {
		padding: 74px 0px 32px 10px;
		width: 75%;	
	}
}

@media screen and (max-width: 767px) {

	.b2b-header .b2b-logo-container
	{
		width: 100%;	
	}
	
	.b2b-header .b2b-header-buttons {
		text-align: center;
		padding: 0px 0px 10px 0px;
		width: 100%;	
	}
	
	.b2b-homepage-header .b2b-logo-container
	{
		padding: 26px 0px 16px 10px;
		max-width: 220px;	
	}
	
	.b2b-homepage-header .b2b-header-buttons {
		padding: 0px 0px 10px 0px;
		width: 100%;	
	}

}

.b2b-header .b2b-header-buttons .btn {
	padding: 8px 20px 8px 20px;
	font-size: 22px;
	color: #fff;
	border-radius: 12px;
}

.b2b-header .btn.btn-contact {
	background-color: #009640;
	text-transform: uppercase;
}

.b2b-header .btn.btn-customer-area {
	background-color: #f08000;
	text-transform: uppercase;
}

/* Contact */

.contact-form h3 {
	padding-bottom: 30px;
}

.contact-form .button-container {
	text-align: center;
}

.contact-form .error-anchor div {
	padding: 20px 0px 30px 0px;
	text-align: center;
	color: #d44950;
	font-weight: bold;
}

/* B2B Homepage */

.b2b-header .b2b-homepage-logo-container {
	padding: 16px 0px 16px 0px;
	text-align: left;
	position: relative;
	min-height: 1px;
	float: left;
	width: 25%;	
}

.b2b-header .b2b-homepage-header-buttons {
	padding: 64px 0px 32px 0px;
	text-align: center;
	position: relative;
	min-height: 1px;
	float: left;
	width: 75%;
}

html.html-page-name-b2b_homepage, html.html-page-name-b2b_homepage body.page-name-b2b_homepage {
	background-image: none;
	background-color: transparent;
}

.col-contact {
	padding: 0px 16px 0px 16px;
	text-align: right;
	position: relative;
	min-height: 1px;
	float: left;
	width: 70%;
}

.col-customer-area {
	margin: 0px 0px 0px 0px;
	padding: 0px 16px 0px 16px;
	text-align: center;
	position: relative;
	min-height: 1px;
	float: left;
	width: 30%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.col-contact
	{
		width: 60%;
	}
	
	.col-customer-area
	{
		width: 40%;
	}
}

@media screen and (min-width: 601px) and (max-width: 767px) {
	.col-contact
	{
		width: 50%;
	}
	
	.col-customer-area
	{
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.col-contact
	{
		padding: 0px 16px 20px 16px;
		text-align: center;
		width: 100%;
	}
	
	.col-customer-area
	{
		text-align: center;
		width: 100%;
	}
}

.b2b-circle-symbol::before {
	display: inline-block;
	content: '•';
    color: #fff;
    font-size: 30px;
    vertical-align: middle;
    height: 0px;
    -webkit-font-smoothing: antialiased;
	float: left;
	line-height: 24px;
}

.b2b-selected-symbol::before {
	display: inline-block;
	content: '✓';
    color: #333;
    font-size: 15px;
    vertical-align: middle;
    height: 0px;
    -webkit-font-smoothing: antialiased;
	float: left;
}

.b2b-homepage-emphasis {
	background-color: #cccccc;
	text-align: center;
}

.b2b-homepage-emphasis-text {
	float: left;
	width: 50%;
	padding: 0px 30px 0px 30px;
	color: #fff;
}

.b2b-homepage-emphasis-title {
	text-align: center;
	font-size: 40px;
}

.b2b-homepage-emphasis-title h3 {
	padding: 30px 0px 30px 0px;
	font-size: 40px;
}

.b2b-homepage-emphasis-subtitle {
	text-align: center;
	font-size: 30px;
}

.b2b-homepage-emphasis-subtitle h1 {
	text-align: center;
	font-size: 30px;
}

.b2b-homepage-emphasis-container {
	text-align: left;
	margin: 40px 10px 0px 10px;
	font-size: 21px;
}

.b2b-homepage-emphasis-content {
	margin: 0px 0px 25px 20px;
}

.b2b-homepage-emphasis-picture {
	float: left;
	width: 50%;	
}

.b2b-homepage-emphasis-picture img {
	width: 100%;
}

@media screen and (min-width: 1600px) {

	.b2b-homepage-emphasis-title h3 {
		padding: 40px 0px 40px 0px;
		font-size: 45px;
	}

	.b2b-homepage-emphasis-subtitle {
		text-align: center;
		font-size: 35px;
	}

	.b2b-homepage-emphasis-container {
		text-align: left;
		margin: 60px 10px 0px 10px;
		font-size: 25px;
	}

	.b2b-homepage-emphasis-content {
		margin: 0px 0px 25px 20px;
	}
	.b2b-circle-symbol::before {
		line-height: 32px;
	}
	
}

@media screen and (min-width: 992px) and (max-width: 1300px) {

	.b2b-homepage-emphasis-title h3 {
		padding: 10px 0px 10px 0px;
		font-size: 30px;
	}

	.b2b-homepage-emphasis-subtitle {
		text-align: center;
		font-size: 25px;
	}

	.b2b-homepage-emphasis-container {
		text-align: left;
		margin: 20px 10px 0px 10px;
		font-size: 21px;
	}

	.b2b-homepage-emphasis-content {
		margin: 0px 0px 10px 20px;
	}
}

@media screen and (max-width: 991px) {

	.b2b-homepage-emphasis-text, .b2b-homepage-emphasis-picture {
		float: none;
		width: 100%;
	}
}

.b2b-homepage-ecard {
	position: relative;
	min-height: 1px;
	padding: 0px 0px 0px 0px;
}

.b2b-homepage-ecard-text {
	padding-left: 30px;
	padding-right: 30px;
}

@media (min-width: 1200px) {
	.b2b-homepage-ecard {
		float: left;
		width: 50%;
	}
	
	.b2b-homepage-ecard-text {
		min-height: 500px;
	}
}

.b2b-homepage-ecard-type {
	font-size: 21px;
	line-height: 30px;
}

.b2b-homepage-ecard-title {
	text-align: center;
}

.b2b-homepage-ecard-title h2 {
	padding: 48px 0px 48px 0px;
	font-size: 32px;
}

.b2b-homepage-ecard-title h3 {
	padding: 48px 0px 48px 0px;
	font-size: 32px;
}

.b2b-homepage-ecard-container {
	margin: 0px 10px 0px 10px;
}

.b2b-homepage-ecard-content {
	margin: 0px 0px 10px 20px;
}

.b2b-homepage-ecard-button {
	padding: 30px 0px 30px 0px;
	text-align: center;
	text-transform: uppercase;
}

.b2b-homepage-ecard-button .btn.btn-order {
	padding: 8px 20px 8px 20px;
	font-size: 22px;
	color: #fff;
	border-radius: 12px;
	background-color: #f08000;
}

.b2b-homepage-middle-separator img {
	width: 100%;
}

.b2b-homepage-footer {
	padding: 40px 30px 40px 30px;
	background-color: #cccccc;
	color: #fff;
}

.b2b-homepage-footer-title {
	text-align: center;
}

.b2b-homepage-footer-title h3 {
	padding: 0px 0px 40px 0px;
	font-size: 32px;
}
.b2b-homepage-footer-text {
	padding: 0px 0px 20px 0px;
	font-size: 21px;
	text-align: left;
}

.b2b-homepage-footer-event-title {
	padding: 0px 0px 5px 0px;
	font-size: 21px;
	text-align: left;
}

.b2b-homepage-footer-event-guide {
	padding: 0px 0px 0px 0px;
	font-size: 21px;
	text-align: left;
}

.b2b-homepage-footer-nota {
	padding: 20px 0px 20px 0px;
	font-size: 18px;
	text-align: left;
	font-style: italic;
}

@media screen and (max-width: 600px) {
	
	.b2b-homepage-header .b2b-logo-container {
		padding: 46px 0px 16px 0px !important;
	}
	
	.b2b-homepage-emphasis-text { 
		padding: 0px 20px 0px 20px;
	}
	
	.b2b-homepage-ecard-text {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.b2b-homepage-footer {
		padding: 40px 20px 40px 20px;
		text-align: center;
	}
	
}

/* B2B Client */

html.html-page-name-b2b_client, html.html-page-name-b2b_client body.page-name-b2b_client,
html.html-page-name-b2b_order_zip_list, html.html-page-name-b2b_order_zip_list body.page-name-b2b_order_zip_list {
	background-image: none;
	background-color: transparent;
}

.col-contact-client {
	padding: 0px 16px 0px 16px;
	text-align: right;
	position: relative;
	min-height: 1px;
	float: left;
	width: 70%;
}

@media screen and (max-width: 991px) {
	.col-contact-client
	{
		padding: 0px 16px 0px 16px;
		text-align: center;
		width: 100%;
	}
}

.content .b2b-client {
	max-width: 1270px;
	margin: 0px auto;
	font-size: 18px;
}

.content .b2b-client h3 {
	margin: 20px 0px 20px 0px;
	font-size: 20px;
}

.b2b-client-panel {
	text-align: right;
}

.b2b-client-panel h3 {
	text-align: left;
}

.b2b-client .b2b-client-panel a {
	display: inline-block;
	padding: 4px 16px;
	color: #333;
	text-decoration: underline;
}

.b2b-client-info {
	margin: 16px 0px;
	padding: 8px 16px 16px 16px;
	border: 6px solid #ddd;
	border-radius: 6px;
}

.b2b-client-info h3 {
	margin: 20px 0px 30px 0px;
	font-weight: bold;
}

.b2b-client-info .edit-link  {
	display: block;
	margin-top: 30px;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.b2b-client-info .edit-link span.glyphicon {
	font-size: 24px;
}

.b2b-client-info .edit-link span.link {
	text-decoration: underline;
}

.b2b-client-orders {
	padding: 20px 0px 20px 0px;
}

.b2b-client-orders table a {
	text-decoration: underline;
}

.b2b-client-orders .table-striped > tbody > tr, 
.b2b-client-orders .table-striped > thead > tr {
	background-color: #dcdcdc;
}

.b2b-client-orders .table tr td {
	font-size: 14px;
}

.b2b-client-orders .table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #eeeeee;
}

#edit-client-popin {
	width: 100%;
	max-width: 960px;
}

.edit-client-form h3 {
	margin: 20px 0px 30px 0px;
}

.page-group-ecard .area-code-container select {
	padding-left: 12px;
	padding-right: 2px;
	text-align: center;
}

.area-code-container {
	position: relative;
}

.area-code-container:before {
	content: '+';
	position: absolute;
	top: 0px;
	left: -4px;
	font-size: 22px;
	font-weight: bold;
	line-height: 34px;
}

.page-group-ecard .area-code-container:before {
	content: '+';
	position: absolute;
	top: 0px;
	left: 2px;
	font-size: 22px;
	font-weight: normal;
	line-height: 34px;
}

.b2b-client-button {
	padding: 30px 0px 30px 0px;
	text-align: left;
	text-transform: uppercase;
}

.b2b-client-button .btn.btn-client {
    padding: 8px 20px 8px 20px;
    font-size: 22px;
    color: #fff;
    border-radius: 12px;
    background-color: #f08000;
}

/* B2B Login/Registration */

.b2b-password-forgotten-button {
	display: inline-block;
	text-decoration: underline;
	cursor: pointer;
}

.account-type-container {
	padding-left: 40px;
}

.account-type-container label {
	width: 100%;
}

.account-type-container .radiobox-label {
	width: 80%;
}

.registration-container .g-recaptcha {
	padding: 24px 0px 0px 0px;
}

.registration-container .comment {
    min-height: 160px;
}

.registration-container .textarea-feedback {
    position: relative;
    display: block;
    top: -16px;
    right: 16px;
    font-size: 11px;
    color: #888;
    font-style: normal;
    text-align: right;
}

.b2b-login-button {
	padding: 30px 0px 30px 0px;
	text-align: left;
	text-transform: uppercase;
}

.b2b-login-button .btn.btn-login {
	min-width: 200px;
    padding: 8px 20px 8px 20px;
    font-size: 22px;
    color: #fff;
    border-radius: 12px;
    background-color: #f08000;
}

/* B2B Change password */

.b2b-change-password-button .btn.btn-change-password {
	min-width: 200px;
	padding: 8px 20px 8px 20px;
	font-size: 22px;
	color: #fff;
	border-radius: 12px;
	background-color: #f08000;
}

.page-name-b2b_change_password .global .container .main .content .ecard-default{
	min-height: 0;
}

/* B2B ecard */

.page-name-b2b_ecard div.global > div.container,
.page-name-b2b_card div.global > div.container
{
	padding-top: 0px;
}

.page-name-b2b_card section.content div.ecard-default h3:first-child,
.page-name-b2b_ecard section.content div.ecard-default h3:first-child {
	margin-top: 0px;
}

.page-group-b2b .b2b-panel-client {
	padding: 16px 0px 12px 0px;
	max-width: 1360px;
	margin: 0px auto;
	text-align: center;
	color: #333333;
	font-size: 22px;
	font-weight: bold;
}

.page-group-b2b .b2b-panel-client-text {
	background-color: transparent;
}

.page-group-b2b .b2b-panel-client-buttons {
	max-width: 1140px;
	margin: 0px auto;
	padding: 12px 0px 0px 0px;
	text-align: right;
}

.page-group-b2b .b2b-panel-client div.b2b-panel-client-buttons a {
	display: inline-block;
	padding-left: 40px;
	color: #333333;
	text-decoration: underline;
}

.page-group-b2b .select-visual-button {
	margin: 0px 0px 20px 0px;
}

.card-custom-container {
	padding-bottom: 8px;
}

.page-group-b2b .card-custom-container .message {
    max-width: 100%;
    min-height: 160px;
    padding-bottom: 12px;
}

.page-group-b2b .card-custom-container .textarea-feedback {
    position: relative;
    display: block;
    top: -16px;
    right: 16px;
    font-size: 11px;
    color: #888;
    font-style: normal;
    text-align: right;
}

.page-group-b2b .card-custom-container .send-type-email-container {
	padding-bottom: 40px;
}

.page-group-b2b .card-custom-container .preview {
	padding: 10px 100px 10px 0px;
	text-align: right;
	cursor: pointer;
}

.page-group-b2b .card-custom-container .preview-button {
	display: inline-block;
}

.page-group-b2b .card-custom-container .preview-button .glyphicon {
	padding: 0px 6px;
	font-size: 24px;
	line-height: 24px;
	vertical-align: top;
}

.page-group-b2b .main-event-title-container {

}

/* Clear fix for floatting div */
.page-group-b2b .main-event-title-container:before,
.page-group-b2b .main-event-title-container:after,
.page-group-b2b .main-validity-by-product-section-container:before,
.page-group-b2b .main-validity-by-product-section-container:after {
	content: "";
	display: table;
}
.page-group-b2b .main-event-title-container:after,
.page-group-b2b .main-validity-by-product-section-container:after {
	clear: both;
}
/* IE 6 & 7 */
.page-group-b2b .main-event-title-container,
.page-group-b2b .main-validity-by-product-section-container {
	zoom: 1;
}

.page-group-b2b .event-title-container,
.page-group-b2b .custom-event-title-container {
	max-width: 300px;
	margin: 20px 20px 0px 0px;
	width: 100%;
	float: left;
}

.page-group-b2b .validity-by-product-section-container,
.page-group-b2b .custom-validity-by-product-section-container {
	max-width: 300px;
	margin: 0px 20px 0px 0px;
	width: 100%;
	float: left;
}

.page-group-b2b .message-container {
	max-width: 620px;
	margin: 0px 0px 0px 0px;
	width: 100%
}

.page-group-b2b .amount-container {
	padding-bottom: 20px;
}

.add-a-cart-form-row-label {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: right;
}

.new-cart-form {
	position: relative;
}

.new-cart-form .remove-cart-row {
	position: relative;
	top: -12px;
	text-align: right;
	font-weight: bold;
	color: #52a2d5;
	text-decoration: underline;
	cursor: pointer;
}

.cart-form-template {
	display: none;
}

/*
.page-group-b2b .cart-summary {
	margin: 12px 12px;
	padding: 4px 12px;
	background-color: #E9ECEF;
}

.page-group-b2b .cart-summary table {
	background-color: #fff;
}

.page-group-b2b .cart-summary table thead {
	background-color: #515559;
	color: #fff;
}*/

.page-group-b2b .card-custom-container .preview-button .preview-link {
	text-decoration: underline;
	line-height: 24px;
	vertical-align: top;
}

@media screen and (min-width: 768px) {
	.page-group-b2b .amount-group-ecard {
		padding-top: 0px;
	}
}

.page-group-b2b .amount-container .free-amount {
	position: relative;
}

.page-group-b2b .amount-container .free-amount .amount.form-control {
	padding-left: 16px;
	padding-right: 16px;
}

.page-group-b2b .amount-container .currency-amount {
	position: absolute;
	top: 4px;
	font-size: 20px;
	font-weight: bold;
}

.page-group-b2b .amount-container .currency-amount-left {
	left: 4px;
}

.page-group-b2b .amount-container .currency-amount-right {
	right: 4px;
}

.page-group-b2b .excel-format {
	margin: 0px 0px 20px 0px;
}

@media screen and (min-width: 601px) and (max-width: 767px) {
	.page-group-b2b .excel-format {
		width: 60%;
	}
}

@media screen and (max-width: 600px) {
	.page-group-b2b .excel-format {
		width: 90%;
		min-width: 220px;
	}	
}

.page-group-b2b .upload-beneficiaries-excel-file {
	padding: 20px 12px;
	cursor: pointer;
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-label {
	color: #52a2d5;
	text-decoration: underline;
	line-height: 32px;
	vertical-align: top;
}

.page-group-b2b .upload-beneficiaries-excel-file .upload-icon {
	color: #52a2d5;
	font-size: 32px;
	line-height: 32px;
	vertical-align: top;
}

.page-group-b2b .upload-beneficiaries-excel-file label {
	display: block;
	min-height: 20px;
}

.page-group-b2b .send-date-container {
	padding-top: 30px;
}

.page-group-b2b input[name="beneficiary-upload"] {
	visibility: hidden;
	overflow: hidden;
	height: 0px;
}

.page-group-b2b .send-container .excel-picture {
	text-align: center;
}

.page-group-b2b .send-container .button-container.button-next {
	text-align: center;
}

.page-group-b2b .send-container .button-container.button-next .btn {
	max-width: 300px;
	padding: 8px 45px 8px 15px;
	white-space: normal;
	background: url("../images/b2b/b2b-right-row-white-on-transparent.png") center right no-repeat #f08000;
}


@media screen and (max-width: 767px) {

	.page-group-b2b .card-custom-container .preview {
		padding: 10px 20px 10px 20px;
		text-align: right;
	}
}

/* B2B ecard payment */

.page-group-b2b .summary-container .b2b-summary-parameters {
	background: #eee;
}

.page-group-b2b .summary-container .b2b-summary-text {
	float: left;
	width: 50%;
	padding: 24px 12px 12px 12px;
}

.page-group-b2b .summary-container .b2b-visual-overview {
	float: left;
	width: 50%;
	text-align: right;
}

.page-group-b2b .summary-container .b2b-visual-overview img {
	width: 100%;
	max-width: 560px;
}

.page-group-b2b .summary-container .b2b-edit-order {
	margin: 24px 0px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link  {
	display: block;
	text-decoration: none;
	color: #333;
	cursor: pointer;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link span.glyphicon {
	font-size: 24px;
}

.page-group-b2b .summary-container .b2b-edit-order .edit-link a.link,
.page-group-b2b .summary-container .b2b-edit-order .edit-link span.link {
	color: #333;
	text-decoration: underline;
}

.page-group-b2b .summary-container .b2b-order-amount {
	margin: 24px 0px;
}

.page-group-b2b .summary-container .b2b-discount-text {
	font-size: 24px;
}

.page-group-b2b .summary-container .b2b-shipping-cost-text {
	text-align: right;
	font-size: 24px;
}

.page-group-b2b .summary-container .b2b-total-text {
	text-align: right;
	font-size: 32px;
}

.page-group-b2b .payment-container .payment-explanations {
	margin: 24px 0px;
	font-size: 16px;
}

.page-group-b2b .payment-container .payment-cgv {
	margin: 24px 0px;
	text-align: center;
}

.page-group-b2b .payment-container .select-payment-methods {
	margin: 12px 0px;
	text-align: center;
}

.page-group-b2b .deffered-payment-container .payment-explanations {
	text-align: center;
}

.page-group-b2b .deffered-payment-container .payment-explanations p {
	display: inline-block;
	text-align: center;
	border: 2px solid #333;
	padding: 12px 12px 6px 12px;
}

.page-group-b2b .deffered-payment-container .payment-cgv {
	margin: 24px 0px 12px 0px;
	text-align: center;
}

.page-group-b2b .deffered-payment-container .button-container {
	margin: 12px 0px 12px 0px;
	text-align: center;
}

.page-name-b2b_ecard_payment .payment-mean span,
.page-name-b2b_card_payment .payment-mean span {
	display: inline-block;
	min-height: 35px;
	min-width: 55px;
	line-height: 33px;
}

@media screen and (max-width: 991px) {

	.page-group-b2b .summary-container .b2b-summary-text {
		float: none;
		width: auto;
		padding: 8px 8px 8px 8px;
	}

	.page-group-b2b .summary-container .b2b-visual-overview {
		float: none;
		width: auto;
		text-align: center;
	}
}

/* B2B Confirmation */

.page-name-b2b_card_confirmation .global .container,
.page-name-b2b_ecard_confirmation .global .container {
	padding-top: 0px;
}

.page-group-b2b .confirmation-container {
	padding: 32px 0px;
}

.page-group-b2b .confirmation-success,
.page-group-b2b .confirmation-warning,
.page-group-b2b .confirmation-error
{
	overflow: auto;
	zoom: 1;
}

.page-group-b2b .confirmation-success .confirmation-success-icon,
.page-group-b2b .confirmation-warning .confirmation-warning-icon,
.page-group-b2b .confirmation-error .confirmation-error-icon {
	float: left;
	width: 25%;
	padding: 0px 12px;
	text-align: right;
}

.page-group-b2b .confirmation-success .confirmation-success-text,
.page-group-b2b .confirmation-warning .confirmation-warning-text,
.page-group-b2b .confirmation-error .confirmation-error-text
{
	float: left;
	width: 75%;
	padding: 0px 12px;
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}

.page-group-b2b .confirmation-success .confirmation-success-text p,
.page-group-b2b .confirmation-warning .confirmation-warning-text p,
.page-group-b2b .confirmation-error .confirmation-error-text p
{
	margin: 12px 0px;
}

.page-group-b2b .confirmation-informations {
	padding: 24px 0px;
}

.b2b-confirmation-button {
	padding: 30px 0px 30px 0px;
	text-align: left;
	text-transform: uppercase;
}

.b2b-confirmation-button .btn.btn-confirmation {
	min-width: 200px;
    padding: 8px 20px 8px 20px;
    font-size: 22px;
    color: #fff;
    border-radius: 12px;
    background-color: #f08000;
}

/* Lang selector B2B*/

.lang-selector-b2b .lang-item-b2b {
	display: inline-block;
	padding: 4px 4px 4px 4px;
	text-transform: uppercase;
	cursor: pointer;
}

.lang-selector-b2b .lang-item-b2b.selected {
	border-radius: 6px;
	box-shadow: 0 0 5px #eee;
	background-color: #eee;
}

.lang-selector-b2b .lang-item-b2b:hover {
	color: #21C0DD;
}

@media screen and (min-width: 768px) {
	.lang-selector-b2b {
		position: absolute;
		top: 8px;
		right: 8px;
	}
}

@media screen and (max-width: 767px) {
	.lang-selector-b2b {
		position: absolute;
		top: 8px;
		right: 8px;
	}
}

/* Widget Tabulation */

.ui-widget-content {
	border: 1px solid #ccc;
}

.ui-widget-header {
	border: 1px solid #ccc;
	background: url("../images/ui-bg_gloss-wave_55_5c9ccc_500x100.png") center center no-repeat #ccc;
	color: #ffffff;
	font-weight: bold;
}

.ui-widget {
	font: 300 13px/1.2 "Open Sans", sans-serif;
}

.ui-tabs .ui-tabs-nav li {
	border: 1px solid #ccc;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #ccc;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ccc;
}


@media screen and (max-width: 767px) {

	.ui-widget {
		font: 300 13px/1.2 "Open Sans", sans-serif;
	}

	.ui-tabs .ui-tabs-nav li {
		float: none;
	}

	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		float: none;
		display: block;
		padding: 6px 8px 6px 22px;
	}

	.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a.ui-tabs-anchor, 
	.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a.ui-tabs-anchor:link, 
	.ui-tabs .ui-tabs-nav .ui-state-default.ui-state-active a.ui-tabs-anchor:visited {
		background: url("../images/forms/tick.png") no-repeat 3px 8px transparent;
	}
}

/* Widget DatePicker */

.theme-florencia .ui-datepicker.ui-widget-content {
	padding: 0px 0px 0px 0px;
	background-color: #fff;
	border-radius: 5px 5px 5px 5px;
}

.theme-florencia .ui-datepicker-header.ui-widget-header {
	background-color: #1593b3;
	border-radius: 5px 5px 0px 0px;
}

.theme-florencia .ui-datepicker-header.ui-widget-header .ui-state-hover {
	background-color: transparent;
	cursor: pointer;
}

.theme-florencia .ui-datepicker-header.ui-widget-header .ui-datepicker-title {
	color: #fff;
}

.theme-florencia .ui-datepicker table {
	margin: 0px 0px 0px 0px;
}

.theme-florencia .ui-datepicker-calendar td {
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;
}

.theme-florencia .ui-datepicker-calendar td.ui-datepicker-unselectable {
	border: 0px solid transparent;
}
.theme-florencia .ui-datepicker-calendar td.ui-datepicker-unselectable + td:not(.ui-datepicker-unselectable) {
	border-right: 1px solid #ccc;
}

.theme-florencia .ui-datepicker-calendar td a,
.theme-florencia .ui-datepicker-calendar td span {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 28px;
	text-align: center;
	border: 0px solid transparent;
}

.theme-florencia .ui-datepicker-calendar td a {
	background: none no-repeat top left #eee;
}

.theme-florencia .ui-datepicker-calendar td a.ui-state-hover,
.theme-florencia .ui-datepicker-calendar td a.ui-state-active {
	border: 0px solid transparent;
	background-color: #1593b3;
	color: #fff;
}

/*.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #ccc;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #ccc;
}*/


/* Widget Loader */

.isloading-wrapper.isloading-right{
	margin-left:10px;
}
.isloading-overlay{ 
	position:relative;
	text-align:center;
}
.isloading-overlay .isloading-wrapper {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.75);
	-webkit-border-radius:7px;
	-webkit-background-clip:padding-box;
	-moz-border-radius:7px;
	-moz-background-clip:padding;
	border-radius:7px;
	background-clip:padding-box;
	display:inline-block;
	margin:0 auto;
	padding:10px 20px;
	top:10%;
	z-index:9000;
	line-height: 36px;
	color: #333;
}

.isloading-overlay .isloading-wrapper .fa {
	padding-left: 4px;
	font-size: 36px;
	line-height: 36px;
	vertical-align: bottom;
	opacity: 0.9;
}

/* Widget Slider */

.slide-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height: 600px;
}

.slide-item {
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px 25px;
}

.slide-hide {
	visibility: hidden;
}


/* Fields */

.form-control {
	border: 1px solid rgba(33, 192, 221, 0.75);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.form-control.business-name[readonly] {
	border: 1px solid transparent;
	box-shadow: none;
	background-color: transparent;
	font-style: italic;
}

.form-control:focus {
	border: 1px solid #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.discount-code-block .form-control {
	border: 1px solid rgba(153, 153, 153, 0.75);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}

.discount-code-block .form-control:focus {
	border: 1px solid #9C9C9C;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(156, 156, 156, 0.6);
}

.discount-code-block .form-error.form-control,
.discount-code-block .form-error.form-control:focus {
    border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/* Buttons */

.btn-custom {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
}

.btn-custom:hover {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
}

.btn-custom:focus {
	background-color: #337ab7;
	border-color: #2e6da4;
	color: #fff;
}

a.btn-custom:hover {
	background-color: #23527c;
	color: #fff;
}

.btn-custom-discount-code {
	background-color: transparent;
	border-color: transparent;
	color: #999;
}

/* Radio boxes */

.radio label,
.radio-inline label {
	line-height: 22px;
}

.radio input[type="radio"]:not(:checked),
.radio input[type="radio"]:checked,
.radio-inline input[type="radio"]:not(:checked),
.radio-inline input[type="radio"]:checked {
	/*display: none;*/
	position: absolute;
	opacity: 0;
}

.radio input[type="radio"]:not(:checked) + label span.radiobox-icon,
.radio input[type="radio"]:checked + label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-icon,
.radio-inline input[type="radio"]:checked + label span.radiobox-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
	background-image: url("../images/forms/radiobox-blue-fluo.png");
	background-repeat: no-repeat;
	background-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.radio input[type="radio"]:not(:checked) + label span.radiobox-icon,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-icon {
	background-position: top left;
}

.radio input[type="radio"]:checked + label span.radiobox-icon,
.radio-inline input[type="radio"]:checked + label span.radiobox-icon {
	background-position: bottom left;
}

.radio input[type="radio"]:not(:checked) + label,
.radio input[type="radio"]:checked + label,
.radio-inline input[type="radio"]:not(:checked) + label,
.radio-inline input[type="radio"]:checked + label {
	padding-left: 0px;
}

.radio input[type="radio"]:not(:checked) + label span.radiobox-label,
.radio input[type="radio"]:checked + label span.radiobox-label,
.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-label,
.radio-inline input[type="radio"]:checked + label span.radiobox-label {
	display: inline-block;
	padding-left: 8px;
	min-height: 22px;
	line-height: 22px;
	vertical-align: top;
}

.radioboxes.form-error {
	border: 1px solid #b25755;
}

@media screen and (max-width: 767px) {

	.radio input[type="radio"]:not(:checked) + label span.radiobox-label,
	.radio input[type="radio"]:checked + label span.radiobox-label,
	.radio-inline input[type="radio"]:not(:checked) + label span.radiobox-label,
	.radio-inline input[type="radio"]:checked + label span.radiobox-label {
		max-width: 210px;
	}
}

/* Check boxes */

.checkbox label {
	line-height: 22px;
}

.checkbox-hidden {
	visibility: hidden;
}

.checkbox input[type="checkbox"]:not(:checked),
.checkbox input[type="checkbox"]:checked {
	/*display: none;*/
	position: absolute;
	opacity: 0;
}

.checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-icon,
.checkbox input[type="checkbox"]:checked + label span.checkbox-icon {
	display: inline-block;
	width: 22px;
	height: 22px;
	line-height: 22px;
	vertical-align: top;
	background-image: url("../images/forms/checkbox-light-grey.png");
	background-repeat: no-repeat;
	background-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type="checkbox"]:not(:checked) + label span.checkbox-icon {
	background-position: 0px 0px;
}
input[type="checkbox"]:checked + label span.checkbox-icon {
	background-position: 0px -22px;
}
input[type="checkbox"]:not(:checked) + label span.checkbox-icon.form-error {
	background-position: 0px -44px;
}

.checkbox input[type="checkbox"]:not(:checked) + label,
.checkbox input[type="checkbox"]:checked + label {
	padding-left: 0px;
}

.checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-label,
.checkbox input[type="checkbox"]:checked + label span.checkbox-label {
	display: inline-block;
	padding-left: 8px;
	min-height: 22px;
	line-height: 22px;
	vertical-align: top;
}

.fast-excel-block .checkbox input[type="checkbox"]:not(:checked) + label span.checkbox-label,
.fast-excel-block .checkbox input[type="checkbox"]:checked + label span.checkbox-label {
	display: inline;
}

/* Errors */

.form-error.form-control {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-error.form-control:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.form-error.input-group-addon {
	color: #a94442;
	background-color: #f2dede;
	border-color: #a94442;
}
.form-error.form-control-feedback {
	color: #a94442;
}
.form-error.visual {
	box-shadow: 0px 0px 3px 2px #b25755;
}

.form-error + .tooltip .tooltip-inner {
	background-color: #a94442;
}

.form-error + .tooltip.top .tooltip-arrow,
.form-error + .tooltip.top-left .tooltip-arrow,
.form-error + .tooltip.top-right .tooltip-arrow {
	border-top-color: #a94442;
}
.form-error + .tooltip.right .tooltip-arrow {
	border-right-color: #a94442;
}
.form-error + .tooltip.left .tooltip-arrow {
	border-left-color: #a94442;
}
.form-error + .tooltip.bottom .tooltip-arrow,
.form-error + .tooltip.bottom-left .tooltip-arrow,
.form-error + .tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #a94442;
}

/* Lang selector B2C*/

.lang-selector .lang-item {
	display: inline-block;
	padding: 4px 4px 4px 4px;
	text-transform: uppercase;
	cursor: pointer;
}

.lang-selector .lang-item.selected {
	border-radius: 6px;
	box-shadow: 0 0 5px #eee;
	background-color: #eee;
}

.lang-selector .lang-item:hover {
	color: #21C0DD;
}

@media screen and (min-width: 768px) {
	.lang-selector {
		position: absolute;
		top: 8px;
		right: 8px;
	}
}

@media screen and (max-width: 767px) {
	.lang-selector {
		position: absolute;
		top: 70px;
		left: 8px;
	}
}

/* Popup overlay plugin */

.modal-popupoverlay,
.modal-popupoverlay-active-bg {
	width: 100%;
	max-width: 600px;
	min-width: 275px;
	min-height: 300px;
}

#modal-popupoverlay_background,
#modal-popupoverlay-active-bg_background {
  transition: all 0.3s 0.3s;
}
#modal-popupoverlay,
#modal-popupoverlay_wrapper,
#modal-popupoverlay-active-bg,
#modal-popupoverlay-active-bg_wrapper {
  transition: all 0.3s ease-out;
}
#modal-popupoverlay,
#modal-popupoverlay-active-bg {
  transform: translateX(0) translateY(-40%);
}
.popup_visible #modal-popupoverlay,
.popup_visible #modal-popupoverlay-active-bg {
  transform: translateX(0) translateY(0);
}

.close-popin-link {
	display: block;
	position: relative;
	float: right;
	top: -12px;
	right: -12px;
	width: 30px;
	height: 30px;
	background: url("../images/popin/close-icon.png") no-repeat top left transparent;
	border: 0px solid transparent;
}

/* Validator */

.bv-tooltip-container {
	display: block;
	position: relative;
	width: 100%;
	font-family: "Open Sans",​sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.42857;
	text-align: start;
	text-shadow: none;
	text-transform: none;
	white-space: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
}

.bv-tooltip-container > div {
	display: block;
	position: absolute;
	bottom: 2px;
	left: 0;
	width: 100%;
	text-align: center;
}

.bv-tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-top-color: rgba(169, 68, 66, 0.9);
	border-style: solid;
	bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: rgba(169, 68, 66, 0.9);
}

.bv-tooltip-content {
	display: inline-block;
	margin: 0px 0px 5px 0px;
	padding: 4px;
	background-color: rgba(169, 68, 66, 0.9);
	color: #fff;
	border: 1px solid rgba(169, 68, 66, 0.9);
	border-radius: 6px;
}

/* Alert Message */
.sweet-alert p {
    color: #000;
}

/* Popin */

#upload-photo-popin {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
}
.popup_visible #upload-photo-popin {
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
            transform: none;
}

.contact-form-block {
	margin: 0px auto;
	max-width: 720px;
}

.contact-form-block p.introduction {
	margin: 0px 0px 20px 0px;
	font: 400 14.7px/1.5 Arial, sans-serif;
	text-align: center;
}

.contact-form-block p.success-anchor {
	margin: 20px 0px 20px 0px;
	font: 400 14.7px/1.5 Arial, sans-serif;
	text-align: center;
	color: green;
}

.contact-form {
	margin: 0px auto;
	max-width: 450px;
}


/* Check buttons */

.custom-checkbox {
	width: 100%;
}

.custom-checkbox input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.custom-checkbox label {
	position: relative;
	display: block;
	line-height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 32px;
	cursor: pointer;
	color: #000;
}

.custom-checkbox label .checkbox-icon {
	position: absolute;
	display: block;
	top: 0px;
	left: 0px;
	width: 22px;
	height: 22px;
	background-image: url("../images/forms/checkbox-light-grey.png");
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 22px 66px;
}

.custom-checkbox label .checkbox-label {
	min-height: 21px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 21px;
	cursor: pointer;
	text-align: left;
	font-size: 13px;
	font-weight: normal;
	color: #000;
}

.custom-checkbox input[type=checkbox]:checked+label .checkbox-icon {
	background-position: 0px -22px;
}

/* Popin */

.merry-goblin-iframe-popin-link {
	cursor: pointer;
	text-decoration: underline;
}

.merry-goblin-modal-popin-wrapper,
.merry-goblin-iframe-popin-wrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding: 0px;
	text-align: center;
	background-color: rgba(66, 53, 46, 0.8);
	cursor: pointer;
}

.merry-goblin-modal-popin-content {
	position: relative;
	display: inline-block;
	width: auto;
	top: 12%;
	padding: 0px;
	max-width: 90%;
	max-height: 90%;
	background-color: #fff;
	border-radius: 12px;
	cursor: default;
}

.merry-goblin-iframe-popin-content {
	position: relative;
	display: inline-block;
	width: auto;
	top: 12%;
	padding: 0px;
	min-width: 75%;
	max-width: 90%;
	min-height: 75%;
	max-height: 90%;
	background-color: #fff;
	border-radius: 12px;
	cursor: default;
}

.merry-goblin-iframe-popin-close {
	position: absolute;
	right: 4px;
	top: 4px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
	z-index: 10000;
}

.merry-goblin-iframe-popin-close:hover {
	opacity: 1;
}

.merry-goblin-iframe-popin-close:before,
.merry-goblin-iframe-popin-close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #333;
}
.merry-goblin-iframe-popin-close:before {
	transform: rotate(45deg);
}
.merry-goblin-iframe-popin-close:after {
	transform: rotate(-45deg);
}

.merry-goblin-iframe-popin-iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	padding-top: 9px;
	padding-bottom: 9px;
	border: 0px solid transparent;
}

@media (max-width: 767px) {

	.merry-goblin-iframe-popin-content {
		top: 5%;
		min-width: 90%;
		min-height: 90%;
	}

	.merry-goblin-iframe-popin-close {
		opacity: 1;
	}

}

/* picture reshaper */

#upload-photo-popin.well {
	margin: 12px 0px 12px 0px;
	background-color: #fff;
	width: 100%;
	max-width: 750px;
}

.picture-reshaper-title h3 {
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

.picture-reshaper-upload {
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	/*min-height: 43px;*/
	font-size: 18px;
	color: #54a3d5;
	cursor: pointer;
}

.picture-reshaper-upload .upload-button {
	float: left;
	width: 58px;
	height: 43px;
	padding: 0px 0px 0px 0px;
	background: url("../images/picture-upload/upload-picture.png") no-repeat top left transparent;
}

.picture-reshaper-upload .upload-button:hover {
	background-position: bottom left;
}

.picture-reshaper-upload .upload-text {
	display: inline-block;
	line-height: 18px;
	padding-top: 3px;
	padding-left: 8px;
	font-size: 13px;
}

.reupload-main-text {
	font-size: 13px;
}

.reupload-sub-text {
	font-size: 11px;
	color: #333;
}

.raw-picture-block {
	float: left;
	width: 540px;
	height: 360px;
	/*width: 100%;
	max-width: 540px;*/
	padding: 10px;
	background-color: #eee;
}

.picture-tool-block {
	float: left;
	padding-left: 35px;
}

.picture-reshaper-validation {
	padding: 12px 0px 12px 0px;
	clear: both;
	text-align: center;
}

.picture-reshaper-validation .btn {
	font-size: 18px;
}

.merry-goblin-modal-popin-close {
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 8px 8px 8px 8px;
	padding: 4px 8px 4px 8px;
	border: 0px solid transparent;
	/*background: url("../images/picture-upload/close-button.png") no-repeat top left transparent;*/
	cursor: pointer;
	text-align: center;
}

/*.upload-photo-popin_close:hover {
	background-position: bottom left;
}*/

.merry-goblin-modal-popin-close .btn {
	font-size: 32px;
	line-height: 32px;
	color: #fff;
}

.picture-tool-block .picture-tool {
	padding: 0px 0px 10px 0px;
	width: 116px;
	height: 61px;
	cursor: pointer;
}

.picture-tool-block .scale::after {
    display: table;
    content: " ";
    clear: both;
}
.picture-tool-block .scale::before {
    display: table;
    content: " ";
}

.picture-tool-block .scale .zoom-in-button.active {
	opacity: 1;
}
.picture-tool-block .scale .zoom-in-button {
	opacity: 0.5;
	float: left;
	width: 53px;
	height: 43px;
	background: url("../images/picture-upload/zoom-button.png") no-repeat top left transparent;
}
.picture-tool-block .scale .zoom-in-button.active:hover {
	background-position: bottom left;
}

.picture-tool-block .scale .zoom-out-button.active {
	opacity: 1;
}
.picture-tool-block .scale .zoom-out-button {
	opacity: 0.5;
	float: left;
	width: 53px;
	height: 43px;
	background: url("../images/picture-upload/dezoom-button.png") no-repeat top left transparent;
}
.picture-tool-block .scale .zoom-out-button.active:hover {
	background-position: bottom left;
}

@media screen and (max-width: 768px) {

	#upload-photo-popin.well {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background-color: #fff;
		width: 100%;
	}

	.raw-picture-block {
		float: none;
		padding: 0px 0px 0px 0px;
		width: 100%;
		max-width: none;
		max-height: none;
	}

	.picture-reshaper-title {
		display: none;
	}

	.picture-reshaper-upload {
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: 10px;
		left: 10px;
		z-index: 1000;
		color: #fff;
	}

	.picture-reshaper-upload .upload-text {
		display: none;
	}

	.picture-tool-block .picture-tool {
		padding: 0px 0px 0px 0px;
		width: auto;
		height: auto;
	}

	.picture-tool-block .scale {
		position: absolute;
		top: 10px;
		left: 50%;
		margin-left: -27px;
	}

	.picture-reshaper-validation {
		position: absolute;
		bottom: 10px;
		right: 7px;
		padding: 0px 0px 0px 0px;
		/*background: url("../images/picture-upload/responsive-validation-button.png") no-repeat center center transparent;*/
		cursor: pointer;
	}

	.picture-reshaper-validation button {
		opacity: 0.85;
	}

	.picture-reshaper-validation button:hover {
		opacity: 1.0;
	}

	.upload-photo-popin_close {
		top: 10px;
		right: 7px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		cursor: pointer;
		opacity: 0.85;
	}

	.upload-photo-popin_close:hover {
		opacity: 1.0;
	}

	.upload-photo-popin_close .btn {
		padding-top: 4px;
		padding-bottom: 4px;
	}
}


/* Reshaper special css (should not be changed) */

.picture-reshaper-frame {
	width: 100%;
	max-width: 520px;
	max-height: 340px;
	overflow: hidden;
	margin: 0px auto;
}

.picture-reshaper-border {
	position: relative;
	text-align: left;
/*	top: 0px;
	left: 0px;*/
}

.picture-reshaper .raw-picture {
	right: auto;
	bottom: auto;
	/*position: relative;*/
/*	top: 0px;
	left: 0px;*/
}

.picture-reshaper .raw-picture {
    cursor: not-allowed;
}

.picture-reshaper .raw-picture.active {
    cursor: move;
}

@media screen and (max-width: 768px) {

	.picture-reshaper-frame {
		max-width: none;
		max-height: none;
	}
}