@charset "utf-8";
body {
	background-size: cover;
	font-family: 'Open Sans', sans-serif;
	/*background: rgba(0, 0, 0, 1) url("../img/background3.jpg") no-repeat fixed center top;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#effdff+36,c0d5e5+100 */
	background: #effdff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 36%, #c0d5e5 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 36%,#c0d5e5 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 36%,#c0d5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0d5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #444;
	height: 100vh;
}

.center {margin-left:auto; margin-right:auto; display:block; text-align:center;}
.img-responsive {max-width:100; height:auto;}

h1, h2, h3 {font-family: "Oswald", Arial, sans-serif;}
h1 {font-size: 66px; font-weight: 300; color: #444; line-height: 70px;}
h2 {font-size:33px; font-weight:300; color:#444; line-height: 40px;}
h3 {font-size:24px; font-weight:300; color:#444; line-height:30px;}

p {font-size:14px; font-weight:300; color:#444; line-height:24px; margin:0px;}


#headline {margin-top: 50px;}

a:link,a:visited {color: #07456C; text-decoration: none;}
a:hover {color: #444;}

#value{
	border-top: rgba(0, 0, 0, .3) thin solid;
	border-bottom: rgba(0, 0, 0, .3) thin solid;
	margin-top: 100px;
	padding-top:25px;
	padding-bottom: 100px;
	
}

#CASL {border-top: 1px solid #ddd; margin-top: 20px; padding: 20px 0;}

.mapleLeaf {display: none;}

/************ FORMS ************/
/*******************************/

.atf-form {border: 1px solid #ddd; border-radius: 10px; padding: 20px; margin-bottom: 50px; background-color: rgba(255,255,255, 0.8)}

.atf-btn {background: #07456C; color: #fff; padding: 10px 0; text-transform: uppercase; font-weight: bold; border-radius: 10px; margin-top: 20px;}
.atf-btn:hover {background: #fff; color: #07456C;}

.atf-btn2 {background: #fff; color: #07456C; border: 1px solid #07456C; padding: 10px 0; text-transform: uppercase; font-weight: bold; border-radius: 10px; margin-top: 20px;}
.atf-btn2:hover {background: #07456C; color: #fff;}

input[type=text], input[type=submit], select {width: 100%;}

input[type=text], input[type=checkbox], select {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:0;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:1.708%;
	padding-right:1.708%;
	background-color: rgba(255, 255, 255, .8);
	color: #292929;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	border: 1px solid #ddd;
}

input[type=checkbox]{margin-right: 5px;}

input[type=radio]{display: inline-block; margin: 10px 3px 10px 8px;}

.checkOptions {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background-color: rgba(255, 255, 255, .8);
	border:0;
	padding-left:1.708%;
	padding-right:1.708%;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:10px;
	margin-top:10px;
}

select{
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:1.708%;
	padding-right:1.708%;
	background-color: rgba(255, 255, 255, .8);
	color: #292929;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	margin-top:10px;
	width: 100%;
}

input[type=image]{
	margin-top:10px;
}


::-webkit-input-placeholder {
   color: #555555;
   font-style:italic;
}

:-moz-placeholder { /* Firefox 18- */
   color: #555555;  
   font-style:italic;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #555555;
   font-style:italic;
}

:-ms-input-placeholder {  
   color: #555555;  
   font-style:italic;
}

.error{color:#900;}

#label:Email_Opt_In-error {display:none;}

input.error, select.error{
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:0;
	padding-top:15px;
	padding-bottom:15px;
	background-color: rgba(255, 0, 50, .5);
	color: #900;
	font-family: 'Open Sans', sans-serif;
	margin-bottom:10px;
	margin-top:10px;
}

.error::-webkit-input-placeholder {
   color: #900;
   font-style:italic;
}

.error:-moz-placeholder { /* Firefox 18- */
   color: #900;  
   font-style:italic;
}

.error::-moz-placeholder {  /* Firefox 19+ */
   color: #900;
   font-style:italic;
}

.error:-ms-input-placeholder {  
   color: #900; 
   font-style:italic;
}


@media screen and (max-width: 767px) {
	h1 {font-size: 36px; line-height: 42px; font-weight: 400 !important;}
	h2 {font-size: 22px; line-height: 27px; margin-bottom: 10px !important;}
	#headline {margin-top: 0 !important;}
	.logos {margin-bottom: 40px;}
	.catLogo {width: 150px;}
	.visaLogo {width: 50px;}
	.mapleLeaf_p {display: none;}
	.mapleLeaf {display: inline; width: 25px;}
	.bonus {background: none !important; color: #444 !important; border-top: 1px solid #444; border-bottom: 1px solid #444; font-weight: bold !important; padding: 10px 0 !important; }
	.bonus span {background: none !important; box-shadow: none !important; line-height: 28px !important; padding: 20px 0 !important;}
	.bonus strong {color: #07456C !important;}
}