p.error-black{
    font-weight:bold;
    color:#000;
}
a#view-registrationconfirm-content{
    color:#fff;
}
.blk {display: block}; .lft {float: left;} .rgt {float: right;} .absl {position: absolute;} .rltv {position: relative;}
.wh(@w,@h) {width: @w; height: @h} .mrgCenter {margin: 0 auto}
@red:#ee3837; @blue:#66bbe4; @yellow:#ffae00; @violet:#28202d; @black:#414141;
body {font-family: "Roboto", "Open sans", Arial, sans-serif}
h1, h2, h3, h4, h5 {font-weight: 700; font-family: "Open sans"}
h2 {font-size:2.8em; text-align: center; }
h3 {font-size: 1.25em;text-align: center; margin-top: 10px}
ul {margin: 0; padding: 0; list-style: none}
header {padding-top: 17px;}
a.open-modal { cursor: pointer; }
.our-site-introduction { background: #ee3837; text-align: center; font-size: 14px; color: #fff; font-weight: bold; line-height: 24px; margin: 0; padding-top: 5px; padding-bottom: 7px; }
#modal-register .step2 p { margin-bottom: 20px; }
.navbar { width: 100%; min-height: 60px; border-radius: 0; box-shadow: none; z-index: 500; top: 0;
	&.navbar-fixed-top {background: rgba(0,0,0,0.82); padding: 7px 0; top: -70px;
		.nav {margin-top: 10px;
			li.signup-item #signup-bonus {font-size: 1.7em; top: -28px}
			li.signup-item a #signup-now {font-size: 1.25em}
		}
		.navbar-brand img {height: 45px}
		.navbar-collapse {background: none;}
		&.no-top {top: 0}
	}
	.navbar-brand {padding: 0; height: auto; margin-left: 15px;
		img {
			height: 45px;
		}
	}
	.navbar-toggle .icon-bar {background: #fff;}
	.icon-bar {transition:all linear 0.2s;transform-origin: top left;}
	.icon-bar:last-child {transform-origin: top left;}
}
.navbar-collapse {background: rgba(0,0,0,0.82);}
.nav {text-transform: uppercase; margin-top: 14px; 
	li { .rltv; color: #fff; margin-left: 10px; margin-right: 10px;
		a {box-shadow:inset 0 0px @red; .rltv; color: #fff; text-shadow:none; transition:box-shadow linear 0.1s; padding: 3px 0;border:none;background:none;}
		&.active, a:hover{box-shadow:inset 0 -4px @red; background:none;}
        a:active, a:focus{border:0;background:none;outline:none!important;}
		&.signup-item {
			a {.rltv; .blk;
				#signup-now {.rltv; z-index: 2; font-size: 1.4em; letter-spacing: 0.5px; font-family: "Open sans"; font-weight: 800}
				#signup-bonus, #signup-details, &:after {display: none; .absl; z-index: 2; left: 0; width: 100%; text-align: center;}
				#signup-bonus { top: -32px; height: 44px; line-height: 44px; font-size: 2em; letter-spacing: 1px; padding: 0; background: @red; font-family: "Open sans"; font-weight: 800}
				#signup-details { bottom: -13px; height:20px; line-height: 20px; font-size: 0.8em; white-space: nowrap; }
				&:after {content: " "; z-index: 1; bottom: -33px; height:55px; background:url(/img/public/bg-bonus-details.png) no-repeat top; transition:bottom cubic-bezier(0,.99,.43,1.59) 0.15s }
				&:hover:after {bottom: -43px}
			}
			a:active, a:focus{outline:none!important;}
		}
	}
}
.overlay {position: fixed; .blk; top: 0; left: 0; right: 0; bottom: 0; z-index: 600; visibility: hidden; transition:opacity linear 0.25s; opacity: 0; background: rgba(0,0,0,0.5);}
.login-global, .register-global {text-transform: none; color: #fff; overflow: hidden; position: fixed; z-index: 400; background: @red; top: 0; height: 0; width: 0; left: 0;
	.form-content {opacity: 0; width:340px; .mrgCenter; .rltv; padding-top:15px;
		h1 {margin-bottom:15px; text-align: center;}
		form {
			.form-group {transform:scale(0.9); opacity: 0; transition:transform cubic-bezier(0.77, 0, 0.175, 1) 0.45s, opacity cubic-bezier(0.77, 0, 0.175, 1) 0.45s;}
			label {font-weight: 400}
			.captcha {img {.lft; margin-right: 15px} input {width: 90px}}
			.subscribe {margin-top: 0}
			a {font-style: italic; color: #fff; text-decoration: underline;}
		}
	}
	.close-form {.absl; .blk;.wh(35px,35px); text-align: center; line-height: 35px; overflow: hidden; top: 20px; right: -10px; font-size: 26px; font-weight: 700; cursor: pointer; color: #C50F0E; transition:color linear 0.1s; &:hover {color: #fff}
	}
}
.register-global {
	.bonus-content, .form-content { .lft; width: 340px;}
	.form-content {margin-left: 40px}
	.bonus-content {display: none; opacity: 0; height: 100%; .rltv; background: #fff; color: #111;transition:opacity linear 0.15s;
		.bonus-img {text-align: center; margin: 15px 0 10px 0 }
		.bonus-title {color: @red; font-size: 1.9em; line-height: 1.2em; font-weight: 700; text-align: center; font-family: 'Open sans'}
		.bonus-infos {border: 1px solid @blue; padding: 15px; margin: 15px;
			strong {font-size: 1.25em; .blk; color: @blue}
			p {margin:0}
			&:last-child {margin-bottom: 5px}
		}
		> p {text-indent: 15px; a {color: #333; cursor: default; &:hover {text-decoration: none;}} span {color: @blue; text-decoration: underline; cursor: pointer;}}
	}
}
.section { padding: 50px 0 70px; background-repeat: no-repeat; background-position: center top; .rltv;
	&.header-content {padding: 0; border-bottom: 4px solid @red; background-repeat: no-repeat; background-position: center top; height: 515px; color: #fff; .rltv;
		button {font-size: 1.7em; margin-top: 65px;}
        h2 {color: #fff}
		.content-title {.rltv; margin-top: 140px; text-align: center; h1, h2 {font-size: 1.8em}}
		.carousel-indicators {margin-bottom: 0; bottom: 10px;
			li {.wh(15px,15px); border-radius: 50%; margin-right: 5px;
				&.active {margin-right:3px; .wh(17px,17px); }
			}
		}
		.carousel-fade {height: 515px;border-bottom: 4px solid @red;
			.carousel-inner {height: 100%;
				@carouselDelay:1.2s;
				.item {height: 100%;background-repeat: no-repeat; background-position: center top; background-size: cover; opacity: 0; -webkit-transition: opacity @carouselDelay; -moz-transition: opacity @carouselDelay; -ms-transition: opacity @carouselDelay; -o-transition: opacity @carouselDelay; transition: opacity @carouselDelay;
					h2, p {color: @red; font-size: 2.6em; font-weight: 700; margin: 20px 0 10px; line-height: 1.1; span {font-size: 0.7em; .blk; color: #fff}}
				}
			    .active, .next.left, .prev.right { opacity: 1; }
			    .active.left, .active.right { left: 0; opacity: 0; z-index: 1; }
			}
			.carousel-control { z-index: 2; width: 9% }
		}
		#carousel-slide-0 h2 { font-size: 2.2em; line-height: 1.2em; }
		#carousel-slide-0 span { font-size: 0.8em; }
		.item-img {text-align: center;height: 515px;width: 100%; max-width: 902px; .absl;
			img {height: 515px; .rltv; left: -250px;}
		}
		.carousel-control.right {transition:opacity linear 0.15s}
	}
	// Home - Best program
	&.programs {background-image:url(/img/public/bg-programs.jpg); background-color: #E0ECEC; /*border-bottom: 4px solid @red;*/ padding: 0; overflow: hidden;
		.programs-content {padding-top: 50px; padding-bottom: 70px;}
		h2 {color: @blue}
		h3 {margin-bottom: 35px}
		ul {text-align: center;}
		p {margin-bottom: 5px; strong {color: @red; font-size: 1.2em}} 
		p:before {content: "+"; display: inline-block; color: @red; font-weight: bold; .wh(16px,16px); border-radius: 50%; border: 2px solid @red; line-height: 13px; margin-right: 5px; text-align: center; font-size: 1.1em;text-indent: 1px; font-family: Arial; }
		a {color: #333; text-decoration: underline; margin-left: 21px; .blk; text-align: center;}
		.superman {display: none;}
		.img-payout { margin: 0 auto; }
	}
	// Home - Our sites
	&.our-sites {
		padding-top:0; padding-bottom: 0; .rltv;border-bottom: 1px solid #fff;

		.xcams-title, .evelive-title , .hunkprivates-title {
			text-indent: -9999px; 
			// background-image: url(/img/public/icon_sprite.png);
			background-repeat: no-repeat; 
			margin: 0 auto;
		}
		.xcams-title {
			.wh(150px,64px); 
			background-position: 0 21px;
			background-image: url('/img/public/xcams_white.svg');
		}
		.evelive-title {
			.wh(265px,64px); 
			background-position: 0 0 ;
			background-image: url('/img/public/evelive_white.svg');
		}
		.hunkprivates-title {
			.wh(305px,64px); 
			background-position: 0 0;
			background-image: url('/img/public/hunkprivates_white.svg');
		}

		.kwicks {
			width: 100%;
			height : 600px;
		}
		.kwicks > div {
			width: 33,33%;
		}

		#panel-01, #panel-02, #panel-03 {
				width: 100%; padding: 40px 20px 50px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; height: 100%; overflow: hidden;
				h2, h3, p {.rltv; }
				p { 
					max-height: 240px; 
					overflow: hidden;
					overflow-wrap: break-word;
					-o-text-overflow: ellipsis;
					text-overflow: ellipsis;
					-webkit-hyphens: auto;
					-moz-hyphens: auto;
					-ms-hyphens: auto;
					-o-hyphens: auto;
					hyphens: auto;
				}
				a {text-decoration: underline; color: #fff;}
				.col-site-content {.rltv; z-index: 100;}
				.lueur{ display: block; height: 100%; top: 0; bottom: 0; .absl; z-index: 4;	width: 100%;}
				.visu{ display: block; bottom: 0; .absl; z-index: 6; }
				.mes{ display: block; bottom: 60px; .absl; z-index: 5;}
		}

		.col-xcams{ 
			background:url(/img/public/bg_xcams.jpg) no-repeat left top #1c1421;
			.lueur{
				background:url(/img/public/bg_lueur_xcams.png) no-repeat; 
			}
		}
		.col-evelive{
			background:url(/img/public/bg_evelive.jpg) no-repeat left top #5e4a2e; 
			.lueur{
				background:url(/img/public/bg_lueur_evelive.png) no-repeat; 
			}
		}
		.col-hunkprivates{
			background:url(/img/public/bg_hunk.jpg) no-repeat left top #3d080e; 
			.lueur{
				background:url(/img/public/bg_lueur_hunk.png) no-repeat;
			}
		}

		#panel-01 {
			.lueur{
				.visu{
					left:230px;
				}
				.mes{
					left:450px;
					opacity:0;
				}
			}
		}
		#panel-02 {
			.lueur{
				.visu{
					left:230px;
				}
				.mes{
					left:450px;
					opacity:0;
				}
			}
		}
		#panel-03 {
			.lueur{
				.visu{
					left:230px;
				}
				.mes{
					left:450px;
					opacity:0;
				}
			}
		}
	}
	// Home - White label
	&.statistics {color: #fff; border-bottom: 4px solid @blue; background-image:url(/img/public/bg-section-3.jpg); background-color: @red; padding-top: 0; padding-bottom: 0; overflow: hidden;
		.wl-content { padding-top: 50px; padding-bottom: 70px;}
		h2 {margin-bottom: 45px}
		.custom-col-4 > div {background: rgba(238,56,55,0.5); transition:background linear 0.1s;border: 1px solid #ff8685;
			p {strong {.blk; font-size: 2em}}
			&:hover {background: rgba(238,56,55,0.75);}
		}
		a {color: #fff; text-decoration: underline;}
		.button-top-margin {margin-top: 80px}
		.wl-illustration {width: 100%; max-width: 821px}
	}
	// Home - We are serious
	&.tools { background-image: url(/img/public/bg-crown.png); background-color: #f6f6f6; background-position: center center; padding-bottom: 120px;
		h2 {color: @red}
		.custom-col-5 > div:hover, .custom-col-5 > div.hover {
			.tools-icon-content {top: -15px}
			.tools-icon {transform:rotateY(180deg); }
		}
		.tools-icon-content {margin:0 auto 30px auto; -webkit-perspective:1000; perspective:1000;transform-style:preserve-3d; .wh(100px,112px); top: 0; transition:top linear 0.2s; .rltv; }
		.tools-icon {transition:0.6s; transform-style:preserve-3d; .wh(100px,112px); .rltv;
			.custom-icon { backface-visibility: hidden; .absl; top: 0; left: 0;
				&[class^="icon-"] {z-index: 2; transform: rotateY(0deg);}
				&[class$="-2"] {transform: rotateY(180deg);}
			}
		}
	}
	// Home - Contact
	&.contact {background: @red; padding: 0; color: #fff; .rltv;
		h3 {font-size: 2.6em}
		form {padding: 105px 0 55px 0}
		label {display: none}
		option {color: #000}
		textarea {resize:none}
		::-webkit-input-placeholder { color: #ffb5b4; }
		:-moz-placeholder { color: #ffb5b4; }
		::-moz-placeholder { color: #ffb5b4; }
		:-ms-input-placeholder { color: #ffb5b4; }
		
		.glyphicon-ok {margin-right: 10px}
	}
	.signup-content {text-align: center;}
	&.register-error { background: @red; padding: 95px 0 40px;
		p {color: #fff; font-size: 1.6em}
	}
	// Page Dernière étape d'inscription
	&.register-content { padding: 110px 0;
		#required-field {color: @red}
		form {
			legend {text-align: center; border-bottom: 0; text-transform: uppercase; font-size: 2.6em; font-family: 'Open sans'; margin-bottom: 45px; font-weight: 700}
			label.required:after {content: " *"; color: #e95412;}
			.form-control {border-color:#000; border-radius: 0; box-shadow: none ;
				&:focus {border-color:#1fcb77; box-shadow: 0 0 3px 0 #b1ecd0}}
			.sondage {
				.btn-group {.blk;
					&.open .dropdown-toggle {border-color: #1fcb77; box-shadow: 0 0 3px 0 #b1ecd0}
				}
				.dropdown-toggle { .blk; border: 1px solid #000;margin-bottom: 0; height: 34px; line-height: 34px;cursor: pointer; text-indent: 12px;
					.sondage-choice {overflow: hidden;}
				}
				.caret {margin-top: 14px; margin-right: 10px}
				.dropdown-menu {right: 0; float: none;
					li {padding: 3px 20px;
						label {font-weight: 300; cursor: pointer;}
						input {margin-right: 5px; vertical-align: text-top;}
						textarea {.wh(100%,75px)}
					}
				}
			}
		}
		.bt-large-public {color: #000; border-color: #000; border-width: 3px; height: 45px; font-size: 1.2em; padding: 0 45px;
			&:hover {background: #000; color: #fff;}}
        .bt-medium-public {color: #000; border-color: #000; border-width: 3px; height: 35px; font-size: 1.2em; padding: 0 35px;
			&:hover {background: #000; color: #fff;}}
	}
	// Page Payouts
	&.payouts-header {background-color: #3b2819;  background-size: cover;
		&.header-content .content-title {margin-top: 170px; margin-bottom: 120px}
	}
	&.payouts {padding-top: 0; padding-bottom: 120px; background-image: url(/img/public/payouts/bg-payouts.jpg); background-repeat: repeat-y; background-color: #dee4e7;
	}
	.payout-bloc {margin-top: 55px; border: 3px solid #2d2d2d; background: #fff; > div {padding: 30px;}
		h3 {color: #fff; background: #2d2d2d; text-transform: uppercase; height: 77px; line-height: 77px; margin: 0; font-size: 2.3em;
			> span {display: inline-block; margin: 0 25px 0 25px; .rltv; top: -5px; vertical-align: top; background: url(/img/public/icon_sprite.png) no-repeat -360px -262px; .wh(60px,106px);
				.custom-icon {.wh(60px,60px); background-position: 0 -261px; margin-top: 15px;}}
		}
		table {margin-bottom: 0;border: 0;
			thead th {color: #fff; background: @blue; font-weight: 600; text-transform: uppercase; border-bottom-width: 1px; vertical-align: middle; span {.blk; font-weight: 400; font-size: 0.7em;}}
			thead th, tbody td {border-color: #fff}
			tbody tr:hover td {background: #eee;}
			tbody td {background: #f8f8f8;}
		}
		&.cp-cross-sales h3 > span, &.cp-referral h3 > span {background-position: -420px -262px}
		&.cp-pps strong, &.cp-cpl strong, &.cp-referral strong, &.cp-lifetime-germany strong {color: @red}
		&.cp-whitelabel { .custom-icon {background-position: -60px -262px}}
		&.cp-pps {
			p strong {.blk}
			ul {list-style: none; padding-left: 0}
			.custom-icon {background-position: -120px -262px}}
		&.cp-cpl {.custom-icon {background-position: -180px -262px}
			hr {margin-top: 0; margin-bottom: 10px}
			strong {white-space: nowrap;}
		}
		&.cp-lifetime-germany {
			.custom-icon {background-position: -480px -262px}
			strong:nth-child(3) {color: #000}
		}
		&.cp-referral {.custom-icon {background-position: -240px -262px} strong {color: @blue}}
		&.cp-cross-sales {.custom-icon {background-position: -300px -262px}}
		button.payouts-button {padding: 0 30px; /*height: 65px; changing */ .blk; margin:0 auto; .rltv; margin-top: 25px;
			.bt-double {height: 53px; line-height: 53px; }
		}
	}
	// Page sites
	&.header-site-evelive {
		background-image: url(/img/public/sites/bg-header-evelive.jpg); background-size: cover; background-color: #2e2e2e;
		.content-title {margin-bottom: 140px}
	}
	&.header-site-hunkprivates {
		background-image: url(/img/public/sites/bg-header-hunkprivates.jpg); background-size: cover;;
	}
    &.header-site-xcams {
		background-image: url(/img/public/sites/bg-header-xcams.jpg); background-size: cover; background-color: #28202d;
		.content-title {margin-bottom: 140px}
	}
	&.site-evelive img, &.site-hunkprivates img, &.site-xcams img {width: 100%; max-width: 480px}
	&.site-evelive {
		h3 {font-size: 2.6em;
            a{color: @blue}
        }
	}
	&.site-hunkprivates {
		h3 {
            font-size: 2.6em;
            a{color: @red}
        }
	}
    &.site-xcams {
		h3 {
            font-size: 2.6em;
            a{color: @violet}
        }
	}
	// Page MB
	&.header-wl {background-image: url(/img/public/whitelabel/bg-header-wl.jpg); background-color: #7f6c63;
		.header-wl-sites, h2, .signup-content {text-align: center;}
		.content-title {margin-top: 70px}
		.header-wl-sites {.wh(100%,210px); .mrgCenter;
			> div { .mrgCenter; .wh(140px,150px); .rltv; -webkit-perspective: 1100px; perspective: 1100px;}
			#carousel3d { .wh(100%,100%); .absl;
				-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform: rotateY(0deg) translateZ(-288px);
				figure { .blk; .absl; .wh(120px,160px); background: #fff; opacity: 1; margin: 12px; color: #fff; cursor: pointer; overflow: hidden;
					-webkit-transition: opacity 1s, -webkit-transform 1s;
					-moz-transition: opacity 1s, -moz-transform 1s;
					-o-transition: opacity 1s, -o-transform 1s;
					transition: opacity 1s, transform 1s;
					img {width: 100%;}
				}
			}
		}
		.carousel-static-img { display: none;}
		button {margin-top: 10px}
	}
	&.white-label-build { border-bottom: 4px solid @red;
		.wl-build-img {margin-bottom: 30px; text-align: center; img {width:100%; max-width: 457px;}}
		h2 {text-align: center; font-size: 2.4em; margin-bottom: 55px;}
		h3 {color: @blue; font-size: 1.8em}
		.wl-advanced h4 {color: @red}
		.wl-easy p, .wl-advanced p {text-align: justify;}
	}
	&.white-label-options {background: #f6f6f6; padding-top: 80px;
		> .container > .row {margin-bottom: 30px}
		h5 {color: @blue; margin-top: 0; font-size: 1.15em}
		.wl-option-img {overflow: hidden; margin: 0 auto; width: 100%; max-width: 142px;
			img {width: 100%; max-width: 142px; transition:transform cubic-bezier(0.165, 0.84, 0.44, 1) 1s}
			&:hover img {transform:scale(1.15)}
		}
		.custom-icon {.wh(70px,70px); margin: 0 auto}
	}
	// Page Promotools
	&.header-promotools {background-image: url(/img/public/pt/bg-header-pt.jpg); background-size: cover; background-color: #000;}
	&.promotools-list { padding-bottom: 110px;
		.promotool-block {
			> div {padding: 0 15px; margin-top: 35px; border: 3px solid #e7e7e7; min-height: 200px; .rltv;
				h3 {color: @red; font-size: 1.6em; margin: 20px 0;}
				.custom-icon {.wh(120px,120px)}

			}
			&.unavailable > div { overflow: hidden;
				h3, p {color: #b3b3b3}
				h3, > .row { transition:all linear 0.15s;}
				.coming-soon { transition:all linear 0.15s;}
				.coming-soon {.absl; opacity: 0; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.85); text-align: center;transform:scale(1.2);
					p {font-size: 1.6em; height: 40px; margin-top: 15%; line-height: 40px; color: @red; font-weight: 700; font-family: 'Open sans'; }
				}
				&:hover {
					h3, > .row {transform:scale(1.2); transition:all linear 10s}
					.coming-soon {opacity: 1; transform:scale(1);}
				}
			}
		}
	}
	// Page FAQ
	&.faq {min-height: 850px; padding:90px 0;
		.block-question {border-left: 1px solid #fdf1b8; border-right:1px solid #fdf1b8;
			p {padding: 10px 18px}
		}
		.col-sm-12 > div {margin-top: 25px}
		h4 {font-size: 1em; font-weight: 400; background: #ffffe6; cursor: pointer; text-indent: 10px; padding: 10px 0; margin: 0;border-bottom: 1px solid #fdf1b8;  &.fc {border-top: 1px solid #fdf1b8;}}
		.collapse {background: #fffff8; border-bottom: 1px solid #fdf1b8; }
        ul{padding-left:35px;padding-bottom:10px;}
        ul li{padding-left:20px;list-style:square;padding-top:2px;padding-bottom:2px;}
        ul li ul li{padding-left:20px;list-style:circle;}
	}
	// Page Connexion
	&.signin-page {background: #383838; height: 100%;
		form {width: 280px; margin: 0 auto;
			label {color: #fff;}
			.control-label { display: none;}
			input {border-radius: 0; box-shadow: none}
			.bt-large-public, .bt-medium-public {width: 100%;}
		}
        p {color: #fff;}
	}
	// Page CGV
	&.terms-content {padding: 90px 0 90px;
		.terms > div {border-bottom: 1px solid #ccc}
		h3 {color: @red}
	}
	
	/*** privacy policy ***/
	&.privacypolicy-content { 
		padding-top: 20px; padding-bottom: 45px; color: @black;
		counter-reset: pp_section; /* Set "pp_section" to 0 */
		.privacypolicy > div {border-bottom: 1px solid #ccc;}

		h3 {color: @red; padding-top: 30px;
			counter-reset: pp_subsection; /* Set "pp_subsection" to 0 */
			&:before {counter-increment: pp_section; content: counter(pp_section) ". "; }
		}
		.privacypolicy > ul {padding-left: 100px;}
		.privacypolicy > ul > li {list-style: disc;}
		.privacypolicy > ul > ul {padding-left: 50px; }
		.privacypolicy > ul > ul > li {list-style: circle;}
		.privacypolicy > ul > ul > ul {padding-left: 50px; }
		.privacypolicy > ul > ul > ul > li {list-style: square;}

		.privacypolicy > p {padding-top: 10px;} 

		.sublevel1 { padding-left: 50px; padding-bottom: 20px;
			&:before {counter-increment: pp_subsection; content: counter(pp_section) "." counter(pp_subsection) ". "; } }
		.pp_table {
			th { background-color: rgb(195, 217, 255); text-align: left; height:40px; }
			td { padding-top: 10px; padding-bottom: 10px;}
		} 
		.pp_table7 { border-collapse: collapse; border: 1px solid black; padding: 5px 5px 5px 5px;} 
		.left50 { padding-left: 50px; }
		.left100 { padding-left: 100px; }
	}
	
	// Page Ticket
	&.ticket { padding-top: 70px;
		h2 {margin-bottom: 35px}
		.ticket-infos, .ticket-previous-messages, .ticket-message {margin-bottom: 45px;}
		table {width: 100%;
			tr {border-bottom: 1px solid #ccc;}
			td {vertical-align: top; padding: 5px; line-height: 1.42857143;
				&.ticket-legend {width: 210px; font-weight: bold}}

		}
		.ticket-message {
			table tr {border-bottom: 0}
			button {margin-top: 10px; height: 70px;}
		}
	}
}

html.en .payouts-header {background-image: url("/img/public/payouts/bg-payouts-header-en.jpg");}
html.de .payouts-header {background-image: url("/img/public/payouts/bg-payouts-header-de.jpg");}
html.fr .payouts-header {background-image: url("/img/public/payouts/bg-payouts-header-fr.jpg");}
html.nl .payouts-header {background-image: url("/img/public/payouts/bg-payouts-header-nl.jpg");}

footer {background: #272727; min-height: 170px; border-top: 5px solid #fff; color: #fff; .rltv; padding-top: 75px;
	.container ul { li { a {color: #fff; cursor: pointer;} &:before {content: "- "; color: @red; font-weight: 700}}}
	.social-btn {text-align: right;
		a {display: inline-block; border-radius: 50%; }
	}
	.copy-content {font-size: 0.7em}
	img { width: 47px;}
}

.section.header-content #carousel-slide-0 .item-img img {
/*	left: 107px !important;*/
}

.side-menu {position: fixed; width: 16px; top: 50%; right: 20px; overflow: hidden; opacity: 0; transition:opacity linear 0.2s; display: none; z-index: 300;
	ul {
		li {margin-bottom: 17px; cursor: pointer; .blk; .wh(16px,16px); .rltv;
			.dot {.blk; .wh(16px,16px); border-radius: 50%; background: rgba(0,0,0,0.6); transition:all linear 0.13s;}
			.side-menu-title {color: #fff; font-size: 0.9em; padding: 0 8px; height: 22px; line-height: 22px; background: @red; .absl; top: -3px; right: 27px; opacity: 0;white-space: nowrap; transition:opacity linear 0.13s;
				&:after {content:" "; .blk; .absl; top: 6px; right: -5px; .wh(0,0); border-style: solid; border-width: 5px 0 5px 8.7px; border-color: transparent transparent transparent @red;}
			}
			&:hover .dot {transform:scale(1.3); background: @red; }
			&:hover .side-menu-title {opacity: 1}
		}
	}
	&:hover, &.show-up:hover {opacity: 1; overflow: visible;}
	&.show-up {opacity: 0.15}
}
.section.contact .form-control, .login-global .form-control, .register-global .form-control{
	border-radius: 0; color: #fff; background: #c50f0e; box-shadow: none; border-color:#c50f0e ; .rltv;
	&:hover {border-color: #a30100;}
	&:focus {border-color: #f6f6f6; background: rgba(255,255,255,0.2);}
	&.error {border-color: @yellow; background: url(/img/public/error.png) no-repeat 95% center #c50f0e;}
}
.section.register-content .form-control, .section.signin-page .form-control{
    &.error {border-color: @yellow; background: url(/img/public/error.png) no-repeat 95% center;}
}
.custom-col-4, .custom-col-5 { margin-top: 65px;
	> div {text-align: center;  padding: 10px 0; margin-bottom: 20px;
		&.last-col {margin-right: 0}
		p { strong {.blk; font-size: 2em}}}
}
.custom-icon {.blk; background-image: url(/img/public/icon_sprite.png); background-repeat: no-repeat;
	&.icon-wl, &.icon-wl-2, &.icon-pr, &.icon-pr-2, &.icon-pt, &.icon-pt-2, &.icon-st, &.icon-st-2, &.icon-dg, &.icon-dg-2 {.wh(100px,112px); }
	&.icon-wl {background-position:0 0; }
	&.icon-wl-2 {background-position:0px -367px; }
	&.icon-pr {background-position:-100px 0 }
	&.icon-pr-2 {background-position: -100px -367px}
	&.icon-pt {background-position:-200px 0 }
	&.icon-pt-2 {background-position: -200px -367px}
	&.icon-st {background-position:-300px 0 }
	&.icon-st-2 {background-position: -300px -367px}
	&.icon-dg {background-position:-400px 0 }
	&.icon-dg-2 {background-position: -400px -367px}
	&.icon-msg {.wh(165px,75px); background-position: 0 -112px; transition:transform cubic-bezier(0,.99,.43,1.59) 0.2s;  .absl; left: 50%; top: -75px;  margin-left: -82px;
		.icon-mail {.wh(50px,56px); .rltv; left: 59px; top: 39px; background-position: -500px -46px}
		&.part-1 {z-index: 11;cursor: pointer;}
		&.part-2 {z-index: 10; top: -5px; height: 74px; background-position: 0 -187px}
		&.sesame .icon-mail {background-position: -550px -46px}
	}
	&.icon-facebook, &.icon-twitter, &.icon-google {.wh(25px,25px); background-position: -501px -3px; background-color: #fff; transition:background-color linear 0.1s;}
	&.icon-facebook:hover {background-color: #3B5998}
	&.icon-twitter { background-position: -525px 0; margin-left: 5px; &:hover {background-color: #55ACEE;}}
	&.icon-google { background-position: -547px -1px; margin-left: 5px; &:hover {background-color: #55ACEE;}}
	&.icon-rta {background-position: -500px -25px; .wh(104px,18px)}
	&.evelive-title, &.hunkprivates-title, &.xcams-title {
		.wh(305px,64px); 
		text-indent: -9999px; 
		background-repeat: no-repeat; 
		background-position: 0 0;
	}
	&.evelive-title {
		background-image: url('/img/public/evelive_white.svg');
		width: 255px;
	}
	&.hunkprivates-title {
		transform: scale(0.85); 
		-webkit-transform: scale(0.85); 
		-moz-transform: scale(0.85); 
		-ms-transform: scale(0.85); 
		background-image: url('/img/public/hunkprivates_white.svg');
	}
	&.xcams-title {
		background-image: url('/img/public/xcams_white.svg');
		width: 140px;
	    background-position-y: 17px;
	}
	&.btn-check {.absl; top: 22px; left: 31px; .wh(26px,25px); background-position: -578px 0; vertical-align: text-bottom;}
	&.wl-option-sc {background-position:0 -479px}
	&.wl-option-sn {background-position:-70px -479px}
	&.wl-option-seo{background-position:-140px -479px}
	&.wl-option-mf {background-position:-210px -479px}
	&.wl-option-sb {background-position:-280px -479px}
	&.wl-option-fs {background-position:-350px -479px}
	&.wl-option-mi {background-position:-420px -479px}
	&.wl-option-yo {background-position:-490px -479px}
	&.wl-option-cb {background-position:-560px -479px}
	&.tool-br {background-position: 0 -549px}
	&.tool-mk {background-position: -120px -549px}
	&.tool-lc {background-position: -240px -549px}
	&.tool-ic {background-position: -360px -549px}
	&.tool-sb {background-position: -480px -549px}
	&.tool-so {background-position: -362px -789px}
	&.tool-wg {background-position: -120px -669px}
	&.tool-pu {background-position: -240px -669px}
	&.tool-ft {background-position: -360px -669px}
	&.tool-xf {background-position: -480px -669px}
	&.tool-wl {background-position: -600px -549px}
	&.tool-mr {background-position: -600px -669px}
	&.tool-ifb {background-position: 0 -789px}
	&.tool-lfb {background-position: -120px -789px}
	&.tool-mhb{background-position: -238px -789px}

}
.wl-illustration {position: static; }
button.bt-large-public{background: transparent; border: 6px solid #fff; font-family: "Roboto", "Open sans", Arial; text-align: center; .rltv; height: 75px; padding: 0 45px; /*white-space: nowrap; changing */ font-size: 1.6em; font-weight: 400; overflow: hidden; color: #fff;
	@buttonDelayOn:.35s;
	@buttonDelayOut:0.15s;
	@buttonDealyEase:ease-out; 
	&.bt-red {border-color:@red; color: @red;}
	&.bt-dark {background: rgba(0,0,0,0.2);
		.bt-hover {background: #fff;}
		.bt-double {color: #000}
	}
	&.bt-black {border-color: #000; color: #000; &:hover {background: #000; color: #fff}}
	.bt-hover {.absl; .wh(100%,100%); top:100%; left: 0; background: @red; transition: top @buttonDelayOn @buttonDealyEase,transform @buttonDelayOn @buttonDelayOut @buttonDealyEase; transform: skew(0,-10deg); transform-origin: right top; overflow: hidden;}
	.bt-double {.absl; width: 100%; top:-100%; left: 0; transition: top @buttonDelayOn @buttonDealyEase,transform @buttonDelayOn @buttonDelayOut @buttonDealyEase; transform: skew(0,10deg); transform-origin: right top; color: #fff;height: 63px; line-height: 63px; text-align: center;}
	&:hover .bt-hover {
		top: 0; -webkit-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0)
	}
	&:hover .bt-double {
		top: 0; -webkit-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0)
	}
}
button.bt-medium-public{background: transparent; border: 4px solid #fff; font-family: "Roboto", "Open sans", Arial; text-align: center; .rltv; height: 45px; padding: 0 35px; white-space: nowrap; font-size: 1.2em; font-weight: 400; overflow: hidden; color: #fff;
	@buttonDelayOn:.35s;
	@buttonDelayOut:0.15s;
	@buttonDealyEase:ease-out; 
	&.bt-red {border-color:@red; color: @red;}
	&.bt-dark {background: rgba(0,0,0,0.2);
		.bt-hover {background: #fff;}
		.bt-double {color: #000}
	}
	&.bt-black {border-color: #000; color: #000; &:hover {background: #000; color: #fff}}
	.bt-hover {.absl; .wh(100%,100%); top:100%; left: 0; background: @red; transition: top @buttonDelayOn @buttonDealyEase,transform @buttonDelayOn @buttonDelayOut @buttonDealyEase; transform: skew(0,-10deg); transform-origin: right top; overflow: hidden;}
	.bt-double {.absl; width: 100%; top:-100%; left: 0; transition: top @buttonDelayOn @buttonDealyEase,transform @buttonDelayOn @buttonDelayOut @buttonDealyEase; transform: skew(0,10deg); transform-origin: right top; color: #fff;height: 63px; line-height: 35px; text-align: center;}
	&:hover .bt-hover {
		top: 0; -webkit-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0)
	}
	&:hover .bt-double {
		top: 0; -webkit-transform: skew(0,0); -ms-transform: skew(0,0); transform: skew(0,0)
	}
}
@-webkit-keyframes swing {
  20% { -webkit-transform: rotateX(70deg); transform: rotateX(70deg);  }
  40% { -webkit-transform: rotateX(-45deg); transform: rotateX(-45deg); }
  60% { -webkit-transform: rotateX(30deg); transform: rotateX(30deg); }
  80% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); }
  100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1}
}
@keyframes swing {
  20% { -webkit-transform: rotateX(70deg); transform: rotateX(70deg);  }
  40% { -webkit-transform: rotateX(-45deg); transform: rotateX(-45deg); }
  60% { -webkit-transform: rotateX(30deg); transform: rotateX(30deg); }
  80% { -webkit-transform: rotateX(-15deg); transform: rotateX(-15deg); }
  100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1 }
}

.bt-animated { perspective:1000px; -webkit-perspective:1000px;
	button {-webkit-transform-origin:top; transform-origin:top; }
}
.swing {.rltv; -webkit-animation: swing 1.5s 1 both; animation: swing 1.5s 1 both;}

// Responsive
@media (max-width: 400px) {
	.login-global, .register-global {
		width: 100% !important;
		margin-left: -50% !important;
		.form-content {
			max-width: 340px;
			width: 85% !important;
			margin-left: auto;
			float: none;
		}
	}
	.modal-title.register-title {
		font-size: 30px;
	}
}
@media (min-width:600px) {
	.login-global .close-form, .register-global .close-form { top: 0px; right: -40px; }
	.section.our-sites {
		.xcams-title, .evelive-title , .hunkprivates-title {
			margin: 0;
		}
		.col-site-content .col-site-content-infos { 
			height: 410px;
			h3, p { padding-right: 30%; } 
			h3 { text-align:left; } 
		}
		.signup-content { text-align:left !important; } 
	}
	footer {
		padding-top: 25px;
	}
	.custom-icon.hunkprivates-title {
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}

}
@media (min-width:768px) {
	h2, h3, .section.header-content .intro-img,
	.section.header-content .content-title,
	.section.programs ul,
	.section.programs a,
	.section .signup-content,
	.section.statistics .signup-content {text-align: left;}
	.custom-col-4 > div {.lft; width: 20%; margin-right: 6.6666%; }
	.custom-col-5 > div {.lft; width: 16%; margin-right: 5%; }
	.section.header-content.home-slide .signup-content {text-align: right;}
	.section.header-content.header-wl .content-title {margin-top: 85px;}
	.section.our-sites {padding: 0px;
		h2 {margin: 0 0 10px}
		#panel-01, #panel-02, #panel-03 {
			padding-top: 50px; 
			padding-bottom: 70px;
			p { max-width: 380px; }
		}
		.col-site-content .col-site-content-infos { height: 410px; 
			h3, p { padding-right: 0; } 
		}
	}
	.section.programs .superman {.absl; top: 0; bottom: 0; height: 100%; right: -65%; .blk;}
	html.de .section.programs .superman {right: -75%;}
	.section.statistics .wl-illustration {.absl; top: 77px; right: -8%; width: 69%; .blk;}
	.section.tools h2 {text-align: center;}
	button.bt-large-public {padding: 0 75px}
	button.bt-medium-public {padding: 0 45px}
	
	.section.header-wl {
		.header-wl-sites {.wh(100%,260px);
			> div {.wh(280px,140px); -webkit-perspective: 1100px; perspective: 1100px;}
			#carousel3d { .wh(100%,100%);
				-webkit-transform: rotateY(0deg) translateZ(-288px);
				figure {.wh(200px,245px);}
			}
		}
	}
	.section.programs .img-payout { margin: 0; }
	.section.programs .bt-large-public { min-width: 300px; }
	.section.programs .bt-medium-public { min-width: 300px; }
	.our-site-introduction { font-size: 18px; line-height: 28px; }
}
@media (min-width:800px) {
	.register-global .bonus-content {.blk}
	.section.programs .bt-large-public { margin-left: 30px; }
	.section.programs .bt-medium-public { margin-left: 30px; }
	.register-global {
		max-width: 760px !important;
		margin-left: -380px !important;
		width: 100% !important;
		overflow-y: hidden !important;
	}
}
@media (min-width:992px) {
	.nav li {margin-left: 15px; margin-right: 15px; &:after{right: -16px} }
	.section.our-sites .col-site-content .col-site-content-infos { height: 410px}
	.captcha-img {float: right; margin-bottom: 0}
	.navbar-collapse {background: none;}
	.section.programs .superman {right: -30%;}
	html.de .section.programs .superman {right: -35%;}
	.section.statistics .wl-illustration { top: 22px; right: -8%; width: 69% }
	.navbar >.container .navbar-brand, .navbar >.container-fluid .navbar-brand {margin-left: 0}
	.nav li { &:after {content: "|"; .absl; top: 2px; right: -12px} &.last-item {margin-left: 0; margin-right: 0} &.last-item:after, &.login-item:after {content: none}}
	.nav li.signup-item a {background: @red; padding: 3px 10px}
	.nav li.signup-item a #signup-bonus, .nav li.signup-item a #signup-details, .nav li.signup-item a:after {.blk}
	.navbar.navbar-fixed-top .nav li.last-item {margin-right: 15px}
	.section .payout-bloc button.payouts-button {.absl; bottom: 30px; left: 45px; margin: 0;}
	.section .payout-bloc.cp-referral button.payouts-button {.rltv; bottom: 0px; left: 0; margin: 0 0 0 15px;}
	.side-menu {.blk}
	.section.programs .img-payout { margin: 0 0 0 40px; }
	.section.programs .bt-large-public { min-width: 400px; margin-left: 20px; }
	.section.programs .bt-medium-public { min-width: 400px; margin-left: 20px; }
	.our-site-introduction { font-size: 22px; line-height: 32px; }
}
@media (max-width:1199px){
	#panel-01 .lueur .visu{ left:300px !important; }
	#panel-02 .lueur .visu{ left:300px !important; }
	#panel-03 .lueur .visu{ left:330px !important; }
}
@media (min-width:1200px) {
	.section.our-sites .col-site-content .col-site-content-infos { height: 380px}
	.section.programs .superman {right: -10%;}
	html.de .section.programs .superman {right: -25%;}
	.section.statistics .wl-illustration { top: -22px; right: -8%; width: auto }
}
div.popover-content{
    color:@red;
    font-weight:bold;
    text-align:center;
    font-size:12px;
}
.alert{
    border-radius:0;
    border-color: #fff;
    color:#fff;
    background:none;
}
.alert-success, .alert-danger{
    border-radius:0;
    text-align:center;
    border-color: #fff;
    color:#fff;
    background:none;
}
.alert-dismissable .close, .alert-dismissible .close{
    right:0px;
}
.button-top-margin{
    margin-top:30px;
}
.col-centered{
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

.loader{
    text-align:center;
    display:none;
    .rltv;
    img {.blk; margin: 15px auto 0 auto; .rltv; -webkit-animation: spin 1.5s infinite both; animation: spin 1.5s infinite both}
    p {display: none;}
}
button.bt-large-public.bt-sending {color: transparent; background: #fff;
	.bt-hover, .bt-double {visibility: hidden;}
	.bt-loading {.blk}
}
button.bt-medium-public.bt-sending {color: transparent; background: #fff;
	.bt-hover, .bt-double {visibility: hidden;}
	.bt-loading {.blk}
}
.bt-loading {display: none; .absl; top: 9px; left: 50%; margin-left: -23px; .wh(46px,46px); background: url(/img/loader_fixe.png) 0 0 no-repeat; -webkit-animation: spin 1.5s infinite both; animation: spin 1.5s infinite both }