/*START_MAIN_STYLES*/

  
  
  
@charset "utf-8";

/* Crescendo Interactive CSS - Daniel Oliveira 2015 */


/****************************************/
/**************** DESKTOP ***************/
/****************************************/


/**************** GLOBAL ****************/

* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: Raleway;
	src: url(/org_files/11/fonts/Raleway-Light.ttf) format('truetype');
	font-weight: 300;
}

@font-face {
	font-family: Raleway;
	src: url(/org_files/11/fonts/Raleway-Regular.ttf) format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: Raleway;
	src: url(/org_files/11/fonts/Raleway-VariableFont_wght.ttf) format('truetype');
	font-weight: 700;
}

body {
	background-color: #ddd;
	font: 400 1.1em/1.55em "Raleway";
	color: #555;
	letter-spacing: 0.5px;
}

#wrapper {
	width: 100%;
	box-sizing: border-box;
	margin: auto;
	position: relative;
	background-color: #fff;
	max-width: 2560px;
}

#maincontent {
	max-width: 1500px;
	margin: auto;
	width: 100%;
	box-sizing: border-box;
	padding: 50px 30px 30px 30px;
}

a {
	text-decoration: none;
	color: #0034c2;
}

a:hover {
	color: #333;
}

a:visited {
	color: #4c8ac9;
}

img {
	border: none;
}

.clearall {
	clear: both;
}

.clearleft {
	clear: left;
}

p {
	margin: 0 0 20px 0;
}

h1 {
	letter-spacing: 0;
	margin: 0 0 20px;
}

h1,
h2 {
	font-weight: 300;
}

h3 {
	font-weight: 400;
}

.nowrap {
	white-space: nowrap;
}

.tm {
	font-family: verdana;
	font-size: 0.8em;
	font-weight: lighter;
	line-height: 0;
}

.divider5 {
	height: 5px;
}

.divider10 {
	height: 10px;
}

.divider15 {
	height: 15px;
}

.divider20 {
	height: 20px;
}

.divider25 {
	height: 25px;
}

.divider30 {
	height: 30px;
}

.divider35 {
	height: 35px;
}

.divider40 {
	height: 40px;
}

strong {
	color: #333;
	font-weight: 600;
}

.alignright {
	text-align: right;
}

.aligncenter {
	text-align: center;
	margin: 0 auto;
}

.linedivider {
	border-bottom: 1px solid #bbb;
	margin: 0 0 20px;
	overflow: hidden;
	padding-top: 5px;
}

#mainbar .navicon,
.mainicon,
#carouselmarkers div,
#mobilemenu,
#mobilearrow,
#fbicon,
#twicon,
#insticon,
#linicon,
#cartnav,
#arrowleft,
#arrowright,
.checkmark,
#demoicon,
.icon,
.cresmanager::before {
	background-image: url("/org_files/11/images/sprites.png");
	background-size: 549px 406px;
}

#logo {
	position: absolute;
	top: 55px;
	left: 80px;
}

#logo a {
    width: 240px;
    height: 45px;
    display: block;
    background-image: url("/org_files/11/images/crescendo-logo.png");
    background-size: cover;
    margin: auto;
}

#logo div {
    border-top: 1px solid #bbb;
    box-sizing: border-box;
    font-size: 0.95em;
    letter-spacing: 0.5px;
    line-height: 1.3em;
    margin-top: 7px;
    padding: 7px 0;
    text-align: center;
    width: 268px;
}

#topmain {
    height: 230px;
    border-bottom: 1px solid #bbb;
    background-color: #eee;
    border-left: 10px solid #d72026;
}


#topmainwrapper {
	margin: auto;
	position: relative;
	width: 100%;
}

#topbar {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 2px;
	transition: all 0.5s ease 0s;
}

#topbar li {
	display: block;
	float: left;
	list-style-type: none;
}

#topbar li::after,
#storenav::after {
	content: "\2022";
	font-size: 2.4em;
	padding: 0 10px;
	color: #44c7ee;
	position: relative;
	top: 7px;
}

#topbar li:nth-child(5)::after {
	content: "";
	padding: 0;
}

#topbar a {
	color: #333;
	transition: all 0.3s ease 0s;
}

#topbar a:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
	/* Good browsers */
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}

#extra_nav {
	position: absolute;
	right: 80px;
	top: 2px;
}

#storenav {
	color: #333;
}

#cartnav {
	background-position: -320px -265px;
	color: #333;
	height: 23px;
	line-height: 1.5em;
	transition: all 0.3s ease 0s;
	padding-left: 30px;
}

#socialicons {
	position: absolute;
	top: 70px;
	right: 80px;
}

#socialicons a {
	display: inline-block;
	width: 30px;
	height: 23px;
	transition: all 0.3s ease 0s;
}

#insticon {
	background-position: -200px -265px;
}

#twicon {
    background-position: -218px -265px;
}

#socialicons a#insticon {
    background-position: -410px -364px;
    width: 37px;
}

#fbicon {
	background-position: -250px -265px;
	margin: 0 -7px 0 0;
}

#linicon {
	background-position: -279px -265px;
	margin: 0 10px 0 0;
}

#cartnav:hover,
#twicon:hover,
#fbicon:hover,
#insticon:hover,
#storenav:hover {
	opacity: 0.7;
	transition: all 0.3s ease 0s;
}

#mainbar {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 60px;
	max-width: 800px;
	display: table;
	table-layout: fixed;
	z-index: 9;
}

#mainbar>a {
	display: block;
	text-align: center;
	padding: 0 20px;
}

.navdesc {
	font-size: 1.1em;
	line-height: 1.25em;
	margin: 5px 20px 0 20px;
}

.navdesc div:nth-child(1) {
	font-size: 1.2em;
	margin: 1px 0 2px 0;
	text-transform: uppercase;
	font-weight: 400;
	color: #333;
}

.toplevel:nth-child(1) .navicon {
	background-position: 0 0;
}

.toplevel:nth-child(2) .navicon {
	background-position: -82px 0;
}

.toplevel:nth-child(3) .navicon {
	background-position: -162px 0;
}

.toplevel:nth-child(4) .navicon {
	background-position: -242px 0;
}

.toplevel {
	display: table-cell;
	list-style-type: none;
	width: 25%;
}

.toplevel a {
	color: #555;
	text-align: center;
}

.toplevel .navicon {
	opacity: 1;
	transition: all 0.3s ease 0s;
	height: 79px;
	width: 79px;
	margin: auto;
}

.toplevel:hover .navicon {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
}

.secondlevel {
	position: absolute;
	z-index: 200;
	display: none;
	padding: 5px 0 0 15px;
	min-width: 250px;
}

#mainbar .secondlevel a {
	color: #fff;
	text-align: left;
}

.secondlevel li {
	background-color: #222;
	color: #fff;
	border-bottom: 1px solid #888;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	list-style-type: none;
	padding: 6px 9px 6px 9px;
}

.secondlevel li:hover {
	background-color: #888;
}

.secondlevel a:nth-child(1) li {
	border-top: 1px solid #888;
}

#mainbar .toplevel:hover .secondlevel {}

.mediumtext {
	font-size: 0.9em;
	line-height: 1.45em;
}


/**************** HOME PAGE ****************/

#herobox {
    position: absolute;
    max-width: 900px;
    box-sizing: border-box;
    padding: 20px 20px 23px 40px;
    border-left: 1px solid #44c7ee;
    border-top: 1px solid #44c7ee;
    bottom: 0;
    background: rgba(0,70,140,0.9);
    display: none;
}

#herobox h1 {
	font-size: 4em;
	line-height: 1.03em;
	margin: 0 0 20px 0;
    color: #fff;
}

#herobox p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 30px 0;
    color: #fff;
}

#herocircles {
	position: absolute;
	left: -9px;
	top: calc(50% - 10px);
}

#herocircles,
#herocircles::before,
#herocircles::after {
	width: 15px;
	height: 15px;
	border: 1px solid #44c7ee;
	border-radius: 15px;
	display: block;
	background-color: #fff;
}

#herocircles::before {
	margin: -30px 0 0 -1px;
	content: "";
}

#herocircles::after {
	margin: 40px 0 0 -1px;
	content: "";
}

.pintro::first-letter {
	background-color: #00468c;
	border-top: 5px solid #aaa;
	color: #fff;
	display: block;
	float: left;
	font-size: 3em;
	font-weight: 600;
	margin: 5px 8px 0 0;
	padding: 0.25em 0.24em 0.4em;
}

.pintroff::first-letter {
	padding: 0.14em 0.2em 0.3em;
}

.custombutton,
input[type="button"],
.linkbutton {
	background-color: #00468c;
	color: #fff;
	font: 400 1em/1.45 "Raleway";
	padding: 6px 18px 6px 20px;
	transition: all 0.3s ease 0s;
	border: none;
	cursor: pointer;
	display: inline-block;
	white-space: nowrap;
}

input[type="button"],
.linkbutton {
	background-color: #444;
	border-radius: 7px;
}

.custombutton:hover,
input[type="button"]:hover,
.linkbutton:hover {
	background-color: #666;
	transition: all 0.3s ease 0s;
	color: #ddd;
}

.arrowblue,
.arrowwhite {
	text-transform: uppercase;
}

.arrowblue::after,
.arrowwhite::after,
.custombutton::after,
#afr::after {
	border-style: dashed dashed dashed solid;
	border-width: 6px 0 6px 6px;
	content: "";
	display: inline-block;
	margin-left: 6px;
}

.arrowblue::after {
	border-color: transparent transparent transparent #0059b3;
}

.custombutton::after,
.arrowwhite::after,
#afr::after {
	border-color: transparent transparent transparent #fff;
}

a.custombutton:visited,
a.linkbutton:visited {
	color: #fff;
}
.freedemobutton {
	margin-left: 20px;
}

#leftcolhome {
	float: left;
	padding: 0 40px 0 0;
	width: calc(100% - 440px);
}

.sectionheader {
	border-bottom: 1px solid #bbb;
	font-size: 2.8em;
	margin-bottom: 35px;
	padding-bottom: 22px;
	color: #333;
}

#leftcolhome section {
	margin-bottom: 40px;
	clear: both;
}

#leftcolhome section h2 {
	color: #333;
	font-size: 1.8em;
	margin-bottom: 6px;
	text-transform: uppercase;
	line-height: 1.1em;
}

#leftcolhome p {
	color: #555;
	margin: 0 0 3px 0;
}

.mainicon {
	float: left;
	height: 136px;
	margin: 0 20px 30px 0;
	width: 136px;
}

#leftcolhome a,
.mainicon {
	transition: all 0.3s ease 0s;
}

#leftcolhome a:hover,
.mainicon:hover {
	opacity: 0.8;
	transition: all 0.3s ease 0s;
}

#leftcolhome section:nth-child(1) .mainicon {
	background-position: 0 -107px;
}

#leftcolhome section:nth-child(2) .mainicon {
	background-position: -138px -107px;
}

#leftcolhome section:nth-child(3) .mainicon {
	background-position: -276px -107px;
}

#leftcolhome section:nth-child(4) .mainicon {
	background-position: -414px -107px;
}

#rightcolhome {
    float: left;
    border-top: 10px solid #d72026;
}

#rightcolhome section {
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	width: 400px;
	padding: 20px 20px 0 20px;
	background-color: #f1f1f3;
	margin: 0 0 70px 0;
}

#rightcolhome img {
	width: 100%;
	height: auto;
}

#rightcolhome strong {
	color: inherit;
}

#rightcolhome h2 {
    text-transform: uppercase;
    color: #333;
    background-color: #53d5fd;
    margin: -20px -20px 20px -20px;
    padding: 0.5em 0.5em 0 0.7em;
}

#rightcolhome h2::after {
    content: "";
    display: block;
    width: 80px;
    height: 7px;
    background-color: #00488c;
    margin: 7px 0 20px 0;
}



#overview-video {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#overview-video header {
	text-align: center;
}

#overview-video h1 {
	border-top: 8px solid #00468c;
	font-size: 2.7em;
	margin: 10px auto 0px;
	padding: 10px 0;
	width: 100%;
	max-width: 450px;
	line-height: 1em;
	color: #333;
}

#overview-video .video-container {
	width: 100%;
	max-width: 854px;
	margin: 0 auto;
	border: 1px solid #888;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: hidden;
}

#overview-video .video-container .singlevideo {
	width: 101%;
}

#stories {
	overflow: hidden;
}

#stories header {
	text-align: center;
}

#stories header h1 {
	border-top: 8px solid #00468c;
	font-size: 2.7em;
	margin: 10px auto 0;
	padding: 20px 0;
	width: 420px;
	color: #333;
}

#stories header h2 {
	font-size: 1.4em;
	font-weight: 300;
	line-height: 1.3em;
	padding: 0 70px 30px;
	color: #333;
}

#stories article {
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	float: left;
	margin-left: -1px;
	padding: 0 30px;
	width: 539px;
}

#stories article:nth-child(2),
#stories article:nth-child(5) {
	padding-left: 70px;
}

#stories article:nth-child(3),
#stories article:nth-child(6) {
	padding: 0 0 0 30px;
	border-right: none;
}

#stories article:nth-child(5),
#stories article:nth-child(6) {
	margin-top: 60px;
}

#stories figure {
	float: left;
	font-size: 0.9em;
	line-height: 1.3em;
	width: 100px;
	color: #333;
}

#stories figure img {
	width: 100%;
}

#stories h3 {
	font-size: 1.6em;
	line-height: 1.2em;
	margin: -5px 0 15px 115px;
	color: #333;
}

#stories article p {
	margin: 0 0 0 115px;
}

#stories .custombutton {
	margin: 25px auto 45px auto;
	display: block;
	width: 200px;
	padding: 6px 10px 8px 25px;
}


/**************** INTERIOR PAGES GLOBAL ****************/

.breadcrumb {
	margin: 0 0 40px 0;
}

#maininterior {
	padding: 35px 70px;
	box-sizing: border-box;
	max-width: 1500px;
	margin: auto;
}

#maininterior h1 {
	border-bottom: 1px solid #bbb;
	color: #444;
	font-size: 3.4em;
	line-height: 1.05em;
	margin: 30px 0 15px;
	overflow: hidden;
	padding-bottom: 12px;
}

#maininterior h1.storehead {
	margin: 20px 0 15px;
}

.deck {
	font-size: 1.21em;
	line-height: 1.4em;
	margin-bottom: 25px;
}

.intimage {
	float: right;
	margin: 0 0 15px 30px;
	width: 100%;
	height: auto;
	max-width: 500px;
}

.bt-sem-image {
	float: none;
	margin: -35px 0px 0px 0px;
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.cartimg {
	width: 220px;
	max-width: 220px;
}

#maininterior h2 {
	border-bottom: 1px solid #bbb;
	font-size: 2.2em;
	line-height: 1.1em;
	margin: 0 0 9px 0;
	overflow: hidden;
	padding-bottom: 10px;
	color: #333;
}

#maininterior h3 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin-bottom: 15px;
	color: #333;
}

#maininterior section h2 {
	margin: 0 0 9px 215px;
	color: #333;
}

.softwaretitle {
	font-size: 2.3em;
	margin-bottom: 40px;
	text-transform: uppercase;
}

#maininterior .custombutton {
	display: table;
	font-size: 1.2em;
	padding: 4px 18px 6px;
	/* TI change*/
}

.follow-by-email-submit {
	display: inline-block !important;
	clear: none;
	padding: 4px 18px 6px;
	/* TI change*/
	margin: 5px 0 0 10px;
	/* TI change */
}

.softwarebutton {
	margin: 0 auto 55px auto;
	display: block
}

.checkoutbutton {
	margin: 10px 25px 0 0;
}

a.listlink,
a:visited.listlink {
	color: #555;
}

#maininterior section .arrowblue {
	color: #0059b3;
}

#maininterior section .arrowblue:hover {
	color: #333;
}

#maininterior section img {
	width: 200px;
	height: 151px;
	float: left;
	margin: 5px 15px 0 0;
}

#maininterior section img.blogimg {
	height: auto;
}

#maininterior section p {
	margin: 0 0 10px 215px;
}

#maininterior a img {
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: all 0.5s ease 0s;
	border: 1px solid #bbb;
	display: block;
}

#maininterior a img:hover {
	-ms-transform: scale(0.97, 0.97);
	-webkit-transform: scale(0.97, 0.97);
	transform: scale(0.97, 0.97);
	transition: all 0.5s ease 0s;
	opacity: 0.8;
}

#maininterior figcaption {
	line-height: 1.3em;
	margin-top: 10px;
	/* TI increased */
}

#maininterior ul {
	margin: 0 0 5px 17px;
}

#maininterior ul.bulletmargin,
#maininterior ol.bulletmargin {
	margin: 0 0 5px 50px;
}

#maininterior li {
	padding-bottom: 15px;
}

#maininterior ul.lesspad li {
	padding-bottom: 3px;
}

.bulletspace {
	height: 10px;
}

#maininterior aside {
	background-color: #eee;
	box-sizing: border-box;
	float: left;
	margin: 5px 25px 15px 0;
	padding: 15px 20px 20px;
	width: 370px;
}

#maininterior aside h2 {
	margin-bottom: 2px;
	text-align: center;
}

#maininterior aside h3 {
	text-align: center;
}

#maininterior aside img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 15px;
}

#maininterior aside ul {
	margin: 0 0 15px 15px;
}

#maininterior aside li {
	margin: 0;
}

#interiorleft {
	float: left;
	width: 735px;
}

.testimonials {
	text-align: right;
	font-weight: bold;
	font-style: italic;
	margin: -20px 0 30px 0;
	color: #555;
}

.floatedimg {
	float: right;
	margin: 10px 0 15px 25px;
	width: 400px;
	text-align: center;
}

.floatedimg img {
	border: 1px solid #bbb;
	width: 100%;
	height: auto;
	display: block;
}

.noborder {
	border: none !important;
}

.innertwocol,

.doublebullets {
	box-sizing: border-box;
	float: left;
	padding-right: 35px;
	width: 50%;
}

.innertwocolright,
.doublebulletsright {
	box-sizing: border-box;
	float: left;
	padding: 0 0 0 35px;
	width: 50%;
}

.bt-seminar .doublebullets,
.bt-seminar .doublebulletsright {
	float: none;
}

.rightborder {
	border-right: 1px solid #bbb;
}

.leftborder {
	border-left: 1px solid #bbb;
	margin-left: -1px;
}

.innertwocol .arrowblue,
.innertwocolright .arrowblue {
	text-transform: capitalize;
}

.innertwocol figure,
.innertwocolright figure {
	width: 200px;
	float: right;
	margin: 0 0 15px 20px;
	margin-top: 4px;
	text-align: center;
}

.innertwocol img,
.innertwocolright img {
	display: block;
	height: auto;
	width: 100%;
	border: 1px solid #bbb;
}

.mainlistdivider {
	height: 40px;
	clear: both;
}

.blockdivider,
.listblockdivider {
	height: 40px;
	clear: both;
}

time {
	margin: 0 0 5px 215px;
	font-style: italic;
	display: block;
}

.blogtime {
	margin: -5px 0 25px 0;
}

.breadcrumbblog {
	width: 650px;
}


/**************** IMAGE NAVIGATION ****************/

.doubleimages {
	float: left;
	padding: 0 40px 0 0;
	text-align: center;
	width: 22.3%;
}

.doubleimages figure:nth-child(2n+2) {
	margin-top: -40%;
}

.doubleimages:nth-child(4n+4) {
	padding: 0 0 45px 0;
}

.doubleimages figure:nth-child(1) img {
	width: 100%;
	height: auto;
}

.doubleimages figure:nth-child(2) img {
	height: auto;
	margin: auto;
	width: 44%;
}

.twocolumns figure {
	float: left;
	padding-right: 40px;
	text-align: center;
	width: 48.2%;
}

.twocolumns figure:nth-child(2n+2) {
	padding: 0 0 40px 0;
}

.twocolumns video,
.twocolumns img {
	width: 100%;
	height: auto;
	display: block;
}

.singlevideo {
	width: 100%;
	height: auto;
	max-width: 854px;
	display: block;
}

#maininterior .videogallery .singlevideo {
	border: 1px solid #aaa;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.fourcolumns figure {
	float: left;
	padding-right: 30px;
	text-align: center;
	width: 23%;
}

.fourcolumns figure:nth-child(4n+4) {
	padding: 0 0 40px 0;
}

.imageclip,
.imageclip1, .imageclip2 {
	border: 1px solid #bbb;
	height: 0;
	overflow: hidden;
}

.imageclip {
	padding-bottom: 100%;
}

.imageclip1 {
	padding-bottom: 59%;
}

.imageclip2 {
	padding-bottom: 59%;
}

#maininterior a .imageclip img,
#maininterior a .imageclip1 img, #maininterior a .imageclip2 img {
	border: none;
}

.fourcolumns video,
.fourcolumns img {
	width: 100%;
	height: auto;
	display: block;
}

.threecolumns figure {
	float: left;
	padding-right: 30px;
	text-align: center;
	width: 31.5%;
}

.threecolumns figure:nth-child(3n+3) {
	padding: 0 0 35px 0;
}

.threecolumns figure:last-child {
	padding-bottom: 35px;
}

.threecolumns img {
	width: 100%;
	height: auto;
}

.pricingtable,
.trainingtable,
.statetable,
.carttable,
.softwaretable,
.webinarsorttable,
.softwarecomptable {
	width: 100%;
	border: none;
}

.pricingtable td,
.trainingtable td,
.ratecontainer table td,
.statetable td,
.carttable td,
.softwaretable td,
.webinarsorttable td,
.softwarecomptable td {
	text-align: center;
	padding: 5px 10px;
}

.pricingtable tr:nth-child(even),
.trainingtable tr:nth-child(even),
.ratecontainer table tr:nth-child(even),
.statetable tr:nth-child(even),
.carttable tr:nth-child(even),
.softwaretable tr:nth-child(even),
.webinarsorttable tr:nth-child(even),
.softwarecomptable tr:nth-child(even) {
	background-color: #ddd;
}

.pricingtable tr:nth-child(odd),
.trainingtable tr:nth-child(odd),
.ratecontainer table tr:nth-child(odd),
.statetable tr:nth-child(odd),
.carttable tr:nth-child(odd),
.softwaretable tr:nth-child(odd),
.webinarsorttable tr:nth-child(odd),
.softwarecomptable tr:nth-child(odd) {
	background-color: #fff;
}

.pricingtable tr.titlerow,
.trainingtable tr.titlerow,
.trainingtable tr.titlerow1,
.ratecontainer table tr.titlerow,
.statetable tr.titlerow,
.carttable tr.titlerow,
.softwaretable tr.titlerow,
.webinarsorttable tr.titlerow,
.softwaretable tr.titlerow1,
.softwarecomptable tr.titlerow,
.softwarecomptable tr.titlerow1 {
	background-color: #00468c;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
}

.trainingtablenoteinmobile,
.trainingtableasterisk {
	display: none;
}

.softwaretable tr.titlerow1,
.softwarecomptable tr.titlerow1,
.trainingtable tr.titlerow1 {
	background-color: #666;
}

.webinarsorttable td:nth-child(3) {
	text-align: left;

}

.pricingtable td:nth-child(1),
.softwaretable td:nth-child(1),
.softwarecomptable td:nth-child(1) {
	text-align: left;
}

.softwaretable td,
.softwarecomptable td {
	width: 25%;
}

.carttable a:visited {
	color: #0034c2;
}

.carttable .checkoutrow a:visited {
	color: #fff;
}

.ratecontainer {
	width: 33.3%;
	padding-right: 15px;
	float: left;
	box-sizing: border-box;
}

.ratecontainer table {
	width: 100%;
	margin-bottom: 25px;
}

.nopad {
	padding: 0;
}

.quantity {
	float: left;
	margin: -2px 25px 0 25px;
}

.carttable select,
.softwaretable select {
	font-size: 18px;
	width: 60px;
}

.deletecart {
	float: left;
	color: #cc2929;
	font-weight: bold;
	font-size: 1.5em;
}

.deletelabel {
	float: left;
	margin: 0 0 0 5px;
}

.carttable tr td:nth-child(2) {
	width: 190px;
}

.carttable tr.pricerow td:nth-child(2) {
	width: 250px;
}

.carttable tr td:nth-child(2) a {
	float: right
}

.totalleft {
	float: left;
	width: 50%;
	padding-right: 10px;
	box-sizing: border-box;
	text-align: right;
}

.totalright {
	float: left;
	width: 50%;
	text-align: left;
}

.checkoutrow {
	text-align: center;
	padding-top: 15px;
	background-color: #fff;
}


/**************** PHOTO GALLERY ****************/

#gallerycover {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10;
	top: 0;
}

#cresgallery {
	background-color: #00468c;
	color: #fff;
	display: none;
	height: 45px;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 40;
}

#imagecounter {
	position: absolute;
	right: 26.2%;
	top: 50px;
}

#imagenumberlabel {
	float: left;
	padding: 12px 0 0;
	text-align: right;
	width: 90px;
	font-size: 1.3em;
}

#arrowleft,
#arrowright {
	cursor: pointer;
	position: relative;
	top: 40%;
	width: 36px;
	height: 72px;
}

#arrowleft {
	float: left;
	left: 17%;
	background-position: -293px -317px;
}

#arrowright {
	float: right;
	right: 17%;
	background-position: -344px -317px;
}

#imagetitle {
	margin: 10px auto 25px;
	font-size: 1.4em;
}

#hidegallery {
	float: left;
	margin: 13px 0 0 30px;
}

#hidegallery span {
	background-color: #a61919;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	font-family: arial;
	font-size: 1.4em;
	padding: 5px 9px 5px 10px;
}

#imageloader {
	bottom: 5%;
	display: none;
	height: 80%;
	position: absolute;
	text-align: center;
	top: 15%;
	width: 100%;
	overflow: hidden;
	z-index: 30;
}

#imageloader img {
	max-height: 100%;
	max-width: 100%;
}

#launchsite {
	background-color: rgba(166, 8, 8, 0.8);
	cursor: pointer;
	display: none;
	font-size: 1.1em;
	margin: auto;
	padding: 4px 0;
	width: 215px;
}

.galleryhidescroll {
	width: 100%;
	height: 100%;
	overflow: hidden;
}


/**************** FORM FIELDS ****************/

form {
	box-sizing: border-box;
}

.formbg {
	background-color: #e9e9e9;
	padding: 15px;
}

form input,
form select {
	font: 300 16px/21px "Raleway";
}

form span,
.requiredfields span {
	color: #de1919;
	font-family: arial;
	font-size: 13px;
	line-height: 0;
}

.SameAsBilling {
	color: #ffffff;
	font-family: raleway;
	font-size: 0.8em;
}

.formheader {
	background-color: #00468c;
	color: #fff;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 15px;
	overflow: hidden;
	padding: 7px 12px;
}

.formleft {
	float: left;
	text-align: right;
	width: 190px;
	margin: 0 5px 15px 0;
}

.formleftmg {
	margin: 0 5px 6px 0;
}

.formleftauto {
	width: auto;
}

.formleft100 {
	width: 100px;
}

.formdesc {
	margin: 0 5px 15px 0;
}

input[type="password"] {
	width: 200px;
}

input[type="text"] {
	width: 250px;
}

input.formphone {
	width: 150px;
}

input.smallfields {
	width: 50px;
}

input.formsmallphone {
	width: 40px;
}

.statename {
	float: left;
	margin-right: 5px;
}

.statefield {
	float: left;
}

.statebar {
	float: left;
	margin: 0 5px 0 40px;
}

.statebarfield {
	float: left;
}

input[type="checkbox"] {
	float: left;
	margin: 6px 6px 0 0;
}

#giftattorney_form {
	width: 800px;
	margin: auto;
}

#login_form {
	float: left;
	width: 400px;
}

#frmLogin {
	width: 400px;
}

#frmReg,
#contactForm,
#crescendo_contact,
#orderForm,
#enotes,
#frmLoginmain,
#cres_contact,
#cres_comment,
#frmLogin,
#creditcardForm {
	width: 610px;
}

#boomerform #cres_contact {
	width: 530px;
	overflow: hidden;
}

.CresError {
	color: #CC0000;
}

.CresError2 {
	color: #CC0000;
}

#cres_contact_comments {
	height: 300px;
	width: 360px;
	margin-bottom: 15px;
	font-size: 16px;
	font-family: raleway;
}


/* TI style addition*/

form input[type="text"],
form textarea,
form select {
	padding: 7px;
	margin-left: 7px;
}

form label {
	line-height: 38px;
}

input[type="button"] {
	-webkit-appearance: none;
}

.recoverlogin {
	font-size: 0.9em;
	margin-top: -5px;
}

#login_form input[type="button"] {
	margin-left: 105px;
}

#signup_form {
	float: left;
	width: 400px;
	margin-left: 30px;
}

#signup_form input[type="button"] {
	margin-left: 53px;
}

.requiredfields {
	margin-bottom: 5px;
	font-size: 0.9em;
}

#state_button {
	color: #0059b3;
	cursor: pointer;
}

.buttoncenter {
	text-align: center;
}

.trial1 {
	float: left;
	width: 50%;
	padding: 0 0 5px 12px;
	box-sizing: border-box;
}

.trial2 {
	float: left;
	padding: 0 0 5px 35px;
	width: 50%;
	box-sizing: border-box;
}


/**************** MISCELLANEOUS ****************/

#faq {
	color: #0059b3;
	text-transform: inherit;
	cursor: pointer;
}

#faqblock {
	display: none;
}

.productprice {
	color: #555;
	font-size: 1.3em;
	font-weight: 600;
	margin-bottom: 5px;
}

.ast {
	color: #b60e0e;
	font-family: arial;
	font-size: 1.2em;
}

.ast1 {
	font-family: arial;
	font-size: 1.2em;
}

#blogbox {
	display: table;
	margin: 15px 0 25px 0;
}

#blogbox img {
	display: table-cell;
	width: 130px;
}

#blogbox h3 {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 15px;
}

.blogrightcol {
	width: 520px;
	float: right;
	margin: 2em 0 1em 1em;
}

.blogrightcol form {
	width: auto !important;
}

.blogrightcol img {
	width: 100%;
	display: block;
}

.blogrightcol .blogsubscribe {
	width: 520px;
	box-sizing: border-box;
	margin: 25px 0;
}

.blogsubscribe {
	z-index: 100;
	position: relative;
	max-width: 520px;
}

.blogsubscribe #cres_contact_email {
	width: 230px;
}

.blogsubscribe .custombutton {
	margin: 0 0 0 5px;
	display: inline-block !important;
}

.blog_comment {
	padding: 20px 20px 0 20px;
	margin-bottom: 30px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .15);
	background: #fff;
	border: #ccc 1px solid;
	overflow: hidden;
}

.blog_comment img {
	float: right;
	padding: 5px;
	margin: 0 0 20px 20px;
	background: #fff;
	border-bottom: #DDD 1px solid;
	box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}

.blog_comment small {
	font-style: italic;
	font-size: 0.9em;
}

@media (max-width: 950px) {
	.blogrightcol,
	.blogrightcol .blogsubscribe {
		width: 300px;
	}
	.blogsubscribe #cres_contact_email {
		width: 195px;
	}
	.blogsubscribe .custombutton {
		margin: 10px 0 0 0 !important;
	}
	.blogsubscribe {
		z-index: 0;
	}
	#socialicons {
		top: auto;
	}
}

@media (max-width: 600px) {
	.blogrightcol,
	.blogrightcol .blogsubscribe {
		width: auto;
		float: none;
		margin: 15px 0 15px 0;
	}
}

@media (max-width: 479px) {
	.blogsubscribe .custombutton {
		margin: 12px 0 0 0 !important;
		display: block !important;
	}
	.blogsubscribe #cres_contact_email {
		width: 190px;
	}
	#blogbox,
	#blogbox img,
	#blogbox h3 {
		display: block;
	}
	#blogbox h3 {
		padding: 5px 0 0 0;
		line-height: 1.3em;
		font-size: 1em;
	}
}

#storesteps {
	background-color: #555;
	color: #fff;
	margin-top: 20px;
	overflow: hidden;
	padding: 8px 18px 9px 20px;
}

.stepsarrow {
	font-size: 1.2em;
	margin: 0 5px;
}

.stepsinactive {
	opacity: 0.5;
}

.checkmark {
	background-position: -334px -27px;
	display: inline-block;
	height: 17px;
	width: 18px;
}

.statebullets {
	box-sizing: border-box;
	float: left;
	padding-right: 35px;
	width: 24%;
}

#statelist .statebullets:nth-child(4) {
	padding-right: 0;
}

#maininterior ul.statebullets {
	float: left;
	box-sizing: border-box;
	width: 24%;
	padding-right: 35px;
	margin: 0;
}

#maininterior ul.statebullets li {
	list-style-type: none;
	padding-bottom: 3px;
}

.statebullets span,
#stateregulation span {
	display: inline-block;
	height: 12px;
	margin-right: 7px;
	width: 12px;
}

.sregistration {
	background-color: #b81c1f;
}

.snotification {
	background-color: #227f1e;
}

.sconditional {
	background-color: #994cbf;
}

.ssilent {
	background-color: #d99e21;
}

#stateregulation {
	background-color: #eee;
	box-sizing: border-box;
	display: inline-block;
	margin: 15px 0 25px;
	padding: 10px 10px 7px;
	width: 650px;
}

#stateregulation div:nth-child(1) {
	background-color: #00468c;
	color: #fff;
	margin-bottom: 7px;
	padding: 5px 5px 5px 10px;
	font-size: 1.3em;
	line-height: 1.3em;
}

#stateregulation div:nth-child(2),
#stateregulation div:nth-child(4) {
	float: left;
	width: 50%;
	padding: 0 20px 5px 0;
	box-sizing: border-box;
}

#stateregulation div:nth-child(3),
#stateregulation div:nth-child(5) {
	float: left;
	width: 50%;
	padding-bottom: 5px;
}

#maininterior #statedata h2 {
	font-size: 1.4em;
	line-height: 1.2em;
	margin: 0;
	border-bottom: none;
	padding: 0;
	font-weight: 400;
}

#webinarsort div {
	float: left;
	margin-right: 30px;
}

#bequeststeps {
	margin: 25px auto 30px auto;
	width: 100%;
	max-width: 950px;
}

#bequeststeps td:nth-child(odd) {
	width: 12%;
}

#bequeststeps td:nth-child(even) {
	padding: 0 5px;
}

#bequeststeps td img {
	width: 100%;
	height: auto;
}

#bequeststeps tr:nth-child(2) td {
	text-align: center;
	vertical-align: top;
}

#maininterior ul.cresbequestlist {
	margin-top: 20px;
}

#maininterior .cresbequestlist li {
	padding: 0 0 20px 0;
}

#maininterior .abq {
	float: right;
	margin: 5px 0 15px 25px;
	min-width: 300px;
	width: 35%;
}

#maininterior .abq img {
	float: right;
	width: 40%;
	margin: 7px 0 15px 15px;
	max-width: 150px;
}

#maininterior .tbq {
	margin: 0;
}

.studysubheader2016 {
	border-top: 1px solid #bbb;
	font-size: 2.1em;
	font-weight: 300;
	line-height: 1.1em;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 10px 0;
}

.landingfloat {
	float: right;
	width: 470px;
	margin-left: 30px;
}

#maininterior h2.btheadline1 {
	font-size: 2em;
	margin-bottom: 15px;
}

.btheadline2 {
	display: none;
}

.landingvideo1 {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.landingvideo2 {
	width: 100%;
	max-width: 400px;
	height: auto;
	display: none;
}

.landingvideo3 {
	width: 100%;
	max-width: 680px;
	height: auto;
}

.studyimg2016 {
	border: 1px solid #bbb;
	margin: -18px 0 25px 0;
	width: 100%;
	max-width: none;
}

#maininterior h1.studyheadline2016 {
	border-bottom: medium none;
	margin: 30px 0 0;
}

#maininterior .videogallery h2 {
	font-size: 1.6em;
	text-align: left;
}


/* Gift Planning Education pages (12) */

#iconsBOD {
	width: 300px;
}

#iconsBOD .iconsGroupBOD {
	position: relative;
	float: left;
	width: 100px;
}

#iconsBOD .iconBOD img {
	margin: auto;
}

#iconsBOD .labelBOD {
	text-align: center;
}


#iconsBOD .clearBOD {
	clear: both;
}

#iconsBOD #line1BOD {
	height: 10px;
	width: 300px;
	border-bottom: 1px solid #52c3ed;
}

#iconsBOD #line2BOD {
	height: 5px;
	width: 200px;
	border-bottom: 1px solid #52c3ed;
}

#maininterior .iconBOD a img {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	transition: none;
	border: none;
	width: 80px;
	height: 80px;
	display: block;
}

#iconsBOD a {
	text-decoration: none;
	color: #0034c2;
}

#iconsBOD a:visited {
	color: #0034c2;
}

#iconsBOD a:hover {
	color: #333;

}

.intvideo {
    float: right;
    width: 45%;
    margin: 0 0 15px 30px;
}

.intvideo video {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}


/**************** FOOTER ****************/

footer {
	margin-top: 20px;
	text-align: center;
	padding: 0 40px;
	line-height: 1.8em;
}

#footerlogo>a {
	width: 240px;
	height: 46px;
	display: block;
	margin: auto;
	background-image: url("/org_files/11/images/crescendo-logo.png");
    background-size: cover;
}

#footerlogo div {
    border-top: 1px solid #bbb;
    box-sizing: border-box;
    margin: 7px auto;
    padding: 4px 0;
    width: 280px;
    white-space: nowrap;
}

#givinglinks {
	width: 100%;
	text-align: center;
	background-color: #eee;
	padding: 15px;
	box-sizing: border-box;
}

#footerlinks a::after, #givinglinks a::after {
	content: "|";
	color: #444;
	display: inline-block;
	margin: 0 5px 0 9px;
}

#footerlinks a:last-child::after, #givinglinks a:last-child::after {
	display: none;
}

.cresmanager::before {
	content: "";
	background-position: 94px -26px;
	height: 19px;
	width: 12px;
	display: inline-block;
	margin-right: 4px;
}

#footerbottom {
	clear: both;
	text-align: center;
	padding: 20px 0 35px;
	font-size: 0.9em;
}

#footerlogo {
	display: inline-block;
	margin: 40px auto 5px auto;
}

#demoarea {
	display: table;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 10px auto 25px;
}

#demoicon {
	background-position: -362px 0;
	height: 79px;
	width: 79px;
}

#demoarea .arrowblue {
	text-transform: none;
}

#demoarea p {
	display: table-cell;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
}


/****************************************/


/**************** MOBILE ****************/


/****************************************/


/***************** Mobile Styles - Level 1 *****************/

@media (max-width: 1520px) {
	#logo {
		left: 30px;
	}
	#extra_nav,
	#socialicons {
		right: 30px;
	}
}

@media screen and (max-width: 1279px) {
	html {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		text-size-adjust: none;
	}
	#wrapper {
		width: auto;
	}
	#topbar,
	#extra_nav {
		font-size: 0.9em;
		transition: all 0.5s ease 0s;
	}
	#topbar {
		left: 30px;
		transform: none;
	}
	#topmain {
		height: 215px;
	}
	
	#herobox p {
		margin: 0 150px 30px 0;
	}
	#logo {
		left: 25px;
		top: 71px;
	}
	
	#logo a {
		margin-left: -15px;
		-ms-transform: scale(0.83, 0.83);
		-webkit-transform: scale(0.83, 0.83);
		transform: scale(0.83, 0.83);
		width: 250px;
		height: 48px;
	}
	
	#logo div {
		width: 220px;
	}
	.navicon {
		-ms-transform: scale(0.7, 0.7);
		-webkit-transform: scale(0.7, 0.7);
		transform: scale(0.7, 0.7);
	}
	.secondlevel li {
		font-size: 0.9em;
		line-height: 1.4em;
	}
	#topbar li::after {
		padding: 0 7px;
	}
	#mainbar {
		left: 28%;
		transform: none;
	}
	.toplevel {
		width: 110px;
		padding: 0 8px;
	}
	#herobox h1 {
		font-size: 3em;
	}
	#fbicon,
	#twicon,
	#cartnav {
		top: 8px;
	}
	#twicon {
		right: 175px;
		/* @tiff : moved per comp */
	}
	#fbicon {
		right: 240px;
		/* @tiff : moved per comp */
	}
	#linicon {
		right: 215px;
		/* @tiff : moved per comp */
	}

	.navdesc {
		font-size: 0.9em;
		margin: -5px 0 0 0;
	}
	.sectionheader {
		font-size: 2.7em;
	}
	#rightcolhome {
		float: right;
		width: 30%;
	}
	#leftcolhome {
		float: left;
		padding: 0 40px 0 0;
		width: calc(70% - 40px);
	}
	#rightcolhome section {
		width: auto;
	}
	#rightcolhome h1 {
		line-height: 1.1em;
		padding: 9px 10px 10px;
	}
	.mainicon {
		margin: -13px 0 0 -15px;
		-ms-transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8, 0.8);
		transform: scale(0.8, 0.8);
	}
	#leftcolhome p {
		margin: 0 0 3px 120px;
	}
	#leftcolhome section .arrowblue {
		margin-left: 120px;
	}
	#stories header h1,
	#overview-video h1 {
		font-size: 2.5em;
	}
	#stories {
		box-sizing: border-box;
		padding: 0 25px;
	}
	#stories article {
		padding: 0 20px;
		width: 47%;
	}
	#stories article:nth-child(2),
	#stories article:nth-child(5) {
		padding-left: 0;
		border-left: none;
	}
	#stories article:nth-child(3),
	#stories article:nth-child(6) {
		border-right: medium none;
		padding: 0 0 0 20px;
	}
	#stories figure {
		float: right;
		margin: 0 0 15px 15px;
	}
	#stories h3 {
		margin: -5px 0 15px;
		font-size: 1.5em;
	}
	#stories article p {
		margin: 0;
	}
	#stories .custombutton {
		width: 215px;
	}
	.footercol:nth-child(2) {
		border-left: none;
	}
	.footercol:nth-child(2),
	.footercol:nth-child(3) {
		padding: 0 7%;
		width: 20%;
	}
	.footercol:nth-child(4) {
		padding: 0 0 0 4%;
		width: 20%;
		border: none;
	}
	.footercol:nth-child(5) {
		clear: both;
		padding: 35px 15px 0 25px;
		width: auto;
		border-left: none;
	}
	.footercol:nth-child(5) section:nth-child(1) {
		width: 46%;
		float: left;
		padding-right: 30px;
	}
	.footercol:nth-child(5) section:nth-child(2) {
		width: 50%;
		float: left;
	}
	.intimage {
		margin: 25px 0 10px 20px;
		width: 50%;
	}
	.landingfloat {
		width: 38%;
		margin: 55px 0 0 30px;
	}
	.enotesimg {
		margin: -25px 0 10px 20px;
		max-width: 300px;
	}
	#maininterior {
		padding: 25px;
	}
	#maininterior h1 {
		margin: 20px 0 15px;
	}
	.innertwocol figure,
	.innertwocolright figure {
		width: 35%;
	}
	.innertwocol,
	.innertwocolright {
		padding-right: 25px;
	}
	.innertwocolright {
		padding: 0 0 0 25px;
	}
	.doubleimages {
		padding: 0 30px 0 0;
	}
	.threecolumns figure {
		padding-right: 25px;
		width: 31.4%;
	}
	.fourcolumns figure {
		width: 22.3%;
	}
	.twocolumns figure {
		padding-right: 30px;
	}
	#giftattorney_form {
		width: auto;
	}
	.carttable tr td:nth-child(2) {
		width: 200px;
	}
	#stateregulation {
		width: 480px;
	}
	.breadcrumbblog {
		width: auto;
	}
	#demoarea {
		line-height: 1.3em;
	}
	#footercol-item-ppgc {
		display: block;
	}
	#footercol-item-ppgc-two {
		display: none;
	}
}

@media screen and (max-width: 1024px) {
	#maininterior .videogallery h2 {
		font-size: 1.4em;
	}
}


/***************** Mobile Styles - Level 2 *****************/

@media screen and (max-width: 950px) {
	#bgcover {
		display: none;
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		z-index: 10;
		top: 0;
	}
	#mobilemenu {
		background-position: 0 -257px;
		cursor: pointer;
		display: block;
		height: 31px;
		left: 20px;
		position: fixed;
		top: 35px;
		width: 40px;
		z-index: 5;
	}
	#mobilemenu:after {
		content: "Menu";
		display: block;
		padding: 3px 0 0 48px;
		font-size: 0.9em;
		color: #fff;
	}
	#navscroll {
		overflow-x: hidden;
		overflow-y: scroll;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 200px;
		padding-right: 40px;
	}
	.lockscroll {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	#fullnav {
		position: fixed;
		z-index: 15;
		width: 200px;
		left: -200px;
		top: 0;
		height: 100%;
		overflow: hidden;
	}
	#logo {
		background-color: rgba(0, 88, 176, 0.95);
		border-top: 8px solid #999;
		left: 0;
		position: fixed;
		text-align: center;
		top: 0;
		width: 100%;
		z-index: 5;
		color: #fff;
	}
	#logo a {
		background-image: url(/org_files/11/images/crescendo-logo-white.png);
		margin: 3px auto 0;
		-ms-transform: scale(0.75, 0.75);
		-webkit-transform: scale(0.75, 0.75);
		transform: scale(0.75, 0.75);
	}
	#logo div {
		padding: 5px 0 10px;
		width: 270px;
		font-size: 0.95em;
		margin: auto;
	}
	#topbar {
		padding: 0;
		position: relative;
		left: auto;
		top: auto;
	}
	#topbar li {
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		float: none;
		padding: 8px 10px;
		font-size: 18px;
		background-color: #00468c;
	}
	#topbar li::after {
		content: "";
		float: none;
	}
	#topbar a {
		width: 100%;
		display: block;
		color: #fff;
		line-height: 24px;
	}
	#mainbar {
		left: auto;
		position: relative;
		top: auto;
	}
	#extra_nav {
		position: relative;
		right: auto;
		top: auto;
	}
	#storenav {
		color: #fff;
		background-color: #00468c;
		font-size: 18px;
		padding: 8px 10px;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		display: block;
	}
	#cartnav {
		background-image: none;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		display: block;
		line-height: 22px;
		padding: 8px 10px;
		position: relative;
		top: auto;
		width: auto;
		font-size: 18px;
		right: 0;
		color: #fff;
		background-color: #00468c;
	}
	#topbar li::after,
	#storenav::after {
		display: none;
	}
	.toplevel,
	.creshome {
		float: none;
		width: auto;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		padding: 8px 10px;
		height: auto;
		background-color: #00468c;
		font-size: 18px;
		line-height: 22px;
		display: block;
	}
	#mainbar a {
		text-align: left;
		color: #fff;
		transition: all 0.3s ease 0s;
	}
	#mainbar a:hover,
	#topbar a:hover,
	#linicon:hover,
	#twicon:hover,
	#fbicon:hover,
	#storenav:hover,
	#cartnav:hover {
		transition: none;
		opacity: 1;
	}
	.navdesc {
		padding: 0;
		float: none;
		line-height: 24px;
		font-size: 18px;
		margin: 0;
	}
	.navicon,
	.navdesc div:nth-child(2) {
		display: none;
	}
	.navdesc div:nth-child(1) {
		font-size: 1.1em;
		font-weight: 400;
		margin-bottom: 0;
		text-transform: capitalize;
		color: #fff;
	}
	.cresmanager {
		display: none;
	}
	#socialicons {
		position: relative;
		top: auto;
		right: auto;
	}
	#socialicons a {
		display: block;
		width: auto !important;
		height: auto;
		right: auto;
		top: auto;
		background-image: none;
		color: #fff;
		border-bottom: 1px solid #888;
		border-right: 1px solid #888;
		padding: 8px 10px;
		background-color: #00468c;
		margin: 0;
	}
	
	#insticon::before {
		content: 'Instagram';
	}
	#twicon::before {
		content: 'Twitter';
	}
	#fbicon::before {
		content: 'Facebook';
	}
	#linicon::before {
		content: 'LinkedIn';
	}
	#herobox {
		
		z-index: 2;
	}
	#herobox p {
		margin: 0 0 30px 0;
	}
	#topmain {
    height: 105px;
    border-bottom: none;
    background-color: transparent;
    border-left: none;
}
	
	.secondlevel {
		display: none !important;
	}
	#maincontent {
		padding: 50px 20px 20px 20px;
		box-sizing: border-box;
	}
	#featuredmobile {
		display: block;
		font-size: 2.2em;
		margin: 40px 0 15px;
		padding-bottom: 18px;
		border-bottom: 1px solid #bbb;
		font-weight: 300;
		color: #333;
	}
	.sectionheader {
		font-size: 2.2em;
		padding-bottom: 18px;
		margin-bottom: 25px;
	}
	#leftcolhome {
		padding: 0;
		float: right;
		width: 64%;
	}
	#rightcolhome {
		margin: 0;
		width: 33%;
		float: left;
	}
	#leftcolhome p {
		margin: 0;
	}
	.mainicon {
		float: right;
		margin: -15px 0 0 10px;
	}
	#leftcolhome section .arrowblue {
		margin-left: 0;
	}
	#rightcolhome h1 {
		line-height: 1.15em;
		padding: 5px;
	}
	#rightcolhome li {
		padding: 0 15px 15px;
	}
	#stories {
		padding: 0;
	}
	#stories header h1,
	#overview-video h1 {
		font-size: 2.2em;
	}
	#stories header h2 {
		font-size: 1.2em;
		line-height: 1.35em;
	}
	#stories article:nth-child(2),
	#stories article:nth-child(3),
	#stories article:nth-child(5),
	#stories article:nth-child(6) {
		border: medium none;
		clear: both;
		float: none;
		margin-bottom: 45px;
		margin-top: 0px;
		padding: 0;
		width: auto;
	}
	#stories figure {
		float: left;
		margin: 0 15px 15px 0;
		width: 150px;
	}
	#stories figure img {
		width: 150px;
		height: auto;
	}
	.arrowwhite::after {
		border-color: transparent transparent transparent #0059b3;
	}
	#maincarousel .custombutton::after,
	#stories .custombutton::after {
		border-color: transparent transparent transparent #fff;
	}
	#maininterior {
		padding: 130px 20px 20px;
	}
	#maininterior h1 {
		margin: 20px 0 15px;
		font-size: 2.5em;
		line-height: 1.05em;
	}
	.breadcrumb {
		margin: -100px 0 30px 0;
	}
	.softwaretitle {
		font-size: 2em;
	}
	.innertwocol {
		padding-right: 20px;
	}
	.innertwocolright {
		padding: 0 0 0 20px;
	}
	#maininterior figcaption {
		font-size: 0.9em;
	}
	.deck {
		font-size: 1em;
		line-height: 1.45em;
	}
	.doubleimages {
		width: 30%;
	}
	.doubleimages:nth-child(4n+4) {
		padding: 0 30px 0 0;
	}
	.doubleimages:nth-child(3n+3) {
		padding: 0 0 45px 0;
	}
	.threecolumns figure {
		width: 31%;
	}
	.fourcolumns figure {
		padding-right: 25px;
		width: 22.4%;
	}
	.floatedimg {
		width: 300px;
	}
	.twocolumns figure {
		width: 47.5%;
	}
	#login_form,
	#signup_form {
		width: 47%;
	}
	.formdesc {
		margin: 0 0 10px;
	}
	.formleft {
		float: none;
		margin: 0;
		text-align: left;
		width: auto;
	}
	.formleft100 {
		width: auto;
	}
	.formright {
		margin-bottom: 15px;
	}
	#login_form input[type="button"],
	#signup_form input[type="button"] {
		margin: 10px 0 0;
	}
	input[type="text"],
	textarea {
		width: 100%;
		max-width: 240px;
	}
	select {
		width: 100%;
		max-width: 260px;
	}
	input.formsmallphone {
		width: 50px;
	}
	input.smallfields {
		width: 60px;
	}
	.formblank {
		display: none;
	}
	.statebar {
		clear: both;
		float: left;
		margin: 10px 5px 0 0;
	}
	.statebarfield {
		clear: both;
		float: none;
	}
	#crescendo_contact,
	#orderForm,
	#frmLogin,
	#frmReg,
	#enotes,
	#contactForm,
	#frmLoginmain,
	#cres_contact,
	#cres_comment,
	#creditcardForm,
	#boomerform #cres_contact {
		width: auto;
	}
	.buttoncenter {
		text-align: left;
		margin-top: 20px;
	}
	.trial1,
	.trial2 {
		float: none;
		width: auto;
		padding: 0 0 5px 0;
	}
	.quantity {
		margin: -2px 25px 0 0;
	}
	.carttable tr td:nth-child(2) {
		width: 170px;
	}
	#maininterior ul.statebullets {
		width: 50%;
	}
	#statelist .statebullets:nth-child(2) {
		padding-right: 0;
	}
	#stateregulation {
		width: 100%;
	}
	#maininterior ul.statebullets li {
		padding-bottom: 10px;
	}
	.ratecontainer {
		font-size: 0.8em;
		line-height: 1.4em;
	}
	.fdrop {
		height: 10px;
	}
	#cres_contact_comments {
		margin-bottom: 0;
		max-width: 96% !important;
		width: 100% !important;
	}
	.ratecontainer table tr.titlerow {
		text-transform: capitalize;
	}
	#maininterior .custombutton::after {
		border-color: transparent transparent transparent #fff;
	}
	.afrtable {
		font-size: 0.88em;
	}
	.videogallery.twocolumns figure {
		width: 100%;
		padding: 40px 0 0 0;
	}
	.videogallery.twocolumns figure:first-child {
		padding: 0;
	}
	.videogallery.twocolumns figure:nth-child(2n+2) {
		padding: 40px 0 0 0;
	}
	#maininterior .videogallery h2 {
		font-size: 1.6em;
	}
}


/***************** Mobile Styles - Level 3 *****************/

@media screen and (max-width: 767px) {
	#mobilemenu {
		left: 10px;
		top: 18px;
		-ms-transform: scale(0.9, 0.9);
		-webkit-transform: scale(0.9, 0.9);
		transform: scale(0.9, 0.9);
	}
	#mobilemenu::after {
		content: "";
	}
	#logo {
		border-top: 7px solid #999;
	}
	#logo a {
		height: 51px;
		margin: 2px auto 1px;
		-ms-transform: scale(0.65, 0.65);
		-webkit-transform: scale(0.65, 0.65);
		transform: scale(0.65, 0.65);
		width: 270px;
	}
	#logo div,
	#topside,
	#leftcolhome .arrowblue,
	#stories {
		display: none;
	}
	.mainicon {
		background-size: 265px auto;
		float: left;
		height: 66px;
		margin: 0;
		width: 66px;
		-ms-transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	#herobox h1 {
		font-size: 2.2em;
		line-height: 1.15em;
	}
	#herobox {
		max-width: 100%;
	}
	#herobox::before {
		width: 20px;
	}
	#herobox p {
		font-size: 1.1em;
	}
	#topmain {
    height: 60px;
}
	#leftcolhome section:nth-child(1) .mainicon {
		background-position: 0 -52px;
	}
	#leftcolhome section:nth-child(2) .mainicon {
		background-position: -67px -52px;
	}
	#leftcolhome section:nth-child(3) .mainicon {
		background-position: -133px -52px;
	}
	#leftcolhome section:nth-child(4) .mainicon {
		background-position: -200px -52px;
	}
	#maincontent {
		padding: 20px 0 0 0;
	}
	.mktmssg::after {
		content: ".";
	}
	.carlist1,
	.carlist2,
	.mobiledrop {
		display: none;
	}
	
	
	
	#featuredmobile {
		background-color: #00468c;
		border-bottom: medium none;
		color: #fff;
		font-size: 1.6em;
		margin: 35px 0 0;
		padding: 11px 15px 11px;
	}
	#leftcolhome a {
		border-bottom: 1px solid #bbb;
		display: block;
		background: url("/org_files/11/images/icon-mobilearrow.png") no-repeat right center;
		background-size: 19px 29px;
	}
	#leftcolhome a {
		height: auto;
		padding: 15px 0 15px 15px;
	}
	#leftcolhome section:nth-child(4) a {
		border: none;
	}
	#leftcolhome {
		float: none;
		padding: 0;
		width: auto;
	}
	.sectionheader {
		background-color: #00468c;
		border-bottom: medium none;
		color: #fff;
		font-size: 1.6em;
		line-height: 1.15em;
		margin: 40px 0 0;
		padding: 7px 15px 9px;
	}
	#leftcolhome section {
		margin-bottom: 0;
		padding-right: 15px;
	}
	#leftcolhome section h2 {
		color: #333;
		font-size: 1.3em;
		font-weight: 400;
		margin: 0;
		padding: 0 30px 3px 75px;
		text-transform: capitalize;
	}
	#leftcolhome p {
		padding: 0 30px 0 75px;
	}
	#rightcolhome {
    	float: none;
    	margin: 20px;
    	width: calc(100% - 40px);
	}
	#rightcolhome section {
		margin-bottom: 40px;
	}
	#rightcolhome ul {
		padding-right: 15px;
	}
	#rightcolhome li {
		font-size: 1em;
		padding: 10px 30px 10px 15px;
		border-bottom: 1px solid #bbb;
		color: #555;
		background: url("/org_files/11/images/icon-mobilearrow.png") no-repeat right center;
		background-size: 19px 29px;
	}
	#rightcolhome li a {
		display: inline-block;
		width: 100%;
	}
	#rightcolhome h1 {
		margin-bottom: 0;
		text-align: left;
		padding: 7px 15px 9px;
	}
	.mobilear {
		background: url("/org_files/11/images/icon-mobilearrow.png") no-repeat right center;
		background-size: 19px 29px;
		margin: 10px 15px 0 0;
	}
	#rightcolhome .arrowblue::after {
		display: none;
	}
	#overview-video {
		padding: 0 15px 25px 15px;
	}
	.contactimage,
	.intimage {
		display: block;
		float: none;
		margin: 20px auto;
		max-width: 400px;
		width: 100%;
	}
	.bt-sem-image {
		display: block;
		margin: 20px auto;
		max-width: 400px;
		padding: 0;
	}
	.studyimg2016 {
		max-width: 400px;
		margin: 0 auto;
		display: block;
	}
	.landingfloat {
		float: none;
		margin: 30px auto 0 auto;
		text-align: center;
		width: 100%;
	}
	.landingvideo1,
	.btheadline1 {
		display: none;
	}
	.landingvideo2 {
		display: block;
		margin: 0 auto 25px auto;
	}
	.btheadline2 {
		display: block;
	}
	#maininterior {
		padding: 80px 15px 15px;
	}
	.breadcrumb {
		font-size: 0.9em;
		margin: -60px 0 30px 0;
	}
	.innertwocol,
	.innertwocolright {
		float: none;
		padding: 0;
		width: auto;
		border: none;
		clear: both;
		margin-bottom: 30px;
		overflor: hidden;
	}
	.doublebullets,
	.doublebulletsright {
		float: none;
		padding: 0;
		width: auto;
	}
	.doublebulletsright {
		margin-top: -5px;
	}
	.innertwocol figure,
	.innertwocolright figure {
		max-width: 200px;
	}
	#maininterior h1,
	#maininterior h2 {
		font-size: 1.9em;
		line-height: 1.15em;
		margin-bottom: 10px;
		padding-bottom: 8px;
	}
	.studysubheader2016 {
		font-size: 1.6em;
		line-height: 1.15em;
		margin-bottom: 10px;
		padding-bottom: 8px;
	}
	#maininterior h3 {
		font-size: 1.3em;
	}
	.blockdivider {
		height: 0;
	}
	#maininterior section a {
		border-top: 1px solid #bbb;
		display: block;
		background: url("/org_files/11/images/icon-mobilearrow.png") no-repeat right center;
		background-size: 19px 29px;
		padding-top: 10px;
	}
	#maininterior section h2 {
		border: medium none;
		font-size: 1.3em;
		line-height: 1.25em;
		font-weight: 400;
		margin: 0;
		padding: 0 30px 3px 0;
		overflow: inherit;
	}
	.softwaretitle {
		font-size: 1.4em;
		font-weight: 400;
		margin-bottom: 11px;
		line-height: 1.2em;
		color: #333;
	}
	#maininterior .custombutton {
		margin: 0 0 40px;
		font-size: 1.1em;
		padding: 6px 18px 8px 20px;
	}
	#maininterior section img {
		height: auto;
		width: 100px;
		margin: 5px 10px 0 0;
	}
	#maininterior section p {
		margin: 0;
	}
	#maininterior section p {
		padding: 0 30px 0 115px;
	}
	#maininterior section p.arrowblue {
		display: none;
	}
	.pintroff::first-letter {
		padding: 0;
	}
	.pintro::first-letter {
		background-color: transparent;
		border-top: medium none;
		color: #333;
		display: inline;
		float: none;
		font-size: inherit;
		font-weight: 300;
		margin: 0;
		padding: 0;
	}
	.mainlistdivider {
		height: 15px;
	}
	.doubleimages {
		padding: 0 20px 0 0;
		width: 47%;
	}
	.doubleimages:nth-child(3n+3) {
		padding: 0 20px 0 0;
	}
	.doubleimages:nth-child(2n+2),
	.doubleimages:nth-child(4n+4) {
		padding: 0 0 35px 0;
	}
	.listblockdivider {
		height: 12px;
	}
	.threecolumns figure {
		padding: 0 20px 0 0;
		width: 47%;
	}
	.threecolumns figure:nth-child(3n+3) {
		padding: 0 20px 0 0;
	}
	.threecolumns figure:nth-child(2n+2) {
		padding: 0 0 35px;
	}
	.fourcolumns figure {
		width: 46%;
	}
	.fourcolumns figure:nth-child(4n+2) {
		padding: 0 0 40px;
	}
	.floatedimg {
		width: 45%;
	}
	.twocolumns figure {
		padding-right: 20px;
	}
	#login_form,
	#signup_form {
		width: auto;
		float: none;
	}
	#signup_form {
		margin: 20px 0 0 0;
	}
	#maininterior ul.bulletmargin,
	#maininterior ol.bulletmargin {
		margin: 0 0 0 17px;
	}
	.webinarsorttable,
	.trainingtable {
		font-size: 0.85em;
		line-height: 1.4em;
	}
	.softwaretable .linkbutton,
	.webinarsorttable .linkbutton,
	.trainingtable .linkbutton {
		padding: 4px 10px 6px;
	}
	time {
		margin: 0 0 5px 110px;
	}
	.deletelabel {
		display: none;
	}
	.carttable tr td:nth-child(2) {
		width: auto;
		min-width: 80px;
	}
	.quantity {
		margin: -2px 15px 0 0;
	}
	.totalleft,
	.totalright {
		float: none;
		padding-right: 0;
		text-align: left;
		width: auto;
	}
	.totalright {
		margin-bottom: 10px;
	}
	.carttable {
		font-size: 0.8em;
		line-height: 1.3em;
	}
	.carttable select,
	.softwaretable select {
		font-size: 15px;
		width: 45px;
	}
	.carttable tr td.checkoutrow {
		font-size: 1.3em;
	}
	.softwaretable {
		font-size: 0.9em;
		line-height: 1.35em;
	}
	.cresdrop {
		display: none;
	}
	.statetable {
		font-size: 0.9em;
		line-height: 1.35em;
	}
	.statetable .titlerow {
		text-transform: capitalize !important;
	}
	#storesteps {
		font-size: 0.9em;
		padding: 5px 10px;
	}
	.formbg {
		padding: 10px;
	}
	.ratecontainer {
		float: none;
		width: 100%;
		padding: 0;
	}
	.ratetabletwo td {
		width: 50%;
	}
	.ratetablethree td {
		width: 33.3%;
	}
	.SameAsBilling {
		display: block;
		margin: 5px 0;
	}
	.afrtable {
		font-size: 1em;
	}
	.afrtable td {
		display: block;
		text-align: left;
	}
	.afrtable .titlerow {
		display: none;
	}
	.afrtable td:nth-child(1) {
		background-color: #00468c;
		color: #fff;
		font-weight: bold;
	}
	.afrtable td:nth-child(2)::before {
		content: "January: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(3)::before {
		content: "February: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(4)::before {
		content: "March: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(5)::before {
		content: "April: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(6)::before {
		content: "May: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(7)::before {
		content: "June: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(8)::before {
		content: "July: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(9)::before {
		content: "August: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(10)::before {
		content: "September: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(11)::before {
		content: "October: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(12)::before {
		content: "November: ";
		font-weight: bold;
	}
	.afrtable td:nth-child(13)::before {
		content: "December: ";
		font-weight: bold;
	}
	#demoarea {
		font-size: 1em;
		line-height: 1.4em;
		margin: 10px 0 25px -5px;
		padding: 0 15px;
	}
	#demoarea p {
		text-align: left;
	}
	#demoicon {
		background-position: -660px 0;
		background-size: 400px auto;
		height: 57px;
		width: 61px;
		float: left;
	}
	#maininterior .abq {
		float: none;
		margin: 0 0 20px 0;
		min-width: inherit;
		width: auto;
	}
	#maininterior .abq h2 {
		text-align: left;
	}
	#footercol-item-app {
		display: block;
	}
	#maininterior .videogallery h2 {
		font-size: 1.6em;
	}
	
.intvideo {
    width: auto;
    margin: auto;
    float: none;
}
	
	
}


/***************** Mobile Styles - Level 4 *****************/

@media screen and (max-width: 479px) {
	.mainicon {
		margin: 0 10px 5px 0;
	}
	#leftcolhome section h2 {
		padding: 0 30px 3px 0;
		line-height: 1.2em;
	}
	#leftcolhome p {
		padding: 0 30px 0 0;
	}
	
	footer {
		padding: 0 15px;
	}
	#rightcolhome section {
		padding: 15px 15px 0 15px;
	}
	
	#herobox h1 {
		font-size: 1.9em;
		line-height: 1.2em;
	}
	#herobox p {
		margin: 0 0 30px 0;
        
	}
    
    #herobox {
    padding: 10px 10px 23px 20px;
    }
    
    .freedemobutton {
     display: table;
    margin: 15px 0 0 0;
}
    
	.innertwocol,
	.innertwocolright {
		margin-bottom: 35px;
	}
	#maininterior section img {
		width: 85px;
	}
	#maininterior section p {
		padding: 0 30px 0 0;
	}
	.doubleimages,
	.threecolumns figure,
	.fourcolumns figure,
	.twocolumns figure {
		float: none;
		margin: 0 auto 35px;
		max-width: 300px;
		padding: 0;
		width: auto;
	}
	.doubleimages:nth-child(3n+3),
	.doubleimages:nth-child(4n+4),
	.threecolumns figure:nth-child(3n+3),
	.threecolumns figure:nth-child(2n+2),
	.fourcolumns figure:nth-child(4n+2),
	.fourcolumns figure:nth-child(4n+4),
	.twocolumns figure:nth-child(2n+2) {
		padding: 0;
	}
	
	.doubleimages:nth-child(2n+2), .doubleimages:nth-child(4n+4) {
    padding: 0;
}
	
	
	.floatedimg {
		float: none;
		margin: 0 auto 25px;
		text-align: center;
		width: auto;
		max-width: 300px;
	}
	.pricingtable td,
	.ratecontainer table td,
	.statetable td {
		padding: 5px;
	}
	.carttable td,
	.softwaretable td,
	.webinarsorttable td {
		display: block;
		padding: 5px 10px;
	}
	.carttable,
	.softwaretable,
	.webinarsorttable {
		font-size: 1em;
		line-height: 1.45em;
	}
	.ppgc_checkbox {
		/*   border-bottom: 1px solid #aaa;
   border-top: 1px solid #aaa;
   height: 28px;*/
		margin: 10px 0;
		font-size: 0.9em;
		padding: 5px !important;
	}
	.checkoutbutton {
		margin: 5px 0 5px;
	}
	.carttable .titlerow:nth-child(1),
	.webinarsorttable .titlerow {
		display: none;
	}
	.carttable .titlerow.pricerow td:nth-child(1) {
		display: none;
	}
	.carttable tr td:nth-child(2) {
		min-width: auto;
	}
	.carttable tr td:nth-child(2) a {
		display: table;
		float: none;
		margin: auto;
	}
	.quantity {
		float: none;
		margin: 0 0 10px;
	}
	.deletelabel {
		display: block;
	}
	.carttable tr td.checkoutrow {
		font-size: 1em;
	}
	.pricingtable {
		font-size: 0.9em;
		line-height: 1.35em;
	}
	.pricingdrop {
		display: none;
	}
	.softwaretable .titlerow td:nth-child(2),
	.softwaretable .titlerow td:nth-child(3),
	.softwaretable .titlerow td:nth-child(4) {
		display: none;
	}
	.softwaretable td {
		width: auto;
	}
	.softwaretable td:nth-child(1) {
		text-align: center;
	}
	.softwaretable .linkbutton,
	.trainingtable .linkbutton,
	.webinarsorttable .linkbutton {
		padding: 6px 18px 6px 20px;
		margin-bottom: 5px;
	}
	.bequesttable tr td:nth-child(2) {
		display: none;
	}
	.trainingtable tr td:nth-child(2) {
		display: none;
	}
	.softwarecomptable td,
	.trainingtable td {
		padding: 5px;
	}
	.softwarecomptable,
	.trainingtable {
		font-size: 0.8em;
		line-height: 1.4em;
	}
	.softwarecomptable .titlerow {
		text-transform: capitalize !important;
	}
	.trainingtablenoteinmobile {
		display: block;
		font-style: italic;
		margin: 0 0 10px 0;
	}
	.trainingtableasterisk {
		display: inline-block;
	}
	time {
		margin: 0 0 5px 0;
	}
	.statetable {
		font-size: 0.65em;
	}
	.statetable td {
		padding: 3px !important;
	}
	#stateregulation div:nth-child(2),
	#stateregulation div:nth-child(3),
	#stateregulation div:nth-child(4),
	#stateregulation div:nth-child(5) {
		float: none;
		padding: 0 0 5px 0;
		width: auto;
	}
	#maininterior ul.statebullets {
		width: 100%;
	}
	footer ul {
		padding-left: 20px;
	}
	.footercol li {
		padding-bottom: 8px;
	}
	.footercol:nth-child(5) {
		padding: 0px 15px 0px 0px;
	}
	#cres_contact_comments {
		width: 100%;
		max-width: 90% !important;
	}
	.continueshopping {
		display: table;
		margin: 10px auto;
	}
	#demoarea {
		display: block;
	}
	#bequeststeps,
	#maininterior .abq {
		display: none;
	}
	#maininterior ul.cresbequestlist {
		margin-top: 0;
	}
	.videogallery.twocolumns figure {
		margin: 0 auto;
		max-width: 400px;
		padding: 30px 0 0 0;
	}
	.videogallery.twocolumns figure:first-child {
		padding: 0;
	}
	.videogallery.twocolumns figure:nth-child(2n+2) {
		padding: 30px 0 0 0;
	}
	#maininterior .videogallery h2 {
		font-size: 1.3em;
	}
}


/***************** Mobile Styles - Photo Gallery *****************/

@media screen and (max-width: 1520px) {
	#arrowleft {
		left: 15px;
	}
	#arrowright {
		right: 15px;
	}
}

@media screen and (max-width: 1200px) {
	#launchsite {
		margin: 0 0 0 15px;
	}
	#launchsite.arrowwhite::after {
		border-color: transparent transparent transparent #fff;
	}
	#imagecounter {
		right: 15px;
	}
}

@media screen and (max-width: 1030px) {
	#imageloader img {
		max-width: 83%;
	}
	#arrowleft,
	#arrowright {
		top: 25%;
	}
	#arrowleft {
		left: 10px;
	}
	#arrowright {
		right: 10px;
	}
}

@media screen and (max-width: 767px) {
	#arrowleft,
	#arrowright {
		-ms-transform: scale(0.6, 0.6);
		-webkit-transform: scale(0.6, 0.6);
		transform: scale(0.6, 0.6);
	}
	#arrowleft {
		left: 0;
	}
	#arrowright {
		right: 0;
	}
}

@media screen and (max-width: 479px) {
	#imagetitle {
		display: none;
	}
	#launchsite {
		font-size: 0.8em;
		margin: 13px auto 0;
		padding: 0;
		width: 150px;
	}
	#imagecounter {
		font-size: 0.8em;
		right: auto;
		top: 0;
		width: 100%;
	}
	#imagenumberlabel {
		font-size: 1.1em;
		width: 65px;
	}
	.custombutton::after,
	.arrowwhite::after {
		border-color: transparent transparent transparent #fff;
	}
	#hidegallery {
		float: right;
		font-size: 0.8em;
		margin: 13px 10px 0 0;
	}
	#cresgallery {
		background-color: transparent;
		height: auto;
		position: fixed;
	}
	#imageloader {
		bottom: 0;
		height: 80%;
		top: 20%;
	}
	#arrowleft,
	#arrowright {
		-ms-transform: scale(0.5, 0.5);
		-webkit-transform: scale(0.5, 0.5);
		transform: scale(0.5, 0.5);
		top: 14%;
	}
	#imageloader img {
		max-width: 77%;
	}
}

@media screen and (max-height: 700px) {
	#imagetitle {
		display: none;
	}
	#launchsite {
		font-size: 13px;
		margin: 8px auto 0;
		padding: 0;
		width: 150px;
		line-height: 23px;
		position: absolute;
		left: 30%;
		right: 30%;
	}
	#imagecounter {
		font-size: inherit;
		right: auto;
		top: 0;
		width: 100%;
	}
	#imagenumberlabel {
		font-size: 15px;
		width: 65px;
		padding: 5px 0 0;
	}
	#cresgallery .custombutton::after,
	#cresgallery .arrowwhite::after {
		border-color: transparent transparent inputransparent #fff;
	}
	#hidegallery {
		float: right;
		font-size: inherit;
		margin: 7px 10px 0 0;
	}
	#hidegallery span {
		font-size: 15px;
	}
	#cresgallery {
		background-color: transparent;
		height: auto;
		position: fixed;
	}
	#imageloader {
		bottom: 0;
		height: 87%;
		top: 13%;
	}
	#imageloader img {
		max-height: 90%;
	}
}

.hide_xl {
	display: none;

}

@media screen and (max-width: 1279px) {
	.hide_xl {
		display: block;
	}
}

@media screen and (max-width: 994px) {
	.hide_sm {
		display: none;
	}
}


  
.hide_xl {
display: none;
}


@media screen and (max-width: 1279px) {

.hide_xl {
display: block;
}

}

@media screen and (max-width: 994px) {
 .hide_sm {
display: none;
}
}
  /**********  DESKTOP Widgets on websites page *************/
.fourcolumns2 figure {
	float: left;
	padding-right: 60px;
	text-align: center;
	width: 12%;
}

.fourcolumns2large figure {
    width: 22%;
}

.fourcolumns2 figure:nth-child(4n+4) {
	padding: 0 0 40px 0;
}

.fourcolumns2 img {
	width: 100%;
	height: auto;
	display: block;
}
/**********  DESKTOP Widgets end *************/



/**********  MOBILE Widgets on websites page *************/

/***************** Mobile Styles - Level 1 *****************/
@media screen and (max-width: 1279px) {

	.fourcolumns2 figure {
		width: 22.3%;
	}

}

/***************** Mobile Styles - Level 2 *****************/

@media screen and (max-width: 950px) {

	.fourcolumns2 figure {
		padding-right: 25px;
		width: 22.4%;
	}
}

/***************** Mobile Styles - Level 3 *****************/

@media screen and (max-width: 767px) {

	.fourcolumns2 figure {
		width: 46%;
	}

	.fourcolumns2 figure:nth-child(4n+2) {
		padding: 0 0 40px;
	}

}

/***************** Mobile Styles - Level 4 *****************/

@media screen and (max-width: 479px) {

	.fourcolumns2 figure {
		float: none;
		margin: 0 auto 35px;
		max-width: 150px;
		padding: 0;
		width: auto;
	}

	.fourcolumns2 figure:nth-child(4n+2), .fourcolumns2 figure:nth-child(4n+4) {
		padding: 0;
	}
}


/**********  MOBILE Widgets end *************/



/*********** Formstack Overrides ***********/

.cres_formstack div[class*="StyledErrorBannerText"], .cres_formstack a[class*="StyledErrorBannerText"] {
    font-size: 0.9em;
    font-family: raleway;
    display: block;
}

.cres_formstack div[class*="StyledErrorBannerIcon"] {
	display: none;
}

.cres_formstack form span, .cres_formstack .requiredfields span {
    color: #595d64;
    font-family: 'Raleway';
    font-size: 1.1em;
    line-height: 1.3em;
}

.cres_formstack .fsBody .fsForm {
    padding: 10px 0 !important;
}

.cres_formstack .fsBody .fsPage {
    max-width: 700px;
}

.cres_formstack .fsBody {
    padding: 0 !important;
}

.cres_formstack .fsForm .fsSubmit {
    margin-top: 0 !important;
    padding: 0 !important;
}

.cres_formstack .fsNextButton, .cres_formstack .fsPreviousButton, .cres_formstack .fsSubmitButton {
    font-size: 18px !important;
    padding: 15px !important;
}

.cres_formstack .fsPagination .fsSubmitButton {
    width: auto;
}

.cres_formstack .fsBody .fsPage,
.cres_formstack .fsBody .fsSubmit {
    max-width: 700px;
}

.cres_formstack .fsBody .fsSubmit {
    text-align: left;
}

.cres_formstack .fsBody .fsSubmit .fsSubmitButton {
	background: #444 !important;
	border-radius: 7px !important;
	padding: 15px 15px 17px 17px !important;
}

.cres_formstack .fsBody .fsSubmit .fsSubmitButton:hover {
    background-color: #666 !important;
    transition: all 0.3s ease 0s !important;
    color: #ddd !important;
}

.cres_formstack .fsBody .fsForm .fsPage input[type="text"],
.cres_formstack .fsBody .fsForm .fsPage textarea,
.cres_formstack .fsBody .fsForm .fsPage select {
    margin-left: 0px;
    width: 100%;
}

.cres_formstack .fsBody .fsForm .fsPage .fsLabel,
.cres_formstack .fsBody .fsForm .fsPage label.fsLabel,
.cres_formstack .fsBody .fsForm .fsPage legend.fsLabel {
	line-height: 1.5em;
	margin-bottom: 5px;
	font-weight: bold;
}

.cres_formstack .fsBody .fsForm .fsPage .fsLabelVertical .fsLabel .fsRequiredMarker {
	color: #e25356;
}

.cres_formstack .fsBody .fsForm .fsPage .fsFieldRow {
    margin-bottom: 25px !important;
}

.cres_formstack .fsBody .fsForm .fsPage .fsSupporting {
	margin-top: 7px;
}

.cres_formstack .fsBody .fsForm .fsPage input[type=checkbox],
.cres_formstack .fsBody .fsForm .fsPage input[type=radio] {
    top: 4px;
    width: 14px;
    height: auto;
}

.cres_formstack .fsBody .fsForm .fsPage .ui-slider-handle:focus,
.cres_formstack .fsBody .fsForm .fsPage input:focus,
.cres_formstack .fsBody .fsForm .fsPage select:focus,
.cres_formstack .fsBody .fsForm .fsPage textarea:focus {
	border-color: unset;
	-webkit-box-shadow: unset;
	-moz-box-shadow: unset;
	box-shadow: unset;
}

.cres_formstack .fsBody .fsForm .fsPage input[type="button"] {
	background: #444;
	border-radius: 7px;
	padding: 0 15px;
	margin-right: 10px;
}

.cres_formstack .fsBody .fsForm .fsPage input[type="button"]:hover {
	background-color: #666;
    transition: all 0.3s ease 0s;
    color: #ddd;
}

.cres_formstack input[autocomplete="postal-code"] {
    margin: 10px 0 0 0;
}

.cres_formstack input[autocomplete="tel"] {
    max-width: 250px;
}

.cres_formstack input[type="email"]  {
    max-width: 400px;
}

.cres_formstack .fsFieldZip {
	margin: -10px 0 0 0;
}

@media (max-width: 950px) {
	
.cres_formstack .fsBody select {
    width: 98% !important;
}

.cres_formstack .fsBody label {
    width: 98%;
    margin: 3px 0 15px !important;
}

.cres_formstack .fsBody fieldset[role="radiogroup"] label {
    margin: 3px 15px 15px 0 !important;
}

.cres_formstack .fsPagination .fsSubmitButton {
    max-width: 150px;
}

	
}

/****** INTERIOR ARTICLES *******/

.innernav {
    display: flex;
    justify-content: center;
    border-bottom: 5px solid #00468c;
    line-height: 1.4em;
    font-size: 1.1em;
}

.innernav div {
    padding: 8px 15px 7px 15px;
    border-radius: 15px 15px 0 0;
    display: inline-block;
    background-color: #00468c;
    margin: 0 5px;
    font-weight: bold;
    color: #fff;
}

.innernav a {
    padding: 8px 15px 7px 15px;
    background-color: #ddd;
    display: inline-block;
    border-radius: 15px 15px 0 0;
    margin: 0 5px;
    font-weight: bold;
    color: #555;
}

.published {
    font-style: italic;
}


.floatedimg1 {
    border: 1px solid #bbb;
    float: right;        
    width: 45%;
    height: auto;
    display: block;
    margin: 10px 0 15px 25px;           
}
    
#maininterior ul.intarticle, #maininterior ol.intarticle {
    margin: 0 0 5px 50px;
}        

@media (max-width: 950px) {

.innernav {
    font-size: 0.9em;
}

}

@media (max-width: 480px) {

.floatedimg1 {
width: 100%;
margin: 10px 0 15px 0;   
}
    
#maininterior ul.intarticle, #maininterior ol.intarticle {
    margin: 0 0 5px 30px;
}    

}



/*END_MAIN_STYLES*//*START_MOBILE_STYLES*//*END_MOBILE_STYLES*/.hide_xl {
display: none;
}


@media screen and (max-width: 1279px) {

.hide_xl {
display: block;
}

}

@media screen and (max-width: 994px) {
 .hide_sm {
display: none;
}
}
  /*START_MOBILE_STYLES*//*END_MOBILE_STYLES*/