* {
	margin: 0;
	padding: 0;
}
body {
	font-family: verdana;
	padding-right: 0 !important;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}
a:hover, a:focus {
	transition: all 0.5s ease;
	text-decoration: none;
	outline-offset: 0;
}
.img-responsive {
	display: inline;
}

@font-face {
    font-family: 'Kristen ITC';
    src: url('../fonts/KristenITC-Regular.woff2') format('woff2'),
        url('../fonts/KristenITC-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* nav */



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color:#000 !important;
	
}
.navbar-nav > li {
	display: inline-block;
	text-align:center;
	float: none;
}
.header {
	text-align: center;
}
.navbar-nav {
	float: none;
	text-align: center;
}
.nav_sec {
	padding: 15px 0;
	border-bottom: 1px solid #063;
}


.navbar {
	border-radius: 0;
}
.navbar {
	margin-bottom: 0;
}
.navbar-brand {
	padding: 0 0 0 10px;
}
.navbar-inverse .navbar-nav > li > a {
	color: #063;
}
.navbar-inverse {
	background-color: #fff;
	border-color: transparent;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
	color: #063;
	background-color: #fff;
}
.nav > li > a {
	padding: 10px 14px;
	border-radius: 30px;
}
.nav > li :hover {
	background-color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	color: #063;
}
.nav > li {
	padding: 4px 0 20px;
	margin-right: 1px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
	border-color: #fff;
	background: #fff;
	opacity: 1;
	border: 1px solid rgba(255,255,255,0.2);
}
.field_sec .form-control {
	border: 1px solid #000;
	border-radius: 0;
}
.field_sec {
	padding: 40px 0;
}
.field_sec input[type="submit"] {
	background-color: #063;
	font-size: 16px;
	color: #fff;
	padding: 10px 36px;
	border-radius: 8px;
	font-weight: 600;
	margin: 0 auto;
	border: 1px solid #063;
}
.field_sec input[type="submit"]:hover {
	background-color: #fff;
	color: #063;
	border: 1px solid #063;
	transition:all 0.4s ease-in-out;
}
.address ul{ list-style:none;}
.address ul li{ margin-bottom:5px;}
.address ul li span{ font-weight:bold;}
.address_sec {
	border-top: 1px solid #ccc;
	margin-bottom: 20px;
}
.address {
	margin-top: 30px;
}

.popup_btn ul {
	margin-top: 30px;
}
.popup_btn ul li {
	margin-bottom: 10px;
}
.popup_btn ul li a {
	background: #063;
	color: #fff;
	width: 167px;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	padding: 7px 0;
	border-radius: 5px;
	border: 1px solid #063;
}
.popup_btn ul li a:hover {
	background: #fff;
	color: #063;
	border: 1px solid #063;
	transition:all 0.4s ease-in-out;
}

.plan h3 {
	text-align: center;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 36px;
}
.balnce_main.col-md-12.col-sm-12 {
	border-bottom: 1px solid #ccc;
}
.monthly ul li span{
	font-weight:bold;
}
.payment ul li span{
	font-weight:bold;
	font-size:13px;
}
.hj label {
	padding-left: 0;
}
.as {
	padding-left: 5px;
}
.yu  {
	margin-left: 77px !important;
}
.payment {
	margin: 36px 0;
}
.address_sec .modal-body {
	padding: 15px 3px;
	display: inline-block;
}
.address_sec .modal-header {
	padding: 6px 11px 0;
	border-bottom: none;
}
.address_sec .modal-dialog {
	width: 697px;
}
.monthy ul {
	text-align: left;
}
.modal-sec {
	margin-top: 84px;
	text-align: right;
}
.modal-sec .btn {
	padding: 6px 41px;
}
.confirm .checkbox {
	margin-left: 94px;
}
.pay_btn {
	text-align: right;
	margin-bottom: 21px;
}
.pay_btn a {
	background: #063;
	color: #fff;
	padding: 9px 16px;
	text-transform: uppercase;
	border-radius: 4px;
}
.amnt_pay ul {
	text-align: left;
}
.amnt_pay ul li {
	display: inline-block;
	margin: 0 98px 0 6px;
}
.amnt_pay ul li span {
	font-weight: bold;
}
.visa-sec {
	text-align: left;
	margin: 14px 0 18px;
}
.visa-sec  .form-horizontal {
	text-align: left;
	margin-top: 32px;
}
.visa-sec .form-horizontal .control-label {
	text-align: left;
	font-size: 11px;
	padding-right: 2px;
}
.fg {
	text-align: center !important;
}

.modal-sec .btn {
	background: #063;
	color: #fff;
}
.confirm.confirm_df .form-horizontal {
	margin-top: 43px;
}
.confirm.confirm_df p {
	font-size: 9px;
}
.balance span {
	font-weight: bold;
}
.monthy ul li span {
	font-weight: bold;
}
.amnt_pay .address ul li {
	margin: 0 0 0 6px;
}
.amnt_pay .address ul li {
	margin: 0 0 0 6px;
	margin-bottom: 5px;
	display: block;
}
.site_footer {
	text-align: center;
	border-top: 1px solid #063;
	padding: 39px 0 25px;
}

.online_payment .online_sec h4{
	font-weight:bold;
}
.online_payment .online_sec h5 {
	color: #063;
	border: 1px dashed #000;
	padding: 82px 0;
	font-size: 25px;
	margin-top: 20px;
}
.online_payment {
	text-align: center;
	margin: 40px 0;
}
.pay_sec {
	text-align: center;
}
.tab_sec {
	min-height: 100px;
	padding: 100px 0 !important;
}
.recent_payment h3 {
	text-align: center;
	margin-bottom: 61px;
}
.red {
	color: red;
}
.green {
	color: green;
}
.dis_sec {
	margin-top: 22px;
}
.dis_sec .dis_cnt {
	text-align: center;
	font-weight: bold;
	font-size: 15px;
}
.dis_sec p {
	text-align: left;
	font-size: 13px;
}
.visa-sec .form-control {
	height: 30px;
}
.confirm .form-control {
	height: 30px;
}

.cvb {
	margin-bottom: 49px;
}
#textfont{
	font-family: Pinyon Script;
	font-size: 20px;
	font-weight: bold;
}

.confirm label {
	font-size: 11px;
	font-weight: 400;
	vertical-align: ;
	padding-top: 7px;
	text-align: left !important;
}
.confirm .checkbox input[type="checkbox"]{
	margin-top: 2px;
}
.visa-sec .form-horizontal .control-label {
	text-align: left;
	padding-right: 2px;
	font-size: 11px;
	font-weight:400;
}
.modal_sidebar{
	max-height: calc(114vh - 200px);
    overflow-y: auto;
}
.address_sec .modal-dialog {
	width: 896px;
}
 ul.parsley-errors-list.filled {
	margin-top: 10px;
	text-align:left;
}
.visa-sec.form-horizontal label {
	font-size: 11px;
	font-weight: 400;
	text-align: left;
}






.secure {
	margin-bottom: 40px;
}
.secure .regulation h5 {
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}

.secure h4 {
	
	font-size: 20px !important;
}

.secure .regulation p {
	font-size: 15px;
}
.secure .regulation {
	height: 275px;
	border: 2px solid #000;
	padding: 10px 12px;
	overflow: auto;
	margin-top: 18px;
}
.secure h1 span {
	float: right;
	font-size: 15px;
	padding-top: 25px;
}
.secure h4 {
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
}
.secure h1 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 22px;
	margin-bottom: 33px;
}
.secure .top {
	font-weight: bold;
	margin-top: 40px;
	font-size: 20px;
}
.cont a {
	border: 1px solid #ccc;
	padding: 8px 22px;
	border-radius: 5px;
	background-color: #000;
	color: #fff;
	border: 1px solid #000;
}
.cont a:hover {
	background-color: #fff;
	color: #000;
	border: 1px solid #000;
}
.cont {
	text-align: center;
	margin-top: 104px;
}
.jkc {
	margin-top: 30px;
}




.regulation ol {
    list-style-position: inside;
    padding-left: 38px;
}
.regulation ul {
    list-style-position: inside;
    list-style: circle; 
    padding-left: 38px;
}

.cards-footer{
	width:20%;
}