html, body{height: 100%}
body{background:#fff;margin:auto;font-family: Poppins,sans-serif;}*{box-sizing: border-box;margin:0;padding:0;list-style:none;text-decoration:none;border:none}
h1,h2,h3,h4,h5,h6{font-weight:bold}.clearfix{clear:both}.clearfix:after,.clearfix:before{clear:both;display:block;line-height:0;content:""}
.dflx{display:flex;}.flex-wrap{flex-wrap:wrap}.justbtwn{justify-content: space-between;}.algn-cntr{align-items: center;}
.hp-container{max-width: 1244px; margin: auto; padding: 0 10px}
.sprite{background: url(../images/sprite.png) 0 0 no-repeat; display: block;}
.sprite.phn{background-position:-162px -2px}.sprite.wht{background-position: -183px -2px}.sprite.eml{background-position: -204px -2px}
.sprite.fcbk{background-position: 0px 0px}
.sprite.twtr{background-position: -50px 0px}
.sprite.ytb{background-position: -99px 0px}
.sprite.lkdn{background-position: -149px 0px}
header{border-top: 2px solid #ffda86;width: 100%;position: absolute;padding-top: 40px;left: 0;right: 0;}
header:before{content: "";height: 4px;top: -2px;position: absolute;background: #ffda86;left: 300px;right: 300px;border-radius: 0 0 20px 20px;}
header ul li a{width: 40px; height: 40px; margin-left: 15px}
.topwrapper{width: 100%;height: 100%;box-shadow: 0px 6px 18px #ccc;line-height: 0;text-align: center; background:#191b28;}
.topwrapper img{height: 100%}
.tagline{position: relative;height: 100px;background: #ffda86;line-height: 100px;color: #0d1326;text-transform: uppercase;text-align: center;font-size: 50px;max-width: 1024px;margin: -50px auto 50px auto;font-weight: bold;}
.tagline:before, .tagline:after{content: ""; width: 3px; height: 70px; top:15px; position: absolute; background: #ffda86;}
.tagline:before{left: -6px}.tagline:after{right: -6px}
.tagline br{display: none;}
.tcnshlapp{max-width: 1024px; margin: 100px auto}
.tcnshlapp-left{margin-right: 40px;}
.tcnshlapp-left h2{color: #11252b;text-transform: uppercase;font-size: 52px;line-height: 62px;font-weight: bold;}
.tcnshlapp-left h2 span{color:#049fa6;}
.tcnshlapp-left p{}
.tcnshlapp-right{flex-shrink: 0; width: 426px}
.tcnshlapp-right img{width: 100%}
.appbtn{margin-top: 30px}
.appbtn a{width: 175px; height: 64px; margin-right: 20px}
.sprite.gplapp{background-position: 0px -42px}
.sprite.dnwldapp{background-position: 0px -107px}
.tcnshlabt{max-width: 1024px; margin: auto}
.tcnshlabt-left{margin-right: 40px;width: 323px; flex-shrink: 0}
.tcnshlabt-left img{width: 100%}
.tcnshlabt-left h2{color: #11252b;	text-transform: uppercase;	font-size: 52px;	line-height: 62px;	font-weight: bold;}
.tcnshlabt-right{}
.tcnshlabt-right p{font-size: 18px;	line-height: 32px;	margin-bottom: 15px;}
footer{background:#555; padding: 20px 0; border-top:2px solid #333; color: #eee;font-size: 11px;text-align: center;background: #444;padding: 15px 0;margin-top: 20px;}
@media screen and (max-width: 720px){
html, body, .topwrapper, .topwrapper img {height: auto;}
.topwrapper img {width: 100%}
header {background:#181b28;position: sticky;padding-top: 0;padding: 10px 0;top: 0; z-index: 1}
header:before {left: 20px;right: 20px;}
header h1 img{width: 100px}
.tagline {line-height: 38px;font-size: 27px;margin: 30px 20px;padding-top: 15px;}
.tcnshlapp {margin: 50px auto;flex-wrap: wrap;flex-direction: column-reverse;}
.tcnshlapp-left {margin-right: 0;width: 100%;}
.tcnshlapp-right {flex-shrink: 0;width: 100%;margin-bottom: 20px;padding: 0 20px;}
.tcnshlapp-left h2 {font-size: 32px;line-height: 45px;text-align: center;}
.tcnshlabt {flex-wrap: wrap;justify-content: center;}
.tcnshlabt-left {margin-right: 0;}
.tcnshlabt-right {width: 100%; padding: 0 20px;}
.appbtn {justify-content: space-around;}
.appbtn a {margin-right:0px;}
.tagline br{display: block;}
}