/* 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: rgb(5, 174, 42);
}

.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{
	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-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 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("/poland/dmbh/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 .progress-bar-color-1 {
    background-color: #dcdee4;
  }
  /* .cbolui-ddl .citi-blue .progress-bar-color-1 {
    background-color: #aa11aa;
  }
  .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 .progress-bar-color-2 {
    background-color: #848690;
  }
  /* .cbolui-ddl .citi-blue .progress-bar-color-2 {
    background-color: #aabbcc;
  }
  .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 .progress-bar-color-3 {
    background-color: #000002;
  }
  /* .cbolui-ddl .citi-blue .progress-bar-color-3 {
    background-color: #223344;
  }
  .cbolui-ddl .citi-priority .progress-bar-color-3 {
    background-color: #aa11aa;
  }
  .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: #aa11aa;
  }

  .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(/poland/dmbh/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; }
@media (max-width: 767px) { .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;
	}
}
/* 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;   vertical-align: text-bottom;} 

.header-login-selector > .wrapper { padding-top:2px; z-index:4; position:absolute; top:100%; right:-20px; display:block; 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; }
.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 > div:nth-child(1) > span { transform:translateY(10px); } */
.header-login-selector__description { opacity:.85; font-size:11px; }

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

.header-login-selector:hover > .wrapper-mobile { pointer-events:all; opacity:1; animation: slideMenuTop .3s ease-in; }

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

@keyframes slideMenuBottom {
	from {
		top: 100%;
	}
	to { 
		top: -400%;
	}
}

.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 (min-width:768px) { #app-menu .ZalogujIcon { display:none; } 


}
@media (max-width:767px) { 
.logText {	margin-top: 8px;    margin-left: 20px;}
.header-login-selector > .wrapper-mobile { padding-top:2px; z-index:4; position:absolute; top:100%; opacity:0; pointer-events:none; transition:.4s opacity ease;  animation: slideMenuBottom .4s ease-in; right: -144px;
    background-color: white;
    padding: 30px;}
.header-login-selector > .wrapper-mobile > div {  padding:20px 25px; border-top:none; background:#FFF; }

/* .header-login-selector:hover > .wrapper-mobile { pointer-events:all; opacity:1; animation: slideMenuTop .3s ease-in; } */
}
.logText {
	font-weight: bold;
}
.LoginMob {
	position: absolute; padding-top: 12px;
}
.modal-dialog{
	margin-top: 141px!important;
}
.modal-body{

    padding: 5px 30px 0!important;
}
.bg-colored{
	background-color: black;	
}
.cbolui-ddl .hero-module-adjusted { position:relative; margin-bottom:-1em; }
.cbolui-ddl .hero-module-adjusted  { color:#Fff; }

/* .new-header {top: 38%;} */
.btn-orange { background-color: #ff6801 !important;  border: 3px solid #fff !important;  white-space: nowrap;}
.btn-white { background-color: #fff !important;  line-height: 24px;  color:#000!important; white-space: nowrap;}
.btn-blue { background-color: #fafafa !important;  border: 3px solid #056dae !important; color:#fff!important; white-space: nowrap;}
.btn-grey { background-color: #555 !important; line-height: 2.7!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: rgba(16, 14, 14, 0.7)!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: 90px;}
.header-offer p {    font-size: 15px;}
.loginbox  {background-color: #fff !important; padding: 20px; color:gray!important;}
.blueText { color: #489fde; font-weight: bold; }
.redText { color: #e30613; font-weight: bold; }
.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: 2.2; border-radius: 5px;}
.linia {    border-right: 1px solid #ccc; font-size: 0.9vw; height: 280px;}
.nagrody{ min-height: 200px;}
.btn-login {    line-height: 50px!important;}
.RegisterOpenBtn{line-height: 50px!important;}
.small {font-size: 11px!important;}
.tile {    padding-bottom: 50px!important;}
/* .container-new{border-bottom: #ccc;    border-bottom-style: solid;    border-bottom-width: 1px;} */
.cbolui-ddl .modal .modal-dialog { width: 70%!important;}

@media (min-width: 1420px) {

/* .new-header {top: 38%;} */
.btn-orange { background-color: #ff6801 !important;  border: 3px solid #fff !important;  white-space: nowrap;}
.btn-white { background-color: #fff !important;  line-height: 24px; border: 1px solid #000 !important;  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 h3 { color:#fff!important;     font-size: 1.5rem;}
.box h5 {     font-size: 0.8vw;}
.box p {     font-size: 0.9vw;}
.btn {    font-size: 1rem!important; white-space: nowrap;}
.header-offer {min-height: 75px;}
.loginbox  {background-color: #fff !important; padding: 20px; color:gray!important;}
.blueText { color: #489fde; font-weight: bold; }
.redText { color: #e30613; font-weight: bold; }
.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;}
.btn-login {    line-height: 42px!important;}
.RegisterOpenBtn{line-height: 42px!important;}
}
@media (min-width: 1800px) {

/* .new-header {top: 38%;} */

.box  {background-color: #100e0ebf!important; padding: 30px; color:#fff!important;}
.box h3 { color:#fff!important;     font-size: 2rem;}
.box h5 {     font-size: 0.7rem;}
.box p {     font-size: 0.7rem;}
.btn {    font-size: 1rem!important; white-space: nowrap;}
.header-offer {min-height: 90px;}
.loginbox  {background-color: #fff !important; padding: 20px; color:gray!important;}
.blueText { color: #489fde; font-weight: bold; }
.redText { color: #e30613; font-weight: bold; }
.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;}
.btn-login {    line-height: 42px!important;}
.RegisterOpenBtn{line-height: 42px!important;}
.hiddenBtnLogin ul li a {padding: 0.7em!important;}

}


@media (max-width: 767px) {
	.cbolui-ddl .hero-module-adjusted h1 { font-size: 24px; line-height: 32px; }
	/* .cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { background-position:63% center; max-height: 380px!important; height: 200px!important;     } */
	.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.9em!important; line-height: 1.5em!important;}
	.box h5 {     font-size: 0.8rem;}
	.box a {line-height: 34px!important; font-size: 17px!important;}

	.loginbox{       box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.20);     margin-bottom: 20px;}
	.btn {margin-right: 0px!important; font-size: 1rem!important; }
	.part {background-color: white;    }
	.part2 {background-color: #f0f0f0;    }
	.linia {    border-right: 0px solid #ccc; }
	.nagrody{ min-height: 100px;}
	small {font-size: 13px!important;}
	.header-offer {min-height: 55px;}
	.app-footerplt{background-color: white;}
	.btn-white { background-color: #000 !important;  border: 1px solid #000 !important; color:#fff!important;}
	.line {border-top: 2px solid #ccc;    padding-top: 20px;}
	/* .nagrody{    max-width: 45%;} */

	
}
@media (max-width: 1057px) {
/* .nagrody{ min-height: 150px;} */
.box h3 {     font-size: 1.5em;}
/* .box h5 {     font-size: 0.7em;} */
.box p {     font-size: 0.8em;}
.hiddenBtnLogin ul li a {line-height: 25px!important;}

}
@media (max-width: 373px) {
	.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { max-height: 350px!important;;  }
}
@media (max-width: 305px) {
	.cbolui-ddl .hero-module-adjusted .hero-adjusted-image-wrapper { max-height: 400px!important;;  }
}