@font-face {
    font-family: 'georgiaregular';
    src: url('../fonts/georgia-webfont.eot');
    src: url('../fonts/georgia-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/georgia-webfont.woff') format('woff'),
         url('../fonts/georgia-webfont.ttf') format('truetype'),
         url('../fonts/georgia-webfont.svg#georgiaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'georgiabold';
    src: url('../fonts/georgiab-webfont.eot');
    src: url('../fonts/georgiab-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/georgiab-webfont.woff') format('woff'),
         url('../fonts/georgiab-webfont.ttf') format('truetype'),
         url('../fonts/georgiab-webfont.svg#georgiabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	background-color: #222439;
	padding: 63px 0 0 0;
	font-family: 'georgiaregular';
}

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-family: 'Luckiest Guy', cursive;
	line-height: normal;
}
p{
	margin: 0;
	padding: 0;
}
.shadow{
	text-shadow:0px 3px 3px rgba(0,0,0,0.75);
	-moz-text-shadow:0px 3px 3px rgba(0,0,0,0.75);
	-ms-text-shadow:0px 3px 3px rgba(0,0,0,0.75);
	-o-text-shadow:0px 3px 3px rgba(0,0,0,0.75);
	-webkit-text-shadow:0px 3px 3px rgba(0,0,0,0.75);
}
#main-container{
	max-width:960px;
	width:100%;
	padding:0px;
	margin: auto;
}
.top-head{
	position: relative;
}
.sitetitle{
	position: relative;
	z-index: 1;
}
#intro {
  height: 525px;
}
.logo {
  font-size: 0;
  min-height: 184px;
  position: absolute;
  right:70px;
  top: 130px;
  width: 184px;
  z-index: 2;
}
.logo a{
	display: block;
}
.section-title{
	color:#1cbb9b;
	font-size: 140px;
}
#title-line1, #title-line2, #title-line3, #title-line4{display:inline-block;}

#title-line1 .char1{color:#e1492f;}
#title-line2 .char1{color:#8b3fb2;}
#title-line3 .char1{color:#f79d00;}
#title-line4 .char1{color:#f56360;}
#title-line3 .char3{margin-right:20px;}

#title-info p{
	font-size: 40px;
	color:#c5c3de;
	line-height: 64px;
	font-family: 'georgiabold';
	padding: 50px 0 50px 0;
	display: inline-block;
}
#showcase p, .sections li:last-child p{
	color:#fff;
	font-size: 31px;
	line-height: 50px;
	display: inline-block;
	margin-bottom: 50px;
}
#showcase p span, .beforebuy p span{
	color:#1cbb9b;
	font-size: 33px;
	font-family: 'georgiabold';
}
.sub-title{
	font-size: 41px !important;
	font-family: 'georgiabold';
    text-align: center;
}
.code {
	color:#1cbb9b;
	text-decoration: underline;
	font-size: 30px;
	font-family: 'georgiaregular';
}
.section h2{
	padding:50px 0;
	font-size: 180px;
	line-height: 146px;
}
h2 span{
	display:inline-block;
	width:100%;
	clear:both;
}
h2 .first::first-letter{color:#e1492f;}
h2 .second::first-letter{color:#8b3fb2;}
h2 span.third::first-letter{color:#f79d00;}
h2 span.fourth::first-letter{color:#f56360;}
.video h3{color:#e1492f;}
.video .wrapper-content{background-color: #e1492f;}
.download h3{color:#4498e1;}
.download .wrapper-content{background-color: #4498e1;}
.email h3{color:#8b3fb2;}
.email .wrapper-content{background-color: #8b3fb2;}
.program h3{color:#f79d00;}
.program .wrapper-content{background-color: #f79d00;}
.design h3{color:#d2004b;}
.design .wrapper-content{background-color: #d2004b;}
.guarantee h3{color:#58b079;}
.guarantee .wrapper-content{background-color: #58b079;}
.html h3{color:#f56360;}
.html .wrapper-content{background-color: #f56360;}
.drm h3{color:#4498e1;}
.drm .wrapper-content{background-color: #4498e1;}
.wrapper-content{
	float: left;
	width:100%;
	box-shadow: 0px 14px 11px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 14px 11px rgba(0,0,0,0.75);
	-ms-box-shadow: 0px 14px 11px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px 14px 11px rgba(0,0,0,0.75);
	-o-box-shadow: 0px 14px 11px rgba(0,0,0,0.75);
	padding-bottom:50px;
	position:relative;
}
.wrapper-content:before{
	float: left;
	display: block;
	width:100%;
	min-height: 6px;
	background-color: #fff;
	box-shadow: 0 3px 3px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.75);
	-ms-box-shadow: 0 3px 3px rgba(0,0,0,0.75);
	-o-box-shadow: 0 3px 3px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.75);
	margin-bottom: 50px;
	font-size: 0px;
	z-index: 1;
	content:"";
}
.sections{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.sections li{
	clear:both;
	width:100%;
	display: inline-block;
	margin-bottom: 25px;
}
.sections li:last-child{
	padding-top: 55px;
	margin-bottom: 60px;
}
.sections h3{
	font-size: 101px;
	line-height: 110px;
}
.text{
	display: block;
	padding: 0 100px;
}
.content-img, .content-detail{padding: 0;}
.wrapper-content p{
	font-size: 27px;
	line-height: 30px;
}
.wrapper-content p span{
	font-size: 31px;
	font-family: 'georgiabold';
	color:#fff;
}
.email img {margin-top: 15px;}
.program img {margin-top: 65px;}
.design img{margin-top: 20px;}
.sections .video p, .sections .html p{padding-top: 25px;}
.download p {padding-top: 10px;}
.email p, .program p, .design p, .guarantee p {padding-top: 0;}
.drm p {padding-top: 10px;}
.guarantee img{margin-top: 50px;}

.testimonial h3 .char1{
	color:#e1492f;
}
.testimonial h3 .char13{
    color: #E1492F;
}
.testimonial h3{
	font-size: 116px;
	color:#1CBB9B;
}
.test-sections{
	float: left;
	width: 100%;
	margin: 0;
	padding: 80px 0 0 0;
	border-bottom: 2px solid #FFFFFF;
}
.test-sections li{
	clear:both;
	width:100%;
	display: inline-block;
	margin-bottom: 80px;
}
.test-wrapper-content{
	float: left;
	width:95%;
	margin-left: 3%;
	box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 1);
	-ms-box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 1);
	-webkit-box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 1);
	-o-box-shadow: 0 12px 25px -5px rgba(0, 0, 0, 1);
	padding-bottom:20px;
	position:relative;
}
.test-wrapper-content:before{
	float: left;
	display: block;
	width:100%;
	min-height: 12px;
	background-color: #fff;
	margin-bottom: 20px;
	font-size: 0px;
	z-index: 1;
	content:"";
}
.test-wrap {
  display: block;
  padding: 0 45px 0 10px;
}
.test-wrap .columns{
	padding: 0;
}
.test-img:before{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 15px 0 15px 30px;
	border-color: transparent transparent transparent #fff;
	line-height: 0px;
	_border-color: #000000 #000000 #000000 #fff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
	content:"";
	z-index: 4;
	position: absolute;
	right:-18px;
	top:40%;
}

.test-img{
	border-radius:50%;
	width:185px;
	position:relative;
	z-index: 1;
}
.test-img:after{
	content:"";
	width:185px;
	height:100%;
	background-color: transparent;
	border:20px solid #fff;
	box-shadow: 0 0 8px #000000 inset;
	border-radius: 50%;
	z-index: 2;
	position: absolute;
	left: 0;
	top:0;
}
.test-wrap img{
	border-radius: 50%;
	margin-left: 3px;
	width: 97%;
}
.test-detail{
	background-color:#efeded;
	padding:8px 10px !important;
	width:73%;
	margin-top: 20px;
}
.test-detail h5{
	font-family: 'georgiaregular';
	border-bottom: 2px solid #dedbdb;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
.test-detail h5 span{
	color:#000;
	font-family: 'georgiabold';
}
.test-detail p{
	font-size: 17px;
	color:#000;
	line-height: 27px;
}
.test-detail p span{color:#0066bc;}
.test-detail span p{
	float: left;
}
.text-mute{
	color:#807d7d !important;
	font-size:18px;
	line-height: normal;
}
.test-btn{
	float: right;
	margin: 0;
	padding: 0;
}
.test-btn li{
	float: left;
	clear: none;
	margin: 0;
	width: auto;
	margin-right: 15px;
}
.test-btn a{
	color:#0066bc;
}
.test-btn a:hover{
	color:#1cbb9b;
}
.test-btn .fa{
	font-size: 14px;
	margin-right: 5px;
}
.buytitle{
	color: #FFFFFF;
    display: inline-block;
    font-size: 31px;
    margin-top: 50px;
    margin-bottom:120px;
    width: 100%;
}
.buytitle p{line-height: normal;}
.beforebuy{
	display: block;
}
.beforebuy p{
	color:#fff;
	font-size: 26px;
	line-height: 50px;
	display: inline-block;
	margin-bottom: 50px;
}
.thanks{
	display: block;
}
.thanks h2{
	font-size: 125px;
	text-indent: 30px;
}
.thanks i{
	font-style: normal;
	color:#8b3fb2;
}
.thanks .first{
	position: relative;
	width: auto;
}
.thanks .first:after{
	position: absolute;
	content:".";
	font-size: 125px;
	color:#f56360;
	bottom:-4px;
	right: 4px;
}
.thanks p{
	color: #FFFFFF;
    display: inline-block;
    font-size: 31px;
    border-bottom: 2px solid #fff;
    padding-bottom: 40px;
    width: 100%;
    margin-bottom: 110px;
}
.border{
	width: 100%;
	height:2px;
	background:#fff;
	display: block;
	content:"";
}
.beforebuy h2{
	line-height: 130px;
}
.beforebuy span{
	clear:none !important;
	display: inline !important;
}
.beforebuy .border{
	margin-top: 70px;
}
#bring-it .char1{color:#e1492f;}
#bring-it1 .char1{color:#8b3fb2;}
#bring-it2 .char1{color:#f79d00;}
#bring-it3 .char1{color:#f56360;}
/*-----------------*/
#youget { overflow: hidden; }
#fly-it, #fly-right, #fly-left, .fly-left, .fly-right { position: relative; }