/* 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{
	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;
	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{
		display: inline-block;
	}
	.files-list-desc span.files-list-size{
		display: block;
		padding-left: 0px;
	}
	.files-list-desc{
	margin-top: 10px;
	}

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

	padding: 25px;
}

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

/* fix for tables on mobile */

@media (max-width: 767px){
	.container-totable{
		overflow-x: scroll;
	}
	.container-totable > .row{
		width: 900px;
	}
}


/* 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("/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; cursor:pointer; }
@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;
	}
}

/* Social Bar */
.SocialBar { position:fixed; top: 250px; 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; } }





/* 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: 15px 0;
}
@media only screen and (max-width: 1000px) {
	.d8-contact-us-icon {
		display: none !important;
	}
}

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



	.showHideBtn{
        width: 16px;
        height: 16px;
        display: block;
        background: url(/formularz/images/eye.png) center center no-repeat;
        position: absolute;
				top: 37px;
				left:auto; right:24px;
        cursor: pointer;
        z-index: 99;
	}
	
	.new-cookie { background:#46b7e6!important; }
	.new-cookie:not(.activated) { display:none!important; }
	.new-cookie .container-fluid { transition:.6s transform ease-in-out; }
	.new-cookie.closed .container-fluid { transform:translate3d(0,-100%,0); }
	.new-cookie .inner { display:flex; align-items:flex-end; }
	.new-cookie .text { padding:12px; font-size:14px; color:#fff!important; }
	.new-cookie .text a { text-decoration:underline; color:#fff!important; }
	.new-cookie .btn { margin:16px 0 16px 30px; line-height:26px; min-width:0;}
	@media (max-width:767px) {
		.new-cookie .inner { display:flex; flex-direction:column; align-items:flex-end; padding-right:0;}
		.new-cookie .btn { margin-top:0; }
	}
	@media (max-width:620px) {
		.new-cookie .text { padding-left:0; padding-right:0;}
	}
	@media (max-width:540px) {
		.new-cookie .text { padding:6px 0; margin:0 -12px; width:calc(100% + 24px); font-size:12px; line-height:16px; }
		.new-cookie .btn { margin-bottom:6px; margin-right:-12px; }
	}