@charset "utf-8";

/*
	Efe Tunçer
	June, 2015
	____________________
	http://efetuncer.com
*/

@import url('Reset.css');

html { width:100%; height:100%; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
body { width:100%; height:100%; background:#000; font-size:62.5%; font-family:'Open Sans'; line-height:1; }
input, textarea, button, select { font-size:140%; font-family:'Open Sans'; color:#fff; }
a { text-decoration:none; color:inherit; transition:.3s; }
a > i { margin-right:3px; }
img, button { border:none; }
strong { font-weight:700; }

::-webkit-input-placeholder { font-family:'Open Sans'; font-size:100%; color:#666; }
:-moz-placeholder { font-family:'Open Sans'; font-size:100%; color:#666; }
::-moz-placeholder { font-family:'Open Sans'; font-size:100%; color:#666; }
:-ms-input-placeholder { font-family:'Open Sans'; font-size:140%; color:#666; }

.ta-center { text-align:center; }

.app-width { width:960px; margin:0 auto; }

#appbg { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; }
#appbg > * { width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background-repeat:no-repeat; background-position:center; background-size:cover; }
#appbg > .bgs { overflow:hidden; }
#appbg > .bgs > img { width:auto; height:100%; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; display:block; z-index:0; opacity:0; /*transition:opacity 3s;*/ }
#appbg > .bgs > img:first-child { z-index:1; opacity:1; }
#appbg > .brands { background-image:url(i/bg-brands.png); opacity:.25; }

#app { width:100%; height:100%; position:relative; overflow:hidden; }
#apphead { width:100%; }
#apphead .info-bar { width:970px; height:30px; margin:0 auto; padding:0 10px; box-sizing:border-box; position:relative; overflow:hidden; font-size:150%; color:#ccc; background:rgba(0,0,0,.5); border-left:5px solid #000; border-right:5px solid #000; }
#apphead .info-bar > .l { width:50%; float:left; }
#apphead .info-bar > .r { width:50%; float:right; text-align:right; }
#apphead .info-bar > .l a + a { margin-left:5px; }
#apphead .info-bar a:hover { color:#fff; }
#apphead .info-bar > * { margin-top:6px; }
#apphead .logo-bar { width:100%; height:140px; background:rgba(0,0,0,.75) }
#apphead .logo-bar > .w { width:960px; height:100%; margin:0 auto; background:rgba(0,0,0,.5); border-left:5px solid #000; border-right:5px solid #000; position:relative; }
#apphead .logo-bar .logo { width:275px; height:85px; background:url(i/logo.png) no-repeat center; background-size:cover; position:absolute; top:24px; left:-5px; }
#apphead .logo-bar .nr1 { width:275px; height:123px; background:url(i/head-nr1.png) no-repeat center; background-size:cover; position:absolute; left:330px; top:8px; }
#apphead .logo-bar .slnk { width:auto; height:auto; padding:20px 10px 20px 15px; position:absolute; right:0; top:20px; overflow:hidden; }
#apphead .logo-bar .slnk a { font-size:60px; color:#ccc; display:block; float:left; position:relative; outline:none; user-select:none; }
#apphead .logo-bar .slnk a + a { margin-left:15px; }
#apphead .logo-bar .slnk a:after { content:''; width:90px; height:90px; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:-15px; top:-15px; transform:rotate(-180deg); opacity:0; transition:transform .3s, opacity .3s; }
#apphead .logo-bar .slnk a.lc:after { background-image:url(i/ct-lc.png); }
#apphead .logo-bar .slnk a.fb:after { background-image:url(i/ct-fb.png); }
#apphead .logo-bar .slnk a.gp:after { background-image:url(i/ct-gp.png); }
#apphead .logo-bar .slnk a.fs:after { background-image:url(i/ct-fs.png); }
#apphead .logo-bar .slnk a:hover { text-shadow:0 0 5px #fff; color:#fff; }
#apphead .logo-bar .slnk a:hover:after { transform:rotate(0); opacity:1; }

#appbody { width:1100px; position:absolute; top:270px /*-250-*/; bottom:100px /*-80-*/; left:0; right:0; margin:0 auto; perspective:1800px; }
.page { width:100%; height:100%; background:rgba(0,0,0,.85); opacity:0; display:none; font-size:100%; position:absolute; left:0; right:0; top:0; bottom:0; transition:background-color .3s, border-color .3s; border:2px solid rgba(255,255,255,.5); }
.page:hover { background:rgba(0,0,0,.90); border-color:rgba(255,255,255,1); }
.page.show { display:block; transform-origin:50%; animation:anim-pageIn .4s both ease-in-out; }
.page.hide { display:block; transform-origin:50%; animation:anim-pageOut .4s both ease-in-out; }
.page.switch { display:block; transform-origin:50%; animation:anim-pageSwitch .4s both ease-in-out; }
.page > .close { width:224px; height:42px; background:url(i/page-close.png) no-repeat center; position:absolute; right:10px; top:0; }
.page > .close > .btn { color:#ccc; font-size:12px; position:absolute; top:10px; left:98px; transition:color .2s, transform 0s; }
.page > .close > .btn:hover { color:#fff; text-shadow:0 0 5px #fff; }
.page > .close > .btn:active { transform:scale(.8,.8); }
.page > .body { position:absolute; top:35px; right:10px; bottom:10px; left:10px; color:#ccc; font-size:160%; overflow:hidden; }
.page > .body .title { font-size:240%; color:#fff; font-weight:300; display:block; text-align:center; margin:0 0 15px 0; cursor:default; opacity:0; transition:opacity .5s; }
.page > .body .subtitle { font-size:140%; color:#fff; font-weight:300; display:block; text-align:center; margin:0 0 5px 0; cursor:default; }
.page > .body .subtitle strong { font-weight:400; }
.page > .body .nrwtitle { font-family:'Open Sans Condensed'; font-weight:700; font-size:120%; margin:15px 0 5px 0; }
.page > .body .ulist { margin:10px 0; }
.page > .body .ulist li { margin:5px 0; }
.page > .body p.b { font-size:140%; margin:20px 0; }
.page > .body p.ns { font-family:'Open Sans Condensed'; font-weight:700; font-size:150%; text-align:center; line-height:1.1; }
.page > .body address { line-height:1.5; }
.page > .body p.ta { font-size:300%; color:#999; position:absolute; left:0; right:0; top:42%; margin:auto; text-align:center; font-weight:300; cursor:default; user-select:none; }
.page > .body .hr { width:80%; height:1px; border-bottom:1px dashed #999; margin:20px auto; }
.page > .body .cs { overflow:hidden; }
.page > .body .cs > .c { width:50%; float:left;  }
.page > .body .subext { position:absolute; margin:2px 0 0 5px; font-size:80%; font-weight:700; color:#fff; }

@keyframes anim-pageIn { from { opacity:0; transform:rotateY(90deg); } to { opacity:1; transform:rotateY(0); } }
@keyframes anim-pageOut { from { opacity:1; transform:rotateY(0); } to { opacity:0; transform:rotateY(90deg); } }
@keyframes anim-pageSwitch { from { opacity:1; transform:rotateY(0); } to { opacity:0; transform:rotateY(-90deg); } }

.sepfx { width:700px; height:30px; position:relative; margin:0 auto; }
.sepfx .icon-star { margin:0 7px; position:absolute; cursor:default; left:0; right:0; margin:0 auto; opacity:0; }
.sepfx .s0 { font-size:25px; }
.sepfx .s1 { font-size:20px; top:3px; margin-right:70px; }
.sepfx .s1~.s1 { margin-left:70px; margin-right:auto; }
.sepfx .s2 { font-size:15px; top:5px; margin-right:140px; }
.sepfx .s2~.s2 { margin-left:140px; margin-right:auto; }
.sepfx .s3 { font-size:10px; top:7px; margin-right:200px; }
.sepfx .s3~.s3 { margin-left:200px; margin-right:auto; }
.sepfx .s4 { font-size:5px; top:9px; margin-right:260px; }
.sepfx .s4~.s4 { margin-left:260px; margin-right:auto; }
.sepfx .sep-line { display:inline-block; width:200px; height:1px; background:url(i/sep-line.png) left top no-repeat; vertical-align:top; position:absolute; top:11px; opacity:0; }
.sepfx .sep-line-left { left:0;  }
.sepfx .sep-line-right { right:0; background-position:right top; }

.page-shown > .body .title { opacity:1; }
.page-shown .sepfx .s0 { animation:sepfx-sx 1s ease-in forwards; }
.page-shown .sepfx .s1 { animation:sepfx-sx 1s ease-in 200ms forwards; }
.page-shown .sepfx .s2 { animation:sepfx-sx 1s ease-in 400ms forwards; }
.page-shown .sepfx .s3 { animation:sepfx-sx 1s ease-in 600ms forwards; }
.page-shown .sepfx .s4 { animation:sepfx-sx 1s ease-in 800ms forwards; }
.page-shown .sepfx .sep-line-left { animation:sepfx-line-l 1s ease-in forwards; }
.page-shown .sepfx .sep-line-right { animation:sepfx-line-r 1s ease-in forwards; }

@keyframes sepfx-sx { from { opacity:0; transform:scale(2,2); text-shadow:0 0 5px #fff; } to { opacity:1; transform:scale(1,1); text-shadow:none; } }
@keyframes sepfx-line-l { from { opacity:0; transform:translateX(-20px); } to { opacity:1; transform:translateX(0); } }
@keyframes sepfx-line-r { from { opacity:0; transform:translateX(20px); } to { opacity:1; transform:translateX(0); } }

div.brands span { background-color:rgba(0,0,0,0); transition:background-color .2s; display:inline-block; }
div.brands span:hover { background-color:rgba(0,0,0,1); }
div.brands img { width:auto; height:150px; position:relative; transition:filter .2s, -webkit-filter .2s; opacity:0; }
div.brands img:hover { filter:drop-shadow(0 0 3px #fff); -webkit-filter:drop-shadow(0 0 3px #fff); }

div.images a { margin:7px; display:inline-block; border:1px solid rgba(0,0,0,0); padding:0; font-size:0; opacity:0; }
div.images a img { width:auto; height:150px; -webkit-filter:grayscale(100%); filter:gray; filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:grayscale(100%); transition:filter .2s, -webkit-filter .2s; }
div.images a:hover { border-color:rgba(255,255,255,1); }
div.images a:hover img { -webkit-filter:none; filter:none; }

div.ltext { margin:20px 50px; }
div.ltext > p { line-height:1.5; }
div.ltext > p + p { margin-top:15px; }

.d-logo { width:135px; height:65px; display:inline-block; background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
.d-logo-0 { width:240px; height:60px; background-image:url(i/bl/dickman.png); background-position:center; margin:10px 0; }
.d-logo-1 { background-image:url(i/bl/d-generation.png); }
.d-logo-2 { background-image:url(i/bl/d-fashion.png); }
.d-logo-3 { background-image:url(i/bl/d-shoes.png); }

#apppageHome .logo-text { width:0; font-size:20px; font-weight:300; text-align:center; letter-spacing:3px; white-space:nowrap; overflow:hidden; margin:0 auto; cursor:default; position:relative; }
#apppageHome .nr1img { display:block; margin:25px auto; opacity:0; }
#apppageHome .appvideo { display:block; margin:25px auto; opacity:0; }
#apppageHome .pick-buy { font-size:140%; margin-top:20px; opacity:0; }
#apppageHome .ns { opacity:0; }
#apppageHome .card-icons { margin-top:20px; font-size:48px; opacity:0; }
#apppageHome .card-icons i { margin:0 10px; }

#apppageAbout .ltext { opacity:0; }

#apppageContact .brnd { font-size:200%; font-weight:300; margin:20px 0 10px 0; cursor:default; }
#apppageContact .brndsub { font-size:160%; font-weight:400; cursor:default; }
#apppageContact .cs { width:980px; margin:0 auto; padding-bottom:30px; }
#apppageContact .cs > .c { width:480px; }
#apppageContact .cs > .c.r { margin-left:20px; }
#apppageContact .gmap { width:100%; height:300px; background:#000; border:1px solid #666; box-sizing:border-box; margin-top:10px; }

#appfoot { width:100%; height:50px; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; }
#appfoot > .w { width:960px; height:100%; margin:0 auto; background:rgba(0,0,0,.5); border-left:5px solid #000; border-right:5px solid #000; position:relative; }
#appfoot > .w:after { content:''; width:100%; height:30px; background:url(i/foot-is.png) no-repeat center; position:absolute; left:0; top:-30px; }
#appfoot .cr { font-size:130%; color:#ccc; text-align:center; line-height:1; position:relative; top:2px; z-index:1; }
#appfoot .cr.s { font-size:120%; margin-top:5px; }

.submenu { position:absolute; left:22px; text-align:left; list-style:none; z-index:1000; display:none; margin-top:5px; }
.submenu > li { font-size:14px; padding:7px 50px 7px 10px; display:block; background:rgba(222,82,7,.8); color:#fff; position:relative; }
.submenu > li:hover { background:rgba(222,82,7,1); }
.submenu > li > a > span { position:absolute; top:7px; right:10px; font-weight:bold; width:20px; text-align:center; }
.submenu > li.a > a { text-shadow:0 0 5px #fff; cursor:default; }
.submenu > li.a:hover { background:rgba(222,82,7,.8); }

#appmenu { width:970px; height:50px; margin:0 auto; padding:0 10px; box-sizing:border-box; position:relative; font-size:240%; color:#fff; font-weight:300; background:rgba(0,0,0,.65); border-left:5px solid #000; border-right:5px solid #000; text-align:center; }
#appmenu:after { content:''; width:100%; height:30px; background:url(i/head-is.png) no-repeat center; position:absolute; left:0; bottom:-30px; z-index:0; }
#appmenu > a,
#appmenu > span { position:relative; top:10px; padding:5px 0; margin:0 7px; color:#ccc; display:inline-block; position:relative; transition:all .2s; cursor:pointer; z-index:1; }
#appmenu > a:hover,
#appmenu > span:hover { text-shadow:0 0 5px #ccc; }
#appmenu > a.a { color:#fff; text-shadow:0 0 5px #fff; }
#appmenu > span { padding-right:12px; cursor:default; }
#appmenu > span:after { content:''; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #999; position:absolute; top:15px; right:0; transition:border-top-color .3s; }
#appmenu > a > i,
#appmenu > span > i { font-size:16px; vertical-align:middle; position:relative; top:-2px; margin-right:4px; }
#appmenu > span:hover .submenu { display:block; }
#appmenu > span[href="#Lang"] { color:#de5207; }
#appmenu > span[href="#Lang"]:after { border-top-color:#de5207; }
#appmenu > span[href="#Lang"]:hover { text-shadow:0 0 5px #f00; }

.ps-container > .ps-scrollbar-y-rail { right:3px; width:10px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { background-color:#fff; width:10px; }
.ps-container:hover > .ps-scrollbar-y-rail { opacity:1; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail,
.ps-container:hover > .ps-scrollbar-y-rail:hover { background-color:#de5207; opacity:1; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y,
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color:#fff; }

@keyframes anim-fadein { from { opacity:0 } to { opacity:1 } }
@keyframes anim-blink { from { opacity:0 } to { opacity:1 } }
@keyframes anim-rtt360 { to { transform:rotate(360deg) } }
@keyframes anim-pointlr { to { transform:translateX(-20px); text-shadow:none; } }

@media (max-height: 768px) and (orientation: landscape) {
	#apphead .info-bar { height:5px; }
	#apphead .info-bar > * { display:none; }
	#apphead .logo-bar { height:100px; }
	#apphead .logo-bar .logo { width:228px; height:70px; left:0; top:15px; }
	#apphead .logo-bar .nr1 { width:390px; height:74px; left:275px; top:18px; background-image:url(i/head-nr1-alt.png); }
	#apphead .logo-bar .slnk { top:5px; }
	#apphead .logo-bar .slnk a { font-size:48px; }
	#apphead .logo-bar .slnk a + a { margin-left:15px; }
	#apphead .logo-bar .slnk a:after { width:78px; height:78px; left:-15px; top:-15px; }
	#appbody { width:900px; top:180px; bottom:70px /*-80-*/; left:0; right:0; margin:0 auto; perspective:1800px; }
	#appmenu { height:35px; font-size:200%; }
	#appmenu > a,
	#appmenu > span { top:5px; }
	#appmenu > span:after { top:13px; }
	#appfoot { height:30px; }
	#appfoot .cr { top:-7px; font-size:110%; }
	#appfoot .cr.s { font-size:100%; }
	div.brands img { height:120px; }
	div.images a img { height:120px; }
	.page { font-size:80%; }
	#apppageHome .logo-text { font-size:16px; letter-spacing:1px; }
	#apppageHome .nr1img { width:auto; height:58px; margin:18px auto; }
	#apppageHome .card-icons { margin-top:15px; font-size:35px; }
	#apppageAbout .d-logo { width:125px; height:60px; }
	#apppageAbout .d-logo-0 { width:200px; height:40px; margin:5px 0; }
	#apppageContact .cs { width:830px; margin:0 auto; padding-bottom:30px; }
	#apppageContact .cs > .c { width:410px; }
	#apppageContact .cs > .c.r { margin-left:10px; }
}
@media only screen and (max-width:767px) {
	#apphead .info-bar { width:100%; font-size:140%; border:none; padding-top:3px; }
	#apphead .info-bar > .l { width:100%; float:none; text-align:center; }
	#apphead .info-bar > .r { display:none; }
	#apphead .info-bar > .l a + a { margin-left:20px; }
	#apphead .info-bar a:hover { color:#fff; }
	#apphead .logo-bar { width:100%; height:auto; background:rgba(0,0,0,.75) }
	#apphead .logo-bar > .w { width:100%; border:none; }
	#apphead .logo-bar .logo { width:96%; height:60px; background:url(i/logo.png) no-repeat center 10px; background-size:contain; display:block; position:static; left:auto; top:auto; }
	#apphead .logo-bar .nr1 { width:100%; height:50px; background:url(i/head-nr1-whd.png) no-repeat center; background-size:auto 40px; display:block; position:static; left:auto; top:auto; margin:0; }
	#apphead .logo-bar .slnk { width:100%; height:auto; padding:0; position:relative; right:0; top:0; overflow:hidden; text-align:center; display:none; }
	#apphead .logo-bar .slnk a { font-size:40px; display:inline-block; float:none; position:relative; outline:none; user-select:none; margin:10px 0 10px 0; }
	#apphead .logo-bar .slnk a + a { margin-left:16px; }
	#apphead .logo-bar .slnk a:after { content:''; width:60px; height:60px; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:-10px; top:-10px; transform:rotate(-180deg); opacity:0; transition:transform .3s, opacity .3s; }

	#appbody { width:97%; position:absolute; top:220px; bottom:60px; left:0; right:0; margin:0 auto; perspective:1800px; }
	.page { width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,.85); opacity:0; display:none; font-size:100%; position:absolute; left:0; right:0; top:0; bottom:0; transition:background-color .3s, border-color .3s; border:2px solid rgba(255,255,255,.5); }
	.page:hover { background:rgba(0,0,0,.90); border-color:rgba(255,255,255,1); }
	.page.show { display:block; transform-origin:50%; animation:anim-pageIn .4s both ease-in-out; }
	.page.show-m { display:block; transform-origin:50%; animation:anim-pageIn .4s both ease-in-out; }
	.page.hide { display:block; transform-origin:50%; animation:anim-pageOut .4s both ease-in-out; }
	.page.hide-m { display:block; transform-origin:50%; animation:anim-pageOut .4s both ease-in-out; }
	.page.switch { display:block; transform-origin:50%; animation:anim-pageSwitch .4s both ease-in-out; }
	.page > .close { width:160px; height:20px; background:url(i/page-close.png) no-repeat center; background-size:contain; position:absolute; right:0; top:0; }
	.page > .close > .btn { color:#ccc; font-size:12px; position:absolute; top:5px; left:68px; transition:color .2s, transform 0s; display:none; }
	.page > .close > .btn:hover { color:#fff; text-shadow:0 0 5px #fff; }
	.page > .close > .btn:active { transform:scale(.8,.8); }
	.page > .body { position:absolute; top:20px; right:10px; bottom:10px; left:10px; color:#ccc; font-size:120%; overflow:hidden; }
	.page > .body .title { font-size:200%; }
	.page > .body .subtitle { font-size:140%; }
	.page > .body .subtitle strong { font-weight:400; }
	.page > .body .nrwtitle { font-family:'Open Sans Condensed'; font-weight:700; font-size:120%; margin:15px 0 5px 0; }
	.page > .body .ulist { margin:10px 0; }
	.page > .body .ulist li { margin:5px 0; }
	.page > .body p.b { font-size:140%; margin:20px 0; }
	.page > .body p.ns { font-family:'Open Sans Condensed'; font-weight:700; font-size:150%; text-align:center; line-height:1.1; }
	.page > .body address { line-height:1.5; }
	.page > .body p.ta { font-size:300%; color:#999; position:absolute; left:0; right:0; top:42%; margin:auto; text-align:center; font-weight:300; cursor:default; user-select:none; }
	.page > .body .hr { width:80%; height:1px; border-bottom:1px dashed #999; margin:20px auto; }
	.page > .body .cs { overflow:hidden; }
	.page > .body .cs > .c { width:50%; float:left;  }
	.page > .body .subext { position:absolute; margin:2px 0 0 5px; font-size:80%; font-weight:700; color:#fff; }

	#appmenu { width:100%; height:40px; margin:0 auto; padding:0 10px; box-sizing:border-box; position:relative; font-size:150%; color:#fff; font-weight:400; background:rgba(0,0,0,.65); border-left:5px solid #000; border-right:5px solid #000; text-align:center; }
	#appmenu:after { content:''; width:100%; height:30px; background:url(i/head-is.png) no-repeat center; position:absolute; left:0; bottom:-30px; z-index:0; }
	#appmenu > a,
	#appmenu > span { position:relative; top:5px; padding:5px 0; margin:0 7px; color:#ccc; display:inline-block; position:relative; transition:all .2s; cursor:pointer; z-index:1; }
	#appmenu > a:hover,
	#appmenu > span:hover { text-shadow:0 0 5px #ccc; }
	#appmenu > a.a { color:#fff; text-shadow:0 0 5px #fff; }
	#appmenu > span { padding-right:12px; cursor:default; }
	#appmenu > span:after { content:''; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #999; position:absolute; top:15px; right:0; transition:border-top-color .3s; }
	#appmenu > a > i,
	#appmenu > span > i { font-size:16px; vertical-align:middle; position:relative; top:-2px; margin-right:4px; }
	#appmenu > span:hover .submenu { display:block; }
	#appmenu > span[href="#Lang"] { color:#de5207; }
	#appmenu > span[href="#Lang"]:after { border-top-color:#de5207; }
	#appmenu > span[href="#Lang"]:hover { text-shadow:0 0 5px #f00; }

	#appfoot { width:100%; height:20px; }
	#appfoot > .w { width:100%; height:100%; margin:0; border:none; }
	#appfoot > .w:after { content:''; width:100%; height:30px; background:url(i/foot-is.png) no-repeat center; position:absolute; left:0; top:-30px; }
	#appfoot .cr { font-size:100%; color:#ccc; text-align:center; line-height:1; position:relative; top:-3px; z-index:1; }
	#appfoot .cr.s { display:none; }

	.sepfx { width:90%; height:30px; position:relative; margin:0 auto; }
	.sepfx .icon-star { margin:0 7px; position:absolute; cursor:default; left:0; right:0; margin:0 auto; opacity:0; }
	.sepfx .s0 { font-size:25px; }
	.sepfx .s1 { font-size:20px; top:3px; margin-right:70px; }
	.sepfx .s1~.s1 { margin-left:70px; margin-right:auto; }
	.sepfx .s2 { font-size:15px; top:5px; margin-right:140px; }
	.sepfx .s2~.s2 { margin-left:140px; margin-right:auto; }
	.sepfx .s3 { font-size:10px; top:7px; margin-right:200px; }
	.sepfx .s3~.s3 { margin-left:200px; margin-right:auto; }
	.sepfx .s4 { font-size:5px; top:9px; margin-right:260px; }
	.sepfx .s4~.s4 { margin-left:260px; margin-right:auto; }
	.sepfx .sep-line { display:inline-block; display:none; width:40px; height:1px; background:url(i/sep-line.png) left top no-repeat; vertical-align:top; position:absolute; top:11px; opacity:0; }
	.sepfx .sep-line-left { left:0;  }
	.sepfx .sep-line-right { right:0; background-position:right top; }

	div.brands span { background-color:rgba(0,0,0,0); transition:background-color .2s; display:inline-block; }
	div.brands span:hover { background-color:rgba(0,0,0,1); }
	div.brands img { width:auto; height:60px; position:relative; transition:filter .2s, -webkit-filter .2s; opacity:0; }
	div.brands img:hover { filter:drop-shadow(0 0 3px #fff); -webkit-filter:drop-shadow(0 0 3px #fff); }

	div.images a { margin:7px; display:inline-block; border:1px solid rgba(0,0,0,0); padding:0; font-size:0; opacity:0; }
	div.images a img { width:auto; height:90px; -webkit-filter:grayscale(100%); filter:gray; filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter:grayscale(100%); transition:filter .2s, -webkit-filter .2s; }
	div.images a:hover { border-color:rgba(255,255,255,1); }
	div.images a:hover img { -webkit-filter:none; filter:none; }

	div.ltext { margin:5px 5px; }
	div.ltext > p { line-height:1.5; }
	div.ltext > p + p { margin-top:10px; }

	.d-logo { width:30%; height:45px; display:inline-block; background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
	.d-logo-0 { width:60%; height:60px; background-image:url(i/bl/dickman.png); background-position:center; margin:10px 0; }
	.d-logo-1 { background-image:url(i/bl/d-generation.png); }
	.d-logo-2 { background-image:url(i/bl/d-fashion.png); }
	.d-logo-3 { background-image:url(i/bl/d-shoes.png); }

	#apppageHome .logo-text { font-size:80%; font-weight:400; letter-spacing:1px; }
	#apppageHome .nr1img { width:96%; display:block; margin:15px auto; opacity:0; }
	#apppageHome .pick-buy { font-size:140%; margin-top:20px; opacity:0; }
	#apppageHome .ns { opacity:0; }
	#apppageHome .card-icons { margin-top:20px; font-size:48px; opacity:0; }
	#apppageHome .card-icons i { margin:0 10px; }

	#apppageAbout .ltext { opacity:0; }

	#apppageContact .brnd { font-size:140%; font-weight:400; margin:20px 0 10px 0; cursor:default; }
	#apppageContact .brndsub { font-size:160%; font-weight:300; cursor:default; }
	#apppageContact .cs { width:100%; margin:0 auto; padding-bottom:30px; }
	#apppageContact .cs > .c { width:100%; }
	#apppageContact .cs > .c.r { margin-left:0; margin-top:20px; }
	#apppageContact .gmap { width:96%; height:200px; background:#000; border:1px solid #666; box-sizing:border-box; margin-top:10px; }

	.cbox-video { background:#000000; }
}