/*** FAQ page accordian **/
.accordion {
	border-radius:0px;
}
.accordion li .title {
	background-color:#f4f4f4;
	font-weight: 800;
	font-size: 16px;
}
.accordion li .text p {
    font-size: 16px;
    line-height: 26px;
    color:#000;
}
.accordion li.active .title {
	background-color:#fff;
	color:#2963c6;
}
.accordion .title:after {
    font-family: ElegantIcons;
    content: "5";
    float: right;
    font-size: 3em;
    font-weight: 200;
    position: absolute;
    right: 20px;
    margin-top: -24px;
    color: #aaa;
}				
.accordion li.active .title:after {
	font-family: ElegantIcons;
	content: "3";
	color:#d6d6d6;
}
/** back to top**/
.backToTop{
  display: none;
  position: fixed;
  bottom: 35px;
  right: 35px;
  font-size: 3.5em;
  z-index: 9999;
  height: 35px;
  width: 35px;
  background-color: #000;
  text-align: center;
  border-radius: 8px;
  border:1px solid #888;*/
}
.backToTop i{
  position: absolute;
  top: -0.19em;
  left: -0.19em;
  color: #fff;
}
.backToTop i:hover{
  color: #ff911e;
}

/*** New Colours ***/
a:hover {
	color:#2a62c6;
}
h1,h2,h3,h4,h5,h6{
	color:#2b62c6;
}
h1 {
	font-weight:700;
}
h2 {
	color:#2688ee;
	margin-bottom:10px;
	font-weight:600;
}
h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight:600;
}
h6 {
	font-size:18px;
	font-weight:700;
}


.text-blue {
	color:#2a62c6;
}
.text-darkblue {
	color:#2b62c6
}
.text-lightblue {
	color:#6ea7ff;
}
.text-orange {
	color:#ff911e !important;
}
.outline-orange {
	border:2px solid #ff911e;
	padding:20px;
}
.outline-lightblue {
	border:2px solid #6ea7ff;
	padding:20px;
}
.bg-black{
	background-color:#000;
}
.bg-white {
	background-color:#fff;
}
.bg-grey {
	background-color:#f6f6f6 !important;
}
.bg-light-grey {
	background-color:#f6f6f6 !important;
}

.btn-orange {
  border-color: #fff;
  color: #ff911e;
  font-size:12px
}
.btn-orange:hover {
  background: #ff911e !important;
  color: #fff !important;
  border-color: #ff911e !important;
}
.btn-orange.btn-filled {
  background: #fff;
  color: #ff911e;
}
.btn-orange.btn-filled:hover {
  background: #ff911e;
  color: #fff;
  border-color:#ff911e;
}
.btn-orange-outline {
  border-color: #ff911e !important;
  color: #ff911e!important;
  font-size:12px;
}
.btn-orange-outline:hover {
  background-color: #ff911e !important;
  color: #fff !important;
  border-color: #ff911e !important;
}
.btn-orange-outline.btn-filled {
  background: #fff;
  color: #ff911e;
}
.btn-white.btn-filled:hover {
  background: #2963c6;
  color: #fff;
  border-color:#2963c6;
}
.btn-white:hover {
  color: #2963c6;
 background: #fff;
}
.btn-primary:hover {
	border-color:#2963c6;
	color:#fff;
	background: #2963c6;

}

.btn-bigtext {
	font-size:15px
}
.btn-grey {
	border-color:#a1a1a1;
}
.btn-nav {
	float:right;
	min-width:60px;
	margin-top: -6px;
    padding-left: 18px;
    padding-right: 18px;
    margin-left: 8px;
    margin-right: 0px;
    color:#777777;
}	
.link-text {
    border-bottom: 2px solid #6ea7ff;
    color: #6ea7ff;
}
.link-text a:hover {
	color:#2a62c6;
}

			
.menu {
	padding-right:30px;
}

.float-right{
	float:right;
}
/** footer ***/

.cta .icon_star{
	color:#ff911e;
	padding-right:2px;
}

.footer-container .logo {
	width:100px;
	height:auto;
	margin-left:15px;
}
footer.short ul li:last-child {
    margin-right: 0px;
}

.copyright-subtext {

	font-size:9pt;
}

/*** Page headers ***/
.page-header:before {
	opacity:0;
}
.faq.page-header h1, .contact.page-header h1,.about.page-header h1, .order.page-header h1, .news.page-header h1, .articles.page-header h1{
	text-align:center;
	font-weight:800;
}
.faq.page-header .lead,.contact.page-header .lead ,.news.page-header .lead {
	text-align:center;
}
.about.page-header .lead {
	width:50%;
	text-align:center;
	margin:0 auto;
}
/*
.contact.page-header .lead {
	width:25%;
	text-align:center;
	margin:0 auto;
}

.faq.page-header .lead {
	width:25%;
	text-align:center;
	margin:0 auto;
}
*/
.about-together h1 {
    width: 66%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 24px;
}
.articles.page-header .lead {
	width:50%;
	text-align:center;
	margin:0 auto;
}

.order.page-header .lead {
	width:45%;
	text-align:center;
	margin:0 auto;
}
.home.page-header h1{
	font-weight:700;
}
.home.page-header .lead {
	width:46%;
	font-weight:600;
}
.news.page-header .lead {
	width:55%;
	margin:0 auto;
}
.hero-logo {
	margin-bottom:40px;
}

.hero-buttons {
	margin-top:50px;
}
.feature h5 {
	color:#2688ee
}
.confidence-1 {
	margin-top:30px;
	text-align:center;
}
.confidence-1 h3 {
	text-align:center;
	color:#2688ee;
	margin-top:30px;
	font-size:22px;
}
.confidence-1 p {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    color: #000;
}
.confidence-1 img {
	width:280px;
	margin:0 auto
}

.benefits .content {
	background-color:#fff;
	padding:30px;	
}
.benefits .content p {
	font-size:16px;
}
.benefits .content h3 {
	color:#2688ee;
	font-size:22px;
}

#back-construction {
    background-image: url(../img/back-construction.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
 }
#back-working {
    background-image: url(../img/back-working.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 350px;
 }
.milestones h5 {
    font-weight: 700;
}
.milestones .feature, .foursteps .feature  {
	min-height:240px;
}
 .primary-features .feature {
	min-height:260px;
}


.right-margin {
	margin-right:16px;
}
.feature-icon-small img {
	margin-bottom:10px;
}
.feature h6 {
	color:#2688ee;
}
.feature span {
	font-size:16px;
}
.blog-snippet-2 li {
	    margin-bottom: 5px;
}
.building-confidence h1 {
	font-weight:700;
}

.blog-snippet-2 .title {
    font-size: 16px;
    font-weight:600;
    color:#000;
}
.blog-snippet-2 .icon img {
		width:40%;
		height:40%;
}
.staged-release {
	background-color:#1754af !important;
}
.staged-release p {
	color:#fff !important;
}

/** Contact page **/

.contact-page .leftcol {
	padding-right:5%;

}
.contact-page .rightcol {
	padding-left:5%;
	
}

/**** Order page ****/
#order-message-image {
	text-align:center;
}

#order-message {
	padding-top:15px;
}
#order-message span {
	font-weight:600;
}
#order-select .pricing-table {
	padding-bottom:0px;
	border-bottom:0px;
}
#order-select .pricing-table .available {
	background-color:#fff;
	font-size:14px;
	color:#ff911e;
	padding-top:20px;
	font-weight:800;
	
}
#order-select .pricing-table .available:hover {
/**	background-color:#ff911e;
	color:#fff; **/
}
#order-select  .pricing-table .tba {
/*	background-color:#e1e9f6;*/
	background-color:#fff;
	font-size:14px;
	color:#6ea7ff;
	padding-top:20px;
	font-weight:500;
}
#order-select  .pricing-table .na {
	font-size:14px;
	padding-top:20px;
	font-weight:500;
	color:#909090;
		background-color:#fff;
}
#order-select .pricing-table li {
	min-height:66px;
	font-weight:800;
	padding:8px 0px;
	font-size:14px;
}
#order-select .pricing-table li.header {
	font-weight:600;
}
#order-select .pricing-table li span {
	font-weight:400;
	font-size:14px;
}
#order-select .pricing-table li.available span {
	font-size:26px;
}


#order-select .pricing-tables .col-md-4:first-child .pricing-table {
	border-top: 0px;
   border-left: 0px;
}
#order-select .pricing-tables .col-md-4:first-child .pricing-table li {
	border-left: 2px solid rgba(35, 35, 35, 0.2);
	background-color:#fff;

}
#order-select .pricing-tables .col-md-4:first-child .pricing-table li:first-child {
	border-left: 0px;
	margin-top: 2px;
	background:transparent;
}
#order-select .pricing-tables .col-md-4:first-child .pricing-table li:nth-child(2) {
	border-radius: 25px 0px 0px 0px;
	background-color:#fff;
}
#order-select .pricing-tables .col-md-4:first-child .pricing-table li:last-child {
	border-radius: 0px 0px 0px 25px;
	border-bottom:  2px solid rgba(35, 35, 35, 0.2);
	background-color:#fff;
}
#left-column {
  border-radius: 0px 0px 0px 25px;
  border-left: 2px solid rgba(35, 35, 35, 0.2);
}

#order-select .pricing-button {
	background-color:#ff911e;
	padding-top:30px;
	padding-bottom:30px;
}

#order-select .pricing-button-left {
	border-radius: 0px 0px 0px 25px;
}
#order-select .pricing-button-right {
	border-radius: 0px 0px 25px 0px;
}




.pricing-table .header {
	background-color:#2963c6;
	color:#fff !important;
	font-weight:600;
	font-size:20px !important;
}

#feature-select {
	padding-top:00px;
}

#feature-select .pricing-table {
	border-right: 2px solid rgba(35, 35, 35, 0.2);
	border-radius: 0px 0px 25px 25px;
	-webkit-border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	padding-bottom:0px;
	background-color:#fff;
}
#feature-select .pricing-table .features li {
   color: #000000;
	border:0px;
   padding: 5px 0px;
    margin: 0;
}
#feature-select li.header {
	padding-bottom:30px !important;
	padding-top:30px !important;

}

#feature-select .price {
	font-size:16px;
	padding-top:20px;
	padding-bottom:20px;
}
.pure-text h6 {
	color:#2688ee;
}
.order-note {
	padding-top:40px;
}
/*** order select - mobile version ***/
.rate-option,.self-option {
	border-top:1px solid rgba(35, 35, 35, 0.2);
	margin-top:8px;
}
.service-type {
	font-weight:bold;
/*	min-height:145px;*/
}
.service-type .na{
	padding-top:25px;
	color:#909090;
	padding-bottom:10px;
}
.service-type .na.text-lightblue {
	color:#6ea7ff;
}

	#order-select-mobile,#order-select-mobile-carousel {
		display:none;
	}

#order-select-mobile .features .header span {
	font-size:14px;
	font-weight:200;
}
#order-select-mobile .pricing-table{
	border-left:0px !important;
	border-bottom:0px !important;
}
#order-select-mobile .pricing-table .features {
	border-right: 1px solid rgba(35, 35, 35, 0.2);
	border-left: 1px solid rgba(35, 35, 35, 0.2);
	border-bottom:1px solid rgba(35, 35, 35, 0.2);
	border-radius: 0px 0px 25px 25px;
	-webkit-border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
	padding-bottom:10px;
	display:table;
	background-color:#fff;
	width:100%;
}

#order-select-mobile .pricing-table .features li {
   color: #000000;
	border:0px;
   padding: 5px 0px;
    margin: 0;
    width:50%;
    float:left;
}

#order-select-mobile li.header {
	padding-bottom:15px !important;
	padding-top:15px !important;
	width:100% !important;
	background-color:#2963c6 !important;
}

#order-select-mobile-carousel {
	padding-left:15px;
	padding-right:15px;
}
#order-select-mobile-carousel .service-type {
	width:50%;
	float:left;
	
}

#order-select-mobile-carousel .rate-option, #order-select-mobile-carousel .self-option, #order-select-mobile-carousel .service-type .na {
	margin-top:20px;
	padding-bottom:10px;
	min-height:70px
}
#order-select-mobile-carousel .service-type .na {
	padding-top:25px;

}
#order-select-mobile-carousel .pricing-table .features {
    border-right: 2px solid rgba(35, 35, 35, 0.2);
    border-left: 2px solid rgba(35, 35, 35, 0.2);
    border-bottom: 2px solid rgba(35, 35, 35, 0.2);
    border-radius: 0px 0px 25px 25px;
 	-webkit-border-bottom-left-radius:25px;
	-webkit-border-bottom-right-radius:25px;
   padding-bottom: 0px;
    display: table;
    background-color: #fff;
    width:100%;
}
#order-select-mobile-carousel .pricing-table {
	border:0;
	padding-bottom:10px;
}
#order-select-mobile-carousel .features .header span {
	font-size:14px;
	font-weight:200;
}
#order-select-mobile-carousel .features li {
    padding: 24px 0px 5px 0px;
}
#order-select-mobile-carousel .features li.header {
    padding: 24px 0px 24px 0px;
}
#order-select-mobile-carousel .rate-option {
	    border-right: 1px solid #eeeeee;
}
.slick-prev:before, .slick-next:before {
	color:#aaa;
}
.slick-prev {
    left: -18px;
}
.slick-next {
	right:-18px;
}
.slick-dotted.slick-slider {
    margin-bottom: 50px;
}
.clients-2 {
    padding: 0px 0px 64px 0px;
}

/*** Articles ***/

.blog-masonry-container h2 ,.video-inline h2 {
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
}
.video-copy h2 {
	font-size:20px;
	font-weight:700;
}
.video-copy p, .video-copy h2{
	padding-right:40px;
}
.video-post iframe {
	height:195px;
}
.article-hero a:hover img{
	opacity:0.8;
}

.blog-masonry-item .item-inner {
	background-color:#fff !important;
}
.blog-masonry-item img {
	max-height:195px;
}
.newsitem .item-inner {
	padding:28px;
}
.newsitem p {
	font-size: 16px;
	line-height: 24px;
}

.blog-masonry-item .item-inner h2 a{
	color:#2688ee;
}
.blog-masonry-item span {
	display:inline;
	color:#000;
	font-size:12px;
/*	font-weight:600;*/
}
.blog-filters li {
	color:#2688ee;
	font-size: 13px;
}
.blog-filters li:hover,.blog-filters li a:hover {
	color:#2a62c6	;
}
.blog-filters li a {
	color:#2688ee;
}
.blog-filters li.active {
    border-bottom: 2px solid #6ea7ff;
}

.article-body p {
	    font-size: 16px;
    line-height: 24px;
    
}
.article-body p.lead {
	color:#6ea7ff;
	
}
.article-body h2 {
	font-size: 20px;
   font-weight: 600;
   line-height: 32px;
   margin-bottom: 24px;	
	color:#6ea7ff;
}
/*** Media ***/

.blog-snippet-3 {
	background-color:#fff !important;
	padding-top:80px;
	padding-bottom:0px;
}
.blog-snippet-3 .row {
	padding-bottom:70px;
	border-bottom:1px solid #f0f0f0;

} 
.blog-snippet-3 h1 {
    font-size: 24px;
    line-height: 30px !important;
}
.blog-snippet-3 h1 a{
    color:#2688ee;
}
.video-post iframe {
    border: 0px;
}
.sidebar-widget ul {
	margin-top:-8px;
}
.sidebar-widget li {
    padding: 16px 36px 16px 0px;
    color:#000;
	font-size:12px;
/*	font-weight:600;*/
}
.sidebar-widget li a{
    color:#333;
    font-size:14px;
    font-weight:400;
}
.sidebar-widget li a:hover{
    color:#2a62c6;
}
.sidebar-widget li .more {
	float:right;
}
.sidebar-widget h5 {
	font-size: 20px;
    font-weight: 600;
    line-height: 32px;
   margin-top:-8px;
}
.sidebar-widget .more a{
	font-weight:600;
	color:#6ea7ff;
}
.sidebar-widget .more a:hover{
	color:#2a62c6;
}
.sidebar-widget .alt-font {
	padding-left:2px;
	color:#777777;
}
.sidebar-widget p {
	margin-top:-10px;
}
.order-message-block {
	margin-top:40px;
}
.order-message-block #order-message{
	padding-top:30px;
}
.footer-container .sub {
	display:inline-block;
}
.md-top-space-larger {
	padding-top:50px;
}

/*** Privacy page ***/


#privacy table td{
		padding:10px;
}
#privacy table {
	margin-bottom:20px;
	margin-top:20px;
}
#privacy ul {
	list-style:circle;
	margin-left:20px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 16px;
    line-height: 24px;
}
#privacy ol {
	margin-left:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size: 16px;
    line-height: 24px;
}
#privacy ol li {
	padding-bottom:10px;
	padding-top:10px;
}
#privacy ul li a:hover {
	color:#2a62c6;
}
#privacy ul li a {
	color:#6ea7ff;
}
/*** Custom Responsive Tweaks ****/
.mobile-hide {
	display:none;
}
#benefits-mobile {
	display:none;
}


@media all and (max-width: 1200px) {
  #back-working, #back-construction {
  		min-height:370px;
  }
  #feature-select  .pricing-table { 
  margin-bottom:40px;
	} 
  .contact-page .rightcol {
    padding-left: 15px;
	}
	.about-together h1 {
    	width: 100%;
 	}
 	.order-message-block #order-message{
	padding-top:15px;
	}
	.md-top-space {
		padding-top:30px;
	}
	#order-select li.pricing-construction {
		padding-left:40px;
		padding-right:40px;
	}
	#order-select li.r3 {
		min-height:90px;
	}
	#order-select li.r3.tba {
		padding-top:30px;
	}
	.about.page-header .lead {
		width:55%;
	}
}

@media all and (max-width: 1000px) {
  .contact-page .rightcol {
    padding-top:40px;
	}
	.page-header {
    padding: 100px 0px;
	}
	.milestones .feature, .foursteps .feature {
    margin-bottom: 35px;
	}
	.order.page-header .lead {
    width: 50%;
	}
	.about.page-header .lead {
    width: 50%;
	}
	.order-message-block .outline-lightblue {
		margin-left:15px;
		margin-right:15px;
	}
	#about-background h2 {
   	line-height: 34px		
	}
	#about-background img {
		margin-top:60px;
	}
	.cta #cta-text {
		float:none;
		display:inline-block;
	}
	.cta h3{
		margin-top:-20px;
	}
	.backToTop{
  	height: 40px;
  	width: 40px;
  	font-size: 3em;

	}
	.backToTop i{
  	top: -3px;
  	left: -3px;
	}
	.order-message-block {
		margin-top:0px;
	}
	.staged-release .heading {
		width:100%;
	}
	.md-top-space-larger {
		padding-top:50px;
	}

}
@media only screen and (max-width:1024px) {

	.home.page-header {
	    padding: 120px 0px;
	}
	.order.page-header .lead {
    width: 65%;
	}
	.about.page-header .lead {
    width: 75%;
	}
	.articles.page-header .lead {
	   width: 65%;
	   text-align: center;	
	   margin: 0 auto;
	}	
	
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) /*and (orientation: portrait)*/ {
	
	.pricing-tables .no-pad-right {
 		padding-right:0px;
	}
	.pricing-tables .no-pad {
    	padding: 0px;
	}
	.pricing-tables .feature-list {
		margin-top:-2px;
	}
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) {

	.pricing-tables .col-md-4 {
		width:50%;
		float:left;
		padding:0px;
	}
	.pricing-tables .col-md-3 {
		width:25%;
		float:left;
	}
	.pricing-tables .col-md-offset-1 {
   	 margin-left: 0%;
	}
	#order-select .pricing-table li {
  	  min-height: 90px !important;
  	  padding:20px 0px;
	}
	#order-select li.r3.tba {
		padding-top:30px;
	}
	#order-select .pricing-construction span {
		font-size:14px;
		font-weight:400;
	}
	#order-select .pricing-table .tba, #order-select li.r3.tba, #order-select .pricing-table .na , #order-select .pricing-table .available {
		padding-top:30px;
	}
} 
@media only screen and (max-width:1000px) and (min-width:991px) {
	.building-confidence .col-md-offset-6 {
    margin-left: 46%;
	}
	.order-note  {
		padding-top:20px;
	}
	.staged-release .heading {
		width:33.3333333%;
	}

	.stage-onetwo {
		margin-left:0%;
	}

	#about-background img {
		margin-top:20px;
	}
	.contact-page .rightcol {
		padding-top:0px;
	}
	.pricing-tables .col-md-4 {
		width:50%;
		float:left;
		padding:0px;
	}
	.pricing-tables .col-md-3 {
		width:25%;
		float:left;
	}
	.pricing-tables .col-md-offset-1 {
   	 margin-left: 0%;
	}
	#order-select .pricing-table li {
  	  min-height: 90px;
  	  padding:20px 0px;
	}		

	#order-select li.r1.available, #order-select li.r2.available, #order-select li.r1.na, #order-select li.r2.tba, #order-select li.r3.tba,#order-select li.r4.tba,#order-select li.r5.tba,#order-select li.r4.na,#order-select li.r5.na {
    	padding-top: 30px;
	}
}

@media only screen and (max-width:992px) {
		#order-select li.r3 {
		min-height:66px;
	}
	#order-select li.r3.tba {
		padding-top:30px;
	}

}
@media only screen and (max-width:900px) {
	.articles.page-header .lead {
	   width: 80%;
	}	
	.order.page-header .lead {
	   width: 80%;
	}
}

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

	.sidebar-widget {
		padding-left:45px;
		padding-right:45px;
	}
	#about-background .md-top-space-larger h2 {
		width:80%;
	}
	#footer-logo, #footer-nav {
		text-align:center;
	}
	#footer-nav .sub {
		width:100%;
		margin-top:20px;
		margin-bottom:20px;
	}
	#footer-nav ul {
		width:80%;
		text-align:center;
	}
	.contact-page .rightcol {
	    padding-top: 40px;
	    background-color: #fff;
	    margin-top: 40px;
	    padding-bottom: 40px;
	}
	.benefits .row .container {
		display: flex;
		flex-direction: column;
	}
	.benefits .content {
		padding:0px 30px 60px 30px;*/
	}
	.benefits .no-pad-left {
		padding-left:0px;
	}
	#benefits1 {
		background-color:#f4f4f4;
    	order: 2;
    	padding-top:0px;
    	padding-bottom:30px;	
	}
	#benefits2 {
    	order: 1;
	}
	#benefits3 {
		order:4;
		background-color:#f4f4f4;
	}
	#benefits4 {
		order:3;
	}
	#benefits-mobile {
		display:block;
	}
	.benefits {
		display:none;
	}
	#benefits-mobile .build-heading  {
		padding-right:50%;
	}
	#benefits-mobile .blog-masonry-item p {
    margin-bottom: 32px;
    min-height: 290px;
	}
	
	.blog-masonry-item img {
    max-height: inherit;
	}
	.pricing-tables .col-md-4 {
		width:50%;
		float:left;
		padding:0px;
	}
	.pricing-tables .col-md-3 {
		width:25%;
		float:left;
	}
	.pricing-tables .col-md-offset-1 {
   	 margin-left: 0%;
	}
	.pricing-tables .no-pad {
 	   padding: 0px;
	}
	#order-select .pricing-table li {
		min-height:90px;
	}
	#order-select .pricing-table .tba, #order-select li.r3.tba, #order-select .pricing-table .na , #order-select .pricing-table .available {
		padding-top:30px;
	}
	.menu {
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}
	.menu li {
	    margin-bottom: 8px;
	    margin-right: 0px;
	    padding-bottom: 8px;
	    border-bottom: 1px solid #e0e0e0;
	}	
	.menu li a {
		font-size:14px;
		line-height:18px;
	}

	.has-dropdown:before {
		font-family: ElegantIcons;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		content: "\33";
		color: #777777;
		float: right;
		padding-right: 65	px;
	}
	.has-dropdown:after {
		display:none;
	}
	.btn-nav {
		text-align:left;
		font-size:14px;
		line-height:18px;
		margin-bottom:20px;
		margin-top:5px;
		float:none;
	}
	.nav-menu div:nth-child(2) {
		text-align:left;
	}
	.nav-menu div:nth-child(3) {
		text-align:left;
	}
	.nav-menu .btn-grey {
		border:1px solid #e0e0e0;
	}
	.sub-nav {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.sub-nav .text-left
		{
		padding-left:0px;
		padding-right:0px;
		text-align:center !important;
	}
	.subnav li {
		text-align:center;
		padding-left:0px;
		padding-right:0px;
	}
	.subnav li a {
		text-align:center;
		padding-left:0px;
		padding-top:6px;
		margin-top:6px;
		padding-bottom:6px;
		margin-bottom:6px;
	}
/*	.nav-menu {
		display: flex;
		flex-direction: column;
	}
*/	
	.nav-menu .col-md-1 {
    	text-align:center !important;
    	float:none;
	}
	.nav-menu .col-md-3 {
    	float:none;
    	text-align:center;
	}
	.nav-menu .col-md-8 {
		text-align:center !important;
	}
	.open-nav {
		    box-shadow: rgba(50,50,50,.6) 4px 4px 4px;
	}	
	
}

@media only screen and (max-width:676px) {
	#order-select-mobile,#order-select-mobile-carousel {
		display:block;
	}
	#order-select {
		display:none;
	}

	.menu {
		padding-left:0px;
		padding-right:0px;
		width:100%;
	}
	.menu li {
	    margin-bottom: 8px;
	    margin-right: 0px;
	    padding-bottom: 8px;
	    border-bottom: 1px solid #e0e0e0;
	}	
	.menu li a {
		font-size:14px;
		line-height:18px;
	}

	.has-dropdown:before {
		font-family: ElegantIcons;
		speak: none;
		font-style: normal;
		font-weight: 400;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		content: "\33";
		color: #777777;
		float: right;
		padding-right: 65	px;
	}
	.has-dropdown:after {
		display:none;
	}
	.btn-nav {
		text-align:left;
		font-size:14px;
		line-height:18px;
		margin-bottom:20px;
		margin-top:5px;
		float:none;
	}
	.nav-menu div:nth-child(2) {
		text-align:left;
	}
	.nav-menu div:nth-child(3) {
		text-align:left;
	}
	.nav-menu .btn-grey {
		border:1px solid #e0e0e0;
	}
	.sub-nav {
		padding-left:0px !important;
		padding-right:0px !important;
	}
	.sub-nav .text-left
		{
		padding-left:0px;
		padding-right:0px;
		text-align:center !important;
	}
	.subnav li {
		text-align:center;
		padding-left:0px;
		padding-right:0px;
	}
	.subnav li a {
		text-align:center;
		padding-left:0px;
		padding-top:6px;
		margin-top:6px;
		padding-bottom:6px;
		margin-bottom:6px;
	}
/*	.nav-menu {
		display: flex;
		flex-direction: column;
	}
*/	
	.nav-menu .col-md-1 {
    	text-align:center !important;
    	float:none;
	}
	.nav-menu .col-md-3 {
    	float:none;
    	text-align:center;
	}
	.nav-menu .col-md-8 {
		text-align:center !important;
	}
	.open-nav {
		    box-shadow: rgba(50,50,50,.6) 4px 4px 4px;
	}
	#benefits-mobile .blog-masonry-item p {
    margin-bottom: 32px;
    min-height: auto;
	}
	.order-note {
	    padding-top: 40px;
	    padding-left: 15px;
	    padding-right: 15px;
	}

}

@media only screen and (max-width:640px) {
	.page-header {
	    padding: 50px 0px;
	}
	p.lead {
		font-size: 16px;
    line-height: 24px;
	}

/** Home page **/
	.home.page-header h1 {
   	 font-weight: 700;
   	 width: 60%;
   	 line-height:32px;
	}
	.home.page-header .lead {
	    width: 80%;
	    line-height:30px;
	}
	.confidence-1 p {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    color: #000;
	}
	.benefits .row .container {
		display: flex;
		flex-direction: column;
	}
	.benefits .content {
		padding:0px 30px 60px 30px;*/
	}
	.benefits .no-pad-left {
		padding-left:0px;
	}
	#benefits1 {
		background-color:#f4f4f4;
    	order: 1;
    	padding-top:0px;
    	padding-bottom:30px;	
	}
	#benefits2 {
    	order: 3;
    	display:none;
	}
	#benefits3 {
		order:2;
		background-color:#f4f4f4;
	}
	#benefits4 {
		order:4;
	}
	#back-working {
		background-image: url(../img/back-construction.jpg);
		
	}
	.milestones .text-center h1{
		padding-left:10%;
		padding-right:10%;
	}
	.milestones .feature {
     min-height:auto;
	}
	.milestones .space-top-medium {
		margin-top:0px !important;
	}

	.articles.page-header .lead {
		width:100%;
	}
	.news.page-header .lead {
    width: 80%;
	}
	.about.page-header .lead {
    width: 90%;
	}
	.text-center h1 {
	    font-weight: 700;
	    padding-left:5%;
	    padding-right:5%;
	    
	}
	.primary-features .feature {
    min-height: auto;
	} 
	.blog-snippet-2 li .icon {
    width: 10%;
	}
	.blog-snippet-2 li .title {
    width: 90%;
	}
	.blog-snippet-2 .icon img {
			width:35%;
			height:35%;
	}

	/*** Order ****/
	.order.page-header h1 {
		padding-left:5%;
		padding-right:5%;
	}
	.order.page-header .lead {
    width: 80%;
	}
	/*** faq ***/
	
	.foursteps .feature {
    min-height: auto;
	} 

	.accordion .title span {
    width: 90%;
	}
	.accordion li.active .text {
    max-height: 1000px;
	}
	.accordion-section {
		padding-top:0px;
		padding-bottom:10px;
	}
	.accordion {
		margin-top:15px;
	}
	/** about **/
	.about.page-header .lead {
		line-height:30px;	
	}	    
	.staged-release {
		text-align:center;
	}
	.stage-release p {
		text-align: left;
	}
	#about-background {
		padding-top:32px;
	}
	#about-background h1 {
		text-align:center;
	}
	#about-background h2 {
    font-size: 24px;
    width: 100% !important;
	}
	#about-background .row{
		display: flex;
		flex-direction: column;
	}
	#about1 {
    	order: 2;
	}
	#about2 {
    	order: 1;
	}
	#about3 {
		order:3;
	}
	#about4 {
		order:4;
	}
	#about5 {
		order:6;
	}
	#about6 {
		order:5;
	}
	.md-top-space-larger {
    padding-top: 20px;
	}
	#about-background img {
   	margin-top: 0px;
	}
	.pure-text-centered h2 {
		width: 100%;
    padding-left: 15%;
    padding-right: 15%;
	}
	.pure-text-centered .lead {
		text-align:left;
	}
	#about2 .product-image {
		margin-top:-50px;
	}
	
	/** articles **/
	.articles.page-header .lead, .news.page-header .lead  {
		line-height:30px;	
	}	    
	.sidebar-widget {
	    padding-left: 15px;
	    padding-right: 15px;
	    margin-bottom:0px;
	}
	.blog-masonry h2 {
		line-height:36px;
	}
	.blog-masonry-item img {
    max-height: inherit;
}
	/** Contact ***/
	.contact-page {
		padding-bottom: 0px;
	}
	.contact.page-header .lead {
		line-height:30px;	
	}	    
	.contact-page .rightcol {
		padding-top: 40px;
		padding-bottom: 40px;
		margin-top: 40px;
		background-color:#fff;
		margin-bottom:0px;
	}	
	
	/*** footer ***/
	#footer-nav {
		display: flex;
		flex-direction: column;
		
	}
	#footer-nav ul {
		order:1;
	}
	#footer-nav .sub {
		order:2;
	}
	#footer-nav .copyright-subtext {
		order:3;
	}
	footer.short ul li {
    	float:none;
   }
   #footer-nav ul {
    width: 100%;
	}
	footer.short ul li:last-child {
    margin-right: 18px;
	}
	.footer-container .logo {
    margin-left: 0px; 
	}
	
}

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

	p.lead {
		font-size: 16px;
    line-height: 24px;

	}
	.staged-release p{
		text-align:left;
	}
	.benefits {
		display:none;
	}
	#benefits-mobile {
		display:block;
	}
	#benefits-mobile .blog-masonry-item p {
	    margin-bottom: 32px;
	    min-height: auto;
	}
	
	.home.page-header .background-image-holder {
		width:110%;
	}
	.home.page-header {
	    padding: 90px 0px;
	}	
	.confidence h1 {
		margin-bottom:0px;
	}
	.how-works {
		padding-top:32px;
	}

	.order.page-header h1 {
	    padding-left: 10%;
	    padding-right: 10%;
	}
	.order.page-header .lead {
	    width: 100%;
	    line-height:30px;
	}
	.order-note {
	    padding-left: 15px;
	    padding-right: 15px;
	    text-align: left;
	}	
	.blog-masonry h2 {
	    line-height: 30px;
	}

	.about.page-header .lead {
	    width: 100%;
	}	
	.pure-text-centered h2 {
		padding-left:0px;
		padding-right:0px;
		text-align:left;
		line-height:32px;
	}
	.strip .cta .pull-left {
		padding-top:15px;
	}
	.home.page-header .lead {
	   /* width: 85%; */
	   width:70%;
	}
	.faq.page-header .lead {
	    width: 100%;
	    line-height:30px;
	}

	.home.page-header .background-image-holder {
		width:100%;
		background-position: 55% 0% !important;
	}
	.order.page-header .background-image-holder {
		width:100%;
		background-position: 30% 0% !important;
		
	}
	.about.page-header .background-image-holder {
		width:100%;
		background-position: 30% 0% !important;
		
	}
	.contact.page-header .background-image-holder {
		width:100%;
		background-position: 60% 0% !important;
		
	}

}

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

.btn-primary {
    padding: 14px 20px 13px 20px;

}
.btn {
	min-width:125px;
}