/* -- ▶▶▶ 

/* -- ▶▶▶ Base Setting ----------------------------- */

/* -- ▷ duration ------------- */

.a-view-in {opacity: 0;}
.a-animated {animation-fill-mode: both;} 

.a-duration-hs {animation-duration: .5s;}
.a-duration-1s {animation-duration: 1s;}
.a-duration-2s {animation-duration: 2s;}
.a-duration-3s {animation-duration: 3s;}
.a-duration-4s {animation-duration: 4s;}
.a-duration-5s {animation-duration: 5s;}


/* -- ▷ Function ------------- */

.a-tf-e {animation-timing-function: ease;}
.a-tf-ei {animation-timing-function: ease-in;}
.a-tf-eio {animation-timing-function: ease-in-out;}
.a-tf-l {animation-timing-function:linear;}


/* -- ▷ Actions ------------- */

@keyframes a-fadeIn { 
0% {opacity: 0;} 
100% {opacity: 1;} 
} 
.a-fadeIn {animation-name: a-fadeIn;}


@keyframes a-fadeInUp { 
0% {opacity: 0; transform: translateY(20px);} 
100% {opacity: 1; transform: translateY(0); }
} 
.a-fadeInUp {animation-name: a-fadeInUp;}


@keyframes a-zoomIn { 
0% {opacity: 0;transform: scale3d(.3, .3, .3);} 
50% {opacity: 1;} 
} 
.a-zoomIn {animation-name: zoomIn;}


/* -- ▶▶▶ ROOT TOP SVG ----------------------------- */

.l-site-titele {width: 100%;height: auto;text-align: center;}
.l-site-title-body {width: 60%;height: auto;margin: 5em auto;}
.l-site-titele-ind {background: #936;}
.l-site-titele-dtp {background: #aa841e;}

path.path-ind {stroke:#fff;fill:none;stroke-width:3;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:inda 5s ease-in alternate forwards;-moz-animation:inda 5s ease-in alternate forwards;animation:inda 5s ease-in alternate forwards;}
@-webkit-keyframes inda {
0% {stroke-dashoffset: 1600;fill: none;}
20% {stroke-dashoffset: 1600;fill: none;}
80% {stroke-dashoffset: 0;fill: #936;}
90% {stroke-width: 3;stroke-dashoffset: 0;fill: #fff;}
100% {stroke-width: 0;stroke-dashoffset: 0;fill: #fff;}
}

path.path-ind-no {stroke:#E0B1B9;fill:none;stroke-width:3;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:inda-no 5s ease-in alternate forwards;-moz-animation:inda-no 5s ease-in alternate forwards;animation:inda-no 5s ease-in alternate forwards;}
@-webkit-keyframes inda-no {
0%{stroke-dashoffset:1600;fill: none;}
20%{stroke-dashoffset:1600;fill: none;}
80%{stroke-width:3;stroke-dashoffset:0;fill:#936;}
100%{stroke-width:0;stroke-dashoffset:0;fill:#E0B1B9;}
}

path.path-ind-str {stroke:#fff;fill:none;stroke-width:3;stroke-dasharray:2600;stroke-dashoffset:2600;-webkit-animation:inda-str 5s ease-in alternate forwards;-moz-animation:inda-str 5s ease-in alternate forwards;animation:inda-str 5s ease-in alternate forwards;}
@-webkit-keyframes inda-str {
0%{stroke-dashoffset:2600;fill:none;}
20%{stroke-dashoffset:2600;fill:none;}
80%{stroke-dashoffset:0;fill:#936;}
90%{stroke-width:3;stroke-dashoffset:0;fill:#fff;}
100%{stroke-width:0;stroke-dashoffset:0;fill:#fff;}
}

path.path-dtp {stroke:#fff;fill:none;stroke-width:3;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:dtpa 5s ease-in alternate forwards;-moz-animation:dtpa 5s ease-in alternate forwards;animation:dtpa 5s ease-in alternate forwards;}
@-webkit-keyframes dtpa {
0%{stroke-dashoffset:1600;fill:none;}
30%{stroke-dashoffset:1600;fill:none;}
90%{stroke-dashoffset:3;fill:#aa841e;}
100%{stroke-dashoffset:0;fill:#fff;}
}

path.path-dtp-no {stroke:#E6D8B9;fill:none;stroke-width:3;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:dtpa-no 5s ease-in alternate forwards;-moz-animation:dtpa-no 5s ease-in alternate forwards;animation:dtpa-no 5s ease-in alternate forwards;}
@-webkit-keyframes dtpa-no {
0%{stroke-dashoffset:1600;fill:none;}
30%{stroke-dashoffset:1600;fill:none;}
90%{stroke-dashoffset:3;fill:#aa841e;}
100%{stroke-dashoffset:0;fill:#E6D8B9;}
}

path.path-dtp-str {stroke:#fff;fill:none;stroke-width:3;stroke-dasharray:2600;stroke-dashoffset:2600;-webkit-animation:dtpa-str 5s ease-in alternate forwards;-moz-animation:dtpa-str 5s ease-in alternate forwards;animation:dtpa-str 5s ease-in alternate forwards;}

@-webkit-keyframes dtpa-str {
0%{stroke-dashoffset:2600;fill:none;}
30%{stroke-dashoffset:2600;fill:none;}
90%{stroke-dashoffset:3;fill:#aa841e;}
100%{stroke-dashoffset:0;fill:#fff;}
}

/* -- ▶▶▶ ID HOME COVER SVG ----------------------------- */

.l-site-titele-idhome {margin-top:0.5em;}

path.path-idhome {stroke:#fff;fill:none;stroke-width:1;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:inda 4s ease-in alternate forwards;-moz-animation:inda 4s ease-in alternate forwards;animation:inda 4s ease-in alternate forwards;}
@-webkit-keyframes inda {
0% {stroke-dashoffset: 1600;fill:none;}
30% {stroke-dashoffset: 1600;fill:none;}
90% {stroke-dashoffset: 0;fill: #936;}
95% {stroke-width: 1;stroke-dashoffset: 0;fill: #fff;}
100% {stroke-width: 0;stroke-dashoffset: 0;fill: #fff;}
}

path.path-idhome-no {stroke:#E0B1B9;fill:none;stroke-width:1;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:inda-no 4s ease-in alternate forwards;-moz-animation:inda-no 4s ease-in alternate forwards;animation:inda-no 4s ease-in alternate forwards;}
@-webkit-keyframes inda-no {
0%{stroke-dashoffset:1600;fill:none;}
30%{stroke-dashoffset:1600;fill:none;}
90%{stroke-width:1;stroke-dashoffset:0;fill:#936;}
100%{stroke-width:0;stroke-dashoffset:0;fill:#E0B1B9;}

}

path.path-idhome-str {stroke:#fff;fill:none;stroke-width:1;stroke-dasharray:2600;stroke-dashoffset:2600;-webkit-animation:inda-str 4s ease-in alternate forwards;-moz-animation:inda-str 4s ease-in alternate forwards;animation:inda-str 4s ease-in alternate forwards;}
@-webkit-keyframes inda-str {
0%{stroke-dashoffset:2600;fill:none;}
30%{stroke-dashoffset:2600;fill:none;}
90%{stroke-dashoffset:0;fill:#936;}
95%{stroke-width:1;stroke-dashoffset:0;fill:#fff;}
100%{stroke-width:0;stroke-dashoffset:0;fill:#fff;}
}


/* -- ▶▶▶ DTP COVER SVG ----------------------------- */

.l-site-titele-dtphome {margin-top:0.5em;}

path.path-dtphome {stroke:#fff;fill:none;stroke-width:1;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:dtpa 3s ease-in alternate forwards;-moz-animation:dtpa 4s ease-in alternate forwards;animation:dtpa 5s ease-in alternate forwards;}
@-webkit-keyframes dtpa {
0% {stroke-dashoffset: 1600;fill:none;}
30% {stroke-dashoffset: 1600;fill:none;}
90% {stroke-dashoffset: 0;fill: #aa841e;}
95% {stroke-width: 1;stroke-dashoffset: 0;fill: #fff;}
100% {stroke-width: 0;stroke-dashoffset: 0;fill: #fff;}
}


/* -- ▶▶▶ DTP COVER SVG ----------------------------- */

.l-site-titele-dtphome {margin-top:0.5em;}

path.path-dtphome {stroke:#fff;fill:none;stroke-width:1;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:dtpa 4s ease-in alternate forwards;-moz-animation:dtpa 4s ease-in alternate forwards;animation:dtpa 4s ease-in alternate forwards;}
@-webkit-keyframes dtpa {
0% {stroke-dashoffset: 1600;fill:none;}
30% {stroke-dashoffset: 1600;fill:none;}
90% {stroke-dashoffset: 0;fill: #aa841e;}
95% {stroke-width: 1;stroke-dashoffset: 0;fill: #fff;}
100% {stroke-width: 0;stroke-dashoffset: 0;fill: #fff;}
}

path.path-dtphome-no {stroke:#E6D8B9;fill:none;stroke-width:1;stroke-dasharray:1600;stroke-dashoffset:1600;-webkit-animation:dtpa-no 4s ease-in alternate forwards;-moz-animation:dtpa-no 4s ease-in alternate forwards;animation:dtpa-no 4s ease-in alternate forwards;}
@-webkit-keyframes dtpa-no {
0%{stroke-dashoffset:1600;fill:none;}
30%{stroke-dashoffset:1600;fill:none;}
90% {stroke-dashoffset: 0;fill: #aa841e;}
95%{stroke-dashoffset:1;fill:#aa841e;}
100%{stroke-dashoffset:0;fill:#E6D8B9;}
}

path.path-dtphome-str {stroke:#fff;fill:none;stroke-width:1;stroke-dasharray:2600;stroke-dashoffset:2600;-webkit-animation:dtpa-str 4s ease-in alternate forwards;-moz-animation:dtpa-str 4s ease-in alternate forwards;animation:dtpa-str 4s ease-in alternate forwards;}

@-webkit-keyframes dtpa-str {
0%{stroke-dashoffset:2600;fill:none;}
30%{stroke-dashoffset:2600;fill:none;}
90%{stroke-dashoffset:3;fill:#aa841e;}
95%{stroke-dashoffset:1;fill:#fff;}
100%{stroke-dashoffset:0;fill:#fff;}