/*********************
 * For sprite animation
 * [description]
 *  It's doing animation as background image with sprite sheet.
 *  And you need to change class of html element from JS.
 */



/*
   herb layout
------------------------------ */
.relative {
    position: relative;
}
/*.herb-outer {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}*/
.relative-hidden {
    position: relative;
    overflow: hidden;
}
.herb-left, .herb-left-02 { left: 0; }
.herb-right { right: 0; }

.herb-01 { width: 397px; height: 403px; background: url(../img/herb_line_01.png) left top; }
.herb-02 { width: 368px; height: 588px; background: url(../img/herb_line_02.png) left top; }
.herb-03 { width: 359px; height: 728px; background: url(../img/herb_line_03.png) left top; }
.herb-04 { width: 397px; height: 403px; background: url(../img/herb_line_04.png) left top; }
.herb-05 { width: 368px; height: 588px; background: url(../img/herb_line_05.png) left top; }
.herb-06 { width: 359px; height: 728px; background: url(../img/herb_line_06.png) left top; }
.herb-07 { width: 345px; height: 407px; background: url(../img/herb_line_07.png) left top; }
.herb-08 { width: 345px; height: 407px; background: url(../img/herb_line_08.png) left top; }
.herb-09 { width: 276px; height: 416px; background: url(../img/herb_line_09.png) left top; }
.herb-color-01 { width: 328px; height: 663px; background: url(../img/herb_color_01.png) left top; }
.herb-color-02 { width: 372px; height: 728px; background: url(../img/herb_color_02.png) left top; }
.herb-color-03 { width: 241px; height: 407px; background: url(../img/herb_color_03.png) left top; }
.herb-color-04 { width: 201px; height: 374px; background: url(../img/herb_color_04.png) left top; }
.herb-footer-01 { width: 290px; height: 455px; background: url(../img/herb_line_footer_01.png) left top; }
.herb-footer-02 { width: 265px; height: 456px; background: url(../img/herb_line_footer_02.png) left top; }


/* HOME */
.herb-home-01 .frame-01 {
    position: absolute;
    top: 100px;
}
.herb-home-01 .frame-02 {
    position: absolute;
    top: 300px;
}
.herb-home-01 .frame-03 {
    position: absolute;
    bottom: 20px;
}

.herb-home-02 .frame-01 {
    position: absolute;
    top: 60px;
}
.herb-home-02 .frame-02 {
    position: absolute;
    top: 40px;
}

.herb-home-03 .frame-01 {
    position: absolute;
    top: -20px;
}
.herb-hoem-03 .frame-02 {
    position: absolute;
    bottom: -20px;
}


/* 下層ページ */
.herb-under-01 .frame-01 {
    position: absolute;
    top: 30px;
}
.herb-under-01 .frame-02 {
    position: absolute;
    top: 830px;
}
.herb-under-01 .frame-03 {
    position: absolute;
    top: 1400px;
}
.herb-under-01 .frame-04 {
    position: absolute;
    top: 2450px;
}
.herb-under-01 .frame-05 {
    position: absolute;
    top: 3400px;
}
.herb-under-01 .frame-06 {
    position: absolute;
    top: 4400px;
}
.herb-under-01 .frame-07 {
    position: absolute;
    top: 4960px;
}
.herb-under-01 .frame-08 {
    position: absolute;
    top: 5860px;
}
.herb-under-01 .frame-09 {
    position: absolute;
    top: 6600px;
}
.herb-under-01 .frame-10 {
    position: absolute;
    top: 7450px;
}
.herb-under-01 .frame-11 {
    position: absolute;
    top: 8300px;
}
.herb-under-01 .frame-12 {
    position: absolute;
    top: 9150px;
}

.herb-under-02 .frame-01 {
    position: absolute;
    top: 0;
}
.herb-under-02 .frame-02 {
    position: absolute;
    top: 300px;
}
.herb-under-02 .frame-03 {
    position: absolute;
    top: 650px;
}

.herb-under-03 .frame-01 {
    position: absolute;
    top: -20px;
}
.herb-under-03 .frame-02 {
    position: absolute;
    bottom: -20px;
}

/* インクルード フッター */
.herb-inc-01 .frame-01 {
    position: absolute;
    top: 140px;
}
.herb-inc-01 .frame-02 {
    position: absolute;
    top: 80px;
}

/* 代表挨拶 */
.herb-layout-05 .frame-01 {
    position: absolute;
    top: -150px;
}
.herb-layout-05 .frame-02 {
    position: absolute;
    top: 640px;
}
.herb-layout-05 .frame-03 {
    position: absolute;
    top: 1420px;
}

.herb-layout-06 .frame-01 {
    position: absolute;
    top: 10px;
}
.herb-layout-06 .frame-02 {
    position: absolute;
    top: 100px;
}



@media screen and (max-width: 639px) {
    .herb-home-02 > .section {
        background-image: url(../img/herb_sp_left.png), url(../img/herb_sp_right.png);
        background-size: 73px auto, 83px auto;
        background-repeat: no-repeat, no-repeat;
        background-position: 0 5px, right 5px;
    }
}

/* フッター */
.footer-herb-layout .frame-01 {
    position: absolute;
    bottom: -125px;
}
.footer-herb-layout .frame-02 {
    position: absolute;
    bottom: -140px;
}

@media screen and (max-width: 1779px) {
    .herb-left-02 { left: -150px; }
}

@media screen and (max-width: 1499px) {
    .herb-left { left: -100px; }
    .herb-left-02 { left: -200px; }

    .herb-01 { width: 297px; }
    .herb-03 { width: 259px; }
    .herb-05 { width: 258px; }
    .herb-08 { width: 245px; }
    .herb-color-02 { width: 211px; }
    .herb-color-04 { width: 100px; }
    .herb-footer-02 { width: 165px; }
}

@media screen and (max-width: 1365px) {
    .herb-left-02 { left: -250px; }
}

@media screen and (max-width: 1199px) {
    .herb-left { left: -200px; }
    .herb-left-02 { left: -350px; }

    .herb-01 { width: 197px; }
    .herb-03 { width: 159px; }
    .herb-05 { width: 158px; }
    .herb-08 { width: 145px; }
    .herb-color-02 { width: 111px; }
    .herb-color-04 { width: 0px; }
    .herb-footer-02 { width: 65px; }
}

@media screen and (max-width: 959px) {
    .herb-box {
        display: none;
    }
}




/*********************
 *  花のフェードイン
 *********************/
.flower_fade_in_show {
	transform-origin: right bottom;
    -webkit-animation: flower_fade_in 2.0s linear 1;
    -moz-animation: flower_fade_in 2.0s linear 1;
    -ms-animation: flower_fade_in 2.0s linear 1;
    -o-animation: flower_fade_in 2.0s linear 1;
    animation: flower_fade_in 2.0s linear 1;
    animation-timing-function: ease-out;
}
@-webkit-keyframes flower_fade_in {
	  0% { opacity: 0.3; }
	100% { opacity: 1; }
}
@-moz-keyframes flower_fade_in {
	  0% { opacity: 0.3; }
	100% { opacity: 1; }
}
@-ms-keyframes flower_fade_in {
	  0% { opacity: 0.3; }
	100% { opacity: 1; }
}
@-o-keyframes flower_fade_in {
	  0% { opacity: 0.3; }
	100% { opacity: 1; }
}
@keyframes flower_fade_in {
	  0% { opacity: 0.3; }
	100% { opacity: 1; }
}

/* animation for herb line 01 */
.herb_line_01_0 { background-position: 11910px 0px; }
.herb_line_01_1 { background-position: 11513px 0px; }
.herb_line_01_2 { background-position: 11116px 0px; }
.herb_line_01_3 { background-position: 10719px 0px; }
.herb_line_01_4 { background-position: 10322px 0px; }
.herb_line_01_5 { background-position: 9925px 0px; }
.herb_line_01_6 { background-position: 9528px 0px; }
.herb_line_01_7 { background-position: 9131px 0px; }
.herb_line_01_8 { background-position: 8734px 0px; }
.herb_line_01_9 { background-position: 8337px 0px; }
.herb_line_01_10 { background-position: 7940px 0px; }
.herb_line_01_11 { background-position: 7543px 0px; }
.herb_line_01_12 { background-position: 7146px 0px; }
.herb_line_01_13 { background-position: 6749px 0px; }
.herb_line_01_14 { background-position: 6352px 0px; }
.herb_line_01_15 { background-position: 5955px 0px; }
.herb_line_01_16 { background-position: 5558px 0px; }
.herb_line_01_17 { background-position: 5161px 0px; }
.herb_line_01_18 { background-position: 4764px 0px; }
.herb_line_01_19 { background-position: 4367px 0px; }
.herb_line_01_20 { background-position: 3970px 0px; }
.herb_line_01_21 { background-position: 3573px 0px; }
.herb_line_01_22 { background-position: 3176px 0px; }
.herb_line_01_23 { background-position: 2779px 0px; }
.herb_line_01_24 { background-position: 2382px 0px; }
.herb_line_01_25 { background-position: 1985px 0px; }
.herb_line_01_26 { background-position: 1588px 0px; }
.herb_line_01_27 { background-position: 1191px 0px; }
.herb_line_01_28 { background-position: 794px 0px; }
.herb_line_01_29 { background-position: 397px 0px; }

/* animation for herb line 02 */
.herb_line_02_0 { background-position: 11040px 0px; }
.herb_line_02_1 { background-position: 10672px 0px; }
.herb_line_02_2 { background-position: 10304px 0px; }
.herb_line_02_3 { background-position: 9936px 0px; }
.herb_line_02_4 { background-position: 9568px 0px; }
.herb_line_02_5 { background-position: 9200px 0px; }
.herb_line_02_6 { background-position: 8832px 0px; }
.herb_line_02_7 { background-position: 8464px 0px; }
.herb_line_02_8 { background-position: 8096px 0px; }
.herb_line_02_9 { background-position: 7728px 0px; }
.herb_line_02_10 { background-position: 7360px 0px; }
.herb_line_02_11 { background-position: 6992px 0px; }
.herb_line_02_12 { background-position: 6624px 0px; }
.herb_line_02_13 { background-position: 6256px 0px; }
.herb_line_02_14 { background-position: 5888px 0px; }
.herb_line_02_15 { background-position: 5520px 0px; }
.herb_line_02_16 { background-position: 5152px 0px; }
.herb_line_02_17 { background-position: 4784px 0px; }
.herb_line_02_18 { background-position: 4416px 0px; }
.herb_line_02_19 { background-position: 4048px 0px; }
.herb_line_02_20 { background-position: 3680px 0px; }
.herb_line_02_21 { background-position: 3312px 0px; }
.herb_line_02_22 { background-position: 2944px 0px; }
.herb_line_02_23 { background-position: 2576px 0px; }
.herb_line_02_24 { background-position: 2208px 0px; }
.herb_line_02_25 { background-position: 1840px 0px; }
.herb_line_02_26 { background-position: 1472px 0px; }
.herb_line_02_27 { background-position: 1104px 0px; }
.herb_line_02_28 { background-position: 736px 0px; }
.herb_line_02_29 { background-position: 368px 0px; }

/* animation for herb line 03 */
.herb_line_03_0 { background-position: 10770px 0px; }
.herb_line_03_1 { background-position: 10411px 0px; }
.herb_line_03_2 { background-position: 10052px 0px; }
.herb_line_03_3 { background-position: 9693px 0px; }
.herb_line_03_4 { background-position: 9334px 0px; }
.herb_line_03_5 { background-position: 8975px 0px; }
.herb_line_03_6 { background-position: 8616px 0px; }
.herb_line_03_7 { background-position: 8257px 0px; }
.herb_line_03_8 { background-position: 7898px 0px; }
.herb_line_03_9 { background-position: 7539px 0px; }
.herb_line_03_10 { background-position: 7180px 0px; }
.herb_line_03_11 { background-position: 6821px 0px; }
.herb_line_03_12 { background-position: 6462px 0px; }
.herb_line_03_13 { background-position: 6103px 0px; }
.herb_line_03_14 { background-position: 5744px 0px; }
.herb_line_03_15 { background-position: 5385px 0px; }
.herb_line_03_16 { background-position: 5026px 0px; }
.herb_line_03_17 { background-position: 4667px 0px; }
.herb_line_03_18 { background-position: 4308px 0px; }
.herb_line_03_19 { background-position: 3949px 0px; }
.herb_line_03_20 { background-position: 3590px 0px; }
.herb_line_03_21 { background-position: 3231px 0px; }
.herb_line_03_22 { background-position: 2872px 0px; }
.herb_line_03_23 { background-position: 2513px 0px; }
.herb_line_03_24 { background-position: 2154px 0px; }
.herb_line_03_25 { background-position: 1795px 0px; }
.herb_line_03_26 { background-position: 1436px 0px; }
.herb_line_03_27 { background-position: 1077px 0px; }
.herb_line_03_28 { background-position: 718px 0px; }
.herb_line_03_29 { background-position: 359px 0px; }

/* animation for herb line 04 */
.herb_line_04_0 { background-position: 11910px 0px; }
.herb_line_04_1 { background-position: 11513px 0px; }
.herb_line_04_2 { background-position: 11116px 0px; }
.herb_line_04_3 { background-position: 10719px 0px; }
.herb_line_04_4 { background-position: 10322px 0px; }
.herb_line_04_5 { background-position: 9925px 0px; }
.herb_line_04_6 { background-position: 9528px 0px; }
.herb_line_04_7 { background-position: 9131px 0px; }
.herb_line_04_8 { background-position: 8734px 0px; }
.herb_line_04_9 { background-position: 8337px 0px; }
.herb_line_04_10 { background-position: 7940px 0px; }
.herb_line_04_11 { background-position: 7543px 0px; }
.herb_line_04_12 { background-position: 7146px 0px; }
.herb_line_04_13 { background-position: 6749px 0px; }
.herb_line_04_14 { background-position: 6352px 0px; }
.herb_line_04_15 { background-position: 5955px 0px; }
.herb_line_04_16 { background-position: 5558px 0px; }
.herb_line_04_17 { background-position: 5161px 0px; }
.herb_line_04_18 { background-position: 4764px 0px; }
.herb_line_04_19 { background-position: 4367px 0px; }
.herb_line_04_20 { background-position: 3970px 0px; }
.herb_line_04_21 { background-position: 3573px 0px; }
.herb_line_04_22 { background-position: 3176px 0px; }
.herb_line_04_23 { background-position: 2779px 0px; }
.herb_line_04_24 { background-position: 2382px 0px; }
.herb_line_04_25 { background-position: 1985px 0px; }
.herb_line_04_26 { background-position: 1588px 0px; }
.herb_line_04_27 { background-position: 1191px 0px; }
.herb_line_04_28 { background-position: 794px 0px; }
.herb_line_04_29 { background-position: 397px 0px; }

/* animation for herb line 05 */
.herb_line_05_0 { background-position: 11040px 0px; }
.herb_line_05_1 { background-position: 10672px 0px; }
.herb_line_05_2 { background-position: 10304px 0px; }
.herb_line_05_3 { background-position: 9936px 0px; }
.herb_line_05_4 { background-position: 9568px 0px; }
.herb_line_05_5 { background-position: 9200px 0px; }
.herb_line_05_6 { background-position: 8832px 0px; }
.herb_line_05_7 { background-position: 8464px 0px; }
.herb_line_05_8 { background-position: 8096px 0px; }
.herb_line_05_9 { background-position: 7728px 0px; }
.herb_line_05_10 { background-position: 7360px 0px; }
.herb_line_05_11 { background-position: 6992px 0px; }
.herb_line_05_12 { background-position: 6624px 0px; }
.herb_line_05_13 { background-position: 6256px 0px; }
.herb_line_05_14 { background-position: 5888px 0px; }
.herb_line_05_15 { background-position: 5520px 0px; }
.herb_line_05_16 { background-position: 5152px 0px; }
.herb_line_05_17 { background-position: 4784px 0px; }
.herb_line_05_18 { background-position: 4416px 0px; }
.herb_line_05_19 { background-position: 4048px 0px; }
.herb_line_05_20 { background-position: 3680px 0px; }
.herb_line_05_21 { background-position: 3312px 0px; }
.herb_line_05_22 { background-position: 2944px 0px; }
.herb_line_05_23 { background-position: 2576px 0px; }
.herb_line_05_24 { background-position: 2208px 0px; }
.herb_line_05_25 { background-position: 1840px 0px; }
.herb_line_05_26 { background-position: 1472px 0px; }
.herb_line_05_27 { background-position: 1104px 0px; }
.herb_line_05_28 { background-position: 736px 0px; }
.herb_line_05_29 { background-position: 368px 0px; }

/* animation for herb line 06 */
.herb_line_06_0 { background-position: 10770px 0px; }
.herb_line_06_1 { background-position: 10411px 0px; }
.herb_line_06_2 { background-position: 10052px 0px; }
.herb_line_06_3 { background-position: 9693px 0px; }
.herb_line_06_4 { background-position: 9334px 0px; }
.herb_line_06_5 { background-position: 8975px 0px; }
.herb_line_06_6 { background-position: 8616px 0px; }
.herb_line_06_7 { background-position: 8257px 0px; }
.herb_line_06_8 { background-position: 7898px 0px; }
.herb_line_06_9 { background-position: 7539px 0px; }
.herb_line_06_10 { background-position: 7180px 0px; }
.herb_line_06_11 { background-position: 6821px 0px; }
.herb_line_06_12 { background-position: 6462px 0px; }
.herb_line_06_13 { background-position: 6103px 0px; }
.herb_line_06_14 { background-position: 5744px 0px; }
.herb_line_06_15 { background-position: 5385px 0px; }
.herb_line_06_16 { background-position: 5026px 0px; }
.herb_line_06_17 { background-position: 4667px 0px; }
.herb_line_06_18 { background-position: 4308px 0px; }
.herb_line_06_19 { background-position: 3949px 0px; }
.herb_line_06_20 { background-position: 3590px 0px; }
.herb_line_06_21 { background-position: 3231px 0px; }
.herb_line_06_22 { background-position: 2872px 0px; }
.herb_line_06_23 { background-position: 2513px 0px; }
.herb_line_06_24 { background-position: 2154px 0px; }
.herb_line_06_25 { background-position: 1795px 0px; }
.herb_line_06_26 { background-position: 1436px 0px; }
.herb_line_06_27 { background-position: 1077px 0px; }
.herb_line_06_28 { background-position: 718px 0px; }
.herb_line_06_29 { background-position: 359px 0px; }

/* animation for herb line 07 */
.herb_line_07_0 { background-position: 10350px 0px; }
.herb_line_07_1 { background-position: 10005px 0px; }
.herb_line_07_2 { background-position: 9660px 0px; }
.herb_line_07_3 { background-position: 9315px 0px; }
.herb_line_07_4 { background-position: 8970px 0px; }
.herb_line_07_5 { background-position: 8625px 0px; }
.herb_line_07_6 { background-position: 8280px 0px; }
.herb_line_07_7 { background-position: 7935px 0px; }
.herb_line_07_8 { background-position: 7590px 0px; }
.herb_line_07_9 { background-position: 7245px 0px; }
.herb_line_07_10 { background-position: 6900px 0px; }
.herb_line_07_11 { background-position: 6555px 0px; }
.herb_line_07_12 { background-position: 6210px 0px; }
.herb_line_07_13 { background-position: 5865px 0px; }
.herb_line_07_14 { background-position: 5520px 0px; }
.herb_line_07_15 { background-position: 5175px 0px; }
.herb_line_07_16 { background-position: 4830px 0px; }
.herb_line_07_17 { background-position: 4485px 0px; }
.herb_line_07_18 { background-position: 4140px 0px; }
.herb_line_07_19 { background-position: 3795px 0px; }
.herb_line_07_20 { background-position: 3450px 0px; }
.herb_line_07_21 { background-position: 3105px 0px; }
.herb_line_07_22 { background-position: 2760px 0px; }
.herb_line_07_23 { background-position: 2415px 0px; }
.herb_line_07_24 { background-position: 2070px 0px; }
.herb_line_07_25 { background-position: 1725px 0px; }
.herb_line_07_26 { background-position: 1380px 0px; }
.herb_line_07_27 { background-position: 1035px 0px; }
.herb_line_07_28 { background-position: 690px 0px; }
.herb_line_07_29 { background-position: 345px 0px; }

/* animation for herb line 08 */
.herb_line_08_0 { background-position: 10350px 0px; }
.herb_line_08_1 { background-position: 10005px 0px; }
.herb_line_08_2 { background-position: 9660px 0px; }
.herb_line_08_3 { background-position: 9315px 0px; }
.herb_line_08_4 { background-position: 8970px 0px; }
.herb_line_08_5 { background-position: 8625px 0px; }
.herb_line_08_6 { background-position: 8280px 0px; }
.herb_line_08_7 { background-position: 7935px 0px; }
.herb_line_08_8 { background-position: 7590px 0px; }
.herb_line_08_9 { background-position: 7245px 0px; }
.herb_line_08_10 { background-position: 6900px 0px; }
.herb_line_08_11 { background-position: 6555px 0px; }
.herb_line_08_12 { background-position: 6210px 0px; }
.herb_line_08_13 { background-position: 5865px 0px; }
.herb_line_08_14 { background-position: 5520px 0px; }
.herb_line_08_15 { background-position: 5175px 0px; }
.herb_line_08_16 { background-position: 4830px 0px; }
.herb_line_08_17 { background-position: 4485px 0px; }
.herb_line_08_18 { background-position: 4140px 0px; }
.herb_line_08_19 { background-position: 3795px 0px; }
.herb_line_08_20 { background-position: 3450px 0px; }
.herb_line_08_21 { background-position: 3105px 0px; }
.herb_line_08_22 { background-position: 2760px 0px; }
.herb_line_08_23 { background-position: 2415px 0px; }
.herb_line_08_24 { background-position: 2070px 0px; }
.herb_line_08_25 { background-position: 1725px 0px; }
.herb_line_08_26 { background-position: 1380px 0px; }
.herb_line_08_27 { background-position: 1035px 0px; }
.herb_line_08_28 { background-position: 690px 0px; }
.herb_line_08_29 { background-position: 345px 0px; }


/* animation for herb line 09 */
.herb_line_09_0 { background-position: 7176px 0px; }
.herb_line_09_1 { background-position: 6900px 0px; }
.herb_line_09_2 { background-position: 6624px 0px; }
.herb_line_09_3 { background-position: 6348px 0px; }
.herb_line_09_4 { background-position: 6072px 0px; }
.herb_line_09_5 { background-position: 5796px 0px; }
.herb_line_09_6 { background-position: 5520px 0px; }
.herb_line_09_7 { background-position: 5244px 0px; }
.herb_line_09_8 { background-position: 4968px 0px; }
.herb_line_09_9 { background-position: 4692px 0px; }
.herb_line_09_10 { background-position: 4416px 0px; }
.herb_line_09_11 { background-position: 4140px 0px; }
.herb_line_09_12 { background-position: 3864px 0px; }
.herb_line_09_13 { background-position: 3588px 0px; }
.herb_line_09_14 { background-position: 3312px 0px; }
.herb_line_09_15 { background-position: 3036px 0px; }
.herb_line_09_16 { background-position: 2760px 0px; }
.herb_line_09_17 { background-position: 2484px 0px; }
.herb_line_09_18 { background-position: 2208px 0px; }
.herb_line_09_19 { background-position: 1932px 0px; }
.herb_line_09_20 { background-position: 1656px 0px; }
.herb_line_09_21 { background-position: 1380px 0px; }
.herb_line_09_22 { background-position: 1104px 0px; }
.herb_line_09_23 { background-position: 828px 0px; }
.herb_line_09_24 { background-position: 552px 0px; }
.herb_line_09_25 { background-position: 276px 0px; }
.herb_line_09_26 { background-position: 276px 0px; }
.herb_line_09_27 { background-position: 276px 0px; }
.herb_line_09_28 { background-position: 276px 0px; }
.herb_line_09_29 { background-position: 276px 0px; }

/* animation for herb line 10 */
.herb_color_01_0 { background-position: 9840px 0px; }
.herb_color_01_1 { background-position: 9512px 0px; }
.herb_color_01_2 { background-position: 9184px 0px; }
.herb_color_01_3 { background-position: 8856px 0px; }
.herb_color_01_4 { background-position: 8528px 0px; }
.herb_color_01_5 { background-position: 8200px 0px; }
.herb_color_01_6 { background-position: 7872px 0px; }
.herb_color_01_7 { background-position: 7544px 0px; }
.herb_color_01_8 { background-position: 7216px 0px; }
.herb_color_01_9 { background-position: 6888px 0px; }
.herb_color_01_10 { background-position: 6560px 0px; }
.herb_color_01_11 { background-position: 6232px 0px; }
.herb_color_01_12 { background-position: 5904px 0px; }
.herb_color_01_13 { background-position: 5576px 0px; }
.herb_color_01_14 { background-position: 5248px 0px; }
.herb_color_01_15 { background-position: 4920px 0px; }
.herb_color_01_16 { background-position: 4592px 0px; }
.herb_color_01_17 { background-position: 4264px 0px; }
.herb_color_01_18 { background-position: 3936px 0px; }
.herb_color_01_19 { background-position: 3608px 0px; }
.herb_color_01_20 { background-position: 3280px 0px; }
.herb_color_01_21 { background-position: 2952px 0px; }
.herb_color_01_22 { background-position: 2624px 0px; }
.herb_color_01_23 { background-position: 2296px 0px; }
.herb_color_01_24 { background-position: 1968px 0px; }
.herb_color_01_25 { background-position: 1640px 0px; }
.herb_color_01_26 { background-position: 1312px 0px; }
.herb_color_01_27 { background-position: 984px 0px; }
.herb_color_01_28 { background-position: 656px 0px; }
.herb_color_01_29 { background-position: 328px 0px; }

/* animation for herb line 11 */
.herb_color_02_0 { background-position: 11160px 0px; }
.herb_color_02_1 { background-position: 10788px 0px; }
.herb_color_02_2 { background-position: 10416px 0px; }
.herb_color_02_3 { background-position: 10044px 0px; }
.herb_color_02_4 { background-position: 9672px 0px; }
.herb_color_02_5 { background-position: 9300px 0px; }
.herb_color_02_6 { background-position: 8928px 0px; }
.herb_color_02_7 { background-position: 8556px 0px; }
.herb_color_02_8 { background-position: 8184px 0px; }
.herb_color_02_9 { background-position: 7812px 0px; }
.herb_color_02_10 { background-position: 7440px 0px; }
.herb_color_02_11 { background-position: 7068px 0px; }
.herb_color_02_12 { background-position: 6696px 0px; }
.herb_color_02_13 { background-position: 6324px 0px; }
.herb_color_02_14 { background-position: 5952px 0px; }
.herb_color_02_15 { background-position: 5580px 0px; }
.herb_color_02_16 { background-position: 5208px 0px; }
.herb_color_02_17 { background-position: 4836px 0px; }
.herb_color_02_18 { background-position: 4464px 0px; }
.herb_color_02_19 { background-position: 4092px 0px; }
.herb_color_02_20 { background-position: 3720px 0px; }
.herb_color_02_21 { background-position: 3348px 0px; }
.herb_color_02_22 { background-position: 2976px 0px; }
.herb_color_02_23 { background-position: 2604px 0px; }
.herb_color_02_24 { background-position: 2232px 0px; }
.herb_color_02_25 { background-position: 1860px 0px; }
.herb_color_02_26 { background-position: 1488px 0px; }
.herb_color_02_27 { background-position: 1116px 0px; }
.herb_color_02_28 { background-position: 744px 0px; }
.herb_color_02_29 { background-position: 372px 0px; }

/* animation for herb line 11 */
.herb_color_03_0 { background-position: 7230px 0px; }
.herb_color_03_1 { background-position: 6989px 0px; }
.herb_color_03_2 { background-position: 6748px 0px; }
.herb_color_03_3 { background-position: 6507px 0px; }
.herb_color_03_4 { background-position: 6266px 0px; }
.herb_color_03_5 { background-position: 6025px 0px; }
.herb_color_03_6 { background-position: 5784px 0px; }
.herb_color_03_7 { background-position: 5543px 0px; }
.herb_color_03_8 { background-position: 5302px 0px; }
.herb_color_03_9 { background-position: 5061px 0px; }
.herb_color_03_10 { background-position: 4820px 0px; }
.herb_color_03_11 { background-position: 4579px 0px; }
.herb_color_03_12 { background-position: 4338px 0px; }
.herb_color_03_13 { background-position: 4097px 0px; }
.herb_color_03_14 { background-position: 3856px 0px; }
.herb_color_03_15 { background-position: 3615px 0px; }
.herb_color_03_16 { background-position: 3374px 0px; }
.herb_color_03_17 { background-position: 3133px 0px; }
.herb_color_03_18 { background-position: 2892px 0px; }
.herb_color_03_19 { background-position: 2651px 0px; }
.herb_color_03_20 { background-position: 2410px 0px; }
.herb_color_03_21 { background-position: 2169px 0px; }
.herb_color_03_22 { background-position: 1928px 0px; }
.herb_color_03_23 { background-position: 1687px 0px; }
.herb_color_03_24 { background-position: 1446px 0px; }
.herb_color_03_25 { background-position: 1205px 0px; }
.herb_color_03_26 { background-position: 964px 0px; }
.herb_color_03_27 { background-position: 723px 0px; }
.herb_color_03_28 { background-position: 482px 0px; }
.herb_color_03_29 { background-position: 241px 0px; }

/* animation for herb line 11 */
.herb_color_04_0 { background-position: 6030px 0px; }
.herb_color_04_1 { background-position: 5829px 0px; }
.herb_color_04_2 { background-position: 5628px 0px; }
.herb_color_04_3 { background-position: 5427px 0px; }
.herb_color_04_4 { background-position: 5226px 0px; }
.herb_color_04_5 { background-position: 5025px 0px; }
.herb_color_04_6 { background-position: 4824px 0px; }
.herb_color_04_7 { background-position: 4623px 0px; }
.herb_color_04_8 { background-position: 4422px 0px; }
.herb_color_04_9 { background-position: 4221px 0px; }
.herb_color_04_10 { background-position: 4020px 0px; }
.herb_color_04_11 { background-position: 3819px 0px; }
.herb_color_04_12 { background-position: 3618px 0px; }
.herb_color_04_13 { background-position: 3417px 0px; }
.herb_color_04_14 { background-position: 3216px 0px; }
.herb_color_04_15 { background-position: 3015px 0px; }
.herb_color_04_16 { background-position: 2814px 0px; }
.herb_color_04_17 { background-position: 2613px 0px; }
.herb_color_04_18 { background-position: 2412px 0px; }
.herb_color_04_19 { background-position: 2211px 0px; }
.herb_color_04_20 { background-position: 2010px 0px; }
.herb_color_04_21 { background-position: 1809px 0px; }
.herb_color_04_22 { background-position: 1608px 0px; }
.herb_color_04_23 { background-position: 1407px 0px; }
.herb_color_04_24 { background-position: 1206px 0px; }
.herb_color_04_25 { background-position: 1005px 0px; }
.herb_color_04_26 { background-position: 804px 0px; }
.herb_color_04_27 { background-position: 603px 0px; }
.herb_color_04_28 { background-position: 402px 0px; }
.herb_color_04_29 { background-position: 201px 0px; }

/* animation for herb line 14 */
.herb_footer_01_0 { background-position: 8700px 0px; }
.herb_footer_01_1 { background-position: 8410px 0px; }
.herb_footer_01_2 { background-position: 8120px 0px; }
.herb_footer_01_3 { background-position: 7830px 0px; }
.herb_footer_01_4 { background-position: 7540px 0px; }
.herb_footer_01_5 { background-position: 7250px 0px; }
.herb_footer_01_6 { background-position: 6960px 0px; }
.herb_footer_01_7 { background-position: 6670px 0px; }
.herb_footer_01_8 { background-position: 6380px 0px; }
.herb_footer_01_9 { background-position: 6090px 0px; }
.herb_footer_01_10 { background-position: 5800px 0px; }
.herb_footer_01_11 { background-position: 5510px 0px; }
.herb_footer_01_12 { background-position: 5220px 0px; }
.herb_footer_01_13 { background-position: 4930px 0px; }
.herb_footer_01_14 { background-position: 4640px 0px; }
.herb_footer_01_15 { background-position: 4350px 0px; }
.herb_footer_01_16 { background-position: 4060px 0px; }
.herb_footer_01_17 { background-position: 3770px 0px; }
.herb_footer_01_18 { background-position: 3480px 0px; }
.herb_footer_01_19 { background-position: 3190px 0px; }
.herb_footer_01_20 { background-position: 2900px 0px; }
.herb_footer_01_21 { background-position: 2610px 0px; }
.herb_footer_01_22 { background-position: 2320px 0px; }
.herb_footer_01_23 { background-position: 2030px 0px; }
.herb_footer_01_24 { background-position: 1740px 0px; }
.herb_footer_01_25 { background-position: 1450px 0px; }
.herb_footer_01_26 { background-position: 1160px 0px; }
.herb_footer_01_27 { background-position: 870px 0px; }
.herb_footer_01_28 { background-position: 580px 0px; }
.herb_footer_01_29 { background-position: 290px 0px; }

/* animation for herb line 15 */
.herb_footer_02_0 { background-position: 7950px 0px; }
.herb_footer_02_1 { background-position: 7685px 0px; }
.herb_footer_02_2 { background-position: 7420px 0px; }
.herb_footer_02_3 { background-position: 7155px 0px; }
.herb_footer_02_4 { background-position: 6890px 0px; }
.herb_footer_02_5 { background-position: 6625px 0px; }
.herb_footer_02_6 { background-position: 6360px 0px; }
.herb_footer_02_7 { background-position: 6095px 0px; }
.herb_footer_02_8 { background-position: 5830px 0px; }
.herb_footer_02_9 { background-position: 5565px 0px; }
.herb_footer_02_10 { background-position: 5300px 0px; }
.herb_footer_02_11 { background-position: 5035px 0px; }
.herb_footer_02_12 { background-position: 4770px 0px; }
.herb_footer_02_13 { background-position: 4505px 0px; }
.herb_footer_02_14 { background-position: 4240px 0px; }
.herb_footer_02_15 { background-position: 3975px 0px; }
.herb_footer_02_16 { background-position: 3710px 0px; }
.herb_footer_02_17 { background-position: 3445px 0px; }
.herb_footer_02_18 { background-position: 3180px 0px; }
.herb_footer_02_19 { background-position: 2915px 0px; }
.herb_footer_02_20 { background-position: 2650px 0px; }
.herb_footer_02_21 { background-position: 2385px 0px; }
.herb_footer_02_22 { background-position: 2120px 0px; }
.herb_footer_02_23 { background-position: 1855px 0px; }
.herb_footer_02_24 { background-position: 1590px 0px; }
.herb_footer_02_25 { background-position: 1325px 0px; }
.herb_footer_02_26 { background-position: 1060px 0px; }
.herb_footer_02_27 { background-position: 795px 0px; }
.herb_footer_02_28 { background-position: 530px 0px; }
.herb_footer_02_29 { background-position: 265px 0px; }


/* movie cover setting */
.mov-cover
{
    overflow: hidden;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 1;
}
#tubular-container {
    opacity: 0;
    transition: all 0.75s ease-in 0s;
}
#tubular-container iframe {
    top: -70px !important;
}
#tubular-container.active {
    opacity: 1 !important;
}