/******************** Desktop Stylesheet ********************/

/******************/
/*** TYPOGRAPHY ***/
/******************/
.txt-medium {
	font-weight: 600;
}

.txt-primary {
	color: #3e94d7;
}

.txt-default {
	color: #333333!important;
}

.txt-light {
	color: #ffffff!important;
}
/**********************/
/*** END TYPOGRAPHY ***/
/**********************/





/*********************/
/*** WEBSITE ICONS ***/
/*********************/

/*************************/
/*** END WEBSITE ICONS ***/
/*************************/







/**********************/
/*** GLOBAL CLASSES ***/
/**********************/

.list {
	list-style: none;
	margin: 0 0 1.1em 0;
	padding: 0;
}

.list li {
	margin: 0 0 0.45em 0;
}

.table {
	display: table;
}

.t-row {
	display: table-row;
}

.t-cell {
	display: table-cell;
}

.txt-center {
	text-align: center;
}

.no-buffer {
	margin: 0;
}

.tb-md-buffer {
	margin: 1.5em 0;
}

.base-md-buffer {
	margin-bottom: 1.8em;
}

.base-sm-buffer {
	margin-bottom: 0.5em;
}
/**************************/
/*** END GLOBAL CLASSES ***/
/**************************/













/**********************/
/*** BASIC ELEMENTS ***/
/**********************/
body {
font-family: 'Source Sans Pro', sans-serif;
font-size: 20px;
color: #333333;
margin: 0px;
padding: 0px;
}

p,
.para {
font-size: inherit;
display: block;
line-height: 1.3em;
margin: 0 0 1.1em 0;
padding: 0px;
}

ul,
ol,
dl {
font-size: inherit;    
margin: 0 0 1.1em 0;
}

address {
line-height: 1.3em;
margin: 0px 0px 20px 0px;
}

address label {
font-weight: bold;   
}

a, a:hover {
color: inherit;
text-decoration: none;
word-break: break-all;
}

b,
strong {
	font-weight: 700;
}

i, 
em {
	font-style: italic;
}

hr {
display: block;
border: none;
border-top: 1px #cccccc solid;
}

/**************************/
/*** END BASIC ELEMENTS ***/
/**************************/








/******************/
/*** H ELEMENTS ***/
/******************/
h1,
.h1 {
font-size: 30px;
display: block;
margin: 0 0 1em 0;
}

h2,
.h2 {
	font-size: 2.1em;
	font-weight: 700;
	color: #3e94d7;
	line-height: 1.3em;
	display: block;
	position: relative;
	margin: 0 0 0.7em 0;
}

h2.primary,
.h2.primary {
	font-family: 'Raleway';
}

h2 span,
.h2 span {
	display: inline-block;
}

h2.txt-short span {
	min-width: 600px;
}

h2 span:after,
.h2 span:after {
	content: "";
	width: 100%;
	display: block;
	border-top: 2px #fcea98 solid;
	margin: 0.5em auto 0 auto;
}

h2.txt-center span:after,
.h2.txt-center span:after {
	width: 63%;
}

h2 span:before, 
.h2 span:before {
	/*content: "";
	width: 86px;
	display: block;
	position: absolute;
	left: 0;
	bottom: -9px;
	border-top: 10px #fcea98 solid;*/
}

h2.txt-center span:before, 
.h2.txt-center span:before {
	/*content: "";
	width: 86px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -9px;
	border-top: 10px #fcea98 solid;
	margin: auto;*/
}


h3,
.h3 {
	font-size: 1.250em;
	font-weight: 700;
	color: #3e94d7;
	display: block;
	margin: 0 0 1em 0;
}

h3.primary,
.h3.primary {
	font-family: 'Raleway';
}

h3.large,
.h3.large {
	font-size: 1.500em;
	font-weight: 700;
}

h3.regular,
.h3.regular {
	font-size: 1.2em;
	font-weight: 400;
}

h4,
.h4 {
	font-size: 1em;
	font-weight: 700;
	color: #3e94d7;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

h4.medium,
.h4.medium {
	font-size: 1.100em;
	font-weight: 700;
}

h5,
.h5 {
font-size: 13px;
display: block;
margin: 0 0 1em 0;
}

h6,
.h6 {
font-size: 11px;
display: block;
margin: 0 0 1em 0;
}
/**********************/
/*** END H ELEMENTS ***/
/**********************/








/*********************/
/*** FORM ELEMENTS ***/
/*********************/
label {
 font-weight: bold;   
 display: block;
}

/*input[type="text"] {
font-family: 'Arial';
 border-radius: 5px;
 border: 1px #cccccc solid;
 padding: 4px;
}

textarea {
font-family: 'Arial';
font-size: 14px;
border-radius: 5px;
border: 1px #cccccc solid;
padding: 4px; 
}

input[type="submit"] {
font-family: 'Arial';
font-weight: bold;
color: #ffffff;
cursor: pointer;
background: #295d97;
border-radius: 5px;
border: none;
padding: 0.8em;
}*/

select {
width: 220px;   
}
/*************************/
/*** END FORM ELEMENTS ***/
/*************************/








/***********************/
/*** BUTTONS & LINKS ***/
/***********************/
a {
text-decoration: none;
color: inherit;
}

.link {
color: #295d97;    
}

.primary-link {
	color: #3e94d7;
}

.btn {
	display: inline-block;
}


.btn-primary {
	font-family: 'Open Sans';
	font-size: 1.250em;
	font-weight: 500;
	color: #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ea7eb+0,4ea7eb+50,3e94d7+51,3e94d7+100 */
	background: #3e94d7; 
	border-radius: 0px;
	border: 0;
	padding: 0.5em 1.3em;
}

.btn-primary:hover {
	color: #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ea7eb+0,4ea7eb+50,3e94d7+51,3e94d7+100 */
	background: #076b9d; 
	/*background: -moz-linear-gradient(top, #4ea7eb 0%, #4ea7eb 50%, #3e94d7 51%, #3e94d7 100%); 
	background: -webkit-linear-gradient(top, #4ea7eb 0%,#4ea7eb 50%,#3e94d7 51%,#3e94d7 100%); 
	background: linear-gradient(to bottom, #4ea7eb 0%,#4ea7eb 50%,#3e94d7 51%,#3e94d7 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ea7eb', endColorstr='#3e94d7',GradientType=0 ); */
}

.btn-secondary,
.btn-secondary:hover {
	font-family: 'Open Sans';
	font-size: 1em;
	font-weight: 500;
	color: #ffffff;
	background: #3e94d7;
	border-radius: 0px;
	border: 0;
	padding: 0.5em 1.5em;
}
/***************************/
/*** END BUTTONS & LINKS ***/
/***************************/







/**********************/
/*** WEBSITE HEADER ***/
/**********************/

/**************************/
/*** END WEBSITE HEADER ***/
/**************************/




/************************/
/*** WEBSITE CONTENTS ***/
/************************/
.main {
	max-width: 1360px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 0 15px;
}

/* Banner */
#banner {
	color: #ffffff;
	position: relative;
	z-index: 99;
}

#banner picture {
	width: 100%;
	/*max-width: 1360px;*/
	max-width: none;
	display: block;
	margin: 0 auto;
}

#banner picture img {
	width: 100%;
	max-width: none;
}

#banner .main {
	max-width: 1500px;
}

#banner .banner-body {
	width: 40%;
	position: absolute;
	z-index: 1;
	margin: 16% 0 0 12%;
}

/* !Banner Body styles for inner page. The banner image height is less is in inner pages */
#banner .banner-body.primary {
	width: auto;
	max-width: 100%!important;
	margin: 10% 0 0 12%;
}

#banner .banner-body h1 {
	font-family: 'Raleway';
	font-size: 4em;
	font-weight: 600;
	color: #ffffff;
	line-height: 1.2em;
	margin: 0 0 0.35em 0;
	padding: 0;
}

article.primary,
article.secondary {
	position: relative;
}

article.primary:not(.first),
article.secondary:not(.first) {
	overflow: hidden;
}

article.primary:not(.first) > .main:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -120px;
	right: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-1.jpg') right top no-repeat; */
	background-size: 838px 486px;
}

article.primary.first > .main:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -250px;
	right: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-1.jpg') right top no-repeat; */
	background-size: 838px 486px;
}

article.secondary.first > .main:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -230px;
	right: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-1.jpg') right top no-repeat; */
}

article.primary > .main:after,
article.secondary > .main:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-2.jpg') left bottom no-repeat; */
}

article.primary > .main:not(.first),
article.featured-steps > .main,
article.features-gallery > .main,
article.base > .main,
article.secondary > .main,
article.layout-blue > .main {
	padding-top: 3em;
	padding-bottom: 3em;
}

article.features-gallery  > .main {
	padding-bottom: 1em;
}

article.primary .row-section > div {
	padding-bottom: 30px;
}

/* Checklist */
ul.checklist {
	list-style: none;
	padding: 0;
}

ul.checklist li {
	position: relative;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.6em;
}

ul.checklist li:before {
	content: "\f058";
	font-family: 'FontAwesome';
	font-size: 1.2em;
	color: #3e94d7;
	position: absolute;
	top: -2px;
	left: 0;
}

ul.checklist.txt-light li:before {
	color: #ffffff;
}

/* Feature Table */
.feature-table {
	width: 80%;
	display: table;
	margin: 0 auto 2em 4%;
}

.feature-table .section-row {
	display: table-row;
}

.feature-table .section-col {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 5px;
}

.feature-table .header .section-col:last-child {
	font-size: 1.250em;
	font-weight: 300;
	color: #3e94d7;
}

.feature-table .section-col:first-child {
	font-size: 0.900em;
	font-weight: 600;
	font-style: italic;
	color: #3e94d7;
	text-align: right;
	white-space: nowrap;
	padding-right: 25px;
}

.feature-table .section-col:last-child {
	border-top: 1px #333333 solid;
}

.feature-table .header .section-col:last-child {
	border-top: 0;
}

.feature-table .section-col p {
	margin: 0;
}

/* Featured Steps */
.featured-steps {
	color: #ffffff;
	/* background: #06080c url('../images/bg-1.jpg') center top no-repeat; */
	background-size: cover;
}

.featured-steps .table {
	border-spacing: 2.4em;
}

.featured-steps .t-cell {
	width: 30%;
	vertical-align: top;
	background: rgba(0,0,0,0.5);
	border: 1px #959696 solid;
	padding: 1em 1.5em;
}

.featured-steps h3 {
	font-family: 'Raleway';
	font-weight: 500;
	color: #ffffff;
	line-height: 1.2em;
}

.featured-steps h3 em {
	width: 40px;
	height: 40px;
	font-size: 1.5em;
	font-style: normal;
	text-align: center;
	display: inline-block;
	line-height: 1em;
	vertical-align: middle;
	border-radius: 100%;
	border: 3px #ffffff solid;
}

.featured-steps .t-cell:last-child h3 em {
	line-height: 0.9em;
}

.featured-steps h3 span {
	width: 72%;
	font-size: 0.9em;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.featured-steps p {
	font-family: 'Open Sans';
}

.featured-steps .figure {
	height: 120px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.featured-steps .figure img {
	width: 33%;
	min-width: 65px;
}

.featured-steps .t-cell:last-child .figure img {
	width: 65px;
}

.featured-steps p {
	font-size: 0.95em;
}

/* Features Gallery */
.features-gallery {
	color: #ffffff;
	background: #3e94d7;
}

.features-gallery h3 {
	color: #ffffff;
	margin: 0 0 2.5em 0;
}



.features-gallery img {
	margin: 0 0 0.6em 0;
}

/* Table */
.data-table {
	width: 100%;
	max-width: 100%;
	font-size: 0.850em;
	display: flex;
	margin: 4em 0 0 0;
	justify-content: center;
}

.data-table .table-aside,
.data-table .table-body {

	vertical-align: top;	
	overflow: hidden;
}

.data-table .table {
	width: 100%;
	border-collapse: collapse;
}

.data-table .table-aside {
	width: 170px;
	min-width: 170p
}

.data-table .scroll {
	width: 100%;
	overflow-x: scroll;
}


.data-table .table-body .table {
	width: 100%;
}

.data-table .t-cell {
	text-align: center;
	vertical-align: middle;
	border: 1px #cccccc solid;
	padding: 10px;
}

.data-table .table-aside .t-cell {
	border-right: 0;
}

.data-table .table-body .t-cell {
	min-width: 150px;
	max-width: 225px;
}

 /* !Following applies blue background as well as bold fonts to the cells in Table-Aside and the top 3 row of cells in the Table-Body */
 .data-table .table-aside .t-cell,
.data-table .table-body .t-row.head {
 	font-weight: 600;
 	color: #ffffff;
 	background: #3e94d7;
 }

 .data-table .btn-secondary {
 	width: 140px;
 	font-size: 0.800em;
 	padding: 0.9em 1.5em;
 }

.data-table .fa-check {
	font-size: 1.8em;
}


/* Features Panel */
.features-panel > div {
	width: 30%;
	float: left;
	position: relative;
	border: 2px #3e94d7 solid;
	padding: 25px 20px 0 20px;
}

.features-panel.primary > div {
	border: 2px #ffffff solid;
}

.features-panel div:nth-child(2) {
	margin: 0 5%;
}

.features-panel > div:nth-child(2):before {
	content: "";
	width: 13%;
	height: 49px;
	display: block;
	background: url('../images/icon-arrow.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 41%;
	left: -15%;
}

.features-panel.primary > div:nth-child(2):before {
	background: url('../images/icon-arrow-light.png') no-repeat;
	background-size: contain;
}

.features-panel > div:nth-child(2):after {
	content: "";
	width: 13%;
	height: 49px;
	display: block;
	background: url('../images/icon-arrow.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: 41%;
	right: -16%;
}

.features-panel.primary > div:nth-child(2):after {
	background: url('../images/icon-arrow-light.png') no-repeat;
	background-size: contain;
}

/* Layout Blue */
article.layout-blue {
	color: #ffffff;
	overflow: hidden;
	background: #3e94d7;
}


article.layout-blue > .main:before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: -120px;
	right: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-blue-1.jpg') right top no-repeat; */
	background-size: 838px 486px;
}

article.layout-blue > .main:after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
	/* background: url('../images/bg-abstract-blue-2.jpg') left bottom no-repeat; */
}

/* Primary Features */
.primary-features {
	border: 2px #3e94d7 solid;
	padding: 1em;
}

.primary-features h4 strong {
	font-size: 1.5em;
	display: block;
	margin: 0.5em 0;
}

/* Primary List */
ul.primary-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.primary-list > li {
	background: url('../images/icon-arrow-right.png') no-repeat left 0.35em;
	padding: 0 0 0 25px;
}

ul.primary-list ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 1.8em;
}

ul.secondary-list > li {
	list-style-type: circle;
}

/* Layout One */
article.layout-one {
	color: #ffffff;
	background: url('../images/banner-3.png') no-repeat center top;
	background-size: 100% 100%;
	padding: 3em 0 10em 0;
}

ul.list.primary > li {
	margin: 0 0 1em 0;
}

ul.list.primary  li strong {
	font-weight: 600;
}

/* About Panel */
.about-panel {
	color: #ffffff;
	border: 1px #3e94d7 solid;
}

.about-panel .flex-row {
	-webkit-display: flex;
	display: flex;
	flex-wrap: wrap;
}

.about-panel .flex-row .column {
	width: 50%;
	position: relative;
}



.about-panel .flex-row:first-child .column:first-child {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+25,fffbe4+50,ffea5f+100 */
/* background: #ffffff; 
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 25%, #fffbe4 50%, #ffea5f 100%); 
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 25%,#fffbe4 50%,#ffea5f 100%); 
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 25%,#fffbe4 50%,#ffea5f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffea5f',GradientType=0 ); */
}

.about-panel .flex-row:last-child .column:last-child {
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f0f0+0,f0f0f0+25,daeaf0+50,91d8f0+100 */
/* background: #f0f0f0; 
background: -moz-linear-gradient(top, #f0f0f0 0%, #f0f0f0 25%, #daeaf0 50%, #91d8f0 100%);
background: -webkit-linear-gradient(top, #f0f0f0 0%,#f0f0f0 25%,#daeaf0 50%,#91d8f0 100%); 
background: linear-gradient(to bottom, #f0f0f0 0%,#f0f0f0 25%,#daeaf0 50%,#91d8f0 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#91d8f0',GradientType=0 ); */
}


.about-panel .flex-row:first-child .column:last-child,
.about-panel .flex-row:last-child .column:first-child {
	background: #3e94d7;
	padding: 1.5em 2em 2em 2em;
}

.about-panel figure {
	-webkit-display: flex;
	display: flex;
	height: 100%;
	min-height: 100%;
	align-items: center;
	justify-content: center;
	position: absolute;
}

.about-panel figure .yellowfin-about-figure {
	width: 50%;
	z-index: -1000;
}

/* Support Panel */
.support-panel .table {
	border-spacing: 0.5em;
}

.support-panel .t-cell {
	min-width: 60px;
	vertical-align: middle;
}

.support-panel h3 {
	margin: 0 0 0.25em 0;
}

/* Layout Two */
article.layout-two {
	background: url('../images/bg-2.jpg') no-repeat center top;
	background-size: cover;
	padding: 5em 0;
}

/* Clickwrap */

/* Company */
.flex-container {
	height: 100%;
	min-height: 200px;
	display: flex;
	justify-content: center;
	align-items: center;
}


  



#clickwrap {
	margin-top: 12%;
}
/****************************/
/*** END WEBSITE CONTENTS ***/
/****************************/








/**********************/
/*** WEBSITE FOOTER ***/
/**********************/

/**************************/
/*** END WEBSITE FOOTER ***/
/**************************/