* {
	font-family: 'Open Sans', sans-serif;
	box-sizing: border-box;
	color: inherit;
	font-weight: inherit;
}
body {
	padding: 0;
	margin: 0;
	color: #5e6879;
}
hr {
	margin: 25px 0;
	border-top: 1px dotted #7b8c9b;
	border-bottom: 0;
}
h1 {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 25px 0 15px 0;
	color: #033746;
	border-bottom: 1px solid #d7dbdd;
}
h2 {
	font-size: 1.4rem;
	font-weight: 500;
	margin: 20px 0 10px 0;
	color: #2f3843;
}
h3 {
	font-weight: 500;
	font-size: 1.2rem;
	color: #033746;
}
p a, h4 a {
	color: #7caa04;
}
strong {
	font-weight: 600;
}
.fa-xmark, .fa-toggle-off {
	color: red;
}
.fa-check, .fa-toggle-on {
	color: #61830a;
}
a[href^="tel:"] {
	text-decoration: none;
}
a.silent {
	text-decoration: inherit;
	color: inherit;
}
.block {
 	clear: both;
}
.container {
	width: 1360px;
	margin: auto;
	max-width: 100%;
}
.sidepad15 {
	padding-left: 15px;
	padding-right: 15px;
}
.sidepad30 {
	padding-left: 30px;
	padding-right: 30px;
}
.verticalpad15 {
	padding-top: 15px;
	padding-bottom: 15px;
}
.verticalpad30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
[class^="flex-container-"] {
	display: flex;
}
[class^="flex-item-"] {
	padding-left: 15px;
	padding-right: 15px;
}
[class^="flex-item-"]:first-child {
	padding-left: 0;
}
[class^="flex-item-"]:last-child {
	padding-right: 0;
}
.flex-item-1fr {
	width: calc(100% / 12);
}
.flex-item-2fr {
	width: calc(100% / 6);
}
.flex-item-3fr {
	width: 25%;
}
.flex-item-4fr {
	width: calc(100% / 3);
}
.flex-item-5fr {
	width: calc(100% / 12 * 5);
}
.flex-item-6fr {
	width: 50%;
}
.flex-item-7fr {
	width: calc(100% / 12 * 7);
}
.flex-item-8fr {
	width: calc(100% / 12 * 8);
}
.flex-item-9fr {
	width: 75%;
}
.flex-item-10fr {
	width: calc(100% / 12 * 10);
}
.flex-item-11fr {
	width: calc(100% / 12 * 11);
}
.loggedin_as_admin {
	position: sticky;
	top: 0;
	background: red;
	padding: 10px 15px;
	color: white;
	z-index: 1000;
	text-align: center;
}
.loggedin_as_admin a {
	font-weight: 600;
}
.info-box {
	background-color: #edf0f2;
	color: #6c797d;
	border: 1px solid #d8dfe2;
	padding:  15px;
	font-size: 0.8rem;
}
.info-box h4 {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 500;
}
.info-box ul {
	padding-left: 12px;
}
.info-box li {
	list-style: circle;
}
.btn, .btn:active, .btn:visited {
	cursor: pointer;
	transition: all 0.4s;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
}
.smaller-text {
	font-size: 80%;
}
.long-btn {
	display: block;
	margin: 15px auto;
	width: max-content;
	max-width: 100%;
	padding: 10px 30px;
	background-color: #7caa04;
	color: #ffffff;
}
.long-btn i {
	font-size: 80%;
}
.long-btn:hover {
	background-color: #859498;
}
.green-btn {
	display: inline-block;
	width: max-content;
	max-width: 100%;
	padding: 6px 20px;
	background-color: #7caa04;
	color: #ffffff;
}
.green-btn i {
	font-size: 80%;
}
.green-btn:hover {
	background-color: #859498;
}
.btn-grey {
	display: block;
	border: 2px solid #2f3843;
	color: #2f3843;
	font-size: 1.3rem;
	line-height: 1.5rem;
	font-weight: 600;
	padding: 10px 20px;
	transition: all 0.4s;
	text-transform: uppercase;
}
.btn-grey:hover {
	background-color: #2f3843;
	color: #ffffff;
}
.underlined-header {
	border-bottom: 1px solid #d7dbdd;
}
.header {
	border-bottom: 5px solid #b9c7cb;
	background-color: #011d25;
}
.header .container {
	display: flex;
	justify-content: space-between;
}
.header .logo-container {
	padding-bottom: 15px;
}
.header .logo {
	display: inline-block;
}
.header .logo-container h1 {
	text-transform: uppercase;
	margin: 0;
	font-size: 0.7rem;
	color: #8099a1;
	border: none;
}
.header .logo-container h1 a {
	text-decoration: none;
}
.header .menu-container {
	display: flex;
	flex-direction: column;
	align-items: end;
}
.topmenu {
	padding: 15px 0;
}
.topmenu ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	color: #688790;
	font-size: 0.7rem;
}
.topmenu li {
	list-style: none;
}
.topmenu li + li {
	padding-left: 20px;
}
.topmenu a {
	text-decoration: none;
}
.topmenu a:hover {
	color: #fff;
}
.topmenu form {
	display: inline-block;
	padding-left: 5px;
}
.topmenu select {
	background-color: #5a8790;
	color: #fff;
	border: 1px solid #666;
	font-size: 0.7rem;
}
.mainmenu {
	display: flex;
	color: #fff;
	padding: 0 0 8px 0;
	margin: 0;
	font-weight: 600;
	z-index: 100;
}
.mainmenu ul {
	display: none;
	padding: 0;
	background-color: #011d25;
}
.mainmenu li {
	list-style: none;
}
.mainmenu ul ul {
	flex-direction: column;
}
.mainmenu li:hover > ul {
	display: block;
	position: absolute;
	border: 1px solid #688790;
}
.mainmenu li:hover > ul > li > a {
	border-bottom: 1px solid #033746;
	padding: 8px 14px;
}
.mainmenu a {
	text-decoration: none;
	display: block;
}
.mainmenu > li {
	padding-left: 16px;
}
.mainmenu > li:first-child {
	display: none;
}
.mainmenu > li > a {
	text-transform: uppercase;
	font-size: 1rem;
	padding: 8px 4px;
	transition: all 0.3s;
}
.mainmenu a:hover {
	background-color: #74a308;
}
.mainmenu .btn.register {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #6c828a;
	background-color: #688790;
}
.mainmenu .btn.register:hover {
	background-color: #74a308;
}
.mainmenu .btn.login {
	padding-left: 12px;
	padding-right: 12px;
	border: 1px solid #6c828a;
}
.mainmenu .btn.login:hover {
	background-color: #74a308;
}
.user-menu-block {
	background-color: #91c608;
}
.user-menu-block .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #0f404f;
	font-weight: 600;
}
.user-menu {
	display: flex;
	padding: 0;
	margin: 0;
}
.user-menu li {
	list-style: none;
}
.user-menu li:not(:last-child) {
	padding-right: 16px;
}
.user-menu .btn {
	padding: 8px 12px;
	display: inline-block;
	background-color: #ffffff;
}
.user-menu .btn:hover {
	color: #ffffff;
	background-color: #688790;
}

.message-container {
	background-color: rgba(255,255,255,0.8);
	display: flex;
	flex-direction: column;
	position: fixed;
	right: 0;
	width: 400px;
	z-index: 110;
}

.alert-box {
	display: flex;
	justify-content: space-between;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;
	border-radius: 4px;
	border-width: 2px;
	border-style: solid;
	background-color: #ffffff;
	font-weight: 600;
	padding: 10px;
	font-size: 1rem;
	line-height: 2rem;
	transition: all 1s ease;
	max-height: 200px;
}
.alert-box.hidden, .alert-box.hidden:last-child {
	opacity: 0;
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-width: 0;
}
.alert-box:last-child {
	margin-bottom: 15px;
}
.alert-box .fa-times {
	font-size: 150%;
	margin-left: 15px;
	cursor: pointer;
}
.alert-box .btn {
	display: inline-block;
	padding: 4px 12px;
	line-height: 1.5rem;
}
.alert-box.error-message {
	color: #c60000;
	border-color: #c60000;
}
.alert-box.error-message .btn {
	color: #ffffff;
	background-color: #c60000;
	border: 1px solid #c60000;
}
.alert-box.error-message .btn:hover {
	color: #c60000;
	background-color: #ffffff;
}
.alert-box.warning-message {
	color: #ff7800;
	border-color: #ff7800;
}
.alert-box.warning-message .btn {
	color: #ffffff;
	background-color: #ff7800;
	border: 1px solid #ff7800;
}
.alert-box.warning-message .btn:hover {
	color: #ff7800;
	background-color: #ffffff;
}
.alert-box.info-message {
	color: #042438;
	border-color: #042438;
}
.alert-box.info-message .btn {
	color: #ffffff;
	background-color: #042438;
	border: 1px solid #042438;
}
.alert-box.info-message .btn:hover {
	color: #042438;
	background-color: #ffffff;
}

.content-header {
	background-color: #f2f5f6;
}
.content-header h3 {
	font-weight: 600;
	color: #042438;
	padding: 18px 0 10px 0;
	margin: 0;
	font-size: 2rem;
}
.breadcrumbs {
	display: flex;
	padding: 18px 0 0;
	margin: 0;
	justify-content: end;
	font-size: 0.85rem;
	color: #bac0c6;
}
.breadcrumbs li {
	list-style: none;
}
.breadcrumbs li + li:before {
	content: '/';
	padding: 0 6px;
}
.breadcrumbs a {
	
	text-decoration: none;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.subnav {
	border: 1px solid #d8dfe2;
	background-color: #edf0f2;
	color: #033746;
	font-weight: 600;
	padding: 15px;
}
.subnav ul {
	padding: 0;
	margin: 0;
}
.subnav li {
	list-style: none;
	display: inline-block;
}
.subnav a {
	display: inline-block;
	padding: 9px 5px;
	margin-right: 20px;
	text-decoration: none;
	transition: all 0.4s;
}
.subnav a:hover {
	background-color: #b2c2c7;
}
.footer-social {
	background-color: #011d25;
}
.footer-social .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-social .btn {
	width: 350px;
	max-width: 100%;
	font-size: 1rem;
	line-height: 1rem;
	color: #ffffff;
	border: 2px solid #ffffff;
	text-transform: uppercase;
	padding: 15px;
	background-color: transparent;
	font-weight: 600;
	margin-left: 15px;
}
.footer-social .btn:hover {
	background-color: #ffffff;
	color: #011d25;
}
.footer-social-icons {
	display: inline-flex;
	width: 265px;
	justify-content: space-between;
}
.footer-social-icons a {
	display: flex;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #406a7e;
	color: white;
	transition: all 0.4s;
	text-decoration: none;
	align-items: center;
	justify-content: center;
	font-size: 2rem;
}
.icon-facebook:hover {
	background-color: #2c74e4;
}
.icon-twitter:hover {
	color: #1d9bf0;
	background-color: #ffffff;
}
.icon-youtube:hover {
	color: #ff0000;
	background-color: #ffffff;
}
.icon-flickr:hover {
	color: #005ed0;
	background-color: #ffffff;
}
.footer-links {
	background-color: #7a8990;
}
.footer-links .container {
	display: flex;
	font-size: 0.9rem;
	line-height: 1.2rem;
	color: #2b373d;
}
.footer-links .container a {
	color: #2b373d;
}
.footer-link-container {
	column-count: 3;
}
.footer-link-container h2 {
	margin: 0 15px 0 0;
	font-size: 0.8rem;
	line-height: 1.2rem;
	padding: 4px 0;
	border-bottom: 1px solid #88959b;
}
.footer-link-container a {
	text-decoration: none;
}
.footer-link-container a:hover {
	color: #ffffff;
}
.copyright {
	color: #6c797d;
	font-size: 0.8rem;
	text-align: center;
}
.copyright ul {
	padding: 0;
	margin: 0;
}
.copyright li {
	list-style: none;
	display: inline-block;
	margin-bottom: 10px;
}
.copyright li:not(:last-child)::after {
	content: '|';
	margin: 0 5px;
}
.copyright a {
	text-decoration: none;
}
.footer-bottom-text {
	color: #9da5a7;
	font-size: 0.8rem;
	text-align: center;
}
.footer-bottom-text ul {
	padding: 30px 0;
	column-count: 4;
}
.footer-bottom-text li {
	display: block;
	list-style: none;
}

.toparrow {	
	margin-bottom: 20px;
}

.toparrow a { 
	background: url(../images/toparrow.gif) top center no-repeat; 
	width: 36px; 
	height: 36px; 
	display: block; 
	margin: 0 auto; 
	text-indent: -9999px; 
	transition: all 0.3s; 
}
.toparrow a:hover {
	background: url(../images/toparrow1.gif) top center no-repeat;
}

.card-inpage-outer {
	width: 800px;
	max-width: 100%;
	border: 12px solid black;
	margin: auto;
}
.card-inpage-inner {
	position: relative;
	background: black;
	width: 100%;
	padding-bottom: 75%;
}
.card-inpage-inner iframe {
	position: absolute;
	border:0px;
	scroll: disabled;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: black;
}

.btn.view-more-ecards, .btn.two-color-arrow {
	display: flex;
	align-items: stretch;
	border: 1px solid #161e25;
	background-image: linear-gradient(#364a5e, #1e2c38);
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	margin: 30px auto 30px auto;
	width: max-content;
	max-width: 100%;
	font-size: 1.1rem;
	border-radius: 6px;
	transition: all 0s;
}
.btn.two-color-arrow.left-arrow {
	flex-direction: row-reverse;
}
.btn.view-more-ecards > span, .btn.two-color-arrow > span {
	padding: 0 16px;
	white-space: nowrap;
	display: flex;
	align-items: center;
}
.btn.view-more-ecards .fa-caret-right, .btn.two-color-arrow .fa-caret-right {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-height: 40px;
	border-left: 1px solid #161e25;
	border-radius: 0 6px 6px 0;
	background-image: linear-gradient(#263747, #17232e);
	font-size: 140%;
}
.btn.two-color-arrow.left-arrow .fa-caret-right {
	transform: scaleX(-1);
}
.btn.view-more-ecards:hover{
	border-color: #2a4f06;
	background-image: linear-gradient(#6d9f04, #507607);
}
.btn.view-more-ecards:hover .fa-caret-right {
	background-image: linear-gradient(#5d8f04, #4b7506);
	color: #264a06;
	border-color: #2a4f06;
}
.btn.two-color-arrow {
	font-size: 1rem;
	border: 1px solid #2a5105;
	background-image: linear-gradient(#6e9c04, #496f05);
	text-shadow: 2px 2px 3px #666666;
	padding: 0;
	margin: 0;
}
.btn.two-color-arrow .fa-caret-right {
	background-image: linear-gradient(#5d8d05, #436e06);
	border-left: 1px solid #406501;
	width: 35px;
	min-height: 35px;
}
.btn.two-color-arrow:hover {
	border-color: #151c23;
	background-image: linear-gradient(#34455a, #1d2934);
	text-shadow: 2px 2px 3px #333333;
}
.btn.two-color-arrow:hover .fa-caret-right {
	background-image: linear-gradient(#263345, #16222b);
	color: #f4f4f6;
	border-color: #1f2b37;
}
.btn.two-color-arrow.inverse-colors {
	border-color: #151c23;
	background-image: linear-gradient(#34455a, #1d2934);
	text-shadow: 2px 2px 3px #333333;
}
.btn.two-color-arrow.inverse-colors .fa-caret-right {
	background-image: linear-gradient(#263345, #16222b);
	color: #f4f4f6;
	border-color: #1f2b37;
}
.btn.two-color-arrow.inverse-colors:hover {
	border: 1px solid #2a5105;
	background-image: linear-gradient(#6e9c04, #496f05);
	text-shadow: 2px 2px 3px #666666;
}
.btn.two-color-arrow.inverse-colors:hover .fa-caret-right {
	background-image: linear-gradient(#5d8d05, #436e06);
	border-left: 1px solid #406501;
}
.breakout {
	color: #7caa04;
	font-size: 1.2rem;
}
.videodiv {
    width: 100%;
}
.videodiv .videoholder {
    position: relative;
    box-sizing: border-box;
    padding-bottom: 55.56%;
    width: 100%;
}
.videodiv .videoholder .videoframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    top: 0;
    left: 0;
}
.table-general {
	padding: 0;
	margin: 0;
	border-spacing: 0;
    background-color: #f1f3f6;
    border: 1px solid #cfd6e0;
}
.table-general thead tr {
	background-image: linear-gradient(#79a605, #61830a);
}
.table-general th {
	color: #ffffff;
	font-weight: 500;
	padding: 10px;
}
.table-general td {
	padding: 10px;
	border-top: 1px solid #ffffff;
}

/*
* PAGES 
* /
/* FAQs */
ul.faqs	{
	margin-bottom: 50px;
	padding: 0;
}
ul.faqs li	{
	list-style:none;
}	
ul.faqs li a {
	padding: 6px 15px;
	line-height: 1.3em;
	border-bottom: 1px dotted #d7dbdd;
	display: block;
	text-decoration: none;
	color: #2f3843;
}
ul.faqs li a:hover {
	background-color:#f2f5f6;
}
/* About */
.block.header-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url(../images/slider5.jpg);
}
.block.header-image div {
	padding: 60px 0 60px;
	margin-left: 25%;
	width:29%;
	max-width: 100%;
	color: #ffffff;
	font-size: 2rem;
}
.about-pic {
	float: right;
	max-width: 50%;
	margin: 20px 0 20px 20px;
}
/* Sitemap */
.sitemap li {
	color: #7caa04;
}
.sitemap a {
	text-decoration: none;
}
.sitemap a:hover {
	color: #5e6879;
}
/* Testimonials */
.testimonial-holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.testimonial-holder > div {
	padding: 15px;
	flex-basis: 350px;
	flex-grow: 1;
	flex-shrink: 1;
	min-width: 300px;
	max-width: 500px;
}
.testimonial-holder h2 {
	font-size: 1.1rem;
}
/* Wallpapers */
.wallpaper-left {
	text-align: center;
}
.wallpaper-left img {
	max-width: 100%;
}
.wallpaper-right {
	text-align: center;
}
.wallpaper-right h2 {
	font-size: 1.1rem;
	margin: 10px 0 30px 0;
}
/* How it works */
.how-left {
	padding-right: 40px;
}
.how-right h3 {
	font-size: 1.3em;
	color: #7caa04;
	line-height: 1.5em;
	font-weight: normal;
	margin: 15px 0 5px 0;
	font-weight: 600;
}
.how-right h3 img {
  vertical-align: middle;
  margin-right: 8px;
}
/* Pricing */
.pricing-container {
	justify-content: center;
}
.pricing-col, .pricing-col2 {
	width: 400px;
	max-width: 100%;
	padding: 115px 25px 20px 25px;
	text-align: center;
}
.pricing-col {
	background: #f2f5f6 url(../images/pricing-ecard.gif) top center no-repeat;
}
.pricing-col2 {
	background: #f2f5f6 url(../images/pricing-credits.gif) top center no-repeat;
}
.pricing-plus {
	padding-bottom: 40px;
}
.credits-table {
	justify-content: center;
}
.credits-table table {
	width: 300px;
}
.credits-table td {
	width: 150px;
	border-top: 1px dotted #999;
	color: #042438;
	cursor: pointer;
	padding: 6px 0 6px 20px;
}
.credits-table tr:nth-child(even) td {
	background-color: #f2f5f6;
}
/* Help Videos */
.tutorial-container {
	display: flex;
}
.video-container {
	position: relative;
	width: 240px;
	height: 135px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	flex-shrink: 0;
}
.video-container span {
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 1.5em;
	text-align: center;
	font: 48px/1.5 sans-serif;
	color: white;
	text-shadow: 0 0 0.5em black;
}
.text-container {
	max-width: 100%;
	padding: 0px 10px 0px 20px;
}
.text-container a {
	cursor: pointer;
}
.iframe-holder {
	position: relative;
	width: 100%;
	height: 100%;
}
.iframe-holder iframe {
	width: 0;
	height: 0;
}
.tutorial-container.scaledvisible {
	flex-direction: row;
	position: absolute;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	justify-content: center;
	padding-top: 100px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.9), rgba(0,0,0,0));
	z-index: 10000;
}
.tutorial-container.scaledvisible .video-container{
	width: 1280px;
	height: 720px;
	flex-shrink: 1;
}
.tutorial-container.scaledvisible .video-container iframe {
	width: 100%;
	height: 100%;
}
.video-close {
	display: none;
}
.tutorial-container.scaledvisible .video-close {
	display: block;
}
.tutorial-container.scaledvisible .text-container {
	display: none;
}
.video-close a {
	text-decoration: none;
	cursor: pointer;
	font-size: 20px;
	padding: 10px;
}

.tutorial-container.tutorial-compact {
	flex-direction: column;
}
.tutorial-container.tutorial-compact.scaledvisible {
	flex-direction: row;
}
.tutorial-compact .text-container {
	width: 240px;
	padding: 10px 0px 0px 0px;
}
.text-container h5 {
	font-size: 1.3rem;
	color: #7caa04;
	line-height: 1.1em;
	margin-bottom: 10px;
	margin-top: 0;
	cursor: pointer;
}
.tutorial-compact h5 {
	font-size: 1.2em;
}
/* Blog */
.blog-category-article {
	display: flex;
	border-bottom:1px dotted #b9c7cb;
	margin-bottom:18px;
	padding:18px 0;
}
.blog-category-article-img {
	width:180px;
	height:180px;
	flex-shrink: 0;
  overflow:hidden;
  display:block;
	margin:0 30px 20px 0;
}
.blog-category-article-img img {
	height:100%;
	vertical-align:middle;
}
.blog-img {
	margin:0 0 25px 0;
}
.blog-img img {
	max-width:100%;

}
.blog-category-article h2 {
	margin: 0 0 5px 0;
}
.blog-category-article h2 a {
	color:#033746;
	text-decoration:none;
	font-size:0.9em;
	line-height:1.2em;
}
.blog-category-article h2 a:hover {
	text-decoration: underline;
}
.blog-article-date {
	margin-bottom: 15px;
	margin-top: 0;
	font-size:1em;
	color:#9ea2a4;
}
.blog-sidemenu ul {
	padding-left:0px;
}
.blog-sidemenu ul li ul {
	display: none;
}
.blog-sidemenu ul li { 
	list-style: none;
	margin-left: 0;
	font-weight:500;
}
.blog-sidemenu ul li a { 
	text-decoration: none; 
	color: #033746; 
	display: block;
	line-height: 1.3em;
	padding:8px 0 8px 0;
	}

.blog-sidemenu ul li a:hover {
	background-color:#b9c7cb;
}
.sidebar-title, .sidebar-title2 {
	font-weight:600;
	color:#033746;
	margin:10px 0 8px 0;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px dotted #B3B3B3;
}
.sidebar-title2 { 
	margin-top:25px;
}
/* Registration */
.reg-form {
	display: block;
	width: 100%;
	max-width: 450px;
	margin: auto;
}
.error {
	color: red;
}
.errorlist {
	color: red;
	margin: 0;
	width: 100%;
	padding: 0 0 5px;
	font-size: 0.9rem;
}
.errorlist li {
	list-style: none;
}
.reg-form h2 {
	width: 100%;
}
.reg-form a {
	font-size: 0.9rem;
	color: #7caa04;
}
.reg-form label, .reg-form legend {
	display: block;
	width: 100%;
	margin-bottom: 5px;
	font-size: 0.9rem;
}
.reg-form fieldset {
	/* Django's grouped widgets now render inside fieldsets. */
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}
.reg-form input, .reg-form textarea, .reg-form select, .reg-form button, .reg-form .helptext {
	width: 100%;
	margin-bottom: 10px;
	padding: 2px;
	max-width: 100%;
}
.reg-form .helptext ul {
	margin: 0;
	padding-left: 10px;
}
.reg-form input[type="checkbox"], .reg-form input[type="radio"], .reg-form button {
	width: auto;
}
.reg-form .btn.two-color-arrow {
	margin: 10px auto;
}
.reg-form textarea {
	height: 100px;
}
.reg-form .helptext {
	display: block;
	width: 100%;
	background-color: #eaecee;
	padding: 10px;
	font-size: 0.8rem;
	color: #69747e;
	border: 1px dotted #c1c6cb;
}
.reg-form label.required::after, .reg-form legend.required::after {
	content: '*';
	color: red;
}
.reg-form .submit-holder {
	width: 100%;
}
.reg-form .accept_terms, .reg-form .task {
	padding-bottom: 15px;
}
.reg-form .accept_terms {
	position: relative;
	padding-left: 30px;
}
.reg-form .accept_terms [type="checkbox"] {
	position: absolute;
	left: 0;
}
.reg-form.login-on-regpage {
	width: 280px;
	max-width: 100%;
	padding: 20px;
	border: 1px dashed #666;
	margin: 50px auto;
}
/* Feedback */
/* mostly inherited from reg-form */
.feedback-form {
	max-width: 600px;
}
.feedback-form [type="radio"], .feedback-form [type="checkbox"] {
	margin-left: 25px;
}
.feedback-form > label,
.feedback-form > div > label,
.feedback-form > div > fieldset > legend {
	padding-top: 20px;
}
/* Contact */
/* mostly inherited from reg-form */
.contact-form {
	margin: none;
	max-width: 600px;
}
/* Login */
.login-form {
	width: 300px;
	max-width: 100%;
}
.login-form h2 {
	font-size: 1.2rem;
	font-weight: 400;
	margin: 0 0 10px 0;
}
/* Invoice */
.tax-invoice {
	width: 800px;
	max-width: 100%;
}
.tax-invoice h1 {
	text-transform: uppercase;
	border-bottom: 1px dotted #7b8c9b;
}
.tax-invoice .invoice-header {
	display: flex;
	flex-wrap: wrap;
	align-items: space-between;
	border-bottom: 1px dotted #7b8c9b;
	font-size: 1.2rem;
	font-weight: 600;
}
.tax-invoice .invoice-header > div{
	flex-grow: 1;
	width: 350px;
	padding-bottom: 15px;
}
.tax-invoice .invoice-due {
	font-size: 1.4rem;
	color: #7CAA04;
	text-align: right;
}
.tax-invoice .invoice-items {
	border-bottom: 1px dotted #7b8c9b;
}
.tax-invoice .invoice-items > div {
	display: flex;
	flex-wrap: wrap;
}
.tax-invoice .invoice-items > div:nth-child(odd) {
	background-color: #eee;
}
.tax-invoice .invoice-items span {
	width: 100px;
	max-width: 30%;
	text-align: right;
	padding: 2px 5px;
}
.tax-invoice .invoice-items > div > span {
	width: 300px;
	max-width: 100%;
	flex-grow: 1;
	text-align: left;
}
.tax-invoice .invoice-items > div > div {
	width: 320px;
	max-width: 100%;
	display: flex;
	flex-grow: 1;
	justify-content: end;
}
.tax-invoice .invoice-items-header {
	font-weight: 600;
}
.tax-invoice .invoice-items-gst {
	flex-wrap: nowrap;
	justify-content: space-between;
}
.tax-invoice .invoice-items .invoice-items-gst > span {
	width: 100px;
	flex-grow: 0;
}
.tax-invoice .invoice-items .invoice-items-gst > span:last-child {
	text-align: right;
}
.tax-invoice .invoice-total {
	display: flex;
	justify-content: space-between;
}
.tax-invoice .invoice-total > span {
	padding: 2px 5px;
	font-weight: 600;
}
.tax-invoice .invoice-total > span:last-child {
	text-align: right;
}
.tax-invoice .invoice-details > div:nth-child(even) {
	background-color: #eee;
}
.tax-invoice .invoice-details span {
	display: inline-block;
	padding: 2px 5px;
}
.tax-invoice .invoice-details span:first-child {
	width: 170px;
	font-weight: 500;
}
.tax-invoice .invoice-details span:last-child {
	min-width: 300px;
}
.tax-invoice .invoice-status {
	text-align: center;
	font-size: 2rem;
	font-weight: 600;
	color: red;
}
.tax-invoice .invoice-footer {
	padding: 15px 5px 30px 5px;
	font-weight: 600;
	text-align: right;
}
.btn-sendone {
	background: url(../images/btn_send-one.png) no-repeat;
	width: 45px;
	height: 37px;
	display: block;
	cursor: pointer;
}
.btn-sendone:hover, :hover > .btn-sendone {
	background-position: 0 -38px;
}
.btn-sendone::after {
	content: 'SEND ONE';
	position: absolute;
	background-color: #61830a;
	color: white;
	font-size: 0.4rem;
	font-weight: 600;
	padding: 1px 3px;
	font-family: Verdana;
	border-radius: 3px 3px 0 0;
	width: 37px;
}
.btn-testone {
	position: relative;
}
.btn-testone::after {
	content: 'TEST ONE';
	background-color: #c42828;
}
.btn-blastnow {
	background: url(../images/btn-blast-now.png) no-repeat;
	width: 99px;
	height: 37px;
	display: block;
	cursor: pointer;
}
.btn-blastnow:hover, :hover > .btn-blastnow {
	background-position: 0 -38px;
}
.btn-blastnow.blasted {
	filter: grayscale(100%);
	opacity: 0.5;
}
.flextable {
	background-color: #f1f3f6;
	border: 1px solid #cfd6e0;
}
.flextable .table-header {
	display: flex;
	border: 1px solid #cfd6e0;
	align-items: center;
	background-image: linear-gradient(#79a605, #61830a);
}
.flextable .table-header > div {
	color: #ffffff;
	font-weight: 500;
	padding: 5px 10px;
}
.flextable .table-row {
	display: flex;
	border-top: 1px solid #cfd6e0;
}
.flextable .table-row:nth-child(odd) {
	background-color: #dfe0e1;
}
.flextable .table-row > div {
	padding: 5px 10px;
}
.campaigns-table {
	background-color: #f1f3f6;
	border-spacing: 0;
	border-collapse: collapse;
	border: #cfd6e0;
}
.campaigns-table > div {
	display: flex;
	border: 1px solid #cfd6e0;
	align-items: center;
}
.campaigns-table > div > div {
	padding: 5px 10px;
}
.campaigns-table .table-header {
	background-image: linear-gradient(#79a605, #61830a);

}
.campaigns-table .table-header > div {
	color: #ffffff;
	font-weight: 500;
}
.campaigns-table .col-name {
	flex-grow: 1;
}
.campaigns-table .col-numemails {
	width: 150px;
	flex-shrink: 0;
	flex-grow: 0;
}
.campaigns-table .col-sending {
	width: 250px;
	flex-shrink: 0;
	flex-grow: 0;
	align-items: center;
}
.campaigns-table .col-enabled {
	width: 85px;
	flex-shrink: 0;
	flex-grow: 0;
	text-align: center;
}
.campaigns-table .col-actions {
	width: 350px;
	flex-shrink: 0;
	flex-grow: 0;
}
.campaigns-table .cell-vert, .campaigns-table .cell-horiz {
	display: flex;
}
.campaigns-table .cell-vert {
	flex-direction: column;
}
.campaigns-table .col-actions a {
	padding: 5px 12px;
}
.campaigns-table .sending-link {
	font-size: 1rem;
	padding: 5px;
	white-space: nowrap;
	align-items: center;
}
.campaigns-table .fa-toggle-on, .campaigns-table .fa-toggle-off {
	font-size: 1.8rem;
}
.emaillist-table .col-actions, .emaillist-table .col-name, .emaillist-table .col-email, .emaillist-table .col-importtime, .emaillist-table .col-custommessage {
	width: 20%;
	flex-grow: 0;
}
.emaillist-table .col-actions a {
	display: inline-block;
	padding: 0 0 8px 0;
}
.emaillist-table .col-actions {
	width: 90px;
}
.emaillist-table .col-importtime {
	width: 150px;
}
.emaillist-table .col-custommessage {
	flex-grow: 1;
}
.emaillist-table .table-row .col-email {
	position: relative;
	overflow: hidden;
}
.emaillist-table .table-row .col-email::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 40px;
	background-image: linear-gradient(to right, rgba(241,243,246,0), rgba(241,243,246,1));
	top: 0;
	right: 0;
}
.order-history-table .table-row .col-view {
	color: #3f7aae;
	font-size: 150%;
}
.order-history-table .col-description {
	flex-grow: 1;
	flex-shrink: 1;

}
.order-history-table .col-invoice-id {
	text-align: right;
	width: 95px;
}
.order-history-table .col-design-cost {
	text-align: right;
	width: 107px;
}
.order-history-table .col-credits {
	text-align: right;
	width: 75px;
}
.order-history-table .col-free-credits {
	text-align: right;
	width: 109px;
}
.order-history-table .col-total {
	text-align: right;
	width: 106px;
}
.order-history-table .col-view {
	width: 56px;
	text-align: center;
}
.order-history-table .col-paid-on {
	width: 120px;
	text-align: center;
}
.stats-table-holder {
	width: 640px;
	max-width: 100%;
}
.stats-table-holder .col-date {
	flex-grow: 1;
	flex-shrink: 1;
}
.stats-table-holder .col-total {
	width: 90px;
}
.stats-table-holder .col-unique {
	width: 75px;
}
.stats-table-holder .col-test {
	width: 55px;
}
.stats-table-holder .col-email {
	width: 105px;
}
.stats-table-holder .table-row > div:not(.col-date), .stats-table-holder .table-header > div:not(.col-date) {
	text-align: right;
}
.statsindividual-table-holder .table-row .col-email {
	position: relative;
	overflow: hidden;
}
.statsindividual-table-holder .table-row .col-email::after {
	content: '';
	position: absolute;
	height: 100%;
	width: 40px;
	background-image: linear-gradient(to right, rgba(241,243,246,0), rgba(241,243,246,1));
	top: 0;
	right: 0;
}
.statsindividual-table-holder .table-row:nth-child(odd) .col-email::after {
	background-image: linear-gradient(to right, rgba(223,224,225,0), rgba(223,224,225,1));
}
.statsindividual-table-holder .col-name {
	width: 190px;
	flex-grow: 1;
}
.statsindividual-table-holder .col-email {
	width: 190px;
}
.statsindividual-table-holder .col-sent {
	width: 145px;
}
.statsindividual-table-holder .col-emailviews {
	width: 110px;
	text-align: right;
}
.statsindividual-table-holder .col-emaillastviewed {
	width: 160px;
}
.statsindividual-table-holder .col-ecardviews {
	width: 115px;
	text-align: right;
}
.statsindividual-table-holder .col-ecardlastviewed {
	width: 160px;
}
.pagination {
	padding: 5px 0;
}
.pagination a {
	display: inline-block;
	text-decoration: none;
	color: #61830a;
	border: 2px solid #61830a;
	border-radius: 4px;
	margin: 2px;
	padding: 0 5px;
}
.pagination a .fa-angles-left {
	margin-right: 5px;
}
.pagination a .fa-angles-right {
	margin-left: 5px;
}
.pagination a:hover, .pagination a.active{
	color: #ffffff;
	background: #61830a;
}
@media (max-width: 1559px) {
	/* About */
	.block.header-image div {
		padding: 40px 0 40px;
	}
}
@media (max-width: 1365px) {
	/* About */
	.block.header-image div {
		width: 370px;
		margin-left: 320px;
	}
}
@media (max-width: 1149px) {
	.mainmenu > li:not(:first-child) {
		padding-left: 8px;
	}
	.footer-link-container {
		column-count: 2;
	}
	.campaigns-table .cell-vert {
		flex-direction: row;
	}
	.campaigns-table .cell-horiz {
		flex-direction: column;
	}
	.campaigns-table .col-actions {
		width: 190px;
	}
	.campaigns-table .col-actions a {
		padding: 5px 0;
	}
	.campaigns-table .col-sending {
		width: 150px;
	}
}
@media (max-width: 1023px) {
	.flex-container-lg {
		flex-direction: column;
	}
	.flex-container-lg [class^="flex-item-"] {
		width: 100%;
		padding: 15px 0;
	}
	.flex-container-lg [class^="flex-item-"]:first-child {
		padding-top: 0;
	}
	.flex-container-lg [class^="flex-item-"]:last-child {
		padding-bottom: 0;
	}
	.header .container {
		flex-direction: column;
	}
	.topmenu {
		position: absolute;
		top: 0;
		right: 15px;
	}
	.topmenu li + li {
		padding-left: 10px;
	}
	.breadcrumbs {
		display: none;
	}
	.footer-bottom-text ul {
		column-count: 3;
	}
	.order-history-table .table-header, .order-history-table .table-row {
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.order-history-table .col-description {
		width: 100%;
	}
	.statsindividual-table-holder .table-header, .statsindividual-table-holder .table-row {
		flex-wrap: wrap;
	}
	.statsindividual-table-holder .table-row {
		justify-content: end;
	}
	.statsindividual-table-holder .col-name {
		width: calc(50% - 65px);
	}
	.statsindividual-table-holder .col-email {
		width: calc(50% - 65px);
	}
	.statsindividual-table-holder .col-sent,
	.statsindividual-table-holder .col-emaillastviewed,
	.statsindividual-table-holder .col-ecardlastviewed {
		width: 130px;
	}
	.statsindividual-table-holder .table-header .col-emailviews,
	.statsindividual-table-holder .table-header .col-emaillastviewed,
	.statsindividual-table-holder .table-header .col-ecardviews,
	.statsindividual-table-holder .table-header .col-ecardlastviewed {
		display: none;
	}
}
@media (max-width: 767px) {
	.flex-container-md {
		flex-direction: column;
	}
	.flex-container-md [class^="flex-item-"]{
		width: 100%;
		padding: 15px 0;
	}
	.flex-container-md [class^="flex-item-"]:first-child {
		padding-top: 0;
	}
	.flex-container-md [class^="flex-item-"]:last-child {
		padding-bottom: 0;
	}
	.topmenu li:not(:last-child) {
		display: none;
	}
	.mainmenu {
		flex-direction: column;
		align-items: end;
		width: 100%;
		position: relative;
	}
	.mainmenu > li > a {
		display: block;
		text-align: right;
		padding-right: 0;
	}
	.mainmenu > li {
		padding-left: 0;
	}
	.mainmenu > li:not(:first-child) {
		width: 100%;
		display: none;
	}
	.mainmenu > li:first-child {
		display: block;
		position: absolute;
		top: -50px;
		right: 0;
		font-size: 30px;
		cursor: pointer;
	}
	.mainmenu li:hover > ul {
		display: none;
	}
	.mainmenu .btn.register {
		background-color: transparent;
		border: 0;
		padding-right: 0;
		border-radius: 0;
	}
	.mainmenu .btn.login {
		background-color: transparent;
		border: 0;
		padding-right: 0;
		border-radius: 0;
	}
	.message-container {
		position: sticky;
		top: 0;
		width: 100%;
	}
	.user-menu-block .container {
		flex-direction: column-reverse;
	}
	.user-menu {
		padding-top: 15px;
	}
	.footer-link-container {
		column-count: 1;
	}
	.footer-bottom-text ul {
		column-count: 2;
	}
	/* About */
	.block.header-image {
		background-position: -310px;
	}
	.block.header-image div {
		margin-left: 15px;
		max-width: calc(100% - 30px);
	}
	.about-pic {
		float: none;
		max-width: 100%;
		display: block;
		margin: auto;
	}
	/* Pricing */
	.pricing-container {
		align-items: center;
	}
	.campaigns-table .table-header, .campaigns-table .table-row {
		flex-wrap: wrap;
	}
	.campaigns-table .col-name {
		width: 100%;
	}
	.emaillist-table .col-name, .emaillist-table .col-email, .emaillist-table .col-importtime {
		width: 25%;
	}
	.emaillist-table .col-custommessage {
		display: none;
	}
	.emaillist-table .col-actions {
		width: 80px;
	}
	.emaillist-table .col-email {
		flex-grow: 1;
	}
	.emaillist-table .col-actions a span {
		display: none;
	}
	.order-history-table .col-design-cost, .order-history-table .col-credits, .order-history-table .col-free-credits {
		display: none;
	}
}
@media (max-width: 639px) {
	.flex-container-sm {
		flex-direction: column;
	}
	.flex-container-sm [class^="flex-item-"]{
		width: 100%;
		padding: 15px 0;
	}
	.flex-container-sm [class^="flex-item-"]:first-child {
		padding-top: 0;
	}
	.flex-container-sm [class^="flex-item-"]:last-child {
		padding-bottom: 0;
	}
	.header .logo img {
		width: 80%;
	}
	.topmenu li:last-child > span {
		display: none;
	}
	.subnav li , .subnav a {
		display: block;
	}
	.footer-social .container {
		flex-direction: column-reverse;
	}
	.footer-social .btn {
		margin-left: 0;
		margin-bottom: 15px;
	}
	.footer-links .container {
		flex-direction: column;
	}
	.footer-bottom-text ul {
		column-count: 1;
	}
	/* Testimonials */
	.testimonial-holder > div {
		padding: 15px 0;
	}
	/* Pricing */
	.credits-table {
		align-items: center;
	}
	.credits-prices2 tr:first-child {
		display: none;
	}
	.credits-prices2 tr:nth-child(even) td {
		background: none;
	}
	.credits-prices2 tr:nth-child(odd) td {
		background-color: #f2f5f6;
	}
	/* Help Videos */
	.tutorial-container {
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
	.tutorial-container.scaledvisible, .home-feat .tutorial-container.scaledvisible{
		align-items: end;
	}
	.tutorial-container.scaledvisible .video-close, .home-feat .tutorial-container.scaledvisible .video-close{
		padding-bottom: 10px;
	}
	.tutorial-container.scaledvisible, .home-feat .tutorial-container.scaledvisible{
		flex-direction: column-reverse;
	}
	.video-container {
		margin-bottom: 20px;
	}
	.tutorial-compact .video-container {
	  margin-bottom: 0;
	}
	.tutorial-container.scaledvisible .video-container, .home-feat .tutorial-container.scaledvisible .video-container {
		width: 100%;
		height: 270px;
	}
	.campaigns-table .table-header {
		display: none;
	}
	.campaigns-table .table-row {
		flex-direction: column;
		border-top: 15px solid #79a605;
		position: relative;
	}
	.campaigns-table .cell-horiz {
		flex-direction: row;
	}
	.campaigns-table .col-numemails, .campaigns-table .col-sending, .campaigns-table .col-enabled,  .campaigns-table .col-actions {
		width: 100%;
	}
	.campaigns-table .col-name {
		padding-right: 55px;
	}
	.campaigns-table .col-actions > div:last-child a {
		padding-left: 10px;
	}
	.campaigns-table .col-enabled {
		position: absolute;
		top: 0;
		right: 0;
		width: 55px;
	}
	.emaillist-table .col-name, .emaillist-table .col-email, .emaillist-table .col-importtime {
		width: calc(100% - 35px);
		text-align: left;
		padding: 5px 10px;
	}
	.emaillist-table .col-actions {
		width: 35px;
		position: absolute;
		top: 0;
		right: 0;
	}
	.emaillist-table > div {
		align-items: flex-start;
	}
	.emaillist-table .col-importtime {
		display: none;
	}
	.order-history-table .table-row {
		flex-direction: row;
	}
	.order-history-table .col-invoice-id {
		display: none;
	}
}
@media(max-width: 539px) {
	.stats-table-holder .table-row, .stats-table-holder .table-header {
		flex-wrap: wrap;
		justify-content: end;
	}
	.stats-table-holder .col-date {
		width: 100%;
	}
	.stats-table-holder .col-total {
		flex-grow: 1;
	}
	.stats-table-holder .col-email {
		width: 90px;
	}
	.statsindividual-table-holder .table-header,
	.statsindividual-table-holder .col-sent {
		display: none;
	}
	.statsindividual-table-holder .col-name,
	.statsindividual-table-holder .col-email {
		width: 100%;
	}
	.statsindividual-table-holder .col-emailviews,
	.statsindividual-table-holder .col-ecardviews {
		width: calc( 100% - 130px );
	}
}
@media (max-width: 359px) {
	/* About */
	.block.header-image div {
		font-size: 1.6rem;
	}
}