/* TEMPORARY PAGE BACKGROUND */
.bg-aboutus{
background: url('../img/aboutus.jpg') no-repeat center center;
height: 1247px;
}

.bg-apps{
background: url('../img/mobileapps.jpg') no-repeat center center;
height: 1111px;
}

.bg-faq{
background: url('../img/faq.jpg') no-repeat center center;
height: 1302px;
}

.bg-security{
background: url('../img/security.jpg') no-repeat center center;
height: 535px;
}

.bg-dealer{
background: url('../img/dealer.jpg') no-repeat center center;
height: 794px;
}

.bg-contact{
background: url('../img/contact.jpg') no-repeat center center;
height: 764px;
}



/* BODY */

body{
  background-color: #f2f2f2;
  font-family: "lato", Helvetica, Arial, sans-serif !important;
}

/* TOP BAR */

.topbar{
	padding: 10px 0px;
	color: #000;
	background-color: #f3f7f8;
}

.topbar a:link, .topbar a:visited{
	color: #797979;
	font-size: 10pt;
	text-decoration: none;
}

.topbar a:hover{
	color: #0095e2;
}

/* NAV BAR*/

.navbar{
	min-height: 60px;
	margin-bottom: 0;
}

.navbar-default {
    background-color: #fff;  
}

.navbar-static-top{
	border: none;
}

.navbar-brand{
	padding: 10px 15px;
	height: 60px;
}

.navbar-nav > li > a {
    padding-top: 25px;
	margin-left: 10px;
    padding-bottom: 5px;
    line-height: 30px;
}

/* .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    font-weight: 700;
    background-color: #fff;
    border-bottom: solid 2px #0072bb;
} */



#home .active-home a,
#about .active-about a,
#apps .active-apps a,
#faq .active-faq a,
#security .active-security a,
#contact .active-contact a,
#dealers .active-dealers a
{
    color: #000;
    font-weight: 700;
    background-color: #fff;
    border-bottom: solid 2px #0072bb;
}


/* Jumbotron / LOGIN AREA */

.jumbotron{
	background: url(/images/landing/bg-login.jpg) no-repeat center center;
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 396px;
}

.divider-v{
	border-right: solid 1px rgba(255,255,255,0.5);
	height: 200px;
	padding: 0px 0px;
	margin-top: 50px;

}

.login-container{
	padding: 0 100px;
  margin-top: -13px;
}


/*SIGN IN STYLES*/

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  border-radius: 4px;
  font-size: 16px;
  margin-top: 15px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
}


/* BUTTONS */

.btn{
	padding-left: 30px;
	padding-right: 30px;
}
.btn-primary{
	background-color: #0072bb;
}

/* CARD */

.card{
  background-color: #f7f7f7;
  border:  solid 1px #ebebeb;
  min-height: 100px;
}

.card-title{
  font-weight: 600;
  font-size: 12.5pt;
  
}


/* SERVICES LOGO */

.services-list{
 padding: 0;
}

.services-list li a{
  color: #424a60;
}

.services-list li a:hover{
  color: #007eff;
}


/* MARGIN */

.margin-top-sm{
  margin-top: 10px;
}

.margin-bottom-sm{
  margin-bottom: 10px;
}

.margin-left-sm{
  margin-left: 10px;
}

.margin-right-sm{
  margin-right: 10px;
}



.margin-top-md{
  margin-top: 20px;
}

.margin-bottom-md{
  margin-bottom: 20px;
}

.margin-left-md{
  margin-left: 20px;
}

.margin-right-md{
  margin-right: 20px;
}



.margin-top-lg{
  margin-top: 30px;
}

.margin-bottom-lg{
  margin-bottom: 30px;
}

.margin-left-lg{
  margin-left: 30px;
}

.margin-right-lg{
  margin-right: 30px;
}


/* PADDING */

.padding-top-sm{
  padding-top: 10px;
}

.padding-bottom-sm{
  padding-bottom: 10px;
}

.padding-left-sm{
  padding-left: 10px;
}

.padding-right-sm{
  padding-right: 10px;
}

.padding-top-md{
  padding-top: 20px;
}

.padding-bottom-md{
  padding-bottom: 20px;
}

.padding-left-md{
  padding-left: 20px;
}

.padding-right-md{
  padding-right: 20px;
}

.padding-top-lg{
  padding-top: 30px;
}

.padding-bottom-lg{
  padding-bottom: 30px;
}

.padding-left-lg{
  padding-left: 30px;
}

.padding-right-lg{
  padding-right: 30px;
}

.padding-md{
  padding: 20px !important;
}

.padding-lg{
  padding: 30px;
}

.padding-sm{
  padding: 10px;
}


ul.services-list li{
  display: block;
  text-align: center;
  float: left;
  color: #000 !important;
  padding-right: 45px;
  padding-bottom: 50px;
}

#be-partner ul.services-list li{
  display: block;
  line-height: 11pt;
  text-align: center;
  float: left;
  color: #000 !important;
  
}

#be-partner ul.services-list li:first-child{
  padding-left: 50px;
}

#be-partner ul.services-list li:last-child{
  padding-right: 50px;
}

ul.services-list li:last-child{
  padding-right: 0px;
}


.media{
  border-bottom: solid 1px #ddd;
  padding-bottom: 15px;
}

.media:last-child{
  border-bottom: none;
  padding-bottom: 0;
}

.media .muted{
  color: #959595;
}

.media a h4{
  font-size: 12pt;
  font-weight: 600;
  color: #424a60;
}

.media a:hover h4{
  color:  #007eff;
}



footer nav ul li{
  display: block;
  float: left;
  padding-right: 20px;
  
  margin:  0;
  list-style: none;
}

footer nav ul{
  padding: 0;
}

footer nav ul li a{
  color: #000;
}

footer nav ul li a:hover{
  color: #007eff;
}


.bg-white{
  background-color: #fff !important;
}

body-content p{
  font-size: 11pt;
  color: #666;
}

.border-grey-top{
  border-top:  solid 1px #ebebeb;
}

.border-grey-right{
  border-right:  solid 1px #ebebeb;
}

.border-grey-bottom{
  border-bottom:  solid 1px #ebebeb;
}

.border-grey-left{
  border-left:  solid 1px #ebebeb;
}

.input-search-dealer{
  border:  solid 1px #ccc;
  background-color: #eee;
  height: 30px;
}

h4.sm{
  font-size: 13pt;
}

.bg-download-ios{
  height: 375px;
  background: url('../../../images/landing/banner-ios.jpg') center top no-repeat;
}

.bg-download-android{
  height: 375px;
  background: url('../../../images/landing/banner-android.jpg') center top no-repeat;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}



.bg-signup{
  background: url('../../../images/landing/bg-signup.jpg') center top no-repeat;
  height: 450px;
  padding-top: 30px;
}

.title-signup{
  color: #fff !important;
  font-size: 26pt;
  padding-bottom: 20px;
  display: block;
}


/* Deposit banks slider */

      /* jssor slider loading skin spin css */
        .jssorl-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssorl-009-spin {
            from {
                transform: rotate(0deg);
            }

            to {
                transform: rotate(360deg);
            }
        }


        .jssorb057 .i {position:absolute;cursor:pointer;}
        .jssorb057 .i .b {fill:none;stroke:#fff;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
        .jssorb057 .i:hover .b {stroke-opacity:.7;}
        .jssorb057 .iav .b {stroke-opacity: 1;}
        .jssorb057 .i.idn {opacity:.3;}

        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}



.input-verification-code{
	padding: 15px;
	font-size: 22pt;
	line-height: 30pt;
	font-weight: 300;
	border-radius: 5px;
	letter-spacing: 20pt;
	border: solid 1px #ccc;
	text-align: center;
}

.input-verification-code::placeholder{
	letter-spacing: normal;
	color: #ccc;
	font-size: 22pt;
	font-weight: 100;
	
}

.input-verification-code:focus::placeholder{
	color: #fff;
}