
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;
}

/* 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;
}

/* 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: scale(0.4);
       -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
            transform: scale(0.4);
}
.popup_visible #upload-photo-popin {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}

.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;
}

/* wallet mobile buttons */
.add-gift-card-to-wallet-block{
  margin-top: 30px;
}

@media (min-width: 992px) {
	.add-gift-card-to-wallet-link-apple{
	    text-align: right;
	}

	.add-gift-card-to-wallet-link-google{
	    text-align: left;
	}
}
