@import url('https://fonts.googleapis.com/css?family=Mulish:300,300i,400,400i,600,600i,700,700i,800,800i');
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Roman.eot');
  src: url('../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Avenir-Roman.woff2') format('woff2'),
  url('../fonts/Avenir-Roman.woff') format('woff'),
  url('../fonts/Avenir-Roman.ttf') format('truetype'),
  url('../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Medium.eot');
  src: url('../fonts/Avenir-Medium.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Avenir-Medium.woff2') format('woff2'),
  url('../fonts/Avenir-Medium.woff') format('woff'),
  url('../fonts/Avenir-Medium.ttf') format('truetype'),
  url('../fonts/Avenir-Medium.svg#Avenir-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Black.eot');
  src: url('../fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
  url('../fonts/Avenir-Black.woff2') format('woff2'),
  url('../fonts/Avenir-Black.woff') format('woff'),
  url('../fonts/Avenir-Black.ttf') format('truetype'),
  url('../fonts/Avenir-Black.svg#Avenir-Black') format('svg');
  font-weight: 900;
  font-style: normal;
}

@import url(jquery-ui.css);
body {
  font-family: Avenir;
}
* {
	margin: 0px;
	/* padding: 0px; */
	border: none;
	outline: none;
}

strong{
    color: #28357E;
}

body {
	font-size: 15px;
	color: #434244;
	line-height: 26px;
	font-weight: 400;
	background: #FFF;
  /*background: url("../../assets/images/bg2.jpg") center no-repeat;*/
	/*font-family: 'D-DIN', sans-serif !important;*/
	background-size: cover;
	/*background-repeat: no-repeat;*/
	/*background-position: center top;*/
	-webkit-font-smoothing: antialiased;
}

.centred {
	text-align: center;
}

.plain_header {
	width:100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
}
.header_main {
	width:100%;
	/* background-image: url('https://apirupayplatinum.truztee.com/appFiles/rupay/banner.png'); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
}

.header_mini {
	width:100%;
	/* background-image: url('https://apirupayplatinum.truztee.com/appFiles/rupay/banner.png'); */
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: auto;
}
.banner-container {
	width: 100%;
	height: auto;
}
.banner-container h1 {
	margin-top: 10%;
}
.mainnav {
	margin-top:20px;
}

.mainnav li a {
	color: #fff;
	font-family: Avenir;
	padding: 0px 15px;

}
.mainnav li {
	border-right:1px solid #fff;
	line-height: 10px;
}
.mainnav li:last-child {
	border-right: 0px;
}
.mainnav li:hover a {
	background:none;
}

.navbar-toggle span {
	color: #fff;
	background:#fff;
}

.bodycontent {
	width: 100%;
}
.bread-crump {
	width: 100%;
	padding:20px 0;
}
.bread-crump ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.bread-crump ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #28357E;
	display: inline;
	cursor: pointer;
}
.bread-crump ul li:last-child{
	font-weight: 700;
	/*color: #fff;*/
}
.bread-crump ul li:after { content: "/"; padding: 0 5px;}
.bread-crump ul li:last-child:after { content: ""; padding-right: 0; }


.bodycontent .booknowform{
  /*background: url("../../assets/images/bg1.jpg") center no-repeat;*/
	/*background-color: #4b66b3;*/
  /*background-color: #405cae;*/
  /*background-color: #3e569c;*/
  /*background-color: #354d94;*/
  /*background-color: #334292;*/
  /*background-color: #28357E;*/
  margin-top: 10%;
  color: #434244;
	line-height: 50px;
	float: left;
	padding: 30px;
	display: inline-block;
	width: 100%;
}
.booknowform span {
	color:#747474;
	line-height: 12px !important;
}
.booknowform h2{
	color: #28357E;
	font-weight: 700;
}
.booknowform h3{
	color: #434244;
}
.forminput {
	border:1px solid #474747;
	background-color: #2b2728;
	color:#fff;
	border-radius: 0px;
	padding: 25px 15px;
}
.forminput:focus, .formselect:focus {
	border-color: #28357E;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
}

.forminput::placeholder {
	color:#fff;
}

.formselect {
	border:1px solid #474747;
	background-color: #2b2728;
	color:#fff;
	-webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    padding: 0px 15px;
    line-height: 12px;
    border-radius: 0px;
    height: 53px;
}
.formselect option {
	border-bottom:1px solid #474747;
	padding:10px 10px;
	background-color: #2b2728;
	color: #fff;
}
.formselect option:hover,.formselect option:focus, .formselect option:active {
	background-color:#28357E !important;
	color:#000;
	padding:10px 0;
}
.booknow-btn {
	background:#28357E;
	border:0px;
	color: #000;
	text-transform:capitalize;
	width: 100%;
	padding:10px 20px;
	font-weight: 700;
	font-size:24px;
	font-family: 'Avenir';
}
.pt-1 {
	margin-top: 20px;
}
.nop0 {
	padding: 0px;
}
.offerstoredeem {
	display: none;
}
.categories h1, .offersgrid h1 {
	color: #434244;
  /*color: white;*/
  /*margin: 30px;*/  /*Suresh commented for mobile view fix*/
	text-align: center;
	width: 100%;
}
.offersgrid h2 {
	color: #FFF;
	text-align: center;
	width: 100%;
	font-size: 24px;
}
.categories ul {
	list-style: none;
	margin: 0px;
	padding:0px;
	margin: 40px 0;
}
.categories ul li {
	list-style: none;;
	margin: 0px;
	padding:0px;
	float: left;
	width: 20%;
	text-align: center;
}
.smallicons {
	float: none !important;
	width: 60%;
	padding-top:50px;
	margin: auto auto !important;

}
.categories ul li img {
	width: 30%;
}
.categories ul li h4 {
	text-align: center;
	width: 100%;
  /*color: white;*/
	color: #434244;
}
.categories .otherfeatures li {
	list-style: none;
	margin: 0px;
	padding:0px;
	float: left;
	width: 25%;
	text-align: center;
	padding: 10px;
}

.categories .otherfeatures li img {
	width: 30%;
}
.border-right1 {
	border-right: 1px solid #474747;
}
.border-bottom1 {
	border-bottom: 1px solid #474747;
}

.sitefooter {
	width: 100%;
    /*background: #373737;*/
    padding: 10px 0;
    font-size: 14px;
    margin-top: 35px;
    text-align: center;
    float: left;
    font-weight: 700;
	bottom: 0;
	/* position: fixed;
	left: 0;
	right: 0; */
}

.sitefooter ul {
	list-style: none;;
	margin: 0px;
	padding:0px;

}
.sitefooter ul li {
	list-style: none;;
	margin: 0px;
	padding:0px;
	float: left;
}
.sitefooter ul li a {
	border-right: 1px solid #fff;
	font-size: 14px;
}
.sitefooter ul li:last-child a{
	border-right:0px;
}
.sitefooter ul li a {
	color: #fff;
	padding:0 5px;
	line-height: 12px;
}

.list1 {
	width: 100%;
	line-height: 20px !important;
	list-style: none;
}
.list1 li {
	width: 100%;
	text-align: left;
	line-height: 20px !important;
	margin-top: 10px;
	list-style-type: none;
}

.list1 li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: #28357E;
}

.userOpts .modal-content {
	border-radius: 0;
	background: #231f20;
	padding:10px 30px;
}

.login-btn {
	background:#28357E;
	border:0px;
	color: #000;
	text-transform:capitalize;
	width: auto;
	padding:5px 20px;
	font-weight: 700;
	font-size:16px;
	font-family: Avenir;
	border-radius: 0;
}
.loginform h1, .signupform h1 {
	font-size: 18px;
	color: #28357E;
	text-align: center;
	font-weight: 700;
}

.loginform .input-group, .signupform .input-group {
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.loginform .input-group input, .signupform .input-group input {
	border:1px solid #fff;
	text-align: center;
	padding: 10px 15px;
}

.loginform .input-group .forgetpwd {
	float:right;
	text-align: right;
	color: #fff;
	font-size: 12px;
}
.signupform .input-group .tmc {
	text-align: left;
	color: #fff;
	font-size: 12px;
}
.signupform label {
	color: #28357E;
	margin-bottom:0px;
	margin-top: 10px;
}

.pull-left{
	float: left;
}
.pull-right {
	float: right;
}
.offers-btn {
	background: #28357E;
	border:0px;
	color: white;
	text-transform:capitalize;
	width: 40%;
	padding:5px 15px;
	font-weight: 700;
	font-size:14px;
	margin-top: 10px;
	font-family: Avenir;
	display: inline-block;
	border-radius: 5px;
}
.offers-btn.white {
  background: white;
  border: 1px solid #28357E;
  color: #28357E;
}
.offers-btn:hover {
  color: #28357E;
  border: 1px solid #28357E;
  border-radius: 5px;
  background-color: white;
}
.offers-btn.white:hover {
  color: white;
  border: 1px solid white;
  border-radius: 5px;
  background-color: #28357E;
}
.offersdet-btn {
	background:#28357E;
	border:0px;
	color: white;
	text-transform:capitalize;
	width: auto;
	padding:5px 15px;
	font-weight: 700;
	font-size:14px;
	margin-top: 10px;
	font-family: Avenir;
	display: inline-block;
	float: left;
	margin-right: 10px;
	border-radius: 4px;

}
.offersdet-btn:hover {
  color:#28357E;
  border: 1px solid #28357E;
  border-radius: 5px;
  background-color: white;
}
.offerslist {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.offerslist li {
	width: 100%;
	float: left;
	background:#28357E;
  color: white;
	padding: 20px;
	margin-bottom: 20px;
}
.offerslist li .img-thumbnail {
	float: left;
	width: 100px;
}
.offerslist li .offer_details_list {
	float: left;
	margin-left: 10px;
	width: 40%;
}
.offerslist li .offer_details_list h1{
	font-size: 18px;
	color: white;
	text-align: left;
	font-weight: 700;
	margin: 0px;
	margin-bottom: 10px;
}
.offerslist li .offer_details_list ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.offerslist li .offer_details_list ul li {
	/* width: 120%; */
	margin: 0px;
	padding: 0px;
	padding-left: 1.3em;
}
.offerslist li .offer_details_list ul li a {
	color: #fff;
	text-decoration: underline;
}
.offerslist li .offer_details_list ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}
.offerslist li .offer_details_action {
	float: right;
}
.offerslist li .offer_details_action h1{
	 width: 100%;
	 color: #fff;
	 font-size: 24px;
}
.offerslist li .offer_details_action h3{
	width: 100%;
	color: red;
	font-size: 18px;
	margin-top: 0px;
}
.offerslist li .offer_details_action .offers-btn {
	width: 100%;
	padding:5px 25px;
}

.benfitdetails {
	/*background:#28357E;*/
	padding: 20px;
	width: 100%;
	float: left;
}
.graybg {
	background: #28357E;
}

.benfitdetails .offer_header {
	font-size: 16px;
	text-align: left;
	float: left;
	font-weight: 700;
	width: 100%;
	margin-top:10px;
	margin-bottom: 10px;
}
.benfitdetails .offer_header ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.benfitdetails .offer_header ul li {
	width: auto;
	list-style-type: circle;
	list-style-position: inside;
}
.offersgrid .benfitdetails a {
	color: #28357E;
	text-decoration: underline;
}
.benfitdetails table {
	width: auto;
}
.benfitdetails table th {
	color: #28357E;
}

.print_cont {
	width: 100%;
	background:#fff;
	padding:5px;
	color: #000;
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
}

.top_menu li{
    float: left;
    list-style: none;
    margin: 5px 20px;

}

.top_menu_bg{
	background: #28357E;
    margin: 0px;
    border: none;
    border-radius: 0px;
}

.logo_rupay{
	width:165px;
}

.top_menu_bg a{
	color:#fff !important;
	text-decoration:none;
}

.btn-custom_modal{
	background: white;
	border: 1px solid #28357E;
	color: #28357E !important;
	font-weight:bold;
	border-radius: 4px;
}
.btn-custom_modal:hover {
  background-color: #28357E !important;
  color: white !important;
}

@media (min-width: 768px){
	.navbar-nav {
		float: left;
		margin: 0px auto;
		margin-left: 20%;

	}
	/* .navbar-nav>li{
		margin-left:40px;
	} */
.bannertxt{
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.minibannertxt{
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%, -50%);
}
}
.navbar-inverse .navbar-toggle{
	z-index: 999;
}
.top_menu_bg{
	z-index: 999;
}

.form-control{
	height: auto !important;
}
.a_padding{
	padding: 10px 2px !important;
    cursor: pointer;
}
select{
	height:34px !important;
}
/*button, input, select, textarea {*/
/*   font-family: sans-serif !important;*/
/*}*/
.validation-text-mssg{
	color: #f83606;
    text-align: left;
    font-weight: bold;
}

/* textarea:focus::-webkit-input-placeholder { color: transparent; }
 textarea:focus::-moz-placeholder{ color: transparent; }
 textarea:focus:-moz-placeholder{ color: transparent; }
 input:focus::-webkit-input-placeholder { color: transparent; }
 input:focus::-moz-placeholder{ color: transparent; }
input:focus:-moz-placeholder{ color: transparent; } */

/* input::-webkit-input-placeholder{
    color:red !important;
}
input:-moz-placeholder {
    color:red !important;
} */