/* */
html,body{
	min-height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	color: black;
	font-family: 'FuturaFuturisC';
}
a{
	-webkit-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	-moz-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	-o-transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
	transition: border 300ms ease-out 0.03s, color 300ms ease-out 0.03s, background-color 300ms ease-out 0.03s, width 300ms ease-out 0.03s, height 300ms ease-out 0.03s;
}
a{
	color: black;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.wrapper{
	position: absolute;
	top: 0;
	min-height: 100%;
	left: 0;       
	right: 0;
	background: rgb(255,248,230);
	overflow-x: hidden;
}
.left{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 201px;
	min-height: 100%;
	/* border-right: 1px solid black; */
	background: rgb(255,248,230);
	z-index: 1; /* need for mobile cursive numbers and buttons */
}
.left.user{
	background: rgb(208,231,238);
}
.bottom{
	position: absolute;
	bottom: 0;
	/*width: 100%;*/
	min-height: 88px;
	left: 201px;
	right: 0;
	/* border-top: 1px solid black; */
	background: rgb(255,248,230);
}
.bottom.user{
	background: rgb(208,231,238);
}
.content{
	position: absolute;
	/*min-height: 100%;*/
	bottom: 88px;
	top: 0;
	left: 201px;
	right: 0;
	background: rgb(157,213,226);
	overflow-x: hidden;
	/*overflow-y: scroll;*/
	-webkit-overflow-scrolling: touch;
}
.content.user{
	background: rgb(157,213,226);
	background-image: url(/visual/images/cityscape.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
}
.topMenuNotch{
	background: white;
	width: 100%;
	height: 201px;
	text-align: center;
}
.logo{
	display: inline-block;
	width: 124px;
	height: 35px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/visual/images/logo.png?v=2);
	margin-top: 51px;
}
.menu{
	display: inline-block;
	width: 50px;
	height: 31px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/visual/images/menu.png);
	margin-top: 39px;
	position: relative;
}
.mlink{
	width: 100%;
}
.mfield{
	position: absolute;
	top: 201px;
	bottom: 0;
	/*height: 100%;*/
	width: 100%;
	background: white;
	display: none; /* for jquery */
	z-index: 3; /*must be higher than pop-ups, but not 4, 4 causes scripts to run*/
}
.shareHolder{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 52px;
	background: white; /* for animation */
}
.shareHolderText{
	font-size: 14px;
}
.shareButtons a{
	display: inline-block;
	width: 53px;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	color: black;
	border-radius: 360px;
	background: rgb(223,249,78);
	text-decoration: none;
	box-shadow: -4px 2px 4px gray;
	text-align: center;
}
.shareButtons .mlink a{
	margin-top: 14px;
}
.menuField{
	margin-top: 6px;
}
.menuField a{
	color: gray;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
	padding-left: 23px;
	padding-right: 8px;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	height: 25px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
}
.menuField a.active,.menuField a:hover{
	background: black;
	color: white;
}
.letter{
	display: inline-block;
	width: 17px;
	height: 11px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/visual/images/message.png);
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 6px;
}
.lettericon{
	display: inline-block;
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/visual/images/lettericon.png);
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 6px;
	position: absolute;
	right: -40px;
	top: 0;	
	box-shadow: 0px 6px 14px rgba(0,0,0,0.1);
	border-radius: 360px;
	display: none;
}
.cover{
	position: absolute;
	background: rgba(157,213,226,0.85);
	/*width: 100%;*/
	right: 0;
	top: 0;
	bottom: 0;
	/*min-height: 100%;*/
	left: 201px;
	z-index: 3; /*must be bigger then '.bottom' */
	display: none; /*by default*/
}
.turnDevice, .badDevice{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	min-height: 100%;
	z-index: 1000;
	background: black;
	display: none;
	color: white;
}
.turnDevice .tdHolder, .badDevice .tdHolder{
	width: 256px;
	height: 256px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -128px;
	margin-left: -128px;
	text-align: center;
}
.turnDevice .icon, .badDevice .icon{
	background-image: url('/visual/images/phoneportrait.png');
	background-size: contain;
	width: 128px;
	height: 128px;
	display: inline-block;
}
.mobileseparator{
	display: none;
}
.mballs{
	display: none;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 36px; /* s.b. 39 px */
	float: right;
	margin-right: 8%;
	width: 52px !important;
	/*overflow: hidden;*/
}
.mballs .score{
	display: block;
	width: 100%;
	/*font-weight: bold;*/
	font-size: 20px;
}
/* about */
.aboutTitle{
	font-style: italic;
	font-weight: bold;
	font-size: 36px;
	width: 720px;
	display: block;
}
.aboutDescription{
	font-size: 20px;
	display: block;
	width: 720px;
	margin-top: 50px;
}
.aboutBIB{
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
}
.aboutBI{
	font-weight: bold;
	font-style: italic;
}
.aboutBI24{
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
}
.aboutF{
	float: left;
	display: block;
	width: 100%;
	margin-top: 20px;
	font-size: 20px;
}
.aboutHolder{
	width: 655px;
	margin-top: 30px;
}
.aboutHolder .column{
	width: 50%;
	float: left;
}
.aboutButton{
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: black;
	text-decoration: none;
	background: rgb(223,249,78);
	display: block;
	width: 309px;
	height: 76px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-align: center;
	line-height: 76px;
	text-transform: uppercase;

	display: none;
	position: absolute;
	top: -38px;
	left: 61px;

	z-index: 1; /* need for mobile cursive numbers and buttons */
}
.clearboth{
	clear: both;
	visibility: hidden;
}
.displacer{
	/*margin-top: 51px;*/
	margin-top: 40px;
	padding-left: 61px;
	position: relative;
}

.aicon{
	width: 72px;
	height: 61px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: -5px;
}

.aicon.iconCardigan{
	background-image: url(/visual/images/icon-cardigan.png);
}
.aicon.iconDiamond{
	background-image: url(/visual/images/icon-diamond.png);
}
.aicon.iconLabel{
	background-image: url(/visual/images/icon-label.png);
}
.aicon.iconPeka{
	background-image: url(/visual/images/icon-peka.png);
}
.aicon.iconPresent{
	background-image: url(/visual/images/icon-present.png);
}
.aicon.iconStar{
	background-image: url(/visual/images/icon-star.png);
}

.aboutFoot{
	display: block;
	margin-top: 35px;
}

.bro{
	position: absolute;
	/*position: fixed;*/
	top: 0;
	/*bottom: 0;*/
	left: 0;
	right: 0;
	min-height: 100%;
	background: transparent;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
	background-image: url(/visual/images/bro-01.png);
	display: none;
	/*padding-bottom: 12px;*/
}

.bro.bro01{
	background-image: url(/visual/images/bro-01.png);
	display: block;
}
.bro.bro02{
	background-image: url(/visual/images/bro-02.png);
}
.bro.bro03{
	background-image: url(/visual/images/bro-03.png);
}
.bro.bro04{
	background-image: url(/visual/images/bro-04.png);
}
/* auth popup */
.ui-autocomplete {
	max-height: 220px;
	max-width: 320px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
.authPopup{
	width: 900px;
	height: 577px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	background: rgb(244,237,219);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -288px;
	margin-left: -450px;
	display: none;
}

.authPopup input[type=text],.authPopup input[type=password]{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	background: none;
	border: 0;

	/* Then Style */
	border-bottom: 1px solid rgb(163,157,157);
	color: rgb(163,157,157);
	font-family: 'FuturaFuturisC';
	width: 320px;
	font-size: 18px;
	display: block;

	margin-bottom: 20px; /* was 30 */
}

.authPopup input[type=submit]{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	background: none;
	border: 0;

	/* Then Style */
	width: 309px;
	height: 76px;

	font-family: 'FuturaFuturisC';
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: black;
	text-decoration: none;
	background: rgb(223,249,78);
	display: inline-block;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-align: center;
	line-height: 76px;
	text-transform: uppercase;
	cursor: pointer;
}
.authPopup .title{
	font-size: 30px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 36px;
	width: 320px;
	text-align: center;
}
.authPopup .title.auth{
	margin-bottom: 0px;
	text-align: left;
}
.authPopup .subtitle{
	font-size: 18px;
}
.authPopup .regHolder{
	width: 50%;
	border-right: 1px solid rgb(163,157,157);
	float: left;
	margin-top: 59px;
}
.authPopup .padder{
	margin-left: 54px;
	margin-right: 54px;
}
.authPopup .mover{
	margin-top: 128px;
	margin-bottom: 90px;
}
.authPopup .authHolder{
	/*padding-right: 54px;*/
	width: 49%;
	border: 0;
	float: left;
	margin-top: 59px;
}
.authPopup .buttonBlock{
	width: 320px;
	text-align: center;
}
.authPopup label{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 30px; /* was 30 */
	display: block;
}

.authPopup label a{
	color: black;
	text-decoration: none;
	border-bottom: 1px solid black;
}
.authPopup label a:hover{
	text-decoration: none;
	border-bottom: 1px solid transparent;
}
.authPopup .iamamoron{
	margin-top: 15px;
	display: inline-block;
	border-bottom: 1px solid transparent;
}
.authPopup .iamamoron:hover{
	text-decoration: none;
	border-bottom: 1px solid black;
}
.popupClose{
	display: block;
	position: absolute;
	top: -26px;
	right: -26px;
	width: 53px;
	height: 53px;
	line-height: 53px !important;
	font-size: 28px !important;
	color: black;
	border-radius: 360px;
	background: rgb(223,249,78);
	text-decoration: none;
	box-shadow: -4px 2px 4px gray;
	text-align: center;
	cursor: pointer;
}
.authPopup label .pcbox{
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 25px;
	border: 1px solid rgb(163,157,157);
	margin-right: 10px;
	cursor: pointer;
}

.authPopup label .pcbox .internalbox{
	width: 17px;
	height: 17px;
	margin-top: 4px;
	margin-left: 4px;
	display: block;
	background: rgb(102,187,207);
	visibility: hidden;
	cursor: pointer;
}

.authPopup label input[type="checkbox"]{
	position: absolute;
	top: -100000px; /* Remove from view */
	left: 0;
	visibility: hidden;
}

.authPopup label input[type="checkbox"]:checked+.pcbox .internalbox{
	visibility: visible;
}

.authPopup .error{
	color: red;
	margin-top: -10px;
	display: none;
}
/* user cabinet */
.userTitle{
	font-size: 48px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 18px;
	display: block;
}
.userCabinet label{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	display: block;
}
.userCabinet label span{
	display: inline-block;
	width: 94px;
}
.userCabinet input[type=text],.userCabinet input[type=password]{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	background: none;
	border: 0;

	/* Then Style */
	border-bottom: 1px solid black;
	color: black;
	font-family: 'FuturaFuturisC';
	font-size: 24px;
	display: inline-block;

	margin-bottom: 20px; /* was 30 */
}
.userCabinet input[type=text][disabled=disabled],.userCabinet input[type=password][disabled=disabled]{
	border-bottom: 0px;
}
.userCabinet .js-change{
	color: yellow;
	text-decoration: none;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	border-bottom: 1px solid transparent;
}
.userCabinet .js-change:hover{
	border-bottom: 1px solid yellow;
}
.userCabinet .error{
	color: red;
	margin-top: -10px;
	font-size: 18px;
}
.userCabinet .messageTitle{
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.userCabinet .messageBox{
	width: 520px;
	height: 182px; /* 222 - 40 */
	background: white;
	overflow-x: hidden;
	overflow-y: scroll;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}
.userCabinet .messageBox.ps.ps--active-y .ps__rail-y{
	opacity: 1 !important;
	background: transparent !important;
	width: 7px !important;
	background-image: url(/visual/images/scrollbar.png) !important;
	background-repeat: no-repeat  !important;
	background-position: center center  !important;
	right: 8px !important;
}
.userCabinet .messageBox.ps.ps--active-y .ps__rail-y .ps__thumb-y{
	width: 7px !important;
	/* height is set via plugin options */
	background: rgb(223,249,78) !important;
	right: 0 !important;
	cursor: pointer;
}
.userCabinet .messageBox .message{
	margin-bottom: 25px;
	color: gray;
}
.userCabinet .messageBox .message.green{
	/*margin-top: 25px;*/
	color: black;
	cursor: pointer;
}
.userCabinet .messageBox .message .letter{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 62px;
	height: 39px;
	background-image: url(/visual/images/lettergray.png);
	float: left;
	margin-left: 23px;
	margin-right: 22px;
	margin-top: 3px;
}
.userCabinet .messageBox .message .letterText{
	display: inline-block;
	float: left;
}
.userCabinet .messageBox .message .from{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
}
.userCabinet .messageBox .message .from .fromDate{
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	margin-left: 6px;
}
.userCabinet .messageBox .message .name{
	font-size: 18px;
}
.userCabinet .messageBox .message.green .letter{
	background-image: url(/visual/images/lettergreen.png);
}

.userCabinet .messageBox .message .triangle{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	width: 12px;
	height: 14px;
	background-image: url(/visual/images/bermudagray.png);
	margin-left: 6px;
	display: inline-block;
	vertical-align: middle;
}
.userCabinet .messageBox .message.green .triangle{
	background-image: url(/visual/images/bermudagreen.png);
}
.userCabinetPrimary{
	float: left;
}
.userCabinetSecondary{
	float: right;
	margin-right: 129px;
	text-align: center;
}
.userPhotoPlace{
	width: 289px; height: 483px; background: gray; border: 10px solid white; margin-top: 10px; /*as in border*/
	margin-bottom: 27px;
	background-size: contain;
	background-size: cover;
	background-position: center center;
	position: relative; /* for crop */
}
.aboutButton.userPhotoButton{
	display: inline-block;
	position: static;
	cursor: pointer;
}
.js-loading{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -64px;
	display: none;
}
.js-selective{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	margin-left: -42px;
	margin-top: -42px;
	background-image: url(/visual/images/selectivecross.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: none;
}
.cropContain{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
}
.cropContain .cr-viewport{
	border: 0;
}
.cropContain .cr-slider-wrap {
	width: 100%;
	margin: 0;
	margin-top: 6px;
}
.cropContain .cr-slider {
	margin: 0;
}
.cropContain .cr-boundary {
    z-index: 0; /* or menu goes AWOL */
}
.cropModeButton{
	border-radius: 360px;
}
.cropModeArea{
	width: 359px;
	height: 484px;
}
.coverExclamation{
	position: absolute;
	top:-40px;
	bottom:0;left:0;right:0;
	background: rgba(157,213,226,0.85);
	display: none;
}
.coverExclamationDeletion{
	position: absolute;
	top:-40px;
	bottom:0;left:0;right:0;
	background: rgba(157,213,226,0.85);
	display: none;
}
.exclamationMark{
	display: inline-block;
	width: 248px;
	height: 248px;
	background-image: url(/visual/images/exclamationmark.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.appreciationMark{
	display: inline-block;
	width: 248px;
	height: 248px;
	background-image: url(/visual/images/appreciationmark.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.exclamation{
	margin-top: 20px;
	font-style: italic; font-size: 48px; font-weight: bold;
	margin-bottom: 20px;
}
.exclamationSign{
	text-align: center;
}
.exclamationOptions{
	text-align: center;
	margin-left: 30px;
}
.exclamationButton{
	display: inline-block;
	position: static;
	cursor: pointer;
	margin-right: 30px;
	width: 224px;
}
/* code popup */
.codePopup{
	width: 820px;
	height: 405px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	background: white;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -202px;
	margin-left: -410px;
	display: none;
}
.codePopup .borderer{margin: 55px;}
.codePopup .title{font-style: italic; font-size: 30px; font-weight: bold; display: inline-block;}
.codePopup .date{font-size: 14px; display: inline-block; margin-left: 10px;}
.codePopup .description{font-style: italic; font-size: 24px; font-weight: bold; display: block; margin-top: 15px; margin-bottom: 15px;}
.codePopup .preface{font-size: 18px; display: inline-block;}
.codePopup .subject{font-size: 30px; font-weight: bold; display: block; text-transform: uppercase;}
.codePopup .disclaimer{font-size: 12px; display: block; color: gray; margin-top: 65px;}
.codePopup .disclaimer a{color: gray; border-bottom: 1px solid gray;}
.codePopup .disclaimer a:hover{ border-bottom: 1px solid transparent; }
/* main 01 */
.sTitle{
	background: black;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	font-size: 48px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-transform: uppercase;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 20px;
}
.sTitle.low{
	padding-top: 0;
	margin-top: -25px;
}
.sTitleHolder{
	width: 635px;
	position: absolute;
	top: 0;
	/*left: -155px;
	z-index: 3;*/
	z-index: 2; //overrides cursive numbers.
}
.sTitleHolder.mainSt{
	top: 35px;
	left: 90%;
}
.sTitleMover{
	position: relative;
	height: 175px;
}
.main{
	display: none;
}
.main.block01{
	display: block;
	/*border: 1px solid transparent;*/ /* fixes margin-moving-parent issue https://stackoverflow.com/questions/1762539/margin-on-child-element-moves-parent-element */
	/*margin: -2px;*/ /* now, to undo the border */
	padding-top: 1px; /* better solution to the above */
	margin-top: -1px; /* better solution to the above */
	background: rgb(157,213,226);
	background-image: url(/visual/images/acity.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.chooseYourDestiny{
	font-size: 24px;
	text-transform: uppercase;
	width: 500px;
}
.wallpaperHolder{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom left;
	position: absolute;
	top:0;left:0;right:0;bottom:0;
}
.main.block01 .wallpaperHolder{
	background-image: url(/visual/images/amigos01.png);
	background-position: bottom right;

	background-position-y: 60px;
}
.prizesHolder{
	width: 500px;
	margin-top: 15px;
}
.prizesHolder .prize .text{
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	margin-left: 20px;
	float: left;
	width: 340px;
	margin-top: 11px;
}
.prizesHolder .prize .text.small{
	margin-top: 22px;
}
.prizesHolder .prize{
	margin-bottom: 10px;
}
.prizesHolder .prizeicon{
	display: block;
	width: 70px;
	height: 70px;
	float: left;

	background-repeat: no-repeat;
	background-position: center top;
}
.prizesHolder .prizeicon.towericon{
	background-image: url(/visual/images/towericon.png);
}
.prizesHolder .prizeicon.presenticon{
	background-image: url(/visual/images/presenticon.png);
}
.prizesHolder .prizeicon.percenticon{
	background-image: url(/visual/images/percenticon.png);
}
.timer{
	position: absolute; bottom: 40px; right: 49px;
}
.timerTitle{
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	background: white;
	color: black;
	border-radius: 6px;
	width: 242px;
	height: 80px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	float: left;
	text-align: center;
}
.timerTitle span{
	margin-top: 18px;
	display: inline-block;
	width: 195px;
	text-align: left;
}
.timerSpan{
	font-size: 15px;
	background: rgb(223,249,78);
	color: black;
	border-radius: 6px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-transform: uppercase;
	width: 79px;
	height: 80px;
	text-align: center;
	float: left;
	margin-left: 19px;
}
.timerNumber{
	font-style: italic;
	font-weight: bold;
	font-size: 44px;
}
/* block 02 */
.main.block02{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(250,246,238);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.main.block02 .wallpaperHolder{
	background-image: url(/visual/images/amigos02.png);
	background-position: bottom right;
	right: 79px;
}
.callToActionZ{
	position: relative;
	z-index: 1;
}
.callToAction{
	font-style: italic;
	font-weight: bold;
	position: relative;
	font-size: 48px;
}
.callNumber{
	position: absolute;
	font-style: italic;
	font-weight: bold;
	font-size: 236px;
	bottom: -85px;
	left: -75px;
	color: rgb(223,249,78);
	z-index: -1;
}
.callDescription{
	font-size: 20px;
	margin-top: 47px;
	line-height: 30px;
}
.callDescription .blue{
	font-weight: bold;
	color: rgb(101,187,205);
}
.main.block02 .advancedDisplacer{
	position: absolute; top: 50%; margin-top: -50px;
	margin-top: -30px;
	left: 130px;
}
/* block 03 */
.main.block03{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(214,239,243);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.main.block03 .wallpaperHolder{
	background-image: url(/visual/images/amigos03.png);
	background-position: bottom left;
}
.main.block03 .advancedDisplacer{
	position: absolute; top: 50%;
	/*margin-top: -30px;*/
	margin-top: -80px;
	right: 130px;
}
.main.block03 .callNumber{
	color: rgb(101,187,205);
}
/* block 04 */
.main.block04{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(157,213,226);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.main.block04 .wallpaperHolder{
	/*background-image: url(/visual/images/amigos03.png);*/
	background-position: bottom left;
}
.main.block04 .advancedDisplacer{
	position: absolute; top: 50%; margin-top: -50px;
	/*margin-top: -30px;*/
	margin-top: -120px;
	left: 130px;
}
.main.block04 .callDescription .blue{
	color: rgb(223,249,78);
}
.aboutButton.noButton{
	background: none;
	box-shadow: none;
	width: 620px;
}
.aboutButton.noButton .shareButtons a {
	margin-right: 10px;
}
.main.block04 .wallpaperHolder{
	left: auto;
	top: auto;
	bottom: 40px;
	right: 50px;
}
.main.block04 .wallpaperHolder .puto{
	background-color: gray;
	background-image: url(/visual/images/amigos04_oleg.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 358px;
	height: 538px;
	border: 10px solid white;
	position: relative;
	border-bottom: 80px solid white;
	transform: rotate(7deg);
	-moz-transform:rotate(7deg);
	-webkit-transform:rotate(7deg);
	-o-transform:rotate(7deg);
	-ms-transform:rotate(7deg);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	z-index: 1; /* for special effects */
	background-size: cover;
}
.main.block04 .wallpaperHolder .nameHolder{
	position: absolute;
	width: 100%;
	bottom: -67px;
	text-align: center;
}
.main.block04 .wallpaperHolder .name{
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	font-size: 27px;
	width: 100%;
}
.main.block04 .wallpaperHolder .vuz{
	display: inline-block;
	font-size: 20px;
	/*font-family: 'FuturaDemiC';*/
	width: 100%;
	height: 25px;
	overflow: hidden;
}
/* block 05 */
.main.block05{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(214,239,243);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.main.block05 .wallpaperHolder{
	background-image: url(/visual/images/amigos05.png);
	background-position: bottom left;
}
.main.block05 .advancedDisplacer{
	position: absolute; top: 50%; margin-top: -50px;
	margin-top: -105px;
	right: 130px;
}
.main.block05 .callNumber{
	color: rgb(101,187,205);
}
/* block 06 */
.main.block06{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(250,246,238);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
	overflow: hidden; /*is offset by min-height: 100%;*/
}
.main.block06 .wallpaperHolder{}
.main.block06 .advancedDisplacer{
	position: absolute; top: 50%; margin-top: -50px;
	margin-top: -80px; /* was -30 */
	/*left: 130px;*/
	left: 90px;
}
.main.block06 .callNumber{
	color: rgb(101,187,205);
}
.main.block06 .victoryPlacer{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -227px;
	margin-top: -290px;
}
.main.block06 .callDescription {
	position: relative;
	z-index: 1; /* to hover above shoes */
}
.main.block06 .victoryPlacer .puto{
	background-color: gray;
	background-image: url(/visual/images/amigos06_shoes.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover;
	width: 454px;
	height: 580px;
	border: 10px solid white;
	transform: rotate(-7deg);
	-moz-transform:rotate(-7deg);
	-webkit-transform:rotate(-7deg);
	-o-transform:rotate(-7deg);
	-ms-transform:rotate(-7deg);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
}
.main.block06 .victoryPlacer .nameHolder{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%; /* 50% of width that is 100% */
	text-align: center;
	margin-top: -70px;
	margin-left: 95px;
}
.main.block06 .victoryPlacer .name{
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	width: 291px;
	height: 76px;
	text-transform: uppercase;
	background-color: white;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	color: black;
	text-decoration: none;
	cursor: pointer;
	line-height: 76px;
	margin-bottom: 23px;
}
.main.block06 .victoryPlacer .name:hover,.main.block06 .victoryPlacer .name.active{
	background-color: rgb(223,249,78);
}
/* block 07 */
.main.block07{
	padding-top: 1px; /* better solution to margin issue */
	margin-top: -1px; /* better solution to margin issue */
	background: rgb(157,213,226);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
	min-height: 100%; /* this needs to be replaced by a constant height on mobiles */
	position: relative;
}
.main.block07 .wallpaperHolder{
	background-image: url(/visual/images/cityscape.png);
	background-position: bottom left;
}
.main.block07 .advancedDisplacer{
	position: relative;
	top:0;left:0;right:0;bottom:0;
	margin-top: 71px;
	text-align: center;
}
.main.block07 .callToAction{
	text-align: left;
	display: inline-block;
}
.main.block07 .callDescription .blue{
	color: rgb(223,249,78);
	text-shadow: 0px 0px 3px black;
}
.main.block07 .callDescription{
	margin-top: 0;
	margin-bottom: 47px;
	position: relative;
	z-index: 1; /* to override number */
	font-size: 18px;
	line-height: 22px;
}
.main.block07 .callNumber {
	bottom: -142px;
	left: 14px;
}
.main.block07 .wallpaperHolder{
	background-repeat: repeat-x;
}
.main.block07 .userHolderHolder{
	text-align: center;
	z-index: 1; /*for special effects*/
	position: relative; /*for special effects*/
}
.main.block07 .userHolder{
	display: inline-block;
	margin-right: 17px;
	position: relative;
	cursor: pointer;
}
.main.block07 .userHolder .fixField{
	background-color: rgba(223,249,78,0.45);
	position: absolute;
	top:10px;left:10px;right:10px;bottom:80px;
	opacity: 0;
}
.main.block07 .userHolder .puto{
	background-color: gray;
	text-align: left;
	background-repeat: no-repeat;
	background-size: contain;
	/*width: 358px;
	height: 538px;*/ /*actual image dimensions*/
	width: 280px; /* mockup dimensions */
	height: 424px;
	border: 10px solid white;
	position: relative;
	border-bottom: 80px solid white;
	background-position: center top;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
}
.main.block07 .userHolder .nameHolder{
	position: absolute;
	width: 100%;
	bottom: -67px;
	text-align: center;
}
.main.block07 .userHolder .name{
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	font-size: 27px;
	width: 100%;
}
.main.block07 .userHolder .vuz{
	display: inline-block;
	font-size: 20px;
	/*font-family: 'FuturaDemiC';*/
	width: 100%;
	height: 25px;
	overflow: hidden;
}
.main.block07 .userHolder:hover .fixField{
	opacity: 1;

}
.main.block07 .userHolder:hover .puto{
	border-color: rgb(223,249,78);
}
/* game field */
.gameField{
	margin-top: 20px;
}
.gameField a{
	color: gray;
	text-decoration: none;
	text-transform: uppercase;
	background: none;
	padding-left: 23px;
	padding-right: 8px;
	font-weight: bold;
	font-size: 12px;
	font-style: italic;
	height: 25px;
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
	line-height: 25px;
}
.gameField a.active,.menuField a:hover{
	background: black;
	color: white;
}
.okeedokee{
	display: inline-block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/visual/images/okeedokee.png);
	vertical-align: middle;
	margin-top: -2px;
	margin-left: 6px;
	display: none;
}
.okeedokee.active{
	display: inline-block;
}
.bottom .aBright{
	left: auto;
	/*right: 130px;*/
	right: 170px;
}
/* colors */
.left, .bottom{
	-webkit-transition: background-color 300ms ease-out 0.03s;
	-moz-transition: background-color 300ms ease-out 0.03s;
	-o-transition: background-color 300ms ease-out 0.03s;
	transition: background-color 300ms ease-out 0.03s;
}
.left.block01, .bottom.block01 { background-color: rgb(255,248,229); }
.left.block02, .bottom.block02 { background-color: rgb(202,232,241); }
.left.block03, .bottom.block03 { background-color: rgb(225,248,81); }
.left.block04, .bottom.block04 { background-color: rgb(254,214,215); }
.left.block05, .bottom.block05 { background-color: rgb(255,248,229); }
.left.block06, .bottom.block06 { background-color: rgb(225,248,81); }
.left.block07, .bottom.block07 { background-color: rgb(208,231,238); }
.gameBalls{
	position: absolute;
	bottom: 35px;
	left: 35px;
	width: 119px;
	height: 119px;
	border-radius: 360px;
	border: 1px solid gray;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}
.gameBalls .score{
	font-size: 18px;
	width: 100%;
	display: inline-block;
	margin-top: 35px;
}
/* link popup */
.linkPopup{
	width: 901px;
	height: 350px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	background: rgb(254,214,215);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -202px;
	margin-left: -410px;
	display: none;
}
.linkPopup .borderer{margin: 55px;}
.linkPopup .title{font-style: italic; font-size: 30px; font-weight: bold; display: inline-block;}
.linkPopup .description{ font-size: 18px; margin-top: 15px; margin-bottom: 25px; }
.linkPopup .description .blue{ font-weight: bold; }
.linkPopup .mylink{
	/* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	border-radius: 0;
	background: none;
	border: 0;

	/* Then Style */
	border-bottom: 1px solid rgb(163,157,157);
	color: black;
	font-family: 'FuturaFuturisC';
	width: 590px;
	font-size: 18px;
	display: block;

	margin-bottom: 20px; /* was 30 */
}
.linkPopup .error{
	color: red;
	margin-top: -10px;
	display: none;
}
.linkButton{
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: black;
	text-decoration: none;
	background: rgb(223,249,78);
	display: block;
	width: 309px;
	height: 76px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-align: center;
	line-height: 76px;
	text-transform: uppercase;

	display: inline-block;
	cursor: pointer;
}
.linkButton.gray{
	background: rgb(160,160,160);
	color: rgb(191,191,191);
}
.linkButton.linkWray{
	margin-right: 15px;
	margin-bottom: 15px;
}
/* load popup */
.loadPopup{
	width: 901px;
	height: 546px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	background: rgb(157,213,226);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -273px;
	margin-left: -410px;
	display: none;
}
.loadPopup .borderer{margin: 55px;}
.loadPopup .title{font-style: italic; font-size: 30px; font-weight: bold; display: block;}
.loadPopup .title.mobile{font-style: italic; font-size: 30px; font-weight: bold; display: none;}
.pupUserPhotoPlace{
	width: 335px; height: 450px; background: gray; border: 10px solid white; /*as in border*/
	background-size: contain;
	background-size: cover;
	background-position: center center;
	position: relative; /* for crop */
	/*float: right;*/
}
.pupUserPhotoButton{
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	color: black;
	text-decoration: none;
	background: rgb(223,249,78);
	display: block;
	width: 236px;
	height: 59px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-align: center;
	line-height: 59px;
	text-transform: uppercase;
	border-radius: 360px;
	margin-top: 35px;

	display: inline-block;
	cursor: pointer;
}
.js-pupLoading{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -64px;
	margin-top: -64px;
	display: none;
}
.js-pupSelective{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 84px;
	height: 84px;
	margin-left: -42px;
	margin-top: -42px;
	background-image: url(/visual/images/selectivecross.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: none;
}
.pupCropContain{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom:0;
}
.pupCropContain .cr-viewport{
	border: 0;
}
.pupCropContain .cr-slider-wrap {
	width: 100%;
	margin: 0;
	margin-top: 6px;
}
.pupCropContain .cr-slider {
	margin: 0;
}
.pupCropContain .cr-boundary {
    z-index: 0; /* or menu goes AWOL */
}
.pupCropModeButton{
	border-radius: 360px;
}
.pupLoadArea{
	position: relative;
}
.pupEntireLoadControls{
	position: absolute; top: 0; bottom: 0;
}
.pupLoadBtn{
	position: absolute; bottom: 0; left: 0;
}
.pupResultButton.mobile,.pupExchangeBtn.mobile{ display: none; }
.pupUserPlacePlace{ float: right; }

/* miscelaneous */
.powerToExclamations{
	z-index: 1;
}
.powerToExclamationPosition{
	position: absolute; top: 50%; margin-top: -213px; width: 100%;
}
.exclamation.big{
	font-size: 60px;
}
.subexclamation{
	margin-top: 20px;
	font-style: italic; font-size: 20px; font-weight: bold;
	margin-bottom: 20px;
}
.userHolderHolder .LIKE_C, .userHolderHolder .LIKE_LINK{
	display: inline-block;
}
.main.block07 .userHolder .puto {
    background-size: cover; /* fix that */
}
.altBottom{
	position: absolute;
	bottom: 0;
	/*width: 100%;*/
	min-height: 88px;
	left: 0px;
	right: 0;
	/* border-top: 1px solid black; */
	background: rgb(255,248,230);
}
.altBottom.block07 { background-color: rgb(208,231,238); }
.altBottom.block04 { background-color: rgb(254,214,215); }
.content.b07specifics{
	bottom: 0 !important;
}
.bottom.b07specifics{
	display: none;
}
.content.b04specifics{
	bottom: 0 !important;
}
.bottom.b04specifics{
	background: none;
}
.theThingLink{
	border-bottom: 1px solid black;
}
.theThingLink:hover{
	border-bottom: 1px solid transparent;
}
.noButton .shareButtons a.gray{
	background: rgb(160,160,160);
	color: rgb(191,191,191);
}
.shareContinue{
	/*height: 53px;*/
	vertical-align: middle;
	/*line-height: 53px;*/
	/*border-radius: 360px;*/
	background: rgb(160,160,160);
	color: rgb(191,191,191);	
}
.shareContinue.activate{
	color: black;
	background: rgb(223,249,78);
}
.main.block06 .victoryPlacerAlt {
	position: absolute;
	top: 50%;
	right: 305px;
	margin-top: -250px;
}
.main.block06 .victoryPlacerAlt .puto01{
	background-color: gray;
	background-image: url(/visual/images/vic01.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover;
	width: 375px;
	height: 480px;
	border: 15px solid white;
	transform: rotate(-7deg);
	-moz-transform:rotate(-7deg);
	-webkit-transform:rotate(-7deg);
	-o-transform:rotate(-7deg);
	-ms-transform:rotate(-7deg);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	/*margin-left: 132px;*/
	
}
.main.block06 .victoryPlacerAlt .puto02{
	background-color: gray;
	background-image: url(/visual/images/vic02.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: cover;
	width: 375px;
	height: 480px;
	border: 15px solid white;
	transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	position: absolute;
	top: 45px;
	left: 255px;
}
.negationMark{
	display: inline-block;
	width: 248px;
	height: 248px;
	background-image: url(/visual/images/negationmark.png);
	background-repeat: no-repeat;
	background-position: center top;
}
/* gender popup */
.genderPopup{
	width: 669px;
	height: 360px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	background: rgb(255,248,230);
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -180px;
	margin-left: -335px;
	display: none;
}
.genderPopup .borderer{margin: 35px;}
.genderPopup .title{font-style: italic; font-size: 30px; font-weight: bold; width: 100%; text-align: center; }
.genderPopup .separator{
	position: absolute;
	top: 25%;
	bottom: 10%;
	left: 50%;
	width: 1px;
	background: rgb(163,157,157);
}
.victoryStartWrapper{
	width: 184px;
	text-align: center;
	margin-top: 35px;
}
.victoryStartWrapper.male{
	float: right;
	margin-right: 35px;
}
.victoryStartWrapper.female{
	float: left;
	margin-left: 35px;
}
.victoryStartWrapper span{
	font-style: italic; font-size: 30px; font-weight: bold;
}
.victoryStart{
	width: 184px;
	height: 184px;
	background-image: url(/visual/images/male.png);
	background-repeat: no-repeat;
	background-position: center top;
	cursor: pointer;
}
.victoryStart.female{
	background-image: url(/visual/images/female.png);
}
/* Victory Table */
/* table */
.content-table01{
	width: 100%;
	text-align: center;
	min-height: 100%;
	background: rgb(157,213,226);
	background-image: url(/visual/images/cityscape.png);
	background-size: contain;
	background-repeat: repeat-x;
	background-position: bottom left;
}
.content-table01 .header{
	text-transform: uppercase;
	text-align: left;
	font-size: 14px;
	line-height: 14px;
}
.content-table01 .headerheader{
	text-transform: uppercase;
	padding-top: 15px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-size: 48px;
}
.content-table01 .table{
	min-height: 70px;
	display: inline-block;
	width: 860px;
	max-width: 860px;
	margin-top: 13px;
	margin-left: 188px;
}
.content-table01 .tableColBlock{
	min-height: 70px;
	display: inline-block;
	width: 860px;
	max-width: 860px;
	/*margin-top: 13px;*/
	margin-top: 3px;
}
.content-table01 .tableTitleBlock{
	display: inline-block;
	width: 860px;
	max-width: 860px;
}
.content-table01 .tableCol{
	min-height: 70px;
	display: inline-block;
	width: 100%;
}
.tableBlock{
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	margin-bottom: 9px;
	color: black;
	line-height: 40px;
	text-decoration: none;
	vertical-align: top;
	font-size: 14px;
}
.content-table01 .tableColBlock .tableBlock{
	margin-bottom: 11px;
}
.tableBlock .place{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: rgb(223,249,78);
	margin-right: 10px;
	overflow: hidden;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.4);
}
.tableBlock .name{
	display: inline-block;
	width: 190px;
	height: 40px;
	text-align: left;
	font-weight: bold;
	font-style: italic;
	font-size: 18px;
	overflow: hidden;
	vertical-align: top;
}
.tableBlock .name span{
	margin-left: 12px;
}
.tableBlock .city{
	display: inline-block;
	width: 500px;
	height: 40px;
	text-align: left;
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;
}
.tableBlock .city span{
	margin-left: 12px;
	overflow: hidden;
}
.tableBlock .score{
	display: inline-block;
	width: 100px;
	height: 40px;
	font-weight: bold;
	font-style: italic;
	font-size: 24px;
	overflow: hidden;
	vertical-align: top;
}
.tableBlock .infoholder{
	box-shadow: 0px 6px 14px rgba(0,0,0,0.4);
	display: inline-block;
	height: 100%;
	background: white;
	vertical-align: top;
}
.tableBlock.mobile{
	height: 80px;
	display: none;
}
.tableBlock.mobile .place{
	vertical-align: top;
}
.tableBlock.mobile .infoholder .city{
	display: block;
}
.tableBlock.mobile .score {
	display: block;
	float: right;
}
.tableBlock.mobile .name {
	display: block;
	float: left;
}
.tableBlock.mobile .city {
	width: 280px;
}
.tablePagination{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.arrowP{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0);
	background-color: rgba(0,0,0,0.5);
	background-image: url('/visual/images/arrowLeft.png');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	background-size: 22px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.4);
	float: left;
}
.arrowP.right{
	background-image: url('/visual/images/arrowRight.png');
	float: right;
}
.arrowP:hover,.arrowP.active{
	background-color: rgb(223,249,78);
}
.arrowP.right:hover,.arrowP.right.active{
	background-color: rgb(223,249,78);
}
.tablePagination .place{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: rgba(0,0,0);
	background: rgba(0,0,0,0.5);
	margin-right: 8px;
	overflow: hidden;
	line-height: 40px;
	cursor: pointer;
	text-decoration: none;
	color: white;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.4);
}
.tablePagination .place.active{
	background: rgb(223,249,78);
	color: black;
}
.tablePagination .place:hover{
	background: rgb(223,249,78);
	color: black;
}
/* random stuff */
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
animation-duration: 3s;
}
.victoryCallText{
	max-width: 264px;
}
.magicArrow{
	background-image: url(/visual/images/arrow.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 86px;
	height: 87px;
	position: fixed;
	top: 80%; /* 50% */
	left: 5px; /* 50px */
	z-index: 2;
	cursor: pointer;
	display: none;
}
.pupPhotoWarning{
	font-weight: bold;
	margin-top: 20px;
	max-width: 240px;
}
.redtext{
	font-weight: normal;
	color: red;
}
.deleteButton{
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	color: white;
	text-decoration: none;
	background: darkred;
	display: block;
	width: 252px; /*309px;*/
	height: 56px;
	line-height: 56px;
	/* margin-bottom: 10px;  though should be 20 */
	margin-bottom: 20px; /* though should be 20 */
	margin-top: 10px;
	box-shadow: 0px 6px 14px rgba(0,0,0,0.7);
	text-align: center;
	text-transform: uppercase;

	display: inline-block;
	cursor: pointer;
}
.deleteButtonLabel{
	text-align: center;
}
.timerstamp{
	position: absolute;
	background-image: url(/visual/images/stamp.png);
	background-repeat: no-repeat;
	left: -155px;
	top: -18px;
	width: 129px;
	height: 129px;
}
.warningAdvanced.mobile{
	display: none;
}