/* Base color file for main site and portal */

/* navigation */

nav.mainNav ol>li>a,
nav.mainNav .dropDown ul li a:hover,
header.transparentNav nav.mainNav ol>li.loginHolder>a,
#facebox .frmLogin .loginOptions a,
.resellersNav ul a:hover {
	color: #048497;
}

/* links, headings */

h3,
a,
.optionsRibbon ul li a:hover,
footer div:not(.footerBase) a.language:hover,
h5,
dt,
.alternateBg h2,
.alternateBg h4,
#contentBody h2,
.primaryColorText,
.resources .fullColumn h2,
.lrgTopHeading,
.contactForm .smallHint,
.about-stats li .num,
.about-stats li .num *,
a.secondaryColorText:hover,
.floatingNav+.mid_page_parallax_header .contentHeader h2 {
	color: #048497;
}

/* hover */

a:hover,
.secondaryColorText {
	color: #579125;
}

/* highlight */

#wrapper.comparisons p strong,
#wrapper.brochure p strong {
	color: #19a1b5;
}

/*------------------- Backgrounds -------------------*/
/* buttons, popups */

input[type="submit"],
input[type="button"],
button,
#facebox .header,
.jconfirm .jconfirm-box div.title,
.colorBtn,
.navButtons a.button,
.awardsNav div,
.tp-caption.solidButton,
.floatingNav>a:hover {
	background: #048497;
	/* Mid Blue - Base color*/
}

form#partner button {
	background-color: #0fa679;
}

/* footers, buttons */

#contentHeader,
.comparisonsBlocks a.contentBlock,
.newsHolder div>a,
.videos .tp-tab:hover:before,
.videos .tp-tab.selected:before,
.contactSales header.transparentNav:not(.scrolled),
.imgIcons li span,
.catalog_categories .label,
.catalog_courses div.price,
.difSignIn,
#wrapper.tour .contentHeader,
.columnL h2:before,
.blog_blocks a,
.blog_blocks a span:before {
	background-color: #048497
}

.comparisonsBlocks a.contentBlock:nth-child(3n+3),
nav.mainNav ol>li.signupHolder span,
.mm-menu .signupMobile,
.colorBtn:hover,
.navButtons a.button:hover,
.newsHolder div>a:hover,
.tp-caption.solidButton:hover,
.floatingNav>a,
.resellers .mapHolder,
.smlSignupButton,
.imgIcons li:nth-child(3n+2) span,
.colorBtn2 {
	background-color: #19a1b5
}

.comparisonsBlocks a.contentBlock:nth-child(3n+2),
.imgIcons li:nth-child(3n+3) span {
	background-color: #0d8a83
}

.timeline .timeline-text>div,
.timeline-footer-wrap>div,
.timeline-arrow:after {
	background-color: #048497
}

.timeline ul li:nth-child(3n+2) .timeline-text>div,
.timeline ul li:nth-child(3n+2) .timeline-arrow:after {
	background-color: #19a1b5
}

.timeline ul li:nth-child(3n+3) .timeline-text>div,
.timeline ul li:nth-child(3n+3) .timeline-arrow:after {
	background-color: #0d8a83
}

.top_bg_circle:before {
	background: linear-gradient(135deg, #29ada5 50%, #167184 85%)
}

/* teal green : teal */
#wrapper.news #contentHeader,
#wrapper.faq #contentHeader,
#wrapper.privacy #contentHeader {
	background: linear-gradient(135deg, #d47134, #a94571)
}

/* orange : pink */
#wrapper.demo #contentHeader,
#wrapper.contact #contentHeader,
#wrapper.brochure #contentHeader,
.brochure .hosted_by,
.brochure .videos {
	background: linear-gradient(135deg, #00afa6, #006c82)
}

/* teal green : teal */
#wrapper.pricing #contentHeader,
#wrapper.implementation #contentHeader,
#wrapper.comparisons #contentHeader {
	background: linear-gradient(135deg, #1fa5b9, #027182)
}

/* teal : light teal */
.signup #contentWrap {
	background: linear-gradient(-52deg, #56af53, #048497)
}

/* teal : green; */
.contactSales #contentWrap,
#wrapper #contentHeader {
	background: linear-gradient(135deg, #027182, #24bfd6)
}

/* teal : light teal */
#wrapper.resources #contentHeader,
#wrapper.about #contentHeader,
#wrapper.terms #contentHeader,
#wrapper.resellers #contentHeader,
#wrapper.infographics #contentHeader,
#wrapper .imgDivider {
	background: linear-gradient(135deg, #0d8198, #7658b1)
}

/* teal : purple */
#wrapper.tour #contentHeader,
#wrapper.story #contentHeader,
#wrapper.sitemap #contentHeader,
#wrapper.features #contentHeader,
#wrapper.error404 #contentHeader,
#wrapper.gdpr #contentHeader {
	background: linear-gradient(-45deg, #007a8c, #56af53)
}

/* green : blue */
#wrapper.tour.comparison #contentHeader {
	background: linear-gradient(-45deg, #7d7058, #c5b599);
}

#wrapper.stories #contentHeader {
	background: linear-gradient(135deg, #a55e7e, #6f2448)
}

#contentFooter {
	background: linear-gradient(135deg, #30aab9, #167184)
}

/* light teal : teal */
.testimonials #contentFooter {
	background: linear-gradient(135deg, #d47134, #a94571)
}

/* orange */

.peach {
	background-color: #dc7d7a !important
}

.turquoise {
	background-color: #36b1c4 !important
}

.home .colorBtn,
.tour .colorBtn,
.tour_nav a,
a.smlSignupButton,
nav.mainNav ol>li.signupHolder span,
.tour_progress,
.resources .colorBtn,
.fresh_green {
	background-color: #56af53
}

nav.mainNav ol>li.signupHolder a:hover span {
	background-color: #22b1c6
}

.tour_progress li a:hover span,
.tour_progress[selected-item="nav_item1"] li.nav_item1 a span,
.tour_progress[selected-item="nav_item2"] li.nav_item2 a span,
.tour_progress[selected-item="nav_item3"] li.nav_item3 a span,
.tour_progress[selected-item="nav_item4"] li.nav_item4 a span,
.tour_progress[selected-item="nav_item5"] li.nav_item5 a span,
.tour_progress[selected-item="nav_item6"] li.nav_item6 a span,
.tour_progress[selected-item="nav_item7"] li.nav_item7 a span,
.tour_progress[selected-item="nav_item8"] li.nav_item8 a span,
.tour_progress[selected-item="nav_item9"] li.nav_item9 a span,
.tour_progress[selected-item="nav_item10"] li.nav_item10 a span,
.tour_progress[selected-item="nav_item11"] li.nav_item11 a span,
.tour_progress[selected-item="nav_item12"] li.nav_item12 a span {
	background-color: #388c35 !important
}

/* thin strip at top */

.features ul.dotNav li a.selected span,
.no-touch .features ul.dotNav li a:hover span {
	border: 1px solid #048497;
}

@media screen and (min-width: 980px) {
	header {
		border-top: 4px solid #048497;
	}
}

.edu2 header {
	border-color: #048497;
	border-style: solid;
}

.storiesHolder a:nth-child(3n+1)>div {
	border-bottom-color: #048497
}

.storiesHolder a:nth-child(3n+2)>div {
	border-bottom-color: #19a1b5
}

.storiesHolder a:nth-child(3n+3)>div {
	border-bottom-color: #0d8a83
}

/*------------------- Panels -------------------*/
.panel1 .clearBtn,
.panel4 .clearBtn {
	border-color: #048497;
	color: #048497
}

.panel1.stripe>div .block {
	border-top-color: #048497
}

.panel1.stripe>div .block:nth-child(4n+2) {
	border-top-color: #19a1b5
}

.panel1.stripe>div .block:nth-child(4n+3) {
	border-top-color: #0b7183
}

.panel1.stripe>div .block:nth-child(4n+4) {
	border-top-color: #66C2D2
}

/*------------------- Resellers -------------------*/
.resellersNav[selected-item="first-steps"] li.first-steps,
.resellersNav[selected-item="demo-site"] li.demo-site,
.resellersNav[selected-item="collateral"] li.collateral,
.resellersNav[selected-item="about-company"] li.about-company,
.resellersNav[selected-item="about-product"] li.about-product,
.resellersNav[selected-item="about-industry"] li.about-industry,
.resellersNav[selected-item="do-demo"] li.do-demo,
.resellersNav[selected-item="demo-images"] li.demo-images,
.resellersNav[selected-item="submit-leads"] li.submit-leads {
	border-left-color: #048497;
	color: #048497
}