.maincontent {
	color: #37484e;
    background:#f2f2f2;
}
.offgrey-bg {
	background: #f2f2f2;
}

.id-logo-footer {
    margin-left:10px;
    height:25px;
}
.continuum-logo-footer {
    height:24px;
    margin-left:10px;
}

.col-md-9.bottomLinks{
    padding-top:0px;
}
.site-credit {
    display:inline-block;
    margin-right:15px;
}
.site-credit a {
    color: #999999;
}
.site-credit a:hover {
    color:#fff;
}

.blogAreaSlider article a.darkFont:hover {
    color:#fff;
}
.blogAreaSlider article a.btn:hover {
    color:#6e5e76;
    border:solid 2px #6e5e76;
}


#choosePlanArea .btn.darkBlueBorder:hover {
  color:#33687a!important;
    border:solid 2px #33687a!important;
}

 .subpage-wrapper .full-width-centered {
  
        text-align:center;
    }


/**
* #.# Content top banner
*
* styles for content pages where an image banner is used.
*/
.content-top-banner {
    position:relative;
	text-align: center;
}
.content-top-banner img {
	width: 100%;
	max-width: 100%;
}
.content-top-banner h1 {
	display: inline-block;
	position: absolute;
	top: 40%;
	vertical-align: middle;
	margin: auto;
	width: 100%;
	color: #fff;
	font-size: 5em;
}


/**
* #.# Content top banner
*
* styles for content pages top banner where its text only
*/

.page-banner {
	color: #fff;
	text-align: center;
}
.page-banner h1 {
	margin: 0;
	padding: 67px 0 0 0;
	font-size: 3.75em;
    font-family: gtwbold;
}
.page-banner h2,
.page-banner h3 {
	margin: 0;
	padding: 20px 0 89px 0;
	color: #3f6f48; /** dark black color - need brand hex to be provided **/
	font-size: 1.5em;
     font-family: gtwbold;
}
.pageNotFound .page-banner h1 {
    padding-bottom:30px;
}
.pageNotFound .subpage-content {
    text-align:center;
}
.pageNotFound .subpage-content .btn {
    padding: 0 25px;
    border:none;
    height:60px;
    line-height:60px;
    color:#fff;
    margin:20px 0 0 0;
}
.pageNotFound .subpage-content .btn:hover {
    color: #3f6f48;
}

/**
* #.# Promotion Page -  Pre Order Section
*
* styles for promotion page with pre order section
*/

.pre-order {
	padding: 55px 0;
}
.pre-order .pre-order-image img {
    max-width: 90%;
}
.pre-order h1 {
	margin: 0;
	padding:70px 0 6px 0;
	color: #fff;
	font-size: 2.5em;
}
.pre-order h2 {
	margin: 0;
	padding:6px 0;
	color: #b48e2b;
	font-size: 1.5em;
}
.pre-order .image-placeholder {
	overflow:hidden;
    margin:0 0 0 30px;
    height:235px;
	border-bottom: solid 5px #fff;
    text-align:center;
}

/**
* #.# Promotion Page -  Content Section
*
* styles for promotion page with pre order section
*/

.promotion-page .content-area {
	padding: 50px 0;
}
.promotion-page .content-area h1 {
	margin: 0 0 27px 0;
	color: #2c3b40;
	font-size: 1.5em;
}
.promotion-page .content-area h2 {
	margin: 0;
	padding:10px 0 15px 0;
	font-size: 1.5em;
}
.promotion-page .content-area p {
	color: #7c9496;
	margin: 0 0 22px 0;
	line-height: 2em;
}
.promotion-page .content-area h3 {
	margin: 0;
	padding:10px 0 15px 0;
	font-family: gtwthin;
	color: #69b978;
	font-size: 1.5em;
}
.promotion-page .content-area ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    padding-left: 35px;
    line-height: 1.9em;
    color: #7c9496;
}

.promotion-page .content-area ol li:before {  
    position: absolute;
    left: -1.5em;
    width: 2em;
    text-align: right;
    color: #69b978;
    content: counter(list) ".";
}

.promotion-page .video-section {

}
.promotion-page .video-section h2 {
	margin: 0;
	padding:0;
	
}
.promotion-page .insight-video {
	padding: 0;
	margin: 36px 75px 0 0;
}



/**
* #.# Promotion Page -  Promotion Features
*
* styles for features of promo.
*/
.promotion-page .promotion-features {
	padding: 50px 0;
	color: #fff;
}
.promotion-page .promotion-features .feature {
	text-align: center;
	padding: 0 36px;
}
.promotion-page .promotion-features .feature-image {
	margin: 0 0 10px 0;
	height: 236px;
	overflow: hidden;
	border-bottom: solid 4px #fff;
}
.promotion-page .promotion-features h4 {
	margin: 0 0 5px 0;
	font-size: 1.0em;
}
.promotion-page .promotion-features p {
	margin: 0;
	padding: 0;
	line-height: normal;
	font-size: 0.875em;
}

/** nav controls for feature slider (only on mobile) **/
.promotion-page .promotion-features .owl-controls {
	position: absolute;
	top: 90px;
}
.promotion-page .promotion-features .owl-prev {
	position: absolute;
	top: 0;
	left: 10px;
	width: 44px;
}
.promotion-page .promotion-features .owl-next {
	position: absolute;
	top: 0;
	left: 340px;
	width: 44px;
}
.promotion-page .promotion-features .fa {
	font-size: 4em;
}



/**
* #.# Blog List Page
*
* styles for indivisual blog posts in list view
*/
.blog-wrapper {
	padding-top: 57px;
	padding-bottom: 53px;	
}
.blog-article-list {
	text-align: center;
}
.blog-article-list article {
	float: left;
	padding: 10px; 
	width: 50%;
	text-align: left;
}
.maincontent article.post-item img {
	float: left;
	max-height: 275px;
      border-right: solid 1px #7c9496;
}
.maincontent article.post-item .txt {
	float: right;
	width: 46%;
	padding-left: 8px;
}
.maincontent article.post-item label {
	margin: 0;
	color: #69b978;
	font-weight: 400;
}
.maincontent article.post-item h1 {
	padding: 17px 0 10px 0;
	width: 100%;
	color: #37484e;
	font-size: 1.6em;
}
.maincontent article.post-item .author,
.maincontent article.post-item .date {
	color: #7c9496;
	font-size: 0.875em;
}
.maincontent article.post-item .btn {
	position:absolute;
    bottom:20px;
    right:20px;
	padding: 11px 20px;
	width: auto;
	color: #2c3c41;
	font-size: 1.125em;
	border: solid 2px #7c9496;
}
.maincontent article.post-item .btn:hover,
.maincontent article.post-item .btn:active,
.maincontent article.post-item .btn:focus {
    background:#69b978;
    color:#fff;
}


/** More Articles Button **/
.blog-article-list .more-articles-btn a {
	display: block;
	margin: 44px auto 0 auto;
	width: 37.5%;
	color: #2c3c41;
	border: solid 2px #7c9496;
}
.recent-posts-title {
	color: #69b978;
	font-size: 1.5625em;
}


/**
* #.# Blog Detail Page 
*
* styles for blog post content
*/
.blog-article-detail article {
	color: #7c9496;
}
.blog-article-detail article header {
	position: relative;
	z-index: 0;
	padding: 0;
	height: auto;
	background: none;
}
.maincontent .blog-article-detail article h1 {
	padding: 0 0 10px 0;
}
.blog-article-detail article .author,
.blog-article-detail article .date {
	display: inline-block;
	padding: 0 5px 0 0;
	color: #7c9496;
	font-size: 1.5em;
}
.blog-article-detail article label {
	margin: 0;
	padding: 0 5px 0 0;
	color: #69b978;
	font-weight: 400;
}
.blog-article-detail article .share {
	float: right;
}
.blog-article-detail article .share label {
	font-size: 1.5em;
	/**font-family: gtwbold;**/
}


.stButton .stLarge {
    height: auto !important;
    width: auto !important;
}
.stButton .stLarge:before {
 font-family: 'FontAwesome';
 font-size: 3.0em;
 color: #7c9496;
}

.st_twitter_large .stButton .stLarge:before {
    content: '\f081';
    background-image: none !important;
}
.st_twitter_large .stButton .stLarge {
    background-image: none !important;
}
.st_googleplus_large .stButton .stLarge:before {
    content: '\f0d4';
    background-image: none !important;
}
.st_googleplus_large .stButton .stLarge {
    background-image: none !important;
}
.st_facebook_large .stButton .stLarge:before {
    content: '\f082';
    background-image: none !important;
}
.st_facebook_large .stButton .stLarge {
    background-image: none !important;
}
.st_email_large .stButton .stLarge:before {
    content: '\f199';
    background-image: none !important;
}
.st_email_large .stButton .stLarge {
    background-image: none !important;
}

#borderContainer{
    top: 0;
    left: 0;
    height: 335px;
    font-size: 10px;
    color: rgb(105, 185, 120)!important;
    background-color: #FFFFFF!important;
}


.blog-article-detail article footer {
    margin-top: 40px;
	padding: 0;
	background: none;
}
.blog-article-detail article footer .share {
	float: none;
}


/*** Blog Tags **/
.maincontent article .blog-tags h3 {
	display: inline-block;
	font-family: gtwbold;
	font-size: 1.5em;
}
.maincontent article .blog-tags ul {
	display: inline-block;
	margin: 0 0 25px 0;
}
.maincontent article .blog-tags ul li {
	display: inline-block;
	padding: 0;
}
.maincontent article .blog-tags ul li span.bullet {
    display:none;
}
.maincontent article .blog-tags ul li:before {
	display: none;
}
.maincontent article .blog-tags ul li a {
	display: inline-block;
	margin: 0;
	color: #69b978;
	font-size: 1em;
	font-family: gtwregular;
	text-transform: capitalize;
	background: url("images/img-green-line.gif") repeat-x 0 100%;
}
.maincontent article .blog-tags ul li a:hover {
	color: #7c9496;
	text-decoration: none;
	background: url("images/img-grey-line.gif") repeat-x 0 100%;
}

.maincontent article .blog-tags i.fa-slack {
    -ms-transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    transform: rotate(19deg);
    margin: 0 4px 0 0;
}

.maincontent article .blog-tags ul li a:before {
    content: "\f198";
    color: #69b978; /* or whatever color you prefer */
    margin-right:5px;
    display: inline-block;
    font: normal normal normal 8px/1 FontAwesome;
    font-size: inherit;
    /*text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;*/
    font-size:16px;
}


/**
* #.# General Content Pages 
*
* styles for content
*/

.maincontent article p {
	margin: 0;
	padding-bottom: 20px;
	color: #7c9496;
	line-height: 1.9em;
}

.maincontent .teaser {
	margin: 30px 0 45px 0;
}
.maincontent .teaser img {
	max-width: 100%;
}

.maincontent article h1 {
	margin: 0;
	padding:0 0 40px 0;
	color: #69b978;
	font-size: 2.625em;
}
.maincontent article h2 {
	margin: 0;
	padding:10px 0 15px 0;
	color: #2c3c41;
	font-size: 1.5em;
}
.maincontent article h3 {
	margin: 0;
	padding:10px 0 15px 0;
	font-family: gtwthin;
	color: #69b978;
	font-size: 1.5em;
}
.maincontent article h4 {
	margin: 0;
	padding:10px 0 15px 0;
	color: #55aecb;
	font-family: gtwthin;
	font-size: 1.2em;
}

.maincontent article img.left {
	float: left;
	padding: 0 20px 20px 0;
}
.maincontent article img.right {
	float: right;
	padding: 0 0 20px 20px;
}
.maincontent article a {
	color: #55aecb;
}
.maincontent article table {
    border:none;
    margin:40px 0;
}
.maincontent article table tr {
    border-color: transparent;
}
.maincontent article table th {
	border-left:none;
    border-right:none;
    border-top:none;
    padding: 8px;
    background-color: #69b878;
    color:#fff;
}
.maincontent article table td {
	/*background: #fff;*/
      border-right:none;
    border-top:none;
    border-left:none;
    border-top: 1px solid #ddd;
    padding: 8px;
}
.maincontent article table caption {
    font-family: gtwbold;
    font-size: 1.5em;
    color: #37484e;
    padding-bottom:20px;
}
.table-striped>tbody>tr:nth-of-type(even) {
  background-color: #eae9e9;
}

.maincontent article ul {
	margin: 0 0 30px 0;
	padding: 0;
}
.maincontent article ul li {
	position: relative;  
	list-style: none;
	padding-left: 35px;
	line-height: 1.9em;
	color: #7c9496;
}

.maincontent article ul li:before {
    content: "\f111";
    color: #69b978; /* or whatever color you prefer */
    margin-right: 15px;
    display: inline-block;
    font: normal normal normal 8px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:10px;
}

.maincontent article ol li {
    list-style-type: none;
    counter-increment: list;
    position: relative;
    padding-left: 35px;
    line-height: 1.9em;
    color: #7c9496;
}

.maincontent article ol li:before {  
    position: absolute;
    left: -1.5em;
    width: 2em;
    text-align: right;
    color: #69b978;
    content: counter(list) ".";
}


/**
* #.# Subpage/General Content Pages
*
* styles for content pages
*/
.subpage-wrapper {
	padding: 55px 0 0 0;
    min-height: 450px;
}

.subpage-content.full-width {
    text-align:center;
}
.subpage-wrapper.full-width-centered {
    text-align:center;
}
.subpage-content.full-width p {
	margin: 0;
	padding-bottom: 20px;
	color: #7c9496;
	line-height: 1.9em;
}

.subpage-content.full-width h1 {
	margin: 0;
	padding:0 0 40px 0;
	color: #69b978;
	font-size: 2.625em;
}
.subpage-content.full-width h2 {
	margin: 0;
	padding:10px 0 15px 0;
	color: #2c3c41;
	font-size: 1.5em;
}
.subpage-content.full-width h3 {
	margin: 0;
	padding:10px 0 15px 0;
	font-family: gtwthin;
	color: #69b978;
	font-size: 1.5em;
}
.subpage-content.full-width h4 {
	margin: 0;
	padding:10px 0 15px 0;
	color: #55aecb;
	font-family: gtwthin;
	font-size: 1.2em;
}

/**
* #.# Page Sidebar
*
* styles for sidebar showing various widgets and elements
*/
.page-sidebar {
	padding-top: 10px;
}
.page-sidebar .sidebar-box {
	margin-bottom: 49px;
}
.page-sidebar h2 {
	margin: 0;
	padding: 0 0 23px 0;
	font-size: 1.5em;
}
.page-sidebar ul {
	margin: 0;
	padding: 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #e4e4e4;
}
.page-sidebar ul li {
	list-style: none;
	box-shadow: 0px 2px 1px #bfbfbf;
	-webkit-box-shadow: 0px 2px 1px #bfbfbf;
	-moz-box-shadow: 0px 2px 1px #bfbfbf;
}
.page-sidebar a {
	display: block;
	color: #5d7073;
	padding: 19px 0 19px 24px;
}
.page-sidebar a:hover {
	color: #889395;
	text-decoration: none;
}


/** Subnavigation - highlighting **/
.page-sidebar ul li.Highlighted {
	color: #fff;
	background: #55aecb;
}
.page-sidebar ul li.Highlighted a {
	color: #fff;
	text-decoration: none;
}
.page-sidebar ul li.Highlighted a:hover {
	color: #f8f8f8;
}
.page-sidebar ul li.Highlighted ul li {
	margin-bottom: 2px;
	background: #fff;
}
.page-sidebar ul li.Highlighted ul li a {
	color: #5d7073;
	padding-left: 34px;
}
.page-sidebar ul li.Highlighted ul li a:hover {
	color: #55aecb;
	text-decoration: none;
}
.page-sidebar ul li.Highlighted ul li.Highlighted a {
	color: #55aecb;
}

.within-section {
	padding: 11px 0;
	color: #fff;
	font-family: gtwbold;
	font-size: 1em;
	text-align: center;
	background: #55aecb;
    width:100%;
    border:0;
}
.within-section .fa {
	float: right;
	margin-right: 10px;
	font-size: 1.5em;
}

.within-section:focus {
    outline:none;
}



/**
* #.# Related Articles / Care Blog (same styles are applied for both sections)
*
* styles for blog posts in the section
*/

.related-articles .banner {
	position: relative;
	padding-top: 25%;
  	overflow: hidden;
	text-align: center;
	background: #2c3c41;
}
.related-articles .banner header {
  width: 100%;
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.related-articles .banner h1 {
	color: #fff;
	font-size: 3.75em;
	
}
.related-articles .banner img {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  max-width: 100%;
}
.related-articles .container.blog-posts {
	padding-top: 40px;
}
.related-articles .container.blog-posts .card {
    border:none;
}
.related-articles .post-item {
	padding: 16px 15px;
}
.maincontent .related-articles article.post-item img {
  max-height: 365px;
}
.maincontent .related-articles article.post-item h1 {
  width: 95%;
  font-size: 1.75em;
}
.maincontent .related-articles article.post-item .txt {
	width: 48%;
	padding-left: 15px;
}
.maincontent .related-articles article.post-item .author, 
.maincontent .related-articles article.post-item .date {
  font-size: 1em;
}
.maincontent .related-articles article.post-item .btn {
  position: absolute;
  bottom:32px;
  margin: 0;
  padding: 11px 20px;
  width: auto;
  color: #2c3c41;
  font-size: 1.5em;
  border: solid 2px #7c9496;
}
.maincontent .related-articles article.post-item .btn:hover {
    color:#fff;
}



/** More from blog - this will link to the blog page **/
.related-articles .more-from-the-blog {
	padding: 47px 0 55px 0;
	text-align: center;
}
.related-articles .more-from-the-blog a:hover {
    /*background:#fff;*/
    color:#3f6f48;
}
.related-articles .more-from-the-blog a {
  padding: 0;
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
  padding-right: 25px;
}

/**
* #.# Comments
*
* styles for comments on blog posts
*/
.comments-wrapper{
    margin:40px 0 20px 0;
    width:90%;
}
.comments-wrapper .card {
    padding:20px;
}
.BlogCommentsTitle {
    font-size: 1.5em;
   font-family: gtwbold;
}
.control-label.blog-leave-comment {
    padding-bottom:20px;
}
.CommentDetail {
    margin:0 0 10px 0;
    border-bottom:solid 0px #e3e3e3;
}
.CommentDetail .buttonpedding {
    padding:10px 0 0 0;
}
.CommentDetail a {
    display:inline-block;
     margin:0 20px 0 0;
     padding: 11px 20px;
    color: #2c3942;
    font-family: gtwbold;
    border:solid 2px #7e9396;
}
.CommentDetail a.InlineAbuseLink {
    border:none;
    font-size:1em;
    padding-left:0;
    padding-bottom:0;
    color:#69b878;
}
.CommentDetail a.InlineAbuseLink:hover {
    color:#2c3c41;
}
.CommentDetail tr td {
    text-align:left;
}
.CommentUserName  {
    color:#2c3942;
    font-size: 1.2em;
   font-family: gtwbold;
}
.CommentText {
    padding:5px 0;
    display:block;
}
.CommentDate  {
    padding:5px 0;
    display:block;
}


/**
* #.# General Form Styles
*
* styles for all form elements
*/

.form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.form-horizontal .control-label {
    padding: 0 0 22px 0;
    color:#2c3942;
    font-size:1.5em;
    font-family: gtwbold;
}
.form-control {
    border-radius:3px;
    height:60px;
    line-height:60px;
    border:solid 2px #7e9396;
}
.CaptchaTextBox.form-control {
    display:inline-block;
    width:100%;
}
.CaptchaTable.table .td {
    display:inline-block;
}


.form-horizontal .form-group label {
    padding: 0 0 22px 0;
    color:#2c3942;
    font-size:1.5em;
    font-family: gtwbold;
}
.form-horizontal .form-group .btn-primary {
    padding:11px 50px;
    background:#fff;
    color: #2c3c41;
    border: solid 2px #7c9496;
}
.form-horizontal .form-group .btn-primary:hover, 
.form-horizontal .form-group .btn-primary:focus, 
.form-horizontal .form-group .btn-primary.focus, 
.form-horizontal .form-group .btn-primary:active, 
.form-horizontal .form-group .btn-primary.active, 
.form-horizontal .form-group .open>.dropdown-toggle.btn-primary {
  background:#69b978;
  color:#fff;
}
.form-control:focus {
  border-color: #69b878;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 185, 120, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 185, 120, 0.6);
}



/**
* #.# Custom Forms 
*
* styles for custom forms
*/

.custom-form-wrapper {
	position:relative;
	margin:auto;
	margin-bottom:50px;
	padding:20px;
	width:60%;
	color:#839b9e;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: solid 1px #e3e3e3;
	box-shadow: 2px 2px 5px #bfbfbf;
	-webkit-box-shadow: 2px 2px 5px #bfbfbf;
	-moz-box-shadow: 2px 2px 5px #bfbfbf;
	background: #fff;
	/*text-align:left;*/
}
.custom-form-wrapper .row {
    margin:0;
    text-align:center;
}
.custom-form-wrapper p {
    margin:auto!important;
    width:100%;
    padding:20px 0;
}
.custom-form-wrapper input[type="text"] {
  width:70%;
  border-radius: 3px;
  height: 60px;
  line-height: 60px;
  border: solid 2px #7e9396;
  text-indent:0;
  text-align:center;
}
.custom-form-wrapper input:focus {
  border-color: #69b878;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 185, 120, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(105, 185, 120, 0.6);
}
.custom-form-wrapper label {
  padding: 0 0 22px 0;
  color: #2c3942;
  font-size: 1.5em;
  font-family: gtwbold;
}


.custom-form-wrapper .fs-checkbox-marker {
    margin:0 26px 0 0;
    border:none;
    background:#f7f6f6;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(51, 51, 51, .25);
  -moz-box-shadow: 0px 0px 8px 2px rgba(51, 51, 51, .25);
  box-shadow: 0px 0px 8px 2px rgba(51, 51, 51, .25);
}
.custom-form-wrapper .fs-checkbox-label {
    margin:10px 0;
    padding:0;
    color:#69b978;
    font-size:1.125em;  
    text-align:left;            
}
.custom-form-wrapper .fs-checkbox-flag:before {
  /*width: 5px;
  height: 10px;
  border: 2px solid #2c3c41;
  border-top: 0;
  border-left: 0;
  content: '';
  display: block;
  margin: 4px 0 0 8px;
  /*-webkit-transition: -webkit-transform 0.15s ease;
  transition: transform 0.15s ease;
  -webkit-transform: rotate(45deg) scale(0);
  -ms-transform: rotate(45deg) scale(0);
  transform: rotate(45deg) scale(0);*/*/
}

.custom-form-wrapper .fs-checkbox-checked .fs-checkbox-flag:before {

    content: "\f00c";
    top: -1px;
    margin-left:-7px;
    color:#2c3c41;
}

.custom-form-wrapper .selectboxit-container {
    margin:0 0 20px 0;
}
.custom-form-wrapper .selectboxit-container .selectboxit {
    margin-bottom:0;
}
.custom-form-wrapper .selectboxit-text {
    text-indent:35px;
}
.custom-form-wrapper .selectboxit-container ul span {
    display:none;
}
.custom-form-wrapper .btn {
  margin-top:40px;
  padding: 11px 50px;
  background: #fff;
  color: #2c3c41;
  border: solid 2px #7c9496;
  width:70%;
}
.custom-form-wrapper .btn:hover {
  background: #69b978;
  color: #fff;
}
.repairtracker p {
    color:#eb604d;
}

.custom-form-wrapper .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    top:-5px;
}
.custom-form-wrapper .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
    font-size:1.5em;
}


/**
* #.# Search Page
*
* styles for search results
*/
.search-wrapper {
	padding: 55px 0 ;
}

.advanced-search-container {
    padding-bottom:60px;
    margin-bottom:60px;
    border-bottom:solid 1px #7c9496;
}
.search-wrapper .btn {
  margin-top:40px;
  padding: 11px 50px;
  background: none;
  color: #2c3c41;
  border: solid 2px #7c9496;
}
.search-wrapper .btn:hover {
  color: #7c9496;
}
.search-wrapper .btn:active {
    outline:none;
}
.search-wrapper .searchDialogLabel {
  padding: 0 0 22px 0;
  color: #2c3942;
  font-size: 1.5em;
  font-family: gtwbold;
  display: inline-block;
  max-width: 100%;
}

.search-wrapper .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
    font-size:1.5em;
    top:-4px;
    position:relative;
}

.search-wrapper .selectboxit-text {
    text-indent:35px;
}
.search-wrapper input[type="text"] {
    font-family: gtwbold;
    font-size:20px;
    text-indent:35px;
    padding-left:0;
    /*text-transform:capitalize;*/
}
.search-wrapper .selectboxit-container ul span {
    display:none!important;
}

/** search results */
.search-results-container {
    margin:20px 0 0 0;
}
/**
* #.# Search Results
*
* styles of the search results
*/

.search-result-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e7ecee;
}

.search-result-item-title a {
    display: block;
    padding: 4px 0;
    font-size: 1.5em;
    line-height: 0.8;

}

.search-result-item-meta {
    margin-top: 10px;
    font-size: 14px;
}

.search-result-item-meta .created-date {
    display: block;
    margin-top: 5px;
}

.keyword-highlight {
    background: #FEFF8F;
}

.relevance-title,
.created-title {
    min-width: 90px;
    display: inline-block;
    font-weight: 700;
}



/**
* #.# Footer
*
* styles of the footer
*/

footer .row1 {
    padding-bottom:40px;
}

footer .row1 .footerLinks li {
    padding:2px 0;
}

footer .row1 .socialMedia {
    
}
footer .row1 .socialMedia li {
    padding:2px 0;
}
footer .row1 .socialMedia a {
    /*width:40px;
    height:40px;*/
    display:inline-block;
    /*font-size:0;*/
    vertical-align: top;
  padding-top: 3px;
}

 footer .row1 .socialMedia li a:before {
  display: inline;
  font: normal normal normal 22px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:10px;
}

footer .row1 .socialMedia .facebook a:before {
  /*content: "\f09a";*/
  content: "\f082";
  font-size:1.7em;
}
footer .row1 .socialMedia .twitter a:before {
  /*content: "\f099";*/
   content: "\f081";
   font-size:1.7em;
}
footer .row1 .socialMedia .instagram a:before {
  content: "\f16d";
  font-size:1.7em;
}
footer .row1 .socialMedia .youtube a:before {
  content: "\f166";
  font-size:1.7em;
}




footer .row2 {
    font-size:14px;
     padding-bottom:25px;
}
footer .row2 ul li {
    display:inline-block;
}
footer .row2 a {
     padding-right:20px;
     font-size: 14px;
     font-family: gtwregular;
}
footer .row2 .siteBy {
    text-align:right;
}


/** Thankyou Page ****/

.thankyou-page-wrapper {
    margin-top:60px;
    min-height:1200px;
    background:#f2f2f2;
    text-align:center;
}

.thankyou-content {
    max-width:1280px;
    width:100%;
    margin:auto;
    position:relative;
    padding-bottom:60px;
}
.map-background {
    background-color: #69b878;
    min-height: 600px;
    border:solid 1px #ccc;
}

.map-background .infoBox {
  position: absolute;
  left: 0;
  bottom: -120px;
  padding: 0;
  min-width: 300px;
  color: #fff;
  background-color: #69b978;
  margin-left: 0;
  min-height: 365px;
  text-align: left;
  border-radius: 5px;
  /*top: 32px!important;*/
}
.map-background .infoBox h2 {
    margin:0;
    padding:24px 0 10px 32px;
    font-size:24px;
}
.map-background .infoBox p.lead {
    font-size:16px;
    padding: 0 0 0 32px;
    margin:0 0 10px 0;
}
.map-background .infoBox p {
    font-size:14px;
    padding: 0 32px 0 32px;
}

.map-background .infoBox img {
    display:none;
}
.map-background .infoBox .store-image {
    position:relative;
    width:100%;
    display:block;
     background:url("images/checkout/store-bg.png") no-repeat;
     height:117px;
}
.map-background .infoBox .store-image img {
  display: none;
  text-align: center;
  margin: auto;
}
.map-background .infoBox .store-image .id-logo {
    display:inline-block;
    width:82px;
    height:67px;
    background:url("images/checkout/id-logo.png") no-repeat;
    position:absolute;
    top:25px;
    left:40%;
}



.thankyou-page-wrapper .heading {
    padding-top:50px;
    padding-bottom:25px;
}
.thankyou-page-wrapper .heading h1 {
    font-size:60px;
    color:#2c3c41;
}
.thankyou-page-wrapper .heading h2 {
    font-size:1.5em;
    color:#7c9496;
}

.order-reference {
    /*border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;*/
    position:absolute;
    top:0;
    left:185px;
    width:460px;
    height:100%;
    background:#f2f2f2;
    text-align:left;
    padding-top:40px;
    padding-left:40px;
    padding-right:58px;
}
.order-reference h1,
.order-reference h2,
.order-reference h5,
.order-reference p,
.order-reference ul {
    margin:0;
    padding:0;
}

.order-reference h1 {
    font-size: 60px;
    color:#2c3c41;
    line-height: 0.8em;
    margin-top:13px;
    margin-bottom:25px;
}
.order-reference h2 {
    font-size: 24px;
     color:#2c3c41;
     margin-bottom:15px;
}
.order-reference h5 {
    font-size: 20px;
    color:#2c3c41;
}
.order-reference p {
    font-size: 16px;
    color:#7c9496;
    margin-bottom:25px;
}

.order-reference strong {
    color: #7c9496;
    font-size: 16px;
    font-family: gtwbold;
    list-style: none;
    padding-bottom: 20px;
    display: block;
    font-weight: normal;
}

.order-reference ul li .fa {
    position:absolute;
    left:40px;
    margin-right:25px;
}

.order-reference .print-btn {
    margin:20px 0 0 0;
    color:#2c3c41;
    width: 300px;
    border:solid 2px #7c9496;
    font-size:24px;
}
.order-reference .print-btn:hover {
    background:#fff;
}

/** thankyou page*/
.thankyou-page-wrapper {
    margin-top:0!important;
}
.order-what-to-bring {
    display:none;
}
.order-reference a {
    color:#69b978;
}
.order-choosen-store {
    display:none;
}




/* Media Query for iPad (Landscape) and other devices with max-width of 1024px **/
@media (max-width: 1024px) {
    .maincontent article.post-item img {
        max-height: 210px;
    }
    
    .maincontent article.post-item .btn {
        right:12px;
        bottom:10px;
        padding: 11px 10px;
    }
    .maincontent article.post-item h1{
        font-size:1.3em;
    }


    .maincontent .related-articles article.post-item .btn {
      right: 55px;

    }

    .promotion-page .insight-video {
        padding: 0;
      margin: 36px 60px 0 0;
    }

    .single-store .store-address {
        width:77%;
        font-size:85%;
    }
    .single-store .map-links .link.directions {
        display:none;
    }



}

@media (max-width: 800px) {

    .col-md-9,subpage-content {
        padding-top:20px;
    }


    .custom-form-wrapper .btn {

  width: 100%;
}


    .content-top-banner h1 {

  font-size: 3em;
}



    .subpage-wrapper.full-width-centered {
        padding-top:20px;
        min-height:520px;
        text-align:center;
    }

    .discription .fa,
    .features-container .fa,
    .compare-list-Mobile .fa {
        position:absolute;
        right:0;
    }
    .discription.open .fa,
    .features-container.open .fa,
    .compare-list-Mobile.open .fa {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
    }

    .features-container.open .feature-group .fa {
        transform:none;
        -webkit-transform: none;
        -ms-transform: none; 
    }

   .compare-list-Mobile.empty {
        display:none;
    }

   .compare-list-Mobile .compare-against {
      margin: 15px 0 42px;
      padding: 0;
      width: 100%;
      float: none;
    }

   .comparephone-wrap .comparephone-wrap-inner {
       border-top:0;
   }
   .planBuilderSection {
         padding: 10px 0px!important;
   }
}


/* Media Query for iPad (Portrait) and other devices with max-width of 768px **/
@media (max-width: 800px) {


        .map-background .infoBox {
    left: 400px;

    }


    .promotion-page .video-section {
  margin-top: 30px;
}

    .phone-compraison label {
  margin: 0 !important;
  width: 100%!important;
  font-weight: normal;
  font-size: 18px;
}


  
.within-section {
  margin-bottom: 0!important;
}
.page-sidebar.open {
  padding-bottom: 0!important;
}


    .thankyou-page-wrapper {
        margin-top:0;
        min-height:50px;
        padding-bottom:30px;
    }
    .thankyou-page-wrapper .heading {
        padding-top:0;
        background-color: #69b978;
    }


    .order-reference {
        position:relative;
        left:0;
        padding:20px;
        width:100%;
        border:none;
    }
    .map-background {
        background:none;
        position:relative;
        overflow: hidden;
        height:auto;
        width: 90%;
        margin:auto;
    }
    .map-background img {
   display:block;
/*height: 100%;
  max-width: 10000px;
  margin: auto;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  z-index: 1;*/
max-width:100%;

    }




    .thankyou-page-wrapper .heading h1
     {
        color:#fff;
    }
    .thankyou-page-wrapper .heading h2 {
        color:#488253;
    }

    


    .promotion-page .insight-video {
  padding: 0;
  margin: 36px 0 0 0;
}

    .promotion-page  .owl-carousel .owl-item img {
        margin:auto;
        width:50%;
    }
    .promotion-page .promotion-features .owl-next {
  position: absolute;
  top: 0;
  left: 690px;
  width: 44px;
}





    .maincontent .related-articles article.post-item .btn {
  left: 0px;
  position:relative;
    }


     .maincontent article.post-item h1{
        font-size:1.6em;
    }
    .maincontent .blog-article-list article .btn {
        font-family: gtwbold;
        position: relative;
        left: 0px;
    }
    .maincontent article.post-item .txt {
      width: 70%;
    }
    .maincontent .blog-article-list .more-articles-btn {
        margin-bottom:20px;
    }


    #compareArea h2 {
        display:none;
    }
    #compareArea ul {
        width: 73%;
        text-align:left;
    }
    #compareArea ul li {
        margin-right:5px;
        padding-top:20px;
    }
    #compareArea ul li img {
        max-width:50px;
    }
    #compareArea ul li.no-phone {
        width:50px;
        border-radius: 8px;
        margin-top: 24px;
    }
 
    .compare-arrows {
      display: inline-block;
      position: absolute;
      right: 5px;
      text-align: right;
      top: 50px;
      color: #fff;
    }
    #compareArea ul li.no-phone a {
        top:20px;
        font-size:12px;
    }

    #compareArea > div > a {
      margin-top: 22px;
      margin-right: 0;
      padding: 8px 10px;
      font-size: 16px;
      width: 22%;
      white-space: inherit;
    }

  

    .page-sidebar {
      padding-top: 0;
      padding-left:0;
      padding-right:0;
    }
    .sidebar-box {
        display:none;
    }
}



@media (max-width: 375px) {

    .promotion-page .content-area ol {
        margin-left:0;
        padding-left:0;
    }

    .maincontent article.post-item .author,
    .maincontent article.post-item .date {
        display:none;
    }

    .thankyou-page-wrapper .heading h1 {
  font-size: 32px;
  color: #fff;
}
        .thankyou-page-wrapper .heading h2 {
  font-size: 18px;

}



    #competitionArea .owl-controls {
        position:absolute;
        top:45%;
        width:90%;
    }

    .custom-form-wrapper {
        width:100%;
    }
    .custom-form-wrapper input[type="text"] {
        width:100%;
    }
    .custom-form-wrapper .btn {
        margin-top:20px;
        width:100%;
    }
    .custom-form-wrapper .selectboxit-text {
  text-indent: 14px;
}
    .custom-form-wrapper  .selectboxit-arrow-container {
  top: 1px;
  width: 30px !important;
}
    .custom-form-wrapper .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  top: 2px;
}

    .maincontent.promotion-page .related-articles article.post-item img {
  max-height: 175px;
}
    .maincontent.promotion-page .related-articles article.post-item .btn {
  margin: 20px 0 0 0;
  bottom: 10px;
}
    .maincontent.promotion-page .related-articles .post-item {
    padding:16px 0;
    }



    .promotion-page .promotion-features .owl-next {
  position: absolute;
  top: 0;
  left: 300px;
  width: 44px;
}

    .maincontent article.post-item .txt {
      width: 45%;
    }
    .maincontent article.post-item h1 {
  font-size: 1.5em;
}

    .maincontent article img.left {
        float:none;
        display:block;
         padding: 0;
        max-width:100%;
          width: 100%!important;
    }
       .maincontent article img.right {
        float:none;
        display:block;
         padding: 0;
        max-width:100%;
          width: 100%!important;
    }

       .maincontent .content-top-banner {
           overflow:hidden;
       }
       .maincontent .content-top-banner h1 {
           top:50%;
       }
       .maincontent .content-top-banner img {
display:block;
height: 100%;
  max-width: 10000px;
  margin: auto;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  z-index: 1;
       }



    .compare-arrows {
        display:none;
    }
    #compareArea ul li {
        width:45px;
    }
    #compareArea > div > a {
  margin-top: 33px;
  margin-right: 0;
  padding: 8px 10px 8px 5px;
  font-size: 12px;
  width: 25%;
  white-space: inherit;
}

    .sortby {
        
        margin-right:0!important;
      
    }

    .single-store .map-links .link {
        padding-right:10px;
    }
    .single-store .map-links .link.directions {
  display: block;
}

    .store-selectboxes .selectboxit-arrow-container {
  top: 1px;
  width: 40px !important;
}
    .store-selectboxes .selectboxit .selectboxit-arrow-container .selectboxit-arrow:before {
        font-size:1.5em;
    }

    #storesMap {
  width: 90%;
  height: 400px;
  margin:10px auto auto auto;
}



}
@media (max-width: 360px) {


  .maincontent article img.left {
        float:none;
        display:block;
          padding: 0;
        max-width:100%;
          width: 100%!important;
    }
       .maincontent article img.right {
        float:none;
        display:block;
        padding: 0;
        max-width:100%;
          width: 100%!important;
    }

}


@media (max-width: 320px) {

        .promotion-page .promotion-features .owl-next {
  position: absolute;
  top: 0;
  left: 260px!important;
  width: 44px;
}


    #compareArea > div > a {
        margin-top: 33px;
        margin-right: 0;
        padding: 8px 8px 8px 5px;
        font-size: 11px;
        width: 27%;
        white-space: inherit;
    }

  

}