@import url('https://fonts.googleapis.com/css?family=Open+Sans');
#gj_app {font-family: Roboto;line-height: normal;font-family: 'Open Sans', sans-serif;}
#gj_app img{max-width: 100%;height: auto;}
#gj_app h3{font-size: 24px;font-weight: bold;color: #000000;}
#gj_app p{font-size: 14px;}
#gj_app header{background-image: url(../img/bg.png);background-repeat: no-repeat;background-position: center;background-size: cover;
text-align: center;color: #ffffff;height: auto;}
#gj_app header .logo{text-align: left;padding: 77px 0px 0px 115px;}
#gj_app header h1{font-size: 64px;font-weight: 900;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.62);padding-top: 90px;}
#gj_app header h2{font-size: 28px;font-weight: normal;padding-top: 37px;padding-bottom: 80px;}
#gj_app .btn {cursor: pointer;background-color: #0033ff;width: 234px;height: 51px;padding: 15px 18px;
color: #ffffff;font-size: 18px;font-weight: normal;font-style: normal;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;}
#gj_app .btn:hover{background-color: #002bd9;}
#gj_app header p{font-size: 18px;font-weight: normal;padding-top: 80px;}
#gj_app header .stacked{padding: 10px 0px 30px 0px;}
#gj_app header .bottom{font-style: none;color: transparent;}
#gj_app header .bottom:hover{opacity: 0.8;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#gj_app header .bottom2{font-style: none;color: transparent;}
#gj_app header .bottom2:hover{opacity: 0.8;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
#gj_app .section, .section2, .section5, .section6{text-align: center;}
#gj_app .section{padding: 15px 0px 30px 0px;}
#gj_app .section h2{font-size: 36px;font-weight: 900;color: #000000;padding-bottom: 15px;}
#gj_app .section2{background-color: #eeeeee;padding: 50px 0px;}
#gj_app .section3 {padding: 50px 0px;}
#gj_app .section3 a{color: #0033ff;}
#gj_app .section3 img{max-width: 455px;}
#gj_app .section3 a:hover{color: #002bd9;}
#gj_app .section4 h3{text-align: center;}
#gj_app .section4 .br-qa{display: none;}
#gj_app .section4 .accordion {background-color: #eeeeee;color: #000000;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left;
outline: none;font-size: 14px;transition: 0.4s;font-weight: bold;}
#gj_app .section4 .active, .accordion:hover {background-color: #ccc;}
#gj_app .section4 .accordion:after {content: '\25BC';color: #0033ff;font-weight: bold;float: right;margin-left: 5px;}
#gj_app .section4 .active:after {content: "\25B2";}
#gj_app .section4 .panel {padding: 0 18px;background-color: white;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
#gj_app .section4 .panel a{font-weight: bold;color: #0033ff;}
#gj_app .section4 .panel a:hover{color: #002bd9;}
#gj_app .section5{padding: 50px 0px;}
#gj_app .section5 p{text-align: left;}
#gj_app .section5 p:last-child{text-align: center;}
#gj_app .section5 h3{padding-bottom: 10px;}
#gj_app .section5 a, .section6 a{font-weight: bold;color: #0033ff;}
#gj_app .section5 a:hover{opacity: 0.7;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;}
.section6 a:hover{color: #002bd9;}
#gj_app .section6 {background-color: #f0f3ff;}
#gj_app .section6 img{margin-bottom: -1px;}
#gj_app .section6 .btn_div{padding: 20px 0px;}
#gj_app footer{background-color: #000000;color: #ffffff;text-align: right;padding-bottom: 14px;}
#gj_app footer .row div {background: url(../img/ringtone.png) left center no-repeat;background-position-x: 10%;background-position-y: 100%;width: 185px;}
#gj_app footer p{font-size: 10px;margin: 0px;}
#gj_app footer a{color: #ffffff;font-style: none;cursor: pointer;}
#gj_app footer a:hover{color: #e5e5e5;}
#gj_app footer h3{font-size: 14px;font-weight: bold;color: #ffffff;text-align: left;margin-bottom: 7px;}
#gj_app footer div > div > div {padding-right: 40px;}

@media(min-width: 992px) and (max-width: 1199px){
#gj_app footer div > div > div {padding-right: 40px;}}

@media(min-width: 768px) and (max-width: 991px){
#gj_app header .logo {padding: 45px 0px 0px 70px;}
#gj_app header h1 {padding-top: 50px;}
#gj_app .section3 img{padding-top: 34px;max-width: 100%;}
#gj_app .section3 {padding: 35px 0px;}}

@media(max-width: 767px){
#gj_app header .logo {text-align: center;padding: 30px 0px 0px 0px;}
#gj_app header h1 {padding-top: 100px;}
#gj_app header h2 {padding-top: 10px;padding-bottom: 55px;}
#gj_app header p {padding-top: 40px;}
#gj_app header .stacked {padding: 0px 0px 30px 0px;}
#gj_app .section h2 {padding-bottom: 0px;margin-bottom: 10px;}
#gj_app .section h3{margin-bottom: 15px;}
#gj_app .section p {padding-bottom: 15px;}
#gj_app .grey{background-color: #eeeeee;}
#gj_app .section2 {background-color: #ffffff;padding: 50px 0px 0px 0px;}
#gj_app .section2 .row > div > div:not(:last-child){padding-bottom: 35px;}
#gj_app .section3{text-align: center;padding: 30px 0px;}
#gj_app .section3 img{max-width: 100%;}
#gj_app .section3 h3{padding-top: 10px;}
#gj_app .section3 .row > div {padding: 0px 0px;}
#gj_app .section3 .row > div > div:first-child{padding: 0px 0px;}
#gj_app .section4{background-color: #eeeeee;}
#gj_app .section4 .row > div {padding: 0px 0px;}
#gj_app .section4 .row > div > div{padding: 0px 0px;}
#gj_app .section4 h3{padding: 0px 30px;}
#gj_app .section5 {padding: 15px 0px 30px 0px;}
#gj_app .section5 .tb{display: table-cell;vertical-align: middle;height: 55px;text-align: left;}
#gj_app .section5 h3{padding-bottom: 0px;}
#gj_app .section6 img {padding-top: 20px;}}

@media(min-width: 430px) and (max-width: 520px){
#gj_app header h1 {font-size: 53px;}
#gj_app header h2 {font-size: 24px;}}

@media(max-width: 470px){
#gj_app .section4 .br-qa{display: block;}}

@media(max-width: 429px){
#gj_app p {font-size: 13px;}
#gj_app h3 {font-size: 23px;}
#gj_app header h1 {font-size: 36px;}
#gj_app header h2 {font-size: 18px;}}