@charset "UTF-8";

#ly-Visual { height:100vh; position:relative; z-index:1; overflow:hidden; background-color:#1a1a1a; }
#ly-Visual div.visual { width:100%; height:100%; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; -ms-flex-pack:center; justify-content:center; position:absolute; top:0; lefT:0; z-index:3; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#ly-Visual div.visual div.frame-custom h2 { color:#fff; }
#ly-Visual div.frame-custom { padding-left:20px; padding-right:20px; color:#444; }
#ly-Visual div.visual h2 { font-weight:100; }
#ly-Visual div.visual h2 span { display:block; }
#ly-Visual div.visual h2 b { font-weight:900; }
#ly-Visual div.visual p[data-object='descript'] { color:#ccc; font-weight:100; font-size:1.1em; }
#ly-Visual div.visual p[data-object='descript'] span { line-height:1.8; }
#ly-Visual div.visual div[data-object='learn'] a { color:#fff; text-decoration:none; }
#ly-Visual div.owl-carousel,
#ly-Visual div.owl-stage-outer,
#ly-Visual div.owl-stage,
#ly-Visual div.owl-item { height:100%; }

#ly-Dots { width:100%; height:40px; margin-right:-10px; position:absolute; left:20px; bottom:20px; z-index:6; display:-ms-flexbox; display:flex; }
#ly-Dots div.owl-dot button { border:none; background-color:transparent; margin-right:10px; }
#ly-Dots div.owl-dot button div { min-width:40px; min-height:40px; padding:10px 15px; opacity:.4; display:-ms-flexbox; display:flex; -ms-flex-align:center; align-items:center; position:relative; z-index:-1; border-radius:200px; color:#fff; background-color:rgba(255, 255, 255, .05); transition:background-color ease .5s; }
#ly-Dots div.owl-dot button:focus div,
#ly-Dots div.owl-dot button:hover div { background-color:rgba(255, 255, 255, .1); opacity:1; }
#ly-Dots div.owl-dot button div span { line-height:1; }
#ly-Dots div.owl-dot button div span.hide { display:none; }
#ly-Dots div.owl-dot button:focus div span,
#ly-Dots div.owl-dot button:hover div span { color:#fff; }
#ly-Dots div.owl-dot.active button div { padding:10px 20px; font-weight:700; opacity:1; }
#ly-Dots div.owl-dot.active button div span { color:#fff; }
#ly-Dots div.owl-dot.active button div span:first-of-type { display:none; }
#ly-Dots div.owl-dot.active button div span:last-of-type { display:block; }
#ly-Dots div.owl-dot.active:nth-of-type(1) button div { background-color:rgba(0, 120, 229, .5); }
#ly-Dots div.owl-dot.active:nth-of-type(2) button div { background-color:rgba(229, 0 ,120, .5); }
#ly-Dots div.owl-dot.active:nth-of-type(3) button div { background-color:rgba(120, 0 ,229, .5); }

#ly-Solutions { background-color:#fff; }
#ly-Solutions div.solutions dl { color:#222; }
#ly-Solutions div.solutions dt { font-family:'Montserrat'; font-weight:700; }
#ly-Solutions div.solutions dd.descript span { line-height:1.6; }

/* Mobile */
@media screen and (min-width:1px) and (max-width:799.99px) {
	#ly-Visual div.frame-custom dt { font-size:1.4em; }

	#ly-Dots div.owl-dot button div span.hide { display:none; }

	#ly-Solutions div.solutions p.image { text-align:center; }
	#ly-Solutions div.solutions p.image img { max-width:100%; }
	#ly-Solutions div.solutions dl { margin-top:20px; }
	#ly-Solutions div.solutions dt { font-size:1.6em; text-align:center; }
	#ly-Solutions div.solutions dd { margin-top:20px; }
	#ly-Solutions div.solutions dd.descript p:not(:first-of-type) { margin-top:20px; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1219.99px) {
	#ly-Visual div.frame-custom { width:100%; text-align:center; }
	#ly-Visual div.visual h2 { font-size:4em; }
	#ly-Visual div.visual p[data-object='descript'] { margin-top:20px; }
	#ly-Visual div.visual div[data-object='learn'] { margin-top:50px; font-size:1.4em; }

	#ly-Solutions div.solutions div.bb-item { padding:40px 20px; }
	#ly-Solutions div.solutions div.bb-item:not(:first-of-type) { border-top:1px solid #dadada; }

	div.bb-item { display:block !important; background-color:#fff; }
	div.solutions nav { display:none; }
}

/* Tablet */
@media screen and (min-width:800px) and (max-width:1219.99px) {
	#ly-Visual div.frame-custom dt { font-size:1.5em; }

	#ly-Solutions div.solutions div.website,
	#ly-Solutions div.solutions div.standard,
	#ly-Solutions div.solutions div.partner { display:-ms-flexbox; display:flex; -ms-flex-direction:row-reverse; flex-direction:row-reverse; }
	#ly-Solutions div.solutions p.image { margin-left:20px; }
	#ly-Solutions div.solutions p.image img { width:200px; }
	#ly-Solutions div.solutions dl { -ms-flex:1; flex:1; }
	#ly-Solutions div.solutions dt { font-size:2.5em; }
	#ly-Solutions div.solutions dd { margin-top:20px; }
	#ly-Solutions div.solutions dd.descript p:not(:first-of-type) { margin-top:20px; }
}

/* Tablet & Desktop */
@media screen and (min-width:800px) {
    #ly-Visual div.content p { font-size:5em; }
	#ly-Visual div.content dd.descript span { display:block; line-height:2; }
	#ly-Visual div.content dd.descript { font-size:1.2em; }
}

/* Desktop */
@media screen and (min-width:1020px) {
	#ly-Visual div.frame-custom h2 { font-size:5em; }
	#ly-Visual div.frame-custom dt { margin-top:30px; font-size:1.6em; }
	#ly-Visual div.frame-custom dd { margin-top:100px; }
	#ly-Visual div.frame-custom dd span { display:block; line-height:2; }

	#ly-Dots div.owl-dot button div span.parent { font-size:1.1em; }
}

/* Desktop : 1020 */
@media screen and (min-width:1020px) and (max-width:1219.99px) {
	#ly-Navi-Main ul.sns { right:15px; }

	#ly-Visual div.frame-custom { width:100%; text-align:center; }
	#ly-Visual div.frame-custom dt span { display:none; }
}

/* Desktop : 1220 */
@media screen and (min-width:1220px) {
	#ly-Layout { min-width:1200px; }

	#ly-Header { min-width:1200px; }

	#ly-Visual { min-height:800px; }
	#ly-Visual div.frame-custom { width:100%; min-height:500px; margin-top:200px; margin-bottom:70px; }
	#ly-Visual div.visual h2 { margin-left:10%; }
	#ly-Visual div.visual p[data-object='descript'] { margin-left:10%; margin-top:30px; }
	#ly-Visual div.visual p[data-object='descript'] span { display:block; line-height:1.8; }
	#ly-Visual div.visual div[data-object='learn'] { margin-top:70px; margin-left:10%; font-size:1.6em; }
	#ly-Visual div.visual div[data-object='image'] { width:100%; height:100%; top:0; left:0; position:absolute; z-index:-1; background-repeat:no-repeat; background-size:cover; -ms-filter:blur(40px); filter:blur(40px); transition:all ease 1s; opacity:0; }
	#ly-Visual div.visual-1 div[data-object='image'] { background-position:200px center; background-image:url('../../img/view/index/img-slide-1.jpg'); }
	#ly-Visual div.visual-2 div[data-object='image'] { background-position:200px 100px; background-image:url('../../img/view/index/img-slide-2.jpg'); }
	#ly-Visual div.visual-3 div[data-object='image'] { background-position:right 200px; background-image:url('../../img/view/index/img-slide-3.jpg'); }
	#ly-Visual div.visual div[data-object='image'].active { opacity:1; -ms-filter:blur(0); filter:blur(0); background-position:right center; }

	#ly-Footer div.frame-footer { width:1200px; margin-left:auto; margin-right:auto; }
}