@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700');


*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
 
body {     font-family: Montserrat,Georgia,Times,Times New Roman,serif;
    font-style: normal;
	background-color: #fff;
       
	font-weight: 300;
    letter-spacing: 0.1px;
    text-rendering: optimizeLegibility;
    font-size: 15px;
	line-height: 1.4em;
    color: #313c42;
 	margin: auto; }
 
strong {font-weight: 400;}
	


footer a {color:#02428e;}
footer a:hover {color:#2b2b2b;}

 a { 	font-weight: 300; color:#02428e; text-decoration: none;}
  a:hover { color: #313c42;}

.breadcrumb {color:#000;}


p { text-transform: none;  color:#575757; font-weight: 300;}

h1 {   color:#02428e; font-weight: 300; font-size:3em;  line-height: 1.2em; letter-spacing: 0px;  padding: 0 0 10px 0; }




h2 { color:#02428e; text-transform: none; font-weight: 300; }

h3 {  color: #3a3a3a;     font-family: Helvetica,Arial,sans-serif;
    font-style: normal;
	font-weight: 300; font-size:16px;  text-transform: none; }

sup {
    top: -0.5em;
}
sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub, sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.slogan {color:#fff; 
     position: relative;
    z-index: 200;
}

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; width: 1px; }

/* LANGUAGE SWITCHER */
/* ui-dropdown-list */

.ui-dropdown-list {
  position: relative;
	top: 0;
}

p.ui-dropdown-list-trigger {
	    margin-top: -10px;
}

.ui-dropdown-list-trigger strong {
	position: relative;
	z-index: 999;
}

.ui-dropdown-list-trigger strong:after {
	display: block;
	position: absolute;
	content: '';
	right: 5px;
	top: 10px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #012D6B;
}

.ui-dropdown-list-trigger strong,
.ui-dropdown-list ul a {
	display: block;
	width: 120px;
	cursor: pointer;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 13px;
	color: #012D6B;
	font-weight: normal;
}

.ui-dropdown-list ul {
	display: none;
	position: absolute;
	right: 0;
	top: 25px;
	margin-top: 0;
	padding: 0;
	z-index: 1000;
}

.ui-dropdown-list li {
	list-style-type: none;
}

.ui-dropdown-list ul a,
.ui-dropdown-list ul a:link,
.ui-dropdown-list ul a:visited {
	position: relative;
	display: block;
	float: right;
	background-color: #CBCBCB;
}

.ui-dropdown-list ul a:hover,
.ui-dropdown-list ul a:focus {
	border-bottom: none;
	background-color: #009AFF;
	color: #fff;
}

/* JS interactivity */
.no-js .ui-dropdown-list ul,
.ui-dropdown-list.active ul {
	display: block;
}

.ui-dropdown-list.active strong {
	background-color: #012D6B;
	color: #fff;
}

.ui-dropdown-list.active strong:after {
	border-top-color: #fff;
}

#lang-switcher a,
#lang-switcher strong {
	background-image: url(../images/flag-de.gif);
	background-repeat: no-repeat;
	background-position: 8px center;
}

#lang-switcher a.en,
#lang-switcher .en strong {
	background-image: url(../images/flag-en.gif);
}

#lang-switcher a.fr,
#lang-switcher .fr strong {
	background-image: url(../images/flag-fr.gif);
}

#lang-switcher strong {
	float: right;
}
.container{
    
    max-width: 1200px;
    margin: 0 auto;
}
.columnsContainer  { position: relative;   /*height: 33.9375rem;*/  /*background-color: #2587af; */  }
 footer, header { position: relative;   /*background-color: #2587af; */       }
.columnsContainer2  { position: relative;   height: 37.9375rem;  /*background-color: #2587af; */  }
.footer-container {margin-top:45px; margin-bottom:45px;   text-transform: uppercase;    font-size: 0.95em; color: rgba(255, 255, 255, 0.80); }

.bank_statement {font-size: .825em;     line-height: 1.285714286; color: #9F9F9F;  text-transform: none; border-top:1px solid rgba(255, 255, 255, 0.2);}

.copy_container_main {padding-top:10px; padding-bottom:10px; min-height: 70px; background-color: #02428e;}
.copyright_text { font-size: .725em; float: left; line-height:55px; color: #fff;  }




  
 .secondary {   height: 45px; background-color: #4f4f4f;
    background-image: -webkit-linear-gradient(45deg, #4f4f4f 0%, #4f4f4f 100%);
    background-image: -moz-linear-gradient(45deg, #4f4f4f 0%, #4f4f4f 100%);
    background-image: -o-linear-gradient(45deg, #4f4f4f 0%, #4f4f4f 100%);
    background-image: -ms-linear-gradient(45deg, #4f4f4f 0%, #4f4f4f 100%);
    background-image: linear-gradient(45deg, #4f4f4f 0%, #4f4f4f 100%);
    opacity: 1;
    visibility: inherit;       }

.columnsContainer2 { position: relative;     background-color: transparent;   }


.leftColumn, .rightColumn {    padding: 1.25em 0px;  }

.rightColumn {
    border-top: 8px solid #02428e;
    border-top-color: #02428e;
    background-color: #fff;
    -webkit-box-shadow: 5px 5px 15px 5px rgba(43, 43, 43, 0.3);
    -moz-box-shadow: 5px 5px 15px 5px rgba(43, 43, 43, 0.3);
    box-shadow: 5px 5px 15px 5px rgba(43, 43, 43, 0.3);
    -webkit-transition: -webkit-box-shadow 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -moz-transition: -moz-box-shadow 500ms ease-in-out, -moz-transform 500ms ease-in-out;
    transition: box-shadow 500ms ease-in-out, transform 500ms ease-in-out;
    will-change: box-shadow;
    border-bottom: 8px solid #02428e;
    }

header {      background-color: #fff;
    border-bottom: 1px solid #e3e2e1;
    border-top: 5px solid #fff; padding-top: 1.25em;  }

footer {     background-color: #EBEBEB;    border-top: 1px solid #e3e2e1;   /*  background-color: ##12181e;*/
    margin-top: 0%;
    padding: 1.25em; }


/* Main Header Styles*/

.main_header { max-width:1200px; margin:auto; height: 90px;  }
.cardprogram_logo {margin-top: 15px; margin-bottom: 15px;}

/* Card Programs Specific CSS */

.cardprogram_support_div {max-width:1200px ; margin:auto; min-height: 100%;  }
.trutap_section {max-width:1200px ;margin:auto; min-height: 100%; margin-bottom: 40px; margin-top: 50px; }



#secondary_div { background-color:#fff; margin-top:4em;  padding:1.25em 1.25em 1em 1.25em; }


/* 2COL*/
.col-group > div {
	text-align: left;
	min-height: 17em;
  padding: 2em;
	    box-sizing: border-box;
		padding-left: 3.5rem;
    padding-right: 3.5rem;
	background:#fff;
	border-radius: 4px;
	margin-bottom:3em;
    border: 1px solid #E6E6E6;}

.col-group > div:hover {

 -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); }




.col-group > div:first-child {
	margin-right: 1.4%} 




@media screen and (min-width: 50em) {
  .col-group {
    overflow: hidden;
	}
    .col-group > div {	
    float: left;
       width: 49.3%;
	  }  }

 


/* 3COL*/
.col-group-3x > div {
	display: inline-block;
	text-align: center;
	min-height: 16em;
  padding-top: 2em;
	  padding-bottom: 2em;
	    box-sizing: border-box;
		padding-left: 4.5rem;
    padding-right: 4.5rem;
	background:#fff;
	border-radius: 4px;
	margin-bottom:3em;
   /* border: 1px solid #E6E6E6; */}

.col-group-3x > div:hover { 

/* -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); */ }




.col-group-3x > div:first-child {
	margin-right: 1.4%} 

.col-group-3x > div:last-child{
	margin-left: 1.4%} 




@media screen and (min-width: 50em) {
  .col-group-3x{
    overflow: hidden;
	}
    .col-group-3x > div {	
float: left;
      flex: 0 0 32.33333%;
    max-width: 32.33333%;
	  }  }

	 


input[type=text], textarea {   font-family: Montserrat,Georgia,Times,Times New Roman,serif;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
     outline: none;
    border-bottom: 1px solid #DDDDDD;
	font-weight: 300;
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(72, 72, 72, 0.4);
  border: 1px solid #009ddc;

}


input[type=passsword], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;

  border: 1px solid #DDDDDD;
}
 
input[type=passsword]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);
}





/* END CARD PROGRAM SPECIFIC CSS */






.leftColumn { /*background-color:#182c3f; */background-position:  center bottom; background-size:  cover;}

.nav {
  list-style: none;
  text-align:right;
  
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.nav > li,
.nav > li > a {
  display: inline-block;
  *display: inline;
  zoom: 1;
}

.inline-items {
  margin-top: 0;
}

.inline-items li {
  margin-left: 0;
  border-left: 1px solid black;
  padding-left: 10px;
  padding-right: 10px;
}

.inline-items li:first-child {
  margin-left: 0;
  border: none;
  padding-left: 0;
  padding-right: 10px;
}

.inline-items li:last-child {
  padding-right: 0;
}

/* MEDIA QUERIES */

@media screen and (max-width: 47.5em ) {
.my-content { display: none; }	
	#footer {text-align:center;}
	.columnsContainer { height: 820px;}
	.copyright_text { display: none; }	
}


@media screen and (min-width: 47.5em ) {
  .leftColumn { margin-right: 29.5em; 
    
    margin-top: 0px;}


	.rightColumn { position: absolute; top: 0; right: 0; width: 28.75em;  margin-bottom:-20px;  
    margin-top: 30px;}   
}



@media screen and (max-width: 1046px ) {
.my-content2 { display: none; }	
footer {    text-align: center;}
	.leftColumn, .rightColumn {  border: 0px solid  #ccc; padding: 1.25em ;  }



}

.asterisk {
    color: #e85c41;
    font-size: 150%;
    font-weight: normal;
    position: relative;
    top: 5px;
}

.heading_main_1 { display: none;padding: 42px 0px 30px 0px; line-height: 1.5em; font-size:32px; color:#3a3a3a; text-transform: uppercase;  text-align: center; font-weight: 100; letter-spacing: -0.7px;}

.div > a:hover { }

.hero__image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0px;
    left: 0;
    position: absolute;
    right: 0;
    top: -30px;
    z-index: -999;
}


@media print, screen and (min-width: 64em)
.hero--large .hero__image {
    height:32.9375rem; }

.content {max-width:1200px; margin:auto;      position: relative; 

  }


.ww-blue-btn {
    background: #02428e;
    padding: 15px 0px;
    width: 95%;
    color: #fff;
    border: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}


.ww-blue-btn:hover {
    background: #000000;
    padding: 15px 0px;
    width: 95%;
    color: #fff;
    border: none;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
}


.ww-black-btn-2 {
   font-weight: 400; 
   text-align: right; 
   color: #37414d;
}


.ww-blue-btn2:hover {
    font-weight: 400; text-align: right; color: #000000;
}