html,
button,
input,
select,
textarea {
    color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
	width: 100%;
	height: 100%;
	min-height: 100%;

	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}
*{
	box-sizing: border-box;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
 a{outline:none; text-decoration: none;}

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

img {width: auto\9;height: auto;max-width: 100%;vertical-align: middle;border: 0;-ms-interpolation-mode: bicubic;}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Custom Fonts
   ========================================================================== */

@font-face {
	font-family: "interstate";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/interstate.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/interstate.woff") format("woff"), 
	url("../fonts/interstate.ttf") format("truetype"), 
	url("../fonts/interstate.svg#Citibank") format("svg");
}
@font-face {
	font-family: "interstate-light";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/interstate-light-webfont.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/interstate-light-webfont.woff") format("woff"), 
	url("../fonts/interstate-light-webfont.ttf") format("truetype"), 
	url("../fonts/interstate-light-webfont.svg#Citibank") format("svg");
}
@font-face {
	font-family: "interstate-elight";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/interstate-extra-light.eot?#iefix") format("embedded-opentype"), 
	url("../fonts/interstate-extra-light.woff") format("woff"), 
	url("../fonts/interstate-extra-light.ttf") format("truetype"), 
	url("../fonts/interstate-extra-light.svg#Citibank") format("svg");
}

/* ==========================================================================
   Adaptive styles
   ========================================================================== */
.visible-phone{display:none !important;}
.visible-tablet{display:none !important;}

/* ==========================================================================
   Common styles
   ========================================================================== */
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}

.fleft{
	float: left;
	position: relative;
}
.fright{
	float: right;
}
.pos-rel{
	position: relative;
}
.pos-abs{
	position: absolute;
}

.clearfix:before, .clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;}

.loading {
	background: #222 url('../images/ico_loading.gif') center center no-repeat;
	position: fixed;
	z-index: 1;
}
body, html {
  height: 100%;
  min-height: 100%;
  position: relative;
}
#body{
	/*font-size: 14px;*/
	position: relative;
	font-family: "interstate-light";
}
section{
	opacity: 0;
}
 .blueText {
    color: #00BCC5;
}
.whiteText{
	color:#fff;
	text-decoration: underline;
}
.live-link{
	color: #02bbf1 !important;
    border-bottom: none !important;
	text-decoration: none !important;
    position: relative !important;
    width: none !important;
    bottom: none !important;
    outline: none !important;
    right: 0 !important;
	font-size: 13px !important;
	font-weight: bold;
}
section .foo p{
	text-align: right;
    font-size: 10px;
    line-height: 3;
    margin-right: 10px;
	color:#828688;
}
.loaded section{
	opacity: 1;
}
.normal-font{
	font-size: 15px !important;
}

.background{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: relative;
}

.unstyled {
	padding: 0;
	margin: 0;
}
.container{
	width: 100%;
	float: left;
}
.section-head {
	font-family: "interstate-light";
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 5px 60px;
	font-weight: 100;
	text-align: center;
	display: inline-block;  
	font-size: 24px;
	margin: 0px auto;
	margin-bottom: 50px;
	width: auto;
}
.section-desc{
	font-family: "interstate-light";
	color: #fff;
	font-weight: 100;
	text-align: center;
	margin: 25px auto 35px auto;
	width: 65%;
}
.icon{
	width: 50px;
	height: 50px;
	background-size: 100% 100% !important;
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
	position: relative;
}
#important-information .icon, #manage-your-account .icon{
	width: 70px;
	height: 70px;
	background-size: 100% 100% !important;
}
a.link{
	text-decoration: underline;
	color: inherit;
}

/* ==========================================================================
   Home section
   ========================================================================== */

.header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: url('../images/header-bg.png') repeat-x;
	background-size: 100% 100%;
	height: 60px;
	z-index: 2;
	display: none;
}
.citiLogo {
	
    background: url('../images/citi.png') no-repeat;
    background-size: 100% 100%;
    display: block;
    width: 58px;
    height: 35px;
    position: absolute;
    right: 150px;
    top: 10px;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
}
.menu{
	background: url('../images/menu.png') no-repeat center center;
	background-size: 100%;
	float: right;
	display: block;
	width: 25px;
	height: 20px;
	margin: 18px 60px 0 0;
	
}
.home-footer{
	position: absolute;
	bottom:0;
	left: 0;
	display: none;
	width: 100%;
}
.home-footer > div{
	height: 90px;
}
#get-started-overlay{
	height: auto;
}
#get-started-overlay {
    background: #000;
    position: absolute;
    left: 0;
	bottom:-250px;
    width: 100%;
    overflow: hidden;
	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-0-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
}
	#get-started-overlay ul {
		padding: 20px 0 20px 40px;
		margin: 0;
		overflow: hidden;
	}
		#get-started-overlay ul li {
			width: 33.3%;
			/* outline: 1px solid red; */
			float: left;
			list-style-type: none;
			height: 100%;
		}
		#get-started-overlay ul li:nth-child(1), #get-started-overlay ul li:nth-child(2), #get-started-overlay ul li:nth-child(3) {
			background: url("../images/step_1.png") no-repeat 10px 10px;
			-webkit-background-size: 72px 53.1px;
			background-size: 72px 53.1px;
			width: 28.3%;
		}
			#get-started-overlay ul li div {
				color: #FFF;
				padding: 0 0px 0px 110px;
				position: relative;
			}
				#get-started-overlay ul li div img {
					padding: 8px 12px;
					float: right;
				}
				#get-started-overlay ul li div h4 {
					font-size: 14px;
					margin: 10px 0 0 0;
				}
				#get-started-overlay ul li div p {
					font-size: 13px;
					margin: 0;
				}
				#get-started-overlay ul li div .or-text {
					width: 50px;
					float: right;
					font-size: 40px;
					text-transform: lowercase;
				}

		#get-started-overlay ul li:nth-child(2) {
			background-image: url("../images/step_2.png");
			-webkit-background-size: 72.9px 51.3px;
			background-size: 72.9px 51.3px;
			width: 41.3%;
		}
		#get-started-overlay ul li:nth-child(3) {
			background-image: url("../images/step_3.png");
			-webkit-background-size: 46.8px 54.9px;
			background-size: 46.8px 54.9px;
			width: 21.5%;
		}
			#get-started-overlay ul li:nth-child(3) div {
				padding: 20px 0px 10px 80px;
			}
				#get-started-overlay ul li div p .blueText {
					color: #00BCC5;
				}
	#get-started-overlay #get-started-close {
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
	}
#home .background{
	background-image: url('../images/bcg_slide-1.jpg');
}
.reward-circle{
	width: 275px;
	margin: 0 auto;
}
.cardart{
	background: rgba(0,0,0,0.3);
	padding-right: 0;
	width: 31%;
	position: relative;
}
.explore{
	background: rgba(0,0,0,0.3);
	width: 26%;
}
.call-to-request{
	background: rgba(0,148,220,0.9);
	color: #fff;
	width: 43%;
}
.activate-inner{
	position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 58px;
}
	#call-to-request{
		background: url('../images/card_icon.png') no-repeat top center;
		color: #fff;
		font-family: "interstate-light";
		margin: 0 auto;
		width: 40px;
		/* margin-top: 22px; */
		background-size: 100% 100%;
		height: 34px;
		margin-bottom: 5px;
	}
	#activate{
		text-decoration: none;
		color: #FFF;
		display: block;
		width: 210px;
		margin: 0 auto;
		/*margin-top: -1px;*/
		padding-left: 3px;
		
	}
.cardart img{
	width: 200px;
	position: absolute;
	right: 5px;
	bottom: 9px;
}

#scroll-to-explore{
	width: 54%;
	float: right;
	text-transform: uppercase;
	cursor: pointer;
	color: #00caf5;
	font-size: 15px;
	padding: 0;
	background:  rgba(0,0,0,0.7);
	height: 100%;
	display: table;
}
.scroll-to-explore-inner{
	display: table-cell;
	vertical-align: middle;
}
.scroll-to-explore-inner .arrow{
	background: url('../images/down-arrow.png') no-repeat center bottom;
	background-size: 24px 24px;
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto;
	margin-top: 15px;
}
.no-touch #scroll-to-explore:hover{
	text-decoration: underline;
}
.follow-link{
	background: url('../images/activate_arrow.png') no-repeat bottom left;
	width: 15px;
	height: 15px;
	background-size: 6px 12px;
	display: inline-block;
	position: absolute;
	margin: 1px 0 0 12px;
}

/* ==========================================================================
   Fixed Navigation
   ========================================================================== */

#slide-menu{
	background: #353633;
	color: #fff;
	position: fixed;
	right: -270px;
	top: 60px;
	width: 270px;
	border: none;
	box-shadow: 5px 0px 10px #222 inset;
	height: 100%;
	/*overflow-y: scroll;*/
}
.head-menu li a {
	font-family: "interstate-light";
	padding: 15px 10px 15px 25px;
	margin-left: 5px;
	display: block;
	background: url("../images/left-arrow.png") no-repeat 10px 48%;
	background-size: 9px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	line-height: 18px;
}
.no-touch .head-menu li:hover, .head-menu li.active{
	background: #0e4e7a;
}


/* ==========================================================================
   Main Navigation - desktop only
   ========================================================================== */
.main-nav {
	position: fixed;
	top: 50%;
	right: 40px;
	z-index: 99;
	margin-top: -70px;
	display: none;
}
.unstyled li {
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav li a {
	display: block;
	border: 1px solid #515f5f;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	padding: 5px;
	margin-top: 8px;
}
.nav li.active a {
	background: #515f5f;
}

/* ==========================================================================
   Citi Rewards Program
   ========================================================================== */
.rewards-prog-cont{
	width: 85%;
	margin: 0 auto;
}
.rewards-prog{
	width: 24.3%;
	/*float: left;*/
	margin-right: 0.3%;
	margin-bottom: 0.4%;
	overflow: hidden;
	text-align: center;
	background: rgba(0,0,0,1)
	display: inline-block !important;
}
.shop-tile{
	width: 35%;	

}
.info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
	background: #333;
    background: rgba(0,0,0,0.6);
}
.info:hover {
    background: #333;
    background: rgba(0,0,0,0.4);
}
.rewards-prog .img-cont img{
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	/*opacity: 0.6;*/

	transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-0-transition: all 0.8s ease-in-out;
	-ms-transition: all 0.8s ease-in-out;
	/*width: auto;*/
}
/*-------------------
Samsung Banner
--------------------*/
.samsung-banner{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		/*padding-top: 20px;*/
		background: url("../images/samsung-bg.jpg") no-repeat;
		background-size: cover;
		color: #fff;
		font-family: "interstate-light";
}
	.samsung-banner .banner-table{
		width: 41%;
		position: relative;
		margin: 0 auto;
	}
	.samsung-mobile{
		position: relative;
		width: 14%;
	}
		.samsung-img{
			position: absolute;
			width: 80px;
			bottom: 0;
		}
	.samsung-content{
		width:60%;
		padding-left: 20px;
		font-size: 18px;
	}
	.samsung-pay{
		width: 20%;
	}
		.pay-img{
			position: absolute;
			right: 0;
			bottom: 20px;
		}

	.whiteText-samsung{
		color:#fff;
		font-size: 14px;
	}
	
/*------------------------
important-information-banner
--------------------------*/
.impor-inform-note{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background: url("../images/important-information/b1.jpg");
		color: #fff;
		font-family: "interstate-light";
		padding: 35px 0;
}
.impor-inform-note .content-block{
	display: table;
	width: 85%;
	margin: 0 auto;
	font-size: 13px;
}
.impor-inform-note .content-block div{
	display: table-cell;
}
.impor-inform-note .content-block div a{color: #fff;text-decoration: underline;font-size: 13px;}
.impor-inform-note .content-block div:first-child{
	width: 70px;
}
.impor-inform-note .content-block div:first-child img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

#important-information li .more-details{
	border-right:1px solid #fff;
}
#important-information .rewards-prog{
	 margin-right: 0;
	 float: left;
	 width: 24.7%;
}
	#important-information .rewards-prog .img-cont img{
		height: 280px;
		 -webkit-transform: none;
		   -moz-transform: none; 
			-ms-transform: none; 
			 -o-transform: none;
				transform: none;
		border-right: 1px solid #fff;
	}
	#important-information ul .last-border{
	
		border-right: none !important;
	
	}
	#manage-your-account .rewards-prog .img-cont img{
		 -webkit-transform: none;
		   -moz-transform: none; 
			-ms-transform: none; 
			 -o-transform: none;
				transform: none;
	}
.no-touch .rewards-prog:hover .img-cont img{
	
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	/*opacity: 0.8;*/

	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;

}
.rewards-prog:first-child{
	margin-left: 0.5%;
}
.rewards-prog:last-child{
	margin-right: 0%;
}
.icon-cont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	top: 30%;
}
.icon-cont p{
	font-size: 13px;
	color: #fff;
	padding: 0 4%;
	margin-top: 7px;
}
.no-space{
	white-space: nowrap;
}
#important-information .icon-cont{
	    top: 5%;
}
#manage-your-account .icon-cont{
	    top: 5%;
}
.benefits-icon1{
	background: url('../images/exclusive-benefits/icons/dining.png') no-repeat center center;
}
.benefits-icon2{
	background: url('../images/exclusive-benefits/icons/benefits.png') no-repeat center center;
}
.benefits-icon3{
	background: url('../images/exclusive-benefits/icons/icon_peace-of-mind.png') no-repeat center center;
}
.benefits-icon4{
	background: url('../images/exclusive-benefits/icons/clear-benefits.png') no-repeat center center;
}
.import-inform-icon1{
	background: url('../images/important-information/icons/img-01.png') no-repeat center center;
}
.import-inform-icon2{
	background: url('../images/important-information/icons/img-02.png') no-repeat center center;
}
.import-inform-icon3{
	background: url('../images/important-information/icons/img-03.png') no-repeat center center;
}
.import-inform-icon4{
	background: url('../images/important-information/icons/img-04.png') no-repeat center top;
}
.manage-account-icon1{
	background: url('../images/manage-your-account/icons/icon-01.png') no-repeat center top;
}
.manage-account-icon2, .manage-account-icon5{
	background: url('../images/manage-your-account/icons/icon-02.png') no-repeat center top;
}
.manage-account-icon3{
	background: url('../images/manage-your-account/icons/icon-03.png') no-repeat center top;
}
.manage-account-icon4{
	background: url('../images/manage-your-account/icons/icon-04.png') no-repeat center top;
}
.manage-account-icon6{
	background: url('../images/manage-your-account/icons/icon-05.png') no-repeat center top;
}
.icon-desc{
	font-family: "interstate-light";
	color: #fff;
	text-align: center;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.link-cont{
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 100%;
}
.link-cont a{
	font-family: "interstate-light";
	font-size: 14px;
	color: #fff;
}
.link-cont a:hover{
	text-decoration:underline;

}
.rewards-link{
	font-family: "interstate-light";
	display: inline;
	color: #fff;
	font-size: 12px;
	/*border-bottom: 1px solid #fff;*/
	padding: 0 0 5px 0;
}
.more-details{
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	color: #fff;
	text-align: center;
	padding: 35px 15px;
	font-size: 12px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-0-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
}
	.overlay-list-align{
		margin: 0;
		padding: 0 0 0 12px;
	}
    .overlay-list-align li{
		text-align: left;
		font-size: 13px;
	}
	.more-details .learnmore{
		bottom:10px;
	}
.more-details.show{
	bottom: 0px;
	background: rgba(1,14,20,0.9);
	/*overflow-y: auto;*/
}
.more-details p{	
	margin: 0 0 15px 0;
	font-family: "interstate-light";
	font-size: 13px;
}
.more-details p a, #mobile-overlay p a{	
	color: #02bbf1;
	border-bottom: 1px solid #02bbf1;
	/*line-height: 20px;*/
}
.more-details .link-cont{
	position: absolute;
	bottom: 40px;
	left: 0;
}
.more-details a{
	text-decoration: none;
	position: absolute;
    width: 100%;
    bottom: 4%;
    font-size: 12px;
    outline: none;
    color: #fff;
	right: 0;
}
.more-details a.close-info {
	right: 10px;
}
.more-details a:hover{
	text-decoration: underline;
}
.externalLinkWrap {
	background: url("../images/external_link.png") no-repeat right 4px;
	background-size: 11px 10px;
	display: inline-block !important;
	width: 14px;
	height: 14px;
}
.externalLinkWrap1 {
	background: url("../images/explore.png") no-repeat right 4px;
	background-size: 11px 10px;
	display: inline-block !important;
	width: 14px;
	height: 14px;
}
.close-info{
	background: url('../images/close-icon.png') no-repeat right;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 10px;
}
.table{
	display: table;
	width: 100%;
}
.table-cell{
	display: table-cell;
}
/* ==========================================================================
   How to shop-and-earn
   ========================================================================== */
 .dark{
	color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.upgrade-cont{
	width: 65%;
	margin: 50px auto 0 auto;
}
  
/* ==========================================================================
   Exclusive benefits
   ========================================================================== */

	 #exclusive-benefits .background{
		background-image:url('../images/bcg_slide-3.jpg');
	 }
	.ex-offers{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		background-color: #000;
		font-family: "interstate-light";
		
	}
		.offers-left{
			width: 57%;
			float: left;
			padding:19px;
			position: relative;
		}
			.offers-left .mobile-icon{
				float:right;
				width: 78.5%;
			}
				.mobile-icon img{
					float:left;
					height:84px;
				}
				.mobile-icon .article{
					padding-left: 10%;
					float:left;
					position: absolute;
					height: 50px;
					margin: auto;
					top: 0;
					bottom: 0;
				}
					.article h2{
						font-family: "interstate-light";
						color: #fff;
						margin: 0;
						font-size: 20px;
						margin-bottom: 0;
					}
					.article h4{
						font-family: "interstate-light";
						color: #fff;
						margin: 0;
						font-size: 15px;
						font-weight: 100;
					}
		.offers-right{
			float:left;
			width: 43%;
			position:relative;
		}
			.offers-right .google-icon{
				position:absolute;
				top:0;
				left:0;
				bottom:0;
				right:0;
				margin: auto;
				height:60px;
			
			}
				.offers-right a > img{
					float:left;
					height: 56px;
					margin-right: 15px;
				}
/* ==========================================================================
   How to upgrade - extra
   ========================================================================== */
	#important-information .background{
		background-image:url('../images/bcg_slide-4.jpg');
		overflow
	 }
/* ==========================================================================
   How to upgrade - extra
   ========================================================================== */

#upgrade-extra .background{
	background-image: url('../images/bcg_slide-5.jpg');
	background-position: 0 40%;
}
#upgrade-extra .container{
	min-height: 250px;
}
/* ==========================================================================
  MANAGE YOUR ACCOUNT
   ========================================================================== */
#manage-your-account .background{
		background-image:url('../images/bcg_slide-6.jpg');
	 }
#manage-your-account .rewards-prog{
	width: 28%;
}
/* ==========================================================================
  TERMS AND CONDITIONS
   ========================================================================== */

#terms_conditions .background{
	background: url('../images/bcg_slide-7.jpg') repeat;
	background-size: cover;
	overflow: hidden;
}
#terms_conditions .section-desc{
	width: 58%;
	margin: 50px auto 35px auto;
}
#terms_conditions .section-head{
	margin-bottom: 23px;
	border-top: 1px solid #949495;
    border-bottom: 1px solid #949495;
}

#terms_conditions ul{
	position:relative;
	width: 40%;
	margin: 0 auto;
	color: #fff;
	list-style: none;
	padding: 0;
}
	#terms_conditions ul li p{
		font-size: 14px;
		font-family: "interstate-light";
	}
	 #terms_conditions .first-light {
		font-family: "interstate-light";
		color: #fff;
		font-size: 14px;
		font-weight: 100;
		margin-top: 25px;
		outline: none;
		display: block;
	}
.tandc-external{
    font-family: "interstate-light";
    font-size: 14px;
    width: 50%;
    margin: 10px auto;
    display: block;
    /* text-decoration: underline; */
    color: #00B8C1;
    text-align: center;
    border: 0 !important;
}
.tandc-external:hover {
	text-decoration: underline;
}
.tandc-details{
	background: #000;
	position: absolute;
	bottom: -150%;
	left: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	/*opacity: 0.9;*/
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-0-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;

}
.tandc-details.show{
	bottom: 0;
}
.tandc-inner p{
    width: 46%;
    margin: 0 auto 55px auto;
    text-align: center;
    font-size: 14px;
    padding: 0 5%;
}

#terms_conditions .close-info{
	top: 80px;
	right: 62px;
}


/* ==========================================================================
  TERMS AND CONDITIONS
   ========================================================================== */

.overlay{
	width: 100%;
	height: 100%;
	position: fixed;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 9;
	display: none;
}
.no-touch .no-call-link, .touch .call-link{
	display: block;
}
.no-touch .call-link, .touch .no-call-link{
	display: none;
}

/* ==========================================================================
  FOOTER
   ========================================================================== */
#footer {
    min-height: 260px !important;
    background-image: url('../images/foobg.png');
    padding-bottom: 20px;
}
	.footer-wrapper {
		margin: 0 auto 15px auto;
		width: 80%;
		z-index: 999;
		padding-top: 85px;
	}
		.footer-wrapper .close-info{
			display:none;
		}
		.footer-wrapper .foo-list li {
			float: left;
			/* width: 33.3%; */
			color: #fff;
			/* border-right: 1px solid #fff; */
			text-align: center;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			margin-left: 10px;
			/* padding-right: 0px; */
		}
			.footer-wrapper .foo-list li div {
				display: inline-block;
				background: url("../images/footer/call.png") no-repeat left center;
				/* padding: 5px 0px 7px 30px; */
				background-size: 30px;
				margin: 8px 0px;
				line-height: 30px;
			}
				.footer-wrapper .foo-list li div a{
					color: #fff;
					width: 100%;
					display: inline-block;
					padding-left: 40px;
				}

			.footer-wrapper .foo-list li:nth-child(2) div {
				background-image: url("../images/footer/email.png");
			}
			.footer-wrapper .foo-list li:nth-child(3) div {
				
				background-image: url("../images/footer/branch.png");
				
			}
			.footer-wrapper .foo-list li span {
				font-size: 24px;
				position: relative;
				top: 3px;
				padding-left: 5px;
			}
		.footer-wrapper h3 {
			float: left;
			line-height: 46px;
			margin: 0 0 5px 0;
		}
		.footer-wrapper .foo-list {
			overflow: hidden;
			float: right;
			margin-bottom: 5px;
		}
		.footer-wrapper hr {
			clear: both;
			margin-bottom: 10px;
		}
		.foot-tel span{
			    /*padding-left: 40px;*/
				font-size: 1em !important;
				    padding-left: 40px !important;
					top:0 !important;
		}
		.footer-wrapper p {
			color: #fff;
			margin: 0;
			font-family: "interstate-light";
		}
		.footer-wrapper h3{
			color: #fff;
			font-family: "interstate-light";
		}
		.unstyled li {
			/*padding-top: 8px;*/
			margin: 0;
			list-style: none;
		}
		.copyright-content {
			margin: 20px 0;
		}

			.copyright-content li {
				float: left;
				margin-right: 30px;
				font-family: "interstate-light";
				font-size: 12px;
			}
				.copyright-content li a {
					font-family: "interstate-light";
					display: inline-block;
					color: #008589;
					text-decoration: none;
					font-size: 12px;
				}
				.link-hover:hover{
					text-decoration: underline;
				}
			.copyright-content li:last-child, .copyright-content li:last-child a {
				color: #fff;
			}
			.copyright-content li:last-child {
				float: right;
				margin-right: 0;
			}
			.discTxt {
				padding: 10px 0 0 0;
				font-size: 12px;
			}