/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


/*---------- Wrapper & Basic Layout & Boxed Layout ----------*/
* { position:relative; margin:0; padding:0; font-family: 'Noto Sans KR', 'Sans-serif'; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.wrapper { top:0; bottom:0; left:0; right:0; overflow:hidden; display:block; background:#FFF; }
.wrapper.indexPage { padding-top:0; }
.mainContainer { float:none; clear:both; width:100%; max-width:1440px; height:auto; margin:0 auto; padding:0 40px; text-align:center; display:table; }
.subBodyCon { float:none; clear:both; width:100%; max-width:1440px; height:auto; margin:0 auto; padding:20px 20px 50px; text-align:center; display:table; }
#contentBody { float:none; clear:both; width:100%; height:auto; padding-top:65px; display:table; }
#contentBody.mainIndex { padding-top:0; }
.contentsBox { float:left; clear:both; width:100%; height:auto; display:table; }
.pageLoca { width:100%; margin:0 0 30px !important; border-bottom:1px solid #CCC; display:table; }
.pageLoca > h2 { float:right; margin:10px 0; padding:0 15px; color:#666; font-size:18px; font-weight:400 !important; line-height:35px; display:inline-block; }
#InqueryBtn { position:fixed; bottom:15px; left:10px; width:auto; height:46px; margin:0; padding:0 20px; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:16px; font-weight:400; color:#FFF; line-height:46px; display:block; z-index:990; background:#d44b43; border-radius:23px !important; box-shadow:2px 2px 5px rgba(0,0,0,0.3); }
.back-to-top { background:#15aab4 !important; }
.mainDevider { position:relative; clear:both; float:left; width:100%; height:1px; margin:0; padding:40px 0; text-align:center; display:block; background:#FFF; }
.mainDevider::before { content:""; position:relative; width:60%; max-width:800px; height:1px; display:inline-block; background:#777; }
.mainDevider::after { content:""; position:absolute; top:50%; left:50%; width:20px; height:20px; display:inline-block; background:#FFF; border:1px solid #777; z-index:+1; -webkit-transform:rotateZ(45deg); transform:rotateZ(45deg); transform-origin: top left; }

@media (min-width:992px) {
	.mainContainer { padding:0 25px; }
	#InqueryBtn { display:block; }
	.mainDevider { padding:30px 0; }
	.mainDevider::after { width:15px; height:15px; margin-top:4px; }
}
@media (max-width:767px){ /* 모바일 스타일*/
	.mainContainer { padding:0 20px; }
	#contentBody { padding-top:65px; }
	.pageLoca { margin:0 0 20px !important; }
	.pageLoca > h2 { margin:5px 0; padding:0 10px; font-size:14px; line-height:25px; }
	#InqueryBtn { left:10px; right:auto; height:36px; padding:0 15px; font-size:13px; line-height:36px; border-radius:18px !important; }
}


/*---------- Header 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header { position:fixed; top:0; left:0; clear:both; width:100%; height:65px; margin:0; padding:0; display:block; background:#FFF !important; box-shadow:0 1px 2px rgba(0,0,0,0.2); border:0; z-index:1010; }
#header .header_logo { position:relative; float:left; width:auto; height:55px; margin:5px 10px; padding:0; display:block; }
#header .header_logo img { position:relative; width:auto; height:100%; margin:0 auto; display:block; }
#header .header-icon { position:absolute; top:5px; right:0; width:auto; height:55px; margin:0; padding:10px; display:none; }
#header .header-icon span { padding:0 10px; line-height:35px; color:#000; font-size:24px; display:inline; }
#header .header-icon .telnum { height:40px; padding:0 15px 0 20px; line-height:40px; color:#FFF; font-size:14px; background:#b81c22; border-radius:10px 0 0 10px !important; box-shadow:1px 1px 2px rgba(0,0,0,0.2); display:table; }

ul#header_nav { position:relative; float:right; width:auto; height:35px; margin:15px 0; padding:0 10px; display:table; }
ul#header_nav li { position:relative; float:left; width:auto; height:35px; margin:0; padding:5px 10px; text-align:center; font-size:15px; line-height:25px; font-weight:400; color:#000; display:inline-block; }
ul#header_nav li:hover { color:#F44; }
ul#header_nav li:last-child { margin:0 15px; padding:5px 30px; color:#FFF !important; font-weight:400; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; animation: gradient 30s ease infinite; border-radius:18px !important; }
ul#header_nav li:last-child a { color:#FFF !important; }

#portfolioHbtn { position:fixed; top:0; left:0; width:100%; height:auto; margin:0; padding:8px 0 0; text-align:center; display:none; background:#FFF; box-shadow:0 1px 2px rgba(0,0,0,0.15); z-index:1005; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
#portfolioHbtn.showup { top:65px; display:block; background:#F1F1F1; }

#infoCue { position:relative; float:right; width:auto; height:auto; margin:0; padding:5px; font-size:12px; line-height:25px; font-weight:400; color:#000; display:none; }
@keyframes gradient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

#mMenuBox { position:fixed; top:0; left:0; width:100%; height:0; margin:0; padding:0; overflow:hidden; display:none; background:transparent; z-index:1009; }
#mMenuBox.showMenu { height:100%; }
#mMenuBox .bgBtn { position:relative; float:left; width:100%; height:100%; margin:0; padding:0; display:block; opacity:0.6; background-color:rgba(0,0,0,0.8); background-image:url(../image/bg_dot.png); background-size:4px 4px; background-position:center; background-repeat:repeat;  }
ul#mobile_nav { position:absolute; top:50px; left:0; width:100%; height:auto; margin:0 auto; padding:40px 20px; display:table; background:#FFF; z-index:+1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul#mobile_nav li { position:relative; float:left; width:25%; height:40px; margin:0; padding:0 10px; text-align:center; text-indent:15px; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:40px; letter-spacing:0.05em; font-weight:400; color:#444; display:inline-block; }
ul#mobile_nav li a { padding:5px; color:inherit; border-bottom:1px dotted #999; }

.imqueryBtn { position:absolute; bottom:0; left:0; width:100%; height:60px; margin:0; padding:10px; display:block; background:#CCC; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

@media (max-width:991px){
	#header { z-index:1060; }
	ul#header_nav { float:right; padding:0; }
	ul#header_nav li {padding:5px; font-size:14px; }
	ul#header_nav li:last-child { margin:0 10px; padding:5px 20px; }
}
@media (max-width:767px){
	#header { height:65px; }
	#header .header_logo { height:50px; margin:10px 0 0; }
	ul#header_nav { display:none; }
	#header .header-icon { display:block; }
	#header .header-icon .telnum { display:none; }
	#header .styleViewM { display:block; }
	#mMenuBox { display:block; }
}

/*---------- Header 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------- Footer 시작 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer { position:relative; clear:both; width:100%; height:200px; margin:0; padding:0; overflow:hidden; display:block; background:#F4F4F1; }
#footer .mainContainer { padding:20px 0 !important; text-align:center; }
#footer .footerInner { position:relative; clear:both; width:100%; height:120px; margin:0; padding:20px 0 0; display:block; }
#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px 20px; display:block; }
#footer .footerInner .footLogo img { position:relative; width:auto; height:100%; margin:0 auto; display:block; }
#footer .footerInner .footInfo { position:absolute; bottom:0; right:0; width:auto; height:auto; padding:10px 20px; text-align:right; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:14px; line-height:25px; color:#444; display:inline-block; }
#footer .footerInner .footInfo_m { position:relative; width:100%; height:auto; padding:10px 0; text-align:center; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:12px; line-height:20px; color:#444; display:none; }
#footer .footerInner .footInfo span { word-break: keep-all; white-space: nowrap; }
#footer .footerInner .footInfo span.info-divider { padding:0 5px; }
#footer .copyright { position:relative; clear:both; width:100%; height:50px; margin:0; padding:0; text-align:center; font-family: 'Noto Sans KR', 'Sans-serif'; font-size:13px; color:#666; line-height:50px; display:inline-block; border-top:1px solid #AAA; }
#footer .copyright a { color:inherit; }
@media (max-width:991px){
	#footer { height:180px; }
	#footer .footerInner { height:140px; padding:40px 0 0; }
	#footer .footerInner .footLogo { position:relative; float:left; width:auto; height:100%; padding:10px 20px; display:block; }
	#footer .footerInner .footInfo { padding:10px 20px; font-size:13px; line-height:22px; color:#999; }
	#footer .copyright { height:40px; font-size:12px; line-height:40px; }
}
@media (max-width:767px){
	#footer, #footer .footerInner { height:auto; }
	#footer .footerInner .footLogo { width:100%; height:auto; padding:10px 20px; }
	#footer .footerInner .footLogo img { width:220px; height:auto; margin:0 auto; display:block; }
	#footer .footerInner .footInfo { display:none; }
	#footer .footerInner .footInfo_m { display:inline-block; }

}
/*---------- Footer 끝 -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*---------- Main Layout ----------*/
section.section  { position:relative; clear:both; float:left; width:100%; height:auto; margin:0; padding:0; display:block; background:#FFF; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
.mainSectionTitle { width:100%; height:auto; margin-bottom:80px; line-height:1.7em; display:block; }
.mainSectionTitle h2 { width:100%; height:auto; margin-bottom:25px; padding:5px 0 25px; text-align:center; font-size:38px; font-weight:900; color:#000; letter-spacing:-0.05em; display:inline-block; }
.mainSectionTitle h2::after { content:""; position:absolute; bottom:0; left:50%; clear:both; width:160px; height:1px; margin-left:-80px; display:block; background:#000; }
.mainSectionTitle h4 { width:100%; height:auto; padding:5px 0; text-align:center; font-size:22px; font-weight:300; color:#888; display:inline-block; }
section#pt_Ceiling, section#pt_Design { background:#F6F6F6; }

#mainKeyview { width:100%; height:auto; padding:0; display:block; background:#FFF; }
#mainInfo { width:100%; height:auto; padding:80px 0; display:block; background:#FFF; }
#mainInfo .mainContainer { padding:0 !important; }
#mainStyle { width:100%; height:auto; padding:80px 0; display:block; background:#ebeae8; }
#mainCustomCenter { width:100%; height:auto; padding:0; display:block; background:#FFF; }
#mainSlogan { width:100%; height:540px; display:block; background:#FFF; }

#portfolioSelector { position:relative; clear:both; float:left; width:100%; height:auto; margin:10px 0 0; padding:10px 0; text-align:center; display:block; background:#FFF; -webkit-transition:all 1.0s ease-in-out; -o-transition:all 1.0s ease-in-out; -moz-transition:all 1.0s ease-in-out; -ms-transition:all 1.0s ease-in-out; transition:all 1.0s ease-in-out; }
ul.portfolioSelectorBtn { position:relative; clear:both; width:auto; height:auto; margin:0 auto; padding: 0; text-align:center; display:inline-block; }
ul.portfolioSelectorBtn li { position:relative; float:left; width:auto; height:40px; margin:0 5px; padding:5px 30px; cursor:pointer; text-align:center; font-size:15px; line-height:30px; font-weight:400; color:#000; display:block; background:#FFF; border:1px solid #CCC; border-radius:20px !important; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
ul.portfolioSelectorBtn li.selected { color:#FFF !important; background:#15aab4; border-color:#15aab4; }
ul.portfolioSelectorBtn li a { color:#FFF !important; }

#scrollCubicle { width:100%; height:auto; padding:80px 0; overflow-x:hidden display:block; background-image: linear-gradient(#FFFFFF, #F6F6F6); }
#scrollCubicle .row { width:1000px; height:auto; padding:0; overflow-x:hidden; display:block; box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; }
#scrollCubicle .row ul.scrollClist { position:relative; float:left; width:4000px; height:auto; padding:10px; display:table; }
#scrollCubicle .row ul.scrollClist li { position:relative; float:left; width:350px; height:auto; margin:0 10px; display:block; border-radius:5px !important; background-color:#ffeab4; background-position:center; background-repeat:no-repeat; background-size:cover; }
#scrollCubicle .row ul.scrollClist li:before { content: ""; display: block; padding-top:60%; /* 3:2 비율 */ }
#scrollCubicle .row:nth-child(even) ul.scrollClist, #scrollCubicle .row:nth-child(even) ul.scrollClist li { float:right; }
#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:185px }

@media (max-width:1152px){
	.mainSectionTitle h2 { font-size:36px; }
	#mainInfo { padding:70px 0; }
	#mainSlogan { height:480px; }
}
@media (max-width:991px){
	.mainSectionTitle { margin-bottom:60px; }
	.mainSectionTitle h2 { margin-bottom:20px; padding:5px 0 20px; font-size:32px; }
	.mainSectionTitle h2::after { width:120px; margin-left:-60px; }
	.mainSectionTitle h4 { font-size:18px; }
	
	#mainInfo { padding:60px 0; }
	#mainSlogan { height:440px; }

	#scrollCubicle { padding:20px 0 60px; }
	#scrollCubicle .row { transform:translateX(15px); -webkit-transform:translateX(15px); -ms-transform:translateX(15px); }
	#scrollCubicle .row ul.scrollClist { width:2600px; padding:5px; }
	#scrollCubicle .row ul.scrollClist li { width:240px; margin:0 3px; border-radius:5px !important; }
	#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:100px }

}
@media (max-width:767px){
	.mainSectionTitle { margin-bottom:60px; }
	.mainSectionTitle h2 { margin-bottom:15px; padding:5px 0 15px; font-size:28px; }
	.mainSectionTitle h2::after { width:100px; margin-left:-50px; }
	.mainSectionTitle h4 { font-size:14px; }

	#mainKeyview { padding:0; }
	#mainInfo { padding:60px 0; }
	#mainSlogan { height:320px; }
	#mainCustomCenter { padding:70px 20px; display:block; }

	#portfolioSelector { margin:10px 0 0; padding:0; }
	ul.portfolioSelectorBtn li { height:36px; margin:0 2px; padding:5px 13px; font-size:13px; line-height:24px; border:1px solid #CCC; border-radius:18px !important; }

	#scrollCubicle { padding:20px 0 60px; }
	#scrollCubicle .row { transform:translateX(15px); -webkit-transform:translateX(15px); -ms-transform:translateX(15px); }
	#scrollCubicle .row ul.scrollClist { width:1500px; padding:5px; }
	#scrollCubicle .row ul.scrollClist li { width:120px; margin:0 3px; border-radius:3px !important; }
	#scrollCubicle .row:nth-child(3) ul.scrollClist { padding-left:100px }
}

/* waypoints 애니메이션 */
@media (min-width:992px){
    /* 위로 가는 애니메이션 */
    .waypoints-up {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
    .w-active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 아래로 가는 애니메이션 */
    .waypoints-down {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-o-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    .w-active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 오른쪽으로 가는 애니메이션 */
    .waypoints-right {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(-30px,0,0);-moz-transform:translate3d(-30px,0,0);-o-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
    .w-active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 왼쪽으로 가는 애니메이션 */
    .waypoints-left {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
    .w-active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 가운데 출력 애니메이션 */
    .waypoints-center {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
    .w-active .waypoints-center {opacity:1}
    /* 딜레이 */
    .delay-01 {-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}
	.delay-02 {-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;-ms-transition-delay:.2s;transition-delay:.2s}
	.delay-03 {-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
	.delay-04 {-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;-ms-transition-delay:.4s;transition-delay:.4s}
	.delay-05 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
	.delay-06 {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s}
	.delay-07 {-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;-ms-transition-delay:.7s;transition-delay:.7s}
	.delay-08 {-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;-ms-transition-delay:.8s;transition-delay:.8s}
	.delay-09 {-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;-ms-transition-delay:.9s;transition-delay:.9s}
    .delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
    .delay-15 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
    .delay-20 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
    .delay-25 {-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
    .delay-30 {-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s}
}