@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

@font-face {
font-family: 'HelveticaNeueLTStd-Cn';
src: url('/fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'),  url('/fonts/HelveticaNeueLTStd-Cn.otf')  format('opentype'),
	     url('/fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('/fonts/HelveticaNeueLTStd-Cn.ttf')  format('truetype'), url('/fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeueLTStd-MdCn';
src: url('/fonts/HelveticaNeueLTStd-MdCn.eot?#iefix') format('embedded-opentype'),  url('/fonts/HelveticaNeueLTStd-MdCn.otf')  format('opentype'),
	     url('/fonts/HelveticaNeueLTStd-MdCn.woff') format('woff'), url('/fonts/HelveticaNeueLTStd-MdCn.ttf')  format('truetype'), url('/fonts/HelveticaNeueLTStd-MdCn.svg#HelveticaNeueLTStd-MdCn') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'HelveticaNeueLTStd-LtCn';
src: url('/fonts/HelveticaNeueLTStd-LtCn.eot?#iefix') format('embedded-opentype'),  url('/fonts/HelveticaNeueLTStd-LtCn.otf')  format('opentype'),
	     url('/fonts/HelveticaNeueLTStd-LtCn.woff') format('woff'), url('/fonts/HelveticaNeueLTStd-LtCn.ttf')  format('truetype'), url('/fonts/HelveticaNeueLTStd-LtCn.svg#HelveticaNeueLTStd-LtCn') format('svg');
font-weight: normal;
font-style: normal;
}



html, body {
margin: 0px;
}

img {
max-width: 100%;
height: auto;
}

.clear {
clear: both;
}





#how_it_works h2,
#start_publishing h2 {
color: #848484;
font-family: 'HelveticaNeueLTStd-MdCn';
font-weight: normal;
font-size: 54px;
line-height: 60px;

display: block;
text-align: center;
position: relative;
z-index: 100;
}

#how_it_works h2:before,
#start_publishing h2:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url(/images/h2-bg.png);
background-repeat: no-repeat;
background-position: center center;
z-index: 50;
}





#main {
padding: 20px 50px 50px 50px;
position: relative;
background-color: rgba(0,0,0,0.7);
}

.inside {
    background-image: url('/images/header_bg.jpg');
}

.logo {
float: left;
}

ul.menu {
float: right;
padding: 0px;
}

ul.menu li {
list-style-type: none;
display: inline-block;
border-right: 1px solid #888080;
}

ul.menu li a {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-LtCn';
font-size: 18px;
line-height: 33px;
text-decoration: none;
padding: 0px 20px 0px 20px;
}

ul.menu li:last-child {
border-right: none;
}

.social_icons {
margin: 80px auto 130px auto;
display: table;
}

#main h1 {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-Cn';
font-weight: normal;
font-size: 48px;
line-height: 60px;

display: block;
text-align: center;
position: relative;
z-index: 100;
margin-bottom: 10px;
}

#main h1:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-image: url(/images/h1-bg.png);
background-repeat: no-repeat;
background-position: center center;
z-index: 50;
}

#main p {
color: #f6abab;
font-family: 'HelveticaNeueLTStd-LtCn';
font-size: 22px;
line-height: 30px;

text-align: center;
}

#main a.learn_more {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-LtCn';
font-size: 18px;
line-height: 25px;

padding: 12px 70px 12px 20px;
background-color: #de0000;

text-decoration: none;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

display: table;
margin-top: 40px;
margin-left: auto;
margin-right: auto;

background-image: url(/images/main-arrow.png);
background-repeat: no-repeat;
background-position: left top;
background-position: right 20px center;
}

#main video {
position: fixed;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(hpbgimageframe.jpg) no-repeat;
background-size: cover;
opacity: 0.87;
}





#community {
background-image: url(/images/community-bg.png);
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
padding: 30px 0px 160px 0px;
}

#community h2 {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-Cn';
font-weight: normal;
font-size: 36px;
line-height: 46px;

padding-bottom: 30px;
border-bottom: 1px solid #b2b2b2;
display: table;
margin: 0 auto;
text-align: center;
}

#community h2:before {
content: '';
width: 120px;
height: 59px;
display: inline-block;
background-image: url(/images/left-bubble.png);
background-repeat: no-repeat;
background-position: left center;
}

#community h2:after {
content: '';
width: 120px;
height: 59px;
display: inline-block;
background-image: url(/images/right-bubble.png);
background-repeat: no-repeat;
background-position: right center;
}

#community p {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-LtCn';
font-weight: normal;
font-size: 24px;
line-height: 30px;

padding-left: 10%;
padding-right: 10%;
text-align: center;
}





#how_it_works {
background-color: #efefef;
padding: 50px 0px 50px 0px;
}

.is_free {
margin: -150px auto 0px auto;
display: table;
}

.steps_wrapper {
display: table;
margin: 0 auto;
}

.step {
display: table-cell;
max-width: 200px;
padding: 0px 20px 20px 20px;
text-align: center;
}

.step h3 {
color: #666666;
font-family: 'HelveticaNeueLTStd-Cn';
font-weight: bold;
font-size: 17px;
line-height: 22px;

text-align: center;
min-height: 45px;
padding: 10px;
border-bottom: 1px solid #bababa;
margin: 10px 0px;
}

.step h3 span {
color: #be0000;
}

.step p {
color: #909090;
font-family: 'HelveticaNeueLTStd-Cn';
font-weight: normal;
font-size: 16px;
line-height: 22px;
}





#start_publishing {
background-color: #ffffff;
padding: 90px 0px 180px 0px;
}

.subdomains_wrapper {
display: table;
margin: 0 auto;
}

.subdomains_wrapper a {
display: table-cell;
width: 199px;
height: 584px;

background-repeat: no-repeat;
background-position: left top;

position: relative;
}

.subdomains_wrapper a.products {
background-image: url(/images/products-bg.png);
}

.subdomains_wrapper a.services {
background-image: url(/images/services-bg.png);
}

.subdomains_wrapper a.media {
background-image: url(/images/media-bg.png);
}

.subdomains_wrapper a.lifestyle {
background-image: url(/images/lifestyle-bg.png);
}

.subdomains_wrapper a.education {
background-image: url(/images/education-bg.png);
}





footer {
color: #a0a0a0;
font-size: 16px;
line-height: 33px;
background-color: #3d3d3d;
text-align: center;
padding-top: 30px;
}

footer ul.subdomains {
margin: 0px;
padding-bottom: 30px;
}

footer ul.subdomains li {
list-style-type: none;
display: inline-block;
border-right: 1px solid #575757;
}

footer ul.subdomains li:last-child {
border-right: none;
}

footer ul.subdomains li a {
color: #ffffff;
font-family: 'HelveticaNeueLTStd-LtCn';
font-size: 18px;
line-height: 33px;
text-decoration: none;

padding: 0px 20px 0px 40px;
background-image: url(/images/link-icon.png);
background-repeat: no-repeat;
background-position: 20px center;
}

footer ul.subdomains li a:hover {
text-decoration: underline;
}

footer ul.pages {
border-top: 1px solid #4d4d4d;
max-width: 1000px;
margin: 0 auto;
padding-top: 40px;
padding-bottom: 70px;
}

footer ul.pages li {
list-style-type: none;
display: inline-block;
}

footer ul.pages li a {
color: #a0a0a0;
font-family: 'HelveticaNeueLTStd-LtCn';
font-size: 16px;
line-height: 33px;
text-decoration: none;
}

footer ul.pages li a:after {
content: ' |';
}

footer ul.pages li:last-child a:after {
content: '';
}

footer ul.pages li a:hover {
text-decoration: underline;
}

footer .copyright {
color: #a0a0a0;
font-family: 'HelveticaNeueLTStd-Cn';
font-size: 16px;
line-height: 33px;
background-color: #232323;
text-align: center;

padding: 30px;
}




@media (max-width: 1200px) {

.step {
display: inline-block;
vertical-align: top;
}

.subdomain {
display: inline-block;
vertical-align: top;

margin: 20px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

}

@media (max-width: 700px) {

.logo,
ul.menu {
float: none;
display: inline-block;
}

}

@media (max-width: 568px) {

#community h2:before,
#community h2:after {
display: none;
}

}

@media (max-width: 490px) {

.step {
display: table;
margin-left: auto;
margin-right: auto;
}

.subdomain {
display: table;
margin: 20px auto;
}

}