/* FONTS */
.fntRendering {
	-webkit-font-smoothing: antialiased;
}

.fntFutura {font-family: Futura; }
.fntOctava {font-family: Octava; }
.fntOctavaSCC {font-family: OctavaSCC; }

.ls1 {letter-spacing:1px;}
.ls2 {letter-spacing:2px;}
.ls3 {letter-spacing:3px;}
.ls4 {letter-spacing:4px;}
.ls5 {letter-spacing:5px;}
.ls6 {letter-spacing:6px;}

.b {
	font-weight: bold;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bn {
	font-weight: normal;
}

.fnt12 {
	font-size: 12px;
}
.fnt13 {
	font-size: 13px;
}
.fnt14 {
	font-size: 14px;
}
.fnt20 {
	font-size: 20px;
}
.fnt22 {
	font-size: 22px;
}
.fnt27 {
	font-size: 27px;
}
.fnt30 {
	font-size: 30px;
}
.fnt32 {
	font-size: 32px;
}
.fnt35 {
	font-size: 35px;
}
.fnt50 {
	font-size: 50px;
}
.fnt97 {
	font-size: 97px;
}

.lh20 {
	line-height: 20px;
}
.lh18 {
	line-height: 18px;
}

/* COLORS */
.white {color: #fff;}
.green {color: #41AD49;}
.black {color: #000;}
.pink {color: #F1698C;}
.blue {color: #00AEEF;}

/* OTHER */
.pa {position: absolute;}
.tu {text-transform: uppercase;}
.sc {font-variant: small-caps;}
.bb2 {
	display: inline-block;
	height: 80px;
	border-bottom: 2px solid #F1698C;	
}

.w310 {
	width: 310px;
}
.w315 {
	width: 315px;
}
.w400{
	width: 400px !important;
}
.w500 {
	width: 500px;
}
.w540 {
	width: 540px;
}
.w600 {
	width: 600px;
}
/* MARGIN TOP */
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}
.mt140 {margin-top: 140px;}
.mt150 {margin-top: 150px;}
.mt160 {margin-top: 160px;}
.mt170 {margin-top: 170px;}
.mt180 {margin-top: 180px;}
.mt190 {margin-top: 190px;}
.mt200 {margin-top: 200px;}
.mt210 {margin-top: 210px;}
.mt220 {margin-top: 220px;}
.mt230 {margin-top: 230px;}
.mt240 {margin-top: 240px;}
.mt250 {margin-top: 250px;}

/* MARGIN LEFT */
.ml10 {margin-left: 10px;}
.ml20 {margin-left: 20px;}
.ml30 {margin-left: 30px;}
.ml40 {margin-left: 40px;}
.ml50 {margin-left: 50px;}
.ml60 {margin-left: 60px;}
.ml70 {margin-left: 70px;}
.ml80 {margin-left: 80px;}
.ml90 {margin-left: 90px;}
.ml100 {margin-left: 100px;}
.ml110 {margin-left: 110px;}
.ml120 {margin-left: 120px;}
.ml130 {margin-left: 130px;}
.ml140 {margin-left: 140px;}
.ml150 {margin-left: 150px;}
.ml160 {margin-left: 160px;}
.ml170 {margin-left: 170px;}
.ml180 {margin-left: 180px;}
.ml190 {margin-left: 190px;}
.ml200 {margin-left: 200px;}
.ml210 {margin-left: 210px;}
.ml220 {margin-left: 220px;}
.ml230 {margin-left: 230px;}
.ml240 {margin-left: 240px;}
.ml250 {margin-left: 250px;}


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
@blue: #2d4d64;

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
	font-family: Arial;
	font-weight: 400;
    font-size: 16px;
}

p {
	line-height: 1.35;
	margin: 0.6em 0;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.wrapper {
	position: relative;
	min-width: 1240px;
}

header {
	position: absolute;
	background: #f13002;
	top: 0px; left: 0px;
	width: 100%;
	height: 170px;
	color: #fff;
	z-index: 1;
	
	nav {
		position: relative;
		text-align: center;
		
		.line, .line-hover {
			display: none;
			position: absolute;
			width: 40px;
			height: 3px;
			background: #fff;
		}
		.line-hover {
			display: none;
			opacity: 0.3;
		}
		a {
			display: inline-block;
			font-size: 11px;
			color: #fff;
			text-decoration: none;
			text-transform: uppercase;
			margin: 7px 10px;
		}
	}
	.wos {
		position: absolute;
		left: 39px;
		top: 3px;
		color: #fff;
		text-decoration: none;
		z-index: 1;
	}
	.wos:hover {
		text-decoration: underline;
	}
	.logo {
		position: absolute;
		width: 133px;
		height: 78px;
		background: url(../images/logo.png);
		left: 35px; top: 42px;
	}
	.caption {
		position: absolute;
		width: 133px;
		height: 24px;
		background: url(../images/caption.png);
		left: 39px; top: 130px;
	}
	.model {
		position: absolute;
		width: 64px;
		height: 25px;
		left: 50%;
		margin-left: -230px;
		background: url(../images/nokia.png);
		top: 137px;
	}
	.buy {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -230px;
		top: 177px;
		padding: 1px 5px 3px 5px;
		border: 1px solid #f00;
		cursor: pointer;
		font-size: 13px;
		line-height: 13px;
		border-radius: 5px;
		color: #f00;
		text-decoration: none;
	}
	.buy:hover {
		border: 1px solid #ff6b1e;
		color: #ff6b1e;
	}
	.social-likes {
		position: absolute;
		right: 20px;
		top: 10px;
		
		li {
			margin: 0 4px;
		}
	}
}

main {
	position: absolute;
	right: 4%;
	top: 63px;
	width: 380px;
	z-index: 2;
	
	article {
		h1, h2 {
			text-transform: uppercase;
			font-size: 24px;
			line-height: 27px;
			color: #fff;
			font-weight: 100;
		}
		p {
			margin-top: 90px;
			font-size: 15px;
			line-height: 18px;
		}
		.stores {
			position: relative;
			
			a {
				display: block;
				position: absolute;
/*				background: rgba(255,0,0,0.3);	*/
			}
		}
	}
}

.iframe {
	position: absolute;
	top: 130px;
	left: 0px;
	width: 100%;
	height: 7500px;
	z-index: 20;
	
	iframe {
		display: block;
		width: 100%;
		height: 100%;
		border: none;
	}
}

.phone {
	display: none;
	position: absolute;
	left: 50%;
	top: 40px;
	margin-left: -532px;
	width: 1067px;
	height: 569px;
	background:  url(../images/phone.png);
	z-index: 10;
	
	.button {
		position: absolute;
		width: 60px;
		height: 60px;
		cursor: pointer;
		
		&.back {
			top: 87px;
			left: 83px;
		}
		&.home {
			top: 251px;
			left: 83px;
		}
		&.searchb {
			top: 417px;
			left: 83px;
		}
	}
}

.guide {
	position: absolute;
	z-index: 11;
	left: 50%;
	
	.line {
		position: absolute;
	}
	&.main {
		width: 30px;
		height: 159px;
		background:  url(../images/guide-main-caption.png);
		top: 447px;
		margin-left: -220px;
		
		.line {
			width: 190px;
			height: 13px;
			background:  url(../images/guide-main-line.png);
			top: 114px;
			left: 30px;
		}
	}
}

.girl {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 466px;
	height: 459px;
	background: url(../images/baba.jpg);
}

.screen {
	position: absolute;
/*	background: rgba(255,255,255,0.2);*/
	z-index: 10;
	opacity: 0;
	overflow: hidden;
	
	&.vertical {
		left: 50%;
		top: 112px;
		width: 226px;
		margin-left: -113px;
		height: 400px;
	}
	&.horizontal {
		left: 50%;
		top: 98px;
		width: 820px;
		margin-left: -389px;
		height: 450px;
	}
}

.fashion {
	position: absolute;
	width: 100%;	
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../images/fashion/bg.jpg);
	color: #fff;
	
	.container {
		padding: 120px 10px 0 10px;
	}
	table {
		border:none;
		border-collapse: collapse;
		
		td {
			 vertical-align: middle;
		}
		tr {
			height: 52px;
			cursor: pointer;
		}
		p {
			display: inline-block;
			margin: 0;
			font-size: 14px;
			line-height: 14px;
		}
	}
}

.search {
	position: absolute;
	width: 100%;	
	height: 100%;
	top: 0px;
	left: 0px;
	background: url(../images/search.jpg);
	color: #fff;
}

.metro {
	overflow: hidden;
	
	.box {
		float: left;
		overflow: hidden;
		cursor: pointer;
		
		&.big {
			width: 226px;
			height: 130px;
		}
		&.medium {
			width: 110px;
			height: 110px;
		}
		&.small {
			width: 52px;
			height: 52px;
		}
		&.mr {
			margin-right: 6px;
		}
		&.mt {
			margin-top: 6px;
		}
	}
	.box:hover {
		opacity: 0.9;
	}
}


.page {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: #fff;
	
	.blog {
		background: #fff;
		width: 100%;
		
		.bg-photo {
			position: fixed;
			width: 820px;
			z-index: 0;
			
			img {
				float: right;
			}
		}
		.container {
			position: relative;
			z-index: 1;
			margin:  0 0 0 25px;
			padding: 25px 0 25px 0;
		}
		.caption {
			font-size: 11px;
			color: #113bc1;
			text-transform: uppercase;
		}
		
		.likes {
			padding: 20px 0;
			width: 100%;
			overflow: hidden;
			
			li {
				margin-right: 6px;
			}
		}
		p {
			font-size-adjust: 14px;
			line-height: 20px;
		}
	}
}

.gallery {
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
	padding-top: 20px;
	
	div.scrollableArea .look {
	    position: relative;
	    float: left;
	    margin: 0;
	    margin: 0 2px;
	   	
	   	img {
	   		display: block;
		   	-webkit-user-select: none;
		   	-khtml-user-select: none;
		   	-moz-user-select: none;
		   	-o-user-select: none;
		   	user-select: none;
	   	}
	}
	.scrollingHotSpotLeft {
		width: 50px;
		min-width: 50px;
		background: #000 url(../images/gal-l.png) no-repeat center center;
	}
	.scrollingHotSpotRight {
		width: 50px;
		min-width: 50px;
		background: #000 url(../images/gal-r.png) no-repeat center center;
	}
	
	.look {
		position: relative;
		width: 228px;
		height: 400px;
		overflow: hidden;

		img {
			display: block;
			width: 100%;
		}
		.info {
			display: none;
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background: #fff;
			cursor: default;
		}
		.shop {
			background-repeat: no-repeat;
			background-position: center center;
			height: 30px;
			margin-top: 10px;
			cursor:pointer;
		}
		.shop[data-id="kixbox"] 			{background-image: url(../images/logo/kixbox_w.jpg);}
		.shop[data-id="trendsbrands"] 		{background-image: url(../images/logo/trendsbrands_w.jpg);}
		.shop[data-id="sunday_up_market"] 	{background-image: url(../images/logo/sunday_up_market_w.jpg);}
		.shop[data-id="river_island"] 		{background-image: url(../images/logo/river_island_w.jpg);}
		.shop[data-id="river_island_spb"] 	{background-image: url(../images/logo/river_island_w.jpg);}
		.shop[data-id="hopeshop"] 			{background-image: url(../images/logo/hopeshop_w.jpg);}
		.shop[data-id="8-store"] 			{background-image: url(../images/logo/8-store_w.jpg);}
		.shop[data-id="сlick_boutique"] 	{background-image: url(../images/logo/сlick_boutique_w.jpg);}
		.shop[data-id="physika"] 			{background-image: url(../images/logo/physika_w.jpg);}
		.shop[data-id="jnby"] 				{background-image: url(../images/logo/jnby_w.jpg);}
		
		.name {
			font-size: 24px;
			text-align: center;
			padding: 30px 0;
			margin: 0;
		}
		.links {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 135px;
			
			a {
				display: block;
				line-height: 44px;
				text-align: center;
				font-size: 11px;
				text-transform: uppercase;
				border-top: 1px solid #f00;
				text-decoration: none;
				color: inherit;
			}
			a:hover {
				text-decoration: underline;
				color: #f00;
			}
		}
		.likes {
			text-align: center;
		}
		.social-likes {
			.social-likes__button_facebook {
				background: none !important;
				text-indent: 0 !important;
				color: #d00;
				font-size: 12px;
				text-transform: uppercase;
				padding-top: 10px;
				text-decoration: underline;
				cursor: pointer;
			}
			.social-likes__button_facebook:hover {
				color: #f00;
			}
			.social-likes__counter {
				display:  none !important;
			}
		}
	}
	
	.look.nm, .look.pm {
		display: block;
		width: 100px;
		
		a {
			display: block;
			width: 100%;
			height: 100%;
			text-decoration: none;
		}
	}
	.look.nm {
		background: url(../images/next.png) no-repeat center center;
	}
	.look.pm {
		background: url(../images/prev.png) no-repeat center center;
	}
}
.chick {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 820px;
	height: 450px;
	overflow-y: auto;
	background: #000;
	z-index: 9999;
	
	.photo {
/*		position: absolute;*/
		float: left;
		width: 440px;
		
		img {
			display: block;
			width: 100%;
		}
	}
	.content {
		margin-left: 450px;
		width: 280px;
		padding: 20px 35px;
		background: #000;
		color: #fff;
	}
	.name {
		margin: 0;
		font-size: 40px;
	}
	.likes {
		padding: 5px 0;
		overflow: hidden;
		width: 100%;
		
		li {
			margin-right: 6px;
		}
	}
	.shop {
		background-repeat: no-repeat;
		background-position: left center;
		height: 30px;
		padding: 20px 0;
	}
	.shop[data-id="kixbox"] 			{background-image: url(../images/logo/kixbox_b.jpg);}
	.shop[data-id="trendsbrands"] 		{background-image: url(../images/logo/trendsbrands_b.jpg);}
	.shop[data-id="sunday_up_market"] 	{background-image: url(../images/logo/sunday_up_market_b.jpg);}
	.shop[data-id="river_island"] 		{background-image: url(../images/logo/river_island_b.jpg);}
	.shop[data-id="river_island_spb"] 	{background-image: url(../images/logo/river_island_b.jpg);}
	.shop[data-id="hopeshop"] 			{background-image: url(../images/logo/hopeshop_b.jpg);}
	.shop[data-id="8-store"] 			{background-image: url(../images/logo/8-store_b.jpg);}
	.shop[data-id="сlick_boutique"] 	{background-image: url(../images/logo/сlick_boutique_b.jpg);}
	.shop[data-id="physika"] 			{background-image: url(../images/logo/physika_b.jpg);}
	.shop[data-id="jnby"] 				{background-image: url(../images/logo/jnby_b.jpg);}
	
	.close {
		position: absolute;
		left: 10px;
		top: 10px;
		width: 112px;
		height: 46px;
		background: url(../images/back.png);
		cursor: pointer;
		z-index: 1;
	}
	
	.comments {
		.block-comments {
			width: 260px;
			color: #fff;
		}
		.comments-count {
			font-size: 10px !important;
			letter-spacing: 1px !important;
			margin: 10px 0 10px 0 !important;
			padding-bottom: 10px;
			border-bottom: 1px solid #fff;
		}
		.delete, .reply {
			background: #000;
			color: #ffd751;
			font-size: 10px;
			text-decoration: none;
			top: auto;
		}
		.comment-author{
			img{
				width:20px !important;
				height:20px !important;
			}
			.user-name {
				display: inline-block;
				font-family: Futura;
				font-size: 10px !important;
				text-transform: uppercase;
				letter-spacing: 1px;
				color: #ffd751;
				text-decoration: none;
				margin-top: -4px;
			}
			.date {
				display: none;
				font-family: Octava;
				font-size: 12px;
			}
		}
		.comment-body {
			font-family: Futura !important;
			font-size: 14px !important;
			margin-top: 10px;
		}
		.comment-footer {
			margin-bottom: 5px;
			border: none;
		}
		.comment {
			.comment {
				padding: 0 0 0 20px;
			}
			.answer {
				margin-left: 20px;
				margin-bottom: 30px;
				
				.text-field {
					height: 60px;
				}
			}
		}
		
		.comment .comment .comment .comment .comment {
			padding: 0 0 0 0px !important;
		}
		
		.answer .user-name {
			font-size: 14px !important;
			line-height: 14px;
			margin-top: 12px;
			color: #fff;
		}
		.block-comments .tool-tip {
			font-size: 11px;
		}
		textarea {
			color: #fff;
			font-family: Futura;
			font-size: 14px;
			height: auto !important;
		}
		.text-field {
			height: auto !important;
		}
		.block.ans {
			padding: 5px 0;
		}
	}
	.social-likes {
		display: inline-block;
		vertical-align: text-top;
		margin: 17px;
		
		.social-likes__button_facebook {
			background: none !important;
			text-indent: 0 !important;
			color: #d00;
			font-size: 13px;
			text-transform: uppercase;
			padding-top: 10px;
			text-decoration: underline;
			cursor: pointer;
		}
		.social-likes__button_facebook:hover {
			color: #f00;
		}
		.social-likes__counter {
			display:  none !important;
		}
	}
}

.banners {
	display: none;
}

.rules {
	width: 760px;
	padding: 0 20px;
	
	h1 {
		font: 50px/60px Octava;
		color: #FF4137;
	}
	.red_line {
		height: 10px;
		width: 765px;
		background-color: #FF4137;
		margin: 35px 0 0;
	}
	.desc {
		width: 750px;
		font: 20px/32px Octava;
		margin: 50px 0 15px;
	}
	span.red{
		color: #FF4137;
	}
	.list {
		font: 16px/22px Octava;
		padding: 50px 0;
		h2 {
			font: 30px/22px Octava;
		}
	}
}

.faq {
	width: 800px;
	
	img {
		display: block;
	}
	h1 {
		font: 50px/60px Octava;
		color: #FF4137;
		i {
			font: italic 50px/60px Octava;
		}
	}
	.cover {
		position: absolute;
		font: 18px/22px Futura;
	}
	h2 {
		font: 30px/32px Octava;
		width: 710px;
	}
	.faq_list {
		font: 16px/22px Octava;
		width: 550px;
		i {
			font: italic 16px/22px Octava;
			color: #FF4137;
		}
	}
	.nokia_table {
		padding: 40px 0 70px 90px;
		background-color: #FF4137;
		
		h2 {
			font: 33px/27px Octava;
			-webkit-font-smoothing: antialiased;
			span {
				color: #fff;
			}
		}
		td {
			width: 230px;
			p {
				font: 16px/22px Octava;
				margin-top: 20px;
				width: 207px;
				span {
					color: #fff;
				}
				a {
					color: #fff;
					font: italic 16px/22px Octava;
				}
			}
		}
	}
	.bonus {
		padding: 50px 90px 170px;
		background-color: #FF4137;
		-webkit-font-smoothing: antialiased;
		h2 {
			font: 30px/22px Octava;
		}
		p {
			font: 16px/22px Octava;
			margin-top: 20px;
		}
	}
}

.likes {
	.vk-like {
		display: inline-block;
		vertical-align: text-top;
		margin: 14px 0 0 0;
		padding-right: 10px;
	}
	>iframe {
		vertical-align: text-top;
		width: 54px !important;
	}
}

.tv-guide {
	background: url(../images/tv/bg.jpg);
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 15px;
	line-height: 18px;
		
	table {
		position: relative;
		top: 115px;
		left: 15px;
	}
	.episode1, .episode2, .episode3, .episode4 {
		position: relative;
		display: block;
		width: 190px;
		height: 125px;
		text-decoration: none;
		background: url(../images/tv/1.jpg);
	}
	.episode4 {
		display: block;
		width: 190px;
		height: 125px;
		text-decoration: none;
		background: url(../images/tv/4.jpg);
	}
	.episode2 {
		background: url(../images/tv/2.jpg);
	}
	.episode3 {
		background: url(../images/tv/3.jpg);
	}
	.play {
		display: block;
		text-decoration: none;
		width: 100px;
		height: 100px;
		position: absolute;
		z-index: 1;
		top: 13px;
		left: 45px;
		cursor: pointer;
		opacity: 0.5;
		background: url(../images/tv/play.png);
	}
	.play:hover {
		opacity: 1;
	}
}

.mCSB_scrollTools {
	background: transparent;
	width: 20px;
}
.mCSB_dragger {
	background: #f00;
	border-radius: 100px;
}
.mCSB_draggerRail, .mCSB_dragger_bar {
	display: none;
}



/*::-webkit-scrollbar {
    width: 20px;
    background: #000;
}
 
::-webkit-scrollbar-track {
	width: 20px;
}
 
::-webkit-scrollbar-thumb {
    width: 20px;
    border-radius: 1000px;
    box-shadow: inset 0px 0px 1px 1px #f66;
    background: #f00; 
}*/


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.fr {
	float: right !important;
}
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.tc {
	text-align: center;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.shop-flag {
	position:  absolute;
	margin:  10px 0px 0px 10px;
	z-index: 0;
}

.finale {
	margin:  0px;
}

@finale: inset 0px 0px 10px 10px #e51400;
@leader: inset 0px 0px 10px 10px #ffd752;

.img-finale {
	-moz-box-shadow: @finale;
   	-webkit-box-shadow: @finale;
   	box-shadow: @finale;
}

.img-finale-leader {
	-moz-box-shadow: @leader;
   -webkit-box-shadow: @leader;
   box-shadow: @leader;	
}

@hint-radius: 4px;
@hint-triangle: 10px;
@hint-background: #ed2b26;
@hint-color: #ffffff;
@hint-transition: 0.3s;

.hint {
	position:  absolute;
	top: 0px;
	z-index: 99999999;
	width: 250px;
	opacity: 0;
	
	-webkit-transition: all @hint-transition ease;
	-moz-transition: all @hint-transition ease;
	-ms-transition: all @hint-transition ease;
	-o-transition: all @hint-transition ease;
	transition: all @hint-transition ease;
}

.hint-triangle {
	width: 0; 
	height: 0; 
	border-left: @hint-triangle solid transparent;
	border-right: @hint-triangle solid transparent;
	border-top: @hint-triangle solid @hint-background;
	margin:  0 auto;
}

.hint-content {
	background: @hint-background;
	-moz-border-radius: @hint-radius;
	-webkit-border-radius: @hint-radius;
	border-radius: @hint-radius;
	-khtml-border-radius: @hint-radius;
	padding:  5px 10px;
	color: @hint-color;
	text-align:  center;
	font-family: Futura;
}

.imager {
	width: 400px;
	height: 400px;
	margin-top: 65px;
	
	a {
		width: 400px;
		height: 400px;

		div {
			width: 400px;
			height: 400px;
			background: url( '../images/newpic.jpg' );

			&:hover {
				background: url( '../images/newpichover.jpg' );
			}
		}
		
	}
}