/* accordion */
.cbolui-ddl .accordion.menu.accordion-notopmargin{
	margin-top: 0px;
}

/* accordion_whitetable */
.table-accordion-white{
	background-color: #fff;
	float: left;
}
.table-accordion-row{
	width: 100%;
	float: left;	
	border-left: 1px solid #ccc;
	display: flex;
}
.table-accordion-row:first-child{
	border-top: 1px solid #ccc;
}
.table-accordion-block{
	width: 100%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: flex;
	padding: 15px 20px;
}
.table-accordion-content p{
	margin: 0px;
	padding: 0px;
}

.table-accordion-content p.title{
	font-weight: 700;
}

.table-accordion-title{
	padding: 12px 20px 5px;
}

.table-accordion-stepimg img{
	width: 100%;
}

.table-accordion-step{
	padding: 30px;
}

.table-accordion-bottompadding{
	margin-bottom: 30px;
}

/* blue_tabs_four */

ul.bluetabs{
	list-style: none;
	margin: 0px 0px 30px;
	padding: 0px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
}

ul.bluetabs li{
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.bluetabs-4 li{
	width: 25%;
}

ul.bluetabs-5 li{
	width: 20%;
}

ul.bluetabs-2 li{
	width: 50%;
}

ul.bluetabs-3 li{
	width: 33.33%;
}

ul.bluetabs li a {
    background-color: #eee;
    margin: 0;
    padding: 10px 5px;
    white-space: normal;
    line-height: 1.5;
    font-family: Interstate_Light,sans-serif;
    min-height: 24px;
    font-weight: bold;
	width: 100%;
	float:left;
	display: block;
	text-align: center;
}

ul.bluetabs li:not(:last-child) a{
    border-right: 1px solid #999;
}

ul.bluetabs li:last-child a{
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}

ul.bluetabs li:first-child a{
     border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}

ul.bluetabs li.active a {
    color: #fff;
    background-color: #056DAE;
}

.cbolui-ddl .theme-light .bluetabs-content{
	background-color:#fff;
	padding: 0px;
	margin: 0px;
}

ul.list-check-mark-nopadding{
	padding-left: 20px;
}

ul.list-check-mark-nopadding{
	padding-left: 20px;
}
/*.cbolui-ddl .accordionSubMenu ul.list-check-mark-nopadding li{
	list-style-type: none;
}*/


@media (max-width: 767px){

	ul.bluetabs{
		list-style: none;
		margin: 0px 0px 30px;
		padding: 0px;
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
		width: 100%;
	}

	ul.bluetabs li{
		list-style: none;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		float: left;
	}
	ul.bluetabs-2 li, ul.bluetabs-3 li, ul.bluetabs-4 li, ul.bluetabs-5 li{
	width: 100%;
	}

	ul.bluetabs li:not(:last-child) a{
	border-bottom: 1px solid #999;
    border-right: 0px solid #999;
	}
	ul.bluetabs li:last-child a{
    border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
    border-top-right-radius: 0px;
	}

	ul.bluetabs li:first-child a{
		border-bottom-left-radius: 0px;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
}

.citi-blue ul.bluetabs li.active a,
.citi-business ul.bluetabs li.active a { background-color: #002A54; }
.citi-gold ul.bluetabs li.active a { background-color: #8c7440; }
.citi-gold-priority ul.bluetabs li.active a { background-color: #2e251f; }
.citi-priority ul.bluetabs li.active a { background-color: #040c15; }

/* bp_payback_calc */

.payback-calc{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	padding:  0 10px 30px 10px;
}
.cbolui-ddl .payback-calc-nopadding{
	padding-left: 0px;
	padding-right: 0px;
}
.payback-calc-blue-card {
    background-color: rgba(5,109,174,.95);
}

.row-payback{
	margin: 20px auto;
	text-align: center;
}

.payback-calc-content{
	margin: 30px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
.payback-calc-content:last-child{
	margin: 30px;
	padding-bottom: 0px;
	border-bottom: 0px solid #ccc;
}

.payback-calc-column{
	padding-top: 20px;
}
.payback-calc-column-right{
	border-left: 1px solid #ccc;
}

.payback-calc-column .radio label{
	font-size: 15px;
}

.payback-calc-column p{
	font-weight: 700;
	font-size: 17px;
}
.payback-calc-column img{
	width: 250px;
}

.payback-calc-content h4{
	letter-spacing: 0in;
	text-transform: none;
	margin-bottom: 25px;
	font-weight: 700;
}

.slider-calc-col{
	padding-top: 15px;
	margin-bottom: 15px;
}
p.slider-calc-sum{
	text-align: center;
	font-size: 19px;
	font-weight: 400;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #eee;
}

h4.slider-calcsum{
	text-align: center;
	font-size: 20px;
}

.payback-calc-sidebar{
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: no-wrap;
	justify-content: center;
	height: 100%;
}
.payback-calc-sidebar-content{
	width: 100%;
}
.payback-points{
	color: #fff;
	padding: 20px 10px;
}

.payback-points-icon{
	font-size: 40px;
}
.payback-points-info{
	font-size: 28px;
}
.payback-points-info span{
	font-size: 38px;
	display: block;
	width: 100%;
}

.payback-points-sum{
	font-size: 46px;
	font-weight: 700;
}



.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid rgba(255,255,255,1);
}

.payback-calc-border{
	border: 1px solid #ccc;
	border-right: 0px;
}

@media (max-width: 767px){
	.payback-calc-content h4{
		font-family: "Interstate_Bold", sans-serif;
		font-size: 16px;
		margin-bottom: 25px;
	}
	.payback-calc{
		display: block;
		flex-wrap: nowrap;
		flex-direction: column;
		width: 100%;
	}
	
	.payback-calc-sidebar{
		display: flex;
		flex-direction: column;
		align-items: center;
		flex-wrap: no-wrap;
		justify-content: center;
		height: 100%;
	}
	
	.arrow-right {
	  width: 0; 
	  height: 0; 
	  margin-top: -1px;
	  border-left: 20px solid transparent;
	  border-right: 20px solid transparent;
	  border-top: 20px solid #fff;
	}

	.payback-calc-border{
		border: 2px solid #ccc;
		border-bottom: 0px;
	}
	.payback-calc-column-right{
		border-left: 0px solid #ccc;
		border-top: 1px solid #ccc;
	}
	.payback-calc-content h4.totaly{
		text-align: center;
	}
	
	.payback-points-icon{
		font-size: 52px;
	}
	.payback-points-info{
		font-size: 28px;
	}
	.payback-points-info span{
		font-size: 36px;
		display: block;
		width: 100%;
	}

	.payback-points-sum{
		font-size: 52px;
		font-weight: 700;
		margin-bottom: 30px;
	}
}
/* breadcrumbs */

.container-breadcrumbs{
	border-top: 1px solid #eee;
}
ul.breadcrumbs{
	margin: 10px 0px 10px;
	padding: 0px;
	list-style: none;
	float: left;
	display: block;
}
ul.breadcrumbs li{
	margin: 0px;
	padding: 0px;
	float: left;
}

ul.breadcrumbs li a span{
	font-size: 12px;
	margin: auto 6px;
}

/* card_apply_button */

.card-apply-button a.btn{
	margin-top: 0px;
	margin-right: 0px;
}

.cbolui-ddl .btn-realcenter{
	margin-right: 0px;
}

.cbolui-ddl .btn-alone{
	margin: 0px;
}

@media (max-width: 767px){
	.cbolui-ddl .btn-topalone{
		margin-right: 0px;
		margin-bottom: 40px;
	}
}

/* card_for_fees */

.class-fees-card{
	margin-bottom: 40px;
	float: left;
	display: block;
	float: left;
	width: 100%;
}
.class-fees-cardimage{
	text-align: center;
	z-index: 2;
}
.class-fees-cardimage img{
	margin: 0px auto;
	width: 70%;
	height: auto;
}
.class-fees-cardcontent{
	z-index: 1;
	background-color: #eee;
	padding: 130px 30px 15px;
	margin-top: -110px;
	text-align: center;
	display: block;
	float: left;
	width: 100%;
}

.class-fees-cardheader{
	padding-bottom: 20px; 
}
.class-fees-cardheader h2{
	color: #333;
	font-size: 1.6em;
	margin: 0px;
}
/* charts */

/* charts */
.col-piechart{
display: flex; 
align-items: center;
flex-direction: column;
margin-top: 30px;
}
.col-piechart > h4{
margin-top: 20px;
}
.col-piechart > p{
width: 100%;
text-align: center;
}
.labelColorForPieChart {
    width: 20px;
    height: 20px;
	border-radius: 25px;
    display: inline-block;
}

.labelTextForPieChart {
    margin: 0 auto;
    padding: 5px;
    font-size: 16px;
    display: inline-block;
}
/* chat-msg */

.chat-msg{
	background-color: #eee;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items:center;
	margin-top: 40px;
}
.chat-msg-icon{
	margin-right: 15px;
	font-size: 28px;
}

.chat-msg-cbol-icon{
	margin-right: 15px;
}

/* columns_discounts */


.columns_discounts ul{
 padding-left: 20px;
}

.columns_discounts ul li{
 font-size: 14px;
}

.columns_discounts_what{
	padding: 20px 30px 5px;
	background-color: #eee;
	margin: 10px 0px;
	text-align: center;
	display: block;
}

.columns_discounts_what img{
	margin: 5px auto;
	width: auto;
	height: auto;
	max-height: 50px;
	margin-bottom: 10px;
}

/* columns_logon_phone */

.columns-logon-phone-h{
	text-align: center;
	padding-bottom: 40px;
}

.columns-logon-phone-column{
	text-align: center;
	padding-top: 0px;
}

.columns-logon-phone-column p{
	padding-left: 30px;
	font-size: 0.9em;
	padding-right: 30px;
}

.columns-logon-phone-column h4{
	margin-top: 10px;
	color: #056DAE;
}

.columns-logon-phone-column-right{
	border-left: 1px solid #ccc;
}

.columns-logon-phone-column-left{
	border-right: 1px solid #ccc;
} 

@media (max-width: 767px){
	.columns-logon-phone-column{
		margin-bottom: 0px;
		padding-bottom: 20px;
	}
	.columns-logon-phone-column-right{
		padding-top: 40px;
		border-left: 0px solid #ccc;
		border-top: 1px solid #ccc;
	}
	.columns-logon-phone-column-right{
		margin-bottom: 40px;
		border-right: 0px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
}

/* columns_logos */
.container_columns_logos{
	margin-bottom: 30px;
}
.columns_logos{
	background-color: #eee;
	margin: 10px 0px;
	text-align: center;
	display: flex;
	align-items: center;
}

.columns_logos img{
	margin: 0px auto;
	width: 100%;
	height: auto;
}


.container-cards-none{
	display: none;
}
.container-cards-clear{
	clear: both;
}
.class-compare-card{
	width:100%;
	margin-bottom: 40px;
	float: left;
}
.class-compare-cardimage{
	text-align: center;
	z-index: 2;
}
.class-compare-cardimage img{
	margin: 0px auto;
	width: 60%;
	height: auto;
}
.class-compare-cardcontent{
	z-index: 1;
	background-color: #eee;
	padding: 130px 30px 15px;
	margin-top: -110px;
	text-align: center;
	display: block;
	float: left;
	width: 100%;
}

.class-compare-cardheader h2{
	color: #056DAE;
	font-size: 2.2em;
	font-family: "Interstate_Bold", sans-serif;
	margin: 0px;
}

.class-compare-cardcolumns{
	padding: 20px 0px 26px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;	
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
}
.class-compare-cardcolumn strong{
	font-size: 1.3em;
	display: block;
}

.class-compare-cardcolumn{
	display: block;
	float: left;
}

.class-compare-cardcolumn-1, .class-compare-cardcolumn-3{
 	width: 35%;
}
.class-compare-cardcolumn-2{
	width: 30%;
}
.class-compare-cardlinks{
	width: 100%;
	float: left;
	padding-top: 20px;
}
.class-compare-cardlinks p{
	width: 100%;
	padding-bottom: 15px;
}

.class-compare-cardlinks p a{
	text-decoration: none;
}

.class-compare-cardlinks .checkbox{
	color: #056DAE;
}
p.select-up-3-cards{
	margin-bottom: 30px;
	float: left;
	display: block;
	text-align: center;
	width: 100%;
}

/* Compare cards list */


.class-compare-row{
	float: left;
	width: 100%;
}

.class-compare-row-border{
	border-bottom: 1px solid #ccc;
}
.class-compare-row-label, .class-compare-row-column{
	float: left;
}

.class-compare-row-1 .class-compare-row-label{
	width: 49%;
	font-size: 28px;
}
.class-compare-row-2 .class-compare-row-label{
	width: 32%;
	font-size: 28px;
}
.class-compare-row-3 .class-compare-row-label{
	width: 25%;
	font-size: 28px;
}

.class-compare-row-4 .class-compare-row-label{
	width: 20%;
	font-size: 28px;
}

.class-compare-row-2 .class-compare-row-labelsmall, .class-compare-row-2 .class-compare-row-labelsmall, .class-compare-row-3 .class-compare-row-labelsmall, .class-compare-row-4 .class-compare-row-labelsmall{
	padding-top: 15px;
	font-size: 15px;;
}

.class-compare-row-1 .class-compare-row-labelsmall ul, .class-compare-row-2 .class-compare-row-labelsmall ul, .class-compare-row-3 .class-compare-row-labelsmall ul, .class-compare-row-4 .class-compare-row-labelsmall ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

.class-compare-row-labelfirst{
	padding-top: 50px;
}

.class-compare-row-1 .class-compare-row-column{
	width: 49%;
	margin-left: 2%
}

.class-compare-row-2 .class-compare-row-column{
	width: 32%;
	margin-left: 2%
}

.class-compare-row-3 .class-compare-row-column{
	width: 23%;
	margin-left: 2%
}

.class-compare-row-4 .class-compare-row-column{
	width: 18%;
	margin-left: 2%
}

.class-compare-row-border, .class-compare-row-noborder{
	display: flex;
	align-items: stretch;
	flex-direction: row;
}


.class-compare-row-cardimage{
	text-align: center;
	z-index: 2;
}
.class-compare-row-cardimage img{
	margin: 0px auto;
	width: 80%;
	height: auto;
}
.class-compare-row-cardcontent{
	z-index: 1;
	background-color: #eee;
	padding: 130px 30px 15px;
	margin-top: -110px;
	text-align: center;
	display: block;
	float: left;
	width: 100%;
}

.class-compare-row-emptycontent{
	z-index: 1;
	background-color: #eee;
	width: 100%;
	height: 100%;
}

.class-compare-row-rowcontent{
	z-index: 1;
	background-color: #eee;
	width: 100%;
	height: 100%;
	padding: 15px 20px 0px;
}

.class-compare-row-rowcontent p{
	font-size: 15px;
	line-height: 1.35em;
	padding-bottom: 2px;
}

.class-compare-row-rowcontent p a{
	text-decoration: none;
	font-size: 15px;
	font-weight: 700;
}

.class-compare-row-rowcontent p a i{
	font-size: 10px;
	font-weight: 100;
}


.class-compare-row-rowcontent p.ph{
	font-size: 17px;
	line-height: 1.35em;
	font-weight: 700;
}
.class-compare-row-last{
	padding-bottom: 20px;
}
.class-compare-row-cardheader{
	min-height: 240px;
}
.class-compare-row-cardheader h2{
	color: #056DAE;
	font-size: 1.7em;
	margin: 0px;
}

.class-compare-row-cardheader p a{
	color: #056DAE;
	text-decoration: none;
}

.class-compare-row-cardheader a i {
	font-size: 0.7em;
}

.class-compare-row-cardheader a.btn{
	min-width: 100%;
}

.compare-column-1, .compare-column-2, .compare-column-3, .compare-column-4{
	display: none;
}

.compare-column-display{
	display: block;
}

.cbolui-ddl .compare-alert{
	display: none;
	position: fixed;
	top: 60px;
	left: 50%;
	z-index: 40;
	width: 700px;
	margin-left: -350px;
	-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.4);
	font-size: 22px;
}



@media (max-width: 768px){
	.container-cards-compare{
		overflow-x: scroll;
	}
	.container-cards-compare > .row{
		width: 900px;
	}
	.class-compare-cardcolumns{
		font-size: 12px;
	}
}

/* container_showcase_two */

.cbolui-ddl .list-check-mark-nopadding{
	padding: 0px 18px;
}

.cbolui-ddl .tile .list-check-mark-nopadding{
	margin-bottom: 30px;
}

@media (max-width: 768px){
	.cbolui-ddl .tile .list-check-mark-nopadding{
	margin-bottom: 10px;
	}
}

.container-showcase-two-withborder{
	padding-top: 0px;
	margin-bottom: 20px;
}
.container-showcase-two-topborder{
	margin-top: 20px;
	padding-top: 40px;
	border-top: 1px solid #ccc;
}

/* discount_grey_list */
.discount_grey_list{
	padding: 30px;
	background-color: #eee;
}

.discount_grey_list ul{
	padding: 0px 0 0 10px;
	margin: 0px;
}

.discount_grey_list h3{
	font-size: 32px;
	line-height: 1.5em;
	margin-bottom: 16px;
}

/* documents_listening */


.documents-listening{
	padding-bottom: 25px;
	display:block;
	width: 100%;
	float: left;
}

.documents-listening-header{
	padding-bottom: 0px;
}

.cbolui-ddl h1.documents-header{
	margin-bottom: 35px;
	font-size: 41px;
	line-height: 1.35em;
	border-bottom: 1px solid #ddd;
}
.documents-listening-row{
	margin-top: 5px;
	margin-bottom: 10px;
}

.documents-listening-ext {
    text-align: center;
	margin-top: 4px;
    min-width: 30px;
    height: 20px;
    font-size: 10px;
    border: 1px solid #767676;
    color: #767676;
    border-radius: 4px;
	float: left; 
	margin-right: 20px;
	text-transform: uppercase;
	flex-direction: row;
	display: flex;
	justify-content: center;
	align-items: center;
}

.documents-listening-content{
	padding-top: 2px;
	margin-left: 50px;
	display:block;
}

.documents-listening-content-files{
	padding-top: 2px;
	margin-left: 50px;
	display:block;
}
.documents-listening-link a{
	font-size: 14px;
	font-weight: 700;
}


.cbolui-ddl .accordion.documents-accordion{
	margin-top: 0px;
	padding-right: 30px;
}
.cbolui-ddl .accordion[role=navigation] ul.mainnav {
    margin: 0px 0;
}
.cbolui-ddl .document-tab-content{
	padding: 0px;
}

.cbolui-ddl .theme-light .document-tab-content{
	background: #fff;
}

/* documents_docs_lists */
.files-list-component{
	margin-top: 20px;
}
.files-list-block{
	margin-bottom: 30px;
}
.files-list-content{
	display:block;
}
.files-list-ext {
    text-align: center;
	margin-top: 4px;
    min-width: 50px;
    height: 30px;
    font-size: 16px;
    border: 2px solid #767676;
    color: #767676;
    border-radius: 6px;
	float: left; 
	margin-right: 20px;
	text-transform: uppercase;

}
.files-list-ext i {
	padding-top: 5px;
}

.files-list-link a{
	font-size: 19px;
	font-weight: 700;
}

.files-list-desc{
	font-size: 0.9em;
}

.files-list-desc span.files-list-updated{
	padding-right: 10px;
}


@media (max-width: 768px){
	.files-list-link a{
		font-size: 16px;
		font-weight: 700;
	}

	.files-list-desc{
		font-size: 0.8em;
	}
	.files-list-ext {
		margin-bottom: 10px;
	}
	.files-list-content {
		margin-left: 50px;
	}
	.files-list-desc span.files-list-size {
		display: block;
		padding-left: 0px;
	}

	.files-list-ext {
    min-width: 30px;
    height: 20px;
    font-size: 10px;
    border: 1px solid #767676;
    color: #767676;
    border-radius: 4px;

	}
}


/* documents_docs_lists */


.table-doc-row {
	width: 100%;
	float: left;	
	border-left: 1px solid #ccc;
	display: flex;
	flex-wrap: wrap;
	flex: 0 1 auto;
}
.table-doc-block {
	width: 50%;
	float: left;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	display: flex;
	flex: 0 1 auto;
	padding: 25px;
	margin-top: -1px;
}

.table-doc-block-column{
	flex-direction: column;
}
.table-doc-block-icon{
	margin-right: 20px;
	min-width: 80px;
	font-size: 22px; 
}
.table-doc-block-text{
	font-size: 17px; 
}

.table-doc-title h4{
	font-size: 16px;
	text-decoration: none;
	text-transform: inherit;
}

.table-doc-title-big h4{
	font-size: 22px;
	text-decoration: none;
	text-transform: inherit;
}

@media (max-width: 767px){
	.table-doc-row{
		width: 100%;
		float: left;	
		border-left: 1px solid #ccc;
		display: block;
	}
	.table-doc-row:first-child{
		border-top: 1px solid #ccc;
	}
	.table-doc-block{
		width: 100%;
		float: left;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		display: block;
		padding: 25px;
	}
}

/* form_grey */

.form-grey{
	background-color: #eee;
	padding: 10px 30px 0px;
}

.form-grey fieldset h2{
	background-color: #eee;
	margin: 20px 10px 15px;
}
.cbolui-ddl .theme-light .form-grey .form-group .form-control{ background-color: #fff; color:#555;}

/* grey_msg */

.container-grey-msg{
	background-color: #eee;
	padding: 20px;
}

.container-grey-msg .container-grey-msg-logo{
	width: 50%;
	margin-top: 2px;
	padding: 10px 10px;
	float: left;
	text-align: center;
}

.container-grey-msg .container-grey-msg-logo a img{
	margin: 5px auto;
	width: 100%;
	height: auto;
}

.container-grey-msg-logoright{
	border-left: 1px solid #ccc;
}



/* hero_with_h_d */

.cbolui-ddl .hero-4 .hero-separate{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 40px 0px;
}
.cbolui-ddl .hero-4 .hero-separate h2{
	margin-top: 0px;
	margin-bottom: 0px;
	/*padding-right:15%;
	padding-left: 15%;*/
	font-size: 3em;
	line-height: 1.5em;
}

.cbolui-ddl .hero-4 .hero-separate p{
	color: #fff;
	font-size: 1.4em;
	opacity: 0.7;
	line-height: 1.5em;
}

.cbolui-ddl .hero-4 .hero-separate p.hero-separate-toptitle{
	letter-spacing: 2px;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

.cbolui-ddl .hero-4 .hero-separate p.hero-separate-desc{
	font-size: 1.0em;
}


@media (max-width: 767px){
	.cbolui-ddl .hero-4 .hero-separate{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 30px 0px;
	}
	.cbolui-ddl .hero-4 .hero-separate h2{
		margin-top: 0px;
		margin-bottom: 5px;
		padding-right:0%;
		padding-left: 0%;
		font-size: 2em;
		line-height: 1.35em;
	}
	.cbolui-ddl .hero-4 .hero-separate p.hero-separate-toptitle{
	letter-spacing: 2px;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
}

	.cbolui-ddl .hero-4 .hero-separate p.hero-separate-desc{
		font-size: 0.9em;
	}
}

/* icons */

.cbol-icon-circle{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	color: #666666;
	border: 1px solid #666666;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.cbol-icon-circle-center{
	margin-left: auto;
	margin-right: auto;
}

.cbol-icon-circle-lg{
	width: 72px;	
	height: 72px;
	font-size: 3em;
}

.cbol-icon-circle-md{
	width: 56px;	
	height: 56px;
	font-size: 2em;
}

.cbol-icon-circle-sm{
	width: 32px;	
	height: 32px;
	font-size: 1.1em;
}

.cbol-icon-circle-blue{
	color: #056DAE;
	border: 1px solid #056DAE;
}

.cbol-icon-circle-darkblue{
	color: #002A54;
	border: 1px solid #002A54;
}

.cbol-icon-circle-priority{
	color: #0E2A48;
	border: 1px solid #0E2A48;
}

.cbol-icon-circle-gold{
	color: #78622A;
	border: 1px solid #78622A;
}

/* introduction_grey */

.cbolui-ddl .introduction .introduction-content-greybg{
	background-color: #eee;
	padding-bottom: 40px;
	margin-top: 200px;
	margin-bottom: 0px;
}

@media (max-width: 767px){
	.cbolui-ddl .introduction .introduction-content-greybg {
		margin: 180px 0 0;
		padding: 20px;
	}
}

/* lop */

.lop-calc{
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	width: 100%;
	padding:  0 10px 00px 10px;
}
.lop-calc-boxslider{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-content: center;
}
.cbolui-ddl .lop-calc-nopadding{
	padding-left: 0px;
	padding-right: 0px;
}
.lop-calc-blue-card {
    background-color: rgba(5,109,174,.95);
}

.row-lop{
	margin: 20px auto;
	text-align: center;
}


.lop-calc-content{
	margin: 30px;
}

.lop-calc-column{
	padding-top: 20px;
}
.lop-calc-column-right{
	border-left: 1px solid #ccc;
}

.lop-calc-column .radio label{
	font-size: 15px;
}

.lop-calc-column p{
	font-weight: 700;
	font-size: 17px;
}

.lop-calc-content h4{
	margin-bottom: 25px;
}

.slider-calc-col{
	padding-top: 15px;
	margin-bottom: 15px;
}
p.slider-calc-sum{
	margin-top: 20px;
	text-align: center;
	font-size: 19px;
	font-weight: 400;
	padding: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #eee;
}

h4.slider-calcsum{
	text-align: center;
	font-size: 20px;
}

.lop-calc-sidebar{
	display: flex;
	flex-direction: column;

	flex-wrap: no-wrap;

	height: 100%;
	border: 1px solid #cccccc;
	margin-left: 30px;
}
.lop-calcs-sidebar-row{
	width: 100%;
	border-top: 2px solid #ccc;
	padding: 5px 10px;
}
.lop-calcs-sidebar-row:first-child{
	border-top: 0px solid #ccc;
}

.lop-calcs-sidebar-rowcol{
	width: 50%;
	text-align: center;
	float: left;
}
.lop-calcs-sidebar-rowbold{
	font-weight: bold;
}


.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #cccccc;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffffff;
	border-width: 10px;
	margin-top: -10px;
}
.arrow_box:before {
	border-color: rgba(204, 204, 204, 0);
	border-left-color: #cccccc;
	border-width: 13px;
	margin-top: -13px;
}


@media (max-width: 767px){
	.lop-calc{
		display: block;
		flex-wrap: nowrap;
		flex-direction: column;
		width: 100%;
		padding: 0px;
	}
	.lop-calc-boxslider{
	display: block;
	}
	.lop-calc-sidebar{
		margin-left: 0px;
		margin-top: 30px;
	}
	
	.arrow_box {
	position: relative;
	background: #ffffff;
	border:1px solid #cccccc;
	}
	.arrow_box:after, .arrow_box:before {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.arrow_box:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #ffffff;
		border-width: 10px;
		margin-left: -10px;
		margin-top: 0px;
	}
	.arrow_box:before {
		border-color: rgba(204, 204, 204, 0);
		border-top-color: #cccccc;
		border-width: 13px;
		margin-left: -13px;
		margin-top: 0px;
	}
}
/* prefooter-promo- */

.container-prefooter-promo{
	background-color: #eee;
	padding-top: 40px;
	padding-bottom: 40px;
}
p.prefooter-promo-title{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.0em;
	line-height: 1.2em;
	font-weight: 700;
}
h2.prefooter-promo-header{
	margin-top: 0px;
	margin-bottom: 10px;
	font-size: 2.5em;
	line-height: 1.35em;
}

@media (max-width: 767px){
	p.prefooter-promo-title{
		text-transform: uppercase;
		letter-spacing: 2px;
		font-size: 0.8em;
		line-height: 1.2em;
		font-weight: 700;
	}
	h2.prefooter-promo-header{
		margin-top: 0px;
		margin-bottom: 10px;
		font-size: 1.4em;
		line-height: 1.25em;
	}
}

/* rewards_catalog */

.container-rewards-grey{
	background-color: #eee;
	padding-bottom: 20px;
}


.rewards-catalog-intro{
	margin: 40px auto 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}


.rewards-catalog-content{
	width: 100%;
	display: block;
}

.rewards-catalog-content .rewards-catalog-right{
	border-right: 1px solid #ccc;
	padding-right: 20px;
	float: left;
	width: 100%;
}
@media (max-width: 767px){
	.rewards-catalog-content > h4{
		margin-top: 35px;
		margin-bottom: 0px;
	}
}


.slider-rewards{
	width: 100%;
	display: block;
}

.rewards-catalog-numbers{
	text-align: center;
	margin-bottom: 12px;
}

.rewards-catalog-numbers p{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #fff;
	width: 100%;
	float: inherit;
	padding: 12px 20px;
	text-align: left;
}
.rewards-catalog-numbers p.rewards-catalog-number-2{
	float: right;
}

.rewards-catalog-numbers span{
	text-align: center;
}

.rewards-catalog-range{
	text-align: left;
	margin-bottom: 10px; 
	font-size: 13px;
}



.reward-item{
	display: none;
	width: auto;
	-webkit-transition: width 0.5s; /* Safari */
    transition: width 0.5s;
	float: left;
}

.reward-item-v{

	width: 0;
}

.container-rewards-items{
	padding-bottom: 20px;
	padding-top: 20px;
}

.rewards-catalog-item{
	background-color: #fff;
	height: auto;
	display: block;
	width: 100%;
	margin-top: 20px;
}

.rewards-catalog-partnerimg{
	width: auto;
}

.rewards-catalog-partnerimg img{
	width: 100%;
}

.rewards-catalog-partner{
	padding: 30px;
}

.rewards-catalog-partnerlogo img{
	max-height: 50px;
}

.rewards-catalog-partnerlogo img{
	max-height: 50px;
	margin-bottom: 20px;
}
.rewards-catalog-partnerlink{
	margin-top: 20px;
}
.rewards-catalog-partnerlink a i{
	font-size: 11px;
}

.rewards-catalog-partnerdesc{
	font-size: 24px;
	line-height: 1.35em;
}

/* showcase fix */

.cbolui-ddl .showcase .g-3-container-white{
    background-color: #fff;
	-webkit-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 25px -5px rgba(0,0,0,0.3);
}

.cbolui-ddl .showcase .module-flex {
	height: 100%;
	min-height: 440px;
	padding: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cbolui-ddl .showcase .module-video {
	padding: 0px;
}

/* TODO - poprawka dla rozdzielczości*/

@media (max-width: 1400px){
	.cbolui-ddl .showcase .module-flex {
		min-height: 380px;
		padding: 30px;
	}
	.cbolui-ddl .showcase .module-flex .header-2 {
		font-size: 32px;
		line-height: 1.5em;
	}
	.cbolui-ddl .showcase .module-flex p {
		font-size: 16px;
	}
}

@media (max-width: 1200px){
	.cbolui-ddl .showcase .module-flex {
		padding: 30px;
		min-height: auto;
	}
	.cbolui-ddl .showcase .module-flex .header-2 {
		font-size: 1.625rem;
		line-height: 2rem;
	}
	.cbolui-ddl .showcase .module-flex p {
		font-size: 14px;
	}
}

@media (max-width: 992px){
	.cbolui-ddl .showcase .module-flex {
		padding: 20px;
		min-height: auto;
	}
}

@media (max-width: 767px){
	.cbolui-ddl .showcase .module-flex {
		padding: 20px;
		min-height: auto;
	}
}

/* table_fees_charges */

.cbolui-ddl table.table-fees-charges{
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 2px solid #ccc;
}
.cbolui-ddl table.table-fees-charges  thead tr th, .cbolui-ddl table.table-fees-charges tbody tr td, .cbolui-ddl table.table-fees-charges tbody tr th {
    border-left: 2px solid #ccc;
}

.cbolui-ddl table.table-fees-charges tbody tr:first-child th{
	font-size: 18px;
}

.cbolui-ddl table.table-fees-charges tr td:first-child, .cbolui-ddl table.table-fees-charges tr th:first-child{
	border-left: 0px;
	width: 50%;
}

table.table-fees-charges thead tr, table.table-fees-charges tr, table.table-fees-charges tbody tr, table.table-fees-charges tbody tr:first-child {
    border-top: 2px solid #ccc;
}


.cbolui-ddl table.table-fees-charges thead tr, .cbolui-ddl table.table-fees-charges tr:first-child{
    border-top: 2px solid #ccc;
}

@media (max-width: 767px){
	.cbolui-ddl table.table-fees-charges theady tr th, .cbolui-ddl table.table-fees-charges tbody tr th, .cbolui-ddl table.table-fees-charges tbody tr td{
		font-size: 14px;
	}
}

.cbolui-ddl table.table-fx-charges{
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.cbolui-ddl table.table-fx-charges  thead tr th, .cbolui-ddl table.table-fx-charges tbody tr td, .cbolui-ddl table.table-fx-charges tbody tr th {
    border-left: 1px solid #ccc;
	text-align: center;
}

.cbolui-ddl table.table-fx-charges tbody tr:first-child th{
	font-size: 16px;
}

.cbolui-ddl table.table-fx-charges tbody tr:first-child th:first-child{
	text-align: left;
}

.cbolui-ddl table.table-fx-charges tr td:first-child, .cbolui-ddl table.table-fx-charges tr th:first-child{
	border-left: 0px;
	width: auto;
	text-align: left;
}

table.table-fx-charges thead tr, table.table-fx-charges tr, table.table-fx-charges tbody tr, table.table-fx-charges tbody tr:first-child {
    border-top: 1px solid #ccc;
}


.cbolui-ddl table.table-fx-charges thead tr, .cbolui-ddl table.table-fx-charges tr:first-child{
    border-top: 1px solid #ccc;
}

@media (max-width: 767px){
	.cbolui-ddl table.table-fx-charges theady tr th, .cbolui-ddl table.table-fx-charges tbody tr th, .cbolui-ddl table.table-fx-charges tbody tr td{
		font-size: 14px;
	}
}

.cbolui-ddl table.table-accor{
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
.cbolui-ddl table.table-accor  thead tr th, .cbolui-ddl table.table-accor tbody tr td, .cbolui-ddl table.table-accor tbody tr th {
    border-left: 1px solid #ccc;
	text-align: left;
}

.cbolui-ddl table.table-accor tbody tr:first-child th{
	font-size: 16px;
}

.cbolui-ddl table.table-accor tbody tr:first-child th:first-child{
	text-align: left;
}

.cbolui-ddl table.table-accor tr td:first-child, .cbolui-ddl table.table-accor tr th:first-child{
	border-left: 0px;
	width: auto;
	text-align: left;
}

table.table-accor thead tr, table.table-accor tr, table.table-accor tbody tr, table.table-accor tbody tr:first-child {
    border-top: 1px solid #ccc;
	text-align: left;
}


.cbolui-ddl table.table-accor thead tr, .cbolui-ddl table.table-accor tr:first-child{
    border-top: 1px solid #ccc;
	text-align: left;
}

.cbolui-ddl table.table-whitebg{
	background-color: #fff;
}

.cbolui-ddl .table.table-whitebg>tbody>tr>td:last-child, .cbolui-ddl .table.table-whitebg>tbody>tr>th:last-child, .cbolui-ddl .table.table-whitebg>thead>tr>th:last-child {
    padding-right: 18px;
}

.cbolui-ddl .table.table-whitebg>tbody>tr>td:first-child, .cbolui-ddl .table.table-whitebg>tbody>tr>th:first-child, .cbolui-ddl .table.table-whitebg>thead>tr>th:first-child {
    padding-left: 16px;
}

@media (max-width: 767px){
	.cbolui-ddl table.table-accor theady tr th, .cbolui-ddl table.table-accor tbody tr th, .cbolui-ddl table.table-accor tbody tr td{
		font-size: 14px;
	}
}

/* table_ok_text */


.table-ok-row{
	width: 100%;
	float: left;	
	border-left: 1px solid #ccc;
	display: flex;
}
.table-ok-row:first-child{
	border-top: 1px solid #ccc;
}
.table-ok-block{
	width: 50%;
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: flex;
	padding: 25px;
}
.table-ok-block-icon{
	margin-right: 20px;
	font-size: 22px; 
}
.table-ok-block-text{
	font-size: 17px; 
}

@media (max-width: 767px){
	.table-ok-row{
	flex-direction: column;
	}
	.table-ok-block{
		width: 100%;
	}
}

/* table_ circles */


.table-circle-container{
	text-align: center;
	display: flex;
	align-items: center;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 20px auto;
}

.table-circle-container{
	background-color: #056DAE;
	color: #fff;
}

.table-circle .table-circle-top, .table-circle .table-circle-bottom{
	font-weight: 700;
	font-size: 22px;
	line-height: 1.2em;
}

.table-circle{
	display: block;
	width: 150px;
}

.table-circle .table-circle-top span, .table-circle .table-circle-bottom span{
	font-weight: 400;
	font-size: 18px;
}

.table-circle .table-circle-arrow{
	border-top: 1px solid #fff;
	padding-top: 8px;
	height: 0px;
	width: 130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 4px;
	opacity: 0.50;
}

.table-circle-arrowbox{
	position: absolute;
	width: 70px;
	height: 10px;
}

.cbolui-ddl .bluetabs-content :first-child .table-circle-arrowbox span:first-child {
    margin-top: auto;
}
.table-circle-arrowbox span.white {
	position: absolute;
	top: -8px;
	right: -5px;
	width: 0; 
	height: 0; 
	margin-top: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	opacity: 0.50;
}

.table-circle-arrowbox span.dark  {
	position: absolute;
	top: -9px;
	right: -4px;
	width: 0; 
	height: 0; 
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-top: 9px solid #056DAE;
}

/* silver */
.table-circle-container-silver{
	background-color: #999999;
}

.table-circle-container-silver .table-circle-arrowbox span.dark  {
	border-top: 9px solid #999999;
}

/* gold */

.table-circle-container-gold{
	background-color: #B4975A;
}

.table-circle-container-gold .table-circle-arrowbox span.dark  {
	border-top: 9px solid #B4975A;
}

/* pragraph with descripton */

p.table-circle-p{
	font-size: 16x;
	padding-bottom: 20px;
	line-height: 1.35em;
}

/* text_section */

.text-section p{
	padding-bottom: 6px;
}
.text-section-bottom-border{
	padding-top: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	line-height: 1.2em;
}
.text-section-bottom-border h3{
	margin-bottom: 18px;
}

.text-section-img img{
	width: 100%;
}

.list-check-mark-nopadding{
    padding-left: 20px;
}

.text-bottom-20{
	padding-bottom: 20px;
}
.text-section-colwithimg{
	padding-top: 20px;
	padding-bottom: 20px;
}
.text-section-colwithimg img{
	padding-bottom: 20px;
}

.text-section-back a{
	margin: 0px;
	text-align: left;
	padding: 30px 0px 30px;
	float: left;
	font-weight: 700;
	font-size: 15px;
	font-family: "Interstate Bold", sans-serif;
}

.text-section-back a span.glyphicon{
	font-size: 11px;
}

.cbolui-ddl ul.list-check-nomark li:before{
	background-image: none;
}
.cbolui-ddl ul.list-check-nomark{
	margin-top: 10px;
	margin-bottom: 10px;
}

/* top_credit_card */

.hero-top-main{
    padding: 0px 0 60px;
    margin-bottom: -60px;
}

.hero-top-credit-card h2{
	text-align: center;
	padding: 10px 40px 0px;
	font-weight: 400;
}
.hero-top-credit-card2 h2{
		
		display: block;
		float: left;
		width: 100%;
		text-align: center;
}
.hero-top-credit-card2 p{
		padding: 0px 10px 0px;
		display: block;
		float: left;
		width: 100%;
		text-align: center;
}
.hero-top-credit-card2{
 padding: 30px;
}
.hero-top-credit-card a{
	text-align: left;
	padding: 0px;
	padding: 30px 20px 0px;
	float: left;
	font-weight: 700;
	font-size: 15px;
	font-family: "Interstate Bold", sans-serif;
}
.hero-top-credit-card a span.glyphicon{
	font-size: 11px;
}
	
.cbolui-ddl .hero-4 .common-module-header-2 figure{
	color: #fff;
	opacity: 0.9;
}
.cbolui-ddl .hero-4 .common-module-header-2 figure img{
	width: 85%;

}
.cbolui-ddl .hero-4 .common-module-header-2 figure figcaption{
	text-transform: uppercase;
	font-size: 18px;
	margin: 20px auto;
}
.cbolui-ddl .hero-4 .common-module-header-2 p.credit-card-p{
	text-transform: uppercase;
	font-size: 18px;
}
.cbolui-ddl .hero-4 .top-credit-card-hero{
	position: relative;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.cbolui-ddl .hero-4 .top-credit-card-hero p{
	margin: 0px 0px 20px;
	opacity: 0.8;
	
}

.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content{
	text-align: left;
}

.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content h2{
	font-size: 3.2em;
	opacity: 0.9;
	line-height: 1.2em;
}

.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content h3{
	opacity: 0.9;
}

.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content ul li{
	font-size: 1.2em;
	color: #fff;
	opacity: 0.9;
}

@media (max-width: 991px){
	.hero-top-main-dark{
	background-color: rgba(14, 42, 72, 0.6);
	}
}

@media (max-width: 767px){

	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards-noborder .cross-link-card {
		padding:0px;
	}

	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .cross-link-card .list-check-mark{
		padding-left: 0px;
	}

	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .cross-link-card:first-child:after{
		height: 0px;
	}

	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .cross-link-card .list-check-mark li:before {
    content: '';
    left: 48%;
    position: absolute;
    top: -8px;
	}
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .cross-link-card .list-check-mark li{
		margin-bottom: 10px;
		margin-top: 10px;
		display: inline-block;
		clear: both;
	}

	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards-noborder .cross-link-card:last-child {
		border-top: 0px solid #000;
	}
	.hero-top-credit-card h2{
		padding: 20px 10px 0px;
	}
	.hero-top-credit-card a{
		text-align: left;
		padding: 15px 10px 0px;
	}
	.cbolui-ddl .hero-4 .common-module-header-2 p.credit-card-p{
	font-size: 16px;
	text-align: center;
	}

	.cbolui-ddl .hero-4 .common-module-header-2 p{
		margin: 40px 0px 20px;
		opacity: 0.8;
		padding: 0px;
		text-align: left;
	}
	.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content{
		text-align: center;
	}

	.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content h2{
		font-size: 2em;
		opacity: 0.9;
		text-align: center;
	}
	.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content ul {
		padding: 0px 20px;
		text-align: left;
	}
	.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content ul li{
		font-size: 1.0em;
		color: #fff;
		opacity: 0.9;
	}
	.cbolui-ddl .hero-4  .top-credit-card-hero .top-credit-card-hero-content button{
		width: 100%;
		margin-bottom: 50px;
	}
	.cbolui-ddl .hero-4 .mobilerow{
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* top_credit_cart_photobg */

.top-cc-photobg-header{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.top-cc-photobg-header-ultime{
	background-image: url("/images/tile-fullbleed.png");
}
.top-cc-photobg-hcbg{
	margin: 40px auto 40px;
	background-color: rgba(255, 255, 255, 0.8);
}
.cbolui-ddl .hero-4 .top-cc-photobg-header h1{
	padding: 30px;
	font-size: 48px;
	margin: 0px;
	line-height: 1.35em;
	color: #000;
}


.top-cc-photobg-body{
	padding: 30px 0px;
}

.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2 > sup{
	font-size: 1rem;
}


@media (min-width: 767px){
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2{
		margin-bottom: 0;
	}
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2 > sup{
	font-size: 1.4rem;
	}
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2 + p{
		margin-top: 20px;
	}
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2 + .row {
		margin-bottom: -30px;
	}
	.cbolui-ddl .hero-4 .common-module-body .cross-link-cards .top-cc-photobg-body h2 + .card-apply-button {
		margin-top: 20px;
	}
}


.top-cc-photobg-body p{
	text-align: center;
}

.top-cc-photobg-nobottom{
	padding: 40px 30px 0px;
	text-align: center;
}
.top-cc-photobg-body h2{
	font-size: 32px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}

.top-cc-photobg-body > p{
	padding: 0 30px;
}
.cbolui-ddl h1.top-cc-photobg-hc > sup{
	font-size: 2rem;
}
@media (max-width: 767px){

	.top-cc-photobg-hcbg{
	margin: 20px auto 30px;
	}
	.cbolui-ddl h1.top-cc-photobg-hc{
	word-break: break-word;
	}
	.cbolui-ddl h1.top-cc-photobg-hc > sup{
	font-size: 1rem;
	}
	.cbolui-ddl .hero-4 .top-cc-photobg-header h1{
	padding: 16px;
	font-size: 22px;
	margin: 0px;
	line-height: 1.35em;
	color: #000;
	}
	.top-cc-photobg-body{
	padding: 30px 20px 20px;
	text-align: center;
	}
	.top-cc-photobg-body h2{
	font-size: 20px;
	text-align: center;
	}
}

/* two_columns_text */

.tab-column-text{
padding-bottom: 25px;
}

.cbolui-ddl .theme-dark-nobg{
	background-color: transparent;
}

.cbolui-ddl .theme-dark-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	background-color: rgba(5, 109, 174, 0.8); /*dim the background*/
}


/* progress-bar */

  .cbolui-ddl .citi-blue .progress-bar-color-1 {
    background-color: #046dae;
  }
  .cbolui-ddl .citi-priority .progress-bar-color-1 {
    background-color: #0E2A48;
  }
  .cbolui-ddl .citi-gold .progress-bar-color-1 {
    background-color: #b4975a;
  }
  .cbolui-ddl .citi-gold-priority .progress-bar-color-1 {
    background-color: #b4975a;
  }
  .cbolui-ddl .citi-business .progress-bar-color-1{
    background-color: #046dae;
  }

  .cbolui-ddl .citi-blue .progress-bar-color-2 {
    background-color: #002955;
  }
  .cbolui-ddl .citi-priority .progress-bar-color-2 {
    background-color: #046dae;
  }
  .cbolui-ddl .citi-gold .progress-bar-color-2 {
    background-color: #524013;
  }
  .cbolui-ddl .citi-gold-priority .progress-bar-color-2 {
    background-color: #524013;
  }
  .cbolui-ddl .citi-business .progress-bar-color-2{
    background-color: #002955;
  }

  .cbolui-ddl .citi-blue .progress-bar-color-3 {
    background-color: #999999;
  }
  .cbolui-ddl .citi-priority .progress-bar-color-3 {
    background-color: #999999;
  }
  .cbolui-ddl .citi-gold .progress-bar-color-3 {
    background-color: #78622a;
  }
  .cbolui-ddl .citi-gold-priority .progress-bar-color-3 {
    background-color: #78622a;
  }
  .cbolui-ddl .citi-business .progress-bar-color-3{
    background-color: #999999;
  }

  .cbolui-ddl .citi-blue .progress-bar-color-4 {
    background-color: #f4f4f4;
  }
  .cbolui-ddl .citi-priority .progress-bar-color-4 {
    background-color: #f4f4f4;
  }
  .cbolui-ddl .citi-gold .progress-bar-color-4 {
    background-color: #f4f4f4;
  }
  .cbolui-ddl .citi-gold-priority .progress-bar-color-4 {
    background-color: #f4f4f4;
  }
  .cbolui-ddl .citi-business .progress-bar-color-4{
    background-color: #f4f4f4;
  }

.video-container {margin: 0 0 0 0px;}
.video-container > video { width: 100%; vertical-align: middle; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-repeat: no-repeat; background-position: 0 0; }
.playButton { background:url(/images/video/playButton.png) no-repeat center center; background-size: contain; width: 35%; height: 35%; position: absolute; left: 0%; right: 0%; top: 0%; bottom: 0%; margin: auto; }
.video-container > iframe { height:100%; width: 100%; min-height:440px; display:block;}

@media (max-width: 767px) { 
	.video-container > iframe { height:200px; width: 100%; min-height:200px; }
	.video-container {margin: 0}
}

/* fix form main index on laptop desktop */
@media (max-height: 768px) and (min-width: 576px) { 
	#top-banner .banner-box {
    	padding: 2rem 0;
	}
	#top-banner .apply-box {
		width: 100%;
    	padding: 2rem 3.8rem;
	}
	#top-banner .apply-box h5{
		margin: 0px 0px 1rem;
	}
	#top-banner .apply-box h2{
		font-size: 2.3rem;
		margin-bottom: 1rem;
	}
	#top-banner .card-box {
    	height: 16rem;
    	position: relative;
	}
}


/* video na strone glowna */

#VideoHP{
	min-width:100%; 
	min-height:100%; 
	position:absolute;
	 top:50%; 
	 left:50%; 
	 transform:translate3d(-50%,-50%,0); 
	 -webkit-transform:translate3d(-50%,-50%,0);
}



/* priority-welcome-module */

 .cbolui-ddl .citi-blue .col-info-2, .cbolui-ddl .citi-business .col-info-2 {
 	background-color: #056dae;
 	border-color: #056dae;
 }
 .cbolui-ddl .citi-gold .col-info-2 {
 	background-color: #b4985b;
 	border-color: #b4985b;
 }
 .cbolui-ddl .citi-gold-priority .col-info-2 {
 	background-color: #564639;
 	border-color: #564639;
 }
 .cbolui-ddl .citi-priority .col-info-2 {
 	background-color: #0e2a48;
 	border-color: #0e2a48;
 }
 .row-margin {
 	margin-top: 10px;
 }
 .col-info-2 {
 	height: 350px;
 	padding-right: 0 !important;
 	padding-left: 0 !important;
 	margin-left: 10px;
 	background-position: center center;
 	background-repeat: no-repeat;
 	background-size: cover;
 }
 .col-info-2 .col-info-2-data {
 	margin: 0 auto;
 	width: 100%;
 	background: #fff;
 	padding: 25px;
 	bottom: 0;
 	position: absolute;
 }
 .col-info-4-header {
 	color: #fff;
 	padding: 25px 25px 0 25px;
 }
 .col-info-4-data {
 	background-color: #fff;
 	width: 50%;
 	max-width: 50%;
 	padding: 25px;
 	height: 175px;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	overflow: hidden;
 }
 .col-info-2-p {
 	color: #fff;
 	padding: 0 25px 25px 25px;
 }
 .col-info-2-a {
 	color: #fff !important;
 	bottom: 0;
 	position: absolute;
 	right: 0;
 	padding: 25px !important;
 }
 .col-modal-icon-box {
 	padding: 50px;
 }
 .col-modal-icon-box .icon-modal-icon {
 	font-size: 4rem;
 	text-align: center;
 	margin-bottom: 15px;
 	color: #0e2a48;
 }
 @media only screen and (max-width: 992px) {
 	.row-margin {
 		margin-top: 25px;
 	}
 	.col-info-2 {
 		margin-left: 0;
 	}
 }
 @media only screen and (max-width: 475px) {
 	.col-info-4-data {
 		max-width: 100%;
		width: 100%;
 	}
 }

/* call-to-action-bottom */
 .call-to-action-bottom {
	background: rgba(255, 255, 255, 0.9);
	position: fixed;
	display: none;
	bottom: 0;
	width: 100%;
	z-index: 1;
	-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);
}
.d8-contact-us-icon {
	width: 33px;
	padding: 0px;
	border-radius: 400px;
	height: 33px;
	margin-left: 10px;
}
.d8-contact-us-icon span {
	color: #fff;
	font-size: 10px;
}
.cbolui-ddl .d8-contact-us {
	padding: 8px 0;
}
@media only screen and (max-width: 1000px) {
	.d8-contact-us-icon {
		display: none !important;
	}
}

.bg-color-shade {
    background-color: #eee;}

/* liveperson set */
.liveperson {
	z-index: 100;
	position: fixed;
	bottom: 175px;
	right: -79px;
}

/* A'la carte iframe fix */
iframe { max-width:100%; }


/* Tall container */
@media screen and (min-width:1200px) { .cbolui-ddl .container-tall { max-width:1202px; }}

/* CITIGOLD kolka */
        .CitiTD-welthmanagement {
                padding: 75px 0px;
                background-size: cover;
                text-align: center
            }

           .CitiTDContainer {
                width: 1140px;
                margin: auto;
                position: relative;
            }
            .slick-list {
                /*position: relative;
                display: block;
                overflow: hidden;
                margin: 0;
                padding: 0;*/
            }
            .slick-slider .slick-track, .slick-slider .slick-list {
                -webkit-transform: translate3d(0, 0, 0);
                -moz-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
            }
            .slick-initialized .slick-slide {
                display: block;
                outline: none;
            }
            .slideInUp {
                -webkit-animation-name: slideInUp;
                animation-name: slideInUp;
            }
            .animated {
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
                -webkit-animation-fill-mode: both;
                animation-fill-mode: both;
                visibility: visible;
            }
            .slick-slide {
                display: none;
                float: left;
                height: 100%;
                min-height: 1px;
            }
            .CitiTD-welthmanagement-box {
                border: 3px solid #b4975a;
                background: #FFF;
                min-height: 250px !important;
                width: 250px ;
                margin: 0px 5px;
                border-radius: 100%;
                display: table !important;
                -webkit-box-shadow: 0 0 5px 2px #ccc;
                -moz-box-shadow: 0 0 5px 2px #ccc;
                box-shadow: 0 0 5px 2px #ccc;
                cursor:pointer;
                transition: .3s background ease-in-out;
            }
            
            .CitiTD-welthmanagement-box:hover { background:#EEE; }
            .CitiTD-welthmanagement-boxInner {
                padding: 25px;
                display: table-cell;
                vertical-align: middle;
            }
            .CitiTD-welthmanagement-box h1 {
                font-size: 18px;
                line-height: 1.75rem;
                color: #555;
                text-align: center;
                margin-bottom: 15px;
            }

            .CitiTD-line {
                background: #9A8060;
                height: 3px;
                width: 65px;
                margin: auto;
                margin-bottom: 10px;
            }
            .CitiTD-welthmanagement-box p {
                font-size: 16px;
                color: #555;
                text-align: center;
            }
            .CitiTD-title h1 {
                color: #555;
                font-size: 30px;
                line-height: 42px;
                text-align: center;

            }

            .slick-track {
                opacity: 1; 
                /*width: 1140px; */
                transform: translate3d(0px, 0px, 0px);

					}
			
		@media (max-width: 767px) {
			.CitiTD-welthmanagement-box {
                min-height: 250px!important;
                width: 250px!important ;
				 margin-left: 15%;
   				 margin-bottom: 13%;
            }}
		@media (max-width: 767px)  {
           .CitiTDContainer {
                width: 700px;
            }
			 .CitiTD-welthmanagement-box {
                min-height: 270px !important;
                width: 270px ;
            }
		 .CitiTD-welthmanagement-box {
                min-height: 220px!important;
                width: 220px!important ;
				 margin-left: 21%;
   				 margin-bottom: 13%;
            }
		}

	@media (min-width: 1024px)  {
		.show1 {
			padding: 0 54px 0 55px;}
	}
	@media (min-width: 1224px)  {

		.show1 {
			padding: 0 94px 0 180px;}
	}
	@media (max-width: 467px)  {

		.CitiTD-welthmanagement {
    padding: 54px 0 0 0;}
	}
		@media (max-width: 990px) {
           .CitiTDContainer {
                width: 700px;
            }
		 .CitiTD-welthmanagement-box {
                min-height: 250px!important;
                width: 250px!important ;
				 margin-left: 15%;
   				 margin-bottom: 13%;
            }
             .slick-slider{
                width: 110%;
                        }
		}
		@media (max-width: 600px) {
           .CitiTDContainer {
                width: 700px;
            }
             .slick-track {
                /*width: 540px; */
            }
            .slick-slider{
                width: 110%;
                        }
		}
		@media (max-width: 424px) {
           .CitiTDContainer {
                width: 300px;
            }
           .slick-track {
                /*width: 340px; */
            }
            .slick-list {
                /*margin: 5%;*/
            }
			.CitiTD-welthmanagement-box {

 	   margin-left: 12%;
}
		}
	@media (max-width: 667px) {
           .CitiTDContainer {
                width: 80%;
            }
}		
		@media (max-width: 375px) {
           .CitiTDContainer {
                width: 300px;
            }
			.CitiTD-welthmanagement-box {

 	   margin-left: 16%;
}
		}
		.showHideBtn{
			width: 16px;
			height: 16px;
			display: block;
			background: url(/formularz/images/eye.png) center center no-repeat;
			position: absolute;
			top: 37px;
			left: 90%;
			cursor: pointer;
			z-index: 99;
		}



		

/* Social Bar */
.SocialBar { display: none; position:fixed; top: 250px; z-index:40; right:-20px; list-style-type:none; padding:0; margin:0;}
.SocialBar li { margin:1px 0; display:block;}
.SocialBar a { backface-visibility:hidden; border-radius: 6px 0 0 6px; width:60px; height:40px;  position:relative; display:block; background:#333; opacity:0.4; transition:.3s all ease-in-out; padding-right:20px;transform:translate3d(0, 0, 0); }
.SocialBar a:hover { opacity:1; transform:translate3d(-5px, 0, 0); }
.SocialBar:hover a:not(:hover) { opacity:.15; }
.SocialBar a[data-social='Facebook']:hover { background:#3e5b98; }
.SocialBar a[data-social='Twitter']:hover { background:#4da7de; }
.SocialBar a[data-social='Youtube']:hover { background:#e02a20; }

.SocialBar img { display:block; width:20px; position:absolute; left:calc(50% - 10px); top:50%; transform:translate3d(-50%,-50%,0)}

@media (max-width:767px) { .SocialBar { display:none; }}

/* Social Icons */
	#app-menu .SocialIcons { display:block; padding:7px 0 0 0; margin:0 0 0 -10px; float:left;  }
	#app-menu .SocialIcons li { display:inline-block; padding:0; margin:0 5px 0 0; list-style-type:none; }
	#app-menu .SocialIcons a { display:block; padding:5px; }
	#app-menu .SocialIcons img { display:block; width:22px; }
	@media (min-width:768px) { #app-menu .SocialIcons { display:none; } }

/* Home login selector */
	.home-login-selector { position:relative; }
	.home-login-selector > div:nth-child(2) { width: calc(100% + 100px);z-index:10; position:absolute; top:100%; left:-40px; display:block; opacity:0; pointer-events:none; transform:translateY(-5px); transition:.3s opacity ease-in-out, .3s transform ease-in-out; padding:0 20px 20px 0; overflow:hidden; }
	.home-login-selector__dropdown { background:#fff; padding:10px 40px 20px 40px; box-sizing:border-box; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15)}
	.home-login-selector:hover > div:nth-child(2) { pointer-events:all; opacity:1; transform:translateY(0); }
	.home-login-selector__dropdown .btn-headerlock:nth-child(1) { margin-top:0!important; }
	.home-login-selector:hover .btn-register { background:#ddd!important; }
	.home-login-selector:hover .btn-login { background:#002A54!important; border-color:#002A54!important; }
	
/* Header login selector */
	.header-login-selector { position:relative; }
	.header-login-selector > div:nth-child(1) {  z-index:5; position:relative; transition:.3s color ease; border-radius:20px 20px 0 0; cursor:pointer; color:#000; }
	.header-login-selector > div:nth-child(1) > span { position:relative; transition:.3s transform ease; display:block; }
	.header-login-selector > div:nth-child(1)::before { opacity:0; position:absolute; transition:.3s opacity ease; border-radius:20px 20px 0 0;  content:' '; top:0px; left:-20px; width:calc(100% + 40px); height:calc(100% + 12px);}
	.header-login-selector > div:nth-child(1) > span::after { display:inline-block; margin-left:5px; width:25px; height:25px; margin-top: -10px; content:' '; margin-right:5px; transition:.3s transform ease;  background: url(/images/icons/klodka_close.png) center center no-repeat; vertical-align: text-bottom;} 

	.header-login-selector > .wrapper { padding-top:2px; z-index:4; position:absolute; top:100%; right:-20px;  opacity:0; pointer-events:none; transition:.4s opacity ease;  animation: slideMenuBottom .4s ease-in; }
	.header-login-selector > .wrapper > div {  padding:20px 25px; border-top:none; background:#FFF; }

	.header-login-selector:hover > .wrapper { pointer-events:all; opacity:1; animation: slideMenuTop .3s ease-in; z-index:7;}
	.header-login-selector:hover > div:nth-child(1) { color:#373737;}
	.header-login-selector:hover > div:nth-child(1)::before { opacity:1; }


	/* .header-login-selector:hover > .grayBg { display:block; content:' '; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:6;} */

	/* .header-login-selector:hover > div:nth-child(1) > span::after {  background: url(/images/icons/klodka_open.png) center center no-repeat; } */
	/* .header-login-selector:hover > div:nth-child(1) > span { transform:translateY(10px); } */


	.header-login-selector__description { opacity:.85; font-size:11px; }

	/* @keyframes slideMenuTop {
		from {
			top: -100%;
			opacity: 0;
		}
		to { 
			top: 100%;
		}
	}

	@keyframes slideMenuBottom {
		from {
			top: 100%;
		}
		to { 
			top: -100%;
		}
	} */
	
	.cbolui-ddl .btn-headerlock { margin-top:10px!important; margin-bottom:0px!important; border:none!important; box-shadow:none!important;line-height:18px;  font-weight:400; display:block; width:100%;  text-align: center; font-size: 1rem; padding: 10px 25px 9px 25px;
		/* background-image:url('../images/icons/svgs/padlock.svg'); background-position: right 5% top 45%; background-repeat:no-repeat; background-size:auto 60%!important; }
	.cbolui-ddl	.btn-headerlock:hover { border:none!important; color:#fff!important; }
	.cbolui-ddl .btn-headerlocknolock { background-image:none!important; */
	}

	.cbolui-ddl	.btn-headerlock:hover { border:none!important; color:#fff!important; }
	.cbolui-ddl .btn-headerlocknolock { background-image:none!important;}

	/* Home login selector nowy */
	.home-login-selector-new { position:relative; font-size: 0px; }
	.home-login-selector-new > div:nth-child(2) { width: calc(100% + 60px);z-index:10000; position:absolute; top:100%; left:-20px; display:none; opacity:1; pointer-events:none; transform:translateY(-5px); transition:.3s opacity ease-in-out, .3s transform ease-in-out; padding:0 20px 20px 0; overflow:hidden; }
	.home-login-selector-new__dropdown { background:#fff; padding:10px 20px 20px 20px; box-sizing:border-box; box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.15)}
	.home-login-selector-new:hover > div:nth-child(2) { pointer-events:all; opacity:1; transform:translateY(0); }
	.home-login-selector-new__dropdown .btn-headerlock:nth-child(1) { margin-top:0px!important; }
	.home-login-selector-new:hover .btn-register { background:#ddd!important; }
	.home-login-selector-new:hover .btn-login { background:#002A54!important; border-color:#002A54!important; }

	/* Zaloguj nowy index */
	#app-menu .ZalogujIcon { display:block; padding:7px 0 0 0; margin:0 0 0 -10px; float:left;  }
	#app-menu .ZalogujIcon li { display:inline-block; padding:0; margin:0 5px 0 0; list-style-type:none; }
	#app-menu .ZalogujIcon a { display:block; padding:5px;      font-weight: bold;}
	#app-menu .ZalogujIcon img {  margin-right: 7px; width:25px; vertical-align: text-bottom; }

	@media (max-width:1200px) {
		/* Zaloguj nowy index */
		#app-menu .ZalogujIcon { display:block; padding:13px 0 0 10px; margin:0 0 0 -10px; float:left;  }
		#app-menu .ZalogujIcon li { display:inline-block; padding:0; margin:0 5px 0 0; list-style-type:none; }
		#app-menu .ZalogujIcon a { display:block; padding:5px;      font-weight: bold;}
		#app-menu .ZalogujIcon img {  margin-right: 7px; width:25px; vertical-align: text-bottom; }

	.header-login-selector > .wrapper {  left: 10px; right:-280px;     overflow-x: hidden;		overflow-y: auto;}
	.header-login-selector > .wrapper > div {  padding:30px 35px; border-top:none; background:#FFF; }

	}
	@media (min-width:768px) { #app-menu .ZalogujIcon { display:none; } 

}
@media (max-width:600px) { #app-menu .ZalogujIcon { display:none; } 
	.header-login-selector > .wrapper {     left: -18px;		right: -263px;     overflow-x: hidden;		overflow-y: auto;}
}
@media (max-width: 440px) {
	.header-login-selector > .wrapper {  	left: -18px;		right: -312px;    }
}
@media (max-width:390px) {  
	.header-login-selector > .wrapper {    	left: -18px;		right: -276px;     overflow-x: hidden;		overflow-y: auto;}
}
@media (max-width:345px) {  
	 .cta-grafika {   margin-top: 0px;}
	
}
@media (max-width:325px) {  
	.header-login-selector > .wrapper {    	left: -18px;		right: -223px;     overflow-x: hidden;		overflow-y: auto;}

}

	
/* Zaloguj nowy index */

	.btn-orange { background-color: #ff6801 !important;  border: 3px solid #fff !important;  white-space: nowrap;}
	.btn-white { background-color: #fff !important;  line-height: 24px;   white-space: nowrap;}
	.btn-blue { background-color: #056dae !important;  border: 3px solid #056dae !important; color:#fff!important; white-space: nowrap;}
	.btn-grey { background-color: #555 !important; line-height: 1.5!important; border: 3px solid #555 !important; color:#fff!important; white-space: nowrap;}
	.lightgrey { background-color: #ddd !important;    color:#555 !important; white-space: nowrap;}
	.box  {background-color: #056dae !important; padding: 30px; color:#fff!important;}
	.box h3 { color:#fff!important;     font-size: 2vw;}
	.box h5 {     font-size: 0.7em;}
	.box p {     font-size: 0.9vw;}
	.box a {line-height: 28px!important; font-size: 12px!important;}
	.btn {    white-space: nowrap;}
	.header-offer {min-height: 75px;}
	.header-offer p {    font-size: 15px;}
	.grey {color:#555 !important; font-size: 0.7em!important; margin-top: 10px;}
	.blue {color:#056dae !important; }
	.headerLogowanie {text-align: left; color: #555;}
	.static {padding: 5px 10px;  font-size: 0.8em;      line-height: 3.3; border-radius: 5px; margin-right: 10px;}
	.linia  {    border-right: 1px solid #ccc; font-size: 0.9vw; height: 280px;}
	.linia2 {    border-right: 0px solid #ccc; font-size: 0.9vw; height: 280px;}
	.nagrody{ min-height: 200px;}
	.small {font-size: 11px!important;}
	.tile {    padding-bottom: 50px!important;}
	.cbolui-ddl .navbar-nav>li { float: none;  }
	.cta-text{font-size: 1rem!important; color: #ffffff!important; }
	.cta-btn{min-width: 160px;  padding: 3px; float: left; margin-top:13px; font-size: 13px; line-height: 20px;letter-spacing: normal;text-align: center; color: #000!important; background-color: #fff!important;  font-weight: 700; border-radius: 6px;  }
	.sticky-nav-actions{margin-top: -35px;}
	.cta-pasek{display: block;  background-image: url('https://www.online.citibank.pl/images/jigsaw/Citi-Sticky-Nav-Desktop2.jpg'); background-color: rgba(10, 29, 54, 0.7607843137254902); background-repeat: no-repeat; background-size: cover;}
	.cta-grafika{  margin-left:2%;  margin-top: -48px; height: 108px;width: 146px;float: left;margin-right: 0px;}
	.logText { cursor:inherit; color: #1076b5!important; font-weight: bold;	}

	@media (min-width: 1200px) {
        .cbolui-ddl .navbar-nav>li {  float: left; }
        .header-offer {min-height: 125px;}
        .linia2 {    border-right: 1px solid #ccc; font-size: 0.9vw; height: 280px;}
        .cta-grafika{  margin-left:11%;  margin-top: -48px; height: 108px;width: 146px;float: left;margin-right: 0px;}
        .cta-text{font-size: 1.2rem!important; color: white!important;  }
        .cta-btn{min-width: 200px;  padding: 5px; font-size: 14px; line-height: 20px;letter-spacing: normal;text-align: center;   font-weight: 700; border-radius: 6px;}


	}
	@media (min-width: 1420px) {
        .btn-orange { background-color: #ff6801 !important;  border: 3px solid #fff !important;  white-space: nowrap;}
        .btn-white { background-color: #fff !important;  line-height: 24px;   white-space: nowrap;}
        .btn-blue { background-color: #056dae !important;  color:#fff!important; white-space: nowrap;}
        .btn-grey { background-color: #555 !important; line-height: 1.5!important; border: 3px solid #555 !important; color:#fff!important; white-space: nowrap;}
        .lightgrey { background-color: #ddd !important;    color:#555 !important; white-space: nowrap;}
        .box  {background-color: #056dae !important; padding: 30px; color:#fff!important;}
        .box h3 { color:#fff!important;     font-size: 1.8rem;}
        .box h5 {     font-size: 0.8vw;}
        .box p {     font-size: 0.9vw;}
        .btn {    font-size: 1rem!important; white-space: nowrap;}
        .header-offer {min-height: 125px;}
        .grey {color:#555 !important; font-size: 0.7em!important; margin-top: 10px;}
        .blue {color:#056dae !important; }
        .headerLogowanie h3 {text-align: left; color: #555;}
        .static {padding: 5px 10px;  font-size: 0.8em;  border-radius: 5px;  margin-right: 10px;}
        .linia {    border-right: 1px solid #ccc; font-size: 0.9vw; min-height: 200px;}
        .nagrody{ min-height: 200px;}
        .cbolui-ddl .modal .modal-header .showcase .tile .normal-case.modal-title, .cbolui-ddl .showcase .tile .modal .modal-header .normal-case.modal-title, .cbolui-ddl .showcase .tile h2.normal-case, .cbolui-ddl .showcase .tile img, .cbolui-ddl .showcase .tile p {    margin-bottom: 13px!important;}
		}
		@media (min-width: 1800px) {
        
        .box  {background-color: #056dae !important; padding: 30px; color:#fff!important;}
        .box h3 { color:#fff!important;     font-size: 1.8rem;}
        .box h5 {font-size: 0.7rem;}
        .box p { font-size: 0.7rem;}
        .btn { font-size: 1rem!important; white-space: nowrap;}
        .header-offer {min-height: 125px;}
        .grey {color:#555 !important; font-size: 0.7em!important; margin-top: 10px;}
        .blue {color:#056dae !important; }
        .headerLogowanie h3 {text-align: left; color: #555;}
        .static {padding: 5px 10px;  font-size: 0.8em;  border-radius: 5px;}
        .linia {    border-right: 1px solid #ccc; font-size: 0.9vw; min-height: 200px;}
        .nagrody{ min-height: 200px;}
        .hiddenBtnLogin ul li a {padding: 0.7em!important;}
		}


		@media (min-width: 1181px) and (max-width: 1420px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 77%;}
		}

		@media (min-width: 1421px) and (max-width: 1620px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 76%;}
		}
		@media (min-width: 1621px) and (max-width: 1820px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 74%;}
		}
		@media (min-width: 1821px) and (max-width: 2020px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 70%;}
		}
		@media (min-width: 2021px) and (max-width: 2220px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 68%;}
		}
		@media (min-width: 2221px) and (max-width: 2520px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 66%;}
		}
		@media (min-width: 2521px) and (max-width: 2820px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 64%;}
		}
		@media (min-width: 2821px) and (max-width: 3120px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 63%;}
		}
		@media (min-width: 3121px) and (max-width: 3620px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 62%;}
		}
		@media (min-width: 3621px) and (max-width: 4120px){
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 61%;}
		}
		@media (min-width: 4121px) {
			#main-menu .navbar-sub-menus .navbar-sub-menus-wrapper-log {  left: 60%;}
		}
		@media (max-width: 767px) {
            .cbolui-ddl .hero-module-adjusted h1 { font-size: 24px; line-height: 32px; }
            .cbolui-ddl .hero-module-adjusted .hero-module-adjusted-floating-content {  top: 40px; width: 100%;     margin-top: 40px;    background-color: #fff; text-align: center; }
            .box  {background-color: #fff !important;  padding: 20px 0px; color:#555!important;}
            .box h3 { color:#555!important; font-size: 1.6em!important; line-height: 1.5em!important;}
            .box h5 {     font-size: 0.8rem;}
            .box a {line-height: 34px!important; font-size: 17px!important;}
            .btn {margin-right: 0px!important; font-size: 1rem!important; }
            .part {background-color: white;    }
            .part2 {background-color: #f0f0f0;    }
            .linia, .linia2 {    border-right: 0px solid #ccc; }
			.nagrody{ min-height: 100px;}
			.cta-pasek {display:none;}
             small {font-size: 13px!important;}
            .header-offer {min-height: 55px;}
            .app-footerplt{background-color: white;}
            .btn-white { background-color: #f39520 !important;  border: 3px solid #f39520 !important; color:#fff!important;}
            .line {border-top: 2px solid #ccc;    padding-top: 20px;}
            .cta-grafika{  margin-left:0%;  margin-top: -25px; height: 108px;width: 120px;float: left;margin-right: -63px;}
            .cta-text{font-size: 0.9rem!important; color: white!important;  margin-bottom: 2px!important;    margin-left: 0px; margin-right: 0%; }
            .cta-btn{min-width: 150px; float: none; padding: 7px; font-size: 10px; line-height: 15px; letter-spacing: normal;text-align: center; color: #000!important; background-color: #fff!important;  font-weight: 700; border-radius: 4px; margin-left: 40px; padding-right: 40px; padding-left: 40px}
            .sticky-nav-actions{margin-top: -5px;}
            .add-to-home-screen {z-index: 3;}
            .grayBg { display:block; opacity: 0.09; content:' ';  top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:2;}
			.cbolui-ddl .d8-contact-us {	padding: 5px 0;}
			}

			@media (max-width: 600px) {
            .cta-grafika{  margin-left: -38%;    margin-top: -43px;    height: 139px;    width: 118px!important;    float: left;    margin-right: -63px;}
            .cta-text{font-size: 0.9rem!important; color: white!important;  margin-bottom: 2px!important;    margin-right: 0%; display: flex!important;}
            .cta-btn{min-width: 150px;  padding: 7px; font-size: 10px; line-height: 15px; letter-spacing: normal;text-align: center; color: #000!important; background-color: #fff!important;  font-weight: 700; border-radius: 4px; margin-left: 25%; padding-right: 40px; padding-left: 40px}
            .sticky-nav-actions{margin-top: -5px;}
            .cta-pasek{  background-image: url('https://www.online.citibank.pl/images/jigsaw/Citi-Sticky-Nav-Desktop2.jpg'); background-color: #0a1d36c2; background-repeat: no-repeat; background-size: cover;}
			}
			@media (max-width: 1057px) {
            .box h3 {     font-size: 1.5em;}
            .header-offer {min-height: 72px;}
            .box p {     font-size: 0.8em;}
            .hiddenBtnLogin ul li a {line-height: 25px!important;}
			}