html {
  font-size: 62.5%; /* 62.5% of 16px = 10px */
}
body {
  color: #333;
  font-size: 1.2rem;
  font-family: "Interstate_Light,sans-serif;";
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
a,a:hover,a:active,a:focus { text-decoration: none; outline: none; color: inherit;}
input,textarea,select { outline: none;}
img{max-width: 100%;}
ol, ul {list-style: none;margin: 0;padding: 0;}
.h1,.h2,.h4,.h5,.h6,h1,h2,h4,h5,h6 {margin: 0;padding: 0;}
ul.dot-list {
  list-style: disc;
  margin-left: 34px;
  margin-bottom: 10px;
}
h3 {
	font-weight: bold;
	line-height: 1.4em;
	margin-bottom: 20px;
	margin-top: 10px;
}
@media (min-width: 1023px) {
	footer.pagefooter #socialShare {
		z-index: 99;
	}
}

.fancybox-margin{margin-right:17px;}

.white_btn a {
  display: inline-block;
  vertical-align: middle;
  margin: 10px auto;
  padding: 10px 30px;
  color: #337ab7;
  background-color: #ffffff;
  font-family: "Interstate_Light,sans-serif;", "mheihk";
	
}

.white_btn a.faq {
  display: inline-block;
  width: 130px;
  text-align: center;
  padding: 10px 0;
}

.white_btn a img {
	padding-right: 8px;
}

.blue_btn a {
  display: inline-block;
  margin: 20px auto;
  padding: 10px 30px;
  color: #ffffff;
  background-color: #056dae;
}

.blue_btn a.faq {
  display: block;
  width: 200px;
  text-align: center;
  padding: 10px 0;
}

.blue_btn a img {
	padding-right: 8px;
}

.section-disclaimer p.msg {
	text-align: center;
	color: #00428d;
	padding-top: 10px;
}

.textnotes span {
	color: #056dae;
	font-size: 2.2rem;
    line-height: 1.4em;
	display: block;
	padding-top: 40px;
	font-weight: bold;
}

.one-percent-reward {
	padding-top: 30px;
}

.one-percent-reward div {
	line-height: 30px;
	display: inline-block;
    padding-right: 7px;
}


/* -----------20180117---------*/
.langSec {
  float: left;
  position: absolute;
  /*right: 8%;*/
  right: 8%;
  top: 20px;
}
.langSec a {
  outline: 0 none;
  color: #fff;
  font-size: 18px;
}

.visible-phone {
    display: none !important;
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 99999;
  height: 100%;
  width: 100%;
  overflow: hidden!important
}

.status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url('https://www.online.citibank.pl/formularz/karta-kredytowa/konkurs/images/jamp-spinner-2x.gif');
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px
}

.foot-container{
  width: 100%;
}

.page-wrapper { margin: 0 auto; position: relative;}
.topLogo {background: url('../citimobile-card-images/top-bg.png') repeat-x 0 0 transparent;padding: 15px 0;}
.topLogo a img {display: block;}
.topLogo a {display: block;}
.topMenu li {padding-right: 28px;display: inline-block;}
.topMenu a {display: block;line-height: 1;padding: 22px 3px;position: relative;}
.topMenu a:before {content: '';width: 1px;height: 5px;bottom:0;left: 0;position: absolute;background-color: transparent;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;transition: all .2s ease;}
.topMenu .active a,
.no-touch .topMenu a:hover {color:#056dae;}
.topMenu .active a:before ,
.no-touch .topMenu a:hover:before {width: 100%;background-color: #056dae;}
.topMenu {position: static;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}
.topMenu.sticky {position: fixed;z-index: 11;background-color: #fff;width: 100%;top: 0;left: 0;}

.bottomMenu {bottom:0;left: 0;right: 0;position: absolute;text-align: center;width: 100%;background-color: rgba(255, 255, 255, 0.9);z-index: 13}
.bottomMenu.sticky {position: fixed;}
.bottomMenu.active {padding: 0;}
.bottomMenu .controler {background-color: rgba(255, 255, 255, 0.9);position: absolute;bottom: 100%;left: 50%;display: block;width: 84px;height: 40px;padding: 5px 10px;margin-left: -42px;}
.bottomMenu .controler .fa {vertical-align: top;font-size: 3.6rem;}
.bottomMenu .controler .fa:before {content: "\f0ed";}
/*.bottomMenu .controler.active .fa:before {content: "\f0ee";}*/
.bottomMenu .container p,
.bottomMenu .container div,
.bottomMenu .container ul {display: inline-block;vertical-align: middle;margin-top: 0.5em;margin-bottom: 0.5em;}
.bottomMenu p {font-size: 3rem;color: #555;margin: 0}
.bottomMenu ul {padding: 0 30px;font-size: 0;}
.bottomMenu li {display: inline-block;padding: 0 10px;vertical-align: middle;}
.bottomMenu .applogo {padding: 0 40px 0 25px;border-right: 1px solid #8a8a8a;}

/*.footer {padding: 25px 0 50px;background-color: #333;color: #fff;}
.footer .container {width: 100%;}
.footer .foot1 {overflow: hidden;width: 100%;clear: both;}
.footer .fsocial {float: right;padding-top: 10px;}
.footer .fsocial a {display: inline-block;margin-left: 35px;font-size: 1.6rem;}
.footer .foot2 {padding: 40px 0 20px;}
.foot-item p {font-family: "Interstate_Light,sans-serif;-bold";font-size: 16px;}
.foot-item .fa {display: none;}
.foot-item li {margin-bottom: 10px;font-size: 16px;font-family: "Interstate_Light,sans-serif;-light";}
.footer .foot3 {font-size: 1.2rem;border-top: 1px solid #fff;width: 100%;display: table;}
.footer .foot3 ul {display: table-cell;width: 45%; vertical-align: top;padding-top: 15px}
.footer .foot3 p {display: table-cell;width: 55%; vertical-align: top; padding-top: 20px;text-align: right;}
.footer .foot3 li {display: inline-block;padding: 5px 15px 5px 0;}*/



/* ==========================================================================
   FIXED APP FOOTER  2017/08/07
   ========================================================================== */

.footer-fixed {
  background-color: #ffffff;
    position: fixed;
    bottom: -1px;
    width: 100%;
  z-index: 3;
  -webkit-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.2);
}

.footer-fixed .container {
  display: table;
    content: "";
  width: 100%;
    padding: 15px;
    margin: 0 auto;
  text-align: center;
  float: none;
}
.bialy-font {color:#fff;}

.header-lang {
  position: absolute;
  color: #fff;
  right: 30px;
  top: 25px;
  font-size: 1rem;
}
.download-wording {
  color: #0E2a48;
  font-size: 1em;
  font-weight: bold;
  display: inline-block;
    vertical-align: middle;
}

.download-wording > span {
  display: inline-block;
  padding: 5px;
}

.qrcode {
  padding: 0 0 0 20px;
    display: inline-block;
    vertical-align: middle;
}

.qrcode img {
  width: 60px;
}

/*  Close BTN - 20180321  */

.close-btn {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 50%;
  cursor: pointer;
}

.close-btn span {
  width: 20px;
  height: 2px;
  border-radius: 5px;
  background-color: transparent; 
  position: relative;
  display: block;
  top: 50%;
  margin: 0 auto;
}

.close-btn span:before, .close-btn span:after {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 2px;
  border-radius: 5px;
  background-color: #aaa;
}

.close-btn span:before {
  transform:rotate(-45deg);
}

.close-btn span:after {
  transform:rotate(45deg); 
}


/* ==========================================================================
   FOOTER
   ========================================================================== */
/*
#footer .top-footer{
  background: #000 url('../citimobile-card-images/section-06/bg.jpg') repeat-x;
  padding: 50px 0 150px;
}*/
/*#footer .top-footer p{
  display: inline-block;
  color: #fff;
  font-family: 'Interstate_Light,sans-serif;-light';
  line-height: 50px;
  border-right: 1px solid #fff;
  padding: 0 25px 0 0;
  margin: 0 25px 0 0;
}
#footer .top-footer a img{
  margin: 0 15px 0 0;
  height: 50px;
}*/
#footer .bottom-footer{
  background: #19191b;
    border-top: 1px solid #19191b;
  }
#footer .bottom-footer .blue-strip{
  width: 80%;
  margin: 0 auto;
  background: #0462b5;
  padding: 15px 5%;
  margin-top: -100px;
}
#footer .bottom-footer .blue-strip p{
  color: #fff;
    font-size: 12px;
    margin-top: 15px;
}
#footer .bottom-footer .blue-strip p.no-margin{
    margin: 0;
}
#footer .bottom-footer .contact-strip{
  width: 80%;
    margin: 0 auto;
    padding: 20px 0;
  border-bottom: 1px solid #fff;
}
#footer .bottom-footer .contact-strip p, #footer .bottom-footer .contact-strip a{
  color: #fff;
  font-family: 'Interstate_Light,sans-serif;';
  display: inline-block;
  line-height: 35px; 
  float: left;
}
#footer .bottom-footer .contact-strip .contact-links{
  float: right;
}
#footer .bottom-footer .contact-strip a{
  color: #fff;
  font-family: 'Interstate_Light,sans-serif;';
  margin: 0 20px 0 0;
    padding: 0 20px 0 40px;
  border-right: 1px solid #fff;
}
#footer .bottom-footer .contact-strip a.tel-link{
  background: url('../citimobile-card-images/section-06/call-icon.png') no-repeat left center;
}
#footer .bottom-footer .contact-strip .no-call-link a.tel-link{
  cursor: default;
}
#footer .bottom-footer .contact-strip a.email-link{
  background: url('../citimobile-card-images/section-06/email-icon.png') no-repeat left center;
}

#footer .bottom-footer .contact-strip a.branch-link{
  background: url('../citimobile-card-images/section-06/branch-icon.png') no-repeat left center;
  border: 0;
  margin-right: 0;
  padding-right: 0;
}
.tandc-strip{
  padding: 15px 0;
    width: 80%;
    margin: 0 auto;
}
.tandc-strip p{
  text-align: left;
  float: left;
  color: #fff;
  font-size: 12px;
  display: block;
  width: 100%;
}
.tandc-strip p a{
  float: left;
  color: #0462b5;
  margin-top: 15px
}
.tandc-strip p span{
  float: right;
  margin-top: 15px
}


#footer {font-size: 11px;color: #fff;padding-bottom: 65px; background: #19191b;}
.footerMenu {
    border-bottom: 2px solid #CCCCCC;
    overflow: hidden;
    padding: 7px 0 25px;
}
.footerMenu a:hover {text-decoration: underline;}
#gac .footerMenu a {color: #666;}
.footerLeft a{color: #fff;}
.footerLinks {float: right;padding: 0;}
.footerLinks ul{margin:0;padding:0;}
.footerLinks ul li {float: left;padding: 0 0 0 23px;list-style: none;}
.footerLeftLink{float:left;padding:5px 7px 0 0;outline: none;}
.mediaIcons{float:left;border-left:1px solid #ccc;padding: 3px 0 3px 7px;overflow:hidden;width:75px;}
.mediaIcons li{float:left;margin:0 6px 0 0;list-style: none;}
.mediaIcons li a.facebookIcon, .mediaIcons li a.gplusIcon, .mediaIcons li a.linkedinIcon, .faceIcon{width:18px;height:18px;background-repeat:no-repeat;display:inline-block;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;-ms-background-size:contain;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;border-radius: 3px 3px 3px 3px;cursor: pointer;z-index:1;outline: none; }
.mediaIcons li a.facebookIcon, .faceIcon{background-image:url("/views/images/facebookIcon.png"); display:block; width:18px; height:18px; } 
.footerLinksList {float: right;padding: 0;margin-top: 3px;}
.footerList li{float:left;padding-left:19px;font-size: 11px;list-style-type: none;}
.footerList li a{color: #fff;}
.footerDisclaimer {overflow: hidden;padding: 8px 0 36px;z-index: 9999;position: static;}
.footerLogo {background:url("../citimobile-card-images/citi_logo.png") no-repeat;width:75px;height:19px;float: left;}
.footerCont{border-top:1px solid #ccc;border-bottom:1px solid #ccc;overflow:hidden;margin:28px 0 0 0;padding:12px 15px;font-size: 11px;color:#000;}
.footerCont .footerContTxt{text-align:center;padding-bottom:5px;}
.copyRight {text-align: right;}

.showHideArea{padding: 0 0 7px;margin: 0 23%;}
.showHideHdr a{font-weight:bold;}
.showw, .hide {display: inline-block;padding-left:25px;line-height:18px;}
.showw {background: url("../citimobile-images/pplus.png") no-repeat scroll 0 3px transparent;}
.hide {background: url("../citimobile-images/minus.png") no-repeat scroll 0 3px transparent;}
.showHideHdr{padding:0 0 10px 0;}
.showHideArea.last .showHideHdr{padding:0;}
.showHideSubHdr{padding:0 0 15px 0;}
.showHideHdr a, .showHideSubHdr a, .showHideHdr span, .showHideSubHdr span{cursor:pointer;display:inline-block;color: #333;
font-weight: normal;}
.showHideCont {display:none;padding: 0 0 0 24px;}
.showHideArea.last .showHideCont{margin-top:10px;}
.showHideSubArea .showHideHdr a{font-weight:normal;}
.showHideSubCont {display:none;padding: 0 0 5px 24px;}
.tabContent{text-align: left;padding-bottom: 50px;}
.disclaimer{font-size:12px;color:#666;text-align: left;}
.visible-phone-footer {display: none;}

.carousel_container {margin: 0px 16px;overflow: hidden;width: 953px;padding: 10px 0px;}
#carousel {width: 970px;position: relative;display: inline-block;}
#carousel li {float: left;width: 250px;margin: 0px 30px;cursor: pointer;list-style-type: none;}
#carousel li.focus{width:auto;margin-top:-5px;opacity:1 !important;cursor:default;box-shadow:0 0 6px 1px #03bef2;height:74px;background-color:#73daf7;}
#carousel img {max-width: 100%;}
#carousel li.focus {width: auto;margin-top: -5px;opacity: 1 !important;cursor: default;box-shadow: 0px 0px 6px 1px #03BEF2;height: 74px;background-color: #73DAF7;}
.nextt, .prevv {position: absolute;top: 30px;}
.nextt {right: 300px;top: 215px;}
.prevv {left: 355px;top: 215px;}
.prevnext {clear: both;}
.prevnext img {width: 20px;}
.topcontainer {position: relative;width: auto;box-sizing: border-box;}
.tabContent {display: none;}
.faq-section{font-size: 2.3em;}
.sectionHead {font-family: "interstate-light";display: inline-block;margin:20px auto;color: #333;position: relative;}
.faqCon{margin:10px 0;}
.faq-cont{width: 100%;float: left;background: #ADADAD;text-align: center;padding-top: 40px;}
.bg{width: 100%;float: left;background: #e5e5e5;text-align: center;}
.slider-icons-bottom {margin-top: 15px;}
.slider-contt.rageslider ul li {height: auto !important;}
.snap-slide-inner .active {opacity:1;}
.active {opacity:1;}
.faq-cont .disclaimer {padding: 10px 0 0;}
ul.numLst, ul.bulLst{padding-bottom:10px;margin: 10px;}
ul.numLst li {padding:0 0px  5px;margin:0 0 0 15px;list-style:decimal;line-height: 21px;font-size: 16px;}
ul.bulLst{padding:0 0 10px;}
ul.bulLst li {background: url("../citimobile-card-images/bullet-whte.png") no-repeat scroll 0 6px transparent; padding: 0 0 8px 15px;list-style: none;line-height: 21px;font-size: 16px;margin:0 0 0 30px;}
.showHideArea a{color: #333;}
.showHideArea p{margin-left: 8px;}
.show{opacity: 1;}
.fade-show{opacity: 0.5;}
.showHideCont a:hover{opacity: 0.5;}
.accordion-holder .accordion-desc {line-height: 19px !important;}

/*===================       ====================
                   footer end
===================       ====================*/

.section-banner{text-align: center;position: relative;color: #fff;}
.banner-image {position: relative;}
.banner-image:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;/*background: url("../citimobile-card-images/overlay.png") repeat 0 0 transparent;*/}
.banner-image img {display: block;width: 100%;}
.banner-image video {display: block;width: 100%;}
.banner-description h1 {font-size: 2.3rem;color: #056dae;line-height: 1.1;    font-weight: bold;}
.banner-description h1 span {font-size: 8rem;display: block;}


.banner-description .btn-video {position: relative;display: inline-block;padding: 15px 20px 15px 70px;line-height: 1;font-size: 2rem;margin-top: 40px;margin-bottom: 50px;font-family: "interstate-bold";border: 1px solid #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.banner-description .btn-video:before {content: '';position: absolute;top: 10px;left: 20px;width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left:20px solid #fff;}
.banner-description .btn-video:after {content: '';position: absolute;top: 5px;bottom: 5px;left: 55px;width: 1px;border-left:1px solid #fff;}
.section-banner .page-down {
	position: absolute;
	bottom: 16px;
	left: 50%;
	text-align: center;
	display: inline-block;
	font-size: 1.8rem;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.section-banner .page-down span{ display: block;}

.section-overview {background: url('../citimobile-card-images/blue-bg.png') repeat top left transparent;}
.section-overview .thumb {margin: 0 auto;}
.section-overview .thumb img {max-width: 260px;}
.section-overview .description {color: #fff;}
.section-overview .description h2 sup {font-size: 2.1rem;}

.section-faq {padding: 15px 0 60px 0;}
.section-disclaimer {margin: 0 0 50px; padding: 0 15px;}
.faq-body {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 40px 0 30px;}
.faq-body h2 {font-family: "Interstate";font-size: 3rem;color: #056dae;text-align: center;}
.faq-body h2 .fa {display: block;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;font-size: 4rem;}
.faq-body.active {padding-bottom: 30px;}
.faq-body.active h2 {margin-bottom: 20px;}
.faq-body.active h2 .fa {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
.faq-box {display: none;padding: 0 30px;}
.faq-box .heading {padding: 30px 0;line-height: 1;text-align: center;font-size: 2.4rem;color: #53565a;font-family: "interstate-bold";margin-bottom: 0px;}
.faq-item {border-bottom: 1px solid #ececec;padding: 15px 0;}
.faq-item:first-of-type {border-top: 1px solid #ececec;}
.faq-item .faq-name {position: relative;cursor: pointer;padding-right: 25px;margin: 0;font-weight: bold;}
.faq-item .faq-name span {position: absolute;right: 10px;top: 10px;width: 15px;}
.faq-item .faq-name span:before{content: '';position: absolute;top: 0;right: 0;width: 15px;height: 3px;background-color: #000}
.faq-item .faq-name span:after {content: '';position: absolute;top: -6px;right: 6px;width: 3px;height: 16px;background-color: #000}
.faq-item.active .faq-name span:after {display: none;}
.faq-item .faq-content {display: none;padding-top: 10px}
.faq-item .faq-content a {color: #056dae;}
.faq-item .faq-icon {display: inline-block;vertical-align: text-bottom;}
.section .block {padding: 60px 0;}
.section .section-feature-1 {background: url('../citimobile-card-images/section-bg1.png') no-repeat left center transparent;}
.section .section-feature-2 {background: url('../citimobile-card-images/section-bg2.png') no-repeat left center transparent;}
.section .section-feature-3 {background: url('../citimobile-card-images/section-bg3.png') no-repeat right center transparent;}
.section .section-feature-4 {background: url('../citimobile-card-images/section-bg4.png') no-repeat center transparent;position: relative;padding: 45px 0 0}
.section .section-feature-5 {background: url('../citimobile-card-images/section-bg4.png') no-repeat center transparent;position: relative;padding: 45px 0 0}

.main-phone {display: table-cell;vertical-align: top;width: 300px;position: relative;text-align: center;}
.main-phone .phone-content {position: absolute;top:69px;left: 31px;width: 237px;}
.main-phone .btn-play-video {position: absolute; top:69px;left: 31px; bottom: 59px; right: 31px; background: url(../citimobile-card-images/play-icon.png) no-repeat center center transparent;}
.fake-phone .btn-play-video, .fake-content .btn-play-video {right: 0; }
.description-phone {display: table-cell;vertical-align: top;font-size: 1.2rem;padding-left: 20px;}
.description-phone h2 {font-size: 2.2rem;margin-bottom: 15px;}
.description-phone h3 {font-size: 1.4rem;line-height: 1.2;font-weight: bold; margin-bottom: 20px;}
.description-phone .btn-replay {margin-top: 20px; display: inline-block;}
.phone-tab {padding-bottom: 20px;}
.phone-tab li {display: inline-block;margin-left: 15px;}
.phone-tab li:first-child {margin-left: 0;}
.phone-tab li a {font-family:"interstate-bold";padding: 10px 0;display: block;border-bottom: 1px solid #ccc;color: #ccc;}
.phone-tab li.active a,
.phone-tab li:hover a {border-color:#056dae;color: #056dae;}
.phone-tab-detail {display: none;}
.phone-tab-detail.active {display: block;}
.main-phone .btn-replay {display: block;margin-top: 80px;text-align: center;}
.main-phone .btn-replay img, .description-phone .btn-replay img {width: 80px;display: inline-block;}
.main-phone .btn-replay:before {position: absolute;left: 31px;right: 0;bottom: 60px;top: 68px;content: '';}
.fake-phone {opacity: 0;visibility: hidden;}
.section-feature-1 .fake-phone {display: none;}
.section-features.active .fake-phone {display: block;}
.section .videos {display: none;width: 238px;height: 422px;margin: 68px 0 60px 31px;}
.section .videos.active { display: block;}
.section video {width: 100%;}
.textnotes {font-size: 1.4rem;padding: 15px 0;text-align: center;}
.imagetab {display:none;width:237px;height:420px;background-size:contain;}
.imagetab.active {display:block;}
.sticky-phone .phone-content1 .imagetab1,
.section-feature-1 .fake-phone .imagetab1{background-image:url('../citimobile-card-images/static/Personalised_view.jpg');}

.sticky-phone .phone-content2 .imagetab1,
.section-feature-2 .fake-phone .imagetab1{background-image:url('../citimobile-card-images/static/Activate_Card.jpg');}

.sticky-phone .phone-content3 .imagetab1,
.section-feature-3 .fake-phone .imagetab1{background-image:url('../citimobile-card-images/static/Monthly_bills.jpg');}

.sticky-phone .phone-content4 .imagetab1,
.section-feature-4 .fake-phone .imagetab1{background-image:url('../citimobile-card-images/static/Change_ATM_PIN.jpg');}

.sticky-phone .phone-content5 .imagetab1,
.section-feature-5 .fake-phone .imagetab1{background-image:url('../citimobile-card-images/static/Change_ATM_PIN.jpg');}

@media screen and (max-width: 800px) {
	.banner-description h1 {
		font-size: 2rem;
	}
	.banner-description h1 span {
		font-size: 7rem;
	}
}

@media screen and (max-width: 767px) {

  body {font-size: 1.5rem;}
  .download-wording{font-size: 0.8em;}
   .download-wording img{height: 30px;}
/*  .footer {padding-top: 20px 0;}
  .footer .foot2 {padding: 20px 0 0;}
  .footer .foot3 {border-top: none;}
  .foot-item {position: relative;padding: 8px 15px;}
  .foot-item:before {content: '';border-bottom: 1px solid rgba(255, 255, 255, 0.6);position: absolute;left: 15px;right: 15px;bottom: 0;}
  .foot-item p {cursor: pointer;margin-bottom: 0;}
  .foot-item ul {display: none;}
  .foot-item li {margin: 10px 0 0 0;}
  .foot-item .fa {display: inline-block; margin-right: 10px;-webkit-transition: all .3s ease;transition: all .3s ease;font-size: 2.4rem;position: relative;top: 2px;}
  .foot-item .active .fa {-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);}
  .footer .foot3 ul {display: block;width: 100%;padding-top: 15px}
  .footer .foot3 p {display: block;width: 100%;padding-top: 15px;text-align: left;}
  .footer .foot3 li {display: inline-block;padding: 5px 30px 5px 0;}*/

  .section-banner {color: #056dae;}
  .banner-image:before {/*background: none 0 0 rgba(0, 0, 0, 0.2);*/}
  .banner-description { padding: 25px 0; text-align: center;}
  .banner-description h1 {font-size: 2rem;text-align: center; color: #056dae}
  .banner-description h1 span {font-size: 5rem}
  .banner-description .btn-video {padding: 15px 15px 15px 60px;line-height: 1;font-size: 1.6rem;margin-top: 25px; margin-bottom: 25px;color: #056dae;border-color: #056dae;}
  .banner-description .btn-video:before {top: 12px;left: 15px;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left:15px solid #056dae;}
  .banner-description .btn-video:after {left: 45px;border-color: #056dae;}
  .section-banner .page-down {margin-bottom: 25px;position: static;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
  .section-overview {padding: 30px 0 15px;}
  .section-overview .thumb {padding: 0 15px 15px;max-width: 360px;}
  .section-overview .description h2 {margin-bottom: 10px;font-size: 1.5rem;line-height: 1.2;}
  .section-overview .description p {margin-bottom: 10px;font-size: 1.2rem;}
  
   .section .block {padding: 0;}
  .section-faq {padding: 40px 0;}
  .faq-body {padding: 40px 0 30px;}
  .faq-body h2 {font-size: 2rem;}
  .faq-body.active {padding-bottom: 25px;}
  .faq-body.active h2 {margin-bottom: 0px;}
  .faq-body h2 .fa {font-size: 2rem;}
  .faq-box {padding: 0 15px;}
  .faq-box .heading {padding: 25px 0 15px;font-size: 2.1rem;}
  .faq-item .faq-content {display: none;padding-top: 10px; font-size: 1rem;}
  .faq-item .faq-name {font-size: 1.3rem;}
  .footer-copy {    font-size: 1rem;}

.bialy-font{color: #000}
  .sticky-phone {display: none !important;}
  .fake-phone {opacity: 1;visibility: visible;position: relative;}
  .section-feature-1 .fake-phone {display: block;}
  .section-feature-1 {background-position:90% 90%;background-size: auto auto; padding:0;border-bottom: 1px solid #ccc}
  .section-feature-5 {background-position:90% 90%;background-size: auto auto; padding:0;border-bottom: 1px solid #ccc}
  .section-feature-2 {padding: 0;background-position:90% 90%;background-size: auto auto;border-bottom: 1px solid #ccc}
  .section .section-feature-3 {padding: 0;background: url('../citimobile-card-images/section-bg3-m.png') no-repeat top right transparent;background-size: 100% 100%;border-bottom: 1px solid #ccc}
  .section-features .title {background-color: #fff;padding: 25px 15px 20px;}
  .section-features .h2 {font-size: 1.8rem;padding-bottom: 10px;}
  .section-features .h3 {font-size: 1.6rem;line-height: 1.2}
  .main-phone {display: block;width: 100%;padding: 40px 0 60px 0px;}
  .phone-tab {padding-bottom: 20px;margin: 0 -5px;}
  .phone-tab li {display: inline-block;padding: 0 5px;margin: 0 19px 0 0;}
  .break {display: block;}
  .phone-tab li a {padding: 5px 0 8px;font-size: 1.2rem;border-width: 2px;}
  .description-phone {background-color: #fff;margin: 0 -15px;display: block;width: auto;padding: 15px;}
  .fake-phone .btn-replay {display: none;}
  .fake-phone.replay .btn-replay {display: block;}
  .main-phone .fake-phone {width: 300px;margin: 0 auto;background: url('../citimobile-card-images/phone-fake.png') no-repeat 0 0 transparent;background-size: contain;}

  .section-feature-4 {background: none 0 0 transparent;overflow: hidden;}
  .section-feature-4 .section-feature-main-bg {overflow: hidden;background: url('../citimobile-card-images/section-bg4-m.png') no-repeat top right transparent;background-size: 100% 100%;margin: -40px -15px -60px;padding:40px 0 60px;position: relative;}
  .section-features .section-feature-main-bg .fake-content {position: absolute;top:69px;left: 31px;width: 237px;}
  .section-feature-4 .section-feature-main-bg:before,
  .section-feature-4 .section-feature-main-bg:after {display: none;}

  .section-feature-main-bg .mobile-fake {display: none;}
  .textnotes {padding: 15px;border-top: 1px solid #ccc;}


    /*--------------20180117----------- footer-----*/
    .copyRight {
      float: right;
      text-align: right;
      color: #999;
      padding: 4px 0 0;
    }
    #footer-bot {
      width: 100%;
    }
    .footerMenu {
      height: 27px;
      border-bottom: 2px solid #CCCCCC;
      overflow: hidden;
      padding: 0 10px;
    }
    .footerMenu a {
      color: #666;
    }
    .footerLeftLink {
      float: left;
      padding: 4px 7px 0 0;
    }
    .footerLinksList {
      float: none;
      padding: 0 23px 0 0;
      position: relative;
    }
    .footerLinksList a {
      color: #666666;
      padding-bottom: 4px;
      display: inline-block !important;
    }
    .appFooterScrolPlus {
      background: url("../citimobile-card-images/pplus.png") no-repeat scroll right 0 transparent;
      display: block;
      position: absolute;
      right: 0;
      top: -2px;
      padding-right: 20px;
    }
    .appFooterScrolMinus {
      background: url("../citimobile-card-images/minus.png") no-repeat scroll right 0 transparent;
      display: block;
      position: absolute;
      right: 0;
      top: -2px;
      padding-right: 20px;
    }
    .footerList {
      float: right;
      padding-top: 10px;
    }
    .footerLinksList ul li {
      float: left;
      padding: 0 15px 0 0;
    }
    .footerList li {
      float: left;
      padding-left: 24px;
      list-style: none;
    }
    .footerDisclaimer {
      overflow: hidden;
      padding: 16px 0 35px;
    }
    .footerLogo {
      background: url("../citimobile-card-images/citi_logo.png") no-repeat;
      width: 25px;
      height: 16px;
      float: left;
      background-size: 100% 100%;
    }
    .copyRight {
      float: none;
      text-align: left;
      padding-left: 90px;
    }
    /*------20170117 footer end----*/


}
@media screen and (max-width: 365px) {
  .section-overview .description h2 {font-size: 3rem;}
  .phone-tab li {margin-right: 5px;}
	.footer-fixed .container {padding: 10px;}
	.download-wording img {height: 27px;}
	.qrcode {padding: 0 0 0 8px;}
	.qrcode img {width: 55px;}
}
@media screen and (max-width: 359px) {
  .section-features .block .container {padding:0;}
  .section-features .block .description-phone {margin: 0;padding-left: 15px;}

}

@media screen and (max-width: 550px){
  .download-wording > span {
      display: block;
  }
}
@media screen and (min-width: 768px) {

  .mobile-fake {display: none;}
  /*.foot-item ul {display: block !important;}*/
  .banner-description { text-align: left; position: absolute;top: 50%;left: 0;width: 100%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
  .section-overview {padding: 80px 0;}
  .section-overview .thumb {display: table-cell;width: 330px;vertical-align: top;padding-right: 10px;}
  .section-overview .thumb img {max-width: 320px;}
  .section-overview .description {display: table-cell;vertical-align: middle;padding-left: 15px;}
  .section-overview .description h2 {margin-bottom: 20px;font-size: 2rem;line-height: 1.2;}
  .section-overview .description p {margin-bottom: 10px;font-size: 1.2rem;}

  .description-phone {opacity: 0;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
  .block .description-phone {padding-left: 20px; padding-right: 20px;}
  .block.active .description-phone {opacity: 1;}
  .sticky-phone img {display: block;}
  .sticky-phone.sticky {position: fixed;top:70px;left: 0;z-index: 2;}
  .sticky-phone > div {opacity: 0;visibility: hidden;position: absolute;top:69px;left: 31px;width: 237px;}
  .section-feature-1.active .sticky-phone .phone-content1 {opacity: 1;visibility: visible;}
  .section-features.active .sticky-phone > div {-webkit-transition: all .3s ease;-moz-transition: all .3s ease;transition: all .3s ease;}
  .section-features.active .sticky-phone[data-image='1'] .phone-content1 {opacity: 1;visibility: visible;}
  .section-features.active .sticky-phone[data-image='2'] .phone-content2 {opacity: 1;visibility: visible;}
  .section-features.active .sticky-phone[data-image='3'] .phone-content3 {opacity: 1;visibility: visible;}
  .section-features.active .sticky-phone[data-image='4'] .phone-content4 {opacity: 1;visibility: visible;}
  .section-features.active .sticky-phone[data-image='5'] .phone-content5 {opacity: 1;visibility: visible;}
  
  .section-feature-4 .main-phone .fake-phone img {width: 100%;}
  .section-feature-4 .main-phone .fake-phone.shown {opacity: 1;visibility: visible;position: relative;z-index: 2}
  .section-feature-4 .main-phone:before {background-size: contain;display: block;position: absolute;bottom: 0;width: 490px;height: 455px;left: -50%;}

  .faq-box {margin-top: 10px;}
  .faq-box:first-of-type {margin-top: 0;}
  .fake-content {position: absolute;top: 69px;left: 31px;width: 237px;}

  .section-features .block {height: 700px;}
  .section-features .section-feature-4 {height: auto;}
  .block.active .description-phone {padding-top: 140px;position: relative;}


}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .bottomMenu ul {padding: 0 15px;}
  .bottomMenu li {padding: 0 5px;}
  .bottomMenu .applogo {padding: 0 20px 0 15px;}
  .section-banner .page-down {
	position: absolute;
	bottom: 15px;
	left: 50%;
}
  .section-overview {padding: 80px 0 50px;}
/*
  .footer .foot3 ul {width: 50%;}
  .footer .foot3 p {width: 50%;}
*/
  .section-faq {padding: 40px 0;}

  .section-feature-4 {padding: 60px 0 0 0;}
  .section-feature-4 .main-phone .fake-phone {padding-bottom: 70px;}
  .section-feature-4 .description-phone {vertical-align: top; padding-top: 100px;padding-left: 45px;}
}
@media screen and (max-width: 991px) {
  .bottomMenu .container p,
  .bottomMenu .container div,
  .bottomMenu .container ul {margin-top: 0px;margin-bottom: 0px;}
  .bottomMenu .container p {font-size: 3rem; display: block;padding-top: 20px;}
  .bottomMenu .container ul {display: block;padding: 10px 0 20px 0;}
  .bottomMenu li {padding: 10px 5px 0;}
  .bottomMenu .container .applogo {display: block;padding: 20px; border-right:none;border-bottom: 1px solid #8a8a8a;margin: 0 auto; width: 110px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
 /* .footer .foot3 {font-size: 1.1rem;}*/
  .section-overview {padding: 50px 0;}
  .section-overview .description {padding-bottom: 0px;}
  .section-overview .description h2 {margin-bottom: 15px;font-size: 2rem;line-height: 1.2;}
  .section-overview .description p {margin-bottom: 10px;font-size: 1.6rem;}
  .banner-description .btn-video {margin-top: 15px;}

  .header-lang { right: 12px; font-size: 0.7em;}

  .phone-tab li {margin-right: 0px;margin-left: 5px;font-size: 1rem;}
  .phone-tab li:first-child {margin-left: 0px;}
  .section-feature-1 {padding: 40px 0;}
  .description-phone {font-size: 1.3rem}
  .description-phone h2 {font-size: 2.2rem;margin-bottom: 20px;}
  .description-phone h3 {font-size: 2.0rem;margin-bottom: 10px;}

  .section-feature-4 .description-phone {padding-top: 70px; padding-left: 45px;}
  .section-feature-4 .main-phone .fake-phone {padding-bottom: 55px;}

  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-991.png');background-size: 100% 100%;}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-991.png');background-size: 100% 100%;}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-991.png');background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-991.png');background-size: 100% 100%;}
}

@media screen and (min-width: 992px) {
  .section-overview .description h2 sup {top: -2.1rem;}
  .block .description-phone {padding-right: 65px;}
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-1024.png');background-size: 100% 100%;}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-1024.png');background-size: 100% 100%;}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-1024.png');background-size: 100% 100%;background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-1024.png');background-size: 100% 100%;}
  .section .section-feature-5 {background-image: url('../citimobile-card-images/bg/section-bg4-1024.png');background-size: 100% 100%;}
}
@media screen and (min-width: 1025px) and (max-width: 1250px) {
  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-1200.png');background-size: 100% 100%;}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-1200.png');background-size: 100% 100%;}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-1200.png');background-size: 100% 100%;background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-1200.png');background-size: 100% 100%;}
  .section .section-feature-5 {background-image: url('../citimobile-card-images/bg/section-bg4-1200.png');background-size: 100% 100%;}
}
@media screen and (min-width: 1251px) {
  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-1400.png');background-size: 100% 100%;}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-1400.png');background-size: 100% 100%;}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-1400.png');background-size: 100% 100%;background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-1400.png');background-size: 100% 100%;}
  .section .section-feature-5 {background-image: url('../citimobile-card-images/bg/section-bg4-1400.png');background-size: 100% 100%;}
 /* .footer .foot3 ul {
    width: 40%;
  }
  .footer .foot3 p {
    width: 60%;
  }*/
}
@media screen and (min-width: 1200px) {
  .container {width: 1170px;}
  .block .description-phone {padding-right: 260px;}
  .section-feature-4 {padding: 100px 0 0 0;}
  .section-feature-4 .description-phone {vertical-align: top; padding-top: 100px; padding-left: 45px;}
  .section-feature-4 .main-phone {padding-bottom: 90px;}
}
@media screen and (min-width: 1400px) {
  .section-banner .page-down {bottom: 60px;}

  .section-overview .description h2 {margin-bottom:30px;}
  .section-overview .description p {margin-bottom: 15px;}
  .section-feature-2 {background-position: top right;}
  .section-feature-4 {padding: 100px 0 0 0;}
}
/*@media screen and (min-width: 1500px) {
  .footer .container {width: 1480px}
}*/

@media screen and (min-width: 1680px) {
  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-1680.png');}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-1680.png');}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-1680.png');background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-1680.png');}
  .section .section-feature-5 {background-image: url('../citimobile-card-images/bg/section-bg4-1680.png');}
}

@media screen and (min-width: 1920px) {
  .section .section-feature-1 {background-image: url('../citimobile-card-images/bg/section-bg1-1920.png');}
  .section .section-feature-2 {background-image: url('../citimobile-card-images/bg/section-bg2-1920.png');}
  .section .section-feature-3 {background-image: url('../citimobile-card-images/bg/section-bg3-1920.png');background-position: right;}
  .section .section-feature-4 {background-image: url('../citimobile-card-images/bg/section-bg4-1920.png');}
  .section .section-feature-5 {background-image: url('../citimobile-card-images/bg/section-bg4-1920.png');}
}

/* ==========================================================================
   New Offer   2018 08 30
   ========================================================================== */

.section-overview#newoffer {
    background: url(../citimobile-images/section-01/newoffer_background.jpg) no-repeat top left;
    background-size: cover;
    padding: 0 0 15px;
}

.section-overview#newoffer .container {
    width: 1500px;
    padding: 65px 0;
}

.offercontent {
    padding: 40px;
    width: 59%;
    display: inline-block;
}

.offercontent h2.section-head {
    width: 100%;
    font-weight: 100;
    display: inline-block;
    font-size: 2.6em;
    color: rgb(51, 51, 51);
    position: relative;
    width: 90%;
    margin: 0px auto;
    padding: 0px 0px 20px;
}

.offercontent h2.section-head:after {
    display: none;
}

.offercontent p {
    padding-bottom: 20px;
}

/*************/

.offer-prize {
    width: 40%;
    padding-bottom: 40%;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.offer-prize >iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.offer-prize-iconBox {
    padding: 30px 0;
    font-size: 20px;
    width: 100%;
    text-align: left;
}

.prize-head {
    font-size: 1.5em;
    margin: 0 0 0.83em;
}
.prize-item {
    font-size: 1.1em;
    color: #00589d;
    padding-bottom: 15px;
}

.newOfferTnc {
    padding-bottom: 2em;
}

@media screen and (max-width: 1500px) {
    .section-overview#newoffer .container {
        width: 90%;
        padding: 65px 10px;
    }
    .offer-prize-iconBox {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    .offercontent {
        padding: 0;
        width: 100%;
    }
    .offer-prize-iconBox {
        width: 100%;
    }
    .offer-prize {
        width: 80%;
        padding-bottom: 80%;
        display: block;
        margin: 0 auto;
    }
    .offerperiod-wrapper {
        display: block;
    }  
}

@media screen and (max-width : 767px) {
    .offer-prize {
        width: 100%;
        padding-bottom: 100%;
    }

}



/* 20180903 */
.bottomMenu .controler .cloudIcon {
    vertical-align: top;
    font-size: 3.6rem;
}
.cloudIcon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bottomMenu .controler .cloudIcon:before {
    content: "\f0ed";
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.visible-desktop {
		display: none !important;
	}
}

@media only screen and (min-device-width: 1025px) {
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: none !important;
	}
	.hidden-desktop,
	.hidden_desktop {
		display: none !important;
	}
	.visible-phone-port {
		display: none !important;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.visible-desktop {
		display: none !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.visible-desktop {
		display: none !important;
	}
}

@media only screen and (min-device-width: 320px) and (max-device-width: 700px) and (orientation: landscape) {
	.visible-phone {
		display: none !important;
	}
	.visible-tablet {
		display: block !important;
	}
	.visible-desktop {
		display: none !important;
	}
}

.header-lang .active {
  font-weight: bold;
}
.header-lang a {
  color: #fff;
  text-decoration: none;
  padding: 0 5px;
}
		.Preloader {
		background: #fff;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
	}
	.Preloader .Inside {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
	}



svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1em}.svg-inline--fa.fa-stack-2x{height:2em;width:2em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}