body{padding:0;margin:0;font-size:80%;color:#000;text-align:left;font-family:'Source Sans Pro',Verdana,Arial, lucida, sans-serif;background:#1a1a1a url("../images/footer.png") center top repeat}a{color:#b114b4}a:hover{color:#c90000}a img{border:none}img{vertical-align:middle}p{margin:0;padding:10px 0 5px}.font6{font-size:60%}.font8{font-size:80%}.font9{font-size:85%}.font11{font-size:110%}.font12{font-size:120%}.font13{font-size:125%}.font14{font-size:140%}.font15{font-size:150%}.font16{font-size:160%}.font17{font-size:170%}.font18{font-size:180%}.font19{font-size:190%}.font20{font-size:200%}.font21{font-size:210%}.font22{font-size:220%}.font23{font-size:230%}.font24{font-size:240%}.font27{font-size:270%}.georgia{font-family:georgia, Verdana, Arial,lucida, sans-serif}.verdana{font-family:verdana, Verdana, Arial,lucida, sans-serif}.century-gothic{font-family:Century Gothic, Verdana, Arial,lucida, sans-serif}.OpenSans{font-family:'OpenSans', Verdana, Arial,lucida, sans-serif}.arial{font-family:arial}.tac{text-align:center}.tar{text-align:right}.tal{text-align:left}.vam{vertical-align:middle}.vat{vertical-align:top}.vab{vertical-align:bottom}.vabl{vertical-align:baseline}.bold{font-weight:bold}.nowrap{white-space:nowrap}.line-through{text-decoration:line-through}.w170{width:170px}.w120{width:120px}.hide{display:none;margin:0}#fancybox-outer{background:none}.relative{position:relative}.input-text{height:35px;line-height:35px\9;font-size:110%;padding:0 5px;border:solid 1px #E2E3EA;border-top:solid 1px #ABADB3;border-bottom:solid 1px #E3E9EF;vertical-align:middle}.button1{border:none;background:#EE7259;padding:12px 15px;border-radius:4px;font-size:120%;margin:0;color:#FFF;display:inline-block;vertical-align:middle;text-decoration:none;box-shadow:3px 3px 0 0 #251D19}.button1:hover{cursor:pointer;color:#FFF;background:#E8401C}.button2{border:none;padding:10px 15px;border-radius:4px;border:solid 2px #655950;font-size:100%;margin:0;color:#FFF;display:inline-block;vertical-align:middle;text-decoration:none}.button2:hover{cursor:pointer;color:#FFF;background-color:#fff;background-color:rgba(255,255,255,0.1);*zoom:1;background-color:transparent\9;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#1AFFFFFF', endColorstr='#1AFFFFFF')}.input-select{border:solid 1px #CFCFCF;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}.info{margin:0;color:#FFF;padding:15px 10px 0;text-align:left;font-size:130%}.info .info-in{background:#88A427;border-radius:5px;padding:15px}.alert{padding:15px 10px 0;margin:0;color:#FFF;text-align:left;font-size:130%}.alert .alert-in{background:#FF0000;border-radius:5px;padding:15px}.clear,.clear-pseudo{clear:both;width:100%;height:1px}.clear-l{clear:left;height:1px}.clear-r{clear:right;height:1px}.float-l{float:left}.float-r{float:right}#head{background:#1b1b1b url("../images/head-bg.png");position:fixed;border-bottom:solid 1px #000000;z-index:9999;width:100%}#head #head-in{padding:10px 0;max-width:1100px;margin:0 auto;position:relative;z-index:9999;text-align:left;position:relative}#head .button-open-head-menu{display:none}#head .head-menu{font-size:110%;position:relative;float:right;right:0}#head .head-menu ul{margin:6px 50px 0 0;padding:0;list-style-type:none}#head .head-menu ul li{float:left}#head .head-menu ul li.list-members{display:none}#head .head-menu ul li a{display:block;padding:10px 20px;border:solid 2px #494949;border-radius:5px;position:relative;color:#FFF;margin:0 0 0 7px;text-decoration:none}#head .head-menu ul li a:hover{border-color:#FFF}.head-hidden-box{padding-top:75px}#logo{float:left;margin-left:40px;max-width:84px}#logo img{width:100%}.content{max-width:1100px;margin:0 auto;text-align:left;position:relative}.navigation{background:#f3eada url("../images/navigation-bg.png") top center repeat}.navigation .navigation-in{position:relative;padding-top:80px;padding-bottom:30px;min-height:580px;max-width:1260px}.navigation h1{margin:0;position:relative;z-index:100;padding:0;color:#000;text-align:center;line-height:1.5em;font-size:415%;font-weight:300}.navigation .cloud1{position:absolute;top:41px;left:3%;width:312px;height:106px;background:url("../images/sprite.png") 0 -106px no-repeat;z-index:0}.navigation .cloud1 .line{width:2px;height:56px;background:#FFF;position:absolute;top:-40px;left:139px}.navigation .cloud2{position:absolute;top:42px;left:72%;width:199px;height:92px;background:url("../images/sprite.png") 0 -213px no-repeat;z-index:0}.navigation .object1{position:absolute;top:426px;left:31%;width:59px;height:88px;background:url("../images/sprite.png") -206px 0 no-repeat;z-index:0}.navigation .object1 .line{width:2px;height:434px;position:absolute;top:-426px;left:31px;background:url("../images/line.png") top left repeat-y}.navigation .object2{position:absolute;top:61px;left:66%;width:37px;height:32px;background:url("../images/sprite.png") -159px -62px no-repeat;z-index:0}.navigation .object2 .line{width:2px;height:61px;position:absolute;top:-61px;left:11px;background:url("../images/line.png") top left repeat-y}.navigation .button-blog-box{position:absolute;top:485px;right:45px;width:100px;z-index:20}.navigation .button-blog{background:#209396;width:100px;height:40px;line-height:40px;color:#FFF;text-align:center;display:block;border-radius:5px 0 0 5px;position:absolute;text-decoration:none;position:fixed}.navigation .button-blog .circle{position:absolute;top:-7px;left:42px;width:14px;height:14px;display:block;border-radius:100%;border:solid 3px  #209396}.navigation .button-blog .arrow{position:absolute;top:0px;right:-40px;display:block;border:solid 20px transparent;border-top-width:20px;border-bottom-width:20px;border-left-color:#209396}.navigation .button-blog .line{width:2px;height:477px;background:#FFF;position:absolute;top:-484px;left:51px}.navigation .button-about-me{background:#FFFFFF;border:solid 3px #E8E4DA;border-radius:100%;width:140px;height:140px;display:block;text-align:center;color:#000;text-decoration:none;position:absolute;top:246px;right:70%;z-index:10}.navigation .button-about-me .text{position:absolute;display:block;top:58%;left:28%;font-size:140%}.navigation .button-about-me .icon{position:absolute;top:37px;left:50px;width:38px;height:36px;background:url("../images/sprite.png") -200px -213px no-repeat}.navigation .button-about-me .circle{background:#F2ECE0;position:absolute;top:7px;left:65px;width:6px;height:6px;display:block;border-radius:100%;border:solid 3px  #E8E4DA}.navigation .button-about-me .line{width:2px;height:259px;background:#FFF;position:absolute;top:-248px;left:70px;z-index:10}.navigation .button-reference{background:#362923 url("../images/button-reference-bg.png") center center repeat;border:solid 3px #FFF;border-radius:100%;width:140px;height:140px;display:block;text-align:center;color:#FFF;text-decoration:none;position:absolute;top:246px;left:73%;z-index:25}.navigation .button-reference .icon{position:absolute;top:44px;left:58px;width:28px;height:32px;background:url("../images/sprite.png") -266px 0 no-repeat}.navigation .button-reference .text{position:absolute;display:block;top:58%;left:24%;font-size:140%}.navigation .button-reference .circle{background:#F2ECE0;position:absolute;top:7px;left:65px;width:6px;height:6px;display:block;border-radius:100%;border:solid 3px  #E8E4DA}.navigation .button-reference .line{width:2px;height:259px;background:#FFF;position:absolute;top:-248px;left:70px;z-index:10}.navigation .button-copywriting{background:#ed775f url("../images/button-copywriting-bg.png") center center repeat;border:solid 3px #FFF;border-radius:100%;width:140px;height:140px;display:block;text-align:center;color:#FFF;text-decoration:none;position:absolute;top:347px;left:43%;z-index:10}.navigation .button-copywriting .text{position:absolute;display:block;top:58%;left:17%;font-size:140%}.navigation .button-copywriting .icon{position:absolute;top:38px;left:47px;width:38px;height:38px;background:url("../images/sprite.png") -266px -33px no-repeat}.navigation .button-copywriting .cat{position:absolute;top:-27px;left:24px;width:24px;height:66px;background:url("../images/sprite.png") -239px -213px no-repeat}.navigation .button-copywriting .circle{background:#F2ECE0;position:absolute;top:7px;left:65px;width:6px;height:6px;display:block;border-radius:100%;border:solid 3px  #E8E4DA}.navigation .button-copywriting .line{width:2px;height:359px;background:#FFF;position:absolute;top:-349px;left:70px;z-index:10}.copywriting{background:#c6755f url("../images/copywriting-bg.jpg") top center repeat}.copywriting .copywriting-top{background:url("../images/copywriting-bg-t.png") top center no-repeat;width:100%;height:4px;position:relative;top:-4px}.copywriting .copywriting-in{min-height:505px;padding-top:80px;padding-bottom:115px}.copywriting h2{color:#FFF;text-align:center;font-size:300%;font-weight:normal;margin:0;padding:0}.copywriting h2 span{max-width:100px;min-width:30px;width:7%;border-top:solid 1px #FFF;display:inline-block;vertical-align:middle;margin:0 2%}.copywriting .description{margin-top:30px;padding-bottom:80px;color:#FFF;line-height:1.5em;text-align:center;font-style:italic;font-size:150%}.copywriting .box{border-radius:15px;display:inline-block;vertical-align:top;background-color:#be5d48;background-color:rgba(190,93,72,0.75);*zoom:1;background-color:transparent\9;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#BFBE5D48', endColorstr='#BFBE5D48');padding:30px 2%;margin:10px 0.5% 0 0.5%;width:18%;min-height:19em;color:#FFF;text-align:center}.copywriting .box h3{font-size:180%;font-weight:300;padding:0;margin:0;font-weight:bold}.copywriting .box .text{margin-top:20px;font-size:125%;line-height:1.5em}.copywriting .box:hover{background-color:#9b402f;background-color:rgba(155,64,47,0.75);*zoom:1;background-color:transparent\9;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#BF9B402F', endColorstr='#BF9B402F')}.komiks{background:#f4f4f4;z-index:25;position:relative}.komiks .komiks-top{background:url("../images/komiks-bg-t.png") top center no-repeat;width:100%;height:4px;position:relative;top:-4px}.komiks .komiks-in{min-height:320px;max-width:1000px;padding-top:50px;padding-bottom:30px}.komiks h2{color:#000;text-align:center;font-size:300%;font-weight:normal;margin:0 0 30px 0;padding:0}.komiks h2 span{max-width:100px;min-width:30px;width:7%;border-top:solid 1px #000;display:inline-block;vertical-align:middle;margin:0 5%}.komiks .pager{position:relative;z-index:50;text-align:center;margin-top:20px}.komiks .pager a{margin:0 4px;display:inline-block;width:22px;height:22px;background:url("../images/ico-button.png") bottom center no-repeat}.komiks .pager a:hover,.komiks .pager a.selected{background:url("../images/ico-button.png") top center no-repeat}.komiks .pager a span{display:none}.komiks .next{position:absolute;top:314px;right:-22px;display:block;width:14px;height:22px;background:url("../images/ico-arrow-right.png") bottom left no-repeat}.komiks .next:hover{background-position:top left}.komiks .prev{position:absolute;top:314px;left:-22px;display:block;width:14px;height:22px;background:url("../images/ico-arrow-left.png") bottom left no-repeat}.komiks .prev:hover{background-position:top left}.komiks .slider a{display:inline-block;height:407px}.references{background:url("../images/references-bg.png") top center repeat;z-index:25;position:relative}.references .references-top{background:url("../images/line-dot.png") 0 -10px repeat-x;width:100%;height:10px;position:relative;top:-5px}.references .references-in{padding-top:80px;padding-bottom:50px;max-width:840px}.references h2,.references h1{color:#ccc;text-align:center;font-size:300%;font-weight:normal;margin:0;padding:0}.references h2 span,.references h1 span{max-width:100px;min-width:30px;width:7%;border-top:solid 1px #DAC2B6;display:inline-block;vertical-align:middle;margin:0 2%}.references h2 img,.references h1 img{max-width:280px}.references h1{color:#FFF}.references h1 span{border-color:#FFF}.references .description{position:relative;margin-top:30px;padding-bottom:30px;color:#EFE4D9;text-align:center;line-height:1.5em;font-style:italic;font-size:150%}.references .description .decor{position:absolute;top:-20px;left:-60px;width:51px;height:47px;background:url("../images/sprite.png") 0 0 no-repeat}.references .description a{color:#efe4d9}.references .description a:hover{text-decoration:none}.references .button1{padding:15px 30px;font-size:150%}.references .references-items{margin:35px 0 0 0;text-align:center}.references .references-items .reference{display:inline-block;margin:12px 2% 0;width:28%}.references .references-items .reference img{max-width:220px;height:auto}.references.detail{background:#7b675f url("../images/references-bg2.png") center top repeat}.references.detail .references-in{max-width:1000px}.references.detail .references-top{display:none}.references.detail h2{margin-top:48px}.references.detail .box{border-radius:15px;display:inline-block;background-color:#60524d;background-color:rgba(96,82,77,0.75);*zoom:1;background-color:transparent\9;*zoom:1;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#BF60524D', endColorstr='#BF60524D');padding:30px 2%;margin:10px 0.5% 0;width:44%;min-height:12em;color:#FFF;font-weight:300;vertical-align:top;text-align:left}.references.detail .box h3{font-size:170%;line-height:1.5em;text-align:left;font-weight:300;margin:0}.references.detail .box .text{margin-top:20px;font-size:120%;line-height:1.5em}.wrote-about-us{background:#c6755f url("../images/wrote-about-us-bg.png") top center repeat;z-index:25;position:relative}.wrote-about-us .wrote-about-us-in{padding-top:60px;max-width:1000px;min-height:330px}.wrote-about-us h2{position:relative;color:#CCCCCC;text-align:center;font-size:300%;font-weight:normal;margin:0;padding:0 0 0 0}.wrote-about-us h2 span{position:absolute;top:-20px;right:35px;width:53px;height:62px;background:url("../images/sprite.png") -52px 0 no-repeat}.wrote-about-us .box{border-radius:15px;display:inline-block;padding:0 60px 30px 40px;margin:10px 0.5% 0;min-height:192px;width:834px;color:#FFF;text-align:center}.wrote-about-us .box .img{border-radius:10% 10% 10% 10%;width:115px}.wrote-about-us .box .text{margin-top:20px;font-size:140%;color:#EFE4D9;line-height:1.5em;font-weight:lighter}.wrote-about-us .box .sign{color:#C3B6AD;font-style:italic;font-weight:bold}.wrote-about-us .box .sign a{color:#c3b6ad;text-decoration:none}.wrote-about-us .box .sign a:hover{color:#c3b6ad;text-decoration:underline}.wrote-about-us .pager{position:relative;z-index:50;padding-bottom:20px;text-align:center}.wrote-about-us .pager a{margin:0 4px;display:inline-block;width:22px;height:22px;background:url("../images/ico-button-light.png") bottom center no-repeat}.wrote-about-us .pager a:hover,.wrote-about-us .pager a.selected{background:url("../images/ico-button-light.png") top center no-repeat}.wrote-about-us .pager a span{display:none}.wrote-about-us .next{position:absolute;top:200px;right:-15px;display:block;width:14px;height:22px;background:url("../images/ico-arrow-right-light.png") bottom left no-repeat}.wrote-about-us .next:hover{background-position:top left}.wrote-about-us .prev{position:absolute;top:200px;left:-15px;display:block;width:14px;height:22px;background:url("../images/ico-arrow-left-light.png") bottom left no-repeat}.wrote-about-us .prev:hover{background-position:top left}.about-me{background:#c6755f url("../images/about-me-bg.jpg") top center repeat;z-index:25;position:relative}.about-me .about-me-top{background:url("../images/about-me-bg-t.png") top center no-repeat;width:100%;height:4px;position:relative;top:-4px}.about-me .about-me-in{min-height:390px;max-width:830px;padding-top:50px;padding-bottom:115px}.about-me .photo{display:none}.about-me h2{color:#FFF;text-align:center;font-size:300%;font-weight:normal;margin:0;padding:0}.about-me h2 span{max-width:100px;min-width:30px;width:7%;border-top:solid 1px #FFF;display:inline-block;vertical-align:middle;margin:0 5%}.about-me .text{width:44%;min-width:350px;margin-top:30px;color:#FFF;line-height:1.5em;font-style:italic;font-size:140%;font-weight:300}.about-me .button2{font-style:normal;margin:0 10px 0 0}.contact{background:#c6755f url("../images/contact-bg.png") top center repeat;z-index:25;position:relative}.contact .contact-top{background:url("../images/line-dot.png") 0 0 repeat-x;width:100%;height:10px;position:relative;top:-5px}.contact .contact-in{max-width:830px;padding-top:80px;padding-bottom:80px}.contact h2{position:relative;color:#000;text-align:center;font-size:300%;font-weight:normal;margin:0;padding:0}.contact h2 .line{max-width:100px;min-width:30px;width:7%;border-top:solid 1px #000;display:inline-block;vertical-align:middle;margin:0 5%}.contact h2 .decor{position:absolute;top:-20px;right:10%;width:37px;height:61px;display:inline-block;background:url("../images/sprite.png") -106px 0 no-repeat}.contact .description{position:relative;margin-top:30px;padding-bottom:30px;color:#000;text-align:center;line-height:1.5em;font-style:italic;font-size:150%}.contact .text{position:relative;margin-top:30px;text-align:center;color:#3B2C26;line-height:2em;font-size:230%}.contact .text .clr1{color:#464646}.contact .text a{color:#ec6055;text-decoration:underline}.contact .text a:hover{text-decoration:none}.contact .text a.social-btn{display:inline-block;text-indent:-9999px;width:42px;height:42px;background:url("../images/sprite.png") 0 0 no-repeat;margin:15px 10px}.contact .text a.social-btn.fb{background-position:0 -48px}.contact .text a.social-btn.in{background-position:-42px -63px}.contact .text .decor{position:absolute;top:35%;left:10%;width:61px;height:61px;display:inline-block;background:url("../images/sprite.png") -144px 0 no-repeat}@media only screen and (max-width: 1260px){.navigation .button-blog-box .button-blog{position:static}}@media only screen and (max-width: 1000px){#head #head-in{padding-left:0px;padding-right:0px}.page-box-relax .page-box-relax-in{padding-left:10px;padding-right:10px}.page-box3 .page-box3-in.news-detail{padding-left:10px;padding-right:10px}.komiks{display:block}}@media only screen and (max-width: 950px){.navigation .cloud1{display:none}.navigation .cloud2{display:none}.copywriting .box{width:42%;min-height:11em}.komiks{display:none}}@media only screen and (max-width: 880px){#head{height:75px}#head .language{margin:3px 44px 0 0}#head .username,#head .head-menu{display:none}#head .button-open-head-menu{width:37px;height:37px;display:block;background:url("../images/sprite.png") -85px -63px no-repeat;overflow:hidden;text-indent:9999px;position:static;position:absolute;top:10px;right:10px;margin:0}#head .button-open-head-menu:hover{background-position:-122px -63px}#head .btn-members{display:none}#head .head-menu{float:none;display:none;margin:0;padding:10px 0;background:#454545;border-radius:5px;position:absolute;top:62px;width:100%}#head .head-menu .decor{position:absolute;top:-14px;right:20px;width:17px;height:14px;background:url("../images/sprite.png") 0px -90px no-repeat}#head .head-menu ul{width:100%;margin-top:0}#head .head-menu ul li{float:none;background:#000;border-radius:5px;margin:1px 10px;padding:0;border:solid 2px transparent}#head .head-menu ul li.list-members{display:block}#head .head-menu ul li:hover{border:solid 2px #FFF}#head .head-menu ul li a{border:none;color:#FFF;text-align:left;padding:5px 10px}#head .head-menu ul li a:hover span{display:none}#logo{max-width:190px}.head-hidden-box{padding-top:75px}.content{padding-left:10px;padding-right:10px}.about-me .about-me-in{padding-bottom:80px}.komiks{display:none}}@media only screen and (max-width: 800px){.copywriting{background:#c6755f url("../images/copywriting-bg2.jpg") top center no-repeat}.copywriting .copywriting-top{background:url("../images/copywriting-bg-t2.png") top center no-repeat}.copywriting .copywriting-in{padding-top:30px;padding-bottom:30px;min-height:0}.copywriting .description{padding-bottom:20px}.copywriting .box{width:42%}.references .references-in{padding-top:30px;padding-bottom:30px}.references .references-items{margin-top:20px}.references .references-items .reference{width:43%}.wrote-about-us .wrote-about-us-in{padding-top:30px;padding-bottom:30px}.wrote-about-us h2{padding-bottom:20px}.wrote-about-us .box{width:75%;margin:10px 0;min-height:0px}.wrote-about-us .box .img{float:left;margin:0 15px 15px 0}.wrote-about-us .box .text{float:none;text-align:justify}.wrote-about-us .box .sign{text-align:right}.about-me{background:#c6755f url("../images/about-me-bg2.jpg") top center repeat}.about-me .about-me-top{background:url("../images/about-me-bg-t2.png") top center no-repeat}.about-me .about-me-in{padding-top:20px;padding-bottom:20px;min-height:0}.about-me .text{margin-top:20px;font-size:135%;text-shadow:1px 1px 0px #000}.contact .contact-in{padding-top:30px;padding-bottom:30px}.komiks{display:none}}@media only screen and (max-width: 600px){.navigation .button-reference{right:20px;left:auto}.navigation .button-about-me{left:20px;right:auto}.about-me{background:#000}.about-me .about-me-top{background:url("../images/line-dot.png") 0 -20px repeat-x;height:10px;top:-5px}.about-me .photo{width:70%;max-width:250px;display:inline-block;padding-bottom:15px}.about-me .photo img{width:100%}.about-me .text{margin-top:15px;max-width:auto;width:100%;font-size:140%;float:none}.about-me .buttons{text-align:center}.contact .contact-in{padding-top:30px;padding-bottom:30px}.contact .text{margin-top:0}.contact .text .decor{display:none}.komiks{display:none}}@media only screen and (max-width: 700px){.navigation h1{font-size:270%}.navigation .navigation-in{padding-top:20px}.navigation .object2{display:none}.navigation .button-about-me{top:140px}.navigation .button-copywriting{top:250px}.navigation .button-reference{top:140px}.navigation .object1{top:340px}.navigation .button-blog{top:380px}.komiks{display:none}}@media only screen and (max-width: 550px){.navigation .navigation-in{min-height:0;text-align:center}.navigation h1{font-size:200%}.navigation .object1{display:none}.navigation .button-about-me,.navigation .button-copywriting,.navigation .button-reference{position:static;border-radius:10px;display:inline-block;width:45%;height:auto;padding:10px 1%;line-height:1em;text-decoration:none;margin-top:10px}.navigation .button-about-me .text,.navigation .button-copywriting .text,.navigation .button-reference .text{position:static;top:auto;left:auto;font-size:130%;text-decoration:none}.navigation .button-about-me .icon,.navigation .button-about-me .circle,.navigation .button-about-me .cat,.navigation .button-about-me .arrow,.navigation .button-about-me .line,.navigation .button-copywriting .icon,.navigation .button-copywriting .circle,.navigation .button-copywriting .cat,.navigation .button-copywriting .arrow,.navigation .button-copywriting .line,.navigation .button-reference .icon,.navigation .button-reference .circle,.navigation .button-reference .cat,.navigation .button-reference .arrow,.navigation .button-reference .line{display:none}.navigation .button-blog-box{position:static;display:inline-block;width:45%;position:static;border-radius:10px;display:inline-block;width:45%;height:auto;padding:10px 1%;line-height:1em;text-decoration:none;margin-top:10px;border:solid 3px #FFF;background:#209396}.navigation .button-blog-box .button-blog{position:static;margin:0;padding:0;line-height:1em;height:auto;width:100%}.navigation .button-blog-box .button-blog .text{position:static;top:auto;left:auto;font-size:130%;text-decoration:none}.navigation .button-blog-box .button-blog .circle,.navigation .button-blog-box .button-blog .arrow{display:none}.copywriting h2{font-size:200%}.copywriting .description{padding-bottom:15px;margin-top:15px}.copywriting .box{font-size:100%;min-height:14em}.references h2,.references h1{font-size:200%}.references .description{padding-bottom:15px;margin-top:15px}.references.detail h2{margin-top:15px}.references.detail .box{width:96%;margin:10px 0}.wrote-about-us h2{font-size:200%}.about-me h2{font-size:200%}.about-me .text{margin-top:15px}.contact h2{font-size:200%}.contact .description{margin-top:15px}.komiks{display:none}}@media only screen and (max-width: 500px){.copywriting{background:#D08068}.copywriting .copywriting-top{height:10px;top:-5px;background:url("../images/line-dot.png") 0 -30px repeat-x}.komiks{display:none}}@media only screen and (max-width: 400px){.clear-l-mobil{clear:left;width:100%}.clear-r-mobil{clear:right;width:100%}.navigation .button-about-me,.navigation .button-copywriting,.navigation .button-reference,.navigation .button-blog-box{width:100%;padding:15px 0;margin-top:10px}.copywriting .copywriting-in{padding-top:30px;padding-bottom:30px;min-height:0}.copywriting .description{padding-bottom:20px}.copywriting .box{width:95%;margin:10px 0 0;min-height:0}.references .references-in{padding-top:30px;padding-bottom:30px}.references .references-items{margin-top:20px}.references .references-items .reference{width:80%;margin:20px 0 0}.wrote-about-us .wrote-about-us-in{padding-top:30px;padding-bottom:30px}.wrote-about-us h2{padding-bottom:20px}.wrote-about-us h2 span{display:none}.wrote-about-us .box{margin:10px 0;min-height:0px}.wrote-about-us .box .img{float:none;margin:0}.wrote-about-us .box .text{float:none;text-align:center}.wrote-about-us .box .sign{text-align:center}.about-me .about-me-in{padding-top:30px;padding-bottom:30px;min-height:0}.about-me .text{width:100%;min-width:0}.contact .contact-in{padding-top:30px;padding-bottom:30px}.contact h2 .decor{display:none}.contact .text{margin-top:0}.contact .text .decor{display:none}.komiks{display:none}.pager{display:none}.prev,.next{display:none}}


/* Modern enhancements & icon fallbacks */
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,400&display=swap');

.navigation .button-about-me .icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23655950'%3E%3Cpath d='M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 32px 32px !important;
}

.navigation .button-reference .icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 28px 28px !important;
}

.navigation .button-copywriting .icon {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 30px 30px !important;
}

.navigation .button-copywriting .cat {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 16h-2v-2h2v2zm1.07-7.75l-.9.92C12.45 11.9 12 12.5 12 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H7c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.04-.42 1.99-1.07 2.75z'/%3E%3C/svg%3E") center center no-repeat !important;
  display: none !important;
}

.komiks .next, .wrote-about-us .next {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 24px 24px !important;
  width: 32px !important;
  height: 32px !important;
}

.komiks .prev, .wrote-about-us .prev {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M15.41 7.41L10.83 12l4.58 4.59L14 18l-6-6 6-6 1.41 1.41z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 24px 24px !important;
  width: 32px !important;
  height: 32px !important;
}

.komiks .pager a, .wrote-about-us .pager a {
  background: #FFF !important;
  opacity: 0.5;
  border-radius: 50% !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-block;
  margin: 0 5px;
  transition: opacity 0.2s;
}
.komiks .pager a.selected, .komiks .pager a:hover,
.wrote-about-us .pager a.selected, .wrote-about-us .pager a:hover {
  background: #EE7259 !important;
  opacity: 1;
}

.contact .text a.social-btn {
  text-indent: -9999px;
  border-radius: 50%;
  display: inline-block;
  transition: transform 0.2s ease;
}
.contact .text a.social-btn:hover {
  transform: scale(1.1);
}
.contact .text a.social-btn.fb {
  background: #3b5998 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 24px 24px !important;
}
.contact .text a.social-btn.in {
  background: #0077b5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14m-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size: 24px 24px !important;
}