@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

body{
	font-family:'Open Sans', sans-serif;
	font-size:13px;
}
/* Margin */
.no-margin-top{
	margin-top:0px;
}
.margin-top-5{
	margin-top:5px;
}
.margin-top-10{
	margin-top:10px;
}
.margin-top-15{
	margin-top:15px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-25{
	margin-top:25px;
}

.margin-top-30{
	margin-top:30px;
}
.margin-top-35{
	margin-top:35px;
}
.margin-top-40{
	margin-top:40px;
}
.margin-top-45{
	margin-top:45px;
}
.margin-top-50{
	margin-top:50px;
}
.no-margin-bottom{
	margin-bottom:0px;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-15{
	margin-bottom:15px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-25{
	margin-bottom:25px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-bottom-35{
	margin-bottom:35px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-bottom-45{
	margin-bottom:45px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
.no-margin-left{
	margin-left:0px;
}
.margin-left-5{
	margin-left:5px;
	}
	.margin-left-10{
	margin-left:10px;
	}
	.margin-left-15{
	margin-left:15px;
	}
	.margin-left-20{
	margin-left:20px;
	}
	.margin-left-25{
	margin-left:25px;
	}
	.margin-left-30{
	margin-left:30px;
	}
	.margin-left-35{
	margin-left:35px;
	}
	.margin-left-40{
	margin-left:40px;
	}
	.margin-left-45{
	margin-left:45px;
	}
	.margin-left-50{
	margin-left:50px;
	}
	.no-margin-right{
	margin-right:0px;
}
.margin-right-5{
	margin-right:5px;
	}
	.margin-right-10{
	margin-right:10px;
	}
	.margin-right-15{
	margin-right:15px;
	}
	.margin-right-20{
	margin-right:20px;
	}
	.margin-right-25{
	margin-right:25px;
	}
	.margin-right-30{
	margin-right:30px;
	}
	.margin-right-35{
	margin-right:35px;
	}
	.margin-right-40{
	margin-right:40px;
	}
	.margin-right-45{
	margin-right:45px;
	}
	.margin-right-50{
	margin-right:50px;
	}
	/* Margin */
	
	/* Padding */
	.no-padding-top{
	padding-top:0px !important;
}
.padding-top-5{
	padding-top:5px;
}
.padding-top-10{
	padding-top:10px;
}
.padding-top-15{
	padding-top:15px;
}
.padding-top-20{
	padding-top:20px;
}
.padding-top-25{
	padding-top:25px;
}

.padding-top-30{
	padding-top:30px;
}
.padding-top-35{
	padding-top:35px;
}
.padding-top-40{
	padding-top:40px;
}
.padding-top-45{
	padding-top:45px;
}
.padding-top-50{
	padding-top:50px;
}
.no-padding-bottom{
	padding-bottom:0px;
}
.padding-bottom-5{
	padding-bottom:5px;
}

.padding-bottom-10{
	padding-bottom:10px;
}
.padding-bottom-15{
	padding-bottom:15px;
}
.padding-bottom-20{
	padding-bottom:20px !important;
}
.padding-bottom-25{
	padding-bottom:25px;
}
.padding-bottom-30{
	padding-bottom:30px;
}
.padding-bottom-35{
	padding-bottom:35px;
}
.padding-bottom-40{
	padding-bottom:40px;
}
.padding-bottom-45{
	padding-bottom:45px;
}
.padding-bottom-50{
	padding-bottom:50px;
}
.no-padding-left{
	padding-left:0px;
}
.padding-left-5{
	padding-left:5px;
	}
	.padding-left-10{
	padding-left:10px;
	}
	.padding-left-15{
	padding-left:15px;
	}
	.padding-left-20{
	padding-left:20px;
	}
	.padding-left-25{
	padding-left:25px;
	}
	.padding-left-30{
	padding-left:30px;
	}
	.padding-left-35{
	padding-left:35px;
	}
	.padding-left-40{
	padding-left:40px;
	}
	.padding-left-45{
	padding-left:45px;
	}
	.padding-left-50{
	padding-left:50px;
	}
	.no-padding-right{
	padding-right:0px;
}
.padding-right-5{
	padding-right:5px;
	}
	.padding-right-10{
	padding-right:10px;
	}
	.padding-right-15{
	padding-right:15px;
	}
	.padding-right-20{
	padding-right:20px;
	}
	.padding-right-25{
	padding-right:25px;
	}
	.padding-right-30{
	padding-right:30px;
	}
	.padding-right-35{
	padding-right:35px;
	}
	.padding-right-40{
	padding-right:40px;
	}
	.padding-right-45{
	padding-right:45px;
	}
	.padding-right-50{
	padding-right:50px;
	}
	/* Padding */
	.text-right{
		text-align:right;
	}
	.text-left{
		text-align:left;
	}
	.text-center{
		text-align:center;
	}
	.color-blue{
		color:#017ECE;
	}
.no-padding{
padding:0px;
}


/************* Log in **************************/

.border_radius0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.height-380{
height:360px;
}

.border-5{
	border:5px solid white;
}
	

.centerflex {
  margin-top:15%;
}


.box-shadow{
	border:1px #c1c1c1 solid;
	-webkit-box-shadow:2px 2px 9px -1px rgba(213,213,213,0.84);
	-moz-box-shadow:2px 2px 9px -1px rgba(213,213,213,0.84);
	box-shadow:2px 2px 9px -1px rgba(213,213,213,0.84);	
	}

.log-heading{
	margin:15px 0;
	color:#00a2ff;
	font-size:18px;
	font-weight:600;

}

.copyrite{
	position:absolute;
	bottom:-70px;
	right:10px; 
	text-align:right;
}
/* Container */
.container1 {
  position: relative;

}
.container1.active .card:first-child {
  background: #f2f2f2;
  margin: 0 15px;
}
.container1.active .card:nth-child(2) {
  background: #fafafa;
  margin: 0 10px;
}
.container1.active .card.alt {
  top: 20px;
  right: 0;
  width: 100%;
  min-width: 100%;
  height: auto;
  border-radius: 5px;
  padding: 60px 0 40px;
  overflow: hidden;
}
.container1.active .card.alt .toggle {
  position: absolute;
  top: 40px;
  right: -70px;
  box-shadow: none;
  -webkit-transform: scale(10);
  transform: scale(10);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.container1.active .card.alt .toggle:before {
  content: '';
}
.container1.active .card.alt .title,
.container1.active .card.alt .input-container,
.container1.active .card.alt .button-container {
  left: 0;
  opacity: 1;
  visibility: visible;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.container1.active .card.alt .title {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}
.container1.active .card.alt .input-container {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}
.container1.active .card.alt .input-container:nth-child(2) {
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
}
.container1.active .card.alt .input-container:nth-child(3) {
  -webkit-transition-delay: .6s;
          transition-delay: .6s;
}
.container1.active .card.alt .button-container {
  -webkit-transition-delay: .7s;
          transition-delay: .7s;
}

/* Card */
.card {
  position: relative;
  background: #ffffff;
  padding:10px 0 13px 0;
  box-sizing: border-box;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  /* Title */
  /* Inputs */
  /* Button */
  /* Footer */
  /* Alt Card */
}

.card .input-container {
  position: relative;
  margin: 0 0 20px;
}
.card .input-container input{
  outline:0 !important;
  z-index: 1;
  position: relative;
  background: none;
  width: 100%;
  height:40px;
  border:0;
  color: #828282;
  font-size:15px;
  font-weight: 400;
}


.card .input-container input:required {
    box-shadow:none;
}

/*for FireFox*/
   .card .input-container input:[type="text"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
   .card .input-container input[type="text"]:focus, input[type="button"]:focus
    {     
        outline :0; 
    }
.card .input-container input:focus ~ label {
  color: #828282;
  -webkit-transform: translate(-12%, -50%) scale(0.85);
          transform: translate(-12%, -50%) scale(0.85);
}
.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {
  width: 50%;
  outline:0 !important;
}
.card .input-container input:valid ~ label {
  color: #9d9d9d;
  -webkit-transform: translate(-12%, -50%) scale(0.85);
          transform: translate(-12%, -50%) scale(0.85);
}
.card .input-container label {
  position: absolute;
  top: 0;
  left: 0;
  color: #828282;
  font-size:16px;
  font-weight: 300;
  line-height:50px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.card .input-container .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #e4e4e4;
  width: 100%;
  height: 1px;
}
.card .input-container .bar:before, .card .input-container .bar:after {
  content: '';
  position: absolute;
  background: #129fdd;
  width: 0;
  height: 2px;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}
.card .input-container .bar:before {
  left: 50%;
}
.card .input-container .bar:after {
  right: 50%;
}
.card .button-container {
 /* margin: 40px 0px 0; */
  text-align: center;
}
.card .button-container button {
  outline: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
  background:#129fdd;
  width:100%;
  border: 2px solid #129fdd;
  padding: 12px 0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  overflow: hidden;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.card .button-container button span {
  position: relative;
  z-index: 1;
  color: #fff;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
.card .button-container button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #ff9c00;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin: -15px 0 0 -15px;
  opacity: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  
}
.card .button-container button:hover, .card .button-container button:active, .card .button-container button:focus {
  border-color: #ff9c00;
    background-color:#ff9c00;
}
.card .button-container button:hover span, .card .button-container button:active span, .card .button-container button:focus span {
  color: #f2f2f2;
}
.card .button-container button:active span, .card .button-container button:focus span {
  color: #f2f2f2;
}
.card .button-container button:active:before, .card .button-container button:focus:before {
  opacity: 1;
  -webkit-transform: scale(10);
  transform: scale(10);
}

.card.alt .input-container input {
  color: #ffffff;
}
.card.alt .input-container input:focus ~ label {
  color: #ffffff;
}
.card.alt .input-container input:focus ~ .bar:before, .card.alt .input-container input:focus ~ .bar:after {
  background: #ffffff;
}
.card.alt .input-container input:valid ~ label {
  color: #ffffff;
}
.card.alt .input-container label {
  color: rgba(255, 255, 255, 0.8);
}
.card.alt .input-container .bar {
  background: rgba(255, 255, 255, 0.8);
}
.card.alt .button-container button {
  width: 100%;
  background: #ffffff;
  border-color: #ffffff;
}
.card.alt .button-container button span {
  color: #ed2553;
  
}
.card.alt .button-container button:hover {
  background: rgba(255, 255, 255, 0.9);
}
.card.alt .button-container button:active:before, .card.alt .button-container button:focus:before {
  display: none;
}

/* Keyframes */
@-webkit-keyframes buttonFadeInUp {
  0% {
    bottom: 30px;
    opacity: 0;
  }
}
@keyframes buttonFadeInUp {
  0% {
    bottom: 30px;
    opacity: 0;
  }
}

@media (max-width:767px) {
.width100{
	width:100%;
}
.mar-bot15{
	margin-bottom:15px;
}

}

@media (max-width:768px){
	.centerflex {
  margin-top:35%;
}

.copyrite{
	position:absolute;
	bottom:-50px;
	right:10px; 
	text-align:right;
}
}
/****** Billing Page ******/
.grey{
height:80px;
background-color:#5D5D5D;

}
.bg-gray{
	background-color:#F7F5F6;
	
}
.footer{
height:50px;
background-color:#2B2B2B;
position:fixed;
bottom:0px;
width:100%;
}
.white-text{
	color:#ffff;
}
.color-red{
	color:#ED1C22;
}

.form-control {
    border-radius: 0px !important;
  
}
.bg-warning{
	background-color:#FFE4AC;
}
.bg-white{
	background-color:#FFFFFF !important;
}
.bg-grey{
	background-color:#F7F5F6;
}
.boldt-600{
	font-weight:600 
}

/************ Navigation ************/

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #ed1c24 !important;
    background-color: transparent !important;
	border-top:3px solid #ed1c24;
}

.dropdown-menu > li > a {
    line-height: 2.0;
}



/*******************************
* MODAL AS LEFT/RIGHT SIDEBAR
* Add "left" or "right" in modal parent div, after class="modal".
* Get free snippets on bootpen.com
*******************************/
	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		top:50px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.in .modal-dialog{
		left: 0;
	}
        
/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.in .modal-dialog {
		right: 0;
	}

.modal-content{
	border-radius:0px;
}


.form-group label{
	font-weight:normal;
}

.bill-plan ul{
	list-style:none;
	padding-left:0px;
}

.bill-plan ul li {
	margin-top:20px;
    color: #4f5362;
    border-bottom: 1px solid #ccc;
}

.currency-font{
	font-size:11px;
	font-weight:100;
}

.form-control::-moz-placeholder,
.form-control::placeholder,
.form-control::-webkit-placeholder {
    color: #999;
    opacity: 1;
    font-size: 13px;
    font-weight: normal;
}