@charset "UTF-8";
/* CSS Document */


.navcolors:hover {
	background-color: white;
	color: black !important;
}
.readnow {
	background-color: #56BB7F;
	color: white;
	font-weight: 400;
	border: none;
	border-radius: 3px;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
}
.readnow:hover {
	background-color: #E65156;
	color: white;
	font-weight: 400;
	border: none;
	border-radius: 3px;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
}
.logoimage {
	display: block;
	max-width: 110px
}
.stickybox {
	max-width: 100px;
	right: 0;
	top: 7%;
	position: fixed;
	z-index: 1;
}
.topsticky {
	color: #FFFFFF;
	padding: 10px;
	background-color: #56BB7F;
	-webkit-transition: background-color 1s, color 1s; /* Safari */
	transition: background-color 1s, color 1s;
}
.topsticky:hover {
	background-color: white;
	color: #56BB7F;
	-webkit-transition: background-color 1s, color 1s; /* Safari */
	transition: background-color 1s, color 1s;
}
.homemoduleback {
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.mainctatext {
	font-weight: 100;
	padding-top: 10px;
	font-family: 'Lato', sans-serif;
}
.mainctadivider {
	max-width: 220px;
}
.box1 {
	padding-top: 15%;
	padding-left: 9%
}
.box2 {
	padding-bottom: 21%
}
.box3 {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 28px;
	background-color: #48A799;
	max-width: 320px;
	color: #FFFFFF;
	font-weight: 100;
	box-shadow: 5px 5px 7px #000000
}
.box4 {
	padding-left: 12px;
	padding-top: 50px;
	padding-bottom: 30px;
}
.box5 {
	padding-right: 10px;
	padding-top: 50px;
	padding-bottom: 40px;
}
.bigtext {
	font-size: 25px;
	font-weight: 500;
	line-height: 32px
}
.checkit {
	text-decoration: none;
	color: #FFFFFF;
	-webkit-transition: box-shadow 0.5s; /* Safari */
	transition: box-shadow 0.5s;
	background-color: #E65156;
	padding: 14px;
	font-weight: 400;
}
.checkit:hover {
	box-shadow: 5px 5px 0px white;
	color: white;
	text-decoration: none;
	-webkit-transition: box-shadow 0.5s; /* Safari */
	transition: box-shadow 0.5s;
}
.boxedletter {
	background-color: #56BB7F;
	padding: 5px;
	font-size: 50px;
	font-weight: bold;
	color: #FFFFFF;
	border-radius: 5px
}
.incompletetype1 {
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 35px;
	padding-top: 5px;
	max-width: 400px
}
.incompletetype {
	color: #000000;
	font-family: 'Lato', sans-serif;
	font-size: 28px;
	font-weight: 400;
	line-height: 35px;
	padding-top: 5px;
}
.pblock {
	font-family: 'Lato', sans-serif;
	color: #4A4A4A;
	font-size: 15px;
	font-weight: 200;
	padding: 14px
}
.pblockcoffee {
	font-family: 'Lato', sans-serif;
	color: #4A4A4A;
	font-size: 15px;
	font-weight: 200;
	padding-left: 14px;
	padding-right: 14px;
	max-width: 800px;
	padding-top: 40px;
	padding-bottom: 30px
}
.learn {
	color: #56BB7F;
	font-weight: bold;
	font-size: 15px;
	padding-top: 20px;
	padding-bottom: 10px
}
.booklist {
	font-size: 15px;
	line-height: 25px;
	color: #56BB7F;
}
.listtype {
	color: black;
}
.resimage {
	display: block;
	max-width: 100%;
}
.resimagecoffee {
	display: block;
	max-width: 70%;
}
.bookbox {
	display: block;
	max-width: 100%;
}
.bookbox1 {
	padding-bottom: 20px
}
.textblock1 {
	padding-bottom: 20px
}
.boxpad {
	padding-top: 13%;
	padding-bottom: 14%
}
.imagepad {
	padding-top: 19%;
	padding-bottom: 14%
}
.imagepadcoffee {
	padding-top: 9%;
	padding-bottom: 0px
}
.choicemodule {
	background-color: #F8F8F9;
	background-image: url(http://usimages2014.s3.amazonaws.com/_april/PROJECTS%20BY%20REQUEST/CJ/coffeebeansscreen.jpg);
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.choiceheadline {
	font-family: 'Lato', sans-serif;
	color: white;
	padding-top: 120px;
	padding-bottom: 100px;
	font-size: 28px;
	font-weight: 400;
}
.clientimg {
	max-width: 150px;
	display: block;
}
.choicebox1 {
	padding-bottom: 170px
}
.quoteclient {
	color: white;
}
.clientname {
	color: white;
	font-weight: 100;
	font-family: 'Lato', sans-serif;
	padding-bottom: 30px;
	font-style: italic;
	padding-top: 10px
}
.choicetext {
	font-family: 'Lato', sans-serif;
	color: white;
	font-size: 15px;
	font-weight: 200;
	padding: 14px
}
.seethroughcta {
	padding-top: 20px
}
.floatimagebig {
	display: block;
	max-width: 500px;
	padding-top: 140px
}
.floatimagesmall {
	display: block;
	max-width: 100%;
	padding-top: 140px
}
.footerimage {
	display: block;
	max-width: 100%;
	padding-top: 140px
}
.headline {
	background-color: #F8F8F9
}
.threeboxes {
	padding-bottom: 140px
}
.icons {
	color: #5879DA;
	text-shadow: 5px 5px 0px #88DAC1
}
.headericon {
	color: #000000;
	font-weight: 400;
	font-family: 'Lato', sans-serif;
	padding-bottom: 30px;
	padding-top: 20px;
}
.loudmodheader {
	font-family: 'Lato', sans-serif;
	color: white;
	font-size: 22px;
	font-weight: 200;
	padding-bottom: 30px
}
.loudmodbig {
	font-weight: bold;
	font-size: 60px
}
.boxmodule {
	padding-top: 16%;
	padding-bottom: 16%
}
.secondmodule {
	padding-top: 16%;
	padding-bottom: 16%
}
.mainctaleft {
	padding-left: 14px;
	padding-top: 20px;
	-webkit-transition: padding-left 1s; /* Safari */
	transition: padding-left 1s;
}
.mainctaleft:hover {
	padding-left: 40px;
	padding-top: 20px;
	-webkit-transition: padding-left 1s; /* Safari */
	transition: padding-left 1s;
}
.maincta {
	max-width: 200px;
	background-color: #5879DA;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	font-size: 14px;
	line-height: 1.42857143;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s;
}
.mainctapeek {
	max-width: 200px;
	color: #5879DA;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	font-size: 14px;
	line-height: 1.42857143;
	border: solid 2px #5879DA;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s, border 1s, color 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s, border 1s, color 1s;
}
.mainctaform {
	font-size: 16px !important;
	max-width: 250px;
	background-color: #55B87D;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	line-height: 1.42857143;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s;
}
.mainctaform:hover {
	font-size: 16px;
	max-width: 250px;
	background-color: #E65156;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 14px;
	box-shadow: 7px 7px 0px black;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s;
}
.hyperlink {
	text-decoration: none !important
}
.maincta:hover {
	max-width: 200px;
	background-color: #55B87D;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 14px;
	box-shadow: 7px 7px 0px black;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s;
}
.mainctapeek:hover {
	max-width: 200px;
	background-color: #55B87D;
	color: white;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	padding: 14px;
	border: solid 2px #55B87D;
	box-shadow: 7px 7px 0px black;
	-webkit-transition: box-shadow 1s, background-color 1s, font-weight 1s, border 1s, color 1s; /* Safari */
	transition: box-shadow 1s, background-color 1s, font-weight 1s, border 1s, color 1s;
}
.choice1cta {
	max-width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	-webkit-transition: padding 1s, border 1s; /* Safari */
	transition: padding 1s, border 1s;
}
.choice1cta:hover {
	max-width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 28px;
	border: double 8px white;
	-webkit-transition: padding 1s, border 1s; /* Safari */
	transition: padding 1s, border 1s;
}
.choice2cta {
	max-width: 200px;
	background-color: #5245C2;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	-webkit-transition: padding 1s, border 1s; /* Safari */
	transition: padding 1s, border 1s;
}
.choice2cta:hover {
	max-width: 200px;
	background-color: #5245C2;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 28px;
	border: double 8px white;
	-webkit-transition: padding 1s, border 1s; /* Safari */
	transition: padding 1s, border 1s;
}
.subheader {
	font-family: 'Lato', sans-serif;
	color: #000000;
	padding-top: 120px;
	padding-bottom: 100px;
	font-size: 28px;
	font-weight: 400;
}
.subheadercoffee {
	font-family: 'Lato', sans-serif;
	color: #000000;
	padding-top: 120px;
	padding-bottom: 50px;
	font-size: 28px;
	font-weight: 400;
}
.subheaderfooter {
	font-family: 'Lato', sans-serif;
	color: #000000;
	padding-top: 0px;
	padding-bottom: 100px;
	font-size: 28px;
	font-weight: 400;
}
.separator {
	font-size: 14px
}
.footerctas {
	padding-top: 50px
}
.choicesctas1 {
	padding-top: 50px;
	padding-left: 50%
}
.choicesctas2 {
	padding-top: 50px;
	padding-right: 50%
}
.choicespad {
	padding-bottom: 14%
}
.loudmodule {
	background-color: #56BB7F;
	padding-top: 100px;
	padding-bottom: 120px
}
.loudmodcta {
	background-color: #FFFFFF;
	max-width: 200px;
	padding: 10px;
	border-radius: 25px;
	text-decoration: none;
	-webkit-transition: box-shadow 0.5s; /* Safari */
	transition: box-shadow 0.5s;
	color: #56BB7F
}
.loudmodcta:hover {
	box-shadow: 5px 5px 0px black;
	-webkit-transition: box-shadow 0.5s; /* Safari */
	transition: box-shadow 0.5s;
}
.hollowcta1 {
	max-width: 200px;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	border: solid 2px white;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
}
.hollowcta1:hover {
	max-width: 200px;
	background-color: #000000;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	border: solid 2px white;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
	text-decoration: none;
}
.hollowcta2 {
	max-width: 200px;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	border: solid 2px white;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
}
.hollowcta2:hover {
	max-width: 200px;
	background-color: #5245C2;
	color: #FFFFFF;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	padding: 14px;
	border: solid 2px white;
	-webkit-transition: background-color 1s; /* Safari */
	transition: background-color 1s;
	text-decoration: none;
}
.socialpadding {
	padding: 10px
}
.footerlogo {
	display: block;
	max-width: 221px
}
.brown {
	background-color: #2A0E03
}
.footermodule {
	padding-top: 40px;
	padding-bottom: 70px;
	color: white
}
.iconstop {
	padding-top: 10px
}
.formwrap {
	padding-top: 25px
}
.emailbox {
	max-width: 300px
}
.lastlogo {
	padding-top: 40px;
	padding-bottom: 70px;
	background-color: #2A0E03;
	color: white
}
.lastlogopad {
	padding-top: 25px
}
.floating {
	-webkit-animation-name: Floatingx;
	-webkit-animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-name: Floating;
	-moz-animation-duration: 3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: ease-in-out;
}
 @-webkit-keyframes Floatingx {
 from {
-webkit-transform:translate(0, 0px);
}
 65% {
-webkit-transform:translate(0, 15px);
}
 to {
-webkit-transform: translate(0, -0px);
}
}
 @-moz-keyframes Floating {
 from {
-moz-transform:translate(0, 0px);
}
 65% {
-moz-transform:translate(0, 15px);
}
 to {
-moz-transform: translate(0, -0px);
}
}