/* Basic styles */
body{
	text-align: center;
	background: #fff;
	margin: 0; padding: 0;
	font: normal normal .625em 'Open Sans', Arial, sans-serif;
	background: #838d9a url(../img/main_bg_01.jpg) repeat 0 0;
}
* { outline: none; }
form{ margin: 0; padding: 0; }
.clear, .clr{ clear: both; overflow: hidden; height: 0px; }


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

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


img { border:none; max-width:100%;height:auto; }
header, nav, section, article, aside, footer{ display: block;}
*{ outline: none;}
strong{
	font-weight: 700;
}
/* ---------------------------------- */
html, body{
	width: 100%;
	height: 100%;
}
.wrapper{
	/*height: 100%;*/
	width: 100%;
	position: relative;
	text-align: left;
	margin: 0 auto 0 auto;
	-border: 1px dotted #fff;
	-height: 1200px;
}
.wrapper > .inner{
	max-width: 1204px;
	margin: 0 auto;
	height: 100%;
	position: relative;
	-border: 1px solid #f00;
}
.rank_01{
	width: 100%;
	-border: 1px solid red;
}
/* Adv box */
.adv-box{
	width: 50.91%;
	margin: 0 10.88% 0;
	position: relative;
	overflow: hidden;
	float: right;
}
.adv-box .slogan{
	font-size: 3em;
	font-weight: 600;
	margin: 28px 7% 0 10%;
	line-height: 1.2em;
}
.adv-box .slogan span{
	display: block;
}
.adv-box .sign{
	text-align: right;
	margin: 3px 7% 0 10%;
	font-size: 1.9em;
}
.adv-box .adv-bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden;
}
.adv-box .check{
	margin: 15px 5.5% 25px 11%;
	width: 82.5%;
	box-shadow: 7px 7px 3px 3px #999;
	box-shadow: 5px 7px 3px 3px rgba(0,0,0,0.2);
}
.adv-box .sign, .adv-box .slogan, header{
	margin-right: 6.85%;
}
.adv-box-add{
	float: right;
	width: 50.91%;
	margin: 0 10.88% 26px;
	border: 0;
}
.adv-box-add, .adv-box{
	margin-right: 10.88%;
}

/* Header */
header{
	float: right;
	width: 48.5%;
	margin: 0 10.88% 26px;
}
header a{
	display: block;
}
header a img{}
.call-us{
	background: #999;
	background-color: rgba(0,0,0,.3);
	text-align: center;
	padding: 4px;

}
.call-us span{
	color: #fff;
	text-transform: uppercase;
	font-size: 3em;
	background: url(../img/call_us_icon.png) no-repeat 0 50%;
	padding-left: 26px;
}
.call-us{}

/* See button */
.see-button{
	background: rgba(0,0,0,0.2);
	padding: 23px 3.1%;
	width: 48.25%;
	margin: 0 10.88% 25px;
	float: right;
	box-sizing: border-box;
	text-align: center;
}
.see-button img.tmp{
	width: 100%;
}
.see-button a{
	background: #00be55;
	width: 100%;
	display: block;
}
.see-button a:hover{
	background-color: #009341;
}
.see-button img{
	 /*----width: 15%;----*/
	 /*----float: right;----*/
}
.see-button span{
	text-transform: uppercase;
	display: block;
	background: url(../img/how_it_bg_01.gif) repeat-y 100% 0;
	color: #fff;
	font-size: 2.4em;
	text-align: center;
	width: 85%;
	float: left;
	font-weight: 700;
	padding: 20px 0;
	margin: 1px 0;
}

.see-button-bg.mobile {
	background: url(../img/bgmobile.png);
	width: 100%;
	display: none;
	background-size: inherit;
	padding-bottom: 20px;
}


.see-button.mobile{
	display: none;
	margin: 0 auto;
}

/* Guy photo  */
.wrapper > .guy{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: -1;
	max-width: 1204px;
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0;
	background: url(../img/guy_photo_04_02.png) 0 10px no-repeat;
	background-size: 658px 1332px;
}
.wrapper > .guy img{
	padding-top: 10px;
	/*----
	height: 1300px;
	width: 1204px;
	height: 1416px;
	----*/
	max-width: none;
}

/* Points */

.points{
	display: inline-block;
	margin: 0 9% 30px;
	width: 82%;
	}
.points ul{
	float: left;
	width: 100%;
}
.points li{
	float: left;
	width: 25%;
	text-align: center;
}
.points img{
	max-width: 170px;
}
.points span{
	display: block;
	font-size: 2em;
	color: #fff;
	margin: 0 10%;
}
.points{}

/* Footer */

footer{
	background: rgba(0,0,0,.2);
	line-height: 54px;

}
footer .logos{
	margin: 0 11.91% 15px 45.76%;
}
footer h4{
	font-size: 1.2em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 15px;
	margin-bottom: 10px;
	font-weight: 600;
}
footer .copy{
	background: rgba(0,0,0,.8);
	color: #cbcbcb;
	text-align: center;
	font-size: 1.5em;
}
footer .copy a{
	text-decoration: none;
	text-transform: uppercase;
	color: #cbcbcb;
}
footer .copy a:hover{
	text-decoration: underline;
}
	.copy span{
		display: none;
	}

.sub-page-head .container {
	  padding: 0 20px 20px 20px;
}
.sub-page-content {
	background: #fff;
}
.sub-page-content .container {
	padding: 0 20px 62px 20px;
}
.sub-page {
	width: 100%;
}
.sub-page .container {
	width: 980px;
	margin: 0 auto;
	box-sizing: border-box;
}

.sub-page header {
	float: none;
	width:100%;
	margin: 0;
}
.sub-page header a {
	text-align: center;
}



.sub-page .title-sub {
	color: #000;
	font-size: 51px;
	font-weight: 400;
	line-height: 68px;
	text-align: center;
	letter-spacing: -2.1px;
	font-family: Open Sans;
}
.sub-page .title-sub.started {
	line-height: 41px;
	margin-bottom: 33px;
	letter-spacing: -2.5px;
}
.sub-page .title-sub .mark {
	position: relative;
	display: inline-block;
	background: transparent;
	text-transform: uppercase;
}
.sub-page .title-sub .mark:before {
	content: "";
	height: 9px;
	width: 134px;
	bottom: 0;
	right: -17px;
	position: absolute;
	background: url(../img/mark.png) center center no-repeat;
}
.sub-page .block1 {
  padding-top: 5px;
}
.sub-page .items {
   width: 100%;
  margin-top: 10px;
  margin-bottom: 0px;
  text-align: center;
}
.sub-page .items .item {
	font-size: 0;
	/*height: 134px;*/
	border-bottom: 1px solid #e5e5e5 ;
	box-sizing: border-box;
	padding-bottom: 2px;

}
.sub-page .items .item:last-child {
	border: none;
}
.sub-page .items .item .item-img {
	display: inline-block;
	vertical-align: top;
	height: inherit;
	box-sizing: border-box;
	width: 132px;
	padding: 8px;
	height: 132px;
	margin-left: 154px;
	margin-right: 14px;
}
.sub-page .items .item .item-img img {

}
.sub-page .items .item .item-content {
	padding: 33px 0 18px 0;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	height: inherit;
	width: 640px;
	text-align: left;
}
.sub-page .items .item .item-content p {
	color: #000;
	line-height: 24px;
	font-weight: 400;
	font-size: 20px;
	font-family: Open Sans;
	letter-spacing: -0.5px;
}
.sub-page .items .item .item-content p b, .sub-page .items .item .item-content p strong {
	font-weight: bold;
}
.sub-page .block2 {
	font-size: 0;
	text-align: center;
}
.sub-page .block2 .item{
	vertical-align: top;
	background: #e5e5e5;
	display: inline-block;
	box-sizing: border-box;
	padding: 23px 42px 26px 40px;
	margin: 0 auto;
}
.sub-page .block2 a {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	line-height: 68px;
	position: relative;
	text-transform: uppercase;
	width: 368px;
	height: 68px;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 70px 0 28px;
	letter-spacing: -0.10px;
}
.sub-page .block2 a:after {
	top: 0;
	right: 0;
	content: "";
	width: 68px;
	height: 68px;
	position: absolute;
	background: url(../img/arrow_right.png) center center no-repeat;
}
.sub-page .block2 a:before {
	top: 1px;
	right: 70px;
	content: "";
	width: 2px;
	height: 66px;
	position: absolute;
	background: url(../img/btn-bg.png) center center  repeat-y;
}
.sub-page .block2 .buyers a {
	background: #00be55;
}
.sub-page .block2 .sellers a{
	background: #c063b7;
}
.sub-page .block2 .buyers {
	margin: 0 10px;
 }
.sub-page .block2 .sellers {
	margin: 0 10px;
}


}