/*================= Font-Family Start =================*/
@font-face {
    font-family: 'GothamHTFBook';
    src: url('fonts/GothamHTFBook.eot');
    src: url('fonts/GothamHTFBook.eot') format('embedded-opentype'),
         url('fonts/GothamHTFBook.woff2') format('woff2'),
         url('fonts/GothamHTFBook.woff') format('woff'),
         url('fonts/GothamHTFBook.ttf') format('truetype'),
         url('fonts/GothamHTFBook.svg#GothamHTFBook') format('svg');
}
@font-face {
    font-family: 'GothamHTFMedium';
    src: url('fonts/GothamHTFMedium.eot');
    src: url('fonts/GothamHTFMedium.eot') format('embedded-opentype'),
         url('fonts/GothamHTFMedium.woff2') format('woff2'),
         url('fonts/GothamHTFMedium.woff') format('woff'),
         url('fonts/GothamHTFMedium.ttf') format('truetype'),
         url('fonts/GothamHTFMedium.svg#GothamHTFMedium') format('svg');
}
@font-face {
    font-family: 'GothamHTFBold';
    src: url('fonts/GothamHTFBold.eot');
    src: url('fonts/GothamHTFBold.eot') format('embedded-opentype'),
         url('fonts/GothamHTFBold.woff2') format('woff2'),
         url('fonts/GothamHTFBold.woff') format('woff'),
         url('fonts/GothamHTFBold.ttf') format('truetype'),
         url('fonts/GothamHTFBold.svg#GothamHTFBold') format('svg');
}
/*================= Font-Family End =================*/


/*================= Default Style Start =================*/
body {
	font-family: 'GothamHTFBook';
	font-size:16px;
	color:#524b61;
}
a {
	text-decoration:none;
	transition: all 0.6s ease 0s;
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
}
a:focus, a:hover {
	outline: none;
	text-decoration:none;
}
.md-button {
	display:inline-block;
	background:#602762;
	color:#fff;
	font-size:15px;
	line-height:38px;
	padding:0 0 2px;
	width:142px;
	max-width:100%;
	text-align:center;
	border-radius:3px;
}
.md-button:hover {
	background:#173a62;
	color:#fff;
}
.container {
	width: 1170px;
}
/*================= Default Style End =================*/


/*================= Header Start =================*/
.header {
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
	padding-top:20px;
}
.header .navbar-inverse {
	background:transparent;
	margin:0px;
	border:none;
	border-radius:0px;
	min-height:auto;
	position:relative;
}
.navbar-inverse::after {
    background: #f4f7f9 none repeat scroll 0 0;
    content: "";
    display: block;
    min-height: 68px;
    position: absolute;
    right: 0;
    top: 0;
    width: 38%;
    z-index: -1;
}
.header .navbar-inverse .navbar-brand {
	padding:0px;
	margin: 10px 0 0 0;
}
.header .navbar-inverse .navbar-brand span {
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	display: block;
}
.header .navbar-inverse .navbar-nav {
	background:#fff;
}
.header .navbar-inverse .navbar-nav > li {
	margin:0 28px;
}
.header .navbar-inverse .navbar-nav > li a {
	padding:0px;
	line-height:68px;
	color:#524b61;
	font-family: 'GothamHTFMedium';
	background-position:bottom center;
}
.header .navbar-inverse .navbar-nav > .active > a, .header .navbar-inverse .navbar-nav > .active > a:focus, .header .navbar-inverse .navbar-nav > .active > a:hover, .header .navbar-inverse .navbar-nav > li > a:focus, .header .navbar-inverse .navbar-nav > li > a:hover {
	background:#fff url(../images/menu-active.png) no-repeat;
	background-position:bottom center;
	color:#602762;
}
.contact-info {
	background:#f4f7f9;
	min-height:68px;
	line-height:68px;
	padding:0 0 0 15px;
	position:relative;
}
.contact-info:after {
	content:"";
	background:#f4f7f9;
	position:absolute;
	top:0;
	right:-100px;
	height:68px;
	z-index:10;
}
.contact-info > img {
	margin-right:15px;
}
.contact-detail {
	display:block;
	clear:both;
	padding-left:56px;
	margin-top:-58px;
}
.contact-info a {
	display:block;
	color:#602762;
	font-size:22px;
	font-family: 'GothamHTFBold';
	line-height:normal;
}
.contact-info span {
	display:block;
	font-size:14px;
	line-height:normal;
	margin-top:5px;
}
/*================= Header End =================*/


/*================= Banner Start =================*/
.banner .carousel-inner img {
    width:auto;
    margin: auto;
	max-height:500px;
}
.banner .carousel-inner .item-imgbox{
	position:relative;
	overflow:hidden;
}
.banner .carousel-inner .item-imgbox:after {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	background: #602762;
  	background: -webkit-linear-gradient(left, #602762, #14bfff);
  	background: -o-linear-gradient(right, #602762, #14bfff);
  	background: -moz-linear-gradient(right, #602762, #14bfff);
  	background: linear-gradient(to right, #602762 , #14bfff);
  	opacity:0.82;
}
.banner .carousel-caption {
	text-align:left;
	padding:0;
	bottom:auto;
	left:0;
	right:0;
	top:187px;
	text-shadow:none;
}
.caption-box {
	position:relative;
	padding-left:48px;
}
.caption-box:before {
	content:"";
	position:absolute;
	background:#fff;
	height:1px;
	width:38px;
	left:0;
	top:12px;
}
.banner .caption-box span{
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
}
.banner .caption-box h2{
	font-size:52px;
	line-height:50px;
	color:#fff;
	margin:18px 0;
	font-family: 'GothamHTFBold';
}
.banner .caption-box p{
	line-height:26px;
	color:#fff;
	margin:0px;
}
.banner .carousel-control.left, .banner .carousel-control.right {
	background:rgba(0, 0, 0, 0.50);
	width:53px;
	height:53px;
	line-height:48px;
	text-align:center;
	bottom:auto;
	border-radius:50%;
	top:50%;
	margin-top:-26.5px;
}
.banner .carousel-control.left {
	margin-left:8%;
}
.banner .carousel-control.right {
	margin-right:8%;
}
/*================= Banner End =================*/


/*================= ATM's Start =================*/
.service-atm {
	padding:70px 0 50px;
}
.atm-box {
	position:relative;
	margin-bottom:30px;
}
.atm-detail {
	position:absolute;
	width:100%;
	top:0;
	padding:40px;
}
.atm-detail h3 {
	margin:7px 0 0;
	font-size:30px;
	color:#524b61;
}
.atm-detail h2 {
	margin:4px 0 0;
	font-size:28px;
	color:#602762;
	font-family: 'GothamHTFBold';
}
.atm-detail label {
	margin:14px 0 0;
	font-size:30px;
	color:#524b61;
	font-family: 'GothamHTFBold';
	display:block;
}
.atm-detail label span {
	font-family: 'GothamHTFBook';
}
.atm-detail .md-button {
	margin-top:23px;
}
/*================= ATM's End =================*/


/*================= Select Program Start =================*/
.program {
	background:#173a62 url(../images/program-right-bg.png) no-repeat;
	background-position:top right;
	position:relative;
}
.program-bg{
	background:url(../images/program-left-bg.png) no-repeat;
	background-position:top left;
	display:block;
	padding-bottom:65px;
}
.program-head, .supplier-atm {
	text-align:center;
	display:block;
}
.program-head h2 {
	font-size:40px;
	font-family: 'GothamHTFBold';
	margin:25px 0 48px;
	color:#fff;
}
.supplier-box {
	background:url(../images/atm-supplierbg.png) no-repeat;
	width:128px;
	height:146px;
	display:inline-block;
	margin-top:-39px;
	padding:35px 0 0;
}
.supplier-box span {
	font-size:11px;
	color:#1a1721;
	display:block;
}
.supplier-box h2 {
	font-size:28px;
	color:#f02f30;
	margin:0px;
	font-family: 'GothamHTFBold';
	line-height:21px;
}
.supplier-box h2 span {
	font-size:28px;
	color:#f02f30;
	display:inline-block;
	font-family: 'GothamHTFMedium';
}
.supplier-box h6 {
	margin:5px 0 0;
	font-size:13px;
	color:#1a1721;
	display:block;
}
.program-box {
	background:#fff;
	margin:15px 0;
	border-radius:2px;
	min-height:105px;
	padding:25px 0 25px 28px;
}
.program-box h2 {
	font-family: 'GothamHTFBold';
	font-size:24px;
	color:#602762;
	margin:0px;
	line-height:normal;
}
.program-box p {
	margin:4px 0 0;
	line-height:normal;
}
.program-box .col-xs-10 {
	padding-right:0px;
}
.program-but {
	display:inline-block;
	background:#602762;
	width:46px;
	height:46px;
	line-height:32px;
	text-align:center;
	border-radius:50%;
	border:6px solid #f4f3fa;
	margin:4px 0 0;
}
.program-but:hover {
	background:#173a62;
}
/*================= Select Program End =================*/


/*================= Service information Start =================*/
.service-info {
	padding:72px 0 76px;
}
.information {
	text-align:center;
	display:block;
}
.information p {
	width:860px;
	max-width:100%;
	margin:0 auto;
	line-height:30px;
}
.information p span {
	font-family: 'GothamHTFBold';
}
.contact {
	display:block;
	text-align:center;
}
.contact a {
	display:inline-block;
	background:#602762;
	color:#fff;
	line-height:50px;
	border-radius:3px;
	width:272px;
	max-width:100%;
	font-size:22px;
	font-family: 'GothamHTFBold';
	margin:51px 0 0;
}
.contact a span {
	float:left;
	width:58px;
	height:50px;
	line-height:48px;
	text-align:center;
	background:#7f5281;
	border-radius: 3px 0 0 3px;
}
.contact a:hover {
	background:#173a62;
	color:#fff;
}
.information .mail-box {
	font-size:18px;
	color:#524b61;
	text-decoration:underline;
	margin:24px 0 0;
	display:inline-block;
}
.information .mail-box:hover {
	color:#7f5281;
}
/*================= Service information End =================*/


/*================= Footer Start =================*/
.footer {
	background:#f4f7f9;
	padding:27px 0 26px;
}
.copyright p{
	font-size:14px;
	margin:0px;
}
.footer-nav {
	margin:2px 0 0;
	padding:0px;
	list-style:none;
}
.footer-nav > li {
	float:left;
	border-right:1px solid #bcbcbc;
	line-height:14px;
	padding:0 19px;
}
.footer-nav > li:last-child {
	border-right:none;
	padding-right:0px;
}
.footer-nav > li > a {
	color:#524b61;
	font-size:14px;
}
.footer-nav > li > a:hover, .footer-nav > li.active-f_nav a{
	color:#7f5281;
}
/*================= Footer End =================*/


.home-contact {
	max-width: 860px;
	width: 100%;
	margin: 0 auto 70px;
}
.home-contact-title {
	text-align: center;
	padding: 0 0 35px;
}
.home-contact-title h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0;
	color: #602762;
}
.form-box {
	padding: 0 0 20px;
}
.form-box label {
	font-size: 14px;
	line-height: 18px;
	color: #524b61;
	font-weight: 400;
	display: block;
}
.form-control {
	height: 48px;
	background: #f3f3f3;
	border-radius: 3px;
	border: none;
	box-shadow: none;
	color: #89878f;
	font-size: 14px;
}
textarea.form-control {
	height: 118px;
	resize: none;
}
select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	background: #f3f3f3 url(../images/select-arrow.png) no-repeat 93% center;
}
.form-box-recaptcha {
	text-align: center;
	padding-top: 10px;
}
.form-box-recaptcha > div > div {
	display: inline-block;
}
.submit-btn {
	text-align: center;
	padding-top: 5px;
}
.submit-btn input.btn {
	width: 141px;
	height: 40px;
	background: #602762;
	color: #fff;
	font-size: 15px;
	line-height: 20px;
	border-radius: 3px;
}
.submit-btn input.btn:hover {
	background: #173A62;
}


/*================= Inner-Banner Start =================*/
.inner-banner {
	display: block;
	position: relative;
	max-height: 380px;
	overflow: hidden;
}
.inner-banner:after {
	position:absolute;
	content:"";
	background: #602762;
  	background: -webkit-linear-gradient(left, #602762, #14bfff);
  	background: -o-linear-gradient(right, #602762, #14bfff);
  	background: -moz-linear-gradient(right, #602762, #14bfff);
  	background: linear-gradient(to right, #602762 , #14bfff);
  	opacity:0.82;
	left:0;
	right:0;
	bottom:0;
	top:0;
	display:block;
}
.banner-detail {
	position:absolute;
	width:100%;
	z-index:9;
	top: 58%;
	transform: translateY(-58%);
}
.banner-detail h1 {
	font-size: 52px;
	line-height: 50px;
	color: #fff;
	margin: 18px 0 10px;
	font-family: 'GothamHTFBold';
}
.banner-detail p {
	line-height: 26px;
	color: #fff;
	margin: 0px;
}

.faq-section {
	padding: 35px 0 60px;
}
.faq-accordion.panel-group .panel {
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #e3e3e3;
	margin: 0;
}
.faq-accordion .panel-default > .panel-heading {
	background: none;
	border: none;
	padding: 20px 0 20px;
}
.faq-accordion .panel-title a {
	font-size: 14px;
	line-height: 18px;
	color: #232226;
	font-family: 'GothamHTFMedium';
	display: block;
	position: relative;
}
.faq-accordion .panel-title a:after {
	position: absolute;
	content: "";
	right: 20px;
	top: 3px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #602762;
	border-right: 2px solid #602762;
	transform: rotate(135deg);
}
.faq-accordion .panel-default:first-child .panel-title a:after {
	transform: rotate(-45deg);
}
.faq-accordion .panel-default:first-child .panel-title a[aria-expanded="false"]:after {
	transform: rotate(135deg);
}
.faq-accordion .panel-title a[aria-expanded="true"]:after {
	transform: rotate(-45deg);
}
.faq-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border: none;
	padding: 0 0 25px;
}
.faq-accordion .panel-body p {
	font-size: 14px;
	line-height: 30px;
	color: #424242;
	font-family: 'GothamHTFBook';
}

.any-qtn {
	text-align: center;
}
.any-qtn h3 {
	font-size: 18px;
	line-height: 30px;
	color: #602762;
	font-family: 'GothamHTFMedium';
}
.any-qtn a.btn {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	font-family: 'GothamHTFBook';
	background: #602762;
	width: 141px;
	height: 40px;
}
.any-qtn a.btn:hover {
	background: #173a62;
}

/*================= Inner-Banner End =================*/


.contact-page {
	padding: 64px 0 55px;
}
.contact-page .col-sm-8 {
	width: 68.367%;
}
.contact-page .col-sm-4 {
	width: 31.633%;
}
.contact-title {
	padding: 0 0 22px;
}
.contact-title h3 {
	font-size: 17px;
	line-height: 20px;
	color: #602762;
	font-family: 'GothamHTFBook';
	font-weight: 400;
	letter-spacing: 0.1px;
	margin: 0;
}
.contat-form .submit-btn {
	text-align: left;
}

.contact-right {
	padding-left: 39px;
}
.contact-address span {
	font-size: 14px;
	line-height: 20px;
	color: #524b61;
	font-family: 'GothamHTFBold';
	display: block;
	margin: 0 0 3px;
}
.contact-address p {
	font-size: 14px;
	line-height: 22px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	margin: 0 0 20px;
}
.contact-address p a {
	color: #524b61;
}
.maps-ection {
	padding: 50px 0 0;
}

.select-program-section {
	padding: 58px 0 63px;
}
.select-program-title h3 {
	font-size: 23px;
	line-height: 26px;
	color: #602762;
	font-family: 'GothamHTFBook';
	margin: 0 0 24px;
}
.program-content strong {
	font-size: 15px;
	line-height: 20px;
	color: #524b61;
	font-family: 'GothamHTFBold';
	display: block;
	margin: 0 0 25px;
}
.program-content p {
	font-size: 14px;
	line-height: 22px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	padding: 0 0 22px;
}
.program-content span {
	font-size: 14px;
	line-height: 22px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	padding: 0 0 22px;
}
.program-content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 13px;
}
.program-content ul li {
	font-size: 14px;
	line-height: 22px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	padding: 0 0 22px 19px;
	position: relative;
}
.program-content ul li:before {
	position: absolute;
	content: "";
	background: url(../images/list-arrow.png) no-repeat center left;
	width: 7px;
	height: 13px;
	top: 6px;
	left: 0;
}
.select-program-right {
	border-left: 1px solid #ebebeb;
	padding: 0 0 0 52px;
}
.select-program-form {
	padding: 17px 0 0;
}
.select-program-form .row {
	margin: 0 -10px;
}
.select-program-form .col-sm-12 {
	padding: 0 10px;
}
.select-program-form .col-sm-6 {
	padding: 0 10px;
}
.select-program-form .form-box {
	padding: 0 0 9px;
}
.select-program-form .form-control {
	height: 40px;
	background: #f7f7f7;
	padding: 6px 10px;
}
.select-program-form select.form-control {
	background: #f3f3f3 url(../images/select-arrow.png) no-repeat 93% center;
	padding: 6px 10px;
}
.select-program-form textarea.form-control {
	height: 80px;
}
.select-program-form .submit-btn {
	text-align: left;
	padding-top: 10px;
}

.for-sale {
	padding-bottom: 71px;
}
.for-sale .atm-detail {
	padding: 17px 24px;
	width: 65%;
}
.for-sale .atm-detail h3 {
	font-size: 20px;
	line-height: 25px;
}
.for-sale .atm-detail h2 {
	font-size: 22px;
	line-height: 25px;
	margin: 4px 0 12px;
}
.for-sale .atm-detail p {
	font-size: 12px;
	line-height: 20px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	margin: 0;
	font-weight: normal;
}
.for-sale .atm-detail label {
	font-size: 24px;
	line-height: 26px;
	margin: 10px 0 0;
}
.for-sale .atm-detail label span {
	font-weight: normal;
}
.for-sale .atm-detail .md-button {
	margin-top: 17px;
}
.request-more {
	padding: 35px 0 0;
	text-align: center;
}
.request-more span {
	display: block;
	font-size: 18px;
	line-height: 25px;
	color: #524b61;
	font-family: 'GothamHTFMedium';
	margin: 0 0 18px;
}
.request-more a.btn {
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	background: #173a62;
	width: 186px;
	height: 40px;
	border-radius: 3px;
}
.request-more a.btn:hover {
	background: #602762;
}

.accessories-section {
	background: url(../images/a-bg.png) no-repeat center top / cover;
	padding: 63px 0 60px;
}
.accessories-title {
	text-align: center;
	padding: 0 0 56px;
}
.accessories-title h2 {
	font-size: 40px;
	line-height: 42px;
	color: #434a54;
	font-family: 'GothamHTFBold';
	margin: 0 0 8px;
}
.accessories-title p {
	font-size: 16px;
	line-height: 24px;
	color: #524b61;
	font-family: 'GothamHTFBook';
	margin: 0;
}
.accessories-row {
	margin: 0 -15px;
}
.accessories-col-5 {
	float: left;
	width: 20%;
	padding: 0 15px 30px;
}
.accessories-icon {
	background: #fff;
	text-align: center;
	padding: 35px 0 24px;
}
.accessories-icon img {
	margin: 0 0 25px;
}
.accessories-icon span {
	display: block;
}
.accessories-icon span a {
	color: #524b61;
}
.questions-click {
	text-align: center;
	padding: 30px 0 0;
}
.questions-click span {
	font-size: 18px;
	line-height: 25px;
	color: #524b61;
	font-family: 'GothamHTFMedium';
	display: inline-block;
	margin-right: 15px;
}
.questions-click a.btn {
	width: 124px;
	font-size: 15px;
	line-height: 26px;
	color: #fff;
	background: #602762;
	height: 40px;
	border-radius: 3px;
}
.questions-click a.btn:hover {
	background: #173a62;
}

.popup-modal .modal-title {
	color: #602762;
	font-family: "GothamHTFBold";
	font-size: 22px;
	line-height: 25px;
}
.popup-modal button.close {
	color: #602762;
	opacity: 1;
	margin: 0;
}
.popup-modal .modal-body {
	padding: 15px 15px 20px;
}
.form-popup .form-box {
	padding: 0 0 15px;
}
.form-popup .form-control {
	height: 40px;
}
.form-popup textarea.form-control {
	height: 80px;
}

.form-box label.error {
	display:none !important;
}
.form-control.error {
	border:1px solid #ff0000;
}