@font-face {
  	font-family: 'MyriadPro';
  	src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/MyriadPro-Regular.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Regular.woff') format('woff'), 
	     url('../fonts/MyriadPro-Regular.ttf')  format('truetype'), 
	     url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  	font-weight: normal;
  	font-style: normal;
}
@font-face {
  	font-family: 'MyriadPro';
  	src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/MyriadPro-Semibold.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Semibold.woff') format('woff'), 
	     url('../fonts/MyriadPro-Semibold.ttf')  format('truetype'), 
	     url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  	font-weight: 600;
  	font-style: normal;
}
@font-face {
  	font-family: 'MyriadPro';
  	src: url('../fonts/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/MyriadPro-SemiboldIt.otf')  format('opentype'),
	     url('../fonts/MyriadPro-SemiboldIt.woff') format('woff'), 
	     url('../fonts/MyriadPro-SemiboldIt.ttf')  format('truetype'), 
	     url('../fonts/MyriadPro-SemiboldIt.svg#MyriadPro-SemiboldIt') format('svg');
  	font-weight: 600;
  	font-style: italic;
}
@font-face {
  	font-family: 'MyriadPro';
  	src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/MyriadPro-Bold.otf')  format('opentype'),
	     url('../fonts/MyriadPro-Bold.woff') format('woff'), 
	     url('../fonts/MyriadPro-Bold.ttf')  format('truetype'), 
	     url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
  	font-weight: 700;
  	font-style: normal;
}
@font-face {
  	font-family: 'MyriadPro';
  	src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),  
  		 url('../fonts/MyriadPro-BoldIt.otf')  format('opentype'),
	     url('../fonts/MyriadPro-BoldIt.woff') format('woff'), 
	     url('../fonts/MyriadPro-BoldIt.ttf')  format('truetype'), 
	     url('../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
  	font-weight: 700;
  	font-style: italic;
}

body{font-family: 'MyriadPro';font-size: 18px;color: #000;line-height: 1.3;}

/* Typo */
	.fz28{font-size: 28px;}
	.fz30{font-size: 30px;}
	.fz34{font-size: 34px;}
	.fz36{font-size: 36px;}
	.fz38{font-size: 38px;}
	.fz40{font-size: 40px;}
	.fz42{font-size: 42px;}
	.fz46{font-size: 46px;}
	.text-blue{color: #01b1e2;}
	.text-semi{font-weight: 600;}
	.text-medium{font-weight: 500;}
	.text-light{font-weight: 300;}
	.text-roboto, .step-item, .s16-item{font-family: 'Roboto', sans-serif;line-height: 1.5}
	.mb40{margin-bottom: 40px;}
	h2{margin-bottom: 50px;}
	h3, h4{margin-bottom: 30px;}
	p{margin-bottom: 20px;}
	
/* Global */
	.container{max-width: 1000px;}
	.img-responsive.inline-block{display: inline-block;}
	.media{margin-bottom: 40px;}
	.media-left{padding-right: 25px;}

	iframe[name='google_conversion_frame'] { 
	    height: 0 !important;
	    width: 0 !important; 
	    line-height: 0 !important; 
	    font-size: 0 !important;
	    margin-top: -13px;
	    float: left;
	}

/* Section */
	section{padding: 50px 0;position: relative;}
	.bg-01{background:#171e26 url(../img/bg-01.jpg) no-repeat center center;background-size: cover;color: #fff;}
	.bg-02{background:#0797c6 url(../img/bg-02.jpg) no-repeat center center;background-size: cover;color: #fff;}
	.bg-gray{background-color: #ebebeb;}

	.img-wrap{margin-bottom: 30px;}

	#section-01{text-align: center;padding: 60px 0 0;margin-bottom: 100px;}
	#section-01 .container{max-width: 1160px;}
	#section-01 h1{margin:45px 0 20px;}
	#section-01 .fz30{margin-bottom: 40px;}
	.laptop{background:url(../img/bg-laptop.png) no-repeat center center;background-size: contain;width:1042px;height:552px;
		margin:50px auto -100px;position: relative;z-index: 2;padding:35px 129px 0;}

	#section-02 .img-wrap, #section-03 .img-wrap{margin-left:-77px;margin-right: -77px;}

	#section-04{padding-bottom: 10px;}
	#section-04 h2{max-width: 560px;margin-left:auto;margin-right: auto;}

	#section-05{position: relative;overflow:hidden;padding: 24px 0 0;}
	#section-05::before{position: absolute;content: '';background: url(../img/img-03.png) no-repeat left bottom;left: 50%;
		width: 668px;bottom: 0;top:0;}
	#section-05 .bg-gray{padding: 50px 0;height: 403px;}

	.step-item{text-align: center;margin-bottom: 20px;}
	.step-item h3{font-size: 26px;margin:25px auto 15px;}

	#section-07{text-align: center;background-position: center 30%;}
	#section-07 h2{margin:30px auto;}

	.author{max-width: 409px;margin:20px auto 50px;text-align: center;}
	.author .text-roboto{font-weight: 300px;letter-spacing: 2px;}
	.author .name{font-size: 32px;margin-bottom: 40px;}

	#section-10{padding-top: 70px;}
	#section-10 h2{margin:0 0 40px;}
	#section-10 .media{margin-bottom: 30px;}

	#section-13 .img-wrap{margin-left: -70px;margin-right: -70px;}

	#section-14{margin-top: 50px;}
	#section-14 img{margin-top: -100px;}

	#section-15 .media, #section-17 .media{margin-top: 20px;}
	#section-15 .media-body, #section-17 .media-body{vertical-align: middle;}

	.s16-item{text-align: center;position: relative;}
	.s16-item.has-dot::before{position: absolute;content: '';border-top:3px dotted #7fc0d3;right: 50%;width: 100%;top:60px;
		z-index:1;}
	.s16-item img{position: relative;z-index: 2;}
	.s16-item p{margin-top: 25px;}

	#section-17 .img-wrap{margin-top:40px;margin-left: -72px;margin-right: -72px;}
	#section-17 .media{margin-bottom: 20px;}

	#section-18{padding-bottom: 0;}
	.introduction{text-align: center;margin-bottom: 50px;}
	.introduction div{font-size: 28px;margin-left: 70px;margin-bottom: -30px;}
	#section-18 .img-wrap{max-width: 810px;margin-left: auto;margin-right: auto;}
	#section-18 h2{max-width: 770px;margin-left: auto;margin-right: auto;}
	.video-wrap{max-width: 760px;border:7px solid #42464d;margin:0 auto -45px;z-index: 2;position: relative;
		background-color: #aaaaaa;}

	#section-19{padding-top: 80px;}
	#section-19 h2{margin-bottom: 30px;}
	.s19-item{text-align: center;margin-bottom: 40px;}
	.s19-item p{margin-top: 25px;}

	#section-20 h4{font-size: 26px;margin-top: 0;margin-bottom: 15px;}

	#section-21{background-position: 50% 30%;}
	#section-21 h2{max-width: 850px;margin-right: auto;margin-left: auto;}
	.social-icon{margin:0 -32px 30px;}
	.social-icon img+img{margin-left: 15px;}

	#section-22 h2{margin-bottom: 20px;}

	#section-23 .media{margin-bottom: 10px;}
	#section-23 .media-body{vertical-align: middle;}

	#section-24{background: url(../img/bg-03.jpg) no-repeat right 55px;}
	#section-24 h2{font-size: 58px;margin-bottom: 40px;}
	#section-24 h2 small{font-size: 32px;color: #000;}
	#section-24 .mt{margin-top: 130px;}

	#section-25 h3{max-width: 560px;margin:30px auto;}

	.table.access-item{max-width: 890px;margin-left: auto;margin-right: auto;}
	.table.access-item > tbody > tr{margin-bottom: 6px;}
	.table.access-item > tbody > tr > td{padding: 0;vertical-align: middle;border-top:5px solid #ebebeb;color: #fff;}
	.table.access-item > tbody > tr > td.number{width: 73px;}
	.table.access-item > tbody > tr > td.number div{width: 73px;height: 62px;background-color: #01b1e2;
		border-radius: 8px 0 0 8px;font-size: 32px;font-weight: 600;text-align: center;line-height: 62px;}
	.table.access-item > tbody > tr > td.desc{height: 62px;background-color: #01b1e2;text-align: left;padding: 0 25px;
		font-family: 'Roboto', sans-serif;border-left:6px solid #ebebeb;}
	.table.access-item > tbody > tr > td.tag{border-left:6px solid #ebebeb;}
	.table.access-item > tbody > tr > td.tag div{width: 257px;height: 62px;background: url(../img/tag-01.png) no-repeat;
		text-align: center;line-height: 62px;font-size: 32px;font-weight: 600;padding-right: 30px;}
	.table.access-item > tbody > tr > td.tag div span{font-size: 18px;font-weight: 400;font-family: 'Roboto', sans-serif;}

	.pricing-wrap{max-width: 820px;margin:0 auto;}
	.pricing-item{background-color: #f8f8f8;box-shadow: 0 2px 7px rgba(0,0,0,.25);-webkit-box-shadow: 0 2px 7px rgba(0,0,0,.25);
		text-align: center;margin-bottom: 30px;border-radius: 4px;position: relative;color: #fff;}
	.pricing-type{background-color: #202223;height: 60px;font-size: 22px;font-weight: 600;line-height: 60px;
		border-radius: 4px 4px 0 0;}
	.pricing-price{background-color: #435053;padding: 20px 25px 15px;font-size: 24px;font-weight: 600;}
	.pricing-price span{font-size: 60px;}
	.pricing-desc{padding: 25px;color: #000;font-family: 'Roboto', sans-serif;font-size: 16px;}
	.pricing-desc ul{list-style: none;padding: 0;margin-bottom: 25px;}
	.pricing-desc ul>li{margin-bottom: 13px;}
	.pricing-desc ul>li span{font-weight: 500;}
	.pro::after{position: absolute;content: '';background: url(../img/badge.png) no-repeat;width: 98px;height: 99px;right: -5px;
		top:-6px;}
	.pro .pricing-type{background-color: #183651;}
	.pro .pricing-price{background-color: #02b1e2;}
	.guarantee{max-width: 294px;margin-right: 0;margin-left: auto;}

	.products{margin-top: 50px;}
	.products .media{border-bottom: 1px dashed #8c8c8c;padding-bottom: 50px;margin-bottom: 50px;}
	.products .media:last-child{border-bottom: none;margin-bottom: 20px;}
	.products .media-left{padding-right: 65px;}
	.bonus{font-size: 42px;color: #01b1e2;font-weight: 700;}
	.products h4{font-size: 30px;margin-top:0;}
	.products p{font-family: 'Roboto', sans-serif;}
	.product-value{font-size: 30px;font-weight: 600;color: #fff;background: url(../img/tag-02.png) no-repeat;width: 282px;
		height: 68px;padding-left: 90px;line-height: 68px;margin-top: 40px;}

	.author2{max-width: 320px;margin:40px auto;text-align: center;}
	.author2 p{margin-top: 10px;}
	hr{border-top: 1px dashed #8c8c8c;margin:60px auto;}

	.panel-group{margin-bottom: 60px;}
	.panel-group .panel + .panel{margin-top: 25px;}
	.panel{box-shadow: none;-webkit-box-shadow: none;font-family: 'Roboto', sans-serif;}
	.panel-heading{padding: 0;}
	.panel-heading a{background-color: #eaedee;padding: 15px 40px;font-size: 19px;font-weight: 500;color: #3a3b3d;
		display: block;text-decoration: none!important;position: relative;}
	.panel-heading a::after{position: absolute;content: '';width: 21px;height: 21px;background: url(../img/icon-pm.png) no-repeat;
		right: 20px;top:50%;margin-top: -10.5px;}
	.panel-heading a.collapsed::after{background-position: 0 -21px;}
	.panel-heading a img{margin-right: 25px;}
	.panel-body{border-top: 0;background-color: #d9dde1;font-size: 16px;color: #3a3b3d;padding: 25px 40px 15px;}

	footer{background-color: #202223;color: #a0a2a5;padding-top: 30px;padding-bottom: 30px;}
	.copy{font-size: 15px;line-height: 24px;font-family: Arial;padding: 11px 0;}


@media (max-width:1199px) {
	.laptop{width: 100%;height: 49vw;padding:3.5% 12%}
	#section-02 .img-wrap, #section-03 .img-wrap, #section-13 .img-wrap, #section-17 .img-wrap{margin-left: 0;margin-right: 0;}
	.social-icon{margin:0 auto 30px;text-align: center;}
	.social-icon img{width: 30%;}
	#section-24{-webkit-background-size: contain;background-size: contain;background-position: right 150px;}
	#section-24 h2{font-size: 46px;}
	#section-24 h2 small{font-size: 24px;}
}
@media (max-width:991px) {
	body{font-size: 16px;}
	.fz28{font-size: 18px;}
	.fz30{font-size: 20px;}
	.fz34{font-size: 24px;}
	.fz36{font-size: 26px;}
	.fz38{font-size: 28px;}
	.fz40{font-size: 30px;}
	.fz42{font-size: 31px;}
	.fz46{font-size: 34px;}
	#section-24{background-position: right 200px;}
	#section-24 h2{font-size: 38px;}
	#section-24 h2 small{font-size: 20px;}
	.guarantee{max-width: 100%;}
	.products h4{font-size: 24px;}
	.bonus{font-size: 32px;}
	.laptop{padding: 2.7% 12%;}
}
@media (max-width:767px) {
	body{font-size: 14px;}
	.fz28{font-size: 16px;}
	.fz30{font-size: 18px;}
	.fz34{font-size: 18px;}
	.fz36{font-size: 18px;}
	.fz38{font-size: 18px;}
	.fz40{font-size: 20px;}
	.fz42{font-size: 22px;}
	.fz46{font-size: 26px;}
	.mb40{margin-bottom: 20px;}
	.products h4{font-size: 20px;}
	.bonus{font-size: 26px;}
	h2{margin-bottom: 30px;}
	h3, h4, #section-01 .fz30{margin-bottom: 20px;}
	p{margin-bottom: 10px;}
	#section-01{margin-bottom: 0;padding-top: 30px;}
	#section-01 h1{margin-top: 20px;}
	.laptop{margin:20px auto -30px;}
	section{padding: 30px 0;}
	.media{margin-bottom: 20px;}
	.media-left{padding-right: 15px;}
	#section-05{padding: 0;}
	#section-05::before{display: none;}
	#section-05 .bg-gray{padding: 30px 0;height: auto;}
	.author .name, .author{margin-bottom: 20px;}
	.s16-item.has-dot::before{display: none;}
	#section-20 h4{font-size: 20px;}
	#section-20 .media-left img{width: 60px;}
	.social-icon img{width: 100%;}
	.social-icon img + img{margin-top: 15px;margin-left: 0;}
	#section-24{background-image: none;}
	#section-24 h2{font-size: 30px;text-align: center;}
	#section-24 .mt{margin-top: 10px;}
	.products{text-align: center;}
	.products .media-left{display: block;padding-right: 0;margin-bottom: 20px;}
	.products .media-body{display: block;width: 100%;}
	.product-value{margin:40px auto 0;text-align: left;}
	.panel-heading a{padding: 15px;font-size: 16px;padding-right: 25px;}
	.panel-heading a::after{right: 10px;}
	.panel-heading a img{margin-right: 5px;width: 24px;}
	.panel-body{padding: 15px 15px 10px;font-size: 14px;}
	footer, footer .text-right{text-align: center;}
	.copy{padding-bottom: 0;}
	.pricing-desc{font-size: 14px;}
	.laptop{padding: 3.5% 12%}

	.axs-item{color: #fff;margin-bottom: 20px;}
	.axs-item .number{width: 62px;height: 62px;background-color: #01b1e2;float: left;
		border-radius: 4px 0 0 4px;font-size: 24px;font-weight: 600;text-align: center;line-height: 62px;}
	.axs-item .desc{height: 62px;background-color: #01b1e2;text-align: left;padding: 2px 15px;margin-left: 62px;
		font-family: 'Roboto', sans-serif;border-left:4px solid #ebebeb;border-radius: 0 4px 4px 0;}
	.axs-item .tag{width: 257px;height: 62px;background: url(../img/tag-01.png) no-repeat;margin-top: 4px;
		text-align: center;line-height: 62px;font-size: 32px;font-weight: 600;padding-right: 30px;
		border-radius: 4px 0 0 4px;overflow:hidden;}
	.axs-item .tag span{font-size: 18px;font-weight: 400;font-family: 'Roboto', sans-serif;}
}