05/31/2017

Singing Dino

CLIENT

Singing Dino

LAUNCH

2017

LOCATION

Vietnam

SERVICES

Singing Dino – Safe original Vietnamese songs for children.

Check our website: singingdino.com

EMAIL
CALL

/* ----------------------------------------- */ /* Content Template: Template for Clients - start */ /* ----------------------------------------- */ .featherlight-inner, .featherlight-inner:lang(vi) { display: block !important; overflow-y: hidden; } .featherlight-iframe .featherlight-content, .featherlight-iframe .featherlight-content;lang(vi) { overflow-y: auto; } .banner-area .two-thirds, .banner-area .two-thirds:lang(vi) { float: none; } .banner-area, .banner-area:lang(vi) { margin-bottom:20px; color: #FFF; padding: 30px; background-position: center center; background-size: cover !important; } .banner-area span, .banner-area span:lang(vi) { font-size: 36px; text-transform: uppercase; } .banner-area h1, .banner-area h1:lang(vi) { text-transform: uppercase; font-weight: 800; font-size: 46px; line-height: 50px; } .banner-area p, .banner-area p:lang(vi) { margin-top: 30px !important; } .banner-area a, .banner-area a:lang(vi) { border: 4px solid #FFF; color: #FFF; text-decoration: none; padding: 2px 10px; background: transparent !important; } .banner-area .one-half, .banner-area .one-half:lang(vi) { padding: 50px 30px; } .description, .description:lang(vi) { color: #808184; display: inline-block; padding: 50px 20px 0; width: 100%; } .description span, .description span:lang(vi) { color: #111; text-transform: uppercase; font-weight: 800; font-size: 12px; } .description .one-fourth a, .description .one-fourth a:lang(vi) { color: #58595b; } .description .one-fourth div, .description .one-fourth div:lang(vi) { margin-bottom: 10px; } .description .one-fourth p, .description .one-fourth p:lang(vi) { margin-bottom: 0; font-size: 14px; line-height: 18px; } .client-hashtags a{ margin-right:5px; color: #808184; text-decoration: none; } .client-hashtags a::before { content: "#"; } .client-hashtags a::after { content: ","; } .client-hashtags a:last-child:after { content: ""; } .entry, .entry:lang(vi) { padding: 0; } header.entry-header, header.entry-header:lang(vi) { display: none; } .description .one-fourth, .description .one-fourth:lang(vi) { display: inline-block; width: 20.076923%; } .description .three-fourths, .description .three-fourths:lang(vi) { display: inline-block; } .work-image, .work-image:lang(vi) { padding: 20px 0; width: 100%; max-width: 799px; margin: auto; } .work-image img, .work-image img:lang(vi){ float:left; width:100%; margin-bottom: 20px; } .grey-line, .grey-line:lang(vi) { display: block; width: 30px; height: 3px; background: #808184; margin-bottom: 10px; } .related tbody, .related tbody:lang(vi) { border-bottom: none; background: #f1f1f2; } .related h3, .related h3:lang(vi) { display: block !important; text-align: left; font-size: 34px; } .related h3 a, .related h3 a:lang(vi) { display: inline; text-decoration: none; color: #f37c20 !important; text-transform: uppercase; font-weight: 800; line-height: 30px; } a.slider-button:hover, a.slider-button:hover:lang(vi) { background-color: #f37c20; color: #ffffff !important; } a.slider-button, a.slider-button:lang(vi) { background-color: #f1f1f2; color: #000000; border: 1px solid #f37c20; padding: 5px 8px 5px 8px !important; font-weight: 400; color: #f37c20 !important; margin-top: 20px; } .white-line, .white-line:lang(vi) { display: block; width: 30px; height: 5px; background: #FFFFFF; margin-bottom: 10px; } .addtoany_shortcode:before, .addtoany_shortcode:before:lang(vi) { content: "SHARE"; font-weight: 800; font-size: 12px; margin-right: 10px; color: #58595b; position: absolute; margin-left: -45px; margin-top: 10px; } .addtoany_shortcode,.addtoany_shortcode:lang(vi) { text-align: right; padding: 50px 50px; clear: both; } .addtoany_shortcode img, .addtoany_shortcode img:lang(vi) { margin-left: 10px; } .addtoany_shortcode .a2a_kit, .addtoany_shortcode .a2a_kit:lang(vi) { display: inline-block; } .play-button:before, .play-button:before:lang(vi) { content: url('/wp-content/uploads/2016/06/play-button.png'); } .play-button, .play-button:lang(vi) { font-size: 24px !important; position: relative; vertical-align: middle; } .site-header > .wrap, .site-header > .wrap:lang(vi) { padding: 20px 0 0; border-bottom: 1px solid #bbb; } ul.video, ul.video:lang(vi) { width: 100%; margin: auto; text-align: center; border-top: 1px solid #c3c4c5; padding-top: 45px !important; margin-top: 50px; } ul.video li, ul.video li:lang(vi) { list-style: none; padding: 0; max-width: 799px; margin: 0 auto; margin-bottom: 15px; } ul.video .youtube, ul.video .youtube:lang(vi) { width: 100% !important; max-width: 799px; } .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]), .ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]):lang(vi) { background: #fff; } .ytp-large-play-button svg, .ytp-large-play-button svg:lang(vi) { display: none; } .client-hashtags, .client-hashtags:lang(vi){ font-size:16px; } @media only screen and (min-width: 1200px) { .banner-area, .banner-area:lang(vi) { min-height: 500px; } } @media only screen and (min-width: 768px) and (max-width: 1199px) { .banner-area,.banner-area:lang(vi) { min-height: 350px; } } @media only screen and (max-width: 1220px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 36px; line-height: 40px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 27px; } } @media only screen and (max-width: 1024px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi){ font-size: 24px; line-height: 30px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi){ font-size: 20px ; } ul.video li, ul.video li:lang(vi) { list-style: none; padding: 0; position: relative; height: 0; overflow: auto; padding-bottom: 50.5%; margin: 25px; } ul.video iframe, ul.video iframe:lang(vi) { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .work-image, .work-image:lang(vi) { padding: 20px 25px; } ul.video .youtube, ul.video .youtube:lang(vi) { width: 100% !important; max-width: 799px; position: absolute; top: 0; left: 0; height: 100% !important; } } @media only screen and (max-width: 922px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 25px; line-height: 30px; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 18px; } } @media only screen and (max-width: 880px) { .banner-area h1 .two-thirds, .banner-area h1 .two-thirds:lang(vi){ font-size: 23px ; line-height: 28px ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 18px; } } @media only screen and (max-width: 767px) { .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 22px ; line-height: 26px ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 16px; } .banner-area, .banner-area:lang(vi) { min-height: 377px; } .site-header > .wrap, .site-header > .wrap:lang(vi) { border-bottom: none; } } @media only screen and (max-width: 480px){ .banner-area p, .banner-area p:lang(vi) { margin-top: 15px !important; } .banner-area .two-thirds h1, .banner-area .two-thirds h1:lang(vi) { font-size: 17px !important; line-height: 24px !important ; } .banner-area .two-thirds > span, .banner-area .two-thirds > span:lang(vi) { font-size: 16px ; line-height: 16px; } .banner-area .white-line, .banner-area .white-line;lang(vi) { margin: 5px 0; width: 25px ; } .banner-area .banner-area p, .banner-area .banner-area p:lang(vi) { margin: 5px 0 !important; } .description, .work-image, .description, .work-image:lang(vi) { padding: 25px 25px 0; } .addtoany_shortcode img, .addtoany_shortcode img:lang(vi) { margin-left: 0; } .addtoany_list, .addtoany_list:lang(vi) { margin-left: 10px; } .addtoany_shortcode, .addtoany_shortcode:lang(vi) { text-align: center; padding: 18px 0 10px; margin-left: 40px; } .youtube .play, .youtube .play:lang(vi) { background-size: 75px 75px !important; } } .youtube, .youtube:lang(vi) { background-position: center; background-repeat: no-repeat; position: relative; display: inline-block; overflow: hidden; transition: all 200ms ease-out; cursor: pointer; } .youtube .play, .youtube .play:lang(vi) { background: url("http://dinosaur.vn/wp-content/uploads/2017/04/play-icon.png") no-repeat center center; background-size: 160px 160px; position: absolute; height: 100%; width: 100%; opacity: .8; filter: alpha(opacity=80); transition: all 0.2s ease-out; } .youtube .play:hover, .youtube .play:hover:lang(vi) { opacity: 1; filter: alpha(opacity=100); } /* ----------------------------------------- */ /* Content Template: Template for Clients - end */ /* ----------------------------------------- */

Footer

EMAIL

CALL