* {
    padding: 0;
    margin: 0;
}
*:focus {
    outline: none;
}
body {
    font:normal 12px Helvetica, Arial, sans-serif;
    color:#FFFFFF;
    background: #181818;
}
img {
    border:0;
}
a {
    text-decoration: none;
}
html, body, .bg {
    height: 100%;
    min-width:1000px;
}
ul, li {
    list-style: none;
}
header {
    padding: 10px 0;
    background-color: #000000;
    text-align: center;
	display: block;
}
.clear {
    clear: both;
    float: none;
    height: 18px;
}
.center {
    width: 954px;
    margin: 0 auto;
    position: relative;
}
.login, .benefits li, .safe span, .hint, .cc {
    background-image: url(../images/sprite-join.png);
    background-repeat: no-repeat;
}
.logo {
    display: inline-block;
    width: 158px;
    height: 54px;
    background: url('../../public/images/logo-svg/alljapanesepass.svg') 0 0 no-repeat;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
}
.thumbs {
    width:300px;
    float: left;
}
.thumbs img {
    width: 298px;
    height: 223px;
    border: 1px solid #d6d6d6;
    -moz-border-radius: 5px / 7px;
    -webkit-border-radius: 5px / 7px;
    border-radius: 5px / 7px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    margin-bottom: 3px;
}
.info {
    width: 340px;
    float: left;
    margin: 0 6px;
    min-height: 688px;
    background-color: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 60px;
}
.title2 {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    height: 36px;
    line-height: 36px;
    color:#fff;
    background: #000;
    padding-left:10px;
}
.title2 span {
    color:#ff8800;
}
.title2.first {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.safe {
    border-top: solid 1px #ebe9e9;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAAESKH/LAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDRGOTgwMUExOThBMTFFNUE0OThDRTJBQzIzMDEwQzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDRGOTgwMUIxOThBMTFFNUE0OThDRTJBQzIzMDEwQzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRUNCQzM3RjE5NkUxMUU1QTQ5OENFMkFDMjMwMTBDNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRUNCQzM4MDE5NkUxMUU1QTQ5OENFMkFDMjMwMTBDNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuAjQt8AAAZKSURBVHja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') #f8f8f8 11px 7px no-repeat;
    padding: 10px 0 10px 43px;
    font-size: 11px;
    color: #888888;
    font-family: Arial, Helvetica, sans-serif;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
}
.safe .title {
    color: #222;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
}
.membership {
    padding:13px 0 7px 17px;
}
.membership label {
    height: 36px;
    width: 267px;
    border: 1px solid #ddd;
    padding-left: 35px;
    position: relative;
    display: block;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #fff;
    cursor: pointer;
    color: #000;
    margin-bottom: 7px;
}
.membership label.active {
    border: 1px solid #dcd7a9;
    background-color: #fffbd5;
}
.membership .input {
    position: absolute;
    left:0;
    top:0;
}
.membership .input input {
    position: absolute;
    left: 12px;
    top:12px;
}
.membership .month {
    position: absolute;
    left:35px;
    top:10px;
    font-size: 14px;
    font-weight: 700;
}
.membership .month sup {
    position: absolute;
}
.membership .price {
    position: absolute;
    right:12px;
    top:10px;
    font-weight: 700;
    font-size: 16px;
    color: #1b75d9;
}
.membership .price .old-price {
    font-size: 13px;
    color:#666;
    font-weight: normal;
    text-decoration: line-through;
    display: inline-block;
    padding-right:8px;
}
.membership .save {
	position: absolute;
	right: 115px;
	top: 13px;
	color: #ff7200;
	font-size: 12px;
	font-weight: bold;
}
.hint {
    width: 106px;
    height: 43px;
    padding-top:9px;
    background-position: 0 -150px;
    position: absolute;
    left:340px;
    top:-10px;
    padding-left:27px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
.hint span {
    font-size: 12px;
    font-weight: normal;
}
.submit {
    text-align: center;
}
.link1 {
    width: 304px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #0d650d;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: green;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDMwNiA1NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGM3NTBjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMTNhOTEzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgPC9saW5lYXJHcmFkaWVudD4KCjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMDYiIGhlaWdodD0iNTQiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: -moz-linear-gradient(bottom, #0c750c 0%, #13a913 100%);
    background-image: -o-linear-gradient(bottom, #0c750c 0%, #13a913 100%);
    background-image: -webkit-linear-gradient(bottom, #0c750c 0%, #13a913 100%);
    background-image: linear-gradient(bottom, #0c750c 0%, #13a913 100%);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}
.link1:hover {
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNjQwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA3YjUwNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #016401 0%, #07b507 100%);
    background-image: -o-linear-gradient(bottom, #016401 0%, #07b507 100%);
    background-image: -webkit-linear-gradient(bottom, #016401 0%, #07b507 100%);
    background-image: linear-gradient(bottom, #016401 0%, #07b507 100%);
}
.account {
    padding-left:17px;
}
.account b {
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding:14px 0 6px;
}
.account div {
    position: relative;
}
.account div input {
    width: 238px;
    height: 15px;
    line-height: 15px;
    padding: 5px 0 5px 12px;
    border: 1px solid #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background: #fff;
}
.account div.state-error input {
    border: 1px solid #e99393;
    -moz-box-shadow: inset 0 0 6px rgba(217,37,37,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(217,37,37,.3);
    box-shadow: inset 0 0 6px rgba(217,37,37,.3);
}
.account div input:focus {
    outline:none;
    border: 1px solid #93bcea;
    -moz-box-shadow: inset 0 0 6px rgba(37,122,217,.3);
    -webkit-box-shadow: inset 0 0 6px rgba(37,122,217,.3);
    box-shadow: inset 0 0 6px rgba(37,122,217,.3);
}
.account ul {
    padding:15px 0 14px;
}
.account li {
    height: 27px;
    line-height: 27px;
}
.account li.first {
    text-transform: uppercase;
}
.cc {
    display: inline-block;
    height: 27px;
    line-height: 27px;
    width: 40px;
    text-indent: -9000px;
    margin-left:10px;
}
.visa {
    background-position: 0 -287px;
}
.mc {
    background-position: 0 -318px;
}
.dd {
    background-position: 0 -354px;
}
.features {
    padding:6px 0 20px 0;
    background:url(../images/girl.png) right bottom no-repeat;
}
.features ul {
    float:left;
    width:324px;
}
.features ul.last {
    width:306px;
}
.features li {
    padding:26px 0 10px 30px;
    background:url(../images/point.png) 0 23px no-repeat;
    color:#333;
}
.features li span {
    display:block;
    text-transform:uppercase;
    color:#000;
    font-weight:bold;
    padding-bottom:2px;
}
.features strong {
    display:block;
    clear:both;
    font-size:23px;
}

.status {
    display: inline-block;
    padding:0 0 0 9px;
}
.error, .success {
    display: none;
    position: absolute;
    left:260px;
    bottom:4px;
    width: 18px;
    height: 18px;
    background: url(../images/sprite-join.png) 0 -570px no-repeat;
}
.error {
    background-position: -18px -570px;
}
.state-error .error {
    display: inline-block;
}
.state-error .success {
    display: none;
}
.error:hover .text-holder {
    display: block;
}
.text-holder {
    position: absolute;
    width:300px;
    text-align: center;
    left:-141px;
    bottom:32px;
    display: none;
}
.text-holder span {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f9f9f9;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.25);
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
    padding:10px;
    display: inline-block;
}
.text-holder i {
    width: 16px;
    height: 10px;
    background: url(../images/sprite-join.png) -36px -570px no-repeat;
    position: absolute;
    left:50%;
    bottom:-10px;
    margin-left:-8px;
}

.btn.loading,
.btn.loading sup {
    font-size: 0!important;
}

/* footer */
.b-footer {
}
/* end footer */

.b-join {

}
	.b-join-header {
		text-align: center;
		padding: 22px 0 16px;
	}
	.b-join-title {
		color: #FFFFFF;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-weight: 300;
		line-height: 30px;
		text-transform: uppercase;
	}
		.b-join-title strong {
			font-weight: 300;
		}

.b-player {

}
	.b-player-body {
		position: relative;
		width: 954px;
		height: 535px;
	}
		.b-player-body:before {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			content: '';
			opacity: 0.6;
			background: #000;
		}
	.b-player-body-img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-size: cover;
		background-position: 50% 50%;
	}
	.b-player-footer {
		position: relative;
		width: 100%;
		height: 40px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7oAAAAoCAMAAADnnHaKAAABBVBMVEUAAACQkJCtsrahoaHBwcEmJibR0dFKSkp/f38TExM4ODhubm7w8PBvc3WxsbETExS5vsKRlZhcXFwPDxAFBQVdYGKhpqnh4eG3vcEoKSpISkyWmp4QERGprrKrsbQEBAScoaQXGBiip6uboKM8Pj8GBgYBAQFUVliNkZSLkJOmq6+Gio0TFBSJjZACAgKqr7Oqr7O5v8OOkpUyMzRaXV4tLzAhIiJMTlALCwy1u74uLzA7PT4/QUI+QEKts7egpamTl5uMkZNjZmgNDg6Sl5q1u74NDQ2MkZOxt7uCh4mChokgISJucXMdHh4JCQl0d3q6wMQ9P0BxdXdsbGy9w8f///+6wMTmGaAwAAAAU3RSTlPh8fzz9+X56e/j5+398vXk/vfr4+Lv+vv+5+v44/v84fnk+vnq4uHt9/b79uT24fz7/vfo7ufm7OP96Orq6vz6+Pbw4/j+4/f99fXm8eXi8v7q8hLGlJMAAAHYSURBVHja7dtXbxNBFIbhz/auZ8Y1iZM49BYCCSX0DqH3zjn8/5/CrpGlBDCWL9aKpffRXp37V1qdmREAAAAAAAAAAAAAAAAAAMCC2D57RgAWzkU7t6qJHtZPHhWAQ2Zr+/1gx9Y0Ud3Muqf0pxDbScpDYTyKMS/nMQlA1a5es+5Ne/tak1hp+bgOit70ppR5YRyzeyjnnSbtAlXqn355/tLa7a8/79ywC5rERk4c0QGdpmoelGUqhZakYdNDOV/xKACV6e+ZXV6yb1/s4127MiVd23is/UJLPc/ljRiT5JkUs+ih5VHyngBU5JiVdMuWH9j6J9udlq7VdZB7T8k9805SbCvv5NFD8DgKGUBFbEQDu3/Pllbt+szphprH1A6KHlVo9ELD4wrpAnNM9/P0dDceaZ88hjLRPCSF3+lmXmp7TckbAjCPH+YPtjvbmip5lla8VnxqeFBWUyF60HCYorcFoDL99dGaavO7dYs11YyHQ213byY13L0meTZOt9VxtlRA1YdDT8vDoaXR4dCsVzJSaKmQh/zvOYA5Xcl49UKTbD7hIiRw+Gy9eTfYsecCsJDPDwAsmmc8+gMAAAAAAAAAAAAAAACAf/oBYAGRLkC6AEgXwH/8AphfJdXCl0eKAAAAAElFTkSuQmCC');
        background-position: left bottom;
	}

		@-webkit-keyframes swing {
		    to {
                width: 954px;
		    }
		}
		@keyframes swing {
		    to {
		        width: 954px;
		    }
		}
		.b-player-footer-progressbar {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0;
			height: 4px;
			background-color: #f88201;
			animation: swing 4s linear;
			animation-delay: .2s;
			animation-fill-mode: forwards;
		}

.b-membership {
	display: table-cell;
	vertical-align: middle;
}
	.b-membership-wrapper {
		display: table;
		table-layout: fixed;
		width: 100%;
		height: 100%;
	}
	.b-membership-inner {
		position: relative;
		z-index: 1;
		margin: 0 auto;
		width: 300px;
	}
	.b-membership-header {
		border-radius: 4px 4px 0 0; 
		height: 10px;
		background-color: #ee5e07;
	}
	.b-membership-body {
		background: #fff;
		padding-top: 1px;
	}

	.b-membership-item {
		display: block;
		border-bottom: 1px solid #f1f1f1;
		padding: 20px 30px;
		cursor: pointer;
		overflow: hidden;
	}
		.b-membership-item.is-active {
			background-color: #ffe9db;
			border-bottom: 1px solid #ffe9db;
			border-top: 1px solid #ffe9db;
			margin-top: -1px;
		}
		.b-membership-item-input {
			float: left;
			padding-right: 10px;
			line-height: 0;
			height: 38px;
		}
			.b-membership-item-input input[type="radio"] {
				margin: 12px 0 0;
				width: 16px;
				height: 16px;
			}
		.b-membership-item-title,
		.b-membership-item-price {
			float: left;
			font-family: HelveticaNeueBold, Arial, sans-serif;
			font-size: 18px;
			font-weight: 700;
			line-height: 19px;
			text-transform: uppercase;
			color: #424242;

		}
			.b-membership-item-title i {
				color: #9d9e9d;
			    font-style: normal;
			}
			.jp .b-membership-item-title,
			.jp	.b-membership-item-price {
				font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'HiraKakuPro-W3', 'ＭＳ Ｐゴシック', 'MS PGothic', Osaka, Verdana, sans-serif;
			}
		.b-membership-item-price {
			float: right;
		}
			.b-membership-item-price sup {
				font-size: 10px;
				vertical-align: top;
				position: relative;
				top: -4px;
				left: 2px;
			}
			.b-membership-item-price-desc,
			.b-membership-item-price-save {
				float: left;
				color: #4d940d;
				font-family: HelveticaNeueBold, Arial, sans-serif;
				font-size: 12px;
				font-weight: 700;
				line-height: 16px;
				text-transform: uppercase;
			    clear: right;
			    margin-top: 5px;
			}
			.b-membership-item-price-desc.trial {
				color: #9d9e9d;
				font-family: Arial, sans-serif;
				font-weight: 400;
			}
			.b-membership-item-price-save {
				float: right;
				color: #ee5e07;
			}

			.b-membership-item-price,
			.b-membership-item-price-save {
				width: 75px;
				text-align: left;
			}
			.b-membership-item-price-desc-old {
				display: inline-block;
				vertical-align: top;
				color: #9d9e9d;
				font-size: 12px;
				font-weight: 400;
				line-height: 12px;
				padding: 0 4px;
				margin-top: 2px;
				background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M1 0 L0 1 L99 100 L100 99' fill='black' /></svg>") 50% 50% no-repeat;
				background-size: cover;
				font-style: normal;
				text-decoration: none;
			}

	.b-membership-footer {
		text-align: center;
		padding: 20px 0 16px;
		background-color: #f8f8f8;
		border-radius: 0 0 4px 4px;
	}
		.b-membership-button {
			display: block;
			margin: 0 auto 16px;
			width: 240px;
			height: 60px;
			background-color: #dfab06;
			background-image: linear-gradient(to top, #ff7800 0%, #dfab06 100%);
			border: 1px solid #be630b;
			border-radius: 4px;
			box-shadow: 0 1px 4px rgba(1, 1, 1, 0.3), inset 0 1px 0 rgba(255,255,255,0.5);

			text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
			color: #fff;
			font-family: HelveticaNeueBold, Arial, sans-serif;
			font-size: 16px;
			font-weight: 700;
			text-transform: uppercase;
			cursor: pointer;
		}
			.b-membership-button:hover {
				background-color: #f1c94d;
				background-image: linear-gradient(to top, #fe7900 0%, #f1c94d 100%);
				border: 1px solid #c46305;
			}
			.b-membership-button:active {
				background: #f1c94d;
			}
		.b-membership-footer-secure {
			display: inline-block;
			vertical-align: top;
			color: #959595;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 12px;
			font-weight: 400;
			line-height: 18px;
			padding-left: 16px;
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKBAMAAACUK2mNAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAHlBMVEWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZWVlZX///+lRCaCAAAACHRSTlMASeY8xMMoJicutQwAAAABYktHRAnx2aXsAAAACXBIWXMAAAsSAAALEgHS3X78AAAALklEQVQI12NgEGoSYGBgUGZWAJINQAglPTo6OgIYgERHA5DMAJMVYBIkApJ1AACPBhGLo/zvKAAAAABJRU5ErkJggg==') 0 50% no-repeat;
		}

.b-thumbs {
	margin: 0 -7px;
	overflow: hidden;
	padding: 0 0 34px;
}
	.b-thumbs-header {
		text-align: center;
		padding: 22px 0 16px;
		margin: 15px 0 -6px;
	}
	.b-thumbs-item {
		position: relative;
		float: left;
		width: 230px;
		height: 144px;
		background-color: #8f9fae;
		background-size: cover; 
		margin: 6px;
	}
		.b-thumbs-item__big {
			width: 472px;
			height: 298px;
		}

		.b-thumbs-item:after {
			position: absolute;
			top: 10px;
			right: 10px;
			content: '';
			pointer-events: none;
			width: 30px;
			height: 20px;
			background: #000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAKBAMAAABLZROSAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAJ1BMVEX///////////////////////////////////////////////////9Ruv0SAAAADHRSTlMARHdmEbvuVcwi3arp9TY2AAAAAWJLR0QAiAUdSAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAEdJREFUCNdjEDJgMBJQUjJhYNAJYIhROHPmmAGUpd6TCWUJ+Bxi0EkNzQGyWI8y6Jw5cwbKgshynYaxag5DWR1nGmDmLXIAAGVwHnkrivXeAAAAAElFTkSuQmCC') 50% 50% no-repeat;
			border-radius: 2px;
		}