html {
	-webkit-text-size-adjust: none;
}

html,button,input,select,textarea {
	color: #222;
}

body {
	font-size: 1em;
	line-height: 1.4;
}

/*
 * 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;
}

a,a:hover {
	text-decoration: none;
}
/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */
img {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
	resize: vertical;
}

.txtLft {
	text-align: left !important;
}

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
   ========================================================================== */
/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body,html {
	height: 100%;
	min-height: 100%;
	/*background-image:url('../images/foobg.png');
	background:#353633;*/
	position: relative;
}

body {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	font-family: "Nanum Gothic";
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-js {
	padding-top: 106px;
}

h2 {
	margin-top: 0;
}

a,a:visited,a:active {
	text-decoration: none;
	outline: 0;
	border: 0;
}

a:hover {
	outline: 0;
	border: 0;
}

.no-js a:active {
	background: 0;
	outline: 0;
	border: 0;
}

.visible-phone {
	display: none !important;
}

.visible-phone-port {
	display: none !important;
}

.loading {
	background: #222 url('../images/ico_loading.gif') no-repeat center
		center;
	position: fixed;
	z-index: 1;
}

section {
	min-width: 960px;
	opacity: 0;
}

.loaded section,.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}

main {
	overflow-x: hidden;
	/*background-image:url('../images/foobg.png');*/
}

.bcg {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	width: 100%;
}
/* Slide 1 */
#home .bcg {
	background-image: url('../images/bcg_slide-p.jpg');
}

/* Slide 2 */
#earn-points .bcg {
	background-image: url('../images/bcg_earn-rewards.png');
}

#earn-pointsa {
	height: 300px !important;
}

#earn-pointsa .bcg {
	background-image: url('../images/bcg_slide-2a.jpg');
	height: 300px !important;
}

/* Slide 3 */
#redeem-points .bcg {
	background-image: url('../images/bcg_slide-3.jpg');
}

/* Slide 4 */
#calculate-your-points .bcg {
	background: #017994 !important;
}

/* Slide 5 */
#exclusive-offers .bcg {
	background-image: url('../images/bcg_slide-5.jpg');
}

/* Slide 6 */
#card-info .bcg {
	background-image: url('../images/bcg_slide-6.jpg');
}

/* Slide 7 */
#manage-card .bcg {
	background-image: url('../images/bcg_slide-7.jpg');
}

/* Slide 8 */
#terms-conditions .bcg {
	background-image: url('../images/bcg_slide-8.jpg');
}

/* Slide 9 */
#card-agreement .bcg {
	background-image: url('../images/bcg_slide-7.jpg');
}

#footer {
	min-height: 230px !important;
	background-image: url('../images/foobg.png');
	padding-bottom: 20px;
}

#footer .bcg {
	min-height: 250px !important;
	background-image: url('../images/foobg.png');
}

.termsCond {
	background: #fff;
}

#footer .bcg {
	min-height: 250px !important;
	background-image: url('../images/foobg.png');
}

#footerCopy>p {
	color: #333;
	font-size: 12px;
	text-align: right;
	padding: 0 20px 0 0;
}

.main-nav {
	position: fixed;
	top: 50%;
	right: 40px;
	z-index: 99;
	margin-top: -70px;
	display: none;
}

.nav {
	overflow: hidden;
}

.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;
}

.hsContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
/*.homeSlide{overflow:hidden;}*/
.citi-logo {
	background: url('../images/logo.png') no-repeat;
	width: 84px;
	height: 48px;
	top: 18px;
	left: 60px;
	position: fixed;
	z-index: 10000;
	background-size: 100% 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.site-menu {
	background: url('../images/menu.png') no-repeat center center;
	width: 40px;
	height: 33px;
	top: 28px;
	right: 60px;
	position: absolute;
	z-index: 10000;
	background-size: 100% 100%;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.english {
	right: 50px;
	top: 8px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	z-index: 10000;
	background-size: 100% 100%;
	display: block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.smaller .site-menu {
	top: 15px;
}

#header-nav .head-menu {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

#header-nav.smaller .head-menu {
	top: 50px;
	visibility: hidden;
}

.reward-highlight {
	position: absolute;
	top: 55%;
	width: 100%;
	margin-top: -174px;
	z-index: 0;
}

.reward-highlight .block1 {
	position: relative;
	width: 100%;
	float: left;
	height: 349px;
}

.reward-highlight .reward-circle h1 {
	font-size: 100%;
	color: #fff;
	font-weight: 100;
}

.reward-highlight .reward-circle {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 999;
	width: 384px;
	margin-left: -192px;
	text-align: center;
}

.home-header {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 99999;
	height: 152px;
	background: url('../images/header-bg-p.png') repeat-x;
	z-index: 10000;
	display: none;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;
	-moz-transition: right 0.5s ease-in;
	-o-transition: right 0.5s ease-in;
	-webkit-transition: right 0.5s ease-in;
	-ms-transition: right 0.5s ease-in;
	transition: right 0.5s ease-in;
}

.head-menu {
	overflow: hidden;
	float: right;
}
/*.head-menu li{float:left;}*/
.head-menu li.active,.head-menu li:hover {
	background: #0e4e7a;
}

.head-menu li a {
	color: #fff;
}
/*.head-menu li a{padding:29px 20px;;color:#fff;font-size: 12px;display: inline-block;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.head-menu li a:hover08/11/2014{text-decoration:none !important;}*/
.home-footer {
	width: 100%;
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 9;
	display: none;
	background: rgba(0, 0, 0, 0.4);
}

.home-footer .cardArt {
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 999;
	width: 286px;
	margin-left: -143px;
	text-align: center;
	bottom: 10px;
}

.cardArt .card-name {
	padding: 5px 0 10px;
	display: block;
	font-size: 10px;
	color: #fff;
}

.home-footer .block1 {
	background: rgba(0, 0, 0, 0.4);
	padding: 66px 0;
	position: relative;
	width: 43%;
	float: left;
}

.home-footer .block1 .b2 {
	line-height: 17px;
	float: right;
	width: 28%;
	color: #fff;
	font-family: "Nanum Gothic";
}

.home-footer .block2 {
	background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat
		center 82%;
	padding: 55px 0;
	position: relative;
	width: 14%;
	float: left;
	color: #fff;
	font-family: "Nanum Gothic";
	text-align: center;
	color: #00caf5
}

.home-footer .block2:hover {
	cursor: pointer;
	text-decoration: underline;
}

.home-footer .block3 {
	background: rgba(0, 148, 220, 0.9);
	padding: 18px 0;
	position: relative;
	width: 43%;
	float: left;
}

.home-footer .block3 .b1 {
	color: #fff;
	font-family: "Nanum Gothic";
	text-align: left;
	height: 25px;
	padding: 21px 21px 21px 0px;
	text-align: center;
}

.home-footer .block3 .b2 {
	background: url('../images/get_started.png') no-repeat left center;
	background-position: 21px;
	color: #fff;
	font-family: "Nanum Gothic";
	line-height: 17px;
	margin-right: 30px;
	padding: 8px 0 8px 25px;
	font-size: 90%;
	cursor: pointer;
}

.menu-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(1, 14, 20, 0.9);
	display: none;
	z-index: 9999;
}

.menu-overlay ul {
	width: 30%;
	margin: 5% auto;
	overfloW: hidden;
}

.menu-overlay ul li {
	height: 70px;
	padding: 10px 0;
	border-bottom: 1px solid #777;
}

.menu-overlay ul li:first-child {
	border-top: 1px solid #777;
}

.menu-overlay ul li:nth-child(1) {
	background: url('../images/menu/menu-10x-off.png') no-repeat left center;
}

.menu-overlay ul li:nth-child(1):hover {
	background: url('../images/menu/menu-10x-on.png') no-repeat left center;
}

.menu-overlay ul li:nth-child(2) {
	background: url('../images/menu/menu-redeem-off.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(2):hover {
	background: url('../images/menu/menu-redeem-on.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(3) {
	background: url('../images/menu/menu-important-off.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(3):hover {
	background: url('../images/menu/menu-important-on.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(4) {
	background: url('../images/menu/menu-manage-off.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(4):hover {
	background: url('../images/menu/menu-manage-on.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(5) {
	background: url('../images/menu/menu-agreement-off.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(5):hover {
	background: url('../images/menu/menu-agreement-on.png') no-repeat left
		center;
}

.menu-overlay ul li:nth-child(6) {
	background: url('../images/menu/arrow-off.png') no-repeat center center;
	border: none;
}

.menu-overlay ul li:nth-child(6):hover {
	background: url('../images/menu/arrow-on.png') no-repeat center center;
	border: none;
}

.menu-overlay ul li:nth-child(6) a {
	margin: 0;
	width: 100%;
}

.menu-overlay ul li a {
	display: inline-block;
	font-family: "Nanum Gothic";
	font-weight: 100;
	font-size: 22px;
	color: #fff;
	margin-left: 100px;
	line-height: 70px;
	text-decoration: none;
}

.menu-overlay ul li:hover a {
	color: #00c8f4;
	text-decoration: none !important;
}

.section-head {
	font-family: "Nanum Gothic";
	color: #000302;
	border-top: 1px solid #000302;
	border-bottom: 1px solid #000302;
	padding: 5px 18px;
	font-weight: 100;
	font-size: 34px;
	text-align: center;
	margin: 50px auto 30px auto;
}

.section-head {
	margin-top: 0 !important;
}

.section-head.small {
	width: 15%;
}

.section-head.medium {
	width: 18%;
}

.section-head.large {
	width: 27%;
}

.section-head.xlarge {
	width: 34%;
}

#redeem-points .section-head,#calculate-your-points .section-head,#terms-conditions .section-head
	{
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#header-nav .head-menu {
	background: #353633;
	color: #fff;
	position: fixed;
	right: 0;
	top: 75px;
	width: 270px;
	z-index: -1;
	border: none;
	box-shadow: 5px 0px 10px #222 inset;
	height: 100%;
}

.head-menu li a {
	padding: 15px 10px 15px 25px;
	font-size: 15px;
	display: block;
	background: url("../images/right-arrow.png") no-repeat 5px 50%;
	background-size: 9px;
} /*edited on 11/8/2014*/
.head-menu li a:hover {
	text-decoration: none !important;
}

.unstyled {
	padding: 0;
	margin: 0;
}

.unstyled li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.image-list {
	position: relative;
	z-index: 1000;
	width: 85%;
	margin: 4% auto 0 auto;
	overflow: hidden;
}

.image-list li {
	float: left;
	margin-right: 10px;
}

.image-list.col3 li {
	width: 32.6%;
	height: auto;
	position: relative;
}

.image-list.col4 li {
	width: 24.3%;
	position: relative;
}

.image-list li:last-child {
	margin: 0;
}

.image-list.card-info-list li {
	border-right: 1px solid #fff;
	text-align: center;
	background: none;
	height: auto; /*padding:20px 0;*/
	margin-right: 0;
	width: 24.92333333%;
}

.card-info-list li>img,.card-info-list li .info>img {
	padding: 15px 0;
}

.card-info-list li:nth-child(1) {
	background: url("../images/card-info/b1.jpg");
}
/*.card-info-list li:nth-child(2){background:url("../images/card-info/mobile/creditcard-bg.jpg");}*/
.card-info-list li:nth-child(2) {
	background: url("../images/card-info/b2.jpg");
}
/*.card-info-list li:nth-child(2){background:url("../images/card-info/b2.jpg");}*/
.card-info-list li:nth-child(3) {
	background: url("../images/card-info/b2.jpg");
}

.card-info-list li:nth-child(4) {
	background: url("../images/card-info/b1.jpg");
}

.card-info-list li h3,.card-info-list li p {
	color: #fff;
	font-family: "Nanum Gothic";
}

.card-info-list li h3 {
	font-size: 14px;
	margin: 0;
}

.card-info-list li>p,.card-info-list li .info>p {
	padding: 0 5%;
	font-size: 13px;
}

.image-list.card-info-list li:last-child {
	border-right: none;
}

a.contact {
	color: #fff;
}

.quite {
	font-size: 11px;
}

p.last {
	margin-bottom: 0 !important;
}

.ih-item.square.effect6 .info p {
	font-family: "Nanum Gothic";
	color: #fff;
	font-size: 16px;
	font-weight: 100;
	padding: 0 10px; /*position:absolute;top: 45%;*/
	width: 100%;
}

.ih-item.square.effect6 .info a {
	font-family: "Nanum Gothic";
	color: #fff;
	font-size: 12px;
	font-weight: 100;
	position: absolute;
	bottom: 4%;
	left: 0;
	right: 0;
	width: 100%;
	outline: 0;
}

.ih-item.square.effect6 .info h3 {
	font-family: "Nanum Gothic";
	color: #fff;
	font-size: 14px;
}

#exclusive-offers .ih-item.square.effect6 .info p {
	top: 60%;
}

.ih-item.square {
	position: relative;
	height: 100%;
}

.ih-item.square.effect6 .info i.icon1 {
	background:
		url('../images/earn-points/01_make_every_purchase_rewarding.png')
		no-repeat;
	width: 86px;
	height: 44px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon2 {
	background:
		url('../images/earn-points/02_earn_5x_rewards_year_around.png')
		no-repeat;
	width: 76px;
	height: 73px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon34 {
	background: url('../images/earn-points/03_img03.png') no-repeat;
	width: 76px;
	height: 73px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon3 {
	background: url('../images/redeem-points/01_pay_of_your_purchases.png')
		no-repeat;
	width: 62px;
	height: 75px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon4 {
	background: url('../images/redeem-points/02_online_catalogue.png')
		no-repeat;
	width: 69px;
	height: 67px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon5 {
	background:
		url('../images/redeem-points/03_pay_with_points_at_store.png')
		no-repeat;
	width: 58px;
	height: 63px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon6 {
	background:
		url('../images/redeem-points/04_enjoy_your_flight_air_miles.png')
		no-repeat;
	width: 70px;
	height: 68px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon7 {
	background:
		url('../images/exclusive-offers/01_dining_gourmet_pleasures.png')
		no-repeat;
	width: 62px;
	height: 59px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon8 {
	background:
		url('../images/exclusive-offers/02_citi_world_privileges.png')
		no-repeat;
	width: 62px;
	height: 46px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info i.icon9 {
	background: url('../images/exclusive-offers/03_promotion_campaigns.png')
		no-repeat;
	width: 82px;
	height: 82px;
	margin: 9% auto 4%;
	display: block;
}

.ih-item.square.effect6 .info:hover {
	background: none;
}

.slider-list li {
	float: left;
	width: 96%;
	padding: 3%;
}

.slider-list li .category {
	float: left;
	font-family: "Nanum Gothic";
	font-size: 16px;
	color: #484848;
}

.slider-list li .amount {
	float: right;
	font-size: 16px;
}

.slider-list li.totalAmt {
	padding-top: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
	background-color: #a7a7a7 !important;
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-horizontal .ui-slider-range {
	height: 100%;
	top: 0;
}

.ui-slider .ui-slider-range {
	background-position: 0 0;
	border: 0 none;
	display: block;
	font-size: 0.7em;
	position: absolute;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	z-index: 1;
}

.slider {
	position: absolute;
	margin: 10px auto 0 3%;
	height: 8px;
	width: 21.4%;
	background: #00CAF5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.slider-wrapper {
	height: 32px;
	width: 100%;
	float: left;
}

.slider-wrapper .click {
	width: 5%;
	float: left;
}

.slider .ui-slider-range-min {
	height: 50px; /*width: 558px;*/
	position: absolute;
}

.slider .ui-slider-handle {
	height: 28px;
	width: 28px;
	position: absolute;
	margin-left: 4px;
	margin-top: -10px;
	cursor: pointer;
	outline: none;
	background: url('../images/calculate-your-point/slider-arrow-1.png')
		no-repeat center center;
	background-size: 100% 100%;
	z-index: 2;
}

.slider .ui-slider-range-min {
	background: #0d3863;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}

.hsContainer-content {
	width: 85%;
	margin: 10px auto;
	text-align: center;
}

.hsContainer-content p {
	font-family: "Nanum Gothic";
	font-size: 14px;
	color: #fff;
}

.calc-wrapper {
	width: 85%;
	margin: 10px auto;
	overflow: hidden; /*padding: 10px 0;*/
	background: #fff;
}

.calcTnc {
	float: right;
	margin: 0;
	font-size: 11px;
}

.segment-1 {
	background: #fff;
	width: 30%;
	float: left;
	padding: 0 3%;
	height: 430px;
}

.segment-1>h3 {
	margin: 20px 0 15px;
	font-size: 16px;
	color: #53575a;
}

.segment-2 {
	width: 64%;
	float: left;
	background: #e4e4e4;
	height: 430px;
}

::i-block-chrome,.segment-2 {
	width: 55.4%;
}

.calc-points {
	float: left;
	width: 100%;
	overflow: hidden;
}

.calc-points2 {
	float: left;
	width: 100%;
	overflow: hidden;
}

.calc-points2 li {
	padding-top: 3px;
}

.calc-points2 img {
	padding-bottom: 10px;
	padding-bottom: 20px;
}

.calc-points li {
	float: left;
	width: 21%;
	margin: 0 8% 0 0;
}

.calc-points li.last {
	border-bottom: 0;
}
/*.calc-points li:last-child{border-bottom:none;} */
.calc-points.calc-points-brdr li {
	border-bottom: none;
}

.calc-points li.active .text {
	border-bottom: 1px solid #00BCC5;
}

.calc-points li:nth-child(4) {
	margin: 0;
}

.calc-points li:nth-child(1) {
	width: 27%;
}

.calc-points li:nth-child(1) .text span {
	font-size: 11px;
}

.calc-points li:nth-child(1) .text {
	width: 100%;
}

.calc-points li:nth-child(2) .text {
	width: 98%;
}

.calc-points li:nth-child(3) .text {
	width: 98%;
}

.calc-points li:nth-child(4) .text {
	width: 98%;
}

.calc-points li .text {
	font-family: "Nanum Gothic";
	font-size: 14px;
	color: #53575a;
	line-height: 25px;
	border-bottom: 1px solid #a7a7a7;
	padding: 0 0 10px;
	margin: 0 0 10px;
	display: block;
	width: 80%;
	height: 48px;
}

/**.calc-points li .text2{font-family:"Nanum Gothic","Nanum Gothic"; font-size: 14px; color:#000;float:left; font-weight:normal; line-height: 14px; border-bottom: 1px solid rgb(167,167,167); margin-top: -8px; padding-top: 2px; padding-bottom: 7px; width: 100%;}**/
.calc-points li .text2 {
	font-family: "Nanum Gothic", "Nanum Gothic";
	font-size: 14px;
	color: #3a3a3a !important;
	float: left;
	font-weight: normal;
	line-height: 14px;
	margin-top: -8px;
	padding-top: 10px;
	padding-bottom: 15px;
	width: 100%;
}

.calc-points li .text3 {
	font-family: "Nanum Gothic", "Nanum Gothic";
	font-size: 14px;
	color: #000;
	float: right;
	font-weight: bold;
	line-height: 25px;
}

.calc-points li .cal-op {
	font-family: "Nanum Gothic";
	font-size: 15px;
	color: #53575a;
	line-height: 25px;
}

.output-section {
	padding: 20px 4%;
	overflow: hidden;
	background: #e4e4e4;
}

.output-section h3 {
	color: #00BCC5;
	padding: 0 0 15px 0;
	margin: 0;
	font-size: 18px;
}

.savings-section {
	padding: 20px 4%;
	overflow: hidden;
	background: rgb(128, 221, 226);
}

.savings-section h3 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	padding: 0 0 15px;
}

.savings-section .calc-points li .text {
	font-weight: normal;
}

.savings-section .calc-points li.last .text {
	font-weight: bold;
}

.offer-detail-hdr {
	margin: 0;
	clear: both;
	font-size: 16px;
	padding: 10px 0 0;
}

.offer-details-sec {
	float: left;
	width: 100%;
}

.offer-details-sec p {
	font-family: 'Nanum Gothic';
	font-size: 13px;
	color: #4e4e4e;
	padding: 15px 0;
	margin: 0;
	border-bottom: 1px solid rgb(167, 167, 167);
	position: relative;
}

.offer-details-sec p.first {
	border-bottom: 0;
	padding-bottom: 0;
}
/**.offer-details-sec p.first span.won {border-bottom:0;padding-bottom:0; color:#3a3a3a; position:absolute; right:0; bottom:23px;}**/
.offer-details-sec p.first span.won {
	border-bottom: 0;
	padding-bottom: 0;
	color: #3a3a3a;
	position: relative;
	float: right;
	bottom: 45px;
}
/**.calcBtn{background: #41c7cc;float: left;padding: 4px 10px;color: #fff;font-size: 12px;font-weight: bold;width: 120px;}**/
.calcBtn {
	background: #41c7cc;
	float: left;
	padding: 4px 10px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	margin-bottom: 10px;
}
/**.calcBtn.savings{background: #fff;float: left;padding: 4px 10px;color: #41c7cc;font-size: 12px;font-weight: bold;width: 120px;}**/
.calcBtn.savings {
	background: transparent;
	float: left;
	padding: 4px 5px;
	color: #363636;
	font-size: 12px;
	font-weight: bold;
	width: 120px;
	text-align: left;
}

.calcBtn.store {
	background: transparent;
	float: left;
	padding: 13px 8px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	width: 95%;
	text-align: center;
	background: url(../images/calculate-your-point/bg_store.png) left top
		no-repeat;
	background-size: 99%;
}
/*.offer-details-sec p.three{background:#00bbc2;}
.offer-details-sec p.first{background:#00bbc2;border-bottom:1px solid #dbdbdb;}
.offer-details-sec p.second{background:#41c7cc;border-bottom:1px solid #dbdbdb;}*/
.offer-details-sec>p>strong {
	float: right;
}
/**.eitheror{position:absolute;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;border-radius:25px;width:18px;height:18px;font-size:11px;background:rgb(167,167,167);text-align:center;line-height:17px;
color: #fff;top: -9px;left: 13%;}**/
.eitheror {
	position: absolute;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	width: 18px;
	height: 18px;
	font-size: 11px;
	background: rgb(167, 167, 167);
	text-align: center;
	line-height: 17px;
	color: #fff;
	top: -9px;
	left: 46%;
}

.ex-offers {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 9;
	background-color: #000;
}

.ex-offers .b1 {
	width: 45.5%;
	float: left;
	background: #000;
	padding: 19px 0;
	padding-left: 7.5%;
}

.ex-offers .b1 img {
	float: left;
	height: 84px;
	margin-left: 12%;
}

.ex-offers .b2 {
	width: 39.5%;
	float: left;
	background: #000; /*padding:36px 0;*/
	padding-right: 7.5%;
}

.text-container {
	padding: 15px 5%;
	float: left;
}

.text-container h2 {
	font-family: "Nanum Gothic";
	color: #fff;
	margin-bottom: 10px;
	font-size: 20px;
	margin-bottom: 0;
}

.text-container h4 {
	font-family: "Nanum Gothic";
	color: #fff;
	margin: 0;
	font-size: 16px;
	font-weight: 100;
}

.mob-links {
	overflow: hidden;
}

.mob-links li {
	float: left;
	margin-left: 15px;
}

.mob-links li a {
	display: inline-block;
}

.mob-links li a>img {
	max-width: 100%;
	height: 56px;
	padding: 33px 0;
} /*edited on 11/8/2014*/
.mob-links li>img {
	max-width: 100%;
	height: 76px;
	padding: 23px 0;
}

.info-card-foo {
	background: #cecece;
	position: absolute;
	bottom: -9%;
	left: 0;
	right: 0;
	width: 85%;
	z-index: 999;
	margin: 0 auto;
	border: 1px solid #314047;
}

#card-info .info-card-foo {
	background: #cecece;
	position: static;
	width: 85%;
	z-index: 999;
	margin: 3% auto;
	border: 1px solid #314047;
}

.foo-wrapper {
	padding: 15px 30px;
	overflow: hidden;
	position: relative;
}

.foo-wrapper>img {
	float: left;
	height: auto;
} /*edited on 11/8/2014*/
/*#manage-card .text-container1{margin:1% 0;}*/
.text-container1 {
	float: left;
	width: 82%;
	margin-left: 5%; /*padding:6px 0 0 0;*/
} /*edited on 11/8/2014*/
.text-container1 h3 {
	font-family: "Nanum Gothic";
	color: #314047;
	margin: 5px 0;
	font-size: 15px;
}

.text-container1 p {
	color: #314047;
	margin: 0;
}

.text-container1 a.firstLight {
	color: #314047;
	font-size: 14px;
	float: right;
}

.tnc-list {
	overflow: hidden;
}

.tnc-list li {
	float: left;
}

.tnc-list li a {
	display: inline-block;
	padding: 29px 23px;
}

.chip-list {
	overflow: hidden;
	margin: 0 5%;
}

.chip-list li.content {
	float: left;
	width: 26%;
	margin: 17px 0;
}

.chip-list li.arrows {
	float: left;
	width: 10%;
	margin: 34px 0;
	text-align: center;
}

.chip-list li .chip-img {
	float: left;
	height: 80px;
}

.chip-list li .data {
	float: left;
	margin: 15px 0 0 20px;
	width: 53%;
}

.chip-list li .data h5 {
	margin: 0;
}

.chip-list li .data p {
	padding: 0;
	text-align: left;
}

.card-info-list .firstLight {
	font-family: "Nanum Gothic";
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	position: absolute;
	bottom: 4%;
	left: 0;
	right: 0;
	width: 100%;
}

.manage-card-list {
	position: relative;
	z-index: 1000;
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}

.manage-card-list li {
	float: left;
	width: 32.7%;
	margin-right: 10px;
	text-align: center;
	position: relative;
}

.manage-card-list li:last-child {
	margin: 0;
}

.manage-card-list li.block1 {
	background: url("../images/manage-cards/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
	height: 150px;
	width: 100%;
	margin: 0 0 10px;
}

.manage-card-list li.block2 {
	background: url("../images/manage-cards/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
}

.manage-card-list li.block3 {
	background: url("../images/manage-cards/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
	margin-right: 0;
}

.manage-card-list1 {
	margin-top: 10px;
}

.manage-card-list1 li.block1,.manage-card-list1 li.block2,.manage-card-list1 li.block3
	{
	background: url("../images/manage-cards/img17.png");
	background-size: 100% 100%;
}

.manage-card-list li.block2 .s1 {
	height: 154px;
	margin-bottom: 10px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/manage-cards/img16.png");
}

.manage-card-list li.block2 .s2 {
	height: 216px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/manage-cards/img16.png");
}

.manage-card-list li.block4 .s1 {
	height: 154px;
	margin-bottom: 10px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/manage-cards/img17.png");
}

.manage-card-list li.block4 .s2 {
	height: 216px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/manage-cards/img17.png");
}

.manage-card-list li h3,.manage-card-list li p {
	font-family: "Nanum Gothic";
	color: #fff;
}

.manage-card-list li h3 {
	font-size: 14px;
	margin: 1em 0;
}

.manage-card-list li p {
	font-size: 13px;
	padding: 0 5%;
	margin: 5px 0;
}

.manage-card-list li img {
	padding: 5px 0;
	max-width: 100%;
	width: 15%;
}

.manage-card-list li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
/*.manage-card-list li div{position:relative;}*/
.manage-card-list li div>a.more-details,.manage-card-list li a.more-details
	{
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	font-size: 12px;
}

.manage-card-list li a.more-details {
	bottom: 3%;
}

#card-info,#card-info .bcg .hsContainer {
	overflow: initial;
}

#manage-card,#manage-card .bcg .hsContainer {
	overflow: initial;
}

#manage-card .info-card-foo {
	background: #008589;
	border: 1px solid #202A28;
	width: 80%;
}

#manage-card .text-container1 {
	text-align: center;
}

#manage-card .text-container1 a,#manage-card .text-container1 p,#manage-card .text-container1 h3
	{
	color: #fff;
	text-align: left;
}

#manage-card .text-container1 {
	width: 83%;
}

.card-agreement-list {
	position: relative;
	z-index: 1000;
	width: 85%;
	margin: 0 auto;
	overflow: hidden;
}

.card-agreement-list li {
	float: left;
	width: 32.7%;
	margin-right: 10px;
	text-align: center;
	position: relative;
}

.card-agreement-list li:last-child {
	margin: 0;
}

.card-agreement-list li.block1 {
	background: url("../images/card-agreement/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
	height: 150px;
	width: 100%;
	margin: 0 0 10px;
}

.card-agreement-list li.block2 {
	background: url("../images/card-agreement/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
}

.card-agreement-list li.block3 {
	background: url("../images/card-agreement/img14.png");
	padding: 15px 0;
	color: #fff;
	height: 210px;
	margin-right: 0;
}

.card-agreement-list1 {
	margin-top: 10px;
}

.card-agreement-list1 li.block1,.card-agreement-list1 li.block2,.card-agreement-list1 li.block3
	{
	background: url("../images/card-agreement/img17.png");
	background-size: 100% 100%;
}

.card-agreement-list li.block2 .s1 {
	height: 154px;
	margin-bottom: 10px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/card-agreement/img16.png");
}

.card-agreement-list li.block2 .s2 {
	height: 216px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/card-agreement/img16.png");
}

.card-agreement-list li.block4 .s1 {
	height: 154px;
	margin-bottom: 10px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/card-agreement/img17.png");
}

.card-agreement-list li.block4 .s2 {
	height: 216px;
	padding: 10px 0;
	color: #314047;
	background: url("../images/card-agreement/img17.png");
}

.card-agreement-list li h3,.card-agreement-list li p {
	font-family: "Nanum Gothic";
	color: #fff;
}

.card-agreement-list li h3 {
	font-size: 14px;
	margin: 1em 0;
}

.card-agreement-list li p {
	font-size: 13px;
	padding: 0 5%;
	margin: 5px 0;
}

.card-agreement-list li img {
	padding: 5px 0;
	max-width: 100%;
	width: 15%;
}

.card-agreement-list li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}
/*.card-agreement-list li div{position:relative;}*/
.card-agreement-list li div>a.more-details,.card-agreement-list li a.more-details
	{
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	font-size: 12px;
}

.card-agreement-list li a.more-details {
	bottom: 3%;
}

/***#card-info,#card-info .bcg .hsContainer{overflow:initial;}***/
#card-agreement,#card-agreement .bcg .hsContainer {
	overflow: initial;
}

#card-agreement .info-card-foo {
	background: #008589;
	border: 1px solid #202A28;
	width: 80%;
}

#card-agreement .text-container1 {
	text-align: center;
}

#card-agreement .text-container1 a,#card-agreement .text-container1 p,#card-agreement .text-container1 h3
	{
	color: #fff;
	text-align: left;
}

#card-agreement .text-container1 {
	width: 83%;
}

/* Light Box */
.commonWrapper {
	background: rgba(0, 0, 0, 0.9);
	color: #fff;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.close-btn {
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 15px;
	right: 15px;
}

.commonWrapper p {
	text-align: center;
	font-size: 13px;
	margin: 0;
	padding: 3px 15px;
}

.commonWrapper p.small {
	font-size: 12px;
}

.commonWrapper p.micro {
	font-size: 10px;
}

.commonWrapper p a {
	color: #fff;
}

.cLsFulMar {
	bottom: 4%;
	position: absolute;
	width: 100%;
	padding: 0 !important;
}

.cLsFulMar a {
	font-size: 14px;
}

.cLsFulMarBtm1 {
	position: relative;
	top: 87px;
}

.cLsFulMarBtm2 {
	position: relative;
	top: 83px;
}

.overlay-content {
	text-align: center;
	margin-top: 55px;
}

.overlay-content .offer-logo {
	margin-top: 3%; /*padding: 0 4%;*/
	width: 62% !important;
}

.overlay-content .offers>img {
	padding: 0 12%;
	height: 80px !important;
}

.overlay-content h3,.overlay-content h4 {
	margin: 10px;
}

.overlay-content img {
	height: auto !important;
	width: auto !important;
}
/* Light Box End*/
.footer-wrapper {
	margin: 0 auto 15px auto;
	width: 80%;
	z-index: 999;
	padding-top: 85px;
}

.footer-wrapper h3,.footer-wrapper p {
	color: #fff;
	margin: 0;
	font-family: "Nanum Gothic";
}

.footer-wrapper .foo-list {
	overflow: hidden;
}

.footer-wrapper .foo-list li {
	float: left;
	width: 23.3%;
	margin-right: 10px;
	color: #fff;
}

.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a {
	font-family: "Nanum Gothic";
	color: #fff;
}

.copyright-content {
	margin: 30px 0;
}

.copyright-content li {
	float: left;
	margin-right: 30px;
	font-family: "Nanum Gothic";
	font-size: 12px;
}

.copyright-content li:last-child {
	float: right;
	margin-right: 0;
}

.copyright-content li a {
	font-family: "Nanum Gothic";
	display: inline-block;
	color: #008589;
	text-decoration: none;
	font-size: 12px;
}

.copyright-content li:last-child,.copyright-content li:last-child a {
	color: #fff;
}

.macSafari .ih-item img {
	width: auto;
	height: auto;
}

.macSafari .ih-item.square.effect6 .info p.placeholder img {
	width: 210px;
	margin: 0 auto;
}

.externalLink {
	background: url("../images/external_link.png") no-repeat right 4px;
	background-size: 11px 10px;
	display: inline-block !important;
	padding-right: 18px !important;
	color: #fff;
}

.externalLinkWrap {
	background: url("../images/external_link.png") no-repeat right 4px;
	background-size: 11px 10px;
	display: inline-block !important;
	width: 14px;
	height: 14px;
}

.tnc-list li a span.externalLinkWrap {
	background-size: 14px 13px;
	height: 17px;
	padding-right: 2px !important;
}

.manage-card-list li.block4 .s2 .info {
	height: 100%;
}

.manage-card-list li.block4 .s2 .info a.more-details {
	bottom: 3%;
}

.manage-card-list li.block4 .s2 .commonWrapper {
	position: absolute;
}

.manage-card-list li.block4 .s2 .commonWrapper img {
	width: 100%;
	height: 100%;
}

.card-agreement-list li.block4 .s2 .info {
	height: 100%;
}

.card-agreement-list li.block4 .s2 .info a.more-details {
	bottom: 3%;
}

.card-agreement-list li.block4 .s2 .commonWrapper {
	position: absolute;
}

.card-agreement-list li.block4 .s2 .commonWrapper img {
	width: 100%;
	height: 100%;
}

.terms-cond {
	position: relative;
	z-index: 1000;
	width: 75%;
	margin: 0 auto;
	overflow: hidden;
	padding: 50px 0 0;
}

.terms-cond li {
	float: left;
	width: 24%;
	margin-right: 10px;
	text-align: center;
	position: relative;
	padding: 10px 0;
	color: #fff;
	height: 130px;
}

.terms-cond li:last-child {
	margin: 0;
}

.terms-cond li.greenBg {
	background: url("../images/manage-cards/img14.png");
}

.terms-cond li.grayBg {
	background: url("../images/manage-cards/img15.png");
}
/***.terms-cond li h3,.manage-card-list li p{font-family:"Nanum Gothic";color:#fff;}***/
.terms-cond li h3 {
	font-family: "Nanum Gothic";
	color: #fff;
}

.manage-card-list li p {
	font-family: "Nanum Gothic";
	color: #fff;
}

.card-agreement-list li p {
	font-family: "Nanum Gothic";
	color: #fff;
}

.terms-cond li h3 {
	font-size: 14px;
	margin: 0;
}

.terms-cond li p {
	font-size: 13px;
	padding: 0 5%;
	margin: 5px 0;
}

.terms-cond li img {
	padding: 5px 0;
	max-width: 100%;
	width: 15%;
}

.terms-cond li a {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	outline: none;
}

.terms-cond li div {
	position: relative;
}
/***.terms-cond li a.more-details,.manage-card-list li a.more-details{position:absolute;width:100%;bottom:7%;left:0;font-size:12px;outline:none;}***/
.terms-cond li a.more-details {
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	font-size: 12px;
	outline: none;
}

.manage-card-list li a.more-details {
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	font-size: 12px;
	outline: none;
}

.card-agreement-list li a.more-details {
	position: absolute;
	width: 100%;
	bottom: 7%;
	left: 0;
	font-size: 12px;
	outline: none;
}

.discTxt {
	padding: 30px 0 0;
	font-size: 12px;
}

.image-list.col2 li {
	width: 49%;
	height: auto;
	position: relative;
}

#card-info .foo-wrapper>img {
	margin-top: 0;
}

#card-info .text-container1 h3 {
	margin: 0 0 3px;
}

.manage-card-list1 li {
	width: 49.5%;
}

.card-agreement-list1 li {
	width: 49.5%;
}

.termsWrap>p>a {
	color: #fff;
	text-decoration: underline;
	outline: none;
}

.termsWrap {
	padding: 0 0 10px;
	float: left;
}

.termsHdr {
	padding: 0 0 10px;
}

.termsLink {
	font-size: 12px;
	padding: 0 0 5px;
	outline: none;
}

.discWrap p {
	padding: 0 0 10px;
}

.contWrap {
	overflow: hidden;
}

.image-list.col1 {
	width: 28%;
}

.image-list.col1 li {
	width: 100%;
	height: auto;
	position: relative;
}

.flexslider .card-info-list.slides li .info>img {
	width: 58px;
	height: auto;
}

.manage-card-list1 {
	margin-top: 10px;
}

.manage-card-list li.block2.greyBg {
	background: url("../images/manage-cards/img17.png");
	background-size: 100% 100%;
}

.card-agreement-list1 {
	margin-top: 10px;
}

.card-agreement-list li.block2.greyBg {
	background: url("../images/card-agreement/img17.png");
	background-size: 100% 100%;
}

.fotWrap>img {
	float: left;
}

.foo-wrapper-txt {
	color: #fff;
	float: left;
	padding-left: 20px;
	margin: 15px 0;
	font-size: 15px;
}

ul.discList {
	padding: 0;
}

ul.discList>li {
	color: #fff;
	list-style: none;
	font-size: 12px;
	float: left;
	padding: 0 4% 0 0;
}

ul.discList>li.first {
	padding-bottom: 2%;
	line-height: 20px;
	float: none;
}

.telNo {
	display: block;
	font-size: 16px;
	line-height: 22px;
	font-family: interstate;
}
/*#card-info .ih-item.square .info{position:inherit;}*/
.card-info-list li:nth-child(1) {
	background: url("../images/card-info/b1.jpg");
}
/*#earn-points .ih-item.square .info{position:inherit;}*/
#earn-points .ih-item.square.effect6 .info {
	background: none;
}

#exclusive-offers .ih-item.square .info {
	position: absolute;
}
/*#exclusive-offers .ih-item.square.effect6 .info{background:#000	;}*/
/*.ih-item.square.effect6 .info a{position:inherit;}*/
.section-head.use-card {
	width: 310px;
}

#use-card .bcg {
	background-image: url("../images/use-card/bcg_slide-3.jpg");
}

a.more-details,.terms-cond li a.more-details,.manage-card-list li a.more-details
	{
	bottom: 6%;
	color: #fff;
	font-size: 12px;
	left: 0;
	outline: medium none;
	position: absolute;
	width: 100%;
}

.card-agreement-list li a.more-details {
	bottom: 6%;
	color: #fff;
	font-size: 12px;
	left: 0;
	outline: medium none;
	position: absolute;
	width: 100%;
}

.card-info-list.use-card-list li .info img {
	max-width: 100%;
	padding: 15px 0;
	width: 70px;
}

.use-card-list.col3 li {
	width: 32.6%;
}

.section-head.multi-pay {
	width: 290px;
}

#multi-pay .bcg {
	background-image: url("../images/multi-pay/bcg_slide-4.jpg");
}

.home-footer .block3 .b2 {
	background: url('../images/get_started.png') no-repeat top center;
	color: #fff;
	font-family: "Nanum Gothic";
	margin-right: 30px;
	padding: 0 0 8px 40px;
	font-size: 90%;
	background-size: 30px;
	margin-left: 21px;
	width: 85%;
	height: 34px;
	cursor: pointer;
}

#get-started-overlay {
	background: #000;
	position: absolute;
	left: 0;
	bottom: -200%;
	width: 100%;
	z-index: 1001;
	overflow: hidden;
}

#get-started-overlay ul {
	padding: 20px 60px 33px 40px;
	margin: 0;
	height: 100%;
	overflow: hidden;
}

#get-started-overlay ul li:nth-child(1) {
	border-left: none;
	padding-left: 0px;
	margin: 0px;
}

#get-started-overlay ul li { /*width: 36.52%;*/
	width: 43%;
	float: left;
	list-style-type: none;
	height: 100%;
	border-left: 1px solid #fff;
	padding-left: 60px;
}

#get-started-overlay ul li.or {
	width: 3%;
	font-size: 40px;
	text-transform: lowercase;
	color: #fff;
	margin: 0 5%;
}

#get-started-overlay ul li:nth-child(1) div p {
	margin: 22px 0 0;
}

#get-started-overlay ul li div {
	color: #FFF; /*padding: 0 0px 0px 110px*/;
	position: relative;
}

#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 p {
	font-size: 18px;
	margin: 0;
}

#get-started-overlay ul li div p .blueText {
	color: #00BCC5;
}

#get-started-overlay ul li div img {
	padding: 8px 12px;
	float: right;
}

#get-started-overlay ul li div .or-text {
	width: 50px; /*float: right;*/
	float: left;
	font-size: 40px;
	text-transform: lowercase;
}

#get-started-overlay #get-started-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	width: 23px;
}

#get-started-overlay span.visible-desktop {
	display: inline-block;
}

#get-started-overlay ul li div p.text {
	color: #6aefff;
	font-weight: bold;
	margin-bottom: 20px;
}

#get-started-overlay ul li div p.textB {
	text-align: left;
	padding: 2px 20px 2px 20px;
	font-size: 18px;
}

#get-started-overlay ul li div p.textB span {
	font-size: 8px;
}

.custom-checkbox {
	/*background: url("../images/checkbox.png") no-repeat scroll 0 0 transparent;*/
	display: inline-block;
	float: left;
	height: 17px;
	margin: 2px 0 0 0px;
	position: relative;
	width: 17px;
	z-index: 1;
}

.custom-checkbox.selected {
	/*background: url("../images/checkbox-tick.png") no-repeat scroll 0 0 transparent;*/
	
}

.custom-checkbox input[type="checkbox"] {
	cursor: pointer;
	height: 17px;
	margin: 1px;
	opacity: 0;
	outline: medium none;
	position: absolute;
	width: 17px;
	z-index: 2;
	visibility: hidden;
}

.ih-item {
	position: relative;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item,.ih-item * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.ih-item a {
	color: #333
}

.ih-item a:hover {
	text-decoration: none
}

.ih-item img {
	width: 100%;
	height: 100%
}

.ih-item.circle .img:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: inset 0 0 0 16px rgba(255, 255, 255, 0.6), 0 1px 2px
		rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle .img img {
	border-radius: 50%
}

.ih-item.circle .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ih-item.square {
	position: relative
}

.ih-item.square .info {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	backface-visibility: hidden
}

.ih-item.circle.effect1 .spinner {
	width: 230px;
	height: 230px;
	border: 10px solid #ecab18;
	border-right-color: #1ad280;
	border-bottom-color: #1ad280;
	border-radius: 50%;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}

.ih-item.circle.effect1 .img {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	width: auto;
	height: auto
}

.ih-item.circle.effect1 .img:before {
	display: none
}

.ih-item.circle.effect1 .info {
	top: 10px;
	bottom: 0;
	left: 10px;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out
}

.ih-item.circle.effect3 .info {
	background: #333;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect4 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	transition: all .35s ease
}

.ih-item.circle.effect5 .info {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ih-item.circle.effect5 .info .info-back {
	visibility: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	-moz-transform: rotate3d(0, 1, 0, 180deg);
	-ms-transform: rotate3d(0, 1, 0, 180deg);
	-o-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ih-item.circle.effect6.scale_down .info {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

.ih-item.circle.effect6.scale_down_up .info {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out .2s;
	-moz-transition: all .35s ease-in-out .2s;
	transition: all .35s ease-in-out .2s
}

.ih-item.circle.effect7 .img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	transition: all .35s ease-out
}

.ih-item.circle.effect7 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}

.ih-item.circle.effect8 .img-container {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

.ih-item.circle.effect8 .img-container .img {
	opacity: 1;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}

.ih-item.circle.effect8 .info-container {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .3s ease-in-out .3s;
	-moz-transition: all .3s ease-in-out .3s;
	transition: all .3s ease-in-out .3s
}

.ih-item.circle.effect8 .info {
	width: 100%;
	height: 100%;
	background: #333;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out .6s;
	-moz-transition: all .35s ease-in-out .6s;
	transition: all .35s ease-in-out .6s
}

.ih-item.circle.effect9 .img {
	opacity: 1;
	-webkit-transition: all .35s ease-out;
	-moz-transition: all .35s ease-out;
	transition: all .35s ease-out
}

.ih-item.circle.effect9 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}

.ih-item.circle.effect10 .img {
	z-index: 11;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect10 .info {
	background: #333;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect10 .info h3 {
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect10 .info p {
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect10.top_to_bottom .info h3 {
	height: 78px;
	margin: 0 30px;
	padding: 25px 0 0
}

.ih-item.circle.effect10.bottom_to_top .info h3 {
	height: 78px;
	margin: 95px 30px 0;
	padding: 25px 0 0
}

.ih-item.circle.effect11 .img {
	opacity: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect11 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease .35s;
	-moz-transition: all .35s ease .35s;
	transition: all .35s ease .35s
}

.ih-item.circle.effect12 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect13 .info h3 {
	visibility: hidden;
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	height: 110px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	margin: 0 30px;
	padding: 55px 0 0
}

.ih-item.circle.effect13 .info p {
	visibility: hidden;
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	margin: 0 30px;
	padding: 10px 5px
}

.ih-item.circle.effect14 .img {
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.ih-item.circle.effect14 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}

.ih-item.circle.effect15 .img {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scale(1) rotate(0);
	-moz-transform: scale(1) rotate(0);
	-ms-transform: scale(1) rotate(0);
	-o-transform: scale(1) rotate(0);
	transform: scale(1) rotate(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect15 .info {
	background: #333;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: scale(0.5) rotate(-720deg);
	-moz-transform: scale(0.5) rotate(-720deg);
	-ms-transform: scale(0.5) rotate(-720deg);
	-o-transform: scale(0.5) rotate(-720deg);
	transform: scale(0.5) rotate(-720deg);
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}

.ih-item.circle.effect16 .info {
	background: #333;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect16.left_to_right .img {
	-webkit-transform-origin: 95% 40%;
	-moz-transform-origin: 95% 40%;
	-ms-transform-origin: 95% 40%;
	-o-transform-origin: 95% 40%;
	transform-origin: 95% 40%
}

.ih-item.circle.effect16.left_to_right .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 95%;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
	margin: -4px 0 0 -4px
}

.ih-item.circle.effect16.right_to_left .img {
	-webkit-transform-origin: 5% 40%;
	-moz-transform-origin: 5% 40%;
	-ms-transform-origin: 5% 40%;
	-o-transform-origin: 5% 40%;
	transform-origin: 5% 40%
}

.ih-item.circle.effect16.right_to_left .img:after {
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	border-radius: 50%;
	top: 40%;
	left: 5%;
	background: rgba(0, 0, 0, 0.8);
	box-shadow: 0 0 1px rgba(255, 255, 255, 0.9);
	margin: -4px 0 0 -4px
}

.ih-item.circle.effect17 .info {
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect17 .info p {
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	margin: 0 30px;
	padding: 10px 5px
}

.ih-item.circle.effect18 .img {
	z-index: 11;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.ih-item.circle.effect18 .info .info-back {
	opacity: 1;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #333
}

.ih-item.circle.effect19 .info {
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect20 .img {
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.ih-item.circle.effect20 .info .info-back {
	opacity: 1;
	visibility: hidden;
	border-radius: 50%;
	width: 100%;
	height: 100%;
	background: #333;
	-webkit-transition: all .35s linear;
	-moz-transition: all .35s linear;
	transition: all .35s linear;
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.ih-item.square.effect1 .img {
	z-index: 11;
	position: absolute;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.ih-item.square.effect1 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect1.left_and_right .info h3 {
	position: absolute;
	top: 12px;
	left: 12px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 0
}

.ih-item.square.effect1.left_and_right .info p {
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-style: italic;
	font-size: 12px;
	color: #bbb;
	margin: 0
}

.ih-item.square.effect1.top_to_bottom .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 10px 0 0;
	padding: 10px 10px 0 4px
}

.ih-item.square.effect1.bottom_to_top .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 134px 0 0;
	padding: 10px 10px 0 4px
}

.ih-item.square.effect2 .img {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	-webkit-transform: rotate(0deg) scale(1);
	-moz-transform: rotate(0deg) scale(1);
	-ms-transform: rotate(0deg) scale(1);
	-o-transform: rotate(0deg) scale(1);
	transform: rotate(0deg) scale(1)
}

.ih-item.square.effect2 .info {
	background: #333;
	visibility: hidden;
	-webkit-transition: all .35s .3s ease-in-out;
	-moz-transition: all .35s .3s ease-in-out;
	transition: all .35s .3s ease-in-out
}

.ih-item.square.effect2 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .6s ease-in-out;
	-moz-transition: all .35s .6s ease-in-out;
	transition: all .35s .6s ease-in-out;
	margin: 30px 0 0;
	padding: 10px
}

.ih-item.square.effect2 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	-webkit-transform: translateY(-200px);
	-moz-transform: translateY(-200px);
	-ms-transform: translateY(-200px);
	-o-transform: translateY(-200px);
	transform: translateY(-200px);
	-webkit-transition: all .35s .5s linear;
	-moz-transition: all .35s .5s linear;
	transition: all .35s .5s linear;
	padding: 20px
}

.ih-item.square.effect3 .img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect3 .info {
	height: 65px;
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect3 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	margin: 4px 0 0;
	padding: 10px 10px 0 4px
}

.ih-item.square.effect3 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	padding: 5px
}

.ih-item.square.effect3.bottom_to_top .info {
	top: auto;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.ih-item.square.effect3.top_to_bottom .info {
	bottom: auto;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%)
}

.ih-item.square.effect4 {
	overflow: hidden;
	position: relative
}

.ih-item.square.effect4 .mask1,.ih-item.square.effect4 .mask2 {
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	height: 361px;
	width: 361px;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect4 .mask1 {
	left: auto;
	right: 0;
	top: 0;
	-webkit-transform: rotate(56.5deg) translateX(-180px);
	-moz-transform: rotate(56.5deg) translateX(-180px);
	-ms-transform: rotate(56.5deg) translateX(-180px);
	-o-transform: rotate(56.5deg) translateX(-180px);
	transform: rotate(56.5deg) translateX(-180px);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.ih-item.square.effect4 .mask2 {
	top: auto;
	bottom: 0;
	left: 0;
	-webkit-transform: rotate(56.5deg) translateX(180px);
	-moz-transform: rotate(56.5deg) translateX(180px);
	-ms-transform: rotate(56.5deg) translateX(180px);
	-o-transform: rotate(56.5deg) translateX(180px);
	transform: rotate(56.5deg) translateX(180px);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%
}

.ih-item.square.effect4 .info {
	background: #111;
	height: 0;
	visibility: hidden;
	width: 361px;
	-webkit-transform: rotate(-33.5deg) translate(-112px, 166px);
	-moz-transform: rotate(-33.5deg) translate(-112px, 166px);
	-ms-transform: rotate(-33.5deg) translate(-112px, 166px);
	-o-transform: rotate(-33.5deg) translate(-112px, 166px);
	transform: rotate(-33.5deg) translate(-112px, 166px);
	-webkit-transform-origin: 0 100%;
	-moz-transform-origin: 0 100%;
	-ms-transform-origin: 0 100%;
	-o-transform-origin: 0 100%;
	transform-origin: 0 100%;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s
}

.ih-item.square.effect4 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: transparent;
	margin-top: 5px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s;
	padding: 10px
}

.ih-item.square.effect4 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .35s;
	-moz-transition: all .35s ease-in-out .35s;
	transition: all .35s ease-in-out .35s;
	padding: 20px
}

.ih-item.square.effect5.left_to_right .info {
	-webkit-transform: scale(0) rotate(-180deg);
	-moz-transform: scale(0) rotate(-180deg);
	-ms-transform: scale(0) rotate(-180deg);
	-o-transform: scale(0) rotate(-180deg);
	transform: scale(0) rotate(-180deg)
}

.ih-item.square.effect5.right_to_left .info {
	-webkit-transform: scale(0) rotate(180deg);
	-moz-transform: scale(0) rotate(180deg);
	-ms-transform: scale(0) rotate(180deg);
	-o-transform: scale(0) rotate(180deg);
	transform: scale(0) rotate(180deg)
}

.ih-item.square.effect6 .img {
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.ih-item.square.effect6 .info {
	padding: 0 5px
}

.ih-item.square.effect7 .info {
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect7 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	-webkit-transform: scale(4);
	-moz-transform: scale(4);
	-ms-transform: scale(4);
	-o-transform: scale(4);
	transform: scale(4);
	-webkit-transition: all .35s .1s ease-in-out;
	-moz-transition: all .35s .1s ease-in-out;
	transition: all .35s .1s ease-in-out;
	margin: 30px 0 0;
	padding: 10px
}

.ih-item.square.effect7 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	-webkit-transform: scale(5);
	-moz-transform: scale(5);
	-ms-transform: scale(5);
	-o-transform: scale(5);
	transform: scale(5);
	-webkit-transition: all .35s .3s linear;
	-moz-transition: all .35s .3s linear;
	transition: all .35s .3s linear;
	padding: 20px
}

.ih-item.square.effect8 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	-webkit-transition: all .35s .1s ease-in-out;
	-moz-transition: all .35s .1s ease-in-out;
	transition: all .35s .1s ease-in-out;
	margin: 30px 0 0;
	padding: 10px
}

.ih-item.square.effect8 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	-webkit-transition: all .35s .15s linear;
	-moz-transition: all .35s .15s linear;
	transition: all .35s .15s linear;
	padding: 20px
}

.ih-item.square.effect9 .img {
	position: relative;
	z-index: 11;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}

.ih-item.square.effect9 .info {
	z-index: 0;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ih-item.square.effect9 .info .info-back {
	opacity: 1;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	background: #333
}

.ih-item.square.effect9 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	margin: 0;
	padding: 10px
}

.ih-item.square.effect11 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}

.ih-item.square.effect12 .img {
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}

.ih-item.square.effect12 .info {
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in
}

.ih-item.square.effect12 .info h3 {
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in;
	margin: 30px 0 0;
	padding: 10px
}

.ih-item.square.effect12 .info p {
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	transition: all .35s ease-in;
	padding: 20px
}

.ih-item.square.effect12.left_to_right .info {
	-webkit-transform: translate(-460px, -100px) rotate(-180deg);
	-moz-transform: translate(-460px, -100px) rotate(-180deg);
	-ms-transform: translate(-460px, -100px) rotate(-180deg);
	-o-transform: translate(-460px, -100px) rotate(-180deg);
	transform: translate(-460px, -100px) rotate(-180deg)
}

.ih-item.square.effect12.left_to_right .info p {
	-webkit-transform: translateX(-300px) rotate(-90deg);
	-moz-transform: translateX(-300px) rotate(-90deg);
	-ms-transform: translateX(-300px) rotate(-90deg);
	-o-transform: translateX(-300px) rotate(-90deg);
	transform: translateX(-300px) rotate(-90deg)
}

.ih-item.square.effect12.right_to_left .info {
	-webkit-transform: translate(460px, -100px) rotate(180deg);
	-moz-transform: translate(460px, -100px) rotate(180deg);
	-ms-transform: translate(460px, -100px) rotate(180deg);
	-o-transform: translate(460px, -100px) rotate(180deg);
	transform: translate(460px, -100px) rotate(180deg)
}

.ih-item.square.effect12.right_to_left .info p {
	-webkit-transform: translateX(300px) rotate(90deg);
	-moz-transform: translateX(300px) rotate(90deg);
	-ms-transform: translateX(300px) rotate(90deg);
	-o-transform: translateX(300px) rotate(90deg);
	transform: translateX(300px) rotate(90deg)
}

.ih-item.square.effect12.top_to_bottom .info {
	-webkit-transform: translate(-265px, -145px) rotate(-45deg);
	-moz-transform: translate(-265px, -145px) rotate(-45deg);
	-ms-transform: translate(-265px, -145px) rotate(-45deg);
	-o-transform: translate(-265px, -145px) rotate(-45deg);
	transform: translate(-265px, -145px) rotate(-45deg)
}

.ih-item.square.effect12.bottom_to_top .info {
	-webkit-transform: translate(265px, 145px) rotate(45deg);
	-moz-transform: translate(265px, 145px) rotate(45deg);
	-ms-transform: translate(265px, 145px) rotate(45deg);
	-o-transform: translate(265px, 145px) rotate(45deg);
	transform: translate(265px, 145px) rotate(45deg)
}

.ih-item.square.effect12.bottom_to_top .info p {
	-webkit-transform: translate(-200px, 200px);
	-moz-transform: translate(-200px, 200px);
	-ms-transform: translate(-200px, 200px);
	-o-transform: translate(-200px, 200px);
	transform: translate(-200px, 200px)
}

.ih-item.square.effect13 .info {
	background: rgba(0, 0, 0, 0.6);
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect14 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all .35s ease .2s;
	-moz-transition: all .35s ease .2s;
	transition: all .35s ease .2s
}

.ih-item.square.effect15 {
	overflow: hidden;
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}

.ih-item.square.effect15 .info {
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out .3s;
	-moz-transition: all .35s ease-in-out .3s;
	transition: all .35s ease-in-out .3s
}

.ih-item.circle,.ih-item.circle .img {
	position: relative;
	width: 220px;
	height: 220px;
	border-radius: 50%
}

.ih-item.circle.effect1.colored .info,.ih-item.circle.effect2.colored .info,.ih-item.circle.effect5.colored .info .info-back,.ih-item.circle.effect13.colored .info,.ih-item.circle.effect19.colored .info,.ih-item.square.effect4.colored .mask1,.ih-item.square.effect4.colored .mask2,.ih-item.square.effect6.colored .info,.ih-item.square.effect7.colored .info,.ih-item.square.effect12.colored .info,.ih-item.square.effect13.colored .info
	{
	background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect1 .info h3,.ih-item.circle.effect2 .info h3,.ih-item.circle.effect3 .info h3,.ih-item.circle.effect4 .info h3,.ih-item.circle.effect5 .info h3,.ih-item.circle.effect6 .info h3,.ih-item.circle.effect7 .info h3,.ih-item.circle.effect9 .info h3,.ih-item.circle.effect11 .info h3,.ih-item.circle.effect12 .info h3,.ih-item.circle.effect14 .info h3,.ih-item.circle.effect15 .info h3,.ih-item.circle.effect16 .info h3,.ih-item.circle.effect17 .info h3,.ih-item.circle.effect18 .info h3,.ih-item.circle.effect20 .info h3
	{
	color: #fff;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 2px;
	font-size: 22px;
	height: 110px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
	margin: 0 30px;
	padding: 55px 0 0
}

.ih-item.circle.effect1 .info p,.ih-item.circle.effect2 .info p,.ih-item.circle.effect3 .info p,.ih-item.circle.effect5 .info p,.ih-item.circle.effect6 .info p,.ih-item.circle.effect7 .info p,.ih-item.circle.effect8 .info p,.ih-item.circle.effect9 .info p,.ih-item.circle.effect11 .info p,.ih-item.circle.effect12 .info p,.ih-item.circle.effect14 .info p,.ih-item.circle.effect15 .info p,.ih-item.circle.effect18 .info p,.ih-item.circle.effect19 .info p,.ih-item.circle.effect20 .info p
	{
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	margin: 0 30px;
	padding: 10px 5px
}

.ih-item.circle.effect2 .img,.ih-item.circle.effect6 .img,.ih-item.square.effect11 .img
	{
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect2 .info,.ih-item.circle.effect13 .info {
	background: rgba(0, 0, 0, 0.6);
	opacity: 0;
	pointer-events: none;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect3 .img,.ih-item.circle.effect16 .img {
	z-index: 11;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect3.colored .info,.ih-item.circle.effect4.colored .info,.ih-item.circle.effect6.colored .info,.ih-item.circle.effect7.colored .info,.ih-item.circle.effect8.colored .info,.ih-item.circle.effect9.colored .info,.ih-item.circle.effect10.colored .info,.ih-item.circle.effect11.colored .info,.ih-item.circle.effect12.colored .info,.ih-item.circle.effect14.colored .info,.ih-item.circle.effect15.colored .info,.ih-item.circle.effect16.colored .info,.ih-item.circle.effect18.colored .info .info-back,.ih-item.circle.effect20.colored .info .info-back,.ih-item.square.effect1.colored .info,.ih-item.square.effect2.colored .info,.ih-item.square.effect3.colored .info,.ih-item.square.effect5.colored .info,.ih-item.square.effect8.colored .info,.ih-item.square.effect9.colored .info .info-back,.ih-item.square.effect10.colored .info,.ih-item.square.effect11.colored .info,.ih-item.square.effect14.colored .info,.ih-item.square.effect15.colored .info
	{
	background: #1a4a72
}

.ih-item.circle.effect3.left_to_right .img,.ih-item.circle.effect3.right_to_left .img
	{
	-webkit-transform: scale(1) translateX(0);
	-moz-transform: scale(1) translateX(0);
	-ms-transform: scale(1) translateX(0);
	-o-transform: scale(1) translateX(0);
	transform: scale(1) translateX(0)
}

.ih-item.circle.effect3.top_to_bottom .img,.ih-item.circle.effect3.bottom_to_top .img
	{
	-webkit-transform: scale(1) translateY(0);
	-moz-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	-o-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0)
}

.ih-item.circle.effect4 .img,.ih-item.square.effect15 .img {
	opacity: 1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

.ih-item.circle.effect4 .info p,.ih-item.circle.effect16 .info p {
	color: #bbb;
	font-style: italic;
	font-size: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	margin: 0 30px;
	padding: 10px 5px
}

.ih-item.circle.effect5,.ih-item.circle.effect11,.ih-item.circle.effect14,.ih-item.circle.effect18,.ih-item.circle.effect20,.ih-item.square.effect9
	{
	-webkit-perspective: 900px;
	-moz-perspective: 900px;
	perspective: 900px
}

.ih-item.circle.effect6 .info,.ih-item.square.effect5 .info {
	background: #333;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect8 .info h3,.ih-item.circle.effect19 .info h3 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 22px;
	height: 140px;
	text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
	margin: 0 30px;
	padding: 45px 0 0
}

.ih-item.circle.effect9.left_to_right .img,.ih-item.circle.effect9.right_to_left .img,.ih-item.circle.effect12.left_to_right .img,.ih-item.circle.effect12.right_to_left .img,.ih-item.square.effect14.left_to_right .img,.ih-item.square.effect14.right_to_left .img
	{
	-webkit-transform: translateX(0) rotate(0);
	-moz-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	-o-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)
}

.ih-item.circle.effect10.top_to_bottom .info p,.ih-item.circle.effect10.bottom_to_top .info p
	{
	margin: 0 30px;
	padding: 5px
}

.ih-item.circle.effect11.top_to_bottom .info {
	-webkit-transform: translateZ(-1000px) rotateX(90deg);
	-moz-transform: translateZ(-1000px) rotateX(90deg);
	-ms-transform: translateZ(-1000px) rotateX(90deg);
	-o-transform: translateZ(-1000px) rotateX(90deg);
	transform: translateZ(-1000px) rotateX(90deg)
}

.ih-item.circle.effect11.bottom_to_top .info {
	-webkit-transform: translateZ(-1000px) rotateX(-90deg);
	-moz-transform: translateZ(-1000px) rotateX(-90deg);
	-ms-transform: translateZ(-1000px) rotateX(-90deg);
	-o-transform: translateZ(-1000px) rotateX(-90deg);
	transform: translateZ(-1000px) rotateX(-90deg)
}

.ih-item.circle.effect12 .img,.ih-item.square.effect8 .img,.ih-item.square.effect14 .img
	{
	opacity: 1;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.circle.effect12.top_to_bottom .img,.ih-item.circle.effect12.bottom_to_top .img
	{
	-webkit-transform: translateY(0) rotate(0);
	-moz-transform: translateY(0) rotate(0);
	-ms-transform: translateY(0) rotate(0);
	-o-transform: translateY(0) rotate(0);
	transform: translateY(0) rotate(0)
}

.ih-item.circle.effect12.top_to_bottom .info {
	-webkit-transform: translateY(-100%) rotate(-180deg);
	-moz-transform: translateY(-100%) rotate(-180deg);
	-ms-transform: translateY(-100%) rotate(-180deg);
	-o-transform: translateY(-100%) rotate(-180deg);
	transform: translateY(-100%) rotate(-180deg)
}

.ih-item.circle.effect14.left_to_right .img,.ih-item.square.effect15.left_to_right .img
	{
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ih-item.circle.effect14.left_to_right .info,.ih-item.square.effect15.left_to_right .info
	{
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ih-item.circle.effect14.right_to_left .img,.ih-item.square.effect15.right_to_left .img
	{
	-webkit-transform: rotateY(0);
	-moz-transform: rotateY(0);
	-ms-transform: rotateY(0);
	-o-transform: rotateY(0);
	transform: rotateY(0);
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ih-item.circle.effect14.right_to_left .info,.ih-item.square.effect15.right_to_left .info
	{
	-webkit-transform: rotateY(-90deg);
	-moz-transform: rotateY(-90deg);
	-ms-transform: rotateY(-90deg);
	-o-transform: rotateY(-90deg);
	transform: rotateY(-90deg);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ih-item.circle.effect14.top_to_bottom .img,.ih-item.square.effect15.top_to_bottom .img
	{
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.ih-item.circle.effect14.top_to_bottom .info,.ih-item.square.effect15.top_to_bottom .info
	{
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.ih-item.circle.effect14.bottom_to_top .img,.ih-item.square.effect15.bottom_to_top .img
	{
	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.ih-item.circle.effect14.bottom_to_top .info,.ih-item.square.effect15.bottom_to_top .info
	{
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.ih-item.circle.effect18 .info,.ih-item.circle.effect20 .info {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.ih-item.circle.effect18.bottom_to_top .img,.ih-item.square.effect9.bottom_to_top .img
	{
	-webkit-transform-origin: 50% 0;
	-moz-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	transform-origin: 50% 0
}

.ih-item.circle.effect18.top_to_bottom .img,.ih-item.square.effect9.top_to_bottom .img
	{
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}

.ih-item.circle.effect18.left_to_right .img,.ih-item.square.effect9.left_to_right .img
	{
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%
}

.ih-item.circle.effect18.right_to_left .img,.ih-item.square.effect9.right_to_left .img
	{
	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%
}

.ih-item.square.effect1,.ih-item.square.effect2,.ih-item.square.effect3,.ih-item.square.effect6,.ih-item.square.effect7,.ih-item.square.effect8,.ih-item.square.effect10,.ih-item.square.effect11,.ih-item.square.effect12,.ih-item.square.effect13
	{
	overflow: hidden
}

.ih-item.square.effect1.top_to_bottom .info p,.ih-item.square.effect1.bottom_to_top .info p
	{
	font-style: italic;
	font-size: 12px;
	color: #bbb;
	text-align: center;
	padding: 5px
}

.ih-item.square.effect2.colored .info h3,.ih-item.square.effect4.colored .info,.ih-item.square.effect5.colored .info h3,.ih-item.square.effect6.colored .info h3,.ih-item.square.effect7.colored .info h3,.ih-item.square.effect8.colored .info h3,.ih-item.square.effect9.colored .info h3,.ih-item.square.effect10.colored .info h3,.ih-item.square.effect11.colored .info h3,.ih-item.square.effect12.colored .info h3,.ih-item.square.effect13.colored .info h3,.ih-item.square.effect14.colored .info h3
	{
	background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect4 .img,.ih-item.square.effect10 .img {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect5 .img,.ih-item.square.effect7 .img,.ih-item.square.effect13 .img
	{
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.ih-item.square.effect5 .info h3,.ih-item.square.effect10 .info h3,.ih-item.square.effect11 .info h3,.ih-item.square.effect13 .info h3,.ih-item.square.effect14 .info h3,.ih-item.square.effect15 .info h3
	{
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	font-size: 17px;
	background: #111;
	margin: 30px 0 0;
	padding: 10px
}

.ih-item.square.effect5 .info p,.ih-item.square.effect9 .info p,.ih-item.square.effect10 .info p,.ih-item.square.effect11 .info p,.ih-item.square.effect13 .info p,.ih-item.square.effect14 .info p,.ih-item.square.effect15 .info p
	{
	font-style: italic;
	font-size: 12px;
	position: relative;
	color: #bbb;
	text-align: center;
	padding: 20px
}

.ih-item.square.effect8 .info,.ih-item.square.effect10 .info {
	background: #333;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.ih-item.square.effect8.scale_up .info,.ih-item.square.effect8.scale_up .info h3,.ih-item.square.effect8.scale_up .info p
	{
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0)
}

.ih-item.square.effect12.left_to_right .info h3,.ih-item.square.effect12.right_to_left .info h3
	{
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	transform: translateY(-100px)
}

.ih-item.square.effect12.top_to_bottom .info h3,.ih-item.square.effect12.top_to_bottom .info p,.ih-item.square.effect12.bottom_to_top .info h3
	{
	-webkit-transform: translate(200px, -200px);
	-moz-transform: translate(200px, -200px);
	-ms-transform: translate(200px, -200px);
	-o-transform: translate(200px, -200px);
	transform: translate(200px, -200px)
}
/*Calc*/
.rewardsItems {
	background: #7fdde2;
	overflow: hidden;
	padding: 28px 4% 20px;
	height: 329px;
}

.rewardsItems h3 {
	color: #fff;
	margin: 0;
	font-size: 18px;
	padding: 0 0 15px;
}

.rewardsItems .titleTxt {
	color: #000;
	float: left;
	font-family: "Nanum Gothic";
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	padding: 0 0 10px;
}

.rewardsItems li {
	float: left;
	list-style-type: none;
	width: 20%;
	margin: 0 15px;
}

.rewardsItems li:nth-child(2),.rewardsItems li:nth-child(4) {
	width: 5%;
	padding: 6% 0 0;
}

.rewardsItems li:nth-child(6) {
	width: 2%;
	padding: 0 1%;
	padding-top: 6%;
}

.rewardsItems ul {
	width: 100%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
/*.rewardsItems li.left{width:5%;}*/
.rewardsItems li .orText {
	font-size: 13px;
	color: #fff;
	padding: 0;
	text-align: center;
	font-weight: bold;
}

.plusIcon {
	background: url("../images/calculate-your-point/plus.png") 0 0 no-repeat;
	display: inline-block;
	width: 12px;
	height: 12px;
}

.rewardsItems li.right {
	width: 37%;
	background: #fff;
	padding: 10px 2% 10px 2%;
}

.rewardsItemLeft,.rewardsItemRight {
	width: 100%;
	overflow: hidden;
}

.rewardsItemRight {
	display: block;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 3px;
	margin: 0 0 3px;
}

.rewardsItemRight.last {
	margin: 0;
	padding: 0;
	border: none;
}

.rewardsItemLeft .itemLogo {
	
}

.rewardsItemLeft .itemsContent {
	background: #f6f6f6;
	font-size: 11px;
	color: #fff;
	padding: 15px 6%;
	float: left;
	width: 88%;
	height: 138px;
}

.rewardsItemRight .itemLogo {
	width: 75px;
	float: left;
}

.rewardsItemRight .itemsContent {
	font-size: 11px;
	color: #fff;
	padding: 0px 0 0 5%;
	float: left;
	width: 54%;
}

.rewardsItemLeft .itemsContent .redeemAmt,.rewardsItemLeft .itemsContent .redeemItems
	{
	color: #53575a;
	font-size: 12px;
}

.rewardsItemRight .itemsContent .redeemAmt,.rewardsItemRight .itemsContent .redeemItems
	{
	font-size: 11px;
	color: #53575a;
}

.rewardsItemLeft .itemsContent .redeemAmt {
	color: #53575a;
	border-bottom: 1px solid #e3e3e3;
	padding: 0 0 15px;
	margin: 0 0 15px;
	font-weight: bold;
}

/*Calc*/
.visible-desktop {
	display: none;
}

.visible-ie8 {
	display: none;
}

#get-started-overlay li:nth-child(3) a {
	color: #fff;
}
/**.TCCalc{color:#fff;font-size:12px;margin:10px auto;width:80%;line-height:20px;}**/
.TCCalc {
	color: #fff;
	font-size: 14px;
	margin: 10px auto;
	width: 88%;
	line-height: 20px;
}

div.ui-slider {
	width: 83%;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media ( min-width : 800px) and (max-width: 1280px) {
	.section-head {
		font-size: 24px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.visible-tablet {
		display: inherit !important;
	}
	#body {
		position: relative;
	}
	#header-nav .head-menu {
		background: #353633;
		color: #fff;
		position: fixed;
		right: 0;
		top: 75px;
		width: 270px;
		z-index: -1;
		border: none;
		box-shadow: 5px 0px 10px #222 inset;
		height: 100%;
	}
	#header-nav.smaller .head-menu {
		top: 50px;
	}
	.home-header.smaller .site-menu {
		top: 10px;
		width: 30px;
		height: 25px;
	}
	.site-menu {
		top: 20px;
		right: 35px;
	}
	.smaller .site-menu {
		top: 8px;
	}
	.smaller #header-nav .head-menu {
		top: 50px;
	}
	/*.home-header{position:inherit;top:inherit;right:inherit;left:inherit;}*/
	.head-menu li {
		float: none;
	}
	.commonWrapper p {
		text-align: center;
		font-size: 12px;
		padding: 0px 5px 0 5px;
	}
	.close-btn {
		height: 16px;
		margin: 0px auto auto;
		width: 16px;
	}
	.citi-logo {
		width: 68px;
		height: 38px;
		top: 17px;
		left: 35px;
	}
	.home-footer .block2 {
		background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat
			center 73%;
	}
	.menu-overlay ul {
		width: 33%;
	}
	.menu-overlay ul li:nth-child(1),.menu-overlay ul li:nth-child(2),.menu-overlay ul li:nth-child(3),.menu-overlay ul li:nth-child(4),.menu-overlay ul li:nth-child(5)
		{
		background-size: 13% 60%;
	}
	.menu-overlay ul li:nth-child(6) {
		background-size: 9%;
	}
	.menu-overlay ul li {
		height: 64px;
	}
	.menu-overlay ul li a {
		margin-left: 60px;
	}
	.slider .ui-slider-handle {
		margin-left: 10px;
	}
	.manage-card-list li a {
		font-size: 12px;
	}
	.card-agreement-list li a {
		font-size: 12px;
	}
	.home-header {
		height: 75px;
		background-size: 100% 100%;
	}
	.head-menu li a {
		padding: 15px 10px 15px 25px;
		font-size: 15px;
		display: block;
		background: url("../images/right-arrow.png") no-repeat 10px 20px;
		background-size: 9px;
	}
	.home-footer .cardArt {
		left: 54%;
		width: 200px;
		top: -78px;
	}
	.main-nav {
		right: 20px;
	}
	.reward-highlight .reward-circle {
		left: 24%;
		width: 48%;
		margin-left: 0px;
		top: 50px;
		background-size: 100%;
	}
	.home-footer .block3 {
		padding: 12px 0;
	}
	.home-footer .block3 .b1 {
		padding: 21px 21px 21px 0;
	}
	.home-footer .block3 .b2 {
		padding: 16px 0 8px 25px;
	}

	/*.image-list, .manage-card-list{width: 92%;}*/
	.manage-card-list li {
		width: 24.1%%;
	}
	.card-agreement-list li {
		width: 24.1%%;
	}
	.ih-item.square.effect6 .info h3 {
		font-size: 15px;
		padding: 0 5px;
		margin: 0;
	}
	.nav li a {
		padding: 10px;
	}
	.ih-item.square.effect6 .info p {
		font-size: 13px;
		padding: 0;
	}
	.ih-item.square.effect6 .info a {
		bottom: 4%;
	}
	.ih-item.square.effect6 .info i.icon {
		height: 50px;
		width: 50px;
		background-size: 100%;
	}
	.card-info-list li .info>img,.card-info-list li>img {
		height: auto;
		width: auto;
	}

	/* Slider */
	.slider .ui-slider-range-min {
		height: 8px;
	}
	/*#home .bcg{background:none; }
	#home .bcg1 {
	background-image: url('../images/bcg_slide-1.jpg');background-repeat: no-repeat;
	background-position: center;background-size: 100%;
	}
	#home .bcg{background:none; } .bcg{background:none; }*/
	.bcg {
		background-attachment: initial;
	}
	.mob-links li>img {
		padding: 23px 0;
	}
	/*.cLsMar1{padding-top:10%;}
	.cLsMar2{padding-top:2%;}
	.cLsMar3{padding-top:5%;}*/
	.text-container h2 {
		font-size: 15px;
	}
	.text-container h4 {
		font-size: 14px;
	}
	.reward-highlight {
		top: 41%;
		margin-top: -169px;
	}
	.reward-highlight .block1 {
		height: 567px;
	}
	#earn-pointsa {
		display: none;
	}
	/*#earn-pointsa{height: 0px !important;}
	#earn-pointsa .bcg{background:none; }
	#earn-pointsa .bcg1 {background:none;}*/
	.foo-wrapper {
		padding: 15px;
	}
	.text-container1 {
		margin-left: 1%;
	}
	.chip-list li .data {
		width: 55%;
	}
	.chip-list li.content {
		margin: 33px 0;
	}
	.chip-list li.arrows {
		margin: 50px 0;
	}
	.section-head.large {
		width: 17%;
	}
	.ih-item.square.effect6 .info i.icon1,.ih-item.square.effect6 .info i.icon2,.ih-item.square.effect6 .info i.icon3,.ih-item.square.effect6 .info i.icon4
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon5,.ih-item.square.effect6 .info i.icon6,.ih-item.square.effect6 .info i.icon7,.ih-item.square.effect6 .info i.icon8
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon9,.ih-item.square.effect6 .info i.icon10,.ih-item.square.effect6 .info i.icon11
		{
		margin: 20px auto 10px;
	}
	.section-head.earn-points {
		width: 28%;
	}
	.section-head.redeem-points {
		width: 16%;
	}
	/*.section-head.calc-point-hd{width: 10%;}*/
	.section-head.exclusive-offers {
		width: 14%;
	}
	.section-head.card-info {
		width: 24%;
	}
	.section-head.manage-card {
		width: 29%;
	}
	.section-head.card-agreement {
		width: 29%;
	}
	.mob-links li a>img {
		height: 56px;
		padding: 33px 0;
	}
	/*Exclusive Offers */
	.ex-offers .b1 img {
		margin-left: 0% !important;
	}
	#exclusive-offers .ih-item.square.effect6 .info p {
		top: 0px;
	}

	/* Important Information */
	.image-list.col4 li {
		width: 24.8%;
	}
	#redeem-points .image-list.col4 li {
		width: 23.8%; /*height: 253px;*/
	}
	#card-info .image-list.col4 li,#card-info .image-list.col4 li .info {
		height: 240px;
	}
	.image-list.col3 li {
		width: 32.5%; /*height: 275px;*/
	}
	.card-info-list li>p,.card-info-list li .info>p {
		padding: 0 5% 0% 5%;
		margin-bottom: 0px;
	}
	.manage-card-list li p {
		font-size: 12px;
	}
	#manage-card .text-container1 {
		width: 87%;
	} /*edited on 11/8/2014*/
	.card-agreement-list li p {
		font-size: 12px;
	}
	#card-agreement .text-container1 {
		width: 87%;
	}
	.tnc-list li a {
		padding: 15px 24px;
		font-size: 15px;
	}
	.foo-wrapper>img {
		width: 5%;
		margin-top: 15px;
		margin-left: 25px;
	}
	.home-footer .block1 {
		padding: 51px 0;
	}
	.home-footer .block2 {
		padding: 21.5px 0 65px;
		font-size: 12px;
		background-size: 28px 28px;
	}
	.reward-highlight .reward-circle h1 {
		font-size: 12px;
	}
	.cLsFulMarBtm1 {
		position: relative;
		top: 92px;
	}
	.cLsFulMarBtm2 {
		position: relative;
		top: 87px;
	}
	.overlay-content {
		margin-top: 44px;
	}
	.overlay-content h3,.overlay-content h4 {
		margin: 10px 0;
		font-size: 14px;
	}
	.section-head.manage-card {
		width: 19%;
	}
	.section-head.card-agreement {
		width: 19%;
	}
	.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a,.footer-wrapper p
		{
		font-size: 12px;
	}
	.home-header.smaller {
		height: 50px;
		background-size: 100% 100%;
	}
	.home-header.smaller .head-menu li a {
		padding: 17px 10px;
	}
	.home-header.smaller .citi-logo {
		top: 10px;
		width: 52px;
		height: 30px;
	}
	.overlay-content .offer-logo {
		margin-top: 2%;
	}

	/*edited on 11/7/2014*/
	.ex-offers .b1,.ex-offers .b2 {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ex-offers .b2 {
		padding-bottom: 6px;
	}
	.text-container {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 80%;
	}
	.manage-card-list li {
		width: 24.1%;
	}
	.card-agreement-list li {
		width: 24.1%;
	}
	.text-container {
		padding: 20px 5%;
		float: left;
	}
	.manage-card-list1 li {
		width: 49.5%;
	}
	.card-agreement-list1 li {
		width: 49.5%;
	}
	#card-info .ih-item.square .info {
		position: absolute;
	}
	/*.card-info-list li:nth-child(1){background:none;}*/
	.flexslider {
		position: inherit !important;
		padding: 0 !important;
		background: transparent !important;
	}
	.flexslider .slides>li {
		display: block;
		-webkit-backface-visibility: inherit;
	}
	.flexslider .manage-card-list.slides>li img {
		width: 50px;
		margin: 0 auto;
	}
	.manage-card-list li.block2 {
		height: 250px;
	}
	.flexslider .card-agreement-list.slides>li img {
		width: 50px;
		margin: 0 auto;
	}
	.card-agreement-list li.block2 {
		height: 250px;
	}
}

@media only screen and (min-device-width : 768px) and (max-device-width
	: 1024px) and (orientation : landscape) {
	.section-head.earn-points {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	.section-head {
		font-size: 24px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.visible-tablet {
		display: inherit !important;
	}
	#body {
		position: relative;
	}
	#header-nav .head-menu {
		background: #353633;
		color: #fff;
		position: fixed;
		right: 0;
		top: 75px;
		width: 270px;
		z-index: -1;
		border: none;
		box-shadow: 5px 0px 10px #222 inset;
		height: 100%;
	}
	#header-nav.smaller .head-menu {
		top: 50px;
	}
	.home-header.smaller .site-menu {
		top: 10px;
		width: 30px;
		height: 25px;
	}
	.site-menu {
		top: 20px;
		right: 35px;
	}
	.smaller .site-menu {
		top: 8px;
	}
	.smaller #header-nav .head-menu {
		top: 50px;
	}
	/*.home-header{position:inherit;top:inherit;right:inherit;left:inherit;}*/
	.head-menu li {
		float: none;
	}
	.commonWrapper p {
		text-align: center;
		font-size: 12px;
		padding: 0px 5px 0 5px;
	}
	.close-btn {
		height: 16px;
		margin: 0px auto auto;
		width: 16px;
	}
	.citi-logo {
		width: 68px;
		height: 38px;
		top: 17px;
		left: 35px;
	}
	.home-footer .block2 {
		background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat
			center 73%;
	}
	.menu-overlay ul {
		width: 33%;
	}
	.menu-overlay ul li:nth-child(1),.menu-overlay ul li:nth-child(2),.menu-overlay ul li:nth-child(3),.menu-overlay ul li:nth-child(4),.menu-overlay ul li:nth-child(5)
		{
		background-size: 13% 60%;
	}
	.menu-overlay ul li:nth-child(6) {
		background-size: 9%;
	}
	.menu-overlay ul li {
		height: 64px;
	}
	.menu-overlay ul li a {
		margin-left: 60px;
	}
	.slider .ui-slider-handle {
		margin-left: 10px;
	}
	.manage-card-list li a {
		font-size: 12px;
	}
	.card-agreement-list li a {
		font-size: 12px;
	}
	.home-header {
		height: 75px;
		background-size: 100% 100%;
	}
	.head-menu li a {
		padding: 15px 10px 15px 25px;
		font-size: 15px;
		display: block;
		background: url("../images/right-arrow.png") no-repeat 10px 20px;
		background-size: 9px;
	}
	.home-footer .cardArt {
		left: 54%;
		width: 200px;
		top: -78px;
	}
	.main-nav {
		right: 20px;
	}
	.reward-highlight .reward-circle {
		left: 20%;
		width: 48%;
		margin-left: 0px;
		top: 83px;
		background-size: 100%;
	}
	.home-footer .block3 {
		padding: 10px 0;
	}
	.home-footer .block3 .b1 {
		padding: 21px 21px 21px 0;
	}
	.home-footer .block3 .b2 {
		padding: 8px 0 8px 25px;
	}
	/*.image-list, .manage-card-list{width: 92%;}*/
	.manage-card-list li {
		width: 24.1%;
	}
	.card-agreement-list li {
		width: 24.1%;
	}
	.ih-item.square.effect6 .info h3 {
		font-size: 15px;
		padding: 0 5px;
		margin: 0;
	}
	.nav li a {
		padding: 10px;
	}
	.ih-item.square.effect6 .info p {
		font-size: 13px;
		padding: 0;
	}
	.ih-item.square.effect6 .info a {
		bottom: 4%;
	}
	.ih-item.square.effect6 .info i.icon {
		height: 50px;
		width: 50px;
		background-size: 100%;
	}
	.card-info-list li .info>img,.card-info-list li>img {
		height: auto;
		width: auto;
	}

	/* Slider */
	.slider .ui-slider-range-min {
		height: 8px;
	}
	/*#home .bcg{background:none; }
	#home .bcg1 {
	background-image: url('../images/bcg_slide-1.jpg');background-repeat: no-repeat;
	background-position: center;background-size: 100%;
	}
	#home .bcg{background:none; } .bcg{background:none; }*/
	.bcg {
		background-attachment: initial;
	}
	.mob-links li>img {
		padding: 23px 0;
	}
	/*.cLsMar1{padding-top:10%;}
	.cLsMar2{padding-top:2%;}
	.cLsMar3{padding-top:5%;}*/
	.text-container h2 {
		font-size: 15px;
	}
	.text-container h4 {
		font-size: 14px;
	}
	.reward-highlight {
		top: 41%;
		margin-top: -169px;
	}
	.reward-highlight .block1 {
		height: 567px;
	}
	#earn-pointsa {
		display: none;
	}
	/*#earn-pointsa{height: 0px !important;}
	#earn-pointsa .bcg{background:none; }
	#earn-pointsa .bcg1 {background:none;}*/
	.foo-wrapper {
		padding: 15px;
	}
	.text-container1 {
		margin-left: 1%;
	}
	.chip-list li .data {
		width: 50%;
	}
	.chip-list li.content {
		margin: 33px 0;
	}
	.chip-list li.arrows {
		margin: 50px 0;
	}
	.section-head.large {
		width: 28%;
	}
	.ih-item.square.effect6 .info i.icon1,.ih-item.square.effect6 .info i.icon2,.ih-item.square.effect6 .info i.icon3,.ih-item.square.effect6 .info i.icon4
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon5,.ih-item.square.effect6 .info i.icon6,.ih-item.square.effect6 .info i.icon7,.ih-item.square.effect6 .info i.icon8
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon9,.ih-item.square.effect6 .info i.icon10,.ih-item.square.effect6 .info i.icon11
		{
		margin: 20px auto 10px;
	}
	.section-head.earn-points {
		width: 35%;
	}
	.section-head.redeem-points {
		width: 16%;
	}
	/*.section-head.calc-point-hd{width: 10%;}*/
	.section-head.exclusive-offers {
		width: 18%;
	}
	.section-head.card-info {
		width: 31%;
	}
	.section-head.manage-card {
		width: 29%;
	}
	.section-head.card-agreement {
		width: 29%;
	}
	.mob-links li a>img {
		height: 56px;
		padding: 33px 0;
	}
	/*Exclusive Offers */
	.ex-offers .b1 img {
		margin-left: 0% !important;
	}
	#exclusive-offers .ih-item.square.effect6 .info p {
		top: 0px;
	}

	/* Important Information */
	.image-list.col4 li {
		width: 24.8%;
	}
	#redeem-points .image-list.col4 li {
		width: 23.8%; /*height: 253px;*/
	}
	#card-info .image-list.col4 li,#card-info .image-list.col4 li .info {
		height: 260px;
	}
	.image-list.col3 li {
		width: 32.5%; /*height: 275px;*/
	}
	.card-info-list li>p,.card-info-list li .info>p {
		padding: 0 5% 0% 5%;
		margin-bottom: 0px;
	}
	.manage-card-list li p {
		font-size: 12px;
	}
	#manage-card .text-container1 {
		width: 87%;
	} /*edited on 11/8/2014*/
	.card-agreement-list li p {
		font-size: 12px;
	}
	#card-agreement .text-container1 {
		width: 87%;
	}
	.tnc-list li a {
		padding: 35px 6px;
		font-size: 15px;
	}
	.home-footer .block1 {
		padding: 51px 0;
	}
	.home-footer .block2 {
		padding: 21.5px 0 65px;
		font-size: 12px;
		background-size: 28px 28px;
	}
	.reward-highlight .reward-circle h1 {
		font-size: 12px;
	}
	.cLsFulMarBtm1 {
		position: relative;
		top: 92px;
	}
	.cLsFulMarBtm2 {
		position: relative;
		top: 87px;
	}
	.overlay-content {
		margin-top: 44px;
	}
	.overlay-content h3,.overlay-content h4 {
		margin: 2px 0;
	}
	.section-head.manage-card {
		width: 29%;
	}
	.section-head.card-agreement {
		width: 29%;
	}
	.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a,.footer-wrapper p
		{
		font-size: 12px;
	}
	.home-header.smaller {
		height: 50px;
		background-size: 100% 100%;
	}
	.home-header.smaller .head-menu li a {
		padding: 17px 10px;
	}
	.home-header.smaller .citi-logo {
		top: 10px;
		width: 52px;
		height: 30px;
	}
	.overlay-content .offer-logo {
		margin-top: 2%;
	}

	/*edited on 11/7/2014*/
	.ex-offers .b1,.ex-offers .b2 {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ex-offers .b2 {
		padding-bottom: 6px;
	}
	.text-container {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 80%;
		padding: 15px 5%;
	}
	.manage-card-list li {
		width: 24.1%;
	}
	.flexslider .manage-card-list.slides>li img {
		width: 50px;
		height: auto;
	}
	#manage-card .info-card-foo .foo-wrapper>img {
		width: 5%;
		margin-top: 15px;
	}
	.card-agreement-list li {
		width: 24.1%;
	}
	.flexslider .card-agreement-list.slides>li img {
		width: 50px;
		height: auto;
	}
	#card-agreement .info-card-foo .foo-wrapper>img {
		width: 5%;
		margin-top: 15px;
	}

	/*#card-agreement .foo-wrapper {width: 83%;margin: 0 auto;}*/
	#footer {
		padding-bottom: 50px;
	}
	#data-redeem-points .ih-item img { /*height: 280px;*/
		
	}
	#earn-points .ih-item.square.effect6 .info h3 {
		height: 40px;
	}
}

@media ( min-width : 768px) and (max-width: 1024px) {
	.rewardsItems {
		padding: 58px 4% 20px;
	}
	.calc-points li:nth-child(1) {
		width: 36%;
	}
	.calc-points li:nth-child(2) .text {
		width: 84%;
	}
	.rewardsItems li:nth-child(6) {
		padding-top: 5.5%;
	}
	.output-section h3,.rewardsItems h3 {
		font-size: 16px;
	}
	.info-card-foo {
		bottom: -5%;
	}
	.rewardsItems li.right {
		padding: 9px 2% 9px 2%;
	}
	#use-card .image-list.col3 li img.tab,#multi-pay .image-list.col3 li img.tab
		{
		height: 300px;
	}
	.rewardsItems li.center {
		float: left;
	}
	.rewardsItems li.left .orText {
		padding: 6px 11%;
	}
	.rewardsItemLeft .itemLogo {
		width: auto;
		height: auto;
	}
	.rewardsItemRight .itemLogo {
		width: 35px;
		height: 20px;
	}
	.rewardsItemLeft .itemsContent {
		width: 90%;
		font-size: 11px;
		padding: 7px 5%;
		height: 158px;
	}
	.rewardsItemRight .itemsContent {
		width: 62%;
		font-size: 11px;
	}
	#multi-pay .flexslider .card-info-list.slides li .info>img {
		width: 20%;
	}
	.section-head.earn-points {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	.section-head {
		font-size: 24px;
	}
	.hidden-tablet {
		display: none !important;
	}
	.visible-tablet {
		display: inherit !important;
	}
	#body {
		position: relative;
	}
	#header-nav .head-menu {
		background: #353633;
		color: #fff;
		position: fixed;
		right: 0;
		top: 75px;
		width: 270px;
		z-index: -1;
		border: none;
		box-shadow: 5px 0px 10px #222 inset;
		height: 100%;
	}
	#header-nav.smaller .head-menu {
		top: 50px;
	}
	.home-header.smaller .site-menu {
		top: 10px;
		width: 30px;
		height: 25px;
	}
	.site-menu {
		top: 20px;
		right: 35px;
	}
	.smaller .site-menu {
		top: 8px;
	}
	.smaller #header-nav .head-menu {
		top: 50px;
	}
	/*.home-header{position:inherit;top:inherit;right:inherit;left:inherit;}*/
	.head-menu li {
		float: none;
	}
	.commonWrapper p {
		text-align: center;
		font-size: 12px;
		padding: 0px 5px 0 5px;
	}
	.overlay-content.pos-center {
		margin-top: -32px;
	}
	.pos-center {
		position: absolute;
		top: 50%;
	}
	.close-btn {
		height: 16px;
		margin: 0px auto auto;
		width: 16px;
	}
	.citi-logo {
		width: 68px;
		height: 38px;
		top: 17px;
		left: 35px;
	}
	.home-footer .block2 {
		background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat
			center 73%;
	}
	.menu-overlay ul {
		width: 33%;
	}
	.menu-overlay ul li:nth-child(1),.menu-overlay ul li:nth-child(2),.menu-overlay ul li:nth-child(3),.menu-overlay ul li:nth-child(4),.menu-overlay ul li:nth-child(5)
		{
		background-size: 13% 60%;
	}
	.menu-overlay ul li:nth-child(6) {
		background-size: 9%;
	}
	.menu-overlay ul li {
		height: 64px;
	}
	.menu-overlay ul li a {
		margin-left: 60px;
	}
	.slider .ui-slider-handle {
		margin-left: 10px;
	}
	.manage-card-list li a {
		font-size: 12px;
	}
	.card-agreement-list li a {
		font-size: 12px;
	}
	.home-header {
		height: 75px;
		background-size: 100% 100%;
	}
	.head-menu li a {
		padding: 15px 10px 15px 25px;
		font-size: 15px;
		display: block;
		background: url("../images/right-arrow.png") no-repeat 10px 20px;
		background-size: 9px;
	}
	.home-footer .cardArt {
		left: 54%;
		width: 200px;
		top: -78px;
	}
	.main-nav {
		right: 20px;
	}
	.reward-highlight .reward-circle {
		left: 32%;
		width: 35%;
		margin-left: 0px;
		top: 23px;
		background-size: 100%;
	}
	.home-footer .block3 {
		padding: 10px 0;
	}
	.home-footer .block3 {
		padding: 14px 0;
	}
	.home-footer .block3 .b1 {
		padding: 0 20px 0;
		text-align: center;
	}
	.home-footer .block3 .b2 {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	.home-footer .block3 .b2 {
		background: url('../images/get_started.png') no-repeat center;
		color: #fff;
		font-family: "Nanum Gothic";
		font-size: 90%;
		background-size: 30px;
		width: 100%;
		height: 34px;
	}
	/*.image-list, .manage-card-list{width: 92%;}*/
	.manage-card-list li {
		width: 24.1%;
	}
	.card-agreement-list li {
		width: 24.1%;
	}
	.ih-item.square.effect6 .info h3 {
		font-size: 15px;
		padding: 0 5px;
		margin: 0;
	}
	#redeem-points .ih-item.square.effect6 .info h3 {
		height: 40px;
	}
	.nav li a {
		padding: 10px;
	}
	.ih-item.square.effect6 .info p {
		font-size: 14px;
		padding: 0;
	}
	/*.ih-item.square.effect6 .info a{bottom: 4%;}*/
	.ih-item.square.effect6 .info i.icon {
		height: 50px;
		width: 50px;
		background-size: 100%;
	}
	.card-info-list li .info>img,.card-info-list li>img {
		height: auto;
		width: 50px;
	}

	/* Slider */
	.slider .ui-slider-range-min {
		height: 8px;
	}
	/*#home .bcg{background:none; }
	#home .bcg1 {
	background-image: url('../images/bcg_slide-1.jpg');background-repeat: no-repeat;
	background-position: center;background-size: 100%;
	}
	#home .bcg{background:none; } .bcg{background:none; }*/
	.bcg {
		background-attachment: initial;
	}
	.mob-links li>img {
		padding: 23px 0;
	}
	/*.cLsMar1{padding-top:10%;}
	.cLsMar2{padding-top:2%;}
	.cLsMar3{padding-top:5%;}*/
	.text-container h2 {
		font-size: 15px;
	}
	.text-container h4 {
		font-size: 14px;
	}
	.reward-highlight {
		top: 41%;
		margin-top: -169px;
	}
	.reward-highlight .block1 {
		height: 567px;
	}
	#earn-pointsa {
		display: none;
	}
	/*#earn-pointsa{height: 0px !important;}
	#earn-pointsa .bcg{background:none; }
	#earn-pointsa .bcg1 {background:none;}*/
	.foo-wrapper {
		padding: 15px;
	}
	.text-container1 {
		margin-left: 5%;
	}
	.chip-list li .data {
		width: 50%;
	}
	.chip-list li.content {
		margin: 33px 0;
	}
	.chip-list li.arrows {
		margin: 50px 0;
	}
	.section-head.large {
		width: 28%;
	}
	.ih-item.square.effect6 .info i.icon1,.ih-item.square.effect6 .info i.icon2,.ih-item.square.effect6 .info i.icon3,.ih-item.square.effect6 .info i.icon4
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon5,.ih-item.square.effect6 .info i.icon6,.ih-item.square.effect6 .info i.icon7,.ih-item.square.effect6 .info i.icon8
		{
		margin: 20px auto 10px;
	}
	.ih-item.square.effect6 .info i.icon9,.ih-item.square.effect6 .info i.icon10,.ih-item.square.effect6 .info i.icon11
		{
		margin: 20px auto 10px;
	}
	.section-head.earn-points {
		width: 35%;
	}
	.section-head.redeem-points {
		width: 35%;
	}
	/*.section-head.calc-point-hd{width: 10%;}*/
	.section-head.exclusive-offers {
		width: 21%;
	}
	.section-head.card-info {
		width: 31%;
	}
	.section-head.manage-card {
		width: 29%;
	}
	.section-head.card-agreement {
		width: 29%;
	}
	.mob-links li a>img {
		height: 56px;
		padding: 33px 0;
	}
	/*Exclusive Offers */
	.ex-offers .b1 img {
		margin-left: 0% !important;
	}
	#exclusive-offers .ih-item.square.effect6 .info p {
		top: 0px;
	}

	/* Important Information */
	.image-list.col4 li {
		width: 24.8%;
	}
	#redeem-points .image-list.col4 li {
		width: 23.8%; /*height: 253px;*/
	}
	#card-info .image-list.col4 li,#card-info .image-list.col4 li .info {
		height: 230px;
	}
	.image-list.col3 li {
		width: 32.5%; /*height: 275px;*/
	}
	.card-info-list li>p,.card-info-list li .info>p {
		padding: 0 5% 0% 5%;
		margin-bottom: 0px;
	}
	.manage-card-list li p {
		font-size: 12px;
	}
	#manage-card .text-container1 {
		width: 70%;
	} /*edited on 11/8/2014*/
	.card-agreement-list li p {
		font-size: 12px;
	}
	#card-agreement .text-container1 {
		width: 70%;
	}
	.tnc-list li a {
		padding: 15px 11px;
		font-size: 12px;
	}
	.home-footer .block1 {
		padding: 53px 0;
	}
	.home-footer .block2 {
		padding: 21.5px 0 70px;
		font-size: 12px;
		background-size: 28px 28px;
	}
	.reward-highlight .reward-circle h1 {
		font-size: 12px;
	}
	.cLsFulMarBtm1 {
		position: relative;
		top: 92px;
	}
	.cLsFulMarBtm2 {
		position: relative;
		top: 87px;
	}
	.overlay-content {
		margin-top: 44px;
	}
	.overlay-content h3,.overlay-content h4 {
		margin: 2px 0;
	}
	.section-head.manage-card {
		width: 29%;
	}
	.section-head.card-agreement {
		width: 29%;
	}
	.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a,.footer-wrapper p
		{
		font-size: 12px;
	}
	.home-header.smaller {
		height: 50px;
		background-size: 100% 100%;
	}
	.home-header.smaller .head-menu li a {
		padding: 17px 10px;
	}
	.home-header.smaller .citi-logo {
		top: 10px;
		width: 52px;
		height: 30px;
	}
	.overlay-content .offer-logo {
		margin-top: 2%;
	}

	/*edited on 11/7/2014*/
	.ex-offers .b1,.ex-offers .b2 {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ex-offers .b2 {
		padding-bottom: 6px;
	}
	.text-container {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 80%;
		padding: 15px 5%;
	}
	.manage-card-list li {
		width: 24.1%;
	}
	.manage-card-list li.block1 {
		height: 180px;
	}
	.manage-card-list li.block2 {
		height: 290px;
	}
	.card-agreement-list li {
		width: 24.1%;
	}
	.card-agreement-list li.block1 {
		height: 180px;
	}
	.card-agreement-list li.block2 {
		height: 290px;
	}
	.terms-cond {
		width: 98%;
	}
	.manage-card-list1 li {
		width: 49.4%;
	}
	.card-agreement-list1 li {
		width: 49.4%;
	}
	#get-started-overlay ul li {
		width: 40%;
	}
	#get-started-overlay ul li:nth-child(1) div p {
		margin: 20px 0 0;
	}
	#get-started-overlay ul li.or {
		width: 6%;
	}
	#get-started-overlay ul {
		padding: 35px 60px 35px 40px;
	}
	/*.image-list.card-info-list li{border:none;}*/
	.card-info-list {
		width: 85%;
	}
	/*.image-list.col3 li{margin:0 8px 8px 0 !important;}*/
	a.more-details,.terms-cond li a.more-details,.manage-card-list li a.more-details
		{
		color: #fff !important;
	}
	.card-agreement-list li a.more-details {
		color: #fff !important;
	}

	/*.card-info-list li{width:48% !important;}*/
	.segment-1,.segment-2 {
		height: 575px;
	}
	/*#redeem-points .ih-item.square.effect6 .info p{font-size:10px;}*/
	.card-info-list li>p,.card-info-list li .info>p {
		font-size: 12px;
	}
	.image-list.col3 li {
		width:
	}
	.manage-card-list li.block1 {
		width: 32%;
		margin-right: 10px;
		height: 260px;
	}
	.manage-card-list li.block2 {
		width: 32%;
		margin-right: 10px;
		height: 260px;
	}
	.card-agreement-list li.block1 {
		width: 32%;
		margin-right: 10px;
		height: 260px;
	}
	.card-agreement-list li.block2 {
		width: 32%;
		margin-right: 10px;
		height: 260px;
	}
}

/* Ipad */
@media screen and (max-width : 800px) {
	.rewardsItems li.right {
		padding: 9px 2% 9px 2%;
	}
	.calc-points li .text span {
		font-size: 11px;
	}
	.calc-points li .text {
		width: 73%;;
		font-size: 11px;
	}
	.calc-points li.last .text {
		width: 78%;
	}
	.rewardsItems li.left .orText {
		padding: 14px 11%;
	}
	.rewardsItemLeft .itemLogo {
		width: 55px;
		height: 44px;
	}
	.rewardsItemLeft .itemsContent {
		width: 53%;
		font-size: 8px;
		padding: 4px 5%
	}
	.rewardsItemRight .itemsContent {
		width: 62%;
		font-size: 9px;
	}
	#redeem-points .ih-item.square.effect6 .info p {
		font-size: 14px;
	}
	.section-head.earn-points {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}

	/*.image-list{margin-left:12%;}
	.manage-card-list{margin-left:6%;}*/
	.slider {
		margin: 10px auto 0 4.5%;
		width: 22.5%;
	}
	.image-list.col4 li {
		width: 35.5%; /*height: 392px !important;*/
	}
	.image-list.col4.fixWid li {
		height: 240px !important;
	}
	.site-menu {
		top: 13px;
		right: 15px;
		width: 30px;
		height: 25px;
	}
	#header-nav .head-menu {
		top: 53px;
	}
	#header-nav.smaller .head-menu {
		top: 40px;
	}
	section {
		min-width: 100%;
		opacity: 0;
	}
	.reward-highlight {
		top: 33% !important;
	}
	.image-list.col4 li {
		width: 43%; /*height: 330px !important;*/
		margin-bottom: 10px !important;
	}
	#redeem-points .image-list.col4 li {
		width: 48.45%; /*height: 330px !important;*/
	}
	.manage-card-list li {
		width: 23.7%;
	}
	.card-agreement-list li {
		width: 23.7%;
	}
	.card-info-list {
		width: 75%;
	}
	.card-info-list li {
		width: 49.8%;
	}
	.text-container {
		width: 74%;
		padding: 10px 5% 0px;
	}
	.ex-offers { /*height: 122px;*/
		background-color: #000;
	}
	/*.cLsMar1{padding-top:0% !important;}
	.cLsMar2{padding-top:17% !important;}
	.cLsMar3{padding-top:5%;}
	.cLsMar4{padding-top:18%;}*/
	#earn-pointsa {
		display: none;
	}
	.section-head.earn-points {
		width: 46%;
	}
	.section-head.redeem-points {
		width: 25%;
	}
	#redeem-points .ih-item.square.effect6 .info h3 {
		height: auto;
	}
	/*.section-head.calc-point-hd{width: 14%;}*/
	.section-head.exclusive-offers {
		width: 23%;
	}
	.section-head.card-info {
		width: 38%;
	}
	.section-head.manage-card {
		width: 30%;
	}
	.manage-card-list li.block2 .s2 {
		height: 186px;
	}
	.manage-card-list li.block4 .s2 {
		height: 184px;
	}
	.section-head.card-agreement {
		width: 30%;
	}
	.card-agreement-list li.block2 .s2 {
		height: 186px;
	}
	.card-agreement-list li.block4 .s2 {
		height: 184px;
	}

	/*.ex-offers .b1{width: 41.5%;}
	.ex-offers .b2{width: 43.5%;}*/
	.ex-offers .b1,.ex-offers .b2 {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ex-offers .b2 {
		padding-bottom: 7px;
		padding-right: 7%;
	}
	.image-list.col3 li {
		width: 48.45%; /*height: 296px;*/
	}
	.image-list.col3 li.txtCentLst {
		margin-left: 24%;
		margin-top: 10px;
	}
	.home-footer .cardArt {
		width: 154px !important;
		left: 78% !important;
		top: -48px;
	}
	.home-footer .block1 {
		width: 37%;
	}
	.home-footer .block2 {
		width: 18%;
	}
	.home-footer .block3 {
		width: 52%;
	}

	/*.image-list.marTop{margin: -2% 4% 0 auto;}*/
	.reward-highlight .block1 {
		height: 625px !important;
	}
	.reward-highlight .reward-circle {
		left: 20%;
		width: 60%;
		top: 197px;
	}

	/*#home .bcg1{margin-top: -71px;}*/
	.manage-card-list li img {
		width: 23%;
	}
	.card-agreement-list li img {
		width: 23%;
	}
	.menu-overlay ul {
		width: 44% !important;
	}
	.home-footer .block3 .b2 {
		margin-right: 0;
		padding: 8px 0 8px 15px;
	}
	.slider .ui-slider-handle {
		margin-left: -2px;
	}
	.commonWrapper p {
		text-align: center;
		font-size: 12px !important;
		padding: 5px 5px 0 5px !important;
	}
	.close-btn {
		height: 25px !important;
		margin: 0px auto auto !important;
		width: 23px !important;
	}
	.overlay-content h3,.overlay-content h4 {
		margin: 5px;
		font-size: 90%;
	}
	.mob-links li {
		margin-left: 10px;
	}
	.mob-links li>img {
		height: 50px;
		padding: 36px 0 !important;
	}
	.home-header {
		height: 53px;
	}
	.head-menu li a {
		padding: 20px 20px 10px 25px;
		font-size: 14px;
		display: block;
		background: url("../images/right-arrow.png") no-repeat 10px 23px;
		background-size: 9px;
	}
	.citi-logo {
		width: 50px;
		height: 27px;
		top: 12px;
		left: 20px;
	}
	.nav li a {
		padding: 5px;
	}
	#home .bcg1 {
		background-size: cover;
	}
	.text-container1 {
		width: 77%;
	}
	.home-footer .block1 {
		padding: 49px 0;
	}
	.home-footer .block2 {
		padding: 22px 0 60px;
	}
	.home-footer .block3 {
		padding: 13px 0;
	}
	.home-footer .block3 .b1 {
		padding: 14px 20px 0;
		text-align: center;
	}
	.chip-list {
		overflow: hidden;
		margin: 0 2%;
	}
	.chip-list li .data {
		width: 47%;
		margin: 7px 0 0 0px;
	}
	.manage-card-list li p {
		font-size: 11px;
	}
	.manage-card-list li.block1 {
		padding: 20px 0;
		height: 160px;
	}
	#manage-card .text-container1 {
		width: 82%;
	}
	.card-agreement-list li p {
		font-size: 11px;
	}
	.card-agreement-list li.block1 {
		padding: 20px 0;
		height: 160px;
	}
	#card-agreement .text-container1 {
		width: 82%;
	}
	.tnc-list li a {
		padding: 15px 10px;
		font-size: 10px;
	}
	.tnc-list li a span.externalLinkWrap {
		padding-right: 2px !important;
		background-size: 11px 10px;
		height: 14px;
	}
	.info-card-foo {
		bottom: -3.8%;
	}
	/*.bcg {background-size: cover;background-position: center center;background-repeat: no-repeat;background-attachment: fixed;}*/
	/*#home .bcg{background:none; }
	.bcg1 {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		height: 100%;width: 768px;
	}
	#home .bcg1 {background-image: url('../images/bcg_slide-1.jpg');}*/
	#earn-pointsa .bcg,#earn-pointsa .bcg1 {
		background-attachment: initial;
	}
	.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a,.footer-wrapper p
		{
		font-size: 10px;
	}
	.copyright-content li a {
		font-size: 10px;
	}
	.home-header.smaller {
		height: 40px;
		background-size: 100% 100%;
	}
	.home-header.smaller .head-menu li a {
		padding: 13px 5px;
	}
	.home-header.smaller .site-menu {
		top: 8px;
		width: 25px;
		height: 21px;
	}
	.home-header.smaller .citi-logo {
		top: 9px;
		width: 40px;
		height: 22px;
	}
	.ih-item.square.effect6 .info h3 {
		font-size: 16px;
	}
	.ih-item.square.effect6 .info p {
		font-size: 15px;
	}

	/*edited on 11/8/2014*/
	.mob-links li a>img {
		height: 50px;
		padding: 33px 0;
	}
	.text-container h2 {
		font-size: 14px;
	}
	.text-container h4 {
		font-size: 13px;
	}
	.home-footer .block3 .b2 {
		background: url('../images/get_started.png') no-repeat center;
		color: #fff;
		font-family: "Nanum Gothic";
		font-size: 90%;
		background-size: 30px;
		width: 100%;
		height: 34px;
	}
	#get-started-overlay ul li {
		width: 40%;
	}
	#get-started-overlay ul li:nth-child(1) div p {
		margin: 20px 0 0;
	}
	#get-started-overlay ul li.or {
		width: 6%;
	}
	#get-started-overlay ul {
		padding: 25px 60px 25px 40px;
	}
	.image-list.card-info-list li {
		border: none;
	}
	.card-info-list {
		width: 80%;
	}
	.image-list.col3 li {
		margin: 0 8px 8px 0;
		width: 48%;
	}
	a.more-details,.terms-cond li a.more-details,.manage-card-list li a.more-details
		{
		color: #fff !important;
	}
	.card-agreement-list li a.more-details {
		color: #fff !important;
	}

	/*.card-info-list li{width:48% !important;}*/
	/*.manage-card-list li.block1 img{width:8% !important;}*/
}

@media screen and (max-width : 768px) {
	.calc-points li:nth-child(2) {
		width: 30%;
	}
	.calc-points li:nth-child(2) .text {
		width: 72%;
	}
	.rewardsItems {
		padding: 25px 4% 20px;
	}
	.rewardsItems li:nth-child(2),.rewardsItems li:nth-child(4) {
		padding: 11% 0 0;
	}
	.segment-1 p {
		font-size: 14px;
	}
	.rewardsItemRight {
		margin: 0 0 5px;
		padding: 0 0 5px;
	}
	.rewardsItems li.right {
		width: auto;
	}
	.rewardsItems li:nth-child(2),.rewardsItems li:nth-child(4) {
		width: 12%;
	}
	.rewardsItems li {
		width: 25.3%;
		margin: 0 0 3%;
	}
	.rewardsItems li .orText {
		margin: 0 3px 0 0;
	}
	.plusIcon {
		margin: 0 0 0 47%;
	}
	.rewardsItemLeft .itemsContent .redeemAmt {
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	.rewardsItemLeft .itemsContent .redeemAmt,.rewardsItemLeft .itemsContent .redeemItems
		{
		font-size: 11px;
	}
	.rewardsItems li .orText {
		font-size: 10px;
	}
	.output-section h3,.rewardsItems  h3 {
		font-size: 16px;
	}
	.calc-points li:nth-child(1) {
		width: 48%;
		margin: 0 10% 0 0;
	}
	.rewardsItems li.right {
		margin: 3% 0 0 0;
		width: 96%;
	}
	.calc-points li .text span {
		font-size: 11px;
	}
	.calc-points li .text {
		width: 73%;
		font-size: 11px;
	}
	.calc-points li.last .text {
		width: 78%;
	}
	.rewardsItems {
		height: 513px;
	}
	.rewardsItems li.center {
		width: 100%;
		float: none;
		margin: 0;
	}
	.rewardsItems li.left .orText {
		padding: 8px 11%;
	}
	.rewardsItemLeft .itemLogo {
		width: auto;
		height: auto;
		float: left;
	}
	.rewardsItemLeft .itemsContent {
		width: 90%;
		font-size: 8px;
		padding: 4px 5%;
		height: 100px;
	}
	.rewardsItemRight .itemsContent {
		width: 62%;
		font-size: 9px;
	}
	.rewardsItemRight .itemsContent .fnt10 {
		font-size: 8px;
	}
	.section-head.earn-points {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	/*.image-list{margin-left:12%;}
	.manage-card-list{margin-left:6%;}*/
	.slider {
		margin: 10px auto 0 4.5%;
		width: 20%;
	}
	.image-list.col4 li {
		width: 35.5%; /*height: 392px !important;*/
	}
	.image-list.col4.fixWid li {
		height: 240px !important;
	}
	.site-menu {
		top: 13px;
		right: 15px;
		width: 30px;
		height: 25px;
	}
	#header-nav .head-menu {
		top: 53px;
	}
	#header-nav.smaller .head-menu {
		top: 40px;
	}
	section {
		min-width: 100%;
		opacity: 0;
	}
	.reward-highlight {
		top: 33% !important;
	}
	.image-list.col4 li {
		width: 47%;
		/*height: 330px !important;margin-bottom:10px !important;*/
	}
	#redeem-points .image-list.col4 li {
		width: 48.45%; /*height: 330px !important;*/
	}
	.manage-card-list li {
		width: 49.2%;
	}
	.manage-card-list1 li {
		width: 49.1%;
	}
	.manage-card-list li.block2 {
		height: 220px;
	}
	.card-agreement-list li {
		width: 49.2%;
	}
	.card-agreement-list1 li {
		width: 49.1%;
	}
	.card-agreement-list li.block2 {
		height: 220px;
	}

	/*.manage-card-list li.block2.greyBg {margin-top: 10px;}*/
	.card-info-list {
		width: 75%;
	}
	.card-info-list li {
		width: 49.8%;
	}
	.text-container {
		width: 74%;
		padding: 10px 5% 0px;
	}
	.ex-offers { /*height: 122px;*/
		background-color: #000;
	}
	/*.cLsMar1{padding-top:0% !important;}
	.cLsMar2{padding-top:17% !important;}
	.cLsMar3{padding-top:5%;}
	.cLsMar4{padding-top:18%;}*/
	#earn-pointsa {
		display: none;
	}
	.section-head.earn-points {
		width: 46%;
	}
	.section-head.redeem-points {
		width: 45%;
	}
	/*.section-head.calc-point-hd{width: 14%;}*/
	.section-head.exclusive-offers {
		width: 27%;
	}
	.section-head.card-info {
		width: 39%;
	}
	.section-head.manage-card {
		width: 39%;
	}
	.section-head.card-agreement {
		width: 39%;
	}
	.manage-card-list li.block2 .s2 {
		height: 245px;
	}
	.manage-card-list li.block4 .s2 {
		height: 245px;
	}
	.card-agreement-list li.block2 .s2 {
		height: 245px;
	}
	.card-agreement-list li.block4 .s2 {
		height: 245px;
	}

	/*.ex-offers .b1{width: 41.5%;}
	.ex-offers .b2{width: 43.5%;}*/
	.ex-offers .b1,.ex-offers .b2 {
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.ex-offers .b2 {
		padding-bottom: 7px;
		padding-right: 7%;
	}
	.image-list.col3 li {
		width: 48.45%; /*height: 296px;*/
	}
	.image-list.col3 li.txtCentLst {
		margin-left: 24%;
		margin-top: 10px;
	}
	.home-footer .cardArt {
		width: 154px !important;
		left: 78% !important;
		top: -48px;
	}
	.home-footer .block1 {
		width: 30%;
	}
	.home-footer .block2 {
		width: 18%;
	}
	.home-footer .block3 {
		width: 52%;
	}

	/*.image-list.marTop{margin: -2% 4% 0 auto;}*/
	.reward-highlight .block1 {
		height: 625px !important;
	}
	.reward-highlight .reward-circle {
		left: 6%;
		width: 87%;
		top: 147px;
	}

	/*#home .bcg1{margin-top: -71px;}*/
	.manage-card-list li img {
		width: 23%;
	}
	.card-agreement-list li img {
		width: 23%;
	}
	.menu-overlay ul {
		width: 44% !important;
	}
	.home-footer .block3 .b2 {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	.slider .ui-slider-handle {
		margin-left: -2px;
	}
	.commonWrapper p {
		text-align: center;
		font-size: 12px !important;
		padding: 5px 5px 0 5px !important;
	}
	.close-btn {
		height: 25px !important;
		margin: 0px auto auto !important;
		width: 23px !important;
	}
	.overlay-content h3,.overlay-content h4 {
		margin: 5px;
		font-size: 90%;
	}
	.mob-links li {
		margin-left: 10px;
	}
	.mob-links li>img {
		height: 50px;
		padding: 36px 0 !important;
	}
	.home-header {
		height: 53px;
	}
	.head-menu li a {
		padding: 20px 20px 10px 25px;
		font-size: 14px;
		display: block;
		background: url("../images/right-arrow.png") no-repeat 10px 23px;
		background-size: 9px;
	}
	.citi-logo {
		width: 50px;
		height: 27px;
		top: 12px;
		left: 20px;
	}
	.nav li a {
		padding: 5px;
	}
	#home .bcg1 {
		background-size: cover;
	}
	.text-container1 {
		width: 77%;
	}
	.home-footer .block1 {
		padding: 53px 0;
	}
	.home-footer .block2 {
		padding: 22px 0 68px;
	}
	.home-footer .block3 {
		padding: 13px 0;
	}
	.home-footer .block3 .b1 {
		padding: 0 20px 0;
		text-align: center;
	}
	.chip-list {
		overflow: hidden;
		margin: 0 2%;
	}
	.chip-list li .data {
		width: 47%;
		margin: 7px 0 0 0px;
	}
	.manage-card-list li p {
		font-size: 11px;
	}
	.manage-card-list li.block1 {
		padding: 15px 0;
		height: 250px;
	}
	#manage-card .text-container1 {
		width: 75%;
	}
	.card-agreement-list li p {
		font-size: 11px;
	}
	.card-agreement-list li.block1 {
		padding: 15px 0;
		height: 250px;
	}
	#card-agreement .text-container1 {
		width: 75%;
	}
	.tnc-list li a {
		padding: 15px 7px;
		font-size: 10px;
	}
	.foo-wrapper>img {
		width: 5%;
		margin-top: 16px;
	}
	.tnc-list li a span.externalLinkWrap {
		padding-right: 2px !important;
		background-size: 11px 10px;
		height: 14px;
	}
	.info-card-foo {
		bottom: -3.8%;
	}
	#home .bcg {
		background-image: url('../images/woman_bags_vertical.jpg');
	}
	#earn-pointsa .bcg,#earn-pointsa .bcg1 {
		background-attachment: initial;
	}
	.footer-wrapper .foo-list li p,.footer-wrapper .foo-list li a,.footer-wrapper p
		{
		font-size: 10px;
		text-shadow: none;
	}
	.copyright-content li a {
		font-size: 10px;
	}
	.home-header.smaller {
		height: 40px;
		background-size: 100% 100%;
	}
	.home-header.smaller .head-menu li a {
		padding: 13px 5px;
	}
	.home-header.smaller .site-menu {
		top: 8px;
		width: 25px;
		height: 21px;
	}
	.home-header.smaller .citi-logo {
		top: 9px;
		width: 40px;
		height: 22px;
	}
	.ih-item.square.effect6 .info h3 {
		font-size: 14px;
		padding: 0 10px;
	}
	.ih-item.square.effect6 .info p {
		font-size: 14px;
		padding: 0 10px;
	}
	#redeem-points .ih-item.square.effect6 .info h3 {
		height: auto;
	}

	/*edited on 11/8/2014*/
	.segment-1,.segment-2 {
		height: 730px;
	}
	.mob-links li a>img {
		height: 50px;
		padding: 33px 0;
	}
	.text-container h2 {
		font-size: 14px;
	}
	.text-container h4 {
		font-size: 13px;
	}
	#card-info .image-list.col4 li,#card-info .image-list.col4 li .info,#card-info .ih-item.square
		{
		height: auto;
	}
	.head-menu ul.unstyled {
		margin-top: 0px !important;
	}
	.card-info-list .firstLight {
		bottom: 6%;
	}
	.calc-points li .text {
		font-size: 12px;
	}
	.calc-points li .cal-op {
		font-size: 12px;
	}
	.slider-list li .category {
		font-size: 12px;
	}
	.slider-list li .amount {
		font-size: 12px;
	}
	.offer-details-sec p {
		font-size: 11px;
	}
	.output-section {
		padding: 20px 5% 20px;
	}
	/*.flexslider .card-info-list.slides li .info > img{width: 10%;}*/
	.image-list.col1 {
		width: 40%;
	}
	.manage-card-list li:nth-child(3),.manage-card-list li:nth-child(6) {
		margin: 0;
	}
	.card-agreement-list li:nth-child(3),.card-agreement-list li:nth-child(6)
		{
		margin: 0;
	}
	.macSafari .ih-item.square.effect6 .info p.placeholder img {
		width: 280px;
		margin: 0 auto;
	}
	.foo-wrapper-txt {
		font-size: 10px;
	}
	#footer {
		padding-bottom: 50px;
	}
	.home-footer .block3 .b2 {
		background: url('../images/get_started.png') no-repeat center;
		color: #fff;
		font-family: "Nanum Gothic";
		font-size: 90%;
		background-size: 30px;
		width: 100%;
		height: 34px;
	}
	#get-started-overlay ul li {
		width: 40%;
	}
	#get-started-overlay ul li:nth-child(1) div p {
		margin: 20px 0 0;
	}
	#get-started-overlay ul li.or {
		width: 6%;
	}
	#get-started-overlay ul {
		padding: 25px 60px 25px 40px;
	}
	.image-list.card-info-list li {
		border: none;
	}
	.card-info-list {
		width: 80%;
	}
	.image-list.col3 li {
		margin: 0 10px 10px 0;
		width: 48%;
	}
	/**a.more-details, .terms-cond li a.more-details, .manage-card-list li a.more-details{color:#fff !important;}**/
	a.more-details,.terms-cond li a.more-details,.manage-card-list li a.more-details
		{
		color: #fff !important;
		margin-bottom: 45px;
	}
	.card-agreement-list li a.more-details {
		color: #fff !important;
		margin-bottom: 45px;
	}

	/*.card-info-list li{width:48% !important;}*/
	/*.manage-card-list li.block1 img{width:8% !important;}*/
	#card-info .image-list.col4 li {
		margin-bottom: 0 !important;
	}
	#card-info  .image-list.card-info-list li {
		border: none;
	}
	#earn-points .ih-item.square.effect6 .info h3 {
		height: 40px;
	}
}

@media screen and (max-width : 767px) {
	.calc-points li {
		border-bottom: 1px solid #a7a7a7;
		margin: 0 0 10px;
	}
	.calc-points li .text {
		border: none;
		height: auto;
		padding: 0;
		margin: 0;
		padding: 0 0 10px;
	}
	.calc-points li {
		margin: 0;
		width: 100%;
	}
	.rewardsItems li:nth-child(2),.rewardsItems li:nth-child(4) {
		width: 14%;
	}
	.rewardsItemRight {
		width: 100%;
	}
	.rewardsItemRight .itemsContent {
		width: 80%;
	}
	.rewardsItemLeft .itemsContent {
		padding: 10px 5%;
	}
	.rewardsItemLeft .itemsContent .redeemAmt,.rewardsItemLeft .itemsContent .redeemItems
		{
		font-size: 11px;
	}
	.rewardsItemLeft .itemLogo {
		width: auto;
		height: auto;
		float: none;
	}
	.rewardsItemLeft .itemLogo img {
		width: auto;
	}
	.rewardsItems {
		padding: 5% 5% 5% 5%;
	}
	.calc-points li:nth-child(1) {
		width: 59%;
		margin: 0 0 0 0;
	}
	.calc-points li:nth-child(2) {
		width: 100%;
	}
	.ih-item.square {
		position: relative;
		z-index: 99999;
	}
	.flex-control-nav {
		z-index: 99998;
	}
	.rewardsItems {
		height: auto;
	}
	.rewardsItems ul {
		position: inherit;
	}
	.rewardsItems li.left {
		margin: 0 0 20px;
	}
	.rewardsItems li {
		float: left;
		width: 24%;
	}
	.rewardsItemLeft .itemsContent,.rewardsItemRight .itemsContent {
		width: 65%;
		font-size: 12px;
	}
	.rewardsItems li.left,.rewardsItems li.center,.rewardsItems li.right {
		width: 96%;
	}
	#earn-points .ih-item.square .info,#exclusive-offers .ih-item.square .info
		{
		position: absolute;
	}
	#earn-points .bcg {
		background: #fff !important;
	}
	#use-card .bcg,#multi-pay .bcg {
		background: none;
	}
	/**#get-started-overlay ul li:nth-child(1) div p{margin:39% 0 0;}**/
	#get-started-overlay ul li:nth-child(1) div p {
		margin: 20% 0 0;
	}
	#get-started-overlay ul li.or {
		width: 100%;
		margin: 0;
	}
	/**#get-started-overlay ul li div p{font-size:14px;padding:0 0 15px;text-align:center;}**/
	#get-started-overlay ul li div p {
		font-size: 18px;
		padding: 0 0 15px;
		text-align: center;
	}
	#get-started-overlay ul li.or div p {
		font-size: 26px;
	}
	#get-started-overlay {
		background: none;
		position: static;
	}
	#get-started-overlay ul {
		padding: 0 20px;
	}
	#get-started-overlay ul li {
		width: 100%;
		padding: 0;
		margin: 0;
		float: none;
	}
	.image-list.col1 {
		width: auto;
	}
	#use-card a.more-details {
		bottom: 12%;
	}
	.section-head.multi-pay {
		width: auto;
		font-size: 26px;
		width: 89%;
	}
	#multi-pay .dummyWrapper,#earn-points .dummyWrapper,#use-card .dummyWrapper
		{
		margin-top: 65px !important
	}
	/**#exclusive-offers .ih-item.square.effect6 .info a{}**/
	#exclusive-offers .ih-item.square.effect6 .info a {
		bottom: 10px;
	}
	#exclusive-offers .ih-item.square.effect6 .info {
		padding: 10px 0 20px 0;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 65px !important
	}
	.section-head.use-card {
		width: auto;
		font-size: 26px;
		width: 89%;
	}
	.section-head.earn-points {
		font-family: "Nanum Gothic";
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		padding: 6px 9px;
		font-weight: 100;
		font-size: 26px;
		text-align: center;
		margin: 25px 15px;
		line-height: 30px;
		text-shadow: none;
	}
	#multi-pay .flexslider .slides .img img {
		height: 350px;
		width: 100%;
	}
	.custom-checkbox,.custom-checkbox.selected {
		margin: 4px 0 0;
	}
	.slider-list li.totalAmt {
		padding-top: 0;
	}
	.ui-slider-horizontal .ui-slider-range-max {
		background-color: #a7a7a7 !important;
	}
	.ui-slider-horizontal .ui-slider-range-max {
		right: 0;
	}
	.ui-slider-horizontal .ui-slider-range {
		height: 100%;
		top: 0;
	}
	.ui-slider .ui-slider-range {
		background-position: 0 0;
		border: 0 none;
		display: block;
		font-size: 0.7em;
		position: absolute;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		z-index: 1;
	}
	.slider {
		margin: 10px auto 0 4.5%;
		width: 15.5%;
	}
	/*#redeem-points .ih-item.square.effect6 .info p{font-size:11px;line-height:18px;}*/
	#earn-points .ih-item.square.effect6 .info {
		background: none;
		padding: 5px 0 15px 0;
	}
	.hidden-phone {
		display: none !important;
	}
	.visible-phone {
		display: block !important;
	}
	.clear {
		clear: both;
	}
	#body {
		display: none;
	}
	body {
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	.head-menu {
		background: #353633;
		color: #fff;
		position: fixed;
		right: -250px;
		top: 0;
		width: 250px;
		border: none;
		box-shadow: 5px 0px 10px #222 inset;
		height: 100%;
		-moz-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
		display: block;
		z-index: 9999999;
	}
	.head-menu.menu-pushed {
		right: 0;
	}
	.home-header.menu-pushed {
		right: 250px;
	}
	.citi-logo.menu-pushed {
		left: -250px;
	}
	#body {
		-moz-transition: all 0.5s ease-in;
		-o-transition: all 0.5s ease-in;
		-webkit-transition: all 0.5s ease-in;
		-ms-transition: all 0.5s ease-in;
		transition: all 0.5s ease-in;
	}
	.head-menu li a {
		background: url("../images/mobile/right-arrow.png") no-repeat 20px 50%;
		background-size: 8px;
		padding: 15px 10px 15px 34px;
		font-size: 13px;
		display: block;
		color: #fff;
		font-weight: bold;
	}
	.head-menu li a.active {
		background: #0e4e7a url("../images/mobile/right-arrow.png") no-repeat
			20px 50%;
		background-size: 8px;
		padding: 15px 10px 15px 34px;
		font-size: 13px;
		display: block;
		color: #fff;
		font-weight: bold;
	}
	.nav li a,.nav li.active a {
		background: transparent;
		border: none;
	}
	.homeSlide { /*display:none;*/
		height: auto !important;
		margin-bottom: 40px;
	}
	.dummyWrapper {
		margin-top: 60px !important;
	}
	/*.section-head{font-family: "Nanum Gothic";color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 6px 9px;font-weight: 100;font-size: 26px;text-align: center;margin: 25px 35px 15px 35px;line-height: 30px;text-shadow: none;width:auto;}*/
	.section-head.earn-points {
		width: auto;
	}
	/*#earn-points .bcg{background:#000 !important;}*/
	/*.image-list.col3 li{width:100% !important;}
	.image-list{width:100%;}
	.image-list.col3 li.txtCentLst{margin:0;}*/
	.image-list.col3 li.txtCentLst {
		margin-left: 0;
		margin-top: 0;
	}
	/*.page-content{display:none;}*/
	/***#earn-points, #redeem-points, #calculate-your-points, #exclusive-offers, #card-info, #manage-card, #use-card, #multi-pay{display:none;}***/
	#earn-points,#redeem-points,#calculate-your-points,#exclusive-offers,#card-info,#manage-card,#use-card,#multi-pay,#terms-conditions
		{
		display: none;
	}
	#card-agreement {
		display: none;
	}

	/**#redeem-points .bcg, #exclusive-offers .bcg, #card-info .bcg, #manage-card .bcg{background:none !important;}**/
	#redeem-points .bcg,#card-info .bcg {
		background: none !important;
	}
	.image-list {
		width: 100%;
	}
	#redeem-points .image-list.col4 li {
		margin-bottom: 2px !important;
		width: 100%;
	}
	#redeem-points .section-head {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		font-size: 26px;
		width: 89%;
	}
	.section-head.redeem-points {
		width: auto;
	}
	#calculate-your-points .dummyWrapper {
		margin-top: 0;
	}
	.section-head.large {
		width: auto;
	}
	#redeem-points .dummyWrapper {
		margin-top: 20px !important;
	}
	#calculate-your-points .dummyWrapper {
		margin-top: 30px !important;
	}
	#calculate-your-points .section-head {
		margin: 25px 15px 15px 15px;
		font-size: 26px;
	}
	.hsContainer-content {
		width: auto;
		text-align: left;
		padding: 0 15px;
	}
	.calc-wrapper ul {
		padding: 10px 0;
	}
	.slider-list li {
		float: left;
		width: 100%;
		padding: 0 0 10px;
	}
	.slider-list li:last-child {
		padding: 0;
	}
	.slider-list li .category {
		float: left;
		font-family: "Nanum Gothic";
		font-size: 16px;
		color: #484848;
	}
	/**.slider-list li .amount{float:right;font-size:16px;color: #1B7598;}**/
	.slider-list li .amount {
		float: right;
		font-size: 16px;
		color: #3a3a3a;
	}
	.slider {
		position: absolute;
		margin: 10px auto 0 auto;
		height: 13px;
		width: 83%;
		background: #a7a7a7;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
	}
	/**.slider-wrapper{height: 30px;width:100%;float: left;margin: 10px 0 0 5px;}**/
	.slider-wrapper {
		height: 30px;
		width: 100%;
		float: left;
	}
	.slider .ui-slider-range-min {
		height: 10px;
		position: absolute;
	}
	.slider .ui-slider-handle {
		height: 32px;
		width: 32px;
		position: absolute;
		margin-left: 0px;
		margin-top: -10px;
		cursor: pointer;
		outline: none;
		background-size: 100% 100%;
		background: url('../images/calculate-your-point/slider-arrow-1.png')
			no-repeat center center;
	}
	.slider .ui-slider-range-min {
		background: #0d3863;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
	}
	.calc-wrapper {
		width: auto;
		margin: 10px 15px;
		overflow: hidden;
		padding: 10px 0 0;
		background: #fff;
	}
	.segment-1 {
		background: #fff;
		width: 90%;
		float: left;
		padding: 0 5%;
	}
	.segment-2 {
		background: #fff;
		width: 100%;
		padding: 2% 0 0;
		float: left;
	}
	.segment-1>h3 {
		margin: 10px 0;
		color: #666;
		font-size: 14px;
	}
	.calc-points {
		float: left;
		width: 100%;
		overflow: hidden;
	}
	.calc-points li {
		float: left;
		padding: 10px 0;
	}
	.calc-points li:last-child {
		border-bottom: none;
	}
	.calc-points li .text {
		font-family: "Nanum Gothic";
		font-size: 13px;
		color: #4e4e4e;
		float: left;
		text-shadow: none;
		font-weight: normal;
	}
	/**.calc-points li .cal-op{font-family:"Nanum Gothic";font-size:13px;color:#4e4e4e;float:left;text-shadow:none;font-weight:bold;}**/
	.calc-points li .cal-op {
		font-family: "Nanum Gothic";
		font-size: 15px;
		color: #4e4e4e;
		float: right;
		text-shadow: none;
		font-weight: bold;
	}
	/**.offer-details-sec p {font-family: 'Nanum Gothic';font-size: 13px;color: #4e4e4e;padding: 14px 0;margin: 0;text-shadow: none;border-bottom: 1px solid rgb(167,167,167);position: relative;font-weight: bold;}**/
	.offer-details-sec p {
		font-family: 'Nanum Gothic';
		font-size: 14px;
		color: #4e4e4e;
		padding: 14px 0;
		margin: 0;
		text-shadow: none;
		border-bottom: 1px solid rgb(167, 167, 167);
		position: relative;
	}
	.output-section {
		padding: 5%;
		overflow: hidden;
		background: #e4e4e4;
	}
	.savings-section {
		padding: 5% 5% 0 5%;
		overflow: hidden;
		background: rgb(128, 221, 226);
	}
	.savings-section .calc-points li .text {
		font-weight: normal;
	}
	.savings-section .calc-points li.last .text {
		font-weight: bold;
	}
	.calc-points.last {
		padding: 5px 0;
	}
	#calc-disclaimer p {
		font-size: 11px;
	}
	.image-list {
		position: inherit;
		z-index: inherit;
		margin: inherit;
		overflow: inherit;
	}
	.image-list.col3 li {
		width: auto;
		height: auto;
		position: inherit;
		margin: 0;
	}
	.image-list li {
		margin-right: 0;
	}
	.ih-item.square.effect6 .info h3 {
		font-family: "Nanum Gothic";
		font-size: 1.1em;
		margin: 3% 0;
		line-height: 20px;
		font-weight: normal;
		text-shadow: none;
	}
	.ih-item.square.effect6 .info i.icon1 {
		background:
			url('../images/earn-points/01_make_every_purchase_rewarding.png')
			no-repeat;
		width: 50px /* 58px */;
		height: 50px /* 58px */;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon2 {
		background:
			url('../images/earn-points/02_earn_5x_rewards_year_around.png')
			no-repeat;
		width: 50px;
		height: 50px;
		margin: 5% auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon2+p {
		margin-top: 0;
		padding: 0 35px;
	}
	.ih-item.square.effect6 .info i.icon3 {
		background: url('../images/redeem-points/01_pay_of_your_purchases.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon34 {
		background: url('../images/earn-points/03_img03.png') no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon4 {
		background: url('../images/redeem-points/02_online_catalogue.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon4+p {
		margin-bottom: 10px;
	}
	.ih-item.square.effect6 .info i.icon5 {
		background:
			url('../images/redeem-points/03_pay_with_points_at_store.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0% auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon5+p,.ih-item.square.effect6 .info i.icon6+p
		{
		padding: 0 40px;
	}
	.ih-item.square.effect6 .info i.icon6 {
		background:
			url('../images/redeem-points/04_enjoy_your_flight_air_miles.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon7 {
		background:
			url('../images/exclusive-offers/01_dining_gourmet_pleasures.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon7+p,.ih-item.square.effect6 .info p.infoHdr
		{
		margin-bottom: 8px;
	}
	.ih-item.square.effect6 .info i.icon35 {
		background: url('../images/exclusive-offers/04_img04.png') no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon8 {
		background:
			url('../images/exclusive-offers/02_citi_world_privileges.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info p {
		font-family: "Nanum Gothic";
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		padding: 0 20px;
		line-height: 22px;
		margin: 0;
		text-shadow: none;
	}
	.ih-item.square.effect6 .info a {
		bottom: 50px;
		font-size: 12px;
	}
	.ih-item.square.effect6 .info p.small-txt {
		font-size: 14px;
		padding: 0 10px;
		margin: 0;
		line-height: 18px;
	}
	.ih-item.square.effect6 .info i.icon9 {
		background: url('../images/exclusive-offers/03_promotion_campaigns.png')
			no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon10 {
		background: url('../images/exclusive-offers/dining.png') no-repeat;
		width: 58px;
		height: 58px;
		margin: 0 auto 5%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon11 {
		background: url('../images/exclusive-offers/geofrrey.png') no-repeat;
		width: 140px;
		height: 58px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon11+h3 {
		margin: 4% 0;
	}
	.ih-item.square.effect6 .info i.icon12 {
		background: url('../images/exclusive-offers/marrybrown.png') no-repeat;
		width: 40px;
		height: 34px;
		margin: 2% auto 7%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon13 {
		background: url('../images/exclusive-offers/emi-icon.png') no-repeat;
		width: 25px;
		height: 40px;
		margin: 2% auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon13+h3 {
		margin: 5% 0;
	}
	.ih-item.square.effect6 .info i.icon14 {
		background: url('../images/exclusive-offers/mobile-store.jpg') no-repeat;
		width: 80px;
		height: 50px;
		margin: 3% auto 4%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon15 {
		background: url('../images/exclusive-offers/shopperstopper-logo.jpg')
			no-repeat;
		width: 120px;
		height: 60px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon14+h3,.ih-item.square.effect6 .info i.icon15+h3
		{
		margin: 5% 0 3%;
	}
	.ih-item.square.effect6 .info i.icon16 {
		background: url('../images/exclusive-offers/landmark.png') no-repeat;
		width: 100px;
		height: 46px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.black-txt a {
		color: #000 !important;
	}
	.ih-item.square.effect6 .info i.icon16+h3,.ih-item.square.effect6 .info i.icon16+h3+p
		{
		color: #000;
	}
	.ih-item.square.effect6 .info i.icon17 {
		background: url('../images/exclusive-offers/accelator.png') no-repeat;
		width: 40px;
		height: 45px;
		margin: 0 auto 7%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon18 {
		background: url('../images/exclusive-offers/yatra.jpg') no-repeat;
		width: 110px;
		height: 41px;
		margin: 0 auto 7%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon19 {
		background: url('../images/exclusive-offers/golden-screen-logo.jpg')
			no-repeat;
		width: 80px;
		height: 39px;
		margin: 3% auto 7%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon20 {
		background: url('../images/exclusive-offers/hardrock-logo.jpg')
			no-repeat;
		width: 80px;
		height: 33px;
		margin: 3% auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon26 {
		background: url('../images/manage-your-card/register-online.png')
			no-repeat;
		width: 34px;
		height: 50px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon27 {
		background: url('../images/manage-your-card/estatement.png') no-repeat;
		width: 50px;
		height: 52px;
		margin: 2% auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon28 {
		background: url('../images/manage-your-card/bill-pay.png') no-repeat;
		width: 46px;
		height: 52px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon29 {
		background: url('../images/manage-your-card/mobile.png') no-repeat;
		width: 32px;
		height: 52px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon30 {
		background: url('../images/manage-your-card/citi-mobile.png') no-repeat;
		width: 46px;
		height: 52px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon31 {
		background: url('../images/manage-your-card/card-img.png') no-repeat;
		width: 52px;
		height: 35px;
		margin: 0 auto;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon32 {
		background: url('../images/manage-your-card/click-for-cash.png')
			no-repeat;
		width: 42px;
		height: 42px;
		margin: 0 auto 0;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon33 {
		background: url('../images/terms-conditions/search-icon.png') no-repeat;
		width: 42px;
		height: 42px;
		margin: 0 auto 7%;
		display: block;
		background-size: 100% 100%;
	}
	.ih-item.square.effect6 .info i.icon21 {
		background: url('../images/imp-card-info/annual-fees.png') no-repeat;
		background-size: 100% 100%;
		width: 54px;
		height: 43px;
		margin: 8% auto 0;
		display: block;
	}
	.ih-item.square.effect6 .info i.icon22 {
		background: url('../images/imp-card-info/travelling.png') no-repeat;
		background-size: 100% 100%;
		width: 50px;
		height: 50px;
		margin: 8% auto 0;
		display: block;
	}
	.ih-item.square.effect6 .info i.icon23 {
		background: url('../images/imp-card-info/creditcard.png') no-repeat;
		background-size: 100% 100%;
		width: 40px;
		height: 30px;
		margin: 8% auto 0;
		display: block;
	}
	.ih-item.square.effect6 .info i.icon24 {
		background: url('../images/imp-card-info/check-points.png') no-repeat;
		background-size: 100% 100%;
		width: 35px;
		height: 50px;
		margin: 8% auto 0;
		display: block;
	}
	.ih-item.square.effect6 .info i.icon25 {
		background: url('../images/imp-card-info/enhanced-security.png')
			no-repeat;
		background-size: 100% 100%;
		width: 35px;
		height: 40px;
		margin: 8% auto 0;
		display: block;
	}
	#earn-points .ih-item.square.effect6 .info h3 {
		height: auto;
	}
	.segment-1,.segment-2 {
		height: auto;
	}
	.ih-item.square.effect6 .info [class^="icon"] {
		margin-top: 4% !important;
	}
	.ih-item.square.effect6 .info p.placeholder {
		padding-top: 10px;
	}
	.slider {
		position: absolute;
		margin: 10px auto 0 8%;
		height: 10px;
		width: 77%;
		background: #0d3863;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
	}
	/**.calcBtn {font-size: 14px;width: 140px;}**/
	.calcBtn {
		background: #0d3863;
		float: left;
		padding: 4px 10px;
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		width: 170px;
		margin-bottom: 10px;
		text-align: center;
	}
	/**.calcBtn.savings {font-size: 14px;width: 110px;}**/
	.calcBtn.savings {
		font-size: 15px;
		width: 100%;
	}
	.ui-mobile .ui-page-active,body.ui-mobile-viewport,div.ui-mobile-viewport
		{
		overflow: auto !important;
		position: relative;
		background: #353633;
	}
	body.menu-open {
		-moz-transform: translateX(-250px);
		-webkit-transform: translateX(-250px);
		-o-transform: translateX(-250px);
		-ms-transform: translateX(-250px);
		transform: translateX(-250px);
	}
	.menu-open .head-menu {
		-khtml-opacity: 1;
		-moz-opacity: 1;
		-webkit-opacity: 1;
		-o-opacity: 1;
		opacity: 1;
		z-index: 0;
		position: absolute;
		right: 0;
		width: 250px;
		-moz-transform: translateX(250px);
		-webkit-transform: translateX(250px);
		-o-transform: translateX(250px);
		-ms-transform: translateX(250px);
		transform: translateX(250px);
	}
	.section-head.exclusive-offers {
		width: 89%;
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		font-size: 26px;
	}
	.ih-item.square.effect6 .info {
		padding: 0;
	}
	.section-head.card-info {
		width: auto;
	}
	#card-info .flexslider .slides .img img {
		height: 250px;
		width: 100%;
	}
	.card-info-list li>img,.card-info-list li .info>img {
		margin: 0 auto;
	}
	.image-list.col4.fixWid li {
		height: auto !important;
	}
	#card-info .image-list.col4 li,#card-info .image-list.col4 li .info,#card-info .ih-item.square
		{
		height: auto;
		margin-bottom: 0 !important;
	}
	.card-info-list a.firstLight {
		position: absolute;
		bottom: 50px;
	}
	.image-list.card-info-list li {
		border-right: none;
		margin: 0;
	}
	.card-info-list li>p,.card-info-list li .info>p {
		padding: 0 20px;
		font-size: 14px;
	}
	/**.card-info-list li h3{font-family: "Nanum Gothic";font-size: 1.1em;margin: 0 0 3%;line-height: 20px;font-weight: normal;text-shadow: none;}**/
	.card-info-list li h3 {
		font-family: "Nanum Gothic";
		font-size: 1.1em;
		margin: 1% 3%;
		line-height: 20px;
		font-weight: normal;
		text-shadow: none;
	}
	.card-info-list li .info>img {
		width: 18%;
	}
	.card-info-list li .info>img.infoLockImg {
		width: 58px;
		height: auto;
	}
	.info .sort {
		text-align: left;
		padding: 10px 30px;
		width: 90%;
		color: #fff;
		font-size: 14px;
	}
	.info .sort p {
		padding: 0;
		margin: 1;
		font-weight: bold;
		line-height: 8px;
	}
	.manage-card-list li {
		margin-right: 0;
	}
	.card-agreement-list li {
		margin-right: 0;
	}
	.flexslider .manage-card-list.slides>li img {
		width: 58px;
		margin: 0 auto;
	}
	/***.flexslider .card-agreement-list.slides > li img{width:58px;margin:0 auto;}***/
	.flexslider .card-agreement-list.slides>li img {
		width: 48px;
		margin: 0 auto;
	}
	.page-content.fixed-nav {
		padding-top: 40px;
		background-color: #f9f9f9;
	}
	.site-bg-img {
		background: url('../images/bcg_slide-p.jpg') left center no-repeat;
		background-size: 100% 100%;
	}
	.reward-logo-wrapper {
		width: 242px;
		height: 110px;
		margin: 0 auto;
		position: relative;
	}
	.reward-logo-wrapper h1 {
		text-shadow: none;
		color: #fff;
		text-align: center;
		position: absolute;
		top: 0;
		width: 100%;
		margin: 0;
	}
	#rewards-home .list-menu {
		margin: 10px auto;
		overflow: hidden;
		width: 260px;
		position: relative;
	}
	.list-menu {
		overflow: hidden;
		width: 200px;
		margin: 8% auto;
		position: relative;
	}

	/**.list-menu li {display: block;overflow: hidden;text-align: center;}**/
	.list-menu li {
		display: block;
		overflow: hidden;
		text-align: center;
		margin-top: 5px;
	}
	#rewards-home .list-menu li a {
		padding: 3px 0;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		text-align: center;
		text-transform: uppercase;
		text-shadow: none;
		font-family: "Nanum Gothic";
	}
	.rgt-arrow {
		background: url('../images/mobile/right-arrow.png') no-repeat center
			right;
		background-size: 8px 12px;
		padding-right: 13px;
		float: none !important;
	}
	.list-menu li a>span {
		float: left;
		text-shadow: none;
		font-weight: normal;
	}
	#explore,#apin {
		display: none;
	}
	#explore .list-menu {
		width: 300px;
	}
	.list-menu li a {
		color: #fff;
	}
	#explore .list-menu li a {
		padding: 5px 0;
		display: block;
	}
	#apin .site-bg-img {
		background: url('../images/mobile/b1-a.jpg');
	}
	.reward-logo-wrapper.small {
		height: 115px;
	}
	#apin .reward-logo-wrapper.small {
		margin-top: 10%;
	}
	.reward-logo-wrapper.small h1 .ht1 .tel a {
		color: #7ee1fd;
		font-weight: bold;
	}
	#apin .reward-logo-wrapper.small h1 .ht1 {
		padding: 0;
		line-height: 28px;
		color: #fff;
		font-size: 26px;
		display: block;
		font-family: "Nanum Gothic";
		font-weight: normal;
	}
	#apin ul.unstyled.list-menu {
		margin: 10% auto;
	}
	/**.fixedFoo{background:url('../images/foobg.png');position:fixed;bottom:0;right:0;left:0;z-index:99;padding:10px 15px;}**/
	.fixedFoo {
		background: url('../images/foobg.png');
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 99999;
		padding: 10px 15px 10px 15px;
	}
	.fixedFoo img {
		padding-left: 15px;
		width: 27px;
		height: 27px;
	}
	.fixedDisc {
		background: #000;
		opacity: 0.6;
		position: fixed;
		bottom: 40px;
		right: 0;
		left: 0;
		z-index: 99;
		padding: 10px 0;
	}
	.fixedDisc>p {
		font-size: 14px;
		text-shadow: none;
		color: #fff;
		margin: 0;
		text-align: center;
		font-size: 12px;
		padding: 0 30px 0 0;
	}
	.fixedDisc>p>a {
		font-weight: normal;
	}
	.fixedDisc .whiteArro {
		background: url("../images/mobile/right-arrow.png") 0 0 no-repeat;
		width: 12px;
		height: 16px;
		display: inline-block;
		background-size: 100% 100%;
		float: left;
	}
	.fixedFoo p,.Foo p {
		font-size: 10px;
		float: left;
		text-shadow: none;
		color: #828688;
		margin: 0;
		padding-top: 2px;
	}
	.fooInfo {
		background: url('../images/mobile/info-icon.png');
		background-size: 100% 100%;
		display: inline-block;
		width: 20px;
		height: 20px;
		float: right;
	}
	/**.fotLink {font-size: 10px;width: 78px;float: left;margin-left: 268px;text-align: right;font-family: arial;text-shadow: none;line-height: 12px;border-right: 1px solid #666;padding-right: 10px;font-weight: normal !important;font-family: "Nanum Gothic";color: #ebeef0 !important;}**/
	.fotLink {
		font-size: 10px;
		width: 78px;
		float: left;
		margin-right: 0px;
		text-align: right;
		font-family: arial;
		text-shadow: none;
		line-height: 12px;
		border-right: 1px solid #666;
		padding-right: 10px;
		font-weight: normal !important;
		font-family: "interstate-light";
		color: #ebeef0 !important;
	}

	/**.fotLink img {position:absolute; righ:0;}**/
	.fotLink img {
		position: absolute;
		right: 18px;
		bottom: 8px;
	}
	.cardImg {
		position: fixed;
		bottom: 20px;
		z-index: 99;
		left: 20px;
	}
	.cardImg img {
		width: 43%;
	}
	.Foo {
		background: url('../images/mobile/foobg.png');
		padding: 10px 15px;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.Foo p {
		float: right;
		padding-top: 2px;
	}
	#apin .reward-logo-wrapper {
		width: 430px;
	}
	.reward-logo-wrapper h1>img {
		width: 50%;
		margin-top: 10px;
	}
	.FooPage {
		position: inherit;
		display: block !important;
	}
	.FooPage p img {
		position: relative;
		left: 0;
		padding-right: 2px;
		margin-top: -5px;
		width: 27px;
		height: 27px;
	}
	.ex-offers {
		position: inherit;
	}
	.ex-offers .b1 {
		width: 100%;
		float: left;
		background: #435056;
		padding: 7%;
		margin: 0;
	}
	.FooPage p {
		padding-top: 4px;
	}
	.ex-offers .b1 img {
		float: left;
		height: 84px;
		margin: 0;
	}
	/**.text-container {padding: 0 0 0 5%;float: left;width: 70%;}**/
	.text-container {
		padding: 0 0 0 5%;
		float: left;
		width: 75%;
	}
	/**.text-container h2 {margin: 0 0 10px;font-size:20px;font-weight: normal;line-height: 22px;padding: 0;font-family:"Nanum Gothic";text-shadow: none;}**/
	.text-container h2 {
		margin: 0 0 10px;
		font-size: 16px;
		font-weight: normal;
		line-height: 22px;
		padding: 0;
		font-family: "Nanum Gothic";
		text-shadow: none;
		padding: 27px 0 0 0;
		letter-spacing: -1px;
	}
	.text-container h4 {
		font-family: "Nanum Gothic";
		margin: 0;
		font-size: 13px;
		font-weight: 100;
		text-shadow: none;
	}
	.text-container h4 a {
		color: #fff;
		font-weight: bold;
	}
	.ex-offers .b2 {
		width: 100%;
		background: #6f787d;
		padding: 20px 0;
		text-align: center;
	}
	.ex-offers .b2 a {
		display: none;
	}
	.androd-btn {
		display: block;
	}
	.mob-links {
		overflow: hidden;
	}
	.commonWrapper {
		display: none !important;
	}
	.fooInfo-overlay,.fooContact-overlay,.moreDetail-overlay {
		position: fixed;
		overflow-y: auto;
		top: 0;
		right: 0;
		left: 0;
		background: rgba(1, 14, 20, 0.9);
		display: none;
		z-index: 99999;
		height: 100% !important;
		width: 100%;
	}
	.externalLink {
		background: url("../images/external_link.png") no-repeat right 4px;
		background-size: 13px 13px;
		display: inline-block !important;
		padding-right: 22px !important;
		color: #fff;
	}
	#redeem-points .flexslider {
		padding: 0 0 2px !important;
	}
	.offers h4 {
		font-size: 12px;
	}
	.offers h3 {
		font-size: 14px;
	}
	.offers p {
		padding: 0 10px;
	}
	#exclusive-offers .flexslider {
		padding: 0 0 2px !important;
	}
	.tableWrap {
		padding: 10px 0 15px;
	}
	.tableWrap table {
		margin: 0 10px;
	}
	.tableWrap table tr {
		vertical-align: top;
	}
	.tableWrap tr {
		border-bottom: 1px solid #FFFFFF;
		padding: 10px;
	}
	.tableWrap tr th,.tableWrap tr td {
		border-bottom: 1px solid #FFFFFF;
		font-size: 12px;
		line-height: 17px;
		padding: 10px;
		text-align: left;
		color: #fff;
	}
	.tableWrap tr th {
		font-size: 14px;
	}
	#close-menu {
		background: url("../images/mobile/close-icon.png") 0 0 no-repeat;
		width: 24px;
		height: 22px;
		display: inline-block;
		background-size: 100% 100%;
		position: absolute;
		top: 20px;
		right: 20px;
	}
	.chip-list {
		overflow: hidden;
		margin: 0 5%;
	}
	.chip-list li.content {
		width: 100%;
		margin: 17px 0 0;
		overflow: hidden;
	}
	.chip-list li .chip-img {
		float: left;
		height: 80px;
	}
	.chip-list li .data {
		float: left;
		margin: 10px 0 0 20px;
		width: 61%;
	}
	.chip-list li .data h5 {
		margin: 0;
		text-align: left;
		text-shadow: none;
		color: #fff;
		font-size: 14px;
	}
	.chip-list li .data p {
		padding: 0;
		text-align: left;
		text-shadow: none;
		color: #fff;
		font-size: 14px;
	}
	.cont-overlay>ul {
		margin: 50px 20px 20px;
	}
	.cont-overlay>ul>li>a {
		background: url("../images/mobile/right-arrow.png") center right
			no-repeat;
		display: block;
		font-family: "Nanum Gothic";
		font-weight: 100;
		font-size: 20px;
		color: #fff;
		line-height: 50px;
		text-decoration: none;
		background-size: 13px;
		text-shadow: none;
	}
	.cont-overlay>ul>li>a.active {
		background: url("../images/mobile/down-arrow.png") center right
			no-repeat;
		background-size: 20px;
	}
	ul.contInner {
		padding: 0 0 10px;
		overflow: auto;
		display: none;
	}
	ul.contInner>li {
		color: #fff;
		font-size: 16px;
		padding: 0 0 10px;
		text-shadow: none;
	}
	ul.contInner>li>a {
		display: inline-block;
		font-family: "Nanum Gothic";
		font-size: 16px;
		color: #7ee1fd;
		text-decoration: none;
		float: right;
	}
	.manage-card-list li.block1,.manage-card-list li.block2,.manage-card-list li.block3,.manage-card-list li.block4
		{
		background: url("../images/mobile/img09.jpg");
		height: 400px;
	}
	.manage-card-list li.block2.greyBg {
		background: url("../images/mobile/img08.jpg");
		height: 400px;
	}
	.manage-card-list1 {
		margin-top: 2px;
	}
	#manage-card .flex-control-nav {
		z-index: 9999;
	}
	/**.manage-card-list li a.more-details, .manage-card-list li div > a.more-details, .manage-card-list li a.more-details{bottom:17%;}**/
	.manage-card-list li a.more-details,.manage-card-list li div>a.more-details,.manage-card-list li a.more-details
		{
		bottom: 5%;
	}
	.manage-card-list li h3 {
		font-family: "Nanum Gothic";
		font-size: 1.1em;
		margin: 3% 0;
		line-height: 20px;
		font-weight: normal;
		text-shadow: none;
		padding: 0 10px;
	}
	.manage-card-list li p {
		font-family: "Nanum Gothic";
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		padding: 0 25px;
		line-height: 22px;
		margin: 0;
		text-shadow: none;
	}
	.flexslider .manage-card-list.slides>li.block4 img {
		width: 10%;
	}
	.flexslider .manage-card-list.slides>li.block4 a.ipnone-btn img,.flexslider .manage-card-list.slides>li.block4 a.androd-btn img
		{
		width: 70%;
	}
	.card-agreement-list li.block1,.card-agreement-list li.block2,.card-agreement-list li.block3,.card-agreement-list li.block4
		{
		background: url("../images/mobile/img09.jpg");
		height: 400px;
	}
	.card-agreement-list li.block2.greyBg {
		background: url("../images/mobile/img08.jpg");
		height: 400px;
	}
	.card-agreement-list1 {
		margin-top: 2px;
	}
	#card-agreement .flex-control-nav {
		z-index: 9999;
	}
	/**.card-agreement-list li a.more-details, .card-agreement-list li div > a.more-details, .card-agreement-list li a.more-details{bottom:17%;}**/
	.card-agreement-list li a.more-details,.card-agreement-list li div>a.more-details,.card-agreement-list li a.more-details
		{
		bottom: 5%;
	}
	.card-agreement-list li h3 {
		font-family: "Nanum Gothic";
		font-size: 1.1em;
		margin: 3% 0;
		line-height: 20px;
		font-weight: normal;
		text-shadow: none;
		padding: 0 10px;
	}
	.card-agreement-list li p {
		font-family: "Nanum Gothic";
		color: #fff;
		font-size: 14px;
		font-weight: normal;
		padding: 0 25px;
		line-height: 22px;
		margin: 0;
		text-shadow: none;
	}
	.flexslider .card-agreement-list.slides>li.block4 img {
		width: 10%;
	}
	.flexslider .card-agreement-list.slides>li.block4 a.ipnone-btn img,.flexslider .card-agreement-list.slides>li.block4 a.androd-btn img
		{
		width: 70%;
	}
	.section-head.card-info {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		width: 89%;
		font-size: 26px;
	}
	.macSafari .ih-item img {
		width: 100%;
	}
	.termsHdr {
		margin: 0;
	}
	.discWrap p {
		margin: 0;
	}
	.card-info-list.image-list.col1 {
		width: 100%;
	}
	.termsWrap {
		float: none;
	}
	.section-head.manage-card {
		font-size: 26px;
		width: 89%;
	}
}

@media only screen and (max-width:667px) {
	.calc-points li:nth-child(2) .text {
		width: 83%;
	}
	.calc-points li:nth-child(1) {
		width: 31%;
	}
	.rewardsItemRight .itemsContent .fnt10 {
		font-size: 12px;
	}
	.rewardsItemLeft .itemsContent {
		width: 90%;
	}
	.rewardsItemRight .itemsContent {
		width: 80%;
	}
	.fixedFoo p,.Foo p {
		padding-top: 10px;
	}
	.cardImg img {
		width: 55%;
	}
	.list-menu {
		margin: 2% auto;
	}
	.FooPage p {
		padding-top: 4px;
	}
	.manage-card-list li.block1,.manage-card-list li.block2,.manage-card-list li.block2.greyBg
		{
		height: 280px;
		margin: 0;
	}
	.card-agreement-list li.block1,.card-agreement-list li.block2,.card-agreement-list li.block2.greyBg
		{
		height: 280px;
		margin: 0;
	}
}

@media ( min-width : 630px) and (max-width: 640px) {
	.flexslider .manage-card-list.slides>li.block4 a.ipnone-btn img,.flexslider .manage-card-list.slides>li.block4 a.androd-btn img
		{
		width: 40%;
		margin-top: 20px;
	}
	.flexslider .card-agreement-list.slides>li.block4 a.ipnone-btn img,.flexslider .card-agreement-list.slides>li.block4 a.androd-btn img
		{
		width: 40%;
		margin-top: 20px;
	}
}

@media ( min-width : 590px) and (max-width: 600px) {
	.site-bg-img {
		top: 0;
		height: 100%;
	}
	.cardImg img {
		width: 85%;
	}
}

@media only screen and (max-width:667px) {
	.calc-points li,.calc-wrapper ul {
		padding: 0;
	}
	.calc-points li:nth-child(1) .text {
		width: 100%;
	}
	.calc-points li:nth-child(2) .text {
		width: 77%;
	}
	.calc-points li:nth-child(1) {
		width: 100%;
		margin: 0 0 10px;
	}
	.calc-points li:nth-child(1) .text {
		width: 96%;
	}
	/**.calc-points li:nth-child(2){border-bottom:1px solid #00bcc5;}**/
	.calc-points li:nth-child(2) {
		border-bottom: 1px solid #a8a8a8;
	}
	.calc-points li:nth-child(2) .text {
		width: 96%;
		border: none
	}
}

@media only screen and (max-width:568px) {
	.calc-points li:nth-child(1) {
		width: 37%;
	}
	.calc-points li,.calc-wrapper ul {
		padding: 0;
	}
	/**.calc-points li:nth-child(1) .text{width:100%;}**/
	.calc-points li:nth-child(1) .text {
		width: 100%;
		margin-bottom: -10px;
	}
	.calc-points li:nth-child(2) .text {
		width: 77%;
	}
	.calc-points li:nth-child(1) {
		width: 100%;
		margin: 0 0 10px;
	}
	.calc-points li:nth-child(1) .text {
		width: 96%;
	}
	/**.calc-points li:nth-child(2){border-bottom:1px solid #00bcc5;}**/
	.calc-points li:nth-child(2) {
		border-bottom: 1px solid #a8a8a8;
	}
	.calc-points li:nth-child(2) .text {
		width: 96%;
		border: none
	}
}

@media only screen and (max-width:553px) {
	.rewardsItemLeft .itemsContent,.rewardsItemRight .itemsContent {
		width: 90%;
	}
	/**.cardImg{bottom:14%;}**/
	.cardImg {
		z-index: 0;
	}
}

@media only screen and (max-width:480px) {
}

@media only screen and (max-width: 375px) {
	.calc-points li:nth-child(1) {
		width: 100%;
		margin: 0 0 10px;
	}
	/**.calc-points li:nth-child(1) .text{width:96%;}**/
	.calc-points li:nth-child(1) .text {
		width: 50%;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: -1px;
	}
	/**.calc-points li:nth-child(2){border-bottom:1px solid #00bcc5;}**/
	.calc-points li:nth-child(2) {
		border-bottom: 1px solid #a8a8a8;
	}
	.calc-points li:nth-child(2) .text {
		width: 96%;
		border: none
	}
	.calc-points li,.calc-wrapper ul {
		padding: 0;
	}
	/**.calc-points li:nth-child(3) .text{width:74%;}**/
	.calc-points li:nth-child(3) .text {
		width: 95%;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: -10px;
		font-size: 15px;
		letter-spacing: -1px;
	}
	.output-section h3,.rewardsItems h3 {
		font-size: 14px;
	}
	/**.cardImg{bottom:20px;}**/
	.cardImg {
		bottom: 20px;
		z-index: 0;
	}
	#redeem-points .section-head {
		width: 83%;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 40px !important;
	}
	.rewardsItemLeft .itemsContent {
		width: 90%;
	}
	.section-head.card-info,.section-head.large {
		width: 84%;
	}
	#redeem-points .flexslider {
		padding: 0 0 0px !important;
	}
	.section-head.exclusive-offers {
		width: 84%;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 65px !important;
	}
	.section-head.multi-pay {
		width: 84%;
	}
	.section-head {
		font-size: 26px;
	}
	.section-head.use-card {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		width: 84%;
		font-size: 26px;
	}
	.section-head.exclusive-offers {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	.section-head.redeem-points,.section-head.calc-point-hd {
		font-size: 26px;
	}
	.slider {
		margin: 10px auto 0 12.5%;
		width: 69%;
	}
	.section-head.redeem-points {
		width: 83%;
	}
	#redeem-points .ih-item.square.effect6 .info p {
		font-size: 14px;
		line-height: 22px;
	}
	.head-menu li a {
		font-weight: normal;
	}
	.head-menu li a.active {
		font-weight: normal;
	}
	.reward-logo-wrapper {
		height: 260px;
	}
	.reward-logo-wrapper h1 {
		top: 40%;
	}
	.reward-logo-wrapper h1>img {
		width: 60%;
	}
	.list-menu {
		margin: 0 auto 8%;
	}
	#apin .reward-logo-wrapper.small h1 .ht1 {
		font-size: 20px;
	}
	#apin ul.unstyled.list-menu {
		margin: 10% auto;
	}
	.fixedFoo p,.Foo p {
		padding-top: 8px;
	}
	#apin .reward-logo-wrapper {
		width: 242px;
	}
	.Foo p {
		float: right;
		padding-top: 5px;
	}
	.DetWrap>p {
		margin: 0 0 15px;
		padding: 0 10px;
	}
	.fooInfo-overlay,.fooContact-overlay,.moreDetail-overlay {
		bottom: 0;
		height: 100% !important;
	}
	.cont-overlay>ul>li>a {
		line-height: 60px;
		font-size: 16px;
		background-size: 10px;
	}
	.manage-card-list li.block1,.manage-card-list li.block2,.manage-card-list li.block2.greyBg
		{
		height: 380px;
		margin: 0;
	}
	.flexslider .manage-card-list.slides>li.block4 a.ipnone-btn img,.flexslider .manage-card-list.slides>li.block4 a.androd-btn img
		{
		padding: 20px 0 0;
		width: 60%;
	}
	.card-agreement-list li.block1,.card-agreement-list li.block2,.card-agreement-list li.block2.greyBg
		{
		height: 380px;
		margin: 0;
	}
	.flexslider .card-agreement-list.slides>li.block4 a.ipnone-btn img,.flexslider .card-agreement-list.slides>li.block4 a.androd-btn img
		{
		padding: 20px 0 0;
		width: 60%;
	}
	#card-info .flexslider .slides .img img {
		height: 400px;
	}
}

@media only screen and (max-width: 360px) { /**.cardImg{bottom:20px;}**/
	.cardImg {
		bottom: 20px;
		z-index: 0;
	}
	#redeem-points .section-head {
		width: 83%;
	}
	#earn-points .flex-control-nav {
		bottom: 2px;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 40px !important;
	}
	.rewardsItemLeft .itemsContent,.rewardsItemRight .itemsContent {
		width: 60.9%
	}
	#use-card a.more-details {
		bottom: 2%;
	}
	.section-head.card-info,.section-head.large {
		width: 84%;
	}
	#redeem-points .flexslider {
		padding: 0 0 0px !important;
	}
	#exclusive-offers .ih-item.square.effect6 .info {
		background: none;
	}
	.section-head.exclusive-offers {
		width: 84%;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 65px !important;
	}
	.section-head.multi-pay {
		width: 84%;
	}
	.section-head {
		font-size: 26px;
	}
	.section-head.use-card {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		width: 84%;
	}
	.section-head.exclusive-offers {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	/*#redeem-points .ih-item.square.effect6 .info p{font-size:11px;line-height:18px;}*/
	/**.slider{margin:10px auto 0 12.5%;width:69%;}**/
	.slider {
		margin: 10px auto 0 12.5%;
		width: 83%;
	}
	.reward-logo-wrapper {
		height: 200px;
	}
	.reward-logo-wrapper h1 img {
		margin-top: 50px;
		width: 70%;
	}
	.reward-logo-wrapper h1 {
		top: 0;
	}
	.list-menu {
		margin: 0 auto 8%;
	}
	#apin .reward-logo-wrapper.small h1 .ht1 {
		font-size: 20px;
	}
	#apin ul.unstyled.list-menu {
		margin: 10% auto;
	}
	.fixedFoo p,.Foo p {
		padding-top: 8px;
	}
	#apin .reward-logo-wrapper {
		width: 242px;
	}
	/**.Foo p {float: left;padding-top: 5px;}**/
	.Foo p {
		float: right;
		padding-top: 0px;
		font-size: 11px;
	}
	.DetWrap>p {
		margin: 0 0 15px;
		padding: 0 10px;
	}
	.fooInfo-overlay,.fooContact-overlay,.moreDetail-overlay {
		bottom: 0;
		height: 100% !important;
	}
	.cont-overlay>ul>li>a {
		line-height: 60px;
		font-size: 16px;
		background-size: 10px;
	}
	.manage-card-list li,.manage-card-list li.block1,.manage-card-list li.block2,.manage-card-list li.block2.greyBg
		{
		height: 330px;
	}
	.flexslider .manage-card-list.slides>li.block4 a.ipnone-btn img,.flexslider .manage-card-list.slides>li.block4 a.androd-btn img
		{
		padding: 20px 0 0;
		width: 60%;
	}
	.card-agreement-list li,.card-agreement-list li.block1,.card-agreement-list li.block2,.card-agreement-list li.block2.greyBg
		{
		height: 330px;
	}
	.flexslider .card-agreement-list.slides>li.block4 a.ipnone-btn img,.flexslider .card-agreement-list.slides>li.block4 a.androd-btn img
		{
		padding: 20px 0 0;
		width: 60%;
	}

	/**.offer-details-sec > p > strong {float: none;}**/
	.offer-details-sec>p>strong {
		
	}
}

@media only screen and (max-width: 320px) {
	.rewardsItemRight {
		width: 98%;
	}
	.calc-points li,.calc-wrapper ul {
		padding: 0;
	}
	.calc-points li:nth-child(1) .text {
		width: 100%;
	}
	.calc-points li:nth-child(2) .text {
		width: 77%;
	}
	.calc-points li:nth-child(1) {
		width: 100%;
		margin: 0 0 10px;
	}
	.calc-points li:nth-child(1) .text {
		width: 96%;
	}
	.calc-points li:nth-child(2) {
		border-bottom: 1px solid #00bcc5;
	}
	.calc-points li:nth-child(2) .text {
		width: 96%;
		border: none
	}
	.calc-points li:nth-child(3) .text {
		width: 85%;
	}
	.output-section h3,.rewardsItems h3 {
		font-size: 14px;
	}
	.segment-1>h3 {
		font-size: 14px;
		margin: 10px 0;
	}

	/**.cardImg{bottom:20px;}**/
	.cardImg {
		bottom: 20px;
		z-index: 0;
	}
	#redeem-points .section-head {
		width: 83%;
	}
	#earn-points .flex-control-nav {
		bottom: 2px;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 40px !important;
	}
	.rewardsItemLeft .itemsContent {
		width: 91%
	}
	#use-card a.more-details {
		bottom: 2%;
	}
	.section-head.card-info,.section-head.large {
		width: 84%;
	}
	#redeem-points .flexslider {
		padding: 0 0 0px !important;
	}
	#exclusive-offers .ih-item.square.effect6 .info {
		background: none;
	}
	.section-head.exclusive-offers {
		width: 84%;
	}
	#exclusive-offers .dummyWrapper {
		margin-top: 40px !important;
	}
	.section-head.multi-pay {
		width: 84%;
	}
	.section-head {
		font-size: 26px;
	}
	.section-head.use-card {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		width: 84%;
	}
	.section-head.exclusive-offers {
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
	}
	/*#redeem-points .ih-item.square.effect6 .info p{font-size:11px;line-height:18px;}*/
	.section-head {
		font-family: "Nanum Gothic";
		color: #000302;
		border-top: 1px solid #000302;
		border-bottom: 1px solid #000302;
		padding: 6px 9px;
		font-weight: 100;
		font-size: 26px;
		text-align: center;
		margin: 25px 15px !important;
		line-height: 30px;
		text-shadow: none;
	}
	.slider {
		margin: 10px auto 0 12.5%;
		width: 69%;
	}
	.reward-logo-wrapper {
		height: 220px;
	}
	.reward-logo-wrapper h1 {
		top: 10%;
	}
	.visible-phone-port {
		display: block !important;
	}
	.macSafari .ih-item.square.effect6 .info p.placeholder img {
		width: 150px;
		margin: 0 auto;
	}
	/*.slider {width: 77%;}*/
	/**.offer-details-sec > p > strong {float: none;}**/
	.offer-details-sec>p>strong {
		
	}
	.flexslider .manage-card-list.slides>li.block4 a.ipnone-btn img,.flexslider .manage-card-list.slides>li.block4 a.androd-btn img
		{
		width: 70%;
	}
	.flexslider .card-agreement-list.slides>li.block4 a.ipnone-btn img,.flexslider .card-agreement-list.slides>li.block4 a.androd-btn img
		{
		width: 70%;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */
.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	/* IE 6/7 fallback */
	*text-indent: -9999px;
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */
.hidden {
	display: none !important;
	visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */
.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */
.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

.text-1 { /*-- �ۺ� 2015.07.14  �߰� ---- */
	font-family: "interstate-light";
	font-size: 15px;
	color: #4e4e4e;
	float: left;
	text-shadow: none;
	font-weight: bold;
}

.text-2 { /*-- �ۺ� 2015.07.14  �߰� ---- */
	font-family: "interstate-light";
	font-size: 15px;
	color: #4e4e4e;
	text-shadow: none;
	width: 100%;
	text-align: right;
	padding: 2px 2px 5px 0;
	border-bottom: 1px solid #a7a7a7;
	display: block;
}

.text-3 {
	margin-top: 3px;
}

.text-4 {
	font-family: "interstate-light";
	font-size: 13.5px;
	color: #fff;
	font-weight: bold;
	width: 100%;
}

.output-section-1 { /*-- �ۺ� 2015.07.14  �߰� ---- */
	padding: 5%;
	overflow: hidden;
	background: #0d3863;
	display: block;
}

.text-bg { /*-- �ۺ� 2015.07.14  �߰� ---- */
	background: #fff;
	width: 90%;
	padding: 15px 15px 15px 15px;
	margin-bottom: 10px;
	display: inline-block;
}

.select-m {
	margin-bottom: 15px;
}

.select-width {
	width: 100%;
}

.logo1 img {
	width: 100%;
	background: 100%;
}

.logo2 img {
	width: 100%;
	background: 100%;
}

.logo3 img {
	width: 100%;
	background: 100%;
}

.last {
	list-style: none;
}