/* @import url(http://fonts.useso.com/css?family=Raleway:200,500,700,800); */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?rretjt');
	src:url('../fonts/icomoon.eot?#iefixrretjt') format('embedded-opentype'),
		url('../fonts/icomoon.woff?rretjt') format('woff'),
		url('../fonts/icomoon.ttf?rretjt') format('truetype'),
		url('../fonts/icomoon.svg?rretjt#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body{
	color: #444;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
a {
    text-decoration: none;
    color: #4e3c3e;
    outline: none;
}

a:hover,
a:focus {
}

.hidden {
    position: absolute;
    overflow: hidden;
    width: 0;
    height: 0;
    pointer-events: none;
}

.info {
    font-size: 0.85em;
    font-weight: bold;
    line-height: 36px;
    margin: 5em 0 0;
    color: #9c9898;
}
.link-copy {
    position: absolute;
    top: 2em;
    right: 2em;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(../img/link.svg) no-repeat center center;
    background-size: cover;
}

.link-copy::after {
    content: 'Click to copy direct link';
    font-size: 0.85em;
    font-weight: bold;
    position: absolute;
    right: 100%;
    margin: 0 1em 0 0;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    color: #ddd;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
}

.link-copy:hover::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.link-copy::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0;
    border-radius: 50%;
    background: #d94f5c;
}

.link-copy--animate::before {
    -webkit-animation: pulse 0.3s;
    animation: pulse 0.3s;
}

@-webkit-keyframes pulse {
    from {
        opacity: 1;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

}

@keyframes pulse {
    from {
        opacity: 1;
        -webkit-transform: scale3d(0, 0, 1);
        transform: scale3d(0, 0, 1);
    }

    to {
        opacity: 0;
        transform: scale3d(1, 1, 1);
        webkit-transform: scale3d(1, 1, 1);
    }

}
/* Content */
.content {
    padding: 3em 0;
}

.section {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.section:nth-child(even) {
    color: #fff;
}

.section--menu {
    position: relative;
    overflow: hidden;
}

.section__title {
    font-size: 0.65em;
    font-weight: 700;
    -webkit-flex: none;
    flex: none;
    margin: 3em 0 15em;
    text-indent: 3px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #d1d1d1;
}

.section--intro {
    font-size: 2em;
    position: relative;
    min-height: 100vh;
    text-align: center;
    color: #fff;
}

.section--intro p {
    max-width: 1000px;
    margin: 0 auto;
    padding: 1em;
}

.bgcolor-1 { background: #f0efee; }
.bgcolor-2 { background: #f9f9f9; }
.bgcolor-3 { background: #e8e8e8; }/*light grey*/
.bgcolor-4 { background: #2f3238; color: #fff; }/*Dark grey*/
.bgcolor-5 { background: #df6659; color: #521e18; }/*pink1*/
.bgcolor-6 { background: #2fa8ec; }/*sky blue*/
.bgcolor-7 { background: #d0d6d6; }/*White tea*/
.bgcolor-8 { background: #3d4444; color: #fff; }/*Dark grey2*/
.bgcolor-9 { background: #ef3f52; color: #fff;}/*pink2*/
.bgcolor-10{ background: #64448f; color: #fff;}/*Violet*/
.bgcolor-11{ background: #3755ad; color: #fff;}/*dark blue*/
.bgcolor-12{ background: #3498DB; color: #fff;}/*light blue*/
.bgcolor-20{ background: #494A5F;color: #D5D6E2;}