@charset "utf-8"; 
/* CSS Document */
/*
font-family: 'CCMeanwhileRegular';
font-family: 'CCMeanwhileItalic';
font-family: 'CCMeanwhileBold';
font-family: 'CCMeanwhileBoldItalic';
*/


/*a, button, h1, h2, h3, h4, h5, h6, img, input, p, select { -webkit-transition: all 0.5s ease 0s !important; -moz-transition: all 0.5s ease 0s !important; transition: all 0.5s ease 0s !important }*/
img, img a { border: 0 }
html { font-size: 10px }
body, html { height: 100% }
body { font-family: 'CCMeanwhileRegular'; font-weight: normal; font-size: 1.6rem; background: #e1f4fc; color: #000000; margin: 0px; padding: 0px; overflow-x: hidden }
/*div { font-size: 0 }*/
a, div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { margin: 0; padding: 0; outline: 0 !important; box-shadow: none; border: 0; list-style: none; }
div, h1, h2, h3, h4, h5, h6, img, input, li, p, select, ul { font-weight: normal }
img { max-width: 100% }

.wow {
  visibility: hidden;
}

@font-face {
    font-family: 'CCMeanwhileRegular';
    src: url('../fonts/CCMeanwhileRegular.eot');
    src: url('../fonts/CCMeanwhileRegular.eot') format('embedded-opentype'),
         url('../fonts/CCMeanwhileRegular.woff2') format('woff2'),
         url('../fonts/CCMeanwhileRegular.woff') format('woff'),
         url('../fonts/CCMeanwhileRegular.ttf') format('truetype'),
         url('../fonts/CCMeanwhileRegular.svg#CCMeanwhileRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'CCMeanwhileItalic';
    src: url('../fonts/CCMeanwhileItalic.eot');
    src: url('../fonts/CCMeanwhileItalic.eot') format('embedded-opentype'),
         url('../fonts/CCMeanwhileItalic.woff2') format('woff2'),
         url('../fonts/CCMeanwhileItalic.woff') format('woff'),
         url('../fonts/CCMeanwhileItalic.ttf') format('truetype'),
         url('../fonts/CCMeanwhileItalic.svg#CCMeanwhileItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'CCMeanwhileBold';
    src: url('../fonts/CCMeanwhileBold.eot');
    src: url('../fonts/CCMeanwhileBold.eot') format('embedded-opentype'),
         url('../fonts/CCMeanwhileBold.woff2') format('woff2'),
         url('../fonts/CCMeanwhileBold.woff') format('woff'),
         url('../fonts/CCMeanwhileBold.ttf') format('truetype'),
         url('../fonts/CCMeanwhileBold.svg#CCMeanwhileBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'CCMeanwhileBoldItalic';
    src: url('../fonts/CCMeanwhileBoldItalic.eot');
    src: url('../fonts/CCMeanwhileBoldItalic.eot') format('embedded-opentype'),
         url('../fonts/CCMeanwhileBoldItalic.woff2') format('woff2'),
         url('../fonts/CCMeanwhileBoldItalic.woff') format('woff'),
         url('../fonts/CCMeanwhileBoldItalic.ttf') format('truetype'),
         url('../fonts/CCMeanwhileBoldItalic.svg#CCMeanwhileBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SourceSansProRegular';
    src: url('../fonts/SourceSansProRegular.eot');
    src: url('../fonts/SourceSansProRegular.eot') format('embedded-opentype'),
         url('../fonts/SourceSansProRegular.woff2') format('woff2'),
         url('../fonts/SourceSansProRegular.woff') format('woff'),
         url('../fonts/SourceSansProRegular.ttf') format('truetype'),
         url('../fonts/SourceSansProRegular.svg#SourceSansProRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'SourceSansProSemiboldIt';
    src: url('../fonts/SourceSansProSemiboldIt.eot');
    src: url('../fonts/SourceSansProSemiboldIt.eot') format('embedded-opentype'),
         url('../fonts/SourceSansProSemiboldIt.woff2') format('woff2'),
         url('../fonts/SourceSansProSemiboldIt.woff') format('woff'),
         url('../fonts/SourceSansProSemiboldIt.ttf') format('truetype'),
         url('../fonts/SourceSansProSemiboldIt.svg#SourceSansProSemiboldIt') format('svg');
	font-weight: normal;


	font-style: normal;
}

.over_hidden_x { overflow-x: hidden; }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;padding-right:var(--bs-gutter-x,1.5rem);padding-left:var(--bs-gutter-x,1.5rem);}
.row{--bs-gutter-x:3rem;--bs-gutter-y:0;margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}
.row>*{padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}

.classy-navbar .nav-brand { width: 172px; height: auto}
.classy-navbar .nav-brand img { width: auto; height: auto; }


.classynav ul li ul li { margin: 0px; }
.classynav ul li ul li { margin: 0px; background-color: #f9f6ee; border: 1px solid #113321; border-bottom: 0px; }
.classynav ul li ul li a { padding: 0.5vw 1vw; transition: all 0.5s ease 0s !important }
.classynav ul li ul li a:hover { background-color: #113321; color: #f9f6ee; transition: all 0.5s ease 0s !important }
.classynav ul li ul li:last-child { border-bottom: 1px solid #113321 }
.classynav ul li.megamenu-item > a:after,
.classynav ul li.has-down > a:after { width: 15px; height: 8px; }
.breakpoint-on .classynav ul li ul li a { padding: 10px 15px; }
.nav-brand-mobile { width: 6.5rem !important; position: absolute; top: 15px; left: 15px; display: none !important }
.breakpoint-on .nav-brand-mobile { display: block !important }


.header-area { position: absolute; }
.header-area h1.logo { width: 100px; height: 100px; font-size: 0px; margin: 0px; padding: 0px; z-index: 999; }
.header-area h1.logo a, .header-area h1.logo a:hover { text-decoration: none; border: 0px; margin: 0px; padding: 0px; font-size: 0px; }

.header-area .classy-nav-container { transition: all 0.5s ease 0.2s !important }

.header-area .nav-brand img { width: 100px; position: absolute; top: 0px; left: 0px; transition: all 1s ease 0s !important  }
.header-area .nav-brand img.logo_main { opacity: 1;  }
.header-area .classy-nav-container { -webkit-transition: padding 0.5s ease 0s !important; -moz-transition: padding 0.5s ease 0s !important; transition: padding 0.5s ease 0s !important }


.over_hidden_x { margin: 0; }
.home-banner {  position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1f4fc+0,89d5f5+100 */
background: linear-gradient(135deg,  rgba(225,244,252,1) 0%,rgba(137,213,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding: 15rem 0 10rem; }
.home-banner .top_dots { position: absolute; top: 0px; right: 0px; width: 80% }
.home-banner .top_dots img { width: 100% }
.home-banner .bot_dots { position: absolute; bottom: 0px; left: 0px; width: 80% }
.home-banner .bot_dots img { width: 100% }
.home-banner .banner_gus { width: 180px; position: relative; margin: 55px 0 0 -30px; }
.home-banner .banner_gus img { width: 100%; margin: 0px; }
.home-banner .speech_bubble_1 { display: flex; align-items: center; width: 220px; height: 124px; position: absolute; right: -200px; top: -55px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2rem 1.5rem }
.home-banner .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; /*font-size: 1.8rem;*/ font-size: 1.7rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.2; letter-spacing: -1px; }
.home-banner .speech_bubble_2 { width: 200px; height: 55px; position: absolute; right: -195px; top: 40px; padding: 0 }
.home-banner .speech_bubble_2 .inner_bubble { display: flex; align-items: center; width: 100%; height: 100%; position: relative; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; z-index: 1; }
.home-banner .speech_bubble_2 h4 { width: 100%; height: 100%; font-family: 'CCMeanwhileItalic'; font-size: 1.4rem; color: #ffffff; font-weight: normal; text-align: center; line-height: 1.2; }
.home-banner .speech_bubble_2 .inner_bubble_panel_a h4 { font-size: 1.3rem; }
.home-banner .speech_bubble_2 h4 a { color: #ffffff; display: block; text-decoration: none; line-height: normal; height: 100%; padding: 18px 0 0 0 /*padding: 12px 0 0 0*/ }
.home-banner .speech_bubble_2 .arrow { width: 100px; position: absolute; left: -10px; bottom: -85px; }
.home-banner h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: absolute; bottom: 13rem; right: 1.5rem; }
.home-banner .speech_bubble_2 .arrow img { width: 100% }

.panel_b_c { position: relative; background: none; width: 100%; margin: 0 }
.panel_b_c .panel_b { margin-top: -120px; position: relative; z-index: 1; background: url("../images/Panel_B_mob.webp") right top no-repeat; background-size: cover; padding: 8rem 0 5rem; }
.panel_b_c .panel_b h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: relative; padding: 2rem 0 0 1.5rem }
.panel_b_c .panel_c { margin-top: -70px; position: relative; z-index: 2; background: url("../images/Panel_C_mob.webp") right top no-repeat; background-size: cover; padding: 5rem 0 2.5rem; }
.panel_b_c .panel_c h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: relative; text-align: right; padding: 2rem 1.5rem 0 0 }

.panel_b_c .panel_b .wrapper { width: 100%; float: none; }
.panel_b_c .panel_b .lee_bee { width: 158px; position: relative; float: right; margin: 10rem -2.5rem 0 0 }
.panel_b_c .panel_b .lee_bee img { width: 100%; position: relative; z-index: 1; animation: floatImage 6s ease-in-out infinite; }
@keyframes floatImage {
  0%, 100% {
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  50% {
\    transform: translateY(-15px) translateX(0px) rotate(0deg); /* only float, no extra rotate here */
  }
}
.panel_b_c .panel_b .lee_bee .speech_bubble_1 { display: flex; align-items: center; width: 226px; height: 130px; position: absolute; left: -216px; top: -85px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; transform: rotateY(180deg); }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; transform: rotateY(180deg) }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn { transform: rotateY(180deg); width: 146px; min-height: 53px; position: absolute; right: -15px; top: 70%; z-index: 1; padding: 0 }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_b_c .panel_c2b .lee_bee { width: 158px; position: relative; float: right; margin: 9rem -2.5rem 0 0 /*margin: 13rem -2.5rem 0 0*/ }
.panel_b_c .panel_c2b .lee_bee img { width: 100%; position: relative; z-index: 1; animation: floatImage 6s ease-in-out infinite; }
@keyframes floatImage {
  0%, 100% {
    transform: translateY(0) translateX(0) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) translateX(0px) rotate(0deg); /* only float, no extra rotate here */
  }
}
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 { display: flex; align-items: center; width: 226px; height: 130px; position: absolute; left: -216px; top: -85px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; transform: rotateY(180deg); }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; transform: rotateY(180deg) }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn { transform: rotateY(180deg); width: 146px; min-height: 53px; position: absolute; right: -15px; top: 70%; z-index: 1; padding: 0 }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_b_c .panel_b .gus_dog { width: 250px; position: relative; margin: 12rem 0 0 -5rem }
.panel_b_c .panel_b .gus_dog img { width: 100%; position: relative; z-index: 1; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 { display: flex; align-items: center; width: 228px; height: 132px; position: absolute; right: -158px; top: -100px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn { width: 146px; min-height: 53px; position: absolute; right: -15px; top: 70%; z-index: 1; padding: 0 }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }





.panel_b_c .panel_c .wrapper { width: 100%; float: none; }
.panel_b_c .panel_c .gus_dog { width: 270px; position: relative; float: right; margin: 20rem -3rem 0 0 }
.panel_b_c .panel_c .gus_dog img { width: 100%; position: relative; z-index: 1; transform: rotateY(180deg); }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 { display: flex; align-items: center; width: 220px; height: 241px; position: absolute; left: -120px; top: -170px; background: url("../images/panel-C-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 8.5rem 1.5rem; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.3; letter-spacing: -1px; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn { width: 146px; min-height: 53px; position: absolute; right: -90px; top: 42%; z-index: 1; padding: 0 }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_b_c .panel_c2b .gus_dog { width: 250px; position: relative; float: left; transform: rotateY(180deg); margin: 4rem 0rem 0 -3rem }
.panel_b_c .panel_c2b .gus_dog img { width: 100%; position: relative; z-index: 1; }


.panel_b_c .panel_b2c .gus_dog { width: 270px; position: relative; float: left; margin: 20rem 0 0 -3rem; transform: rotateY(180deg); }
.panel_b_c .panel_b2c .gus_dog img { width: 100%; position: relative; z-index: 1; transform: rotateY(180deg); }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 { display: flex; align-items: center; width: 220px; height: 241px; position: absolute; left: -120px; top: -170px; background: url("../images/panel-C-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 8.5rem 1.5rem; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.3; letter-spacing: -1px; transform: rotateY(180deg); }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn { width: 146px; min-height: 53px; position: absolute; right: -90px; top: 42%; z-index: 1; padding: 0; transform: rotateY(180deg); }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }


.panel_D_E { position: relative; z-index: 1; background: none; width: 100%; margin: 0 }
.panel_D_E .panel_D { margin-top: 0px; position: relative; z-index: 1; background: url("../images/Panel_D_mob.webp") center top no-repeat; background-size: cover; padding: 0 0 5rem 0; }
.panel_D_E .panel_D h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; padding: 1.5rem 0 0 1.5rem }
.panel_D_E .panel_E { margin-top: -80px; position: relative; z-index: 0; background: url("../images/Panel_E_mob.webp") center top no-repeat; background-size: cover; padding: 3rem 0 5rem 0; }
.panel_D_E .panel_E h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; text-align: right; padding: 1.5rem 1.5rem 0 0 }

.panel_D_E .panel_D .wrapper { width: 100%; float: none; padding: 0 1.5rem }
.panel_D_E .panel_D .gus_dog { width: 270px; position: relative; margin: 12rem 0 3rem -5rem }
.panel_D_E .panel_D .gus_dog img { width: 100%; position: relative; z-index: 1; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 { display: flex; align-items: center; width: 228px; height: 132px; position: absolute; right: -108px; top: -120px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn { width: 146px; min-height: 53px; position: absolute; right: -15px; top: 70%; z-index: 1; padding: 0 }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_D_E .panel_D .lee_bee { width: 158px; position: relative; float: right; margin: 10rem 0rem 0 0 }
.panel_D_E .panel_D .lee_bee img { width: 100%; position: relative; z-index: 1; animation: floatImage 6s ease-in-out infinite; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 { display: flex; align-items: center; width: 155px; height: 147px; position: absolute; left: -150px; top: -100px; background: url("../images/panel-D-speech-bubble2.webp") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }



.panel_D_E .panel_E .wrapper { width: 100%; float: none; min-height: 600px; padding: 0 1.5rem }
.panel_D_E .panel_E .lee_bee { width: 158px; position: relative; margin: 9rem 0 0 -3rem }
.panel_D_E .panel_E .lee_bee figure { width: 100%; position: relative; z-index: 1; transform: rotateY(180deg); }
.panel_D_E .panel_E .lee_bee figure img { width: 100%; animation: floatImage 6s ease-in-out infinite; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 { display: flex; align-items: center; width: 228px; height: 132px; position: absolute; right: -210px; top: -100px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; /*font-size: 1.3rem;*/ font-size: 1.2rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn { width: 146px; min-height: 53px; position: absolute; right: -15px; top: 70%; z-index: 1; padding: 0 }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_D_E .panel_E .gus_dog { width: 190px; position: absolute; right: 1.5rem; bottom: 9rem; margin: 0 }
.panel_D_E .panel_E .gus_dog img { position: relative; z-index: 1; transform: rotateY(180deg); width: 100% }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 { display: flex; align-items: center; width: 226px; height: 130px; position: absolute; left: -100px; top: -110px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; transform: rotateY(180deg); }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.4rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; transform: rotateY(180deg) }


.panel_F { position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fbe4b7+100 */
background: linear-gradient(135deg, rgba(251,228,183,1) 0%,rgba(251,228,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding: 6rem 0 1.5rem; z-index: 0; margin: -12rem 0 0 0 }
.panel_F h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: relative; text-align: right; padding: 1.5rem 1.5rem 0 0 }
.panel_F .top_dots { position: absolute; top: 0px; left: 0px; width: 80% }
.panel_F .top_dots img { width: 100%; transform: rotateY(180deg); }
.panel_F .bot_dots { position: absolute; bottom: 0px; right: 0px; width: 80%; }
.panel_F .bot_dots img { width: 100%; transform: rotateY(180deg); }

.panel_F .gus_dog { width: 250px; position: relative; margin: 44rem 0 0 -8.5rem }
.panel_F .gus_dog img { width: 100%; position: relative; z-index: 1; }
.panel_F .gus_dog .speech_bubble_2 { display: flex; align-items: center; width: 275px; height: 170px; position: absolute; right: -175px; top: -170px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 3rem 1.5rem; }
.panel_F .gus_dog .speech_bubble_2 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; /*font-size: 1.6rem;*/ font-size: 1.4rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }
.panel_F .gus_dog .speech_bubble_2 .click_btn { width: 229px; min-height: 53px; position: absolute; right: -10px; top: 76%; z-index: 1; padding: 0 }
.panel_F .gus_dog .speech_bubble_2 .click_btn a { width: 100%; min-height: 53px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.2rem; color: #ffffff; font-weight: normal; padding: 17px 10px }

.panel_F .lee_bee { width: 158px; position: absolute; top: 35%; right: -1rem; transform: translateY(-75%)}
.panel_F .lee_bee img { width: 100%; z-index: 1; position: relative; animation: floatImage 6s ease-in-out infinite; }
.panel_F .lee_bee .speech_bubble_1 { display: flex; align-items: center; width: 155px; height: 147px; position: absolute; left: -10px; top: -125px; background: url("../images/panel-D-speech-bubble2.webp") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; transform: rotateY(180deg); }
.panel_F .lee_bee .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; transform: rotateY(180deg); }


footer { border-top: 5px solid #1d376c; border-bottom: 15px solid #e5c876; background-color: #25aae1; padding: 3rem 0 }
footer .footer_nav { margin: 3rem 0 }
footer .footer_nav ul { margin: 0px; padding: 0px; font-size: 0px; text-align: center; }
footer .footer_nav ul li { margin: 0.5rem 2.5rem; padding: 0px; list-style: none; display: inline-block; font-family: 'CCMeanwhileBold'; font-size: 2.2rem; color: #ffffff; font-weight: normal; }
footer .footer_nav ul li a { color: #ffffff; text-decoration: none; -webkit-transition: color 0.5s ease 0s !important; -moz-transition: color 0.5s ease 0s !important; transition: color 0.5s ease 0s !important }
footer .footer_nav ul li a:hover { color: #1d376c; text-decoration: none; }
footer .copyright { text-align: right; font-family: 'SourceSansProRegular'; font-size: 2rem; color: #ffffff; font-weight: normal; }

/*Contact*/
.contact-banner {  position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1f4fc+0,89d5f5+100 */
background: linear-gradient(135deg,  rgba(225,244,252,1) 0%,rgba(137,213,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding: 13rem 0 2rem; }
.contact-banner .top_dots { position: absolute; top: 0px; right: 0px; width: 80% }
.contact-banner .top_dots img { width: 100% }
.contact-banner .bot_dots { position: absolute; bottom: 0px; left: 0px; width: 80% }
.contact-banner .bot_dots img { width: 100% }
.contact-banner .gus_dog { width: 250px; position: relative; margin: 10rem 0 0 -3rem; }
.contact-banner .gus_dog img { width: 100%; margin: 0px; }
.contact-banner .speech_bubble { display: flex; align-items: center; width: 220px; height: 124px; position: absolute; right: -100px; top: -105px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2rem 1.5rem }
.contact-banner .speech_bubble h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 2.2rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.2; letter-spacing: -1px; }
.contact-banner .speech_bubble .arrow { display: none; width: 189px; position: absolute; right: -10%; bottom: -22%; }
.contact-banner h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: absolute; bottom: 13rem; right: 1.5rem; }
.contact-banner .speech_bubble .arrow img { width: 100%; transform: rotateY(-180deg); }


.contact-banner .lee_bee { width: 158px; position: absolute; right: -15px; top: 25%; }
.contact-banner .lee_bee img { width: 100%; position: relative; z-index: 1; animation: floatImage 6s ease-in-out infinite; }
.contact-banner .contact_form { padding: 0 1.5rem }
.contact-banner .contact_form p { font-family: 'CCMeanwhileItalic'; font-weight: normal; font-size: 1.6rem; color: #000000; line-height: 1.4; margin: 1.5rem 0; }
.contact-banner .contact_form .form-group { margin: 1rem 0; }
.contact-banner .contact_form .form-group p { margin: 0; }
.contact-banner .contact_form .form-control { background: url("../images/field-right.png") right top no-repeat #ffffff; border: 1px solid #050606; border-left-width: 6px; border-right-width: 0px !important; border-radius: 0px; line-height: 46px; height: 46px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.6rem; color: #1d376c; padding: 0 1.6rem; }
.contact-banner .contact_form button { background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; border: 0px solid #050606; border-radius: 0px; width: 146px; line-height: 53px; height: 53px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.3rem; color: #ffffff; padding: 0; text-decoration: none; margin: 1.5rem 0 0 0 }
.contact-banner .contact_form input[type="submit"] { background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; border: 0px solid #050606; border-radius: 0px; width: 146px; line-height: 53px; height: 53px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.3rem; color: #ffffff; padding: 0; text-decoration: none; margin: 1.5rem 0 0 0 }
.wpcf7-not-valid-tip { font-size: 1.3rem; }


/*default*/
.content_section { position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1f4fc+0,89d5f5+100 */
background: linear-gradient(135deg,  rgba(225,244,252,1) 0%,rgba(137,213,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding: 13rem 0 5rem; }
.content_section .top_dots { position: absolute; top: 0px; right: 0px; width: 80% }
.content_section .top_dots img { width: 100% }
.content_section .bot_dots { position: absolute; bottom: 0px; left: 0px; width: 80% }
.content_section .bot_dots img { width: 100% }
.content_section h2 { font-family: 'CCMeanwhileBoldItalic'; color: #000000; line-height: 1.4; font-size: 3.2rem; margin: 2.5rem 0 }
.content_section p { font-family: 'CCMeanwhileItalic'; color: #000000; line-height: 1.6; font-size: 1.6rem; margin: 1.5rem 0 }


.content_404 h5 { font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; color: #000000; font-size: 2rem; line-height: 1.4; margin: 3rem 0 !important }
.content_404 .search-form { margin: 1.5rem 0 }
.content_404 .search-form label { width: 100%; float: left; }
.content_404 .search-form input[type=search] { width: 100%; background: url("../images/field-right.png") right top no-repeat #ffffff; border: 1px solid #050606; border-left-width: 6px; border-right-width: 0px !important; border-radius: 0px; line-height: 46px; height: 46px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.6rem; color: #1d376c; padding: 0 1.6rem; }


/*Share-story*/
.home-banner.step_0 .speech_bubble_1 { top: -100px; right: -150px; }
.home-banner.step_0 .speech_bubble_1 h3 { font-family: 'CCMeanwhileBold'; font-size: 2.2rem; }
.home-banner.step_0 .speech_bubble_1.speech_bubble_1_step0  h3 { font-size: 2rem; }
.home-banner.step_0 .speech_bubble_1 .click_btn { width: 200px; min-height: 58px; position: absolute; right: -5rem; top: 70%; z-index: 1; padding: 0 }
.home-banner.step_0 .speech_bubble_1 .click_btn a { width: 100%; min-height: 58px; text-align: center; text-decoration: none; background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; display: block; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.4rem; color: #ffffff; font-weight: normal; padding: 18px 10px }
.home-banner.step_0 .share_form { padding: 0 1.5rem; margin-bottom: 5rem; position: relative; z-index: 10 }
.home-banner.step_0 .share_form .form-group { margin: 1rem 0; }
.home-banner.step_0 .share_form .form-control { background: url("../images/field-right.png") right top no-repeat #ffffff; border: 1px solid #050606; border-left-width: 6px; border-right-width: 0px !important; border-radius: 0px; line-height: 46px; height: 46px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.6rem; color: #1d376c; padding: 0 1.6rem; }
.home-banner.step_0 .share_form input[type="submit"] { background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; border: 0px solid #050606; border-radius: 0px; width: 146px; line-height: 53px; height: 53px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.3rem; color: #ffffff; padding: 0; text-decoration: none; margin: 1.5rem 0 0 0 }


.panel_b_c .panel_b.step_1 .lee_bee { margin-top: 8rem }
.panel_b_c .panel_b.step_1 .lee_bee .speech_bubble_1 h3 { font-size: 1.8rem }
.panel_b_c .panel_b.step_1 .gus_dog { margin-top: 12rem }

.choose_file { width: 90%; max-width: 500px; margin: -15px auto 0 }
.choose_file p { font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.2rem; color: #1d376c; line-height: 1; padding: 1rem 1rem; margin: 0px; }
.custom-file-button input[type=file] { margin-left: -2px !important; }
.custom-file-button input[type=file]::-webkit-file-upload-button { display: none; }
.custom-file-button input[type=file]::file-selector-button { display: none; }
.custom-file-button .form-control { border: 1px solid #050606; border-left-width: 6px; border-radius: 0px; line-height: 46px; height: 46px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.2rem; color: #1d376c; padding: 0 1.6rem;}
.custom-file-button label { background-color: #1d376c; cursor: pointer; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.2rem; color: #ffffff; border: 1px solid #050606; padding: 0 1rem; line-height: 46px; height: 46px; }
.choose_file input[type="submit"] { background: url("../images/blue_btn_bg.webp") 0 0 no-repeat; background-size: 100% 100%; border: 0px solid #050606; border-radius: 0px; width: 146px; line-height: 53px; height: 53px; font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; font-size: 1.3rem; color: #ffffff; padding: 0; text-decoration: none; margin: 1.5rem 0 0 0 }

.panel_b_c .panel_c.step_2 .choose_file { width: 90%; max-width: 500px; margin: -15px auto 0 }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 { display: flex; align-items: center; width: 226px; height: 130px; position: absolute; left: -100px; top: -110px; background: url("../images/panel-A-speech-bubble1.png") 0 0 no-repeat; background-size: 100% 100%; padding: 0 1.5rem 2.2rem 1.5rem; transform: rotateY(180deg); }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.8rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; transform: rotateY(180deg) }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1.speech_bubble_1_step2 h3 { font-size: 1.4rem; }

.panel_b_c .panel_c.step_2 .choose_file { float: none; margin: 30px auto 0 }
.panel_b_c .panel_c.step_2 .gus_dog { margin-top: 14rem; margin-bottom: 1.5rem; margin-right: -3rem }

.panel_F.contact-banner { position: relative; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fbe4b7+100 */
background: linear-gradient(135deg, rgba(251,228,183,1) 0%,rgba(251,228,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 padding: 6rem 0 1.5rem; z-index: 0; margin: -12rem 0 0 0 }
.panel_F.contact-banner h6 { font-family: 'SourceSansProSemiboldIt'; font-size: 2rem; color: #000000; font-weight: normal; position: relative; text-align: right; bottom: inherit; right: inherit; padding: 1.5rem 1.5rem 0 0 }
.panel_F.contact-banner .top_dots { position: absolute; top: 0px; left: 0px; width: 80% }
.panel_F.contact-banner .top_dots img { width: 100%; transform: rotateY(180deg); }
.panel_F.contact-banner .bot_dots { position: absolute; bottom: 0px; right: 0px; left: inherit; width: 80%; }
.panel_F.contact-banner .bot_dots img { width: 100%; transform: rotateY(180deg); }
.panel_F.contact-banner .speech_bubble h3 { font-family: 'CCMeanwhileBold'; }
.panel_F.contact-banner .lee_bee { top: 35%; }

.panel_D.step_3 .choose_file { width: 100%; max-width: 500px; float: none; margin: 5rem auto 0 }
.panel_D.step_3 .gus_dog { margin: -8rem 0 2.5rem -5rem; top: -3rem; }
.panel_D.step_3 .lee_bee { right: -5rem; top: 0; margin: 12rem 0 0 0; }

.panel_E.step_4	.choose_file { width: 100%; max-width: 500px; float: none; margin: 3rem auto 0; }
.panel_E.step_4 .lee_bee { margin: 10rem 0 0 -3rem; }
.panel_E.step_4 .gus_dog { width: 280px; bottom: inherit; top: 55%; right: -5rem; }
.panel_E.step_4 .lee_bee .speech_bubble_2 { right: -220px; top: -100px; }

.coin_detail_section { font-family: 'CCMeanwhileItalic'; font-weight: normal; font-size: 1.6rem }
.coin_detail_section .coin_no { font-family: 'CCMeanwhileBoldItalic'; font-weight: normal; margin-bottom: 0.5rem }
.video_warning, .form_response { font-family: 'CCMeanwhileItalic'; font-weight: normal; font-size: 1.2rem }
.panel_message_text { font-family: 'CCMeanwhileItalic'; font-weight: normal; font-size: 1.2rem }
.panel_b_c .step_1 .panel_message_text { margin-bottom: 0rem }
.panel_b_c .step_2 .panel_message_text { margin-bottom: 0rem }
.panel_D_E .step_3 .panel_message_text { margin-bottom: 0rem }
.panel_D_E .step_4 .panel_message_text { margin-bottom: 6rem }


.panel_b_c .panel_c2b .gus_dog.gus_dog_new { float: right; transform: inherit; margin: 8rem -3rem -1rem 0; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 { display: flex; align-items: center; width: 155px; height: 147px; position: absolute; left: -130px; top: -120px; background: url("../images/panel-D-speech-bubble2.webp") 0 0 no-repeat; background-size: 100% 100%; padding: 0.5rem 1.5rem 2.2rem 1.5rem; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 h3 { width: 100%; font-family: 'CCMeanwhileBoldItalic'; font-size: 1.3rem; color: #000000; font-weight: normal; text-align: center; line-height: 1.4; letter-spacing: -1px; }

.how_it_works { padding: 13rem 0 18rem; }
.how_it_works .container { position: relative; z-index: 1; }
.how_it_works .sloth_img { width: 11rem; position: absolute; bottom: 0px; right: 1rem; }
.how_it_works .sloth_img img { width: 100%; }
.how_it_works .zebra_img { width: 18rem; position: absolute; bottom: 0px; left: 1rem; }
.how_it_works .zebra_img img { width: 100%; }
.how_it_works .bird_img { width: 6.5rem; position: absolute; bottom: 0px; left: 15rem; }
.how_it_works .zebra_img img { width: 100%; }

.about_section { padding: 13rem 0 18rem; }
.about_section .container { position: relative; z-index: 1; }
.about_section .lion_img { width: 13rem; position: absolute; bottom: 0px; left: 1rem; }
.about_section .lion_img img { width: 100%; }
.about_section .hippo_img { width: 14rem; position: absolute; bottom: 0px; right: 0; }
.about_section .hippo_img img { width: 100%; transform: rotateY(180deg); }


/***************(min-width: 576px)******************/
@media (min-width: 576px) {
.home-banner .banner_gus { width: 200px; margin: 55px 0 0 -30px; }
.home-banner .speech_bubble_1 { width: 300px; height: 144px; right: -300px; top: -65px; padding: 0 1.5rem 2rem 1.5rem }
.home-banner .speech_bubble_1 h3 { font-size: 2.2rem; letter-spacing: -1px; }
.home-banner .speech_bubble_2 { width: 260px; height: 55px; right: -310px; top: 45px; padding: 0 }
.home-banner .speech_bubble_2 h4 a { padding: 20px 0 0 0; /*padding: 18px 0 0 0*/ }
.home-banner h6 { bottom: 13rem; }
	
.panel_b_c .panel_b { padding: 12rem 0 5rem; }
.panel_b_c .panel_b .lee_bee { float: right; margin: 10rem 3rem 0 0 }
.panel_b_c .panel_b .gus_dog { margin: 12rem 0 0 -1.5rem }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 { right: -218px; top: -60px; }
.panel_b_c .panel_c .gus_dog { margin: 20rem -1.5rem 0 0 }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 { left: -140px; top: -170px; }
.panel_b_c .panel_c { background-size: 100% 100% }

.panel_b_c .panel_b2c .gus_dog { margin: 20rem -1.5rem 0 0 }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 { left: -140px; top: -170px; }

.panel_b_c .panel_c2b .lee_bee { float: right; margin: 10rem 3rem 0 0 }
.panel_b_c .panel_c2b .gus_dog { margin: 12rem 0 0 -1.5rem }
	
.panel_D_E .panel_D { background-size: 100% 100% }
.panel_D_E .panel_D .gus_dog { margin: 12rem 0 0rem -5rem }
.panel_D_E .panel_D .lee_bee { width: 158px; position: absolute; float: none; top: 60%; right: 5rem; margin: 0px; }
.panel_D_E .panel_D { background-size: 100% 100% }
.panel_D_E .panel_E .lee_bee { margin:  13rem 0 0 5rem}
.panel_D_E .panel_E { background-size: 100% 100% }
.panel_F .gus_dog { margin: 20rem 0 0 -5.5rem; }
.panel_F .gus_dog .speech_bubble_2 { right: -150px; top: -172px; }
	
	
.home-banner.step_0 .speech_bubble_1 { top: -55px; right: -300px; padding: 0 3rem 2.5rem 3rem }
.home-banner.step_0 .speech_bubble_1 h3 { font-size: 2.5rem; }
	
.panel_b_c .panel_b.step_1 .lee_bee { margin-top: 8rem }
.panel_b_c .panel_b.step_1 .gus_dog { margin-top: 8rem; margin-bottom: 1.5rem; }
.panel_b_c .panel_c.step_2 .choose_file { float: right; margin: 30px 30px 0 0; }
.panel_b_c .panel_c.step_2 .gus_dog { margin-right: 3rem; }
	
.panel_F.contact-banner .gus_dog { margin: 12rem 0 0 -2.5rem; }
	
.panel_D.step_3 .gus_dog { margin: 12rem 0 0rem 0rem }
.panel_D.step_3 .lee_bee { top: 45%; right: 10rem; }
	
	.panel_E.step_4 .choose_file { padding-left: 5rem }
.panel_E.step_4 .lee_bee { margin: 10rem 0 0 10rem }
.panel_E.step_4 .gus_dog { top: 55%; right: 1.5rem; }
.panel_E.step_4 .lee_bee .speech_bubble_2 { right: -240px; top: -100px; }
	
.panel_b_c .panel_c2b .gus_dog.gus_dog_new { margin: 8rem 0rem -1rem 0; }	
	
	
	.panel_F .lee_bee { top: 60%; right: -3rem; }
	
}

/***************(min-width: 768px)******************/
@media (min-width: 768px) { 
.nav-brand-mobile { left: 30px; }
.classynav ul li { margin: 15px 30px }
.classycloseIcon { right: 30px }	
.classy-nav-container a { font-size: 2.6rem; }
	
.header-area h1.logo { width: 125px; height: 125px; }	
.header-area h1.logo a { width: 100%; height: 100%; }	
.header-area .nav-brand img { width: 100%; }	
.home-banner { padding: 15rem 0 8rem; }
.home-banner .top_dots { width: 550px }
.home-banner .bot_dots { width: 554px }
.home-banner .banner_gus { width: 299px; margin: 85px 0 0 -35px; }
.home-banner .speech_bubble_1 { width: 400px; height: 248px; right: -400px; top: -85px; padding: 0 3rem 4rem 3rem }
.home-banner .speech_bubble_1 h3 { /*font-size: 3.4rem;*/ font-size: 3.1rem; letter-spacing: -1px; }
.home-banner .speech_bubble_2 { width: 350px; height: 86px; right: -425px; top: 110px; padding: 0 }
.home-banner .speech_bubble_2 .inner_bubble { width: 350px; height: 86px; }
.home-banner .speech_bubble_2 h4 { width: 100%; height: 100%; font-size: 1.6rem; }
.home-banner .speech_bubble_2 .inner_bubble_panel_a h4 { font-size: 1.5rem; }
.home-banner .speech_bubble_2 h4 a { line-height: 86px; padding: 0px; }
.home-banner .speech_bubble_2 .arrow { width: 150px; left: -10px; bottom: inherit; top: 85% }
.home-banner h6 { font-size: 1.6rem; bottom: 20rem; right: 1.5rem; }
	
	
.panel_b_c { background: url("../images/Panel_BC_bg.webp") 0 0 no-repeat; min-height: auto; background-size: 100% 100%; margin: -16rem 0 0 0; padding: 12rem 0 2rem 0; }
.panel_b_c .panel_b { margin-top: 30px; background: none; padding: 0px; }
.panel_b_c .panel_b h6 { font-size: 2rem; top: 3.5rem; left: 1.5rem; position: absolute; padding: 0px; }
.panel_b_c .panel_c { margin-top: 0px; background: none; padding: 0px; }
.panel_b_c .panel_c h6 { font-size: 2rem; top: -5.5rem; right: 1.5rem; position: absolute; padding: 0px; }
.panel_b_c .panel_b .lee_bee { margin: 15rem -3rem 0 0 }
.panel_b_c .panel_b .wrapper { width: 360px; float: right; }
.panel_b_c .panel_c .wrapper { width: 360px; float: left; }
.panel_b_c .panel_b .gus_dog { margin: 10rem 0 0 -7rem; }
.panel_b_c .panel_c .gus_dog { margin: 27.5rem -10rem 0 0 }

.panel_b_c .panel_b2c .wrapper { width: 360px; float: left; }
.panel_b_c .panel_b2c .gus_dog { margin: 20.5rem 0 0 -4rem }

.panel_b_c .panel_c2b .lee_bee { margin: 8rem -4rem 0 0 }
.panel_b_c .panel_c2b .wrapper { width: 360px; float: right; }
.panel_b_c .panel_c2b .gus_dog { margin: 12rem 0 0 3rem; }

	
.panel_D_E { position: relative; z-index: 1; background: url("../images/Panel_DE_bg.webp") 0 0 no-repeat; width: 100%; background-size: 100% 100%; margin: 0 }
.panel_D_E .panel_D { margin-top: 0; background: none; }
.panel_D_E .panel_D h6 { position: absolute; top: 2.5rem; left: 1.5rem; padding: 0px; }
.panel_D_E .panel_E { margin-top: 0; background: none; }
.panel_D_E .panel_E h6 { position: absolute; top: 2.5rem; right: 1.5rem; padding: 0px; }

.panel_D_E .panel_D .wrapper { width: 360px; float: right; padding: 0px; }
.panel_D_E .panel_E .wrapper { width: 360px; float: left; padding: 0px; min-height: 680px; }
.panel_D_E .panel_D .gus_dog { margin: 21rem 0 0rem -10rem }
.panel_D_E .panel_D .lee_bee { top: 55%; right: -5rem; }
.panel_D_E .panel_E { padding: 0px; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 { right: -158px; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 { left: -100px; top: -120px;	}
.panel_D_E .panel_E .lee_bee { margin: 13rem 0 0 0rem }
.panel_D_E .panel_E .gus_dog { bottom: 12rem; right: -4rem; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 { right: -195px; }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 { width: 226px; height: 130px; left: -200px; top: -70px; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 h3 { font-size: 1.3rem; }
	
.panel_F { padding: 15rem 0 1rem; margin: -15rem 0 0 0 }
.panel_F h6 { font-size: 2rem; position: absolute; top: 5.5rem; right: 1.5rem; }
.panel_F .top_dots { width: 500px }
.panel_F .bot_dots { width: 500px }
.panel_F .gus_dog { width: 280px; margin: 7rem 0 0 -3rem }
.panel_F .gus_dog .speech_bubble_2 { width: 250px; height: 155px; right: -225px; top: -100px; padding: 0 1.5rem 2.8rem 1.5rem; }
.panel_F .gus_dog .speech_bubble_2 h3 { /*font-size: 1.5rem;*/ font-size: 1.3rem; letter-spacing: -1px; }
.panel_F .gus_dog .speech_bubble_2 .click_btn { width: 258px; min-height: 53px; right: -60px; top: 76%; }
.panel_F .gus_dog .speech_bubble_2 .click_btn a { width: 100%; min-height: 53px; font-size: 1.2rem; padding: 17px 10px }
.panel_F .lee_bee { width: 158px; top: 55%; right: -1.5rem; }
.panel_F .lee_bee .speech_bubble_1 { left: -10px; top: -120px; }
.panel_F .lee_bee .speech_bubble_1 h3 {font-size: 1.3rem; }
	
footer { padding: 3rem 0 }
footer .footer_logo { width: 150px; }
footer .footer_nav { margin: 3rem 0 }
footer .footer_nav ul { text-align: center; }
footer .footer_nav ul li { margin: 0 1.5rem; font-size: 1.8rem; }
footer .copyright { font-size: 1.6rem; }
	
/*Contact*/
.contact-banner { padding: 15.5rem 0 2rem; }
.contact-banner .top_dots { width: 80% }
.contact-banner .bot_dots { width: 80% }
.contact-banner .gus_dog { width: 299px; position: relative; margin: 15.5rem 0 0 -5rem; }
.contact-banner .speech_bubble { width: 350px; height: 217px; right: -270px; top: -180px; padding: 0 3rem 4rem 3rem }
.contact-banner .speech_bubble h3 { font-size: 3.4rem; letter-spacing: -1px; }
.contact-banner .speech_bubble .arrow { display: block;  width: 129px; right: -10%; bottom: 5%; }
.contact-banner .lee_bee { width: 158px; right: -15px; top: 5%; }
.contact-banner .contact_form { padding: 0 }
.contact-banner .contact_form p { font-size: 1.3rem; margin: 1.5rem 0; }
.contact-banner .contact_form .form-group { margin: 1rem 0; }
.contact-banner .contact_form .form-control { border: 1px solid #050606; border-left-width: 6px; line-height: 46px; height: 46px; font-size: 1.5rem; padding: 0 1.6rem; }
.contact-banner .contact_form button { width: 146px; line-height: 53px; height: 53px; font-size: 1.4rem; padding: 0; margin: 1.5rem 0 0 0 }
.contact-banner .contact_form input[type="submit"] { width: 146px; line-height: 53px; height: 53px; font-size: 1.4rem; padding: 0; margin: 1.5rem 0 0 0 }
	
/*default*/
.content_section { padding: 13.5rem 0 7.5rem; }
.content_section h2 { font-size: 3.2rem; margin: 2.5rem 0 }
.content_section p { font-size: 1.6rem; margin: 1.5rem 0 }
	
.content_404 h5 { font-size: 2rem; margin: 3rem 0 !important }
.content_404 .search-form { margin: 1.5rem 0 }
.content_404 .search-form input[type=search] { border: 1px solid #050606; border-left-width: 6px; border-right-width: 0px !important; padding: 0 1.6rem; }
	
	
/*Share-story*/
.home-banner.step_0 .banner_gus{ margin: 15.5rem 0 0 -35px }
.home-banner.step_0 .speech_bubble_1 { width: 350px; height: 217px; right: -270px; top: -180px; padding: 0 3rem 4rem 3rem; }
.home-banner.step_0 .speech_bubble_1 h3 { font-size: 3rem; }
.home-banner.step_0 .speech_bubble_1.speech_bubble_1_step0  h3 { font-size: 2.7rem; }
.home-banner.step_0 .speech_bubble_1 .click_btn { width: 216px; min-height: 62px; position: absolute; right: 2rem; top: 65%; z-index: 1; padding: 0 }
.home-banner.step_0 .speech_bubble_1 .click_btn a { width: 100%; min-height: 62px; font-size: 1.6rem; padding: 18px 10px }
.home-banner.step_0 .share_form { padding: 0 5rem 0 1.5rem; margin-bottom: 5rem }
.home-banner.step_0 .share_form .form-group { margin: 1rem 0; }
.home-banner.step_0 .share_form .form-control { border: 1px solid #050606; border-left-width: 6px; border-radius: 0px; line-height: 38px; height: 38px; font-size: 1.3rem; padding: 0 1.6rem; }
.home-banner.step_0 .share_form input[type="submit"] { margin: 1rem 0 0 0 }

	
.panel_b_c .panel_b.step_1 { margin-top: 50px; }
.panel_b_c .panel_b.step_1 .lee_bee { margin-top: 14rem }
.panel_b_c .panel_b.step_1 .lee_bee .speech_bubble_1 h3 { font-size: 1.8rem }
.panel_b_c .panel_b.step_1 .gus_dog { margin-top: 7rem; margin-bottom: 0px; }
	
.choose_file { width: 100%; max-width: 500px; margin: -15px 0 0 0px }
.choose_file p { font-size: 1.2rem; padding: 1rem 1.6rem; }
.custom-file-button input[type=file] { margin-left: -2px !important; }
.custom-file-button .form-control { line-height: 46px; height: 46px; font-size: 1.2rem; padding: 0 1.6rem; }
.custom-file-button label { font-size: 1.2rem; border: 1px solid #050606; padding: 0 1.5rem; line-height: 46px; height: 46px; }
.choose_file input[type="submit"] { border: 0px solid #050606; width: 146px; line-height: 53px; height: 53px; font-size: 1.3rem; margin: 1rem 0 0 0 }

.panel_b_c .panel_c.step_2 .choose_file { width: 95%; margin: 30px -15px 0 0; }
.panel_b_c .panel_c.step_2 .gus_dog { margin-top: 21rem; margin-right: -7rem; }
	
.panel_F.contact-banner { padding: 15rem 0 1rem; margin: -15rem 0 0 0 }
.panel_F.contact-banner h6 { font-size: 2rem; position: absolute; top: 5.5rem; right: 1.5rem; }
.panel_F.contact-banner .top_dots { width: 500px }
.panel_F.contact-banner .bot_dots { width: 500px }
	
	
.panel_F.contact-banner .lee_bee { top: 15%; }
.panel_F.contact-banner .gus_dog { margin: 15rem 0 0 -2.5rem }

.panel_D.step_3	.choose_file { margin: 7rem 0 0 0rem }
.panel_D.step_3 .gus_dog { margin: 10rem 0 2.5rem -5rem; top: inherit; }
.panel_D.step_3 .lee_bee { right: -5rem; top: 48%; }
.panel_D.step_3 .lee_bee .speech_bubble_1 { left: -100px; top: -140px; }
	
	
.panel_E.step_4	.choose_file { width: 96%; max-width: 500px; float: right; margin: 5rem -1rem 0 0; padding-left: 0px; }
.panel_E.step_4 .lee_bee { margin: 10rem 0 0 0rem; }
.panel_E.step_4 .gus_dog { width: 280px; bottom: inherit; top: 66%; right: -5rem; }
.panel_E.step_4 .lee_bee .speech_bubble_2 { right: -200px; top: -100px; }

.panel_b_c .step_1 .panel_message_text { margin-bottom: 0rem }
.panel_b_c .step_2 .panel_message_text { margin-bottom: 0rem }
.panel_D_E .step_3 .panel_message_text { margin-bottom: 6rem }
.panel_D_E .step_4 .panel_message_text { margin-bottom: 0rem }
	
	.panel_b_c .panel_c2b .gus_dog.gus_dog_new { margin: 14rem -3rem -1rem 0; }
	.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 { left: -85px; top: -135px; }

.how_it_works { padding: 15rem 0 18rem; }
.how_it_works .sloth_img { width: 150px; right: 1.5rem; }
.how_it_works .zebra_img { width: 220px; left: -3rem; }
.how_it_works .bird_img { width: 85px; left: 15rem; }

.about_section { padding: 15rem 0 18rem; }
.about_section .lion_img { width: 130px; right: 1.5rem; }
.about_section .hippo_img { width: 140px; }
	
}

/***************(min-width: 992px)******************/
@media (min-width: 992px) { 	
.classynav ul li { margin: 0 15px; }
.breakpoint-off .classynav ul li .dropdown { width: 180px; }
.classynav ul li ul li:first-child { margin-top: 1.5rem; }
.classynav ul li.megamenu-item > a:after,
.classynav ul li.has-down > a:after { width: 13px; height: 7px }
.classy-nav-container { padding-top: 2.3rem; padding-bottom: 2.3rem; }
.classy-nav-container a { font-size: 1.8rem; }
	
	
.header-area h1.logo { position: relative; }
.header-area .classy-menu { width: auto }
.header-area .classynav #nav { margin: 0px auto }

	
.classynav { height: 42px; }
.over_hidden_x { margin: 0; }
	
.header-area h1.logo { width: 145px; height: 145px; }	
.home-banner { padding: 17rem 0 8rem; }
.home-banner .top_dots { width: 650px }
.home-banner .bot_dots { width: 654px }
.home-banner .banner_gus { width: 399px; margin: 85px 0 0 -45px; }
.home-banner .speech_bubble_1 { width: 456px; height: 283px; right: -446px; top: -85px; padding: 0 3rem 4.8rem 3rem }
.home-banner .speech_bubble_1 h3 { /*font-size: 4rem;*/ font-size: 3.6rem; letter-spacing: -1px; }
.home-banner .speech_bubble_2 { width: 389px; height: 96px; right: -500px; top: 135px; padding: 0 }
.home-banner .speech_bubble_2 .inner_bubble { width: 100%; height: 100%; }
.home-banner .speech_bubble_2 h4 { width: 100%; height: 100%; font-size: 1.8rem; }
.home-banner .speech_bubble_2 .inner_bubble_panel_a h4 { font-size: 1.7rem; }
.home-banner .speech_bubble_2 h4 a { line-height: 96px; }
.home-banner .speech_bubble_2 .arrow { width: 200px; left: -10px; }
.home-banner h6 { font-size: 2rem; bottom: 18rem; right: 1.5rem; }
	
.panel_b_c { background: url("../images/Panel_BC_bg.webp") 0 0 no-repeat; min-height: inherit; background-size: 100% 100%; margin: -170px 0 0 0; padding: 0px; }
.panel_b_c .panel_b { margin-top: 190px; }
.panel_b_c .panel_b h6 { font-size: 2rem; top: 1rem; left: 1.5rem; }
.panel_b_c .panel_c { margin-top: 60px; }
.panel_b_c .panel_c h6 { font-size: 2rem; top: 1rem; right: 1.5rem; }


.panel_b_c .panel_b .wrapper { width: 465px; float: right; }
.panel_b_c .panel_b .lee_bee { width: 170px; margin: 10rem -3rem 0 0 }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 { width: 277px; height: 160px; left: -260px; top: -100px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 h3 { font-size: 1.6rem; letter-spacing: -1px; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn { width: 176px; min-height: 63px; right: -15px; top: 70%; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }

.panel_b_c .panel_b .gus_dog { width: 300px; margin: 10rem 0 2rem -10rem }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 { width: 277px; height: 160px; right: -255px; top: -65px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 h3 { font-size: 1.6rem; letter-spacing: -1px; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn { width: 176px; min-height: 63px; right: -15px; top: 70%; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }


.panel_b_c .panel_c .wrapper { width: 465px; float: left; }
.panel_b_c .panel_c .gus_dog { width: 280px; float: right; margin: 38.5rem -10rem 0 0 }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 { width: 265px; height: 290px; left: -165px; top: -235px; padding: 0 1.5rem 10rem 1.5rem; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 h3 { font-size: 1.5rem; letter-spacing: -1px; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn {  width: 176px; min-height: 63px; right: -100px; top: 42%; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }

.panel_b_c .panel_b2c .wrapper { width: 465px; float: left; }
.panel_b_c .panel_b2c .gus_dog { width: 280px; float: left; margin: 22.5rem 0 0 -2rem }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 { width: 265px; height: 290px; left: -165px; top: -235px; padding: 0 1.5rem 10rem 1.5rem; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 h3 { font-size: 1.5rem; letter-spacing: -1px; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn {  width: 176px; min-height: 63px; right: -100px; top: 42%; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }

.panel_b_c .panel_c2b .wrapper { width: 465px; float: right; }
.panel_b_c .panel_c2b .lee_bee { width: 170px; margin: 18rem -1rem 0 0 }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 { width: 277px; height: 160px; left: -260px; top: -100px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 h3 { font-size: 1.6rem; letter-spacing: -1px; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn { width: 176px; min-height: 63px; right: -15px; top: 70%; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }

.panel_b_c .panel_c2b .gus_dog { width: 300px; float: left; margin: 10rem 0 0 0rem }
.panel_b_c .panel_c2b .gus_dog .speech_bubble_2 { width: 277px; height: 160px; right: -255px; top: -65px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_c2b .gus_dog .speech_bubble_2 h3 { font-size: 1.6rem; letter-spacing: -1px; }
	
.panel_D_E { min-height: inherit; background-size: 100% 100%; margin: 0 }
.panel_D_E .panel_D h6 { font-size: 2rem; top: 2.5rem; left: 1.5rem; }
.panel_D_E .panel_E h6 { font-size: 2rem; top: 2.5rem; right: 1.5rem; }

.panel_D_E .panel_D .wrapper { width: 465px; }
.panel_D_E .panel_D .gus_dog { width: 280px; margin: 18rem 0 12rem -14rem }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 { width: 277px; height: 160px; right: -245px; top: -135px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 h3 { font-size: 1.5rem; letter-spacing: -1px; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn { width: 176px; min-height: 63px; right: -15px; top: 70%; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }

.panel_D_E .panel_D .lee_bee { width: 170px; right: -2rem; top: 52%; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 { width: 184px; height: 175px; left: -165px; top: -130px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 h3 { font-size: 1.5rem; }

.panel_D_E .panel_E .wrapper { width: 465px; min-height: 600px; }
.panel_D_E .panel_E .lee_bee { width: 170px; margin: 14rem 0 0 2.5rem; /*margin: 18rem 0 0 2.5rem*/ }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 { width: 277px; height: 160px; right: -265px; top: -115px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 h3 { font-size: 1.5rem; letter-spacing: -1px; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn { width: 176px; min-height: 63px; right: -15px; top: 70%; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn a { min-height: 63px; font-size: 1.4rem; padding: 21px 10px }
.panel_D_E .panel_E .gus_dog { width: 211px; right: -4rem; bottom: 15rem; margin: 0 }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 { width: 277px; height: 160px; left: -275px; top: -10px; padding: 0 1.5rem 2.2rem 1.5rem; }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 h3 { font-size: 1.6rem; }
	
.panel_F { padding: 15rem 0 1rem; margin: -15rem 0 0 0 }
.panel_F h6 { font-size: 2rem; position: absolute; top: 3.5rem; right: 1.5rem; }
.panel_F .top_dots { width: 500px }
.panel_F .bot_dots { width: 500px; }
.panel_F .gus_dog { width: 370px; margin: 5rem 0 0 -3.5rem }
.panel_F .gus_dog .speech_bubble_2 { width: 320px; height: 198px; right: -325px; top: -90px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_F .gus_dog .speech_bubble_2 h3 { /*font-size: 1.8rem;*/ font-size: 1.6rem; }
.panel_F .gus_dog .speech_bubble_2 .click_btn { width: 298px; min-height: 63px; right: -70px; top: 76%; }
.panel_F .gus_dog .speech_bubble_2 .click_btn a { width: 100%; min-height: 63px; font-size: 1.3rem; padding: 21px 10px }
.panel_F .lee_bee { width: 170px; top: 50%; right: 0rem; }
.panel_F .lee_bee .speech_bubble_1 { width: 184px; height: 175px; left: -10px; top: -155px; padding: 0 1.5rem 3rem 1.5rem; }
.panel_F .lee_bee .speech_bubble_1 h3 {font-size: 1.5rem; }
	
footer { padding: 3rem 0 }
footer .footer_logo { width: 178px; }
footer .footer_nav { margin: 0 0 5rem 0 }
footer .footer_nav ul { text-align: right; }
footer .footer_nav ul li { margin: 0 2rem; font-size: 1.8rem; }
footer .footer_nav ul li:first-child { margin-left: 0; }
footer .footer_nav ul li:last-child { margin-right: 0; }
footer .copyright { font-size: 1.7rem; }
	
/*Contact*/
.contact-banner { padding: 19rem 0 2rem; }
.contact-banner .top_dots { width: 80% }
.contact-banner .bot_dots { width: 80% }
.contact-banner .gus_dog { width: 399px; position: relative; margin: 8.5rem 0 0 -7rem; }
.contact-banner .speech_bubble { width: 304px; height: 188px; right: -315px; top: -110px; padding: 0 3rem 3rem 3rem }
.contact-banner .speech_bubble h3 { font-size: 4rem; }
.contact-banner .speech_bubble .arrow { width: 133px; right: -10%; bottom: -22%; }
.contact-banner .lee_bee { width: 170px; position: absolute; right: -15px; top: 5%; }
.contact-banner .contact_form { padding: 0 3rem }
.contact-banner .contact_form p { font-size: 1.5rem; margin: 1.5rem 0; }
.contact-banner .contact_form .form-group { margin: 1rem 0; }
.contact-banner .contact_form .form-control { border: 1px solid #050606; border-left-width: 6px; line-height: 46px; height: 46px; font-size: 1.6rem; padding: 0 1.6rem; }
.contact-banner .contact_form button { width: 146px; line-height: 53px; height: 53px; font-size: 1.4rem; padding: 0; margin: 1rem 0 0 0 }
.contact-banner .contact_form input[type="submit"] { width: 146px; line-height: 53px; height: 53px; font-size: 1.4rem; padding: 0; margin: 1.5rem 0 0 0 }
	
/*default*/
.content_section { padding: 19rem 0 7.5rem; }
.content_section h2 { font-size: 3.2rem; margin: 2.5rem 0 }
.content_section p { font-size: 1.6rem; margin: 1.5rem 0 }
	
/*Share-story*/
.home-banner.step_0 .banner_gus{ margin: 15.5rem 0 0 -35px }
.home-banner.step_0 .speech_bubble_1 { width: 456px; height: 283px; right: -450px; top: -155px; padding: 0 3rem 4.8rem 3rem; }
.home-banner.step_0 .speech_bubble_1 h3 { font-size: 4rem; }
.home-banner.step_0 .speech_bubble_1.speech_bubble_1_step0  h3 { font-size: 3.6rem; }
.home-banner.step_0 .speech_bubble_1 .click_btn { width: 278px; min-height: 80px; right: 5rem; top: 65%; }
.home-banner.step_0 .speech_bubble_1 .click_btn a { width: 100%; min-height: 80px; font-size: 2rem; padding: 22px 10px }
.home-banner.step_0 .share_form { padding: 0 5rem 0 1.5rem; margin-bottom: 5rem }
.home-banner.step_0 .share_form .form-group { margin: 1rem 0; }
.home-banner.step_0 .share_form .form-control { border: 1px solid #050606; border-left-width: 6px; line-height: 46px; height: 46px; font-size: 1.6rem; padding: 0 1.6rem; }
.home-banner.step_0 .share_form input[type="submit"] { width: 160px; line-height: 54px; height: 54px; font-size: 1.6rem; margin: 1.5rem 0 0 0 }

	
.panel_b_c .panel_b.step_1 .lee_bee { margin-top: 12rem }
.panel_b_c .panel_b.step_1 .lee_bee .speech_bubble_1 h3 { font-size: 2.2rem }
.panel_b_c .panel_b.step_1 .gus_dog { margin-top: 5rem; margin-bottom: 3rem; margin-left: -5rem }
.panel_b_c .panel_b.step_1 .gus_dog .speech_bubble_2 { right: -248px; top: -40px; }
.panel_b_c .panel_b.step_1 .gus_dog .speech_bubble_2 h3 { font-size: 1.5rem }
	
.choose_file { width: 100%; margin: -30px 0 0 0 }
.choose_file p { font-size: 1.2rem; padding: 1rem 1.6rem; }
.custom-file-button input[type=file] { margin-left: -2px !important; }
.custom-file-button .form-control { line-height: 46px; height: 46px; font-size: 1.4rem; padding: 0 1.6rem;}
.custom-file-button label { font-size: 1.4rem; }
.choose_file input[type="submit"] { width: 160px; line-height: 54px; height: 54px; font-size: 1.4rem; margin: 1.5rem 0 0 0 }

.panel_b_c .panel_b.step_1 { margin-top: 21rem; }
.panel_b_c .panel_c.step_2 .choose_file { width: 95%; margin: 100px -20px 0 0; }
.panel_b_c .panel_c.step_2 .gus_dog { margin-top: 23rem; margin-right: -7rem; }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 { width: 277px; height: 160px; left: -150px; top: -140px; }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 h3 { font-size: 2.2rem; }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1.speech_bubble_1_step2 h3 { font-size: 1.7rem; }
	
.panel_F.contact-banner .lee_bee { top: 15%; }
.panel_F.contact-banner .gus_dog { width: 320px; margin: 8rem 0 0 -3rem }
.panel_F.contact-banner .speech_bubble { right: -275px; }
.panel_F.contact-banner .speech_bubble h3 { font-size: 3.4rem }
.panel_F.contact-banner .speech_bubble.speech_bubble_contact h3 { font-size: 3rem }
.panel_F.contact-banner .speech_bubble .arrow { width: 130px; right: 24%; bottom: -35%; }
.panel_F.contact-banner h6 { top: 4.5rem; }
	
.panel_D.step_3	.choose_file { width: 90%; margin: 7rem 0 0 0rem }
.panel_D.step_3 .gus_dog { margin: 15rem 0 2.5rem -5rem }
.panel_D.step_3 .lee_bee { right: -3rem; top: 48%; }
	
.panel_E.step_4	.choose_file { width: 90%; max-width: 500px; float: right; margin: 4.817vw 0 0 0; }
.panel_E.step_4 .lee_bee { margin: 10rem 0 0 5rem; }
.panel_E.step_4 .gus_dog { width: 280px; bottom: inherit; top: 66%; right: -5rem; }
.panel_E.step_4 .lee_bee .speech_bubble_2 { right: -290px; top: -100px; }
	
.panel_b_c .step_1 .panel_message_text { margin-bottom: 0rem }
.panel_b_c .step_2 .panel_message_text { margin-bottom: 0rem }
.panel_D_E .step_3 .panel_message_text { margin-bottom: 9rem }
.panel_D_E .step_4 .panel_message_text { margin-bottom: 9rem }
	
.panel_b_c .panel_c2b .gus_dog.gus_dog_new { margin: 12rem -3rem -1rem 0; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 { width: 184px; height: 175px; left: -115px; top: -160px; padding: 1rem 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 h3 { font-size: 1.4rem; }
	
.panel_b_c .panel_c2b .gus_dog.gus_dog_new { margin: 12rem -3rem -1rem 0; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 { width: 184px; height: 175px; left: -115px; top: -160px; padding: 1rem 1.5rem 3rem 1.5rem; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 h3 { font-size: 1.4rem; }

.how_it_works { padding: 19rem 0 15rem; }
.how_it_works .sloth_img { width: 150px; right: 1.5rem; }
.how_it_works .zebra_img { width: 220px; left: -3rem; }
.how_it_works .bird_img { width: 85px; left: 15rem; }

.about_section { padding: 19rem 0 15rem; }
.about_section .lion_img { width: 140px; right: 1.5rem; }
.about_section .hippo_img { width: 180px; }
	
}
                
/***************(min-width: 1200px)*****************/
@media (min-width: 1200px) {
body { font-size: 1.042vw; }
.row { --bs-gutter-x: 1.954vw; }
.row > * { --bs-gutter-x: 1.954vw; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); }
.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:0.977vw;padding-right:var(--bs-gutter-x,0.977vw);padding-left:var(--bs-gutter-x,0.977vw);}
.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{ max-width: 76.221vw }
.over_hidden_x { overflow-x: visible }
.classy-navbar .nav-brand { width: 11.205vw; height: 11.205vw; }
.classynav ul li { margin: 0 1.628vw; }
.classynav ul li:last-child { margin-right: 0; }
.classy-nav-container { padding-top: 1.954vw; padding-bottom: 1.954vw; }
.classy-nav-container a { font-size: 1.433vw }	

	
.classynav { height: 2.763vw; }
.header-area h1.logo { width: 11.205vw; height: 11.205vw; }	
.home-banner { padding: 11.074vw 0 5.211vw; }
.home-banner .top_dots { width: 55.374vw }
.home-banner .bot_dots { width: 55.635vw }
.home-banner .banner_gus { width: 32.508vw; margin: 5.537vw 0 0 -3.583vw; }
.home-banner .speech_bubble_1 { width: 37.003vw; height: 22.931vw; right: -37.003vw; top: -5.537vw; padding: 0 1.954vw 3.908vw 1.954vw }
.home-banner .speech_bubble_1 h3 { /*font-size: 3.257vw;*/ font-size: 2.8vw; letter-spacing: -0.065vw; }
.home-banner .speech_bubble_2 { width: 31.530vw; height: 7.752vw; right: -39.413vw; top: 12.377vw; padding: 0 }
.home-banner .speech_bubble_2 .inner_bubble { width: 100%; height: 100%; }
.home-banner .speech_bubble_2 h4 { width: 100%; height: 100%; font-size: 1.433vw; }
.home-banner .speech_bubble_2 .inner_bubble_panel_a h4 { font-size: 1.333vw; }
.home-banner .speech_bubble_2 h4 a { line-height: 7.752vw; padding: 0px; }
.home-banner .speech_bubble_2 .arrow { width: 18.697vw; left: -0.651vw; bottom: -16.547vw; }
.home-banner .speech_bubble_2 .arrow img { width: 100% }
.home-banner h6 { font-size: 1.302vw; bottom: 13.029vw; right: 0.977vw; }
	
.panel_b_c { min-height: 66.449vw; margin: -12.377vw 0 0 0 }
.panel_b_c .panel_b { margin-top: 14.983vw; }
.panel_b_c .panel_b h6 { font-size: 1.302vw; top: 0.977vw; left: 0.977vw; }
.panel_b_c .panel_c { margin-top: 3.908vw; }
.panel_b_c .panel_c h6 { font-size: 1.302vw; top: 0.977vw; right: 0.977vw; }


.panel_b_c .panel_b .wrapper { width: 38.110vw; float: right; }
.panel_b_c .panel_b .lee_bee { width: 15.895vw; margin: 7.817vw 0 0 0 }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 { width: 23.713vw; height: 13.680vw; left: -22.801vw; top: -8.794vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -0.977vw; top: 70%; }
.panel_b_c .panel_b .lee_bee .speech_bubble_1 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }

.panel_b_c .panel_b .gus_dog { width: 26.319vw; margin: 6.514vw 0 0 -10.423vw }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 { width: 23.713vw; height: 13.680vw; right: -21.498vw; top: -5.863vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -0.977vw; top: 70%; }
.panel_b_c .panel_b .gus_dog .speech_bubble_2 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }

.panel_b_c .panel_c .wrapper { width: 38.110vw; float: left; }
.panel_b_c .panel_c .gus_dog { width: 29.641vw; float: right; margin: 23.778vw -15.635vw 0 0 }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 { width: 21.889vw; height: 23.973vw; left: -12.703vw; top: -17.589vw; padding: 0 1.954vw 8.794vw 1.954vw; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 h3 { font-size: 1.172vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -8.143vw; top: 42%; }
.panel_b_c .panel_c .gus_dog .speech_bubble_1 .click_btn a { width: 100%; min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }	

.panel_b_c .panel_b2c .wrapper { width: 38.110vw; float: left; }
.panel_b_c .panel_b2c .gus_dog { width: 29.641vw; float: left; margin: 18.778vw 0 0 -3.635vw }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 { width: 21.889vw; height: 23.973vw; left: -12.703vw; top: -17.589vw; padding: 0 1.954vw 8.794vw 1.954vw; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 h3 { font-size: 1.172vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -8.143vw; top: 42%; }
.panel_b_c .panel_b2c .gus_dog .speech_bubble_1 .click_btn a { width: 100%; min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }	
.panel_b_c .panel_b2c h6 { font-size: 1.302vw; top: 2.977vw; left: 0.977vw; }


.panel_b_c .panel_c2b .wrapper { width: 38.110vw; float: right; }
.panel_b_c .panel_c2b .lee_bee { width: 15.895vw; margin: 18.817vw 0 0 0 }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 { width: 23.713vw; height: 13.680vw; left: -22.801vw; top: -8.794vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -0.977vw; top: 70%; }
.panel_b_c .panel_c2b .lee_bee .speech_bubble_1 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }
.panel_b_c .panel_c2b h6 { top: 1.977vw; }


.panel_b_c .panel_c2b .gus_dog { width: 26.319vw; float: left; margin: 10.514vw 0 0 3.577vw }
.panel_b_c .panel_c2b .gus_dog .speech_bubble_2 { width: 23.713vw; height: 13.680vw; right: -21.498vw; top: -5.863vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_c2b .gus_dog .speech_bubble_2 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
	
.panel_D_E { min-height: 66.254vw; }
.panel_D_E .panel_D h6 { font-size: 1.302vw; top: 1.628vw; left: 0.977vw; }
.panel_D_E .panel_E h6 { font-size: 1.302vw; top: 1.628vw; right: 0.977vw; }
.panel_D_E .panel_D .wrapper { width: 38.110vw; }
.panel_D_E .panel_D .gus_dog { width: 30.944vw; margin: 14.332vw 0 0 -21.498vw }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 { width: 23.713vw; height: 13.680vw; right: -20.521vw; top: -6.840vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -0.977vw; top: 70%; }
.panel_D_E .panel_D .gus_dog .speech_bubble_2 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }
.panel_D_E .panel_D .lee_bee { width: 15.895vw; right: -1.302vw; top: 66%; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 { width: 17.328vw; height: 16.482vw; left: -15.635vw; top: -12.029vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_D_E .panel_D .lee_bee .speech_bubble_1 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
.panel_D_E .panel_E .wrapper { width: 38.110vw; }
.panel_D_E .panel_E .lee_bee { width: 15.895vw; margin: 10.543vw 0 0 3.583vw; /*margin: 19.543vw 0 0 3.583vw*/ }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 { width: 23.713vw; height: 13.680vw; right: -23.778vw; top: -9.120vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 h3 { /*font-size: 1.302vw;*/ font-size: 1.15vw; letter-spacing: -0.065vw; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn { width: 14.657vw; min-height: 5.407vw; right: -0.977vw; top: 70%; }
.panel_D_E .panel_E .lee_bee .speech_bubble_2 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }
.panel_D_E .panel_E .gus_dog { width: 18.957vw; right: -7.166vw; bottom: 4.560vw }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 { width: 23.713vw; height: 13.680vw; left: -23.684vw; top: -3.289vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_D_E .panel_E .gus_dog .speech_bubble_1 h3 { font-size: 1.302vw; }

.panel_F { padding: 14.983vw 0 0.651vw; margin: -14.983vw 0 0 0 }
.panel_F h6 { font-size: 1.302vw; top: 5.537vw; right: 0.977vw; }
.panel_F .top_dots { width: 52.247vw }
.panel_F .bot_dots { width: 52.247vw; }
.panel_F .gus_dog { width: 34.136vw; margin: 2.605vw 0 0 -7.491vw }
.panel_F .gus_dog .speech_bubble_2 { width: 27.687vw; height: 15.960vw; right: -27.687vw; top: -5.863vw; padding: 0 1.954vw 4.2rem 1.954vw; }
.panel_F .gus_dog .speech_bubble_2 h3 { /*font-size: 1.498vw;*/ font-size: 1.298vw; letter-spacing: -0.065vw; }
.panel_F .gus_dog .speech_bubble_2 .click_btn { width: 23.322vw; min-height: 5.407vw; right: -3.908vw; top: 76%; }
.panel_F .gus_dog .speech_bubble_2 .click_btn a { min-height: 5.407vw; font-size: 1.042vw; padding: 1.954vw 0.651vw }
.panel_F .lee_bee { width: 15.895vw; top: 50%; right: -2.736vw; }
.panel_F .lee_bee .speech_bubble_1 { width: 17.328vw; height: 16.482vw; left: 0.635vw; top: -15.029vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_F .lee_bee .speech_bubble_1 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
	
footer { border-top: 0.325vw solid #1d376c; border-bottom: 0.977vw solid #e5c876; padding: 1.954vw 0 }
footer .footer_logo { width: 11.596vw; }
footer .footer_nav { margin: 0 0 3.257vw 0 }
footer .footer_nav ul li { margin: 0 1.628vw; font-size: 1.433vw; }
footer .copyright { font-size: 1.302vw; }
	
/*Contact*/
.contact-banner { padding: 14.983vw 0 1.302vw; }
.contact-banner .top_dots { width: 52.247vw }
.contact-banner .bot_dots { width: 52.247vw }
.contact-banner .gus_dog { width: 32.508vw; margin: 5.537vw 0 0 -11.726vw; }
.contact-banner .speech_bubble { width: 27.882vw; height: 17.263vw; right: -28.338vw; top: -6.514vw; padding: 0 1.954vw 2.605vw 1.954vw }
.contact-banner .speech_bubble h3 { font-size: 3.257vw; letter-spacing: -0.065vw; }
.contact-banner .speech_bubble .arrow { width: 12.312vw; right: -10%; bottom: -22%; }
.contact-banner .lee_bee { width: 15.895vw; right: -0.977vw; top: 5%; }
.contact-banner .contact_form { padding: 0 3.257vw; margin-bottom: 1.954vw }
.contact-banner .contact_form p { font-size: 1.042vw; margin: 0.977vw 0; }
.contact-banner .contact_form .form-group { margin: 0.651vw 0; }
.contact-banner .contact_form .form-control { border: 0.065vw solid #050606; border-left-width: 0.390vw; line-height: 2.996vw; height: 2.996vw; font-size: 1.042vw; padding: 0 1.042vw; }
.contact-banner .contact_form button { width: 13.029vw; line-height: 4.429vw; height: 4.429vw; font-size: 1.042vw; padding: 0; margin: 0.977vw 0 0 0 }
.contact-banner .contact_form input[type="submit"] { width: 13.029vw; line-height: 4.429vw; height: 4.429vw; font-size: 1.042vw; padding: 0; margin: 0.977vw 0 0 0 }
.wpcf7-not-valid-tip { font-size: 0.846vw; }
	
/*default*/
.content_section { padding: 14.983vw 0 4.885vw; }
.content_section .top_dots { width: 52.247vw }
.content_section .bot_dots { width: 52.247vw }
.content_section h2 { font-size: 2.084vw; margin: 1.628vw 0 }
.content_section p { font-size: 1.042vw; margin: 0.977vw 0 }
	
.content_404 h5 { font-size: 1.302vw; margin: 1.954vw 0 !important }
.content_404 .search-form { margin: 0.977vw 0 }
.content_404 .search-form input[type=search] { border: 0.065vw solid #050606; border-left-width: 0.390vw; line-height: 2.996vw; height: 2.996vw; font-size: 1.042vw; padding: 0 1.042vw; }
	
/*Share-story*/
.panel_b_c .panel_b.step_1 .lee_bee .speech_bubble_1 { left: -24.755vw; top: -4.885vw }
.panel_b_c .panel_b.step_1 .lee_bee .speech_bubble_1 h3 { font-size: 1.824vw }
.panel_b_c .panel_b.step_1 .gus_dog .speech_bubble_2 { top: -2.931vw; right: -21.498vw; }
.panel_b_c .panel_b.step_1 .gus_dog .speech_bubble_2 h3 { font-size: 1.302vw; }
.panel_b_c .panel_b.step_1 .lee_bee { margin-top: 4.817vw }
.panel_b_c .panel_b.step_1 .gus_dog { margin-top: 1.954vw; margin-left: -10.423vw }

	
	
.choose_file { width: 100%; max-width: 32.573vw; margin: -1.954vw 0 0 -6.514vw }
.choose_file p { font-size: 0.781vw; padding: 0.651vw 1.042vw; }
.custom-file-button input[type=file] { margin-left: -0.130vw !important; }
.custom-file-button .form-control { border: 0.065vw solid #050606; border-left-width: 0.390vw; line-height: 2.996vw; height: 2.996vw; font-size: 1.042vw; padding: 0 1.042vw;}
.custom-file-button label { font-size: 1.042vw; border: 0.065vw solid #050606; padding: 0 0.977vw; line-height: 2.996vw; height: 2.996vw; }
.choose_file input[type="submit"] { width: 13.029vw; line-height: 4.429vw; height: 4.429vw; font-size: 1.042vw; margin: 0.977vw 0 0 0 }
	
	
.home-banner.step_0 .banner_gus{ margin: 9.537vw 0 0 -6.188vw }
.home-banner.step_0 .speech_bubble_1 { width: 37.003vw; height: 22.931vw; right: -37.003vw; top: -9.537vw; padding: 0 1.954vw 3.908vw 1.954vw }
.home-banner.step_0 .speech_bubble_1 h3 { font-size: 3.257vw; letter-spacing: -0.065vw; }
.home-banner.step_0 .speech_bubble_1.speech_bubble_1_step0  h3 { font-size: 2.957vw; }

.home-banner.step_0 .speech_bubble_1 .click_btn { width: 20.781vw; min-height: 5.993vw; right: 3.257vw; top: 65%; }
.home-banner.step_0 .speech_bubble_1 .click_btn a { min-height: 5.993vw; font-size: 1.433vw; padding: 1.824vw 0.651vw }
.home-banner.step_0 .share_form { padding: 0 3.257vw 0 0.977vw; margin-bottom: 5.211vw }
.home-banner.step_0 .share_form .form-control { border: 0.065vw solid #050606; border-left-width: 0.390vw; line-height: 2.996vw; height: 2.996vw; font-size: 1.042vw; padding: 0 1.042vw; }
.home-banner.step_0 .share_form input[type="submit"] { width: 13.029vw; line-height: 4.429vw; height: 4.429vw; font-size: 1.042vw; padding: 0; margin: 0.977vw 0 0 0 }
	

.choose_file { width: 100%; max-width: 32.573vw; margin: -1.954vw 0 0 -6.514vw }
.choose_file p { font-size: 0.781vw; padding: 0.651vw 1.042vw; }
.custom-file-button input[type=file] { margin-left: -0.130vw !important; }
.custom-file-button .form-control { border: 0.065vw solid #050606; border-left-width: 0.390vw; line-height: 2.996vw; height: 2.996vw; font-size: 1.042vw; padding: 0 1.042vw;}
.custom-file-button label { font-size: 1.042vw; border: 0.065vw solid #050606; padding: 0 0.977vw; line-height: 2.996vw; height: 2.996vw; }
.choose_file input[type="submit"] { width: 13.029vw; line-height: 4.429vw; height: 4.429vw; font-size: 1.042vw; margin: 0.977vw 0 0 0 }

.panel_b_c .panel_b.step_1 { margin-top: 14.983vw; }
.panel_b_c .panel_c.step_2 .choose_file { width: 100%; max-width: 33.876vw; margin: 7.817vw -6.514vw 0 0 }
.panel_b_c .panel_c.step_2 .gus_dog { width: 22.280vw; height: 27.882vw; margin-top: 14.983vw; margin-bottom: 0.977vw; margin-right: -9.120vw }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 { width: 23.713vw; height: 13.680vw; left: -13.029vw; top: -11.726vw; padding: 0 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1 h3 { font-size: 1.824vw; letter-spacing: -0.065vw; }
.panel_b_c .panel_c.step_2 .gus_dog .speech_bubble_1.speech_bubble_1_step2 h3 { font-size: 1.424vw; }
	
	
	
.panel_F.contact-banner .speech_bubble h3 { font-family: 'CCMeanwhileBold'; }
.panel_F.contact-banner { padding: 14.983vw 0 0.651vw; margin: -14.983vw 0 0 0 }
.panel_F.contact-banner h6 { font-size: 1.302vw; top: 5.537vw; right: 0.977vw; }
.panel_F.contact-banner .top_dots { width: 52.247vw }
.panel_F.contact-banner .bot_dots { width: 52.247vw; }
.panel_F.contact-banner .gus_dog { width: 25.863vw; height: 32.377vw; margin-top: 1.954vw; margin-left: -6.514vw }
.panel_F.contact-banner .gus_dog .speech_bubble { width: 27.687vw; height: 15.960vw; right: -27.687vw; top: -5.863vw; padding: 0 1.954vw 2.736vw 1.954vw; }
.panel_F.contact-banner .gus_dog .speech_bubble h3 { font-size: 2.605vw; letter-spacing: -0.065vw; }
.panel_F.contact-banner .gus_dog .speech_bubble.speech_bubble_contact h3 { font-size: 2.605vw }
.panel_F.contact-banner .lee_bee { width: 15.895vw; top: 10%; right: -2.736vw; }
.panel_F.contact-banner .speech_bubble .arrow { width: 12.182vw; right: 24%; bottom: -40%; }
	
.panel_D.step_3	.choose_file { max-width: 33.876vw; margin: 6.514vw 0 0 -4.234vw }
.panel_D.step_3 .gus_dog { width: 23.843vw; margin: 13.029vw 0 0 -8.469vw }
.panel_D.step_3 .lee_bee { right: -1.302vw; top: 48%; }
	
.panel_E.step_4	.choose_file { width: 100%; max-width: 33.876vw; float: right; margin: 4.817vw 0 0 0; }
.panel_E.step_4 .lee_bee { margin: 6.543vw 0 0 3.583vw; }
.panel_E.step_4 .gus_dog { width: 26.319vw; bottom: inherit; top: 66%; right: -8.469vw; }
.panel_E.step_4 .lee_bee .speech_bubble_2 { right: -24.778vw; top: -8.12vw; }

.coin_detail_section { font-size: 1.042vw; }
.coin_detail_section .coin_no { margin-bottom: 0.325vw }
.video_warning, .form_response { font-size: 0.781vw; }
.panel_message_text { font-size: 0.781vw; }
.panel_b_c .step_1 .panel_message_text { margin-bottom: 5.211vw }
.panel_b_c .step_2 .panel_message_text { margin-bottom: 6.514vw }
.panel_D_E .step_3 .panel_message_text { margin-bottom: 7.817vw }
.panel_D_E .step_4 .panel_message_text { margin-bottom: 7.817vw }
	
.panel_b_c .panel_c2b .gus_dog.gus_dog_new { margin: 9.868vw -1.973vw 0 0; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 { width: 17.328vw; height: 16.482vw; left: -16.118vw; top: -10.526vw; padding: 0.657vw 1.954vw 2.280vw 1.954vw; }
.panel_b_c .panel_c2b .gus_dog.gus_dog_new .speech_bubble_1 h3 { font-size: 1.302vw; letter-spacing: -0.065vw; }
	
.how_it_works { padding: 14.983vw 0 12.885vw; }
.how_it_works .sloth_img { width: 13.333vw; right: 1vw; }
.how_it_works .zebra_img { width: 21.333vw; left: 1vw; }
.how_it_works .bird_img { width: 8.666vw; left: 18.666vw; }

.about_section { padding: 14.983vw 0 14.885vw; }
.about_section .lion_img { width: 15.333vw; left: 1vw; }
.about_section .hippo_img { width: 17.333vw; }
	
}


/***************(min-device-width:0px) and (max-device-width:767px) and (orientation:landscape)******************/
@media only screen and (min-device-width:0px) and (max-device-width:767px) and (orientation:landscape) {
.panel_b_c .panel_c { margin-top: -100px; }
.panel_b_c .panel_b2c { margin-top: -100px; }
    
}