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;
}

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

img {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

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

textarea {
  resize: vertical;
}

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

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

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

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

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

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

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

/* ==========================================================================
   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: "interstate-light";
}

.no-js {
  padding-top: 106px;
}

h2 {
  margin-top: 0;
}

.smallFont {
  font-size: 13px !important;
}

a, a:visited, a:active {
  text-decoration: none;
  outline: 0;
  border: 0;
}

a:hover {
  text-decoration: underline !important;
  outline: 0;
  border: 0;
}

.no-js a:active {
  background: 0;
  outline: 0;
  border: 0;
}

.loading {
  background: #222 url('../images/ico_loading.gif') no-repeat center center;
  position: fixed;
  z-index: 1;
}

section {
  min-width: 990px;
  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');*/
  position: relative;
}

.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-1.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/shoe.jpg');
  height: 300px !important;
}

/* Slide 3 */
#redeem-points .bcg {
  background-image: url('../images/bcg_slide-3.jpg');
}

/* Slide 4 */
#use-card .bcg {
  background-image: url('../images/use-card/bcg_slide-3.jpg');
}

/* Slide 5 */
#multi-pay .bcg {
  background-image: url('../images/multi-pay/bcg_slide-4.jpg');
}

/* Slide 4 */
#calculate-your-points .bcg {
  background: #00bcc5 !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');
}

#footer {
  min-height: 280px !important;
  background-image: url('../images/foobg.png');
  padding-bottom: 20px;
}

.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;
}

#footerCopy {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}

.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;
  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;
  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;
}

#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: 47%;
  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;
  left: 0;
  right: 0;
  z-index: 0;
  background: url('../images/header-bg.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;
}

.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;
  opacity: inherit !important;
  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 {
  padding: 66px 0;
  position: relative;
  width: 43%;
  float: left;
}

.home-footer .block1 .b2 {
  line-height: 17px;
  float: right;
  width: 28%;
  color: #fff;
  font-family: "interstate-light";
}

.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: "interstate-light";
  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: "interstate-light";
  text-align: left;
  padding: 0 21px;
}

.home-footer .block3 .b2 {
  background: url("../images/get_started.png") no-repeat scroll left top / 30px auto rgba(0, 0, 0, 0);
  color: #fff;
  font-family: "interstate-light";
  font-size: 90%;
  height: 34px;
  margin-left: 21px;
  margin-right: 30px;
  padding: 0 0 8px 40px;
  width: 85%;
}

.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: "interstate-light";
  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: "interstate-light";
  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%;}*/
/* old
.section-head.earn-points{width: 305px;}
*/
/* updated 08-01-2015*/
.section-head.earn-points {
  width: 332px;
}

/* updated 08-01-2015*/
.section-head.redeem-points {
  width: 350px;
}

.section-head.use-card {
  width: 200px;
}

.section-head.multi-pay {
  width: 280px;
}

.section-head.calc-point-hd {
  width: 220px;
}

.section-head.exclusive-offers {
  width: 204px;
}

.section-head.card-info {
  width: 315px;
}

.section-head.manage-card {
  width: 250px;
}

.section-head.tnc-head {
  width: 230px;
}

#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: 50px;
  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 10px 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.col2 {
  width: 60%;
}

.image-list.col2 li {
  width: 49%;
  height: auto;
  position: relative;
}

.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;
}

.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/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: "interstate-light";
}

.card-info-list li h3 {
  font-size: 16px;
  margin: 0;
}

.card-info-list li > p, .card-info-list li .info > p {
  padding: 0 5%;
  font-size: 14px;
}

.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: "interstate-light";
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  padding: 0 20px; /*position:absolute;top: 45%;*/
  width: 100%;
}

.ih-item.square.effect6 .info a {
  font-family: "interstate-light";
  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: "interstate-light";
  color: #fff;
  font-size: 16px;
}

#exclusive-offers .ih-item.square.effect6 .info p {
  top: 60%;
}

.ih-item.square {
  position: relative;
}

.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.icon3 {
  background: url('../images/earn-points/03_citi_rebate.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/01_pay_with_points_at_store.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/02_online_catalogue.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/03_pay_of_your_purchases.png') no-repeat;
  width: 70px;
  height: 68px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon7 {
  background: url('../images/redeem-points/04_points_transfer.png') no-repeat;
  width: 62px;
  height: 59px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon12 {
  background: url('../images/redeem-points/05_thankyou.png') no-repeat;
  width: 72px;
  height: 71px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon13 {
  background: url('../images/redeem-points/06_pay_point.png') no-repeat;
  width: 79px;
  height: 90px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon8 {
  background: url('../images/exclusive-offers/01_dining_gourmet_pleasures.png') no-repeat;
  width: 82px;
  height: 82px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon9 {
  background: url('../images/exclusive-offers/02_citi_world_privileges.png') no-repeat;
  width: 52px;
  height: 83px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon10 {
  background: url('../images/exclusive-offers/03_shopping_vouchers.png') no-repeat;
  width: 77px;
  height: 76px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info i.icon11 {
  background: url('../images/exclusive-offers/04_complimentar_insurance.png') no-repeat;
  width: 77px;
  height: 76px;
  margin: 9% auto 4%;
  display: block;
}

.ih-item.square.effect6 .info:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.2);
}

.slider-list li {
  float: left;
  width: 100%; /*padding:3% 0 1.5%;*/
  padding: 4.5% 0 1.5%;
}

.slider-list li .category {
  float: left;
  font-family: "interstate-light";
  font-size: 16px;
  color: #53575a;
}

.slider-list li .amount {
  float: right;
  font-size: 18px;
  color: #53575a;
}

.slider-list li.totalAmt {
  padding-top: 0;
}

.slider {
  position: absolute;
  margin: 10px auto 0 auto;
  height: 8px;
  width: 25.5%;
  background: #a7a7a7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

.slider-wrapper {
  height: 32px;
  width: 100%;
  float: left;
  clear: both;
}

.slider .ui-slider-range-min {
  height: 8px; /*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.png') no-repeat center center;
  background-size: 100% 100%;
}

.slider .ui-slider-range-min {
  background: #00caf5;
  -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: "interstate-light";
  font-size: 14px;
  color: #fff;
}

.calc-wrapper {
  width: 85%;
  margin: 10px auto;
  overflow: hidden; /*padding: 10px 0;background:#fff;*/
}

.calc-wrapper .currency-sign {
  float: right;
  font-size: 18px;
  color: #1B7598;
}

.calcTnc {
  float: right;
  margin: 0;
  font-size: 11px;
}

.segment-1 {
  background: #fff;
  width: 30%;
  float: left;
  padding: 0 3%;
  height: 620px;
}

.segment-1 > h3 {
  margin: 20px 0 15px;
  font-size: 16px;
  color: #53575a;
}

.segment-2 {
  width: 64%;
  float: left; /*padding-bottom: 30px;height: 402px;*/
  height: 620px;
  background: rgb(128, 221, 226);
}

.termsTxt {
  overflow: hidden;
  clear: both;
  padding-top: 12px;
}

.line-dotted {
  clear: both;
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  background: url(../images/bg-dotted.png) repeat-x center center transparent;
  height: 1px;
}
.hide-small-view {
  display: block;
}
.calc-wrapper .heading {
  font-size: 24px;
  font-weight: bold;
}
.calc-wrapper .heading + p {
  margin-top: 0;
}

.calc-points {
  width: 100%;
  overflow: hidden;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 15px;
}
.calc-points + p {
  margin-top: 20px;
}

.calc-points .calc-points--item {
  width: 33.33%;
  margin: 0 ;
  display: inline-block;
  max-width: 160px;
  vertical-align: top;
}
.calc-points--item img {
  max-width: 104px;
}
.calc-points--item .text {
  font-family: "interstate-light";
  font-size: 18px;
  line-height: 25px;
  padding: 0 0 10px;
  margin: 10px 0;
  display: block;
  width: 100%;
  color: #fff;
}


/*.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;
}

.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: 'interstate-light';
  font-size: 14px;
  color: #000;
  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;
}

.calcBtn {
  background: #41c7cc;
  float: left;
  padding: 4px 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  width: 150px;
}

.calcBtn.savings {
  background: #fff;
  float: left;
  padding: 4px 10px;
  color: #41c7cc;
  font-size: 14px;
  font-weight: bold;
  width: 180px;
  margin: 20px 0 0;
}

/*.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%;
}

.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: 9%;
  margin-top: 1%;
}

.ex-offers .b2 {
  width: 39.5%;
  float: left;
  background: #000; /*padding:36px 0;*/
  padding-right: 7.5%;
}

.text-container {
  padding: 15px 5%;
  float: left;
  width: 73.1%;
}

.text-container h2 {
  font-family: "interstate-light";
  color: #fff;
  margin-bottom: 10px;
  font-size: 20px;
  margin-bottom: 0;
}

.text-container h4 {
  font-family: "interstate-light";
  color: #fff;
  margin: 0;
  font-size: 15px;
  font-weight: 100;
}

.mob-links {
  overflow: hidden;
}

.mob-links li {
  float: left;
  margin-left: 15px;
}

.mob-links li a {
  display: inline-block;
  outline: none;
}

.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;
}

#calc-disclaimer p {
  font-size: 11px;
}

.info-card-foo {
  background: #cecece;
  position: absolute;
  bottom: -6%;
  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: 84.5%;
  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;margin-top: 5px;}*//*edited on 11/8/2014*/
#manage-card .info-card-foo .foo-wrapper > img {
  width: 7.5%;
}

/*#manage-card .text-container1{margin:1% 0;}*/
.text-container1 {
  float: left;
  width: 82%;
  margin-left: 3%; /*padding:6px 0 0 0;*/
}

/*edited on 11/8/2014*/
.text-container1 h3 {
  font-family: "interstate-light";
  color: #314047;
  margin: 5px 0;
  font-size: 15px;
}

.text-container1 p {
  color: #314047;
  margin: 0 0 10px 0;
}

.text-container1 a.firstLight {
  color: #314047;
  font-size: 12px;
  float: right;
}

.tnc-list {
  overflow: hidden;
}

.tnc-list li {
  float: left;
  color: #fff;
}

.tnc-list li a {
  display: inline-block;
  padding: 29px 23px;
  outline: none;
  text-align: left;
}

#data-enhanced-security.text-container1 a.firstLight {
  padding-top: 6px;
}

.chip-list {
  overflow: hidden;
  margin: 0 5%;
}

.chip-list li.content {
  float: left;
  width: 26%;
  margin: 37px 0;
}

.chip-list li.arrows {
  float: left;
  width: 10%;
  margin: 47px 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: 62%;
}

.chip-list li .data h5 {
  margin: 0;
}

.chip-list li .data p {
  padding: 0;
  text-align: left;
}

.card-info-list .firstLight {
  font-family: "interstate-light";
  color: #fff;
  font-size: 12px;
  font-weight: 100;
  position: absolute;
  bottom: 6%;
  left: 0;
  right: 0;
  width: 100%;
  outline: none;
}

.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: 0.9%;
  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: 180px;
  margin-bottom: 10px;
}

.manage-card-list li.block1.last, .manage-card-list li.block2.last {
  margin-right: 0;
}

/*.manage-card-list li.block2 h3{height:40px;}*/
.manage-card-list li.block2 {
  background: url("../images/manage-cards/img15.png");
  padding: 15px 0;
  color: #fff;
  height: 320px;
}

.manage-card-list li.block3 {
  background: url("../images/manage-cards/img14.png");
  padding: 15px 0;
  color: #fff;
  height: 200px;
  margin-right: 0;
}

.manage-card-list1 {
  margin-top: 10px;
}

.manage-card-list li.block2.greyBg {
  background: url("../images/manage-cards/img15.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: 215px;
  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: 215px;
  padding: 10px 0;
  color: #314047;
  background: url("../images/manage-cards/img17.png");
}

.manage-card-list li h3, .manage-card-list li p {
  font-family: "interstate-light";
  color: #fff;
}

.manage-card-list li h3 {
  font-size: 16px;
  margin: 1em 0;
  padding: 0 10px;
}

.manage-card-list li p {
  font-size: 14px;
  padding: 0 5%;
  margin: 5px 0;
}

.manage-card-list li img {
  padding: 5px 0 0;
  max-width: 100%;
  width: 15%;
}

.manage-card-list li a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  outline: none;
}

/*.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: 14px;
  outline: none;
}

.manage-card-list li a.more-details {
  bottom: 4%;
}

.terms-cond {
  position: relative;
  z-index: 1000;
  width: 60%;
  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: 125px;
}

.terms-cond li:last-child {
  margin: 0;
}

.terms-cond li.greenBg {
  background: url("../images/terms-conditions/teal_bg.png");
}

.terms-cond li.grayBg {
  background: url("../images/terms-conditions/grey_bg.png");
}

.terms-cond li h3, .manage-card-list li p {
  font-family: "interstate-light";
  color: #fff;
}

.terms-cond li h3 {
  font-size: 14px;
  margin: 0;
}

.terms-cond li p {
  font-size: 13px;
  padding: 0 5%;
  margin: 13px 0 5px 0;
}

.terms-cond li p.leftSpace {
  margin-left: -10px;
}

.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: 14px;
  outline: none;
}

.manage-card-list li a.more-details {
  bottom: 6%;
}

#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;
}

#manage-card .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.noPosLink a {
  font-size: 13px;
}

.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: 85% !important;
}

.overlay-content .offers > img {
  padding: 0 12%;
  height: 80px !important;
  margin: 0 auto;
}

.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: "interstate-light";
}

.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: "interstate-light";
  color: #fff;
}

.copyright-content {
  margin: 30px 0;
}

.copyright-content li {
  float: left;
  margin-right: 30px;
  font-family: "interstate-light";
  font-size: 12px;
  color: #fff;
}

.copyright-content li:last-child {
  float: right;
  margin-right: 0;
}

.copyright-content li a {
  font-family: "interstate-light";
  display: inline-block;
  color: #008589;
  text-decoration: none;
  font-size: 12px;
  outline: none;
}

.copyright-content li:last-child, .copyright-content li:last-child a {
  color: #fff;
}

.macSafari .ih-item img {
  width: auto !important;
  height: auto !important;
}

.externalLink {
  background: url("../images/external_link.png") no-repeat right 4px;
  background-size: 11px 10px;
  display: inline-block !important;
  padding-right: 18px !important;
}

.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%;
}

#manage-card .commonWrapper p a {
  font-size: 10px;
}

/***** Table ******/
.foo-wrapper-txt {
  color: #ffffff;
  float: left;
  margin: 20px 0;
  padding-left: 20px;
}

.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: 10px;
  line-height: 14px;
  padding: 3px;
  text-align: left;
  color: #fff
}

#card-info .foo-wrapper > img {
  margin-top: 0;
}

#card-info .text-container1 h3 {
  margin: 0 0 3px;
}

.manage-card-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 {
  float: right;
}

.discWrap p {
  padding: 0 0 10px;
}

.contWrap {
  overflow: hidden;
}

.image-list.col1 {
  width: 25%;
}

.image-list.col1 li {
  width: 100%;
  height: auto;
  position: relative;
}

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%;
}

.foo-wrapper-txt {
  color: #fff;
}

#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 20px 40px;
  margin: 0;
  height: 100%;
  overflow: hidden;
}

#get-started-overlay ul li {
  width: 28.3%;
  float: left;
  list-style-type: none;
  height: 100%;
}

#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: 19px 0 0;
}

/*#get-started-overlay ul li:nth-child(1), #get-started-overlay ul li:nth-child(2), #get-started-overlay ul li:nth-child(3) {background: url("../images/step_1.png") no-repeat 10px 10px;
-webkit-background-size: 72px 53.1px;background-size: 72px 53.1px;width: 28.3%;}
#get-started-overlay ul li:nth-child(2) {background-image: url("../images/step_2.png");-webkit-background-size: 72.9px 51.3px;background-size: 72.9px 51.3px;width: 42.3%;}
#get-started-overlay ul li:nth-child(3) {background-image: url("../images/step_3.png");-webkit-background-size: 46.8px 54.9px;background-size: 46.8px 54.9px;width: 22.3%;}
#get-started-overlay ul li:nth-child(3) div {padding: 0 0 10px 80px;}*/
#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 .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;
}

.home-footer .block3 .b2 {
  margin-top: 0 !important;
}

/*Clear Fix*/
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/*Clear Fix*/
.ih-item.square.effect6 .info a.travel {
  position: static;
  font-size: 14px;
}

/*Get Started*/
.getStarter {
  width: 100%;
  margin: 10px 0 0;
}

.getStartLeft {
  width: 100%;
  float: left;
}

.getStartLeft .icon1 {
  background: url("../images/get_started.png") no-repeat scroll left top / 30px auto rgba(0, 0, 0, 0);
  color: #fff;
  font-family: "interstate-light";
  font-size: 90%;
  height: 34px;
  margin-left: 21px;
  width: 40px;
  float: left;
}

.getStartRight .icon1 {
  background: url("../images/voucher.png") no-repeat scroll left top / 30px auto rgba(0, 0, 0, 0);
  color: #fff;
  font-family: "interstate-light";
  font-size: 90%;
  height: 34px;
  margin-left: 21px;
  width: 40px;
  float: left;
  cursor: pointer;
}

.getStartLeft .contArea {
  float: left;
  width: 80%;
  font-size: 14px;
  color: #fff;
  line-height: 17px;
}

.getStartLeft .contArea > a {
  color: #fff;
  text-decoration: underline;
  outline: none;
}

.getStartRight {
  float: left;
  width: 45%;
}

.getStartRight .contArea {
  float: left;
  width: 74%;
  font-size: 11px;
  color: #fff;
}

.getStartRight .contArea a {
  color: #fff;
}

.getStartRight .contArea a:hover {
  text-decoration: none !important;
}

::i-block-chrome, .getStartLeft .icon1 {
  background: url("../images/get_started.png") 0 0 no-repeat;
  background-size: 30px;
}

/*Calc Section*/
.plus {
  background: url("../images/calculate-your-point/plus.png") right center no-repeat;
  height: 13px;
  width: 13px;
  display: inline-block;
}

.minus {
  background: url("../images/calculate-your-point/minus.png") right center no-repeat;
  height: 13px;
  display: inline-block;
}

.rewardsHolder {
  margin: 0 20px 20px 0;
}

.rewardsHolder.last {
  margin-bottom: 0;
}

.rewardsHolder .rewardsCategory {
  background: #00bcc5 url("../images/calculate-your-point/plus.png") 97% center no-repeat;
  padding: 15px 3%;
  cursor: pointer;
  width: auto;
  outline: none;
}

.rewardsHolder .rewardsCategory.last {
  background: #00bcc5 none;
  cursor: default;
}

.rewardsHolder .rewardsCategory.active {
  background: #00bcc5 url("../images/calculate-your-point/minus.png") 97% center no-repeat;
}

.rewardsHolder .rewardsCategory .title a {
  color: #fff;
}

.rewardsHolder .rewardsCategory .title, .rewardsHolder .rewardsCategory .amount {
  color: #fff;
  font-size: 14px;
}

.rewardsHolder .rewardsCategory .title {
  float: left;
}

.rewardsHolder .rewardsCategory .amount {
  float: right;
  font-weight: bold;
  margin: 0 5% 0 0;
}

.rewardsHolder .rewardsEarned {
  background: #BEEEf0;
  padding: 20px 3%;
}

.rewardsEarned ul.last {
  margin: 0;
}

.rewardsEarned ul {
  padding: 0;
  margin: 0 0 0px;
}

.rewardsEarned li {
  width: 23.1%;
  float: left;
  background: #f6f6f6;
  list-style-type: none;
  margin: 0 2.5% 0 0;
}

.rewardsEarned li.last {
  margin: 0;
}

.rewardsEarned li .logoContentHolder {
  margin: 10px 8%;
}

.rewardsEarned li .logoContent {
  font-family: "interstate-light";
  font-size: 13px;
  border-bottom: 1px solid #e3e3e3;
  color: #53575a;
  padding: 0 0 10px;
  margin: 0 0 10px;
}

.rewardsEarned li .logoAmt {
  color: #53575a;
  font-weight: bold;
  font-size: 13px;
}

.nicescroll-cursors {
  border-radius: 0 !important;
  cursor: pointer;
  left: 3px;
}

.nicescroll-rails {
  background: #beeded;
  width: 2px !important;
}

.TCCalc {
  margin: 0 auto;
  width: 85%;
  color: #fff;
  font-size: 12px;
}

.TCCalc > p {
  color: #fff;
  font-size: 12px;
}

.imptInfoBg {
  margin: 10px auto;
  width: 85%;
}

.imptInfoBgcolor {
  background-color: #00878b;
  margin-right: 2.5%;
  padding: 10px 20px;
  opacity: 0.7;
}

.imptInfo {
  margin: auto;
  font-size: 16px;
}

.imptInfo > p {
  font-size: 16px;
  color: #FFF;
}

.rewardsEarnedMiles ul li {
  margin-bottom: 20px;
}

.rewardsEarnedMiles li {
  padding-bottom: 20px;
}

.link {
  position: static !important;
}

.rewardsHolder .rewardsEarnedMiles {
  padding-bottom: 0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
.visible-tablet {
  display: none !important;
}

/* Desktop viewport <= 1280 */
.TCII {
  margin: 10px auto;
  width: 85%;
  background: rgb(78, 167, 167);
}

.TCII-wrap {
  padding: 20px 15px;
}

.TCII-wrap p {
  margin: 0;
  padding: 0;
  color: #FFF;
  font-size: 16px;
}

.TCII-wrap p a {
  color: #fff;
}

.TCII-wrap p.disclaimer {
  font-size: 12px;
  font-weight: bold;
}

.TCII-wrap h3 {
  color: #fff;
  font-family: "interstate-light";
  text-decoration: underline;
  margin: 0 0 10px;
}

.TSecnd p {
  padding-bottom: 10px;
}

.TSecnd p.last {
  padding-bottom: 0px;
}

.head-app-control,
.citi-blue-panel .inner-panel,
.head-app-control * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.head-app-control {
  position: absolute;
  top: 5px;
  right: 115px;
  background-color: #000;
  border-radius: 5px;
  height: 40px;
  padding: 5px 3px 5px 5px;
  display: table;
}

.head-app-control a {
  color: #fff;
  display: table;
}

.citi-app-logo,
.citi-app-desc,
.citi-app-btn {
  display: table-cell;
  vertical-align: middle;
}

.citi-app-desc {
  line-height: 1;
  font-size: 14px;
  color: #fff;
  padding: 0 5px;
}

.citi-app-btn {
  padding: 0 2px 0 3px;
}

.citi-app-logo {
  width: 30px;
}

.citi-app-logo img,
.citi-app-btn img {
  height: 30px;
}

.citi-black-panel {
  width: 100%;
  background-color: #000;
  margin-top: 40px;
  padding: 20px 0 40px;
}

.citi-black-panel .inner-panel {
  width: 76%;
  margin: 0 auto;
  overflow: hidden;
}

.citi-black-plogo {
  float: left;
  width: 80px;
}

.citi-black-desc {
  float: left;
  width: 500px;
  color: #fff;
  font-size: 20px;
  padding-right: 10px;
}

.citi-black-desc a {
  color: #fff;
  text-decoration: underline;
}

.citi-black-btns {
  float: left;
  width: 80px;
}

.citi-black-btns a {
  display: block;
  padding-bottom: 8px;
}

.citi-black-btns a:hover {
  text-decoration: none !important;
}

.citi-b-btn-mobile {
  display: none;
}

.citi-blue-panel {
  color: #fff;
  text-align: center;
}

.citi-blue-panel .inner-panel {
  position: relative;
  background: url(../images/header-bg.png) repeat-x;
  background-size: 100% 100%;
  padding: 15px 0 20px 0;
  text-align: left;
}

.citi-blue-panel .indesk {
  width: 85%;
  margin: 0 auto;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 130px 0 240px;
}

.citi-blue-panel a {
  color: #fff
}

.citi-blue-desc {
  line-height: 1.4;
  font-size: 18px;
}

.citi-blue-cards {
  position: absolute;
  left: 0px;
  top: -50px;
}

.citi-blue-btn {
  position: absolute;
  right: 0px;
  top: 0px;
}

.citi-blue-btn a {
  background-color: #ed6129;
  color: #fff;
  display: inline-block;
  text-decoration: none !important;
  font-size: 14px;
  padding: 7px 30px;
}

.citi-blue-tcnote {
  font-size: 14px;
}

.sticky-panel {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 99999;
}

.section-head.earn-points {
  margin-top: 20px;
}

/*data-redeem-points*/

#redeem-points .ih-item.square.effect6 .info p {
  padding: 0 40px;
}

#redeem-points .section-head {
  margin-bottom: 0
}

#data-redeem-points.image-list {
  max-width: 1410px;
  margin: 0 auto;
}

#data-redeem-points.image-list.col3 li {
  margin: 2.3%;
  max-width: 400px;
  width: 33.3333%;
  box-sizing: border-box;
}
@media only screen and (max-width: 1600px) {
  #data-redeem-points.image-list.col3 li {
    margin: 2.4% 0 0;
    max-width: 400px;
    width: 33.3333%;
    box-sizing: border-box;
    padding: 0 1.2%; 
  }
}
@media only screen and (min-width: 1524px) {
  .head-app-control {
    top: 15px;
    height: 50px;
  }

  .citi-app-logo {
    width: 40px;
  }

  .citi-app-logo img {
    height: 40px;
  }

  .citi-app-btn img {
    width: auto;
    height: 40px;
  }
}

@media only screen
and (max-width: 1023px) {
  .main-nav {
    position: fixed;
    right: -40px;
  }

  body, main {
    width: 1024px;
  }

  /*#header-nav .head-menu{position:absolute;}*/
}

@media screen and (min-width: 800px) and (max-width: 1024px) {

  .getStartRight .contArea, .getStartLeft .contArea {
    width: 67%;
  }

  .calc-points li .text, .calc-points li .cal-op {
    font-size: 12px !important;
  }

  .tnc-list li a {
    padding: 14px 10px;
  }

  #card-agreement.info-card-foo {
    bottom: -5% !important;
  }

  .calcBtn {
    padding: 2px 10px !important;
    font-size: 12px !important; /*width: 100px !important;*/
  }

  .savings-section, .output-section {
    padding: 15px 5%;
  }

  .segment-1, .segment-2 {
    height: 470px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 1024px) {
  .TCII-wrap p {
    font-size: 12px;
  }

  .TCII-wrap {
    padding: 15px 15px;
  }

  .save-points {
    height: 260px;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt {
    font-size: 12px;
  }

  .savings-section {
    height: 309px;
  }

  .commonWrapper p a {
    bottom: 4%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .getStartRight .contArea, .getStartLeft .contArea {
    width: 67%;
  }

  .home-header {
    height: 75px;
    background-size: 100% 100%;
  }

  .home-header.smaller {
    height: 50px;
    background-size: 100% 100%;
  }

  .home-header.smaller .head-menu li a {
    padding: 12px 20px;
  }

  .home-header.smaller .citi-logo {
    top: 14px;
    width: 39px;
    height: 22px;
  }

  .site-menu {
    width: 24px;
    height: 20px;
  }

  .smaller .site-menu {
    top: 15px;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 15px;
  }

  /*.home-footer .block1{padding: 52px 0;}
	.home-footer .block2{padding: 24px 0 63px 0;background: rgba(1,14,20,0.8) url('../images/down-arrow.png') no-repeat center 77%;background-size: 14% auto;font-size: 13px;}
	.home-footer .block3 .b1{padding: 10px 21px 0 10px;}
	.home-footer .block3{padding: 9px 0;}
	.home-footer .block3 .b2{margin-top: 5px; padding: 0 0 0 40px;margin-left: 10px;}*/
  .home-footer .block1 {
    padding: 43px 0;
  }

  .home-footer .block2 {
    padding: 16px 0 95px 0;
    background: rgba(1, 14, 20, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 14% auto;
    font-size: 13px;
  }

  .home-footer .block3 {
    padding: 12px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 5px;
    padding: 0px 0 0 34px;
    margin-right: 0;
    font-size: 12px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .home-footer .cardArt {
    width: 140px;
    margin-left: -77.5px;
    bottom: 15px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .reward-highlight .reward-circle {
    width: 250px;
    margin-left: -125px;
  }

  .home-footer .cardArt {
    width: 330px;
    margin-left: -165px;
  }

  .ih-item.square.effect6 .info i.icon {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
  }

  .ih-item.square.effect6 .info h3 {
    margin: 0;
  }

  .ih-item.square.effect6 .info p {
    font-size: 12px;
  }

  .ih-item.square.effect6 .info a {
    font-size: 12px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  .card-info-list li > img, .card-info-list li .info > img {
    height: auto;
    width: auto;
  }

  .section-head {
    margin: 50px auto 20px auto;
    padding: 3px 18px;
    font-weight: 100;
    font-size: 25px;
  }

  .text-container1 h3 {
    margin: 3px 0;
  }

  .text-container1 p {
    font-size: 13px;
    margin: 0 0 10px 0;
  }

  .foo-wrapper {
    padding: 15px;
  }

  .commonWrapper p {
    font-size: 11px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 11px;
  }

  .mob-links li a > img {
    height: 38px;
    padding: 40px 0;
  }

  #manage-card .text-container1 {
    width: 84%;
  }

  .tnc-list li a {
    padding: 9px 10px;
  }

  .image-list.col4 li {
    width: 24%;
  }

  .manage-card-list li {
    width: 32.5%;
  }

  .manage-card-list1 li {
    width: 49.3%;
  }

  .image-list.col1 {
    width: 28%;
  }

  #multi-pay .image-list.card-info-list li {
    width: 24.88%;
    height: 310px;
  }

  #multi-pay .image-list.card-info-list li .ih-item.square {
    height: 310px;
  }

  #card-info .image-list.card-info-list li {
    width: 24.88%;
    height: 280px;
  }

  #card-info .image-list.card-info-list li .ih-item.square {
    height: 280px;
  }

  .text-container {
    padding: 22px 2%;
  }

  .overlay-content {
    margin-top: 45px;
  }

  #exclusive-offers .image-list {
    margin: 2% auto 0 auto;
  }

  .text-container1 {
    margin-left: 2%;
    width: 81%;
  }

  .text-container h2 {
    font-size: 14px;
  }

  .text-container h4 {
    font-size: 12px;
  }

  #header-nav.smaller .head-menu {
    top: 50px;
  }

  .head-menu li a {
    background: url("../images/right-arrow.png") no-repeat 20px 50%;
    background-size: 8px;
    padding: 15px 10px 15px 34px;
    font-size: 13px;
  }

  .image-list.col3 li {
    width: 32.5%;
  }

  .close-btn {
    width: 15px;
    height: 15px;
  }

  .overlay-content {
    margin-top: 35px;
  }

  .overlay-content .offer-logo {
    width: 62% !important;
  }

  .commonWrapper p.small {
    font-size: 10px;
  }

  .cLsFulMar a {
    font-size: 12px;
  }

  .ex-offers .b1 {
    width: 47.5%;
  }

  .ex-offers .b2 {
    width: 37.5%;
  }

  .card-info-list li > p, .card-info-list li .info > p, .manage-card-list li p {
    font-size: 12px;
  }

  .card-info-list .firstLight {
    font-size: 12px;
  }

  .tnc-list li a {
    padding: 14px 10px;
    font-size: 12px;
  }

  .footer-wrapper p {
    font-size: 12px;
  }

  .footer-wrapper h3 {
    font-size: 13px;
  }

  .chip-list li.arrows {
    width: 7%;
  }

  .chip-list li .data {
    width: 51%;
  }

  .chip-list li.content {
    width: 28%;
  }

  .tnc-list li a span.externalLinkWrap {
    background-size: 12px 11px;
    height: 15px;
    padding-right: 2px !important;
  }

  .offer-details-sec p {
    font-size: 13px;
  }

  .overlay-content h3, .overlay-content h4 {
    font-size: 12px;
  }

  .ex-offers .b1 img {
    margin-left: 4% !important;
    margin-top: 1%;
  }

  #footer {
    min-height: 130px !important;
    padding-bottom: 40px;
  }

  #card-agreement .foo-wrapper {
    width: 90%;
    margin: 0 auto;
  }

  #card-agreement .text-container1 {
    width: auto;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
  }

  #card-agreement .tnc-list li a {
    padding: 10px;
  }

  #card-agreement.info-card-foo {
    bottom: -6%;
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
    float: left;
  }

  .terms-cond {
    width: 80%;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 40px;
    height: 40px;
  }

  .manage-card-list li h3, .ih-item.square.effect6 .info h3 {
    font-size: 14px;
  }

  .terms-cond li a.more-details, .manage-card-list li a.more-details {
    font-size: 12px;
  }

  .manage-card-list li.block1 {
    height: 150px;
  }

  .manage-card-list li.block2 {
    height: 280px;
  }

  ::i-block-chrome, .manage-card-list li.block1, ::i-block-chrome, .manage-card-list li.block2 {
    height: 200px;
  }

  #redeem-points .ih-item.square.effect6 .info h3 {
    height: auto; /*35px;*/
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    margin-top: 0;
  }

  .foo-wrapper-txt {
    margin: 3px 0;
    font-size: 12px;
  }

  .slider-list li .category, .slider-list li .amount {
    font-size: 14px;
  }

  .rewardsEarnedMiles li {
    padding-bottom: 5px;
  }

  .flexslider .card-info-list.slides li .info > img, .flexslider .manage-card-list.slides > li img {
    width: 40px;
  }

  .footer-wrapper {
    padding-top: 65px;
  }

  ::i-block-chrome, .home-footer .block3 {
    padding: 14px 0;
  }

  ::i-block-chrome, #earn-points .ih-item.square.effect6 .info h3, ::i-block-chrome, #redeem-points .ih-item.square.effect6 .info h3, ::i-block-chrome, #exclusive-offers .ih-item.square.effect6 .info h3 {
    height: 40px;
  }

  ::i-block-chrome, .macSafari .ih-item .info img {
    width: 50px !important;
  }

  ::i-block-chrome, .main-nav {
    right: 40px !important;
  }

  ::i-block-chrome, body {
    overflow-x: hidden;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  #card-info .image-list.card-info-list li {
    width: 24.9%;
    height: 280px;
  }

  .TCII-wrap h3 {
    font-size: 14px;
  }

  .save-points {
    height: 245px;
  }

  .rewardsHolder {
    margin: 0 20px 15px 0;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt {
    font-size: 11px;
    height: auto;
  }

  .savings-section {
    height: 288px;
  }

  .commonWrapper p a {
    bottom: 4%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .section-head.multi-pay {
    width: 300px;
  }

  .section-head.exclusive-offers {
    width: 210px;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .savings-section {
    padding: 20px 4%;
  }

  .getStartRight .contArea, .getStartLeft .contArea {
    width: 74%;
  }

  .home-header {
    height: 75px;
    background-size: 100% 100%;
  }

  .home-header.smaller {
    height: 50px;
    background-size: 100% 100%;
  }

  .home-header.smaller .head-menu li a {
    padding: 12px 20px;
  }

  .home-header.smaller .citi-logo {
    top: 14px;
    width: 39px;
    height: 22px;
  }

  .site-menu {
    width: 24px;
    height: 20px;
  }

  #header-nav.smaller .head-menu {
    top: 40px;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 15px;
  }

  .home-footer .block1 {
    padding: 46px 0;
  }

  .home-footer .cardArt {
    bottom: 15px;
  }

  .home-footer .block2 {
    padding: 24px 0 67px 0px;
    background: rgba(1, 14, 20, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 14% auto;
    font-size: 13px;
  }

  .home-footer .block3 {
    padding: 13px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 8px;
    padding: 0 0 0 40px;
    margin-right: 100px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .manage-card-list li.block1 {
    height: 200px;
  }

  .manage-card-list li.block2 {
    height: 200px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .reward-highlight .reward-circle {
    width: 250px;
    margin-left: -125px;
  }

  .home-footer .cardArt {
    width: 380px;
    margin-left: -215px;
  }

  /*.section-head.small{width:15%;}
	.section-head.medium{width:18%;}
	.section-head.large{width:27%;}
	.section-head.xlarge{width:40%;}*/
  .ih-item.square.effect6 .info i.icon {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
  }

  .ih-item.square.effect6 .info h3 {
    margin: 0;
    font-size: 14px;
  }

  .ih-item.square.effect6 .info p {
    font-size: 12px;
  }

  .ih-item.square.effect6 .info a, .ih-item.square.effect6 .info a.travel {
    font-size: 12px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  /*.section-head.medium{width: 20%;}*/
  .card-info-list li > img, .card-info-list li .info > img {
    height: auto;
    width: auto;
  }

  .section-head {
    margin: 50px auto 20px auto;
    padding: 3px 18px;
    font-weight: 100;
    font-size: 25px;
  }

  /*.section-head.earn-points{width: 37%;}
	.section-head.redeem-points{width: 17%;}
	.section-head.calc-point-hd{width: 22%;}
	.section-head.exclusive-offers{width: 20%;}
	.section-head.card-info{width: 31%;}
	.section-head.manage-card{width: 25%;}*/
  .text-container1 h3 {
    margin: 3px 0;
  }

  .text-container1 p {
    font-size: 13px;
    margin: 0 0 10px 0;
  }

  .foo-wrapper {
    padding: 15px;
  }

  .commonWrapper p {
    font-size: 12px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .mob-links li a > img {
    height: 38px;
    padding: 47px 0;
  }

  #manage-card .text-container1 {
    width: 86%;
  }

  .tnc-list li a {
    padding: 14px 10px;
  }

  .image-list.col4 li {
    width: 24.1%;
  }

  .manage-card-list li {
    width: 32.5%;
  }

  .manage-card-list1 li {
    width: 49.2%;
  }

  #multi-pay .image-list.card-info-list li {
    width: 24.88%;
    height: 310px;
  }

  #multi-pay .image-list.card-info-list li .ih-item.square {
    height: 310px;
  }

  #card-info .image-list.card-info-list li {
    width: 24%;
    height: 280px;
  }

  #card-info .image-list.card-info-list li .ih-item.square {
    height: 280px;
  }

  .text-container {
    padding: 22px 2%;
  }

  .overlay-content {
    margin-top: 45px;
  }

  #exclusive-offers .image-list {
    margin: 2% auto 0 auto;
  }

  .text-container1 {
    margin-left: 2%;
  }

  .text-container h2 {
    font-size: 14px;
  }

  .text-container h4 {
    font-size: 12px;
  }

  .smaller .site-menu {
    top: 15px;
  }

  #header-nav.smaller .head-menu {
    top: 50px;
  }

  .head-menu li a {
    background: url("../images/right-arrow.png") no-repeat 20px 50%;
    background-size: 8px;
    padding: 15px 10px 15px 34px;
    font-size: 13px;
  }

  .image-list.col3 li {
    width: 32.5%;
  }

  .close-btn {
    width: 15px;
    height: 15px;
  }

  .overlay-content {
    margin-top: 35px;
  }

  .overlay-content .offer-logo {
    width: 62% !important;
  }

  .commonWrapper p.small {
    font-size: 11px;
  }

  .cLsFulMar a {
    font-size: 12px;
  }

  .ex-offers .b1 {
    width: 47.5%;
  }

  .ex-offers .b2 {
    width: 37.5%;
  }

  .card-info-list li > p, .card-info-list li .info > p, .manage-card-list li p {
    font-size: 12px;
  }

  .manage-card-list li h3 {
    font-size: 14px;
  }

  .card-info-list .firstLight {
    font-size: 12px;
  }

  .tnc-list li a {
    padding: 15px 30px;
    font-size: 15px;
  }

  .footer-wrapper p {
    font-size: 12px;
  }

  .footer-wrapper h3 {
    font-size: 13px;
  }

  .chip-list li.arrows {
    width: 7%;
  }

  .chip-list li .data {
    width: 53%;
  }

  .chip-list li.content {
    width: 28%;
    margin: 37px 0;
  }

  .tnc-list li a span.externalLinkWrap {
    background-size: 12px 11px;
    height: 15px;
    padding-right: 2px !important;
  }

  .offer-details-sec p {
    font-size: 14px;
  }

  .overlay-content h3, .overlay-content h4 {
    font-size: 12px;
  }

  /*.section-head.calc-point-hd{width:22%;}*/
  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
    float: left;
  }

  #card-agreement .foo-wrapper {
    width: 92%;
    margin: 0 auto;
  }

  .terms-cond li a.more-details, .manage-card-list li a.more-details {
    font-size: 12px;
  }

  #card-agreement .text-container1 {
    width: auto;
  }

  .card-info-list li h3 {
    font-size: 14px;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
  }

  #card-agreement.info-card-foo {
    bottom: -9%;
  }

  .terms-cond {
    width: 71%;
  }

  .calcBtn {
    width: 150px;
  }

  .terms-cond li {
    height: 125px;
  }

  .terms-cond li p {
    margin: 13px 0 5px 0;
  }

  /*.foo-wrapper > img{margin-top: 12px;}*/
  .image-list.col1 {
    width: 29%;
  }

  /*.image-list.card-info-list li {width: 100%;}*/
  #redeem-points .ih-item.square.effect6 .info h3 {
    height: auto; /*40px;*/
  }

  .lt-ie9 .home-footer .block3 {
    padding: 14px 0;
  }

  .lt-ie9 .home-footer .block3 .b1 {
    font-size: 14px;
  }

  .lt-ie9 .getStartLeft .contArea {
    font-size: 13px;
  }

  .manage-card-list li.block2 h3 {
    height: 40px;
  }

  ::i-block-chrome, .foo-wrapper-txt {
    margin: 2px 0;
  }

  ::i-block-chrome, .tnc-list li a {
    padding: 12px 30px;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1070px) {
  .TCII-wrap p {
    font-size: 12px;
  }

  .TCII-wrap {
    padding: 15px 15px;
  }

  .commonWrapper p a {
    bottom: 4%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  /*Get Started*/
  .getStartRight .contArea, .getStartLeft .contArea {
    width: 75%;
    font-size: 13px;
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
    float: left;
  }

  #card-agreement .foo-wrapper {
    width: 97%;
    margin: 0 auto;
  }

  #card-agreement .text-container1 {
    width: 72%;
    text-align: left;
  }

  #card-agreement .tnc-list li a {
    font-size: 12px;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
  }

  #card-agreement.info-card-foo {
    bottom: -6%;
  }

  /*.home-footer .block3 .b2{margin-top: 8px;}
	.home-footer .block3 .b1{padding:14px 21px 0;}
	.home-footer .block3 .b2{margin-right:30px;}*/
  .home-footer .block1 {
    padding: 45px 0 62px;
  }

  .home-footer .block2 {
    padding: 16px 0 73px;
    background: rgba(1, 14, 20, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 15% auto;
    font-size: 13px;
  }

  .home-footer .block3 {
    padding: 12px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 5px;
    padding: 0 0 0 35px;
    margin-right: 30px;
    font-size: 12px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .home-footer .cardArt {
    width: 300px;
    margin-left: -157px;
    bottom: 50px;
  }

  .terms-cond {
    width: 74%;
  }

  /*.foo-wrapper > img{margin-top: 15px;}*/
  .tableWrap tr th, .tableWrap tr td {
    font-size: 10px;
    line-height: 14px;
    padding: 3px;
  }

  #redeem-points .ih-item.square.effect6 .info h3 {
    height: auto;
  }
}

@media screen and (min-width: 1280px) and (max-width: 1360px) {

  .save-points {
    height: 260px;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt {
    font-size: 12px;
  }

  .savings-section {
    height: 309px;
  }

  .foo-wrapper-txt, .tnc-list li a {
    font-size: 1em;
  }

  .commonWrapper p a {
    bottom: 4%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .getStartRight .contArea, .getStartLeft .contArea {
    width: 85%;
  }

  .tnc-list li a {
    padding: 9px 12px;
    font-size: 12px;
  }

  .info-card-foo {
    bottom: -6%;
  }

  .home-header {
    height: 75px;
    background-size: 100% 100%;
  }

  .home-header.smaller {
    height: 40px;
    background-size: 100% 100%;
  }

  .home-header.smaller .head-menu li a {
    padding: 12px 20px;
  }

  .home-header.smaller .citi-logo {
    top: 7px;
    width: 39px;
    height: 22px;
  }

  .site-menu {
    width: 24px;
    height: 20px;
  }

  #header-nav.smaller .head-menu {
    top: 40px;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 15px;
  }

  .home-footer .block1 {
    padding: 44px 0;
  }

  .home-footer .block2 {
    padding: 24px 0 47px 0;
    background: rgba(1, 14, 20, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 14% auto;
    font-size: 13px;
  }

  .home-footer .block3 {
    padding: 13px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 5px;
    padding: 0 0 0 40px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .reward-highlight .reward-circle {
    width: 250px;
    margin-left: -125px;
  }

  .home-footer .cardArt {
    width: 130px;
    margin-left: -65px;
  }

  /*.section-head.small{width:15%;}
	.section-head.medium{width:18%;}
	.section-head.large{width:27%;}
	.section-head.xlarge{width:40%;}*/
  .ih-item.square.effect6 .info i.icon {
    width: 50px;
    height: 50px;
    background-size: 100% 100%;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 50px;
    height: 50px;
  }

  .ih-item.square.effect6 .info h3 {
    margin: 0;
  }

  .ih-item.square.effect6 .info p {
    font-size: 12px;
  }

  .ih-item.square.effect6 .info a {
    font-size: 12px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  /*.section-head.medium{width: 20%;}*/
  .card-info-list li > img, .card-info-list li .info > img {
    height: auto;
    width: auto;
  }

  .section-head {
    margin: 50px auto 20px auto;
    padding: 3px 18px;
    font-weight: 100;
    font-size: 25px;
  }

  /*.section-head.earn-points{width: 37%;}
	.section-head.redeem-points{width: 17%;}
	.section-head.calc-point-hd{width: 22%;}
	.section-head.exclusive-offers{width: 20%;}
	.section-head.card-info{width: 31%;}
	.section-head.manage-card{width: 25%;}*/
  .text-container1 h3 {
    margin: 3px 0;
  }

  .text-container1 p {
    font-size: 13px;
    margin: 0 0 10px 0;
  }

  .foo-wrapper {
    padding: 15px;
  }

  .commonWrapper p {
    font-size: 12px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .mob-links li a > img {
    height: 38px;
    padding: 40px 0;
  }

  #manage-card .text-container1 {
    width: 86%;
  }

  .tnc-list li a {
    padding: 14px 10px;
  }

  .manage-card-list li {
    width: 32.7%;
  }

  .manage-card-list1 li {
    width: 49.5%;
  }

  .image-list.col4 li {
    width: 24.3%;
  }

  .image-list.card-info-list li .img img {
    height: 300px;
  }

  .macSafari .card-info-list .ih-item .img img {
    height: 300px !important;
  }

  .text-container {
    padding: 22px 2%;
  }

  ::i-block-chrome, .text-container {
    padding: 15px 5%;
  }

  .overlay-content {
    margin-top: 45px;
  }

  #exclusive-offers .image-list {
    margin: 2% auto 0 auto;
  }

  .text-container1 {
    margin-left: 2%;
  }

  .text-container h2 {
    font-size: 14px;
  }

  .text-container h4 {
    font-size: 12px;
  }

  .smaller .site-menu {
    top: 10px;
  }

  #header-nav.smaller .head-menu {
    top: 50px;
  }

  .head-menu li a {
    background: url("../images/right-arrow.png") no-repeat 20px 50%;
    background-size: 8px;
    padding: 15px 10px 15px 34px;
    font-size: 13px;
  }

  .image-list.col3 li {
    width: 32.5%;
  }

  .close-btn {
    width: 15px;
    height: 15px;
  }

  .overlay-content {
    margin-top: 35px;
  }

  .overlay-content .offer-logo {
    width: 62% !important;
  }

  .commonWrapper p.small {
    font-size: 11px;
  }

  .cLsFulMar a {
    font-size: 12px;
  }

  .ex-offers .b1 {
    width: 47.5%;
  }

  .ex-offers .b2 {
    width: 37.5%;
  }

  .card-info-list li > p, .card-info-list li .info > p, .manage-card-list li p {
    font-size: 14px;
  }

  .card-info-list .firstLight {
    font-size: 12px;
  }

  .tnc-list li a {
    padding: 9px 12px;
    font-size: 12px;
  }

  .footer-wrapper p {
    font-size: 12px;
  }

  .footer-wrapper h3 {
    font-size: 13px;
  }

  ::i-block-chrome, .footer-wrapper h3 {
    font-size: 1.17em;
  }

  ::i-block-chrome, .footer-wrapper p {
    font-size: 1em;
  }

  ::i-block-chrome, .footer-wrapper p.discTxt {
    font-size: 12px;
  }

  .chip-list li.arrows {
    width: 7%;
  }

  .chip-list li .data {
    width: 53%;
  }

  .chip-list li.content {
    width: 28%;
    margin: 28px 0;
  }

  .tnc-list li a span.externalLinkWrap {
    background-size: 12px 11px;
    height: 15px;
    padding-right: 2px !important;
  }

  .offer-details-sec p {
    font-size: 14px;
  }

  .overlay-content h3, .overlay-content h4 {
    font-size: 12px;
  }

  /*.section-head.calc-point-hd{width:22%;}*/
  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
  }

  #card-agreement .foo-wrapper {
    width: 67%;
    margin: 0 auto;
  }

  #card-agreement .text-container1 {
    width: auto;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
  }

  #card-agreement.info-card-foo {
    bottom: -6%;
  }

  .terms-cond li {
    height: 125px;
  }

  .terms-cond li p {
    margin: 13px 0 5px 0;
  }

  .rewardsEarned li .logoContent {
    height: auto;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 50px;
    height: 50px;
  }

  ::i-block-chrome, .text-container h2 {
    font-family: "interstate-light";
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
  }

  ::i-block-chrome, .text-container h4 {
    font-family: "interstate-light";
    color: #fff;
    margin: 0;
    font-size: 15px;
    font-weight: 100;
  }
}

@media only screen
and (min-width: 1280px) {
  .TCII-wrap p {
    font-size: 14px;
  }

  .TCII-wrap {
    padding: 15px 15px;
  }

  .rewardsHolder {
    margin: 0 20px 20px 0;
  }

  .save-points {
    height: 260px;
  }

  .rewardsEarned li .logoAmt {
    font-size: 12px;
    height: 25px;
  }

  .rewardsEarned li .logoContSpace {
    height: 32px;
  }

  .savings-section {
    height: 309px;
  }

  .foo-wrapper-txt {
    margin: 3px 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .section-head.multi-pay {
    width: 290px;
  }

  .section-head.exclusive-offers {
    width: 205px;
  }

  .section-head.exclusive-offers
    /* head menu smaller nav */
    /*.home-header.smaller{height:50px;background-size: 100% 100%;}
	.home-header.smaller .citi-logo{top: 10px;width: 50px;height: 28px;}
	.smaller .site-menu{top: 15px;width: 25px;height: 20px;}
	#header-nav.smaller .head-menu{top: 50px;}*/
    /* head menu smaller nav */
  .home-header {
    height: 75px;
    background-size: 100% 100%;
  }

  .home-header.smaller {
    height: 50px;
    background-size: 100% 100%;
  }

  .home-header.smaller .head-menu li a {
    padding: 12px 20px;
  }

  .home-header.smaller .citi-logo {
    top: 14px;
    width: 39px;
    height: 22px;
  }

  .smaller .site-menu {
    top: 15px;
    width: 25px;
    height: 20px;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 15px;
  }

  /*.home-footer .block1{padding: 48px 0;}
	.home-footer .block2{padding: 24px 0 54px 0;background: rgba(1,14,20,0.8) url('../images/down-arrow.png') no-repeat center 77%;background-size: 14% auto;font-size: 13px;}
	.home-footer .block3{padding: 6px 0 11px 0;}
	.home-footer .block3 .b2{margin-top: 6px;}*/
  .home-footer .block1 {
    padding: 46px 0 47px;
  }

  .home-footer .block2 {
    padding: 23px 0 50px 0;
    background: rgba(1, 14, 20, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 14.2% auto;
    font-size: 13px;
  }

  .home-footer .block3 {
    padding: 13px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 5px;
    padding: 0 0 0 40px;
  }

  .reward-highlight {
    height: 182px;
    margin-top: -91px;
  }

  .reward-highlight .block1 {
    height: 182px;
  }

  .reward-highlight .reward-circle {
    width: 250px;
    margin-left: -125px;
  }

  .home-footer .cardArt {
    width: 400px;
    margin-left: -215px;
  }

  /*.section-head.small{width:15%;}
	.section-head.medium{width:18%;}
	.section-head.large{width:23%;}
	.section-head.calc-point-hd{width:23%;}
	.section-head.xlarge{width:40%;}*/
  .ih-item.square.effect6 .info i.icon {
    width: 60px;
    height: 60px;
    background-size: 100% 100%;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 50px;
    height: 50px;
  }

  .ih-item.square.effect6 .info p {
    font-size: 14px;
  }

  .ih-item.square.effect6 .info a.travel {
    font-size: 14px;
  }

  .ih-item.square.effect6 .info a {
    font-size: 12px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  /*.section-head.medium{width: 20%;}*/
  .card-info-list li > img, .card-info-list li .info > img {
    height: auto;
    width: 60px;
  }

  .flexslider .card-info-list.slides li .info > img {
    height: auto;
    width: 60px;
  }

  .section-head.exclusive-offers {
    margin-top: 30px !important;
  }

  /*.section-head.earn-points{width: 29%;}
	.section-head.redeem-points{width: 14%;}
	.section-head.calc-point-hd{width: 12%;}
	.section-head.exclusive-offers{width: 15%;margin-top:30px !important;}
	.section-head.card-info{width: 25%;}
	.section-head.manage-card{width: 20%;}*/
  /*.text-container1{margin-left: 3%;}*/
  .text-container1 h3 {
    margin: 3px 0;
  }

  .text-container1 p {
    font-size: 13px;
    margin: 0 0 10px 0;
  }

  .foo-wrapper {
    padding: 15px;
  }

  .commonWrapper p {
    font-size: 12px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 12px;
  }

  .mob-links li a > img {
    height: 56px;
    padding: 33px 0;
  }

  #manage-card .text-container1 {
    width: 86%;
  }

  .tnc-list li a {
    padding: 14px 30px;
  }

  .overlay-content h3 {
    font-size: 14px;
  }

  .overlay-content h4 {
    font-size: 12px;
  }

  .externalLink {
    background: url("../images/external_link.png") no-repeat right 1px;
    background-size: 11px 11px;
    display: inline-block !important;
    padding-right: 18px !important;
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
    float: left;
    padding: 0 0 0 2%;
  }

  #card-agreement .foo-wrapper {
    width: 97%;
    margin: 0 auto;
  }

  #card-agreement .text-container1 {
    width: auto;
    text-align: left;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
    font-size: 1em;
  }

  /*.foo-wrapper > img{margin-top: 12px;}*/
  /* Safari only override */
  ::i-block-chrome, .info-card-foo {
    bottom: -9.5%;
  }

  .terms-cond li {
    height: 125px;
  }

  .terms-cond li p {
    margin: 13px 0 5px 0;
  }

  .tableWrap tr th, .tableWrap tr td {
    font-size: 11px;
    line-height: 15px;
    padding: 4px;
  }

  .manage-card-list li.block1 {
    height: 220px;
  }

  .manage-card-list li.block2 {
    height: 240px;
  }

  .flexslider .card-info-list.slides li .info > img {
    height: auto;
    width: 50px;
  }

  ::i-block-chrome, .calc-points li:nth-child(1) .text {
    width: 96%;
  }

  ::i-block-chrome, .calc-points li:nth-child(2) .text {
    width: 86%;
  }

  ::i-block-chrome, .calc-points li:nth-child(3) .text {
    width: 78%;
  }

  .rewardsEarnedMiles li {
    padding-bottom: 10px;
  }

  #footer {
    min-height: 250px !important;
  }

  ::i-block-chrome, .macSafari .ih-item .info img {
    width: 50px !important;
  }
}

@media only screen
and (min-width: 1360px) {
  .save-points {
    height: 260px;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt {
    font-size: 12px;
  }

  .rewardsEarned li .logoContent {
    height: auto;
  }

  .rewardsEarned li .logoContSpace {
    height: 32px;
  }

  .savings-section {
    height: 309px;
  }

  .foo-wrapper-txt {
    margin: 3px 0;
  }

  .commonWrapper p a {
    bottom: 4%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 16px;
  }

  .manage-card-list li.block3 {
    padding: 15px 0;
  }

  /*.home-footer .block1{padding: 51.5px 0;}
	.home-footer .block2{padding: 20px 0 63px 0;background: rgba(0,0,0,0.8) url('../images/down-arrow.png') no-repeat center 77%;background-size:24px 24px;font-size: 15px;}
	.home-footer .block3{padding: 6px 0 12px;}
	.home-footer .block3{padding: 6px 0 13px;}*/
  /*edit - 12/9/2014 */
  .home-header {
    height: 75px;
    background-size: 100% 100%;
  }

  .home-header.smaller {
    height: 50px;
    background-size: 100% 100%;
  }

  .home-header.smaller .head-menu li a {
    padding: 12px 20px;
  }

  .home-header.smaller .citi-logo {
    top: 14px;
    width: 39px;
    height: 22px;
  }

  .smaller .site-menu {
    top: 15px;
    width: 25px;
    height: 20px;
  }

  /*.home-footer .block1{padding: 63px 0;}*/
  .home-footer .block2 {
    padding: 14px 0 57px;
    background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat center 74%;
    background-size: 24px 24px;
    font-size: 15px;
  }

  .home-footer .block3 {
    padding: 13px 0;
  }

  .home-footer .block3 .b2 {
    margin-top: 5px;
    padding: 0 0 0 40px;
  }

  .home-footer .block3 .b2 {
    margin-top: 8px;
  }

  .reward-highlight .reward-circle {
    width: 275px;
    margin-left: -137.5px;
  }

  .home-footer .cardArt {
    width: 400px;
    margin-left: -235px;
  }

  /*.image-list.card-info-list li{padding: 10px 0;}*/
  .text-container1 p {
    font-size: 14px;
  }

  /*.section-head.earn-points{width: 37%;}
	.section-head.redeem-points{width: 20%;}*/
  /*.section-head.calc-point-hd{width: 12%;}
	.section-head.exclusive-offers{width: 19%;}
	.section-head.card-info{width: 32%;}
	.section-head.manage-card{width: 26%;}*/
  .tnc-list li a {
    padding: 14px 30px;
    font-size: 1em;
  }

  .commonWrapper p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 3px 15px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 14px;
  }

  .commonWrapper p.small {
    font-size: 12px;
  }

  .commonWrapper p.micro {
    font-size: 10px;
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    width: 5%;
    padding: 0 0 0 2%;
    float: left;
  }

  #card-agreement .foo-wrapper {
    width: 97%;
    margin: 0 auto;
  }

  #card-agreement .text-container1 {
    width: auto;
    text-align: left;
  }

  #card-agreement .text-container1 a {
    padding-right: 0;
  }

  /* Safari only override */
  ::i-block-chrome, .info-card-foo {
    bottom: -9.5%;
  }

  .terms-cond li {
    height: 145px;
  }

  .terms-cond li p {
    margin: 15px 0 5px 0;
  }

  .chip-list li.content {
    margin: 29px 0 30px;
  }

  .tableWrap tr th, .tableWrap tr td {
    font-size: 10px;
    line-height: 16px;
    padding: 6px;
  }

  .tableWrap tr th {
    font-size: 12px;
  }

  #footer {
    min-height: 250px !important;
    padding-bottom: 30px;
  }

  .manage-card-list li.block2 {
    height: 240px;
  }

  .info-card-foo {
    bottom: -6%;
  }

  #redeem-points .ih-item.square.effect6 .info h3 {
    height: auto;
  }

  .image-list.card-info-list li .img img {
    height: 280px;
  }

  ::i-block-chrome, .macSafari .ih-item .info img {
    width: 50px !important;
  }

}

@media screen and (min-width: 1361px) and (max-width: 1366px) {
  .TCII-wrap p {
    font-size: 14px;
  }

  .TCII-wrap {
    padding: 15px 15px;
  }

  .TCII-wrap h3 {
    font-size: 16px;
  }

  #card-info .image-list.col4 li {
    width: 24.93%;
    position: relative;
  }

  #manage-card .manage-card-list li.block2 h3 {
    height: 40px;
  }

  .mob-links li a > img {
    padding: 41px 0;
  }
}

/* Large screens */
@media only screen
and (min-width: 1524px) {
  #card-info .image-list.col4 li {
    width: 24.94%;
  }

  .TCII-wrap h3 {
    font-size: 16px;
  }

  .rewardsHolder .rewardsCategory {
    padding: 15px 3%;
  }

  .save-points {
    height: 260px;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt, .rewardsHolder .rewardsCategory .title, .rewardsHolder .rewardsCategory .amount {
    font-size: 14px;
  }

  .savings-section {
    height: 309px;
  }

  .rewardsEarned li .logo img {
    width: 100%;
  }

  .foo-wrapper-txt {
    margin: 10px 0;
  }

  .commonWrapper p a {
    bottom: 8%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .citi-logo {
    width: 60px;
    height: 34px;
  }

  .head-menu li a {
    padding: 29px 10px 29px 25px;
  }

  /* head menu smaller nav */
  .home-header.smaller {
    height: 78px;
    background-size: 100% 100%;
  }

  .home-header.smaller .citi-logo {
    top: 22px;
    width: 60px;
    height: 34px;
  }

  .smaller .site-menu {
    top: 28px;
    width: 28px;
    height: 22px;
  }

  #header-nav.smaller .head-menu {
    top: 78px;
  }

  /* head menu smaller nav */
  .home-footer .block3 .b2 {
    margin-top: 10px;
  }

  .slider, .slider .ui-slider-range-min {
    height: 8px;
  }

  .reward-highlight .reward-circle, .home-footer .cardArt {
    width: 300px;
    margin-left: -150px;
  }

  .home-footer .cardArt {
    width: 400px;
    margin-left: -150px;
  }

  .ih-item.square.effect6 .info h3 {
    font-size: 18px;
  }

  .ih-item.square.effect6 .info p, .ih-item.square.effect6 .info a.travel {
    font-size: 16px;
  }

  .ih-item.square.effect6 .info a {
    font-size: 12px;
    bottom: 6%;
  }

  .manage-card-list li.block1 {
    padding: 15px 0px;
    height: 240px;
  }

  .manage-card-list li.block2 {
    height: 240px;
  }

  .manage-card-list li.block2 .s1 {
    height: 200px;
  }

  .manage-card-list li.block2 .s2 {
    height: 252px;
  }

  .manage-card-list li.block4 .s1 {
    height: 200px;
  }

  .manage-card-list li.block4 .s2 {
    height: 252px;
  }

  .manage-card-list li p {
    font-size: 16px;
    margin: 10px;
  }

  .image-list {
    margin: 0 auto;
  }

  .manage-card-list {
    margin: 2% auto 0 auto;
  }

  .section-head.manage-card {
    margin: 7% auto 50px auto !important;
  }

  .section-head {
    margin: 5% auto 50px auto;
  }

  .card-info-list li h3, .card-info-list li > p, .card-info-list li .info > p {
    font-size: 16px;
  }

  .hsContainer-content {
    margin: 50px auto;
  }

  .hsContainer-content p {
    font-size: 16px;
  }

  .ih-item.square.effect6 .info i.icon {
    width: 70px;
    height: 70px;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 60px;
    height: 60px;
  }

  .copyright-content li a {
    font-size: 12px;
  }

  .tnc-list li a {
    padding: 20px 55px;
  }

  /*.section-head.earn-points{width: 33%;}
	.section-head.redeem-points{width: 16%;}
	.section-head.calc-point-hd{width: 10%;}
	.section-head.exclusive-offers{width: 18%;}
	.section-head.card-info{width: 29%;}
	.section-head.manage-card{width: 28%;}*/
  .commonWrapper p {
    text-align: center;
    font-size: 13px;
    margin: 0;
    padding: 3px 15px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 13px;
  }

  .commonWrapper p.small {
    font-size: 14px;
  }

  .commonWrapper p.micro {
    font-size: 12px;
  }

  .terms-cond li {
    height: 125px;
  }

  .terms-cond li p {
    margin: 13px 0 5px 0;
  }

  .tableWrap tr th, .tableWrap tr td {
    line-height: 20px;
  }

  .tableWrap tr th, .tableWrap tr td {
    padding: 7px;
  }

  .tableWrap tr th, .tableWrap tr td {
    font-size: 11px;
  }

  .tableWrap tr th {
    font-size: 14px;
  }

  .discTxt {
    font-size: 12px;
  }

  #footer {
    min-height: 280px !important;
  }

  .manage-card-list1 {
    margin: 1% auto 0 auto;
  }

  .image-list.card-info-list li .img img {
    height: 320px;
  }

  #redeem-points .ih-item.square.effect6 .info h3 {
    height: auto;
  }

  .flexslider .manage-card-list.slides > li img, .flexslider .card-info-list.slides li .info > img {
    width: 60px;
    height: auto;
  }

  .rewardsEarned li .logoContSpace {
    height: 44px;
  }

  .rewardsEarnedMiles li {
    padding-bottom: 20px;
  }
}

@media only screen
and (min-width: 1710px) {

  .TCII-wrap h3 {
    font-size: 18px;
  }

  .rewardsHolder .rewardsCategory {
    padding: 20px 3%;
  }

  .save-points {
    height: 309px;
  }

  .rewardsEarned li .logo img {
    width: 100%;
  }

  .rewardsEarned li .logoContent, .rewardsEarned li .logoAmt, .rewardsHolder .rewardsCategory .title, .rewardsHolder .rewardsCategory .amount {
    font-size: 16px;
  }

  .savings-section {
    height: 359px;
  }

  #manage-card .info-card-foo .foo-wrapper > img {
    padding: 0 0 0 2%;
  }

  .commonWrapper p a {
    bottom: 8%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .savings-section {
    padding: 20px 4%;
  }

  .getStartLeft .contArea, .getStartRight .contArea {
    width: 82%;
    font-size: 14px;
  }

  p, h3 {
    font-size: 18px;
  }

  .citi-logo {
    width: 60px;
    height: 34px;
  }

  /* head menu smaller nav */
  .home-header.smaller {
    height: 78px;
    background-size: 100% 100%;
  }

  .home-header.smaller .citi-logo {
    top: 22px;
    width: 60px;
    height: 34px;
  }

  .smaller .site-menu {
    top: 28px;
    width: 28px;
    height: 22px;
  }

  #header-nav.smaller .head-menu {
    top: 78px;
  }

  /* head menu smaller nav */
  /*.home-footer .block1{padding: 59px 0;}*/
  /*.home-footer .block1{padding: 62px 0;}/* edit 12/9/2014
	.home-footer .block3 .b2{padding: 8px 0 8px 40px;margin-top: 6px;line-height: 21px;font-size: 100%;margin-left: 21px;}*/
  .home-footer .block1 {
    padding: 46px 0;
  }

  .home-footer .block2 {
    padding: 15px 0 54px 0;
    background: rgba(0, 0, 0, 0.8) url('../images/down-arrow.png') no-repeat center 77%;
    background-size: 24px 24px;
    font-size: 15px;
  }

  .home-footer .block3 {
    padding: 13px 0;
  }

  .home-footer .block3 .b2 {
    padding: 0 0 0 40px;
  }

  .getStartLeft .contArea > a {
    display: block;
  }

  .reward-highlight .reward-circle h1 {
    font-size: 21px;
  }

  .cardArt .card-name {
    font-size: 12px;
  }

  /*.home-footer .block2{padding:25px 0 72px 0;}*/
  /*.home-footer .block2{padding:25px 0 78px 0;} edit 12/9/2014 */
  /*.home-footer .block3{padding: 6px 0 19px;} edit - 12/9/2014 */
  .slider, .slider .ui-slider-range-min {
    height: 10px;
  }

  .reward-highlight .reward-circle {
    width: 350px;
    margin-left: -175px;
  }

  .home-footer .cardArt {
    width: 470px;
    margin-left: -210px;
  }

  .ih-item.square.effect6 .info h3 {
    font-size: 18px;
  }

  .ih-item.square.effect6 .info p, .ih-item.square.effect6 .info a.travel {
    font-size: 16px;
  }

  .ih-item.square.effect6 .info a {
    font-size: 12px;
    bottom: 8%;
  }

  .manage-card-list li.block1 {
    padding: 20px 0;
    height: 220px;
  }

  .manage-card-list li.block2 {
    padding: 20px 0;
    height: 220px;
  }

  .manage-card-list1 li.block1, .manage-card-list1 li.block2, .manage-card-list1 li.block3 {
    background-size: 100% 100%;
  }

  .manage-card-list li.block2 .s1 {
    height: 200px;
  }

  .manage-card-list li.block2 .s2 {
    height: 250px;
  }

  .manage-card-list li.block4 .s1 {
    height: 200px;
  }

  .manage-card-list li.block4 .s2 {
    height: 250px;
  }

  .manage-card-list li p {
    font-size: 16px;
    margin: 10px;
  }

  .image-list {
    margin: 4% auto 0 auto;
  }

  .manage-card-list1 {
    margin: 1% auto 0 auto;
  }

  .section-head {
    margin: 5% auto 50px auto;
  }

  .card-info-list li h3 {
    font-size: 18px;
  }

  .card-info-list li > p, .card-info-list li .info > p {
    font-size: 16px;
  }

  .hsContainer-content {
    margin: 50px auto;
  }

  .hsContainer-content p {
    font-size: 18px;
  }

  .ih-item.square.effect6 .info i.icon {
    width: 80px;
    height: 80px;
  }

  .flexslider .card-info-list.slides li .info > img {
    height: auto;
    width: 70px;
    margin: 0 auto;
  }

  .flexslider .manage-card-list.slides > li img {
    width: 70px;
    height: 70px;
    padding-bottom: 0;
  }

  #exclusive-offers .image-list {
    margin: 3% auto 0 auto;
  }

  /*#exclusive-offers .image-list.col3 li{height: 520px;}*/
  /*.text-container1{margin-left:2%;}*/
  .text-container1 h3, .text-container1 p {
    font-size: 18px;
  }

  .text-container1 p {
    margin: 0 0 10px 0;
  }

  /*.image-list.card-info-list li{padding:50px 0;}*/
  .ex-offers .b1 {
    padding-top: 21px;
    padding-bottom: 21px;
  }

  .ex-offers .b2 {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  @-moz-document url-prefix() {
    .ex-offers .b2 {
      padding-top: 11px;
      padding-bottom: 10px;
    }
  }
  /*.ex-offers .b1 img,.mob-links li img{height: auto;}*/
  .text-container h2 {
    font-size: 30px;
  }

  .text-container h4 {
    font-size: 22px;
  }

  .section-head {
    padding: 5px 20px;
  }

  /*.section-head.small{width:15%;}
	.section-head.medium{width:14%;}
	.section-head.large{width:16%;}
	.section-head.xlarge{width: 28%;}
	.section-head.card-info.xlarge{width: 24%;}
	.section-head.manage-card.large{width:19%;}*/
  /*.section-head.calc-point-hd.large{width: 9%;}*/
  .copyright-content li a {
    font-size: 12px;
  }

  .tnc-list li a {
    padding: 24px 75px;
  }

  .offer-details-sec p {
    padding: 15px 11px;
  }

  .info-card-foo {
    bottom: -6%;
  }

  .commonWrapper p {
    text-align: center;
    font-size: 18px;
    margin: 0;
    padding: 3px 15px;
  }

  .commonWrapper p.noPosLink a {
    font-size: 18px;
  }

  .commonWrapper p.small {
    font-size: 14px;
  }

  .commonWrapper p.micro {
    font-size: 12px;
  }

  .footer-wrapper {
    margin: 0 auto 15px auto;
    padding-top: 100px;
  }

  .home-footer .block3 .b1 {
    width: 18%;
  }

  .text-container {
    padding: 8px 5%;
  }

  .terms-cond li {
    height: 165px;
  }

  .terms-cond li p {
    margin: 20px 0 5px 0;
    font-size: 15px;
  }

  .terms-cond li img {
    width: 18%;
  }

  /*.foo-wrapper > img{margin-top: 17px;}*/
  .info-card-foo {
    bottom: -6%;
  }

  .tableWrap tr th, .tableWrap tr td {
    font-size: 13px;
  }

  .tableWrap tr th {
    font-size: 16px;
  }

  .discTxt {
    font-size: 12px;
  }

  #footer {
    min-height: 280px !important;
  }

  .manage-card-list1 li {
    width: 49.4%;
  }

  .ih-item.square.effect6 .info i.icon {
    margin: 20% auto 10%;
  }

  .ih-item.square.effect6 .info p {
    padding: 0 40px;
  }

  .rewardsEarned li .logoContent {
    height: auto;
  }

  .rewardsEarned li .logoContSpace {
    height: 44px;
  }

  .ex-offers .b1 img {
    margin-top: 2%;
  }

  .mob-links li a > img {
    padding: 40px 0;
  }
}

@media only screen
and (min-width: 1921px) {
  .commonWrapper p a {
    bottom: 8%;
    color: #ffffff;
    font-size: 12px;
    left: 0;
    position: absolute;
    right: 0;
  }

  .commonWrapper p a {
    font-size: 12px;
  }

  .text-container {
    padding: 5px 5% 5px 4%;
    float: left;
  }

  .mob-links li a > img {
    height: 52px;
    padding: 33px 0;
  }

  .ex-offers .b2 {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .home-footer .block3 .b2 {
    margin-top: 14px;
  }
}

.txtLft {
  text-align: left !important;
}

/* ==========================================================================
   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;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links for images, or javascript/internal links
     */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group; /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.visible-ie8 {
  display: none;
}

.visible-desktop {
  display: block;
}

.hidden-desktop {
  display: none;
}

/* Old IE */
.lt-ie9 .visible-ie8 {
  display: block;
}

.discTxt {
  padding: 30px 0 0;
  font-size: 12px;
}

.visible-phone {
  display: none !important;
}

.visible-phone-port {
  display: none !important;
}

.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 {
  margin: 0 auto;
}

.flexslider .manage-card-list1.slides > li img {
  width: 10%;
}

.ih-item {
  position: relative;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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: #fff
}

.ih-item a:hover {
  text-decoration: none
}

.ih-item img {
  width: 100%;
  height: 100%
}

.ih-item.circle {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%
}

.ih-item.circle .img {
  position: relative;
  width: 220px;
  height: 220px;
  border-radius: 50%
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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; /*width:316px;height:216px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,0.3)*/
}

.ih-item.square .info {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.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 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.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.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect1 .info {
  top: 10px;
  bottom: 0;
  left: 10px;
  right: 0;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out
}

.ih-item.circle.effect1 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect1 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect1 a:hover .spinner {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg)
}

.ih-item.circle.effect1 a:hover .info {
  opacity: 1
}

.ih-item.circle.effect2 .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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect2.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect2 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect2 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect2 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect2.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect2.left_to_right a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.ih-item.circle.effect2.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect2.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect2.right_to_left a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.ih-item.circle.effect2.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect2.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect2.top_to_bottom a:hover .img {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.ih-item.circle.effect2.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect2.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect2.bottom_to_top a:hover .img {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.ih-item.circle.effect2.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect3 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect3.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect3 .info {
  background: #333;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect3 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect3 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect3.left_to_right .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.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect3.left_to_right a:hover .img {
  -webkit-transform: scale(0.5) translateX(100%);
  -moz-transform: scale(0.5) translateX(100%);
  -ms-transform: scale(0.5) translateX(100%);
  -o-transform: scale(0.5) translateX(100%);
  transform: scale(0.5) translateX(100%)
}

.ih-item.circle.effect3.left_to_right a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.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.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect3.right_to_left a:hover .img {
  -webkit-transform: scale(0.5) translateX(-100%);
  -moz-transform: scale(0.5) translateX(-100%);
  -ms-transform: scale(0.5) translateX(-100%);
  -o-transform: scale(0.5) translateX(-100%);
  transform: scale(0.5) translateX(-100%)
}

.ih-item.circle.effect3.right_to_left a:hover .info {
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect3.top_to_bottom .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.effect3.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .img {
  -webkit-transform: scale(0.5) translateY(100%);
  -moz-transform: scale(0.5) translateY(100%);
  -ms-transform: scale(0.5) translateY(100%);
  -o-transform: scale(0.5) translateY(100%);
  transform: scale(0.5) translateY(100%)
}

.ih-item.circle.effect3.top_to_bottom a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.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.effect3.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .img {
  -webkit-transform: scale(0.5) translateY(-100%);
  -moz-transform: scale(0.5) translateY(-100%);
  -ms-transform: scale(0.5) translateY(-100%);
  -o-transform: scale(0.5) translateY(-100%);
  transform: scale(0.5) translateY(-100%)
}

.ih-item.circle.effect3.bottom_to_top a:hover .info {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect4 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out
}

.ih-item.circle.effect4.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect4 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  transition: all 0.35s ease
}

.ih-item.circle.effect4 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect4 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect4 a:hover .img {
  opacity: 0;
  pointer-events: none
}

.ih-item.circle.effect4 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.circle.effect4.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect4.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect4.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect4.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect4.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect4.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect4.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect4.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect4.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect4.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect4.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect4.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect5 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.circle.effect5.colored .info .info-back {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect5 .info {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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: #333;
  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.effect5 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect5 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect5 a:hover .info {
  -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)
}

.ih-item.circle.effect5 a:hover .info .info-back {
  visibility: visible
}

.ih-item.circle.effect6 .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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect6.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect6 .info {
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect6 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect6 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect6.scale_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)
}

.ih-item.circle.effect6.scale_up a:hover .img {
  opacity: 0;
  -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_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.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 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.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 0.35s ease-in-out 0.2s;
  -moz-transition: all 0.35s ease-in-out 0.2s;
  transition: all 0.35s ease-in-out 0.2s
}

.ih-item.circle.effect6.scale_down_up a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down_up a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.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 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out
}

.ih-item.circle.effect7.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect7 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s
}

.ih-item.circle.effect7 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect7 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect7 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5)
}

.ih-item.circle.effect7 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.circle.effect7.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect7.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect7.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect7.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect7.top_to_bottom .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect7.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect7.bottom_to_top .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect7.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect8.colored .info {
  background: #1a4a72
}

.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 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}

.ih-item.circle.effect8 .img-container .img {
  opacity: 1;
  -webkit-transition: all 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.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 0.3s ease-in-out 0.3s;
  -moz-transition: all 0.3s ease-in-out 0.3s;
  transition: all 0.3s ease-in-out 0.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 0.35s ease-in-out 0.6s;
  -moz-transition: all 0.35s ease-in-out 0.6s;
  transition: all 0.35s ease-in-out 0.6s
}

.ih-item.circle.effect8 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect8 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect8 a:hover .img-container {
  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)
}

.ih-item.circle.effect8 a:hover .img-container .img {
  opacity: 0;
  pointer-events: none
}

.ih-item.circle.effect8 a:hover .info-container {
  opacity: 1
}

.ih-item.circle.effect8 a:hover .info-container .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.circle.effect8.left_to_right .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect8.left_to_right .info-container {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect8.left_to_right a:hover .img-container .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect8.left_to_right a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .img-container .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect8.right_to_left .info-container {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect8.right_to_left a:hover .img-container .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect8.right_to_left a:hover .info-container {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect8.top_to_bottom .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect8.top_to_bottom .info-container {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .img-container .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect8.top_to_bottom a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .img-container .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect8.bottom_to_top .info-container {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .img-container .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect8.bottom_to_top a:hover .info-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect9 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-out;
  -moz-transition: all 0.35s ease-out;
  transition: all 0.35s ease-out
}

.ih-item.circle.effect9.colored .info {
  background: #1a4a72
}

.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 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s
}

.ih-item.circle.effect9 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect9 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect9 a:hover .img {
  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)
}

.ih-item.circle.effect9 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.circle.effect9.left_to_right .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.effect9.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect9.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.effect9.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect9.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect9.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect9.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect9.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect10.colored .info {
  background: #1a4a72
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.circle.effect10.top_to_bottom .info h3 {
  margin: 0 30px;
  padding: 25px 0 0 0;
  height: 78px
}

.ih-item.circle.effect10.top_to_bottom .info p {
  margin: 0 30px;
  padding: 5px
}

.ih-item.circle.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px) scale(0.5);
  -moz-transform: translateY(50px) scale(0.5);
  -ms-transform: translateY(50px) scale(0.5);
  -o-transform: translateY(50px) scale(0.5);
  transform: translateY(50px) scale(0.5)
}

.ih-item.circle.effect10.bottom_to_top .info h3 {
  margin: 95px 30px 0;
  padding: 25px 0 0 0;
  height: 78px
}

.ih-item.circle.effect10.bottom_to_top .info p {
  margin: 0 30px;
  padding: 5px
}

.ih-item.circle.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px) scale(0.5);
  -moz-transform: translateY(-50px) scale(0.5);
  -ms-transform: translateY(-50px) scale(0.5);
  -o-transform: translateY(-50px) scale(0.5);
  transform: translateY(-50px) scale(0.5)
}

.ih-item.circle.effect11 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect11.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect11 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease 0.35s;
  -moz-transition: all 0.35s ease 0.35s;
  transition: all 0.35s ease 0.35s
}

.ih-item.circle.effect11 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect11 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect11 a:hover .img {
  opacity: 0
}

.ih-item.circle.effect11 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.circle.effect11.left_to_right .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.left_to_right .info {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.left_to_right a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .img {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.right_to_left .info {
  -webkit-transform: translateZ(-1000px) rotateY(90deg);
  -moz-transform: translateZ(-1000px) rotateY(90deg);
  -ms-transform: translateZ(-1000px) rotateY(90deg);
  -o-transform: translateZ(-1000px) rotateY(90deg);
  transform: translateZ(-1000px) rotateY(90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .img {
  -webkit-transform: translateZ(-1000px) rotateY(-90deg);
  -moz-transform: translateZ(-1000px) rotateY(-90deg);
  -ms-transform: translateZ(-1000px) rotateY(-90deg);
  -o-transform: translateZ(-1000px) rotateY(-90deg);
  transform: translateZ(-1000px) rotateY(-90deg)
}

.ih-item.circle.effect11.right_to_left a:hover .info {
  -webkit-transform: translateZ(0) rotateY(0);
  -moz-transform: translateZ(0) rotateY(0);
  -ms-transform: translateZ(0) rotateY(0);
  -o-transform: translateZ(0) rotateY(0);
  transform: translateZ(0) rotateY(0)
}

.ih-item.circle.effect11.top_to_bottom .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0)
}

.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.top_to_bottom a:hover .img {
  -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.top_to_bottom a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect11.bottom_to_top .img {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0)
}

.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.effect11.bottom_to_top a:hover .img {
  -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 a:hover .info {
  -webkit-transform: translateZ(0) rotateX(0);
  -moz-transform: translateZ(0) rotateX(0);
  -ms-transform: translateZ(0) rotateX(0);
  -o-transform: translateZ(0) rotateX(0);
  transform: translateZ(0) rotateX(0)
}

.ih-item.circle.effect12 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect12.colored .info {
  background: #1a4a72
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect12 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect12 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect12 a:hover .img {
  opacity: 0;
  pointer-events: none
}

.ih-item.circle.effect12 a:hover .info {
  opacity: 1;
  visibility: visible
}

.ih-item.circle.effect12.left_to_right .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.effect12.left_to_right .info {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg)
}

.ih-item.circle.effect12.left_to_right a:hover .info {
  -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);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.ih-item.circle.effect12.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.effect12.right_to_left .info {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg)
}

.ih-item.circle.effect12.right_to_left a:hover .info {
  -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);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.ih-item.circle.effect12.top_to_bottom .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.effect12.top_to_bottom a:hover .img {
  -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.effect12.top_to_bottom a:hover .info {
  -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);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.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.bottom_to_top .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.effect12.bottom_to_top a:hover .img {
  -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.effect12.bottom_to_top a:hover .info {
  -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);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.ih-item.circle.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect13 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect13 .info p {
  visibility: hidden;
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect13 a:hover .info {
  opacity: 1
}

.ih-item.circle.effect13 a:hover h3 {
  visibility: visible
}

.ih-item.circle.effect13 a:hover p {
  visibility: visible
}

.ih-item.circle.effect13.from_left_and_right .info h3 {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.circle.effect13.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.circle.effect13.from_left_and_right a:hover h3 {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect13.from_left_and_right a:hover p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.circle.effect13.top_to_bottom .info h3 {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.circle.effect13.top_to_bottom a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect13.top_to_bottom a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top .info h3 {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.circle.effect13.bottom_to_top a:hover h3 {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect13.bottom_to_top a:hover p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.circle.effect14 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.circle.effect14 .img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out
}

.ih-item.circle.effect14.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect14 .info {
  background: #333;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s
}

.ih-item.circle.effect14 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect14 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect14 a:hover .img {
  opacity: 0;
  visibility: hidden
}

.ih-item.circle.effect14 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.circle.effect14.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 {
  -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.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg)
}

.ih-item.circle.effect14.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.ih-item.circle.effect14.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 {
  -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.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg)
}

.ih-item.circle.effect14.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.ih-item.circle.effect14.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 {
  -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.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg)
}

.ih-item.circle.effect14.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0)
}

.ih-item.circle.effect14.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 {
  -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.effect14.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg)
}

.ih-item.circle.effect14.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0)
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect15.colored .info {
  background: #1a4a72
}

.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 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s
}

.ih-item.circle.effect15 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect15 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect15 a:hover .img {
  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)
}

.ih-item.circle.effect15 a:hover .info {
  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)
}

.ih-item.circle.effect16 .img {
  z-index: 11;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect16.colored .info {
  background: #1a4a72
}

.ih-item.circle.effect16 .info {
  background: #333;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect16 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect16 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9)
}

.ih-item.circle.effect16.left_to_right a:hover .img {
  -webkit-transform: rotate(-120deg);
  -moz-transform: rotate(-120deg);
  -ms-transform: rotate(-120deg);
  -o-transform: rotate(-120deg);
  transform: rotate(-120deg)
}

.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%;
  margin: -4px 0 0 -4px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.9)
}

.ih-item.circle.effect16.right_to_left a:hover .img {
  -webkit-transform: rotate(120deg);
  -moz-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  -o-transform: rotate(120deg);
  transform: rotate(120deg)
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect17 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect17 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect17 a:hover .img:before {
  box-shadow: inset 0 0 0 110px #333, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(0, 0, 0, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1)
}

.ih-item.circle.effect17 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.circle.effect17 a:hover .info p {
  opacity: 1
}

.ih-item.circle.effect17.colored a:hover .img:before {
  box-shadow: inset 0 0 0 110px #1a4a72, inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 110px rgba(26, 74, 114, 0.6), inset 0 0 0 16px rgba(255, 255, 255, 0.8), 0 1px 2px rgba(0, 0, 0, 0.1)
}

.ih-item.circle.effect18 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.circle.effect18 .img {
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out
}

.ih-item.circle.effect18.colored .info .info-back {
  background: #1a4a72
}

.ih-item.circle.effect18 .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 .info .info-back {
  opacity: 1;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333
}

.ih-item.circle.effect18 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect18 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect18.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.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg)
}

.ih-item.circle.effect18.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.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg)
}

.ih-item.circle.effect18.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.left_to_right a:hover .img {
  -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)
}

.ih-item.circle.effect18.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.circle.effect18.right_to_left a:hover .img {
  -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)
}

.ih-item.circle.effect19.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.circle.effect19 .info {
  background: #333;
  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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.circle.effect19 .info h3 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 45px 0 0 0;
  height: 140px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect19 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect19 a:hover .info {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.circle.effect20 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.circle.effect20 .img {
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.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.colored .info .info-back {
  background: #1a4a72
}

.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.effect20 .info .info-back {
  opacity: 1;
  visibility: hidden;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  background: #333;
  -webkit-transition: all 0.35s linear;
  -moz-transition: all 0.35s linear;
  transition: all 0.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.circle.effect20 .info h3 {
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2px;
  font-size: 22px;
  margin: 0 30px;
  padding: 55px 0 0 0;
  height: 110px;
  text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect20 .info p {
  color: #bbb;
  padding: 10px 5px;
  font-style: italic;
  margin: 0 30px;
  font-size: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect20 a:hover .img {
  opacity: 0
}

.ih-item.circle.effect20 a:hover .info .info-back {
  opacity: 1;
  visibility: visible
}

.ih-item.circle.effect20.top_to_bottom .info .info-back {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .img {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}

.ih-item.circle.effect20.top_to_bottom a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg)
}

.ih-item.circle.effect20.bottom_to_top .info .info-back {
  -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
  transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .img {
  -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
  transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}

.ih-item.circle.effect20.bottom_to_top a:hover .info .info-back {
  -webkit-transform: rotate3d(1, 0, 0, 0deg);
  -moz-transform: rotate3d(1, 0, 0, 0deg);
  -ms-transform: rotate3d(1, 0, 0, 0deg);
  -o-transform: rotate3d(1, 0, 0, 0deg);
  transform: rotate3d(1, 0, 0, 0deg)
}

.ih-item.square.effect1 {
  overflow: hidden
}

.ih-item.square.effect1.colored .info {
  background: #1a4a72
}

.ih-item.square.effect1 .img {
  z-index: 11;
  position: absolute;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect1 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.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;
  margin: 0;
  font-style: italic;
  font-size: 12px;
  color: #bbb
}

.ih-item.square.effect1.left_and_right a:hover .img {
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6)
}

.ih-item.square.effect1.top_to_bottom .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 10px 0 0 0
}

.ih-item.square.effect1.top_to_bottom .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center
}

.ih-item.square.effect1.top_to_bottom a:hover .img {
  -webkit-transform: translateY(30px) scale(0.6);
  -moz-transform: translateY(30px) scale(0.6);
  -ms-transform: translateY(30px) scale(0.6);
  -o-transform: translateY(30px) scale(0.6);
  transform: translateY(30px) scale(0.6)
}

.ih-item.square.effect1.bottom_to_top .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 134px 0 0 0
}

.ih-item.square.effect1.bottom_to_top .info p {
  font-style: italic;
  font-size: 12px;
  color: #bbb;
  padding: 5px;
  text-align: center
}

.ih-item.square.effect1.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-30px) scale(0.6);
  -moz-transform: translateY(-30px) scale(0.6);
  -ms-transform: translateY(-30px) scale(0.6);
  -o-transform: translateY(-30px) scale(0.6);
  transform: translateY(-30px) scale(0.6)
}

.ih-item.square.effect2 {
  overflow: hidden
}

.ih-item.square.effect2.colored .info {
  background: #1a4a72
}

.ih-item.square.effect2.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect2 .img {
  opacity: 1;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.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 0.35s 0.3s ease-in-out;
  -moz-transition: all 0.35s 0.3s ease-in-out;
  transition: all 0.35s 0.3s ease-in-out
}

.ih-item.square.effect2 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0;
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition: all 0.35s 0.6s ease-in-out;
  -moz-transition: all 0.35s 0.6s ease-in-out;
  transition: all 0.35s 0.6s ease-in-out
}

.ih-item.square.effect2 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  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 0.35s 0.5s linear;
  -moz-transition: all 0.35s 0.5s linear;
  transition: all 0.35s 0.5s linear
}

.ih-item.square.effect2 a:hover .img {
  -webkit-transform: rotate(720deg) scale(0);
  -moz-transform: rotate(720deg) scale(0);
  -ms-transform: rotate(720deg) scale(0);
  -o-transform: rotate(720deg) scale(0);
  transform: rotate(720deg) scale(0);
  opacity: 0
}

.ih-item.square.effect2 a:hover .info {
  visibility: visible
}

.ih-item.square.effect2 a:hover .info h3, .ih-item.square.effect2 a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect3 {
  overflow: hidden
}

.ih-item.square.effect3.colored .info {
  background: #1a4a72
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect3 .info {
  height: 65px;
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect3 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px 10px 0 4px;
  margin: 4px 0 0 0
}

.ih-item.square.effect3 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 5px;
  text-align: center
}

.ih-item.square.effect3 a:hover .info {
  visibility: visible;
  opacity: 1
}

.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.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px)
}

.ih-item.square.effect3.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.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.effect3.top_to_bottom a:hover .img {
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px)
}

.ih-item.square.effect3.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect4 {
  overflow: hidden;
  position: relative
}

.ih-item.square.effect4.colored .info {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect4.colored .mask1, .ih-item.square.effect4.colored .mask2 {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect4 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect4 .mask1, .ih-item.square.effect4 .mask2 {
  position: absolute;
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  height: 361px;
  width: 361px;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: transparent;
  margin-top: 5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.35s;
  -moz-transition: all 0.35s ease-in-out 0.35s;
  transition: all 0.35s ease-in-out 0.35s
}

.ih-item.square.effect4 a:hover .mask1 {
  -webkit-transform: rotate(56.5deg) translateX(1px);
  -moz-transform: rotate(56.5deg) translateX(1px);
  -ms-transform: rotate(56.5deg) translateX(1px);
  -o-transform: rotate(56.5deg) translateX(1px);
  transform: rotate(56.5deg) translateX(1px)
}

.ih-item.square.effect4 a:hover .mask2 {
  -webkit-transform: rotate(56.5deg) translateX(-1px);
  -moz-transform: rotate(56.5deg) translateX(-1px);
  -ms-transform: rotate(56.5deg) translateX(-1px);
  -o-transform: rotate(56.5deg) translateX(-1px);
  transform: rotate(56.5deg) translateX(-1px)
}

.ih-item.square.effect4 a:hover .info {
  width: 300px;
  height: 120px;
  visibility: visible;
  top: 40px;
  -webkit-transform: rotate(0deg) translate(0, 0);
  -moz-transform: rotate(0deg) translate(0, 0);
  -ms-transform: rotate(0deg) translate(0, 0);
  -o-transform: rotate(0deg) translate(0, 0);
  transform: rotate(0deg) translate(0, 0)
}

.ih-item.square.effect4 a:hover .info h3, .ih-item.square.effect4 a:hover .info p {
  opacity: 1
}

.ih-item.square.effect5.colored .info {
  background: #1a4a72
}

.ih-item.square.effect5.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect5 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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 {
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect5 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect5 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect5 a:hover .img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-delay: 0;
  -moz-transition-delay: 0;
  transition-delay: 0
}

.ih-item.square.effect5 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.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 {
  overflow: hidden
}

.ih-item.square.effect6.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect6.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect6 .img {
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.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; /*background:#333;background:rgba(0,0,0,0.6);visibility:hidden;opacity:0;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out*/
}

.ih-item.square.effect6 .info i { /*text-transform:uppercase;color:#fff;text-align:center;font-size:17px;padding:10px;background:#111;margin:30px 0 0 0;-webkit-transition:all 0.35s ease-in-out;-moz-transition:all 0.35s ease-in-out;transition:all 0.35s ease-in-out*/
}

.ih-item.square.effect6 .info p { /*font-style:italic;font-size:12px;color:#bbb;padding:20px 20px 20px;position:relative;-webkit-transition:all 0.35s 0.1s linear;-moz-transition:all 0.35s 0.1s linear;transition:all 0.35s 0.1s linear*/
}

.ih-item.square.effect6:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.ih-item.square.effect6 a:hover .info { /*visibility:visible;opacity:1*/
}

.ih-item.square.effect6.from_top_and_bottom .info i { /*-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)*/
}

.ih-item.square.effect6.from_top_and_bottom .info p { /*-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)*/
}

.ih-item.square.effect6.from_top_and_bottom a:hover .info i, .ih-item.square.effect6.from_top_and_bottom a:hover .info p { /*-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)*/
}

.ih-item.square.effect6.from_left_and_right .info i {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.square.effect6.from_left_and_right .info p {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.square.effect6.from_left_and_right a:hover .info i, .ih-item.square.effect6.from_left_and_right a:hover .info p {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect6.top_to_bottom .info i {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom .info p {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect6.top_to_bottom a:hover .info i, .ih-item.square.effect6.top_to_bottom a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect6.bottom_to_top .info i {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top .info p {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect6.bottom_to_top a:hover .info i, .ih-item.square.effect6.bottom_to_top a:hover .info p {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect7 {
  overflow: hidden
}

.ih-item.square.effect7.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect7.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect7 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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.effect7 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect7 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out
}

.ih-item.square.effect7 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  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 0.35s 0.3s linear;
  -moz-transition: all 0.35s 0.3s linear;
  transition: all 0.35s 0.3s linear
}

.ih-item.square.effect7 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.ih-item.square.effect7 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.square.effect7 a:hover .info h3, .ih-item.square.effect7 a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8 {
  overflow: hidden
}

.ih-item.square.effect8.colored .info {
  background: #1a4a72
}

.ih-item.square.effect8.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect8 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect8 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect8 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s 0.1s ease-in-out;
  -moz-transition: all 0.35s 0.1s ease-in-out;
  transition: all 0.35s 0.1s ease-in-out
}

.ih-item.square.effect8 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s 0.15s linear;
  -moz-transition: all 0.35s 0.15s linear;
  transition: all 0.35s 0.15s linear
}

.ih-item.square.effect8 a:hover .img {
  opacity: 0
}

.ih-item.square.effect8 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.square.effect8.scale_up .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8.scale_up .info {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.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.effect8.scale_up a:hover .img {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5)
}

.ih-item.square.effect8.scale_up a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8.scale_up a:hover .info h3, .ih-item.square.effect8.scale_up a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8.scale_down .img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8.scale_down .info {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5)
}

.ih-item.square.effect8.scale_down .info h3, .ih-item.square.effect8.scale_down .info p {
  -webkit-transform: scale(5);
  -moz-transform: scale(5);
  -ms-transform: scale(5);
  -o-transform: scale(5);
  transform: scale(5)
}

.ih-item.square.effect8.scale_down a:hover .img {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5)
}

.ih-item.square.effect8.scale_down a:hover .info {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect8.scale_down a:hover .info h3, .ih-item.square.effect8.scale_down a:hover .info p {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect9 {
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.square.effect9.colored .info .info-back {
  background: #1a4a72
}

.ih-item.square.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.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:#ffare.effect9.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect9 .img {
  position: relative;
  z-index: 11;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  transition: all 0.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;
  padding: 10px;
  background: #111;
  margin: 0
}

.ih-item.square.effect9 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.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.square.effect9.left_to_right a:hover .img {
  -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)
}

.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.effect9.right_to_left a:hover .img {
  -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)
}

.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.square.effect9.top_to_bottom a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, -180deg);
  -moz-transform: rotate3d(1, 0, 0, -180deg);
  -ms-transform: rotate3d(1, 0, 0, -180deg);
  -o-transform: rotate3d(1, 0, 0, -180deg);
  transform: rotate3d(1, 0, 0, -180deg)
}

.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.square.effect9.bottom_to_top a:hover .img {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
  -moz-transform: rotate3d(1, 0, 0, 180deg);
  -ms-transform: rotate3d(1, 0, 0, 180deg);
  -o-transform: rotate3d(1, 0, 0, 180deg);
  transform: rotate3d(1, 0, 0, 180deg)
}

.ih-item.square.effect10 {
  overflow: hidden
}

.ih-item.square.effect10.colored .info {
  background: #1a4a72
}

.ih-item.square.effect10.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect10 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect10 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect10 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect10 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect10 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.square.effect10.left_to_right .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect10.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.square.effect10.left_to_right a:hover .img {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.square.effect10.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .img {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect10.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.square.effect10.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.square.effect10.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect10.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect10.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect10.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect10.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect10.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect11 {
  overflow: hidden
}

.ih-item.square.effect11.colored .info {
  background: #1a4a72
}

.ih-item.square.effect11.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.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 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect11 .info {
  background: #333;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s
}

.ih-item.square.effect11 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect11 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect11 a:hover .img {
  opacity: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5)
}

.ih-item.square.effect11 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.square.effect11.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.square.effect11.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect11.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.square.effect11.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect11.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect11.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect11.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect11.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect12 {
  overflow: hidden
}

.ih-item.square.effect12.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect12.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect12 .img {
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in
}

.ih-item.square.effect12 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center;
  -webkit-transition: all 0.35s ease-in;
  -moz-transition: all 0.35s ease-in;
  transition: all 0.35s ease-in
}

.ih-item.square.effect12 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.ih-item.square.effect12 a:hover .info h3 {
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.ih-item.square.effect12 a:hover .info p {
  -webkit-transition-delay: 0.25s;
  -moz-transition-delay: 0.25s;
  transition-delay: 0.25s
}

.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 h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px)
}

.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.left_to_right a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px)
}

.ih-item.square.effect12.left_to_right a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px)
}

.ih-item.square.effect12.left_to_right a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg)
}

.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 h3 {
  -webkit-transform: translateY(-100px);
  -moz-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  -o-transform: translateY(-100px);
  transform: translateY(-100px)
}

.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.right_to_left a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px)
}

.ih-item.square.effect12.right_to_left a:hover .info h3 {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px)
}

.ih-item.square.effect12.right_to_left a:hover .info p {
  -webkit-transform: translateX(0px) rotate(0deg);
  -moz-transform: translateX(0px) rotate(0deg);
  -ms-transform: translateX(0px) rotate(0deg);
  -o-transform: translateX(0px) rotate(0deg);
  transform: translateX(0px) rotate(0deg)
}

.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.top_to_bottom .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)
}

.ih-item.square.effect12.top_to_bottom .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.effect12.top_to_bottom a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.ih-item.square.effect12.top_to_bottom a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.ih-item.square.effect12.top_to_bottom a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.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 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)
}

.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.effect12.bottom_to_top a:hover .info {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s
}

.ih-item.square.effect12.bottom_to_top a:hover .info h3 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s
}

.ih-item.square.effect12.bottom_to_top a:hover .info p {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s
}

.ih-item.square.effect13 {
  overflow: hidden
}

.ih-item.square.effect13.colored .info {
  background: #1a4a72;
  background: rgba(26, 74, 114, 0.6)
}

.ih-item.square.effect13.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect13 .img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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.effect13 .info {
  background: #333;
  background: rgba(0, 0, 0, 0.6);
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out
}

.ih-item.square.effect13 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect13 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect13 a:hover .img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2)
}

.ih-item.square.effect13 a:hover .info {
  visibility: visible;
  opacity: 1
}

.ih-item.square.effect13.left_to_right .info {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%)
}

.ih-item.square.effect13.left_to_right a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect13.right_to_left .info {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%)
}

.ih-item.square.effect13.right_to_left a:hover .info {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0)
}

.ih-item.square.effect13.top_to_bottom .info {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect13.top_to_bottom a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect13.bottom_to_top .info {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect13.bottom_to_top a:hover .info {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect14.colored .info {
  background: #1a4a72
}

.ih-item.square.effect14.colored .info h3 {
  background: rgba(12, 34, 52, 0.6)
}

.ih-item.square.effect14 .img {
  opacity: 1;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.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 0.35s ease 0.2s;
  -moz-transition: all 0.35s ease 0.2s;
  transition: all 0.35s ease 0.2s
}

.ih-item.square.effect14 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect14 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect14 a:hover .img {
  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)
}

.ih-item.square.effect14 a:hover .info {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.ih-item.square.effect14.left_to_right .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.square.effect14.left_to_right a:hover .img {
  -webkit-transform: translateX(100%) rotate(180deg);
  -moz-transform: translateX(100%) rotate(180deg);
  -ms-transform: translateX(100%) rotate(180deg);
  -o-transform: translateX(100%) rotate(180deg);
  transform: translateX(100%) rotate(180deg)
}

.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.square.effect14.right_to_left a:hover .img {
  -webkit-transform: translateX(-100%) rotate(-180deg);
  -moz-transform: translateX(-100%) rotate(-180deg);
  -ms-transform: translateX(-100%) rotate(-180deg);
  -o-transform: translateX(-100%) rotate(-180deg);
  transform: translateX(-100%) rotate(-180deg)
}

.ih-item.square.effect14.top_to_bottom .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect14.top_to_bottom a:hover .img {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%)
}

.ih-item.square.effect14.bottom_to_top .img {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0)
}

.ih-item.square.effect14.bottom_to_top a:hover .img {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -o-transform: translateY(100%);
  transform: translateY(100%)
}

.ih-item.square.effect15 {
  overflow: hidden;
  -webkit-perspective: 900px;
  -moz-perspective: 900px;
  perspective: 900px
}

.ih-item.square.effect15.colored .info {
  background: #1a4a72
}

.ih-item.square.effect15 .img {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out
}

.ih-item.square.effect15 .info {
  background: #333;
  opacity: 0;
  -webkit-transition: all 0.35s ease-in-out 0.3s;
  -moz-transition: all 0.35s ease-in-out 0.3s;
  transition: all 0.35s ease-in-out 0.3s
}

.ih-item.square.effect15 .info h3 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  font-size: 17px;
  padding: 10px;
  background: #111;
  margin: 30px 0 0 0
}

.ih-item.square.effect15 .info p {
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #bbb;
  padding: 20px 20px 20px;
  text-align: center
}

.ih-item.square.effect15 a:hover .img {
  opacity: 0;
  visibility: hidden
}

.ih-item.square.effect15 a:hover .info {
  visibility: visible;
  opacity: 1
}

.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.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.square.effect15.left_to_right a:hover .img {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg)
}

.ih-item.square.effect15.left_to_right a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.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.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.square.effect15.right_to_left a:hover .img {
  -webkit-transform: rotateY(90deg);
  -moz-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg)
}

.ih-item.square.effect15.right_to_left a:hover .info {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0)
}

.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.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.square.effect15.top_to_bottom a:hover .img {
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  -o-transform: rotateX(90deg);
  transform: rotateX(90deg)
}

.ih-item.square.effect15.top_to_bottom a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0)
}

.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.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.square.effect15.bottom_to_top a:hover .img {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg)
}

.ih-item.square.effect15.bottom_to_top a:hover .info {
  -webkit-transform: rotateX(0);
  -moz-transform: rotateX(0);
  -ms-transform: rotateX(0);
  -o-transform: rotateX(0);
  transform: rotateX(0)
}

.lt-ie9 .col2.image-list li {
  width: 48.6%;
}

.lt-ie9 .home-header {
  background: url('../images/ie8/header-bg.png') repeat-x;
}

.lt-ie9 .ih-item.square.effect6 .info i.icon {
  width: 60px;
  height: 60px;
}

.lt-ie9 .home-footer .block1 {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.4);
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=50);
}

.lt-ie9 .home-footer .block2 {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.4);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  zoom: 1;
  font-size: 13px;
}

.lt-ie9 .home-footer .block2 > i {
  padding-top: 12px;
  display: block;
}

.lt-ie9 .home-footer .ieblock {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.4);
  zoom: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  display: block;
  width: 43%;
  padding: 33px 0 32px;
}

.lt-ie9 .flexslider .manage-card-list.slides > li img {
  width: 50px;
  height: 50px;
}

.lt-ie9 .home-footer .block3 {
  background: rgb(0, 148, 220);
  background: rgba(0, 148, 220, 0.9);
  padding: 13px 0;
}

.lt-ie9 .image-list.col3 li {
  width: 32%;
}

.lt-ie9 .image-list.col4 li {
  width: 24%;
}

.lt-ie9 .manage-card-list li {
  width: 32.7%;
}

.lt-ie9 .slider .ui-slider-handle {
  width: 30px;
  height: 31px;
}

.lt-ie9 .reward-highlight .reward-circle {
  width: 275px;
}

.lt-ie9 .tnc-list li a {
  padding: 10px;
}

.lt-ie9 ul.discList > li {
  padding: 0 3% 0 0;
}

.lt-ie9 #card-agreement.info-card-foo {
  bottom: -50px;
}

.lt-ie9 .commonWrapper {
  background: rgb(0, 0, 0);
}

.lt-ie9 .home-header {
  height: 50px;
}

.lt-ie9 .card-info-list li .info > img {
  height: auto;
  width: 50px;
  margin: 0 auto;
}

.lt-ie9 .smaller .site-menu {
  top: 15px;
  width: 25px;
  height: 20px;
  background: url('../images/ie8/menu.png') no-repeat center center;
}

.lt-ie9 .home-footer .block2 {
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}

.lt-ie9 .home-footer {
  height: 93px;
}

.lt-ie9 .home-footer .block1 {
  padding: 43px 0 49px;
}

.lt-ie9 .home-footer .block2 {
  padding: 14px 0 24px 0;
}

.lt-ie9 #manage-card .text-container1 {
  width: 78%;
}

.lt-ie9 #manage-card .info-card-foo .foo-wrapper > img {
  width: 5%;
  margin-top: 0;
  float: left;
}

.lt-ie9 .foo-wrapper-txt {
  margin: 3px 0;
}

.lt-ie9 .home-footer .cardArt {
  width: 340px;
  margin-left: -175px;
}

.lt-ie9 .home-header.smaller .citi-logo {
  top: 14px;
  width: 39px;
  height: 22px;
  background: url('../images/ie8/logo.png') no-repeat;
}

.lt-ie9 .head-menu li a {
  background: url("../images/ie8/right-arrow.png") no-repeat 10px 48%;
  font-size: 13px;
}

.lt-ie9 .ih-item.square.effect6 .info:hover {
  background: transparent;
}

.lt-ie9 a:active {
  outline: 0;
  border: 0;
}

.lt-ie9 .reward-highlight {
  height: 182px;
  margin-top: -91px;
}

.lt-ie9 .reward-highlight .block1 {
  height: 182px;
}

.lt-ie9 .reward-highlight .reward-circle {
  width: 275px;
  margin-left: -137.5px;
}

.lt-ie9 #body {
  display: none;
}

.lt-ie9 .manage-card-list li.block1 {
  height: 220px;
}

.lt-ie9 .manage-card-list li.block2 {
  background: url("../images/manage-cards/img15.png");
  height: 220px;
}

.lt-ie9 .card-info-list li .img {
  height: 280px;
}

.lt-ie9 .externalLinkWrap {
  background: url("../images/ie8/external_link.png") no-repeat right 2px;
}

.lt-ie9 .effect6.square.ih-item .info h3 {
  font-size: 13px;
}

.lt-ie9 .card-info-list li h3, .lt-ie9 .manage-card-list li h3 {
  font-size: 13px;
}

.lt-ie9 .getStartLeft .icon1 {
  background: url("../images/ie8/get_started.png") 0 0 no-repeat;
  width: 45px;
}

.lt-ie9 .ih-item.square.effect6 .info i.icon1 {
  background-image: url('../images/earn-points/ie8/01_make_every_purchase_rewarding.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon2 {
  background-image: url('../images/earn-points/ie8/02_earn_5x_rewards_year_around.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon3 {
  background-image: url('../images/earn-points/ie8/03_citi_rebate.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon4 {
  background-image: url('../images/redeem-points/ie8/01_pay_with_points_at_store.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon5 {
  background-image: url('../images/redeem-points/ie8/02_online_catalogue.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon6 {
  background-image: url('../images/redeem-points/ie8/03_pay_of_your_purchases.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon7 {
  background-image: url('../images/redeem-points/ie8/04_points_transfer.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon8 {
  background-image: url('../images/exclusive-offers/ie8/01_dining_gourmet_pleasures.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon9 {
  background-image: url('../images/exclusive-offers/ie8/02_citi_world_privileges.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon10 {
  background-image: url('../images/exclusive-offers/ie8/03_shopping_vouchers.png');
}

.lt-ie9 .ih-item.square.effect6 .info i.icon11 {
  background-image: url('../images/exclusive-offers/ie8/04_complimentar_insurance.png');
}

.lt-ie9 .getStartLeft .contArea {
  font-size: 13px;
}

.lt-ie9 .text-container h2 {
  font-size: 14px;
}

.lt-ie9 .text-container h4 {
  font-size: 12px;
}

.lt-ie9 .ex-offers .b1 {
  width: 50%;
}

.lt-ie9 .ex-offers .b2 {
  width: 35%;
}

.lt-ie9 .ih-item.square.effect6 .info p, .lt-ie9 .card-info-list li > p, .lt-ie9 .card-info-list li .info > p, .lt-ie9 .manage-card-list li p, .lt-ie9 .effect6.square.ih-item .info a.travel {
  font-size: 12px;
}

.lt-ie9 .exclusive-offers.section-head {
  width: 220px;
}

.lt-ie9 .calc-points li {
  width: 30%;
}

.lt-ie9 .save-points {
  height: 265px;
}

.lt-ie9 .rewardsEarned li .logoContSpace {
  height: 37px;
}

.lt-ie9 .copyright-content li {
  float: right;
}

.lt-ie9 .copyright-content li:first-child {
  float: left;
}

.lt-ie9 .site-menu {
  position: fixed;
}

.lt-ie9 .rewardsHolder {
  margin-bottom: 0 !important;
  padding: 20px 0 0;
  clear: both;
}

.lt-ie9 .rewardsHolder:first-child {
  padding: 0;
}

/* Old IE */