/*
 * Gridiculous
 *
 * A responsive grid boilerplate that takes you all the way from 1200px on down to 320px.
 *
 * created by c.bavota
 * released under GPL v2
 *
 * March 4th, 2013
 */

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
-------------------------------------------------------------- */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{margin:0 0 0 0;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:0.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul {-webkit-padding-start: 16px;}
/* =Clearfix by Nicolas Gallagher
-------------------------------------------------------------- */
.row:before,.row:after,.clearfix:before,.clearfix:after{content:'';display:table}
.row:after,.clearfix:after{clear:both}
.row,.clearfix{zoom:1}

/* =Gridiculous
-------------------------------------------------------------- */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:100%;line-height:1.6875;font-family: "Georgia";}
.grid{width:100%}
img{max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto}
.wfull{width:100%;max-width:100%}
.w320{max-width:320px}
.w640{max-width:640px}
.w960{max-width:960px}
.row{width:100%;margin-bottom:0px}
.row .row{width:auto;}
.c1{width:8.33%}
.c2{width:16.66%}
.c3{width:25%}
.c4{width:33.33%}
.c5{width:41.66%}
.c6{width:50%}
.c7{width:58.33%}
.c8{width:66.66%}
.c9{width:75%}
.c10{width:83.33%}
.c11{width:91.66%}
.c12{width:100%}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{min-height:1px;float:left;padding-left:20px;padding-right:0px;position:relative}
.s1{margin-left:8.33%}
.s2{margin-left:16.66%}
.s3{margin-left:25%}
.s4{margin-left:33.33%}
.s5{margin-left:41.66%}
.s6{margin-left:50%}
.s7{margin-left:58.33%}
.s8{margin-left:66.66%}
.s9{margin-left:75%}
.s10{margin-left:83.33%}
.s11{margin-left:91.66%}
.end{float:right!important}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px){
.row .row .c1,.row .row .c2,.row .row .c3,.row .row .c4,.row .row .c5,.row .row .c6,.row .row .c7,.row .row .c8,.row .row .c9,.row .row .c10,.row .row .c11,.row .row .c12{width:100%;margin-bottom:0px}
.row .row > div:last-child{margin-bottom:0 !important}
.bullet {width:100%;margin-right:0;margin-left:0;margin-bottom:20px}
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait){
body{font-size:90%}
.row{margin-bottom:0!important}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12{width:100%;margin-right:0;margin-left:0;margin-bottom:0px}
.callout {border:none !important;}
.badge {margin: -22px 20px 50px 20px !important; width:100% !important; height:auto !important;}
.badge .c12 {margin-bottom: 0px !important;}
.badge-cta {position:inherit !important;}
.mobileadjust {padding-left:40px;}
.badge-terms {height:31px !important; margin-top: -14px !important;}
#site-content {margin: 0 !important;}
.amexlogo img {margin-right: 0 !important;}
.amexlogo {margin-top: -35px !important;}
.secondline {margin: 22px 0;}
.copy1, .list1, .list2 {
    padding: 7vw !important;
}
	.work {margin-top: 0 !important;
	}
	.logo {max-width: 60vw !important;
 }
	.slide1 {margin-top: 20px;}
	.cellbreak {padding: 10px 10px 10px 10px;
    line-height: 2em !important;
}
	.top4 {
	    background: none #75d8e1 !important;
}
}
/* Site-specific CSS
-------------------------------------------------------------- */

#site-content {
	/* margin: 0 41px; 
	
	padding: 20px 30px 20px 10px;*/
	background:none;
	}
#site-content2 {
	margin: 0;
	background:url(images/mainBackground.gif);
	padding: 0px 20px;
	}
.logo  { 
	padding-left: 8vh !important;
	min-width: 250px;
	line-height: 7vh;
	}
.logo img {vertical-align: middle; display: inline !important;}
.secondline, .secondline a {
	font-size: 12px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:right;
	}

a {color: #5081bd;}


.p1 {
  font-size: 28px;
  color: #223d7a;
  font-weight: normal;
  line-height: 1.368;
  text-align: left;
	}
.p2 {
  font-size: 14px;
  color: #4d4f53;
  font-weight: normal;
  line-height: 24px;;
  text-align: left;
	}
.p2 span {
	 color: #424371;
	 font-weight:bold;
	}
.p3 {
	font-size: 14px;
	line-height:normal;}
.left {
	border-right:none !important;
	}
.right {
	border-left:none !important;
	}
.callout  {
	text-align: center;
	height:146px;
	}


hr {
	border-top: 2px solid #adafaf;
	margin-top: 44px;
    margin-bottom: 20px;
	}

.badge {
	background-color: #FFFFFF;
	font-size: 28px;
    line-height: 1.4;
    padding-top: 9px;
  	color: #223d7a;
	float:right;
	width:390px;
	height:208px;
	position:relative;
    margin-top: -306px;
    margin-right: 114px;
	}
.badge .c12 {
	padding: 0 15px 0 20px !important;
	}
.subhead {
	font-size: 17px;
    line-height: 1.2;
	padding-left:0 !important; 
	margin-top: 3px;
	font-weight: bold;
	}
.badge-terms {
	font-size:12px;
	}

.badge .amexlogo {
	text-align:right;
	padding-right:0 !important;
	padding: 0;
    margin-top: 35px;
	}
.amexlogo img {
	
	}

.badge-cta {
    background-color: #223d7a;
    height: 56px;
    padding: 0px 0px 0px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
	}
.terms {font-size: 10px;
  line-height:1.5;
  padding: 10px 20px 50px 20px;

  }

 footer {
	 background-color:#c6c6d4;}
 footer a {
	color:#000000;
	text-decoration:none;
	margin-right:100px;
	}
.footer-link {
	margin-bottom:20px;
	font-size:10px;
	}
.footer hr {
	border-top: 1px dotted #d3d3d3;
	background-color:#ebebeb;
	margin-top: 30px;
    margin-bottom: 20px;
	width:90%;
	}
.btn1 {
  background: #063681;
  background-image: -webkit-linear-gradient(top, #063682, #012969);
  background-image: -moz-linear-gradient(top, #063682, #012969);
  background-image: -ms-linear-gradient(top, #063682, #012969);
  background-image: -o-linear-gradient(top, #063682, #012969);
  background-image: linear-gradient(to bottom, #063682, #012969);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  font-family: Arial;
  font-weight:bold;
  color: #FFFFFF;
  font-size: 14px;
  padding: 4px 17px 4px 17px;
  border: solid #FFFFFF 1px;
  text-decoration: none;
	}

.btn1:hover {
  text-decoration: none;
	}
.adjust {
	padding: 30px;
	}
	
.adjust-footer {
	padding: 0 30px;
	margin-bottom:0px;}

.accordion-toggle {
	cursor: pointer; 
	font-size:14px; 
	font-weight:bold; 
	line-height:normal;
	background:url(images/plus.gif) no-repeat 0 3px;
	padding-left:17px;
	margin-bottom: 7px;
	}
.accordion-toggle2 {
	background:url(images/minus.gif) no-repeat 0 3px;
	}
.accordion-content {
	display: none; 
	padding-left:17px; 
	font-size:14px; 
	line-height:normal;
	}

.accordion-content p {
	padding-top:0px; 
	margin-top:0px;
	}
	  
.accordion-content.default {
	display: block;
	}
.footer {
	background: #2a2b2d;
}

h3 {
	color:#223d7a;
}

.terms2 {font-size: 10px;
  line-height:1;
  padding: 10px 20px 50px 20px;
  }

#site-content3 {
	background: #343638;
	color: #FFFFFF;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: #000;
	height: 7vh;
}

.cellbreak {
	font-style: italic;
	text-align: center;
	line-height: 7vh;
	background-color: #FFFFFF;
	vertical-align: middle;
}

.slide1  {
	height: 93vh;
	margin-top: 0vh;
	
}
.slide2, .slide3, .slide5, .slide6, .slide7  {
	height: 93vh;
	margin-top:0 !important;
	margin-bottom:0 !important;
	
}



.fill {
	height: 35vh !important;
	margin-right: 0 !important;
}

.copy1 {
    font-size: 1.6vw;
    padding-left: 8vh;
    padding-top: 7vw;
	padding-bottom: 2vw;
}

.list1 {
	font-size: 1.6vw;
    padding-left: 8vh;
    padding-top: 20px;
}

.list2 {
	font-size: 1.6vw;
    padding-top: 20px;
}
.work {margin-top: -300px;}
@media screen and (min-width: 1500px)
{
	.copy1, .list1, .list2 {
    font-size: 2.5vh;

}
	
	
}
@media screen and (max-width: 1100px)
{
	.copy1, .list1, .list2 {
    font-size: 18px;

}
	
	
}
.nowrap {
	white-space: nowrap;
}

.menu {
	position: fixed;
	top: 0px;
	right: 7vh;
	z-index: 11;
	cursor: pointer;
	line-height: 7vh;
}
.menu img {vertical-align: middle; display: inline !important;}

.expanded {
	width: 100%;
    background: rgba(0, 0, 0, 0.8) !important;
    height: 100vh;
	display: none;
}

.menu-item {
	background: #000000;
	border-top: 1px solid #FFFFFF;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px 15px 15px 83px;
	font-size: 24px;
	cursor: pointer;
}

.top1 {
	height: 93vh;
	background: #ffd46b;
	background-size: auto 80%;
	margin-bottom: 0;
}
.top2 {
	height: 86vh;
	    background:  #f5ebbf;
	background-size: auto 100%;
	margin-bottom: 0;
}
.top3 {
	height: 86vh;
	background: #bae5f9;
	background-size: auto 80%;
	margin-bottom: 0;
}
.top4 {
	    background: url(images/slide4.svg) no-repeat #75d8e1;
    background-size: auto 60%;
    margin-bottom: 0;
    background-position-x: right;
    background-position-y: 122%;
}
.top5 {
	height: 86vh;
	background:  #99d1a4;
	background-size: auto 80%;
	margin-bottom: 0;
}
.top6 {
	height: 86vh;
	 background: #9baa81;
	/* background: url("images/slide6.svg") bottom right no-repeat #9baa81; */
	background-size: auto 80%;
	margin-bottom: 0;
}
.top7 {
	height: 86vh;
	background: url("images/slide7.svg") bottom right no-repeat #97cb76;
	background-size: 80% auto;
	margin-bottom: 0;
}

.slide7 {
	background: #97cb76; }

.slide4 {
	background: #75d8e1;
}