/*
 * Start Bootstrap - Full (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
	font-family: 'Lato', sans-serif;
	font-size:16px;
}

input[type="text"], input[type="password"] .input-lg {font-size:14px;}
.input-lg {height:56px;}
.logo {padding:0;margin:0;text-align:left;}
.logo img {margin:0;padding:0;}
.user-info {font-size:1em;font-weight:700;padding:15px 0;}
.ph-bg {/*background: url(../images/bg.png) 0 0 repeat;*/background: url(../images/img-bg.jpg) no-repeat 0 0;}
.cc-number {margin-left:50px;margin-top:5px;}
.cc-number-text {margin-top:45px;line-height:1.3em;}
.btns {/*width:15%;*/}
.navbar-bar .nav {
    padding: 15px 0;
}

.navbar-bar .navbar-brand {
    padding: 0 15px;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color:#000;
	border:none;
}

.navbar-default .navbar-nav>li>a {color:#fff;text-transform:uppercase;}
.navbar-default .navbar-nav>li>a:hover {color:#ffc000;}


h1 {font-size:3em;margin-bottom:0;padding-bottom:0;}
.cont-mid h1, .cont-top h2, .white-container2 h2, .white-container2 h4 {text-transform:uppercase;}
h2 {font-size:1.7em;margin-top:0;padding-top:0;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
h6 {font-size:.8em;}

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.full {
    background: url('../images/img-bg.jpg') no-repeat center center fixed;
}
.ph {position:relative;top:-15px;}
.white-container{
width: 50%;
min-height: 50%;
position: absolute;
left:24%;
color: #222222;
padding:2.5% 1.5%;  
/*box-shadow: 2pc 2px 3ps rgba (0,0,0, .25);*/
background: rgba(255,255,255, .75);
font-family: 'Lato', sans-serif;
text-align:center;
word-wrap: break-word;
display:inline-block;
}
.cont-mid {top:20%;}
.cont-top {top:10%;}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 15px solid #f00;
  position:absolute;
  left:48.5%;
}
.arrow-1 {top:-1%;}
.arrow-2 {top:-.5%;}

.white-container2{
width: 100%;
min-height: 50%;
color: #222222;
padding:2.5% 1.5%;  
/*box-shadow: 2pc 2px 3ps rgba (0,0,0, .25);*/
background: rgba(255,255,255, .75);
font-family: 'Lato', sans-serif;
word-wrap: break-word;
display:inline-block;
margin-bottom:2%;
}

.white-container3{
width: 100%;
min-height: 50%;
color: #222222;
padding:0;  
/*box-shadow: 2pc 2px 3ps rgba (0,0,0, .25);*/
background: rgba(255,255,255, .75);
font-family: 'Lato', sans-serif;
word-wrap: break-word;
display:inline-block;
margin-bottom:2%;
}

.white-container-card{
width: 100%;
min-height: 50%;
color: #222222;
padding:0;  
/*box-shadow: 2pc 2px 3ps rgba (0,0,0, .25);*/
background: rgba(255,255,255, .75);
font-family: 'Lato', sans-serif;
word-wrap: break-word;
display:inline-block;
margin-bottom:0%;
}

.white-container-card p {color:#666666;font-size:0.8em;margin:0 0 5px 0;padding:0;}
.white-container-card h4 {margin:24px 0 0 0;padding:0;font-size:1.1em;}
.card-background {background:rgba(255,255,255, 1)!important;}
.clear-left {clear:left;margin-top:5%;}
.clear-left2 {clear:left;margin-top:3%;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.float-right {float:right;}
.mymargin {margin:2% 4.5% 0 5.5%;}
.mymargin2 {margin:2% 5%;}
.mymargin3 {margin-top:2%;margin-right:0;display:inline-block;}
.card-contact {margin-top:1%;margin-bottom:1%;display:inline-block;width:100%;}
.desc01 {padding-top: 25px;padding-bottom: 30px;margin-left: 5%;margin-right: 5%;}
.desc02 {padding-top:10px;text-align:left;font-size:.8em;}
.regsteps {list-style:none;margin:5% 0 0 0;padding:0;}
.regsteps p {padding-top:11px;}
.circle-text {
    width:10%;
	float:left;
	margin-right:5%;
}
.circle-text:after, .circle-icon:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background: #000; 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
}
.circle-text div, .circle-icon div  {
    float:left;
    width:100%;
    padding-top:50%;
    line-height:1em;
    margin-top:-0.5em;
    text-align:center;
    color:white;
}
.circle-icon {
    width:3.6%;
	min-width:40px;
	float:left;
	margin-right:2%;
	min-height:60px;
}
.tit-add-cart {text-transform:uppercase;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0, .5);margin-top:9%;}
.subtit-edit {text-transform:uppercase;color:#fff;text-shadow:2px 2px 2px rgba(0,0,0, .5);}
.white-container2 h2 {line-height:1.5em;}

.white-container2 h2 .wrn {line-height:1.5em;text-transform:none; }

.white-container2 .circle-icon:after {background:rgba(0,0,0, .3);}
.icon-star {background: url(../images/icon-star.png) 50% 50% no-repeat;width: 32px;height: 24px;float:left;margin-right:20px;}
.myicon {font-size:1.2em;line-height:.7em!important;}
.white-container2 .myicon {font-size:1.2em;line-height:.8em!important;}
/* Buttons */
.mybutton {color:rgb(255,255,255);padding:14px 10px;display:block;text-align:center;text-decoration:none;min-width:44.7%;font-size:1.1em;font-family: 'Lato', sans-serif;font-weight:bold;}
.mybutton:hover {text-decoration:none;}
.red-button-right {background: rgb(244,2,0);border-top-right-radius:3px;-moz-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;}
.recoverpwd {padding:15px;width:100%;}
.login-button-right {position: relative;top: 59px;background: rgb(244,2,0);border-top-right-radius:3px;-moz-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;}
.remove-button-right {position: relative;top: 0;background: rgb(244,2,0);border-top-right-radius:3px;-moz-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;}
.black-button-left {background: rgb(0,0,0);border-top-left-radius:3px;-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;}
.black-button {background: rgb(0,0,0);border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.btn-solo {border-radius:3px;-moz-border-radius:3px;webkit-border-radius:3px;color:rgb(255,255,255);background: rgb(244,2,0);}
h4.modal-title {font-size:1.5em!important;}
/* Input */
.register label.icon-star {background: url(../images/icon-star.png) 100% 50% no-repeat;width: 24px;height: 24px;position: absolute;margin-top: 20px;right: 5px;}
.register label.no-star {display:none;}
.register {padding-top: 10px;}
form {margin:0;padding:0;}
.register .form-group {margin-bottom:4px!important;}
.register .form-control {border:1px solid #b5b3af!important;background: rgba(255,255,255, .25)!important;}
.register .input-lg {height:60px;text-indent:35px;}
.add-card {border-bottom:1px solid #ccc;padding-bottom:50px;}
.add-card .input-lg {height:56px;font-size:16px;}
.register .user {background: url(../images/icon-user.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius: 3px 3px 0 0!important;-moz-border-radius: 3px 3px 0 0!important;-webkit-border-radius: 3px 3px 0 0!important;}
.register .email {background: url(../images/icon-email.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-moz-radius:0!important;}
.register .mobile {background: url(../images/icon-mobile.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-moz-radius:0!important;}
.register .phone {background: url(../images/icon-phone.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-moz-radius:0!important;}
.register .pwd {background: url(../images/icon-pwd.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius:0!important;-moz-border-radius:0!important;-webkit-moz-radius:0!important;}
.register .pwd {background: url(../images/icon-pwd.png) no-repeat 0 50% rgba(255,255,255, .25)!important;border-radius: 0 0 3px 3px!important;-moz-border-radius: 0 0 3px 3px!important;-webkit-border-radius: 0 0 3px 3px!important;}
.mylegend .icon-star {margin-right:25px;margin-left:6px;}
.accept-terms {text-align:left;}
.accept-terms .select {float:left;}
.accept-terms .txt {float:left;width:90%;margin-left:25px;margin-top:10px;}

.accept-terms input[type="checkbox"] {
    display:none;
}

.accept-terms input[type="checkbox"] + label span {
    display:inline-block;
    width:40px;
    height:40px;
	background: url(../images/mycheckbox.png) no-repeat 0 0;
}

.accept-terms input[type="checkbox"]:checked + label {
	display:inline-block;
    width:40px;
    height:40px;
	background: url(../images/mycheckbox-selected.png) no-repeat 0 0;
}

#terms-accept .modal-dialog {width:50%;margin:5% auto!important;min-width:360px;}
.btn-terms {background:#000!important;color:#fff;border:0!important;max-height:30px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.btn-terms:focus {outline:none;border:none;}

.add-card input {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-align:center;}
.mydropbox .btn{padding:16px 12px;font-size:16px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.mydropbox .dropdown-menu>li>a {padding:10px 12px;font-size:1.2em;}
.white-container2 .input-group input {text-align:center;}
.btn-card {background:#fff!important;border:0!important;max-height:50px;margin-top:10px;}
.btn-card:focus {outline:none;border:none;}
/* Disabled Input */ 
.white-container2 .input-group input[type="text"]:disabled {background:#eee!important;border:none!important;box-shadow:none!important;cursor:none!important;}
.btn-email {margin-top:20px;cursor:pointer;height:100px;color:#fff;background:#444;border-top-left-radius:3px;-moz-border-top-left-radius:3px;-webkit-border-top-left-radius:3px;border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;}
.btn-phone {margin-top:20px;cursor:pointer;height:100px;color:#fff;background:#f50100;border-top-right-radius:3px;-moz-top-right-radius:3px;-webkit-border-top-right-radius:3px;border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;-webkit-border-bottom-left-radius:0;border-top-left-radius:0;-moz-border-top-left-radius:0;-webkit-border-top-left-radius:0;}
.btn-email h5 {margin-bottom:0;padding-left:104px;margin-top:32px;}
.btn-phone h5 {margin-bottom:0;padding-left:45%;margin-top:32px;}
.btn-email p {padding-left:104px;display:inline-block;}
.btn-phone p {padding-left:100px;display:inline-block;}
.btn-email span, .btn-phone span {margin-right:10px;}
.btn-email div {background-image: url('../images/btn-email.png'); background-position:5% 50%;background-size: 75px;background-repeat:no-repeat;}
.btn-phone div {background-image: url('../images/btn-mobile.png'); background-position:5% 50%;background-size: 75px;background-repeat:no-repeat;}
.btn-email div, .btn-phone div {height:100%;display:inline-block;}
.contact-added {width:100%;background:#f6f6f6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display: inline-block;margin-bottom:25px;}
.myinput {margin-bottom:10px;}
.contact-added:hover {cursor:pointer;background: #f6f6f6;}
.contact-added div {font-size:15px;color:#666;text-decoration:none;display:inline-block;padding:20px 15px;width:100%;vertical-align:middle;cursor:default;}
.contact-added a {font-size:15px;color:#666;text-decoration:none;display:inline-block;padding:20px 15px;width:100%;vertical-align:middle;}
.contact-added a:hover {cursor:pointer;color:#000;}
.remove-contact {float:right;margin-right:4px;}
.white-container3 .hvr-bounce-to-top:before {color:#ffc000;}
.card-number span {margin-right:20px;}
.remove-card {float:right;font-size:18px;}
.remove-card a, .edit-card a {cursor:pointer;display:inline-block;text-decoration:none;padding:10px;color:#000;font-size:14px;}
.remove-card p, .edit-card p {margin:0;}
.card-number {min-height:44px;color:#666;padding:0;margin-bottom:10px;vertical-align: middle;text-align: left;width:100%;background:#f6f6f6;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.card-number a {color:#666;}
.card-number a:hover {text-decoration:none;}
.card-number h3 {margin:0 0 0 2%;line-height:2.2em;}
.card-number a .glyphicon, .remove-card a .glyphicon  {font-size:18px;vertical-align:middle;}
.remove-card a:hover, .edit-card a:hover {}
.add-contact input {height:30px;width:100%;}
.btn-add-contact {height:44px;padding:10px 18px 10px 18px!important;border:1px solid #ccc;background: #f6f6f6;color: #666;border-radius:0 3px 3px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;}
.btn-add-contact:hover {background:#000;color:#fff;}
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #333;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
  text-decoration:none;
  border-top-left-radius:3px;border-bottom-left-radius:3px;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  text-decoration:none;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  /*bottom:7%;
  right:5%;*/
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #d80a08;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-top-right-radius:3px;border-bottom-right-radius:3px;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
  text-decoration:none;
  border-top-right-radius:3px;border-bottom-right-radius:3px;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  text-decoration:none;
  border-top-right-radius:3px;border-bottom-right-radius:3px;
}

/* Bounce To Top */
.hvr-bounce-to-top {
  /*display: inline-block;*/
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0, .05);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}



.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}

.hvr-bounce-to-top:before .edit-card a:hover,.hvr-bounce-to-top:before .remove-card a:hover, .hvr-bounce-to-top:focus .edit-card a:hover, .hvr-bounce-to-top:focus .remove-card a:hover, .hvr-bounce-to-top:before .remove-card a:active, .hvr-bounce-to-top:before .edit-card a:active {color:red!important;}



.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/* Grow */
.hvr-grow {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}




@media all and (min-width: 1024px) and (max-width: 1280px) { 
	.white-container {width:65%;min-height:65%;left:15%;}
	.cont-mid, .cont-top {top:15%;}
	

}

@media all and (min-width: 768px) and (max-width: 1024px) {
	h1 {font-size:2em;margin-bottom:0;padding-bottom:0;}
	h2 {font-size:1.5em;margin-top:0;padding-top:0;}
	.ph img {}
	.white-container {width:85%;min-height:65%;left:5%;}
	.cont-mid, .cont-top {top:5%;}
	.desc01 {padding-top:10px;padding-bottom:10px;}
	.login-button-right {top:auto;}
	.btn-email, .btn-phone {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-top:10px;margin-bottom:10px;}
	h3.card-number {margin-top:10px;margin-bottom:10px;}
}

	
@media all and (max-width: 768px){
	h1 {font-size:2em;margin-bottom:0;padding-bottom:0;}
	h2 {font-size:1.5em;margin-top:0;padding-top:0;}
	.ph img {}
	.white-container {width:90%;min-height:65%;left:5%;}
	.cont-mid, .cont-top {top:5%;}
	.mybutton {min-width:80%;margin:5px 0 5px 0;}
	.desc01 {padding-top:10px;padding-bottom:10px;}
	.navbar-header {background:#000;color:#fff;}
	.navbar-collapse {background:#000;}
	.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover  {color:#fff;}
	.logo {text-align:center;}
	.brand {background:#fff;text-align:center;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {color:#fff;background:#ffc000;}
	.add-card .input-lg, .input-group-lg {margin-bottom:10px;}
	.navbar-default .navbar-toggle {border-color:#000;}
	.navbar-default .navbar-toggle:hover {background:#ffc000;color:#fff!important;} 
	.circle-icon {min-height:120px;}
	.login-button-right {top:auto;}
	.btn-email, .btn-phone {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;margin-top:10px;margin-bottom:10px;}
	h3.card-number {margin-top:10px;margin-bottom:10px;}
}

@media screen and (min-width:768px) {
    .navbar-nav {width:100%!important;}
	.navbar-nav li {width:33.3%;text-align:center;}
	.brand {
        display: inherit;
        margin: 0;
        padding: 0;
        text-align: right;
        font-size: 1em;
        font-weight: 700;
        line-height: normal;
        color: #000;
		background:#fff;
    }

    .top-divider {
        margin-top: 0;
    }

    .img-left {
        float: left;
        margin-right: 25px;
    }

    .address-bar {
        display: inherit;
        margin: 0;
        padding: 0 0 40px;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        text-transform: uppercase;
        font-size: 1.25em;
        font-weight: 400;
        letter-spacing: 3px;
        color: #fff;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        display: none;
    }

    .navbar {
        min-height: 0;
    }

    .navbar-default {
        border: none;
        background: #000;
        background: rgba(0,0,0, 1);
    }

    .nav>li>a {
        padding: 25px 35px;
    }

    .navbar-nav>li>a {
        line-height: normal;
    }
	
	
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	 	color:#ffc000;
	 	background:#000;
	}
	
	.navbar-default .navbar-nav>.active>a .arrow, .navbar-default .navbar-nav>.active>a:focus .arrow, .navbar-default .navbar-nav>.active>a:hover .arrow{
		width: 0; 
  		height: 0; 
  		border-left: 10px solid transparent;
  		border-right: 10px solid transparent;
  		border-top: 15px solid #f00;
  		position:absolute;
  		left:48.5%;
		top:-3px;
		}
    .navbar-nav {
        display: table;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        font-size: 1.25em;
    }
}

@media screen and (min-width:1200px) {
    .box:after {
        content: '';
        display: table;
        clear: both;
    }
	.btn-email h5 {margin-top:32px;}
}
.loading {margin: 100px 0;background: #f6f6f6;padding: 15px;}
.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #000;
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.changepwd{
	color: red;
	text-transform: uppercase;
}

.changepwd:hover, .changepwd:visited, .changepwd:focus {
	color: red;
	text-transform: uppercase;
	text-decoration: none;
}

/* VALIDAR CONTACTO */
.validate h4 {color:#e8980c;}
.validate p {color:#333;font-weight:bold;}
.validate-contact {width:100%;background:#ffc000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display: inline-block;margin-bottom:25px;}
.validate-contact:hover {cursor:pointer;background: #e8e8e8;}
.validate-contact div {font-weight:bold;font-size:15px;color:rgba(0,0,0, 0.7);text-decoration:none;display:inline-block;padding:20px 15px;width:100%;vertical-align:middle;cursor:default;}
.validate-contact a {font-size:15px;font-weight:bold;color:#333;text-decoration:none;display:inline-block;padding:20px 15px;width:100%;vertical-align:middle;}
.validate-contact a:hover {cursor:pointer;color:rgba(0,0,0, 0.7);}
.validate-card {background:#ffc000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;display: inline-block;width:100%;margin-top:15px;margin-bottom:15px;padding:0px 10px 10px;}
.validate-card-number {
	width: 100%;
	background: #ffc000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
	padding:20px 15px;
}
.validate-card-number .alert-contact {font-size:20px;}
.alert-contact {float:left;margin-right:25px;}
.warning-card {color:white;padding-left:10px;font-size: 1.2em;}
.terms-text {text-align:left;}

.ok-button {margin-top: 52px;}

.input-group-addon, .input-group-btn {vertical-align:top!important;}