/* @override /wp-content/themes/ASK%20Recovery/style.css */

/* @override http://askrecovery.wpengine.com/wp-content/themes/ASK%20Recovery/style.css */


/*
Theme Name: ASK Recovery
Theme URI: /
Description: ASK Recovery main theme.
Version: 1.0
Author: Krystian Morgan
*/

@import "/wp-content/themes/ASK%20Recovery/css/superfish.css";
/*For use with dropdowns*/


/* @group Standard Styles */

body {
	margin: 0;
	padding: 0;
	background-color: #212221;
}

.centre-page {
	width: 1250px !important;
	margin: 0 auto;
	background-color: #ffffff;
	-moz-box-shadow: 0 1px 5px black;
	box-shadow: 0 1px 5px black;
	border-right: 1px solid #3e3e3e;
	border-left: 1px solid #3e3e3e;
}


@media only screen and (max-width: 1265px) {
.centre-page {
	width: 100% !important;
	border-right: none !important;
	border-left: none !important;
}
}

.page-wrap {
	width: 960px;
	margin: 0 auto;
/*These engage responsive layout in theme*/
	max-width: 100%;
	position: relative;
}

.wrap {
		width: 1171px;
		margin: 0 auto;
        position: relative;
}

.center {
	text-align: center;
}

hr {
	background-image: none;
	border-bottom: 2px dashed #c3c4c3;
	border-top: none;
	margin-bottom: 30px;
	margin-top: 5px;
}

hr.hr-mini {
	background-image: none;
	border-bottom: 2px dashed #dadada;
	margin-top: 20px;
	margin-bottom: 40px;
	width: 250px;
}


hr.minim {
	margin-bottom: 20px;.page-wrap {
	width: 960px;
	margin: 0 auto;
/*These engage responsive layout in theme*/
	max-width: 100%;
	position: relative;
}
	margin-top: 0px;
}

/*PAGE STYLING*/
#page-content p {
	margin-bottom: 20px;
}


ul.socialfont {
	padding-left: 0;
}

ul.socialfont li {
	float: left;
	list-style: none;
	margin-right: 10px;
}



/* @end */

/* @group Responsive Specific */

img {
	max-width: 100% !important;
	height: auto;
	/*max-width: auto !important;*/
	width: auto;
	position: relative;
}

img.aligncenter {
	text-align: center;
}

img.polaroid {
	color: #33b3e4;
	border: 5px solid #ffffff;
	-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.41);
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* @end */


/* @group Typography */

h1, h2, h3, h4, h5 {
	font-family: 'Aileron', sans-serif;
	margin-top: 0;
	color: #494a49;
	font-weight: 300;
	font-style: normal;
	margin-bottom: 16px;
}

h1 {
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 80px;
	line-height: 65px;
	text-shadow: 0 3px 2px rgba(0, 0, 0, 0.49);
}

h2 {
	font-weight: 300;
	font-size: 38px;
	margin-bottom: 10px;
	line-height: 45px;
}

.hblock {
	height: 8px;
	width: 140px;
	background-color: #7b7b7b;
	display: inline-block;
}
.site-green {
	background-color: #afd72c;
}
.site-blue {
	background-color: #93dcfb;
}
.site-yellow {
	background-color: #feeb1c;
}
.site-orange {
	background-color: #fe7d06;
}

p.indented {
	padding-left: 50px;
	font-size: 15px;
	text-align: left;
}


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

h2 {
	line-height: 100%;
}
}


h3 {
	font-weight: 900;
	font-size: 24px;
	text-transform: uppercase;
}

h4 {
	font-size: 21px;
	font-weight: 300;
	line-height: 28px;
}

h5 {
	font-size: 18px;
	font-weight: 300;
}

p {
	font: 15px/25px 'Aileron', sans-serif;
	font-weight: 300;
	color: #707070;
}

.bold {
	font-weight: 900;
}

p.centre {
	text-align: center;
}

.comfortaa {
	font-family: 'Comfortaa', 'Aileron', sans-serif;
}

h2.comfortaa {
	font-size: 60px;
	margin-bottom: 25px;
}

h3.comfortaa {
	font-size: 45px;
	margin-bottom: 25px;
	text-transform: none;
}

h1.centre {
	text-align: center;
}

h2.centre {
	text-align: center;
}

h3.centre {
	text-align: center;
}

h4.centre {
	text-align: center;
}

p.small {
	font-size: 13px;
	text-align: center;
	line-height: 22px;
	color: #787985;
}

p.feature-p {
	font: 24px/36px 'Aileron', sans-serif;
	color: #3a3a3a;
}

ul {
	font-family: 'Aileron', sans-serif;
	list-style: circle;
}

ol {
	font-family: 'Aileron', sans-serif;
}

ul.ticks {
	font-family: 'Aileron', sans-serif;
	list-style-image: url(/wp-content/themes/ASK%20Recovery/images/tick_icon.png);
}

ul.ticks li {
	font-size: 16px;
	line-height: 25px;
	color: #ffffff;
} 

ol.abc {
	font-family: 'Aileron', sans-serif;
	list-style: upper-alpha;
}

li {
	font: 15px/25px 'Aileron', sans-serif;
	font-weight: 300;
	color: #595959;
}

a {
	font-family: 'Aileron', sans-serif;
	font-weight: 700;
	transition: color 0.5s ease;
	color: #19a1d9;
	text-decoration: none;
}

a:hover {
	color: #bebebe;
}

.clear {
	clear: both;
}

.orange {
	color: #ea4d00;
}

.purple {
	color: #d22181;
}

.rounded {
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 1px solid #d2d2d2;
	position: relative;
}

::selection {color: #004858;background: #84deff;}
::-moz-selection {color: #004858;background: #84deff;}

/* @end */



/* @group Table Styles */

td. {
	font-family: 'Aileron', sans-serif;
}

tr {
	font: 14px 'Aileron', sans-serif;
}

#lightblue td {
	border-color: #1c7091 !important;
}

#lightblue tr {
	background: -webkit-linear-gradient(top, white 0%, #e1f1f7 100%) #eef7fa;
	background: -moz-linear-gradient(top, white 0%, #e1f1f7 100%) #eef7fa;
	background: -ms-linear-gradient(top, white 0%, #e1f1f7 100%) #eef7fa;
	background: linear-gradient(to bottom, white 0%, #e1f1f7 100%) #eef7fa;
}

#lightblue tr strong {
	color: #fb6105;
}

td.column-1 {
	border: 1px solid #333;
}

td.column-2 {
	width: 20%;
}

td.column-3 {

}

td.column-4 {
	border-right: none !important;
	
}

td.column-4 .button {
	float: left;
	margin-top: 12px;
	text-align: center !important;
	background-color: #65d5ff;
	color: #ffffff;
	transition: background-color  ease-out .2s;
	padding-right: 25px;
	padding-left: 25px;
}

td.column-4 .button:hover {
	background-color: #00b5f9;
}

td strong {
	color: #e96227;
	font-size: 15px;
}

p.price {
	float: left;
	margin: 0 5px 0 16px !important;
	font-size: 20px;
	color: #000000;
}

td {
	border-right: 1px solid #ededed !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	background-color: transparent !important;
	border-bottom: 1px solid #ededed !important;
}

/*Responsive Table*/
@media only screen and (max-width: 520px) {
	
	td {
		border: none !important;
	}
	
	tr {
		font: 14px 'Aileron', sans-serif;
		border: 2px solid #ededed !important;
	}
	
	td.column-1 {
		display: inline-block;
		width: 100%;
	}
	
	td.column-2 {
		display: inline-block;
		width: 100%;
	}

    td.column-3 {
		display: inline-block;
	    width: 100%;
	}
	
	td.column-4 {
		display: inline-block;
		width: 100%;	
	}
	
	 
  }

/* @end */



/* @group HEADER */

#mini-navigation {
	float: right;
	max-width: 100%;
	width: 750px;
}

li.minlibord a {
	border-right: 1px solid #b3b3b3;
	border-color: #585858;
}

ul.site_options li a {
	float: left;
	margin-right: 5px;
	transition: opacity 0.2s ease;
}

ul.site_options img {
	height: 18px;
	float: left;
}

li.fade-item {
	opacity: 1;
	/*transition: opacity 0.2s ease;*/
}

li.fade-item:hover {
	opacity: 0.75;
}

ul.site_options li.oglogo a img {
	height: 17px;
	margin-top: 5px;
	margin-left: 5px;
}

ul.site_options p {
	float: left;
	position: relative;
	top: -15px;
	left: 10px;
	font-size: 13px;
	color: #f1f1f1;
}

#mini-search {
	background: url(/wp-content/themes/ASK%20Recovery/images/searchicon.png) 200px 5px no-repeat #535353;
	color: #dcdcdc;
	margin-top: 0;
	margin-left: 10px;
	width: 180px;
	padding-left: 10px;
	border: none;
	height: 22px;
	position: relative;
	top: -1px;
	font-size: 9px;
	padding-right: 30px;
	float: left;
	margin-right: 15px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

::-webkit-input-placeholder {
   color: #949494;
}
:-moz-placeholder { /* Firefox 18- */
   color: #575757;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #575757;  
}
:-ms-input-placeholder {  
   color: #575757;  
}

#header-bar {
	height: 115px !important;
	position: fixed;
	width: inherit;
	transition: background-color ease 0.5s;
}

#header-bar.fixed {
	clear:both!important;
	z-index:999999999;
	background-color: white;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}

.small-nav-divide a {
	/*border-right: 1px solid #9dc2cf;*/
}

.small-nav-divide a:hover {
	color: #82979d;
}

li .nav-active {
	border: 1px solid #d85649;
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.small-nav-list li a img {
	margin-top: -4px;
	opacity: 0.5;
	transition: opacity  ease-out .3s;
}

.small-nav-list li a img:hover {
	opacity: 1;
}

.small-nav-list li {
	float: left;
	list-style: none;
	font-size: 12px;
}

.small-nav-list li a {
	font-weight: 300 !important;
	font-size: 16px;
	color: #8a8a8a;
	padding: 6px 15px;
	margin-right: 1px;
	margin-left: 1px;
}

.small-nav-list li a:hover {
	color: #457d90;
}

#header-bar h1 {
	transition: opacity  ease-out .5s;
	padding-top: 5px;
	float: left;
	height: 50px;
	margin-bottom: 0;
	padding-left: 10px;
}

#logo-main  {
	transition: opacity  ease-out .3s;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	transition: height ease-in-out .3s;
	height: 185px;
}

#logo-main.fixedlogo {
	height: 105px;
}

#small-nav {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 30px;
}

#logo-main:hover {
	opacity: 0.75;
}

#header-bar h1:hover {
	opacity: 0.75;
}

#header-bg {
	background: linear-gradient(to bottom, white 26.2%, #f9faf9 100%) center no-repeat #ffffff;
	background-size: cover;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	overflow: hidden;
	height: 900px;
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.11);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.11);
	margin-bottom: -20px;
}

.feature-text {
	text-align: center;
	margin: 0 auto;
	width: 500px;
	top: 200px;
	padding: 20px;
	position: relative !important;
}

.subhead {
	font-weight: 100;
	font-size: 65px;
	text-transform: none;
	text-shadow: none;
}


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

	.feature-text {
		text-align: left !important;
		width: 300px;
		right: 0 !important;
		left: 0 !important;
		top: 180px !important;
		padding: 20px;
		margin-left: 25px;
	}
	
	.home-maintext.feature-text p {
		margin: 0 auto !important;
	}
	
	.subhead {
		color: #ffffff !important;
		font-size: 55% !important;
	}
	
	.feature-text h1 {
		line-height: 50px !important;
		font-size: 60px;
	}
	
	.service-text {
		font-size: 60px !important;
		position: relative !important;
		top: 0 !important;
		margin-bottom: 10px;
	}
	
	#header-p-section {
		margin-top: 40px;
	}
	
	#curved-arrow {
		width: 250px;
		position: absolute;
		top: -10px !important;
	}
}

/*Responsive Header*/
@media only screen and (max-width: 810px) {
	
	.feature-text h1 {
		font-size: 10vw;
		line-height: 48px;
	}
	
	.subhead {
		font-size: 8vw;
	}

#header-bg {
	 	height: 780px !important;
}
	 
	 #homevideotext {
	 	top: 28px !important;
	 	width: 300px !important;
	 }
	 
	 #homevideotext h1 {
	 	font-size: 40px !important;
	 	line-height: 28px;
	 }
	 
	 #homevideotext p {
	 	font-size: 13px !important;
	 	line-height: 16px !important;
	 	margin-bottom: 0 !important;
	 }
	 
	 #homevideotext h1 span.headsmaller {
	 	font-size: 22px !important;
	 }
	 
	 hr#homehr {
	 	width: 240px !important;
	 	margin-bottom: 8px !important;
	 	margin-top: 8px !important;
	 }
	 
	 a.button.solid {
	 	font-size: 13px !important;
	 	padding: 5px 15px;
	 	margin-right: 2px;
	 }

a.button.faded {
	 	font-size: 13px !important;
	 		padding: 5px 15px;
	 	margin-right: 2px;
	 }
	 
	 .feature-text {
	 	text-align: center;
	 	margin: 0;
	 	right: 0;
	 	left: 0;
	 	padding: 20px 10px 30px !important;
	 	height: 225px !important;
	 }
	 
	 .feature-text h1 {
	 	font-size: 55px;
	 	line-height: 50px !important;
	 }
	 
	 .service-text {
	 	font-size: 55px !important;
	 	line-height: 55px !important;
	 	position: relative !important;
	 	top: -5px !important;
	 }
	 
	 #curved-arrow {
	 	display: none;
	 }
	 
	 #header-p-section {
	 	border-top: none !important;
	 	margin-left: 25px !important;
	 }
	 
	 .emergency-number {
	 	font-weight: 800 !important;
	 	margin: 25px auto !important;
	 	color: #01a5c4 !important;
	 	text-shadow: 0 1px 2px #ffffff !important;
	 	font-size: 34px;
	 }
	 
	 .emergency-box {
	 	position: relative !important;
	 	margin-top: 25px !important;
	 	width: auto !important;
	 	padding: 0 10px !important;
	 }
	 
	 .emergency-title {
	 	font-size: 17px !important;
	 	position: absolute !important;
	 	top: -30px !important;
	 	padding-left: 60px !important;
	 	left: 0 !important;
	 }
	 
	 .emergency-title img {
	 	height: 35px !important;
	 	width: 35px !important;
	 }
	 
	 
  }

#singlepage-title {
	background: url(/wp-content/themes/ASK%20Recovery/images/dot_pattern.png) 0 bottom repeat-x #fcfefd;
	padding-top: 100px;
	padding-bottom: 15px;
}

#singlepage-title h1 {
	font-size: 44px;
	color: #00637c;
	text-shadow: none;
	padding-left: 28px;
	margin-bottom: 10px;
	margin-top: 30px;
	text-transform: lowercase;
	background: -webkit-linear-gradient(#005064 0%, #007b9b 100%) #00637c !important;
	-webkit-background-clip: text !important;	
	-webkit-text-fill-color: transparent !important;
}

#next-previous-links {
	margin-bottom: 50px;
}

#singlepost-title {
	background: url(/wp-content/themes/ASK%20Recovery/images/dot_pattern.png) 0 bottom repeat-x #fcfefd;
	padding-top: 145px;
	padding-bottom: 15px;
}

#singlepost-title h1 {
	color: #0c8eaf;
	margin-bottom: 10px;
	text-shadow: none;
	padding-left: 28px;
	line-height: 45px;
	padding-right: 28px;
	background: -webkit-linear-gradient(#005064 0%, #007b9b 100%) #00637c !important;
	-webkit-background-clip: text !important;	
	-webkit-text-fill-color: transparent !important;
	text-transform: none;
	font-size: 35px;
}


@media only screen and (max-width: 767px) {
ul.post-categories {
	display: none;
}

}

ul.post-categories {
	position: absolute;
	right: 0;
	top: 0;
}

ul.post-categories li {
	float: left;
	margin-left: 20px;
	border-right: 1px solid #adc9d6;
	list-style: none;
	padding-right: 20px;
}

ul.post-categories li a {
	color: #6a768b;
}

ul.post-categories li a:hover {
	color: #009bc3;
}

span.cat-header {
	background: -webkit-linear-gradient(#00718f 0%, #08a1c6 100%) #a1ecfe !important;
	background: linear-gradient(#00718f 0%, #08a1c6 100%) #a1ecfe !important;
	-webkit-background-clip: text !important;	
	-webkit-text-fill-color: transparent !important;
}

a.backblog {
	color: #ffffff;
	padding: 12px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	border: 2px solid #ffffff;
	float: right;
}

a.backblog:hover {
	background-color: #ffffff;
	color: #ef5f1c;
}

#home-centre {
	margin: 0 auto;
}

img#header-offer {
	position: absolute;
	right: 310px;
	top: 42px;
	z-index: 1;
}

#homepage-feature {
	width: 600px;
	position: absolute;
	top: 72px;
	right: -40px;
}

#homepage-feature h1 {
	font: 52px 'Aileron', sans-serif;
	font-weight: 900;
	text-align: center;
	margin-bottom: 5px;
	color: #dfeef6;
	text-shadow: 0 2px 4px #32537e;
}

#homepage-feature h2 {
	font: 26px 'Aileron', sans-serif;
	font-weight: 900;
	text-transform: capitalize;
	text-align: center;+
	color: #cfedf5;
	text-shadow: 0 2px 4px #32537e;
	margin-bottom: 20px;
}

#feature-xtra {
	width: 325px;
	text-align: center;
	line-height: 26px;
	color: #def1f4;
	margin-left: 136px;
	margin-right: 126px;
	font-size: 14px;
}

#feature-xtra a {
	font-size: 16px;
	text-decoration: none;
}

#feature-xtra a:hover {
	text-decoration: underline;
	color: #caf0f9;
}


.cta-button {
	background: -webkit-linear-gradient(top, #b5e268 0.4%, #5ebd17 100%) #8acf40;
	background: -moz-linear-gradient(top, #b5e268 0.4%, #5ebd17 100%) #8acf40;
	background: -ms-linear-gradient(top, #b5e268 0.4%, #5ebd17 100%) #8acf40;
	background: linear-gradient(to bottom, #b5e268 0.4%, #5ebd17 100%) #8acf40;
	color: #ffffff;
	float: left;
	margin-bottom: 20px;
	padding: 10px 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 2px 2px #68bc0e;
}

.cta-button:hover {
	background: -webkit-linear-gradient(top, #99c84d 0%, #62931b 100%) #6bb522;
	background: -moz-linear-gradient(top, #99c84d 0%, #62931b 100%) #6bb522;
	background: -ms-linear-gradient(top, #99c84d 0%, #62931b 100%) #6bb522;
	background: linear-gradient(to bottom, #99c84d 0%, #62931b 100%) #6bb522;
}

.cta-button:active {
	-moz-box-shadow: inset 0 3px 10px #60932f;
	box-shadow: inset 0 3px 10px #60932f;
}

span.cta-one {
	font: 28px 'Source Sans Pro', sans-serif;
	font-weight: 600;
	float: left;
}

span.cta-two {
	font: 22px 'Source Sans Pro', sans-serif;
	float: left;
	text-align: center;
	position: relative;
	bottom: 2px;
}

#watchvideoimg {
	position: absolute;
	top: 125px;
	left: 0;
}

#offersticker {
	position: absolute;
	top: 20px;
	-ms-transform: rotate(8deg); /* IE 9 */
	    -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
	    transform: rotate(8deg);
	left: 475px;
}

#feature-area h2 {
	font-size: 80px;
	margin-top: 90px;
	color: #ffffff;
}

#feature-area {
	float: left;
	/*background-color: #de3636;*/
	height: 539px;
	position: relative;
	width: 715px;
}

#page-name {
	position: relative;
	width: 715px;
	float: left;
}

#page-name h2 {
	font-size: 80px;
	margin-top: 100px;
	color: #ffffff;
}

p#feature-desc {
	font: 24px/36px 'Aileron', sans-serif;
	font-weight: 100;
	color: #ffffff;
	margin-top: 25px;
	width: 580px;
	margin-left: 20px;
	letter-spacing: 1px;
}

#featured-header {
	width: 690px;
	background-color: #00d2ff;
	padding-bottom: 13px;
	padding-left: 25px;
	margin-top: 80px;
	transition: padding 0.5s ease;
}

#featured-header:hover {
	padding-left: 50px;
}


/*BASIC NAV STYLES*/
#navigation {
	font-size: 16px;
	float: right;
	margin-top: 15px;
}

#navigation ul {
	list-style: none;
}

/*Responsive Nav*/
@media only screen and (max-width: 910px) {
	
	 #navigation {
	 	display: none;
	 }
	 
	 #mobile-menu {
	 /*Engages small Menu*/
	 	/*display: block !important;*/
	 }
	 
	 #mini-navigation {
	 	display: none;
	 }
	 
	 #mini-header {
	 	display: none;
	 }
	 
  }
  
#navigation li a {
	color: #a1a1a1;
	text-decoration: none;
	font: 14px 'Aileron', arial, sans-serif;
	line-height: 14px;
	font-weight: 300;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: color 0.5s ease;
	padding: 8px 10px;
	border-right: 1px solid #7c7e7d;
	transition: color 0.2s ease-in-out !important;
	margin-top: 7px;
}

#navigation li a.fixedmenu {
	margin-top: 7px;
}

#navigation li a:hover {
	color: #ffffff;
} 

#navigation li.current-menu-item a {
	
	color: #ffffff;
}
#navigation li.current_page_item a  {
	color: #ffffff;
	/*border-bottom: 1px solid #19a1d9;*/
}

#mobile-menu {
	float: right;
	margin-right: 50px;
	height: 50px;
	display: none;
	width: 50px;
	margin-top: 15px;
}

.mobile-button  {
	background: url(/wp-content/themes/ASK%20Recovery/images/minimenu_img.png) 10px 15px no-repeat;
	padding-left: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	color: #656565;
}

#breadcrumbs{
    list-style:none;
    margin: 5px 0 20px;
    overflow:hidden;
	font-size: 12px;
	padding-left: 0;
	font-weight: 300;
}



#breadcrumbs li.item-current strong {
	font-weight: normal;
	font-style: normal;
	color: #7d7d7d;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
	font-size: 12px;
	margin-right: 5px;
}

#breadcrumbs li a {
	color: #1ea4dd;
	text-decoration: none;
	transition: color 0.2s ease;
	
}

#breadcrumbs li a:hover {
	color: #baa38f;
}
  
#breadcrumbs .separator{
    font-size: 12px;
    font-weight:100;
    color:#ccc;
}

.outline {
	border: 1px solid #eaebea;
	padding: 20px 25px 10px;
}

.outline hr {
	background-image: none;
	border-style: solid;
	border-bottom: 1px solid #e9eae9;
	margin-top: 5px;
	margin-bottom: 20px;
}

.outline p {
	font-size: 14px;
}

p.outlineheader {
	font-size: 24px;
	text-align: center;
	line-height: 32px;
	color: #393939;
	margin-bottom: 0;
}

.third {
	float: left;
	width: 33.33%;
}


/* @group Video Header */

.video-background {
	position: absolute;
	width: 100%;
	overflow: hidden;
	height: 660px !important;
}
.video-background video {
	background: #f9feff;
	width: 100%;
	border-bottom: 1px solid #d7e4ee;
	margin-top: 110px;
	position: absolute;
	overflow: hidden;
	z-index: 0;
}


/*Remove Video When Browser is too small*/
@media only screen and (max-width: 1150px) {
	
	.video-background {
		display: none;
	}
	.video-background video {
		display: none;
	} 
  }

/* @end */

/* @end */











/* @group HOMEPAGE */

#homevideotext {
	margin: 0 auto;
	text-align: center;
	width: 750px;
	position: relative;
	line-height: 50px;
	top: 140px;
}

#homevideotext h1 {
	font-size: 100px;
	font-weight: 900;
	color: #ffffff;
	margin-bottom: 0;
}

#homevideotext p {
	color: #ffffff;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 28px;
	line-height: 30px;
}

#homevideotext h1 span.headsmaller {
	font-size: 55px;
	font-weight: 300;
}


hr#homehr {
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: none;
	border-bottom: 1px solid #ffffff;
	width: 650px;
}

a.button.solid {
	background-color: #f44c00;
	color: #ffffff;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	border-style: solid;
	border-width: 2px;
	transition: all 0.3s ease 0s;
}

a.button.solid:hover {
	background-color: #00d2ff;
	border-color: #00d2ff;
}

a.button.faded {
	background-color: rgba(255, 255, 255, .4);
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 18px;
	border-style: solid;
	border-width: 2px;
}

a.button.faded:hover {
	background-color: #ffffff;
	color: #e96027;
	border-color: #ffffff;
}

#video-rollover {
	position: absolute;
	z-index: 1;
	top: 60px;
	left: 126px;
	width: 284px;
	height: 79px;
	padding-top: 110px;
	padding-bottom: 100px;
	padding-left: 172px;
	opacity: 0.35;
}

#video-rollover:hover {
	opacity: 0.75;
}

.rollover {
    display: block;
	padding: 10px 15px 15px;
	transition: all 0.6s ease 0s;
    overflow: hidden;
    opacity: 0;
    position: absolute;
	font-size: 15px;
    text-align: center;
    color: #444;
	background-color: #ffffff;
	top: 0;
	height: 97px;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.rollover:hover {
	opacity: 0.8;
	color: #2f2f2f;
}

#recent-posts-3  {
	list-style: none;
	color: #484948 !important;
}

#recent-posts-3 h3  {
	color: #484948 !important;
	font-size: 22px;
	font-weight: 300;
	text-transform: capitalize;
}

#recent-posts-3 span.post-date {
	font-size: 10px;
}

#recent-posts-3 ul {
	padding-left: 0px;
	list-style: none;
}

#recent-posts-3 li {
	line-height: 28px;
}

#twitter-sidebar {
	list-style: none !important;
}

#twitter-sidebar h3.widget-title {
	list-style: none !important;
}

#twitter-sidebar h3 {
	color: #484948;
	font-size: 22px;
	font-weight: 300;
	text-transform: capitalize;
	list-style: none !important;	
}

#tweetings {
	list-style: none !important;
}

/* @end */



/* @group BLOG */

#post-content {
	float: left;
	width: 75%;
}

.post-internal {
	width: auto;
	background-color: #ffffff;
	margin: 0 auto;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
}

h3.post-meta {
	font-size: 15px;
	color: #414141;
	font-weight: 300;
	width: 100%;
	float: left;
}

#post-content h2 a {
	text-decoration: none;
	color: #3a3a3a;
	line-height: 45px;
	font-weight: 300;
	font-size: 30px;
	width: 100%;
	display: inline-block;
	clear: none;
	border-bottom: 1px solid #e8e9e8;
	padding-bottom: 12px;
	margin-bottom: 10px;
}

#post-content h2 a:hover {
	text-decoration: none;
	color: #989898;
}


/* @group Sidebar */


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

#post-content {
	width: 100%;
	clear: both;
}

#sidebar {
	display: none;
}

}


#sidebar {
	/*background-color: #f7f7f7;*/
	float: left;
	width: 25%;
	font: 15px/25px 'Aileron', sans-serif;
	color: #494a49;
}

.sidebar-internal {
	background-color: #ffffff;
	width: 85%;
	margin: 0 auto;
	padding-top: 20px;
}


#sidebar ul {
	list-style: none;
	padding-right: 0;
	padding-left: 0;
}

#sidebar ul li {
	font-size: 15px;
}

#sidebar ul li a {
	font-weight: bold;
	text-decoration: none;
	color: #3a3a3a;
	line-height: 26px;
	font-size: 14px;
}

#sidebar ul li a:hover {
	color: #00d2ff;
}

#sidebar ul li h3 {
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #e9e9e9;
	padding-bottom: 10px;
	font-weight: 300;
}

#recent-comments-4 h3.widget-title {
	color: #eb7711;
}

#categories-301281753 h3.widget-title {
	color: #277aae;
}

#recent-posts-3 h3.widget-title {
	color: #6ac03f;
}

.widget-container {
	margin-bottom: 45px;
}

p.postmetadata {
	margin-top: 8px;
	margin-bottom: 80px;
}

span.custom-more {
	background-color: #3abaea;
	color: #ffffff;
	float: left;
	clear: both;
	margin-right: 25px;
	margin-top: 15px;
	transition: background-color 0.5s ease;
	margin-bottom: 15px;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	padding: 8px 45px;
	background-color: #f1f1f1;
	color: #3e3e3e;
	text-decoration: none;
	display: inline;
}

span.custom-more:hover {
	background-color: #008bc2;
	color: #ffffff;
}

a.prev-post {
background-color: #ffffff;
color: #008bc2;	clear: both;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: background-color 0.5s ease;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	padding: 8px 25px;
	text-decoration: none;
	display: inline;
	float: left;
	border: 1px solid #008bc2;
	font-size: 12px;
	max-width: 40%;
}

img.attachment-large.size-large.wp-post-image {
	width: 100%;
}

a.prev-post:hover {
	background-color: #008bc2;
	color: #ffffff;
	float: left;
}

a.next-post {
	background-color: #ffffff;
	color: #008bc2;
	margin-top: 15px;
	margin-bottom: 15px;
	transition: background-color 0.5s ease;
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;
	padding: 8px 25px;
	text-decoration: none;
	display: inline;
	float: right;
	border: 1px solid #008bc2;
	font-size: 12px;
	max-width: 40%;
}

a.next-post:hover {
	background-color: #008bc2;
	color: #ffffff;
	border-color: #008bc2;
}

/* @end */



/* @group IN-HOUSE Page */


#inhouse-feature {
	position: absolute;
	right: -50px;
	width: 720px;
	top: 55px;
}

#inhouse-feature h1 {
	font-size: 45px;
	line-height: 58px;
	color: #B22B40;
	
}

#inhouse-feature h1 span.bold {
	color: #ffffff;
		text-shadow: 0 2px 3px #9fb3a3;
	font-size: 70px;
}

#inhouse-feature hr {
	background-image: none;
	border-bottom: 2px solid #CBD4C6;
	margin-top: 0;
	margin-bottom: 0;
	border-color: #d7dfd3;
	width: 610px;
	float: left;
}


/*#inhouse-context {
	width: 300px;
	position: absolute;
	right: 0;
	margin-top: 10px;
}

#inhouse-context p {
	color: #ffffff;
}

#inhouse-context li {
	color: #903c2e;
}*/


/*Responsive In-House Header*/
@media only screen and (max-width: 810px) {
	
	#inhouse-feature {
		width: 300px;
		top: 20px;
		right: 5px;
	}
	
	#inhouse-feature h1 {
		font-size: 20px;
		line-height: 25px;
		margin-bottom: 5px;
	}
	
	#inhouse-feature h1 span.bold {
		font-size: 30px;
	}
	
	#inhouse-feature hr {
		width: 260px;
		float: left;
	}
	
	
	/*#inhouse-context {
		width: 140px;
		margin-top: 0;
	}
	
	#inhouse-context p {
		display: none;
	}
	
	#inhouse-context li {
		font-size: 14px;
	}*/
	  
  }



/* @end */

/* @group APPLIED INNOVATION Page */

#appliedinnovationfeature {
	position: relative;
}

#appliedinnovationfeature h1 {
	position: absolute;
	top: 365px;
	right: 0;
	font-size: 40px;
	font-weight: 900;
	color: #ffffff;
	line-height: 45px;
}


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

	
	
	#appliedinnovationfeature h1 {
		position: absolute;
		top: 20px;
		font-weight: 900;
		color: #ffffff;
		width: 150px;
		font-size: 25px;
		line-height: 28px;
		right: 10px;
		
	}
  }

/* @end */


/* @group SHORTCODES: Wide Banners */


.full-width-banner {
	position: relative;
	padding: 25px 0;
	margin-left: 0;
	overflow: hidden;
}

   /*Centre Everything for Mobile*/
@media only screen and (max-width: 767px) {
	.full-width-banner {
		text-align: center;
	}
	
	.internal-blue {
		height: auto !important;
	}
	
	.homestrap {
		height: 100% !important;
	}
	
	.homestrap p {
		margin-left: 0 !important;
		line-height: 28px;
		margin-top: 15px !important;
	}
	
	span.call-number {
		float: left;
		width: 100%;
	}
	
	.amenities li {
		/*font-size: 14px !important;
		padding-right: 5px !important;
		margin-right: 5px !important;*/
		width: auto !important;
		clear: both;
		padding: 0 !important;
		font-size: 16px !important;
	}
	
	li.rightborder {
		border-right: none !important;
		margin-right: 25px !important;
	}
	
	.arrow-up {
		left: 125px !important;
	}
  }
  


.full-width-banner {
	position: relative;
	padding: 25px 0;
	margin-left: 0;
	overflow: hidden;
}


.twentypercent {
	float: left;
	width: 20%;
	margin-bottom: 35px;
}

.twentypercent img {
	margin-bottom: -10px;
}

.twentypercent p {
	font-size: 16px;
	margin-right: 10px;
	margin-left: 10px;
}



@media only screen and (max-width: 767px) {
.twentypercent p {
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
	line-height: 17px;
}
}


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

.twentypercent {
	float: left;
	width: 100% !important;
	margin-bottom: 10px !important;
}

.twentypercent img {
	margin-bottom: -10px;
	float: left !important;
	width: 50px;
}

.twentypercent p {
	font-size: 14px !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	float: left !important;
}

}






.homestrap {
	background: -webkit-linear-gradient(top, #003961 84%, #005591 100%) #00497b;
	background: -moz-linear-gradient(top, #003961 84%, #005591 100%) #00497b;
	background: -ms-linear-gradient(top, #003961 84%, #005591 100%) #00497b;
	background: linear-gradient(to bottom, #003961 84%, #005591 100%) #00497b;
	height: 110px;
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
}

.internal-blue {
	background: -webkit-linear-gradient(top, #007bcf 0%, #008fef 100%) #0086df;
	background: -moz-linear-gradient(top, #007bcf 0%, #008fef 100%) #0086df;
	background: -ms-linear-gradient(top, #007bcf 0%, #008fef 100%) #0086df;
	background: linear-gradient(to bottom, #007bcf 0%, #008fef 100%) #0086df;
	height: 100px;
}

.internal-blue a {
	color: #ffffff;
}

.homestrap p {
	color: #b0dbfb;
	font-size: 24px;
	font-weight: 300 !important;
	margin-top: 38px;
	margin-left: 50px;
}

.four-colour-split {
	float: left;
	position: relative;
	width: 25%;
	height: 10px;
}

.amenities li {
	color: #b0dbfb;
	font-weight: 300 !important;
	float: left;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 12px;
	list-style: none;
	margin-top: 8px;
	font-size: 20px;
}

.amenities li img {
	position: relative;
	top: 5px;
	left: -10px;
}

#left-homestrap {
	width: 59%;
	display: inline-block;
	height: 100px;
	float: left;
	border-right: 1px solid #005ea0;
}

#right-homestrap {
	float: left;
	width: 40%;
	height: 100px;
	display: inline-block;
	border-left: 1px solid #30a4fe;
}

span.call-number {
	color: #ffffff !important;
	font-weight: 800;
}

li.rightborder {
	border-right: 2px solid #63b6f0;
	margin-right: 25px;
}

div.four-colour-split.greenbar {
	background: -webkit-linear-gradient(top, white 0%, #afd72c 0%, #8ec800 100%) #a0d108;
	background: -moz-linear-gradient(top, white 0%, #afd72c 0%, #8ec800 100%) #a0d108;
	background: -ms-linear-gradient(top, white 0%, #afd72c 0%, #8ec800 100%) #a0d108;
	background: linear-gradient(to bottom, white 0%, #afd72c 0%, #8ec800 100%) #a0d108;
}
div.four-colour-split.orangebar {
	background: -webkit-linear-gradient(top, white 0%, #f37400 0%, #f03c00 100%) #f25b00;
	background: -moz-linear-gradient(top, white 0%, #f37400 0%, #f03c00 100%) #f25b00;
	background: -ms-linear-gradient(top, white 0%, #f37400 0%, #f03c00 100%) #f25b00;
	background: linear-gradient(to bottom, white 0%, #f37400 0%, #f03c00 100%) #f25b00;
}
div.four-colour-split.yellowbar {
	background: -webkit-linear-gradient(top, white 0%, #fff541 0%, #fef400 100%) #fff523;
	background: -moz-linear-gradient(top, white 0%, #fff541 0%, #fef400 100%) #fff523;
	background: -ms-linear-gradient(top, white 0%, #fff541 0%, #fef400 100%) #fff523;
	background: linear-gradient(to bottom, white 0%, #fff541 0%, #fef400 100%) #fff523;
}
div.four-colour-split.bluebar {
	background: -webkit-linear-gradient(top, white 0%, #99ddfb 0%, #88d9f9 100%) #88d8fb;
	background: -moz-linear-gradient(top, white 0%, #99ddfb 0%, #88d9f9 100%) #88d8fb;
	background: -ms-linear-gradient(top, white 0%, #99ddfb 0%, #88d9f9 100%) #88d8fb;
	background: linear-gradient(to bottom, white 0%, #99ddfb 0%, #88d9f9 100%) #88d8fb;
}





.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #007bcf;
	position: absolute;
	left: 160px;
	top: -25px;
}

.diagonal {
	padding: 0 10px 100px;
	-webkit-backface-visibility: hidden;
    transform: skew(0deg, 3deg);
    -webkit-transform: skew(0deg, 3deg);
    -moz-transform:skew(0deg, 3deg);
    -o-transform:skew(0deg, 3deg);
    overflow: visible;
	margin-top: -5vw;
}
.diagonal > * {
    transform: skew(0deg, -3deg);
    -webkit-transform: skew(0deg, -3deg);
    -moz-transform:skew(0deg, -3deg);
    -o-transform:skew(0deg, -3deg);
}

.banner-div-top {
	width: 960px;
	height: 6px;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	display: block;
}

.banner-div-bottom {
	width: 960px;
	height: 6px;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	display: block;
	top: 5px;
}


/*Colour Options*/


.ban-blue {
	background-color: #ecfbff;
}
.ban-fusia {
	background-color: #faeff2;
}
.ban-fusia span.h-main, .ban-fusia a {
	color: #d4114d;
}
.ban-fusia a:hover {
	text-decoration: underline;
}
.ban-green {
	background-color: #e5f9f8;
}
.ban-green span.h-main, .ban-green a {
	color: #03d6ad;
}
.ban-green a:hover {
	text-decoration: underline;
}
.ban-yellow {
	background-color: #fff2e2;
}
.ban-yellow span.h-main, .ban-yellow a {
	color: #fe9900;
}
.ban-yellow a:hover {
	text-decoration: underline;
}
.ban-orange {
	background-color: #ffe8db;
}
.ban-orange span.h-main, .ban-orange a {
	color: #f45300;
}
.ban-orange a:hover {
	text-decoration: underline;
}
.ban-purple {
	background-color: #faf0fb;
}
.ban-purple span.h-main, .ban-purple a {
	color: #c875e4;
}
.ban-purple a:hover {
	text-decoration: underline;
}
.ban-red {
	background-color: #fdedec;
}
.ban-red span.h-main, .ban-red a {
	color: #e65344;
}
.ban-red a:hover {
	text-decoration: underline;
}
.ban-teal {
	background-color: #eafbfc;
}
.ban-teal span.h-main, .ban-teal a {
	color: #0cc6d1;
}
.ban-teal a:hover {
	text-decoration: underline;
}
.ban-grey {
	background-color: #f7f8f7;
}
.ban-black {
	background-color: #2d2e2d;
}
.ban-black span.h-sub, .ban-black h3, .ban-black h4, .ban-black h5 {
	color: #ffffff;
}
.ban-black a:hover {
	text-decoration: underline;
}
.ban-black p {
	color: #d6d6d6;
}





/*Image Banners*/

.ban-image {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover !important;
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}


/*Gradient Banners*/

.grad-blue {
	background: -webkit-linear-gradient(top, #587fbe 0%, #315998 100%) #1ea4dd;
	background: -moz-linear-gradient(top, #587fbe 0%, #315998 100%) #1ea4dd;
	background: -ms-linear-gradient(top, #587fbe 0%, #315998 100%) #1ea4dd;
	background: linear-gradient(to bottom, #587fbe 0%, #315998 100%) #1ea4dd;
}
.grad-blue h2, .grad-blue h3, .grad-blue p, .grad-blue p strong {
	color: #ffffff;
}
.grad-blue a {
	color: #94ddff;
}
.grad-blue a:hover {
	text-decoration: underline;
}
.grad-blue span.h-main, .grad-blue h4, .grad-blue h5 {
	color: #005778;
}

.grad-fusia {
	background: -webkit-linear-gradient(-75deg, #ed5f8d 0.1%, #d4114d 100%) #d4114d;
	background: -moz-linear-gradient(-75deg, #ed5f8d 0.1%, #d4114d 100%) #d4114d;
	background: -ms-linear-gradient(-75deg, #ed5f8d 0.1%, #d4114d 100%) #d4114d;
	background: linear-gradient(165deg, #ed5f8d 0.1%, #d4114d 100%) #d4114d;
}
.grad-fusia p {
	color: #fcd5e1 !important;
}
.grad-fusia h4, .grad-fusia h3, .grad-fusia h2, .grad-fusia a, .grad-fusia li, .grad-fusia p {
	color: #ffffff;
}
.grad-fusia a:hover {
	text-decoration: underline;
}
.grad-fusia .hr-mini {
	border-color: #ffffff;
}
.grad-fusia span.h-main {
	color: #670322;
}

.grad-green {
	background: -webkit-linear-gradient(-75deg, #24efcb 0.1%, #14c9a9 100%) #00d6ae;
	background: -moz-linear-gradient(-75deg, #24efcb 0.1%, #14c9a9 100%) #00d6ae;
	background: -ms-linear-gradient(-75deg, #24efcb 0.1%, #14c9a9 100%) #00d6ae;
	background: linear-gradient(165deg, #24efcb 0.1%, #14c9a9 100%) #00d6ae;
}
.grad-green p {
	color: #ddfaf4 !important;
}
.grad-green h4, .grad-green h3, .grad-green h2, .grad-green a, .grad-green li, .grad-green p {
	color: #ffffff;
}
.grad-green a:hover {
	text-decoration: underline;
}
.grad-green .hr-mini {
	border-color: #ffffff;
}
.grad-green span.h-main {
	color: #006552;
}

.grad-yellow {
	background: -webkit-linear-gradient(-75deg, #ffcc80 0.1%, #fe9900 100%) #ff9900;
	background: -moz-linear-gradient(-75deg, #ffcc80 0.1%, #fe9900 100%) #ff9900;
	background: -ms-linear-gradient(-75deg, #ffcc80 0.1%, #fe9900 100%) #ff9900;
	background: linear-gradient(165deg, #ffcc80 0.1%, #fe9900 100%) #ff9900;
}
.grad-yellow p {
	color: #9c5d00 !important;
}
.grad-yellow h4, .grad-yellow h3, .grad-yellow h2, .grad-yellow a, .grad-yellow li, .grad-yellow p {
	color: #ffffff;
}
.grad-yellow a:hover {
	text-decoration: underline;
}
.grad-yellow .hr-mini {
	border-color: #ffffff;
}
.grad-yellow span.h-main {
	color: #9e4b00;
}

.grad-orange {
	background: -webkit-linear-gradient(-75deg, #ff9537 0.4%, #f45300 100%) #f45400;
	background: -moz-linear-gradient(-75deg, #ff9537 0.4%, #f45300 100%) #f45400;
	background: -ms-linear-gradient(-75deg, #ff9537 0.4%, #f45300 100%) #f45400;
	background: linear-gradient(165deg, #ff9537 0.4%, #f45300 100%) #f45400;
}
.grad-orange p {
	color: #ffc8ab !important;
}
.grad-orange h4, .grad-orange h3, .grad-orange h2, .grad-orange a, .grad-orange li, .grad-orange p {
	color: #ffffff;
}
.grad-orange a:hover {
	text-decoration: underline;
}
.grad-orange .hr-mini {
	border-color: #ffffff;
}
.grad-orange span.h-main {
	color: #7e1d00;
}

.grad-purple {
	background: -webkit-linear-gradient(-75deg, #e2a7f4 0.4%, #c775e4 100%) #c875e4;
	background: -moz-linear-gradient(-75deg, #e2a7f4 0.4%, #c775e4 100%) #c875e4;
	background: -ms-linear-gradient(-75deg, #e2a7f4 0.4%, #c775e4 100%) #c875e4;
	background: linear-gradient(165deg, #e2a7f4 0.4%, #c775e4 100%) #c875e4;
}
.grad-purple p {
	color: #7e458f !important;
}
.grad-purple h4, .grad-purple h3, .grad-purple h2, .grad-purple a, .grad-purple li, .grad-purple p {
	color: #ffffff;
}
.grad-purple a:hover {
	text-decoration: underline;
}
.grad-purple .hr-mini {
	border-color: #ffffff;
}
.grad-purple span.h-main {
	color: #6c1987;
}

.grad-red {
	background: -webkit-linear-gradient(-75deg, #f78b83 0%, #e23220 100%) #e65344;
	background: -moz-linear-gradient(-75deg, #f78b83 0%, #e23220 100%) #e65344;
	background: -ms-linear-gradient(-75deg, #f78b83 0%, #e23220 100%) #e65344;
	background: linear-gradient(165deg, #f78b83 0%, #e23220 100%) #e65344;
}
.grad-red p {
	color: #912c21 !important;
}
.grad-red h4, .grad-red h3, .grad-red h2, .grad-red a, .grad-red li, .grad-red p {
	color: #ffffff;
}
.grad-red a:hover {
	text-decoration: underline;
}
.grad-red .hr-mini {
	border-color: #ffffff;
}
.grad-red span.h-main {
	color: #901003;
}

.grad-teal {
	background: -webkit-linear-gradient(-75deg, #a1e3ed 0%, #22b7ce 100%) #8fdeea;
	background: -moz-linear-gradient(-75deg, #a1e3ed 0%, #22b7ce 100%) #8fdeea;
	background: -ms-linear-gradient(-75deg, #a1e3ed 0%, #22b7ce 100%) #8fdeea;
	background: linear-gradient(165deg, #a1e3ed 0%, #22b7ce 100%) #8fdeea;
}
.grad-teal p {
	color: #3a7984 !important;
}
.grad-teal h4, .grad-teal h3, .grad-teal h2, .grad-teal a, .grad-teal li, .grad-teal p {
	color: #ffffff;
}
.grad-teal a:hover {
	text-decoration: underline;
}
.grad-teal .hr-mini {
	border-color: #ffffff;
}
.grad-teal span.h-main {
	color: #406e76;
}

.grad-grey {
	background: -webkit-linear-gradient(-75deg, #f8f8f8 0%, #c8c8c8 100%) #f7f8f7;
	background: -moz-linear-gradient(-75deg, #f8f8f8 0%, #c8c8c8 100%) #f7f8f7;
	background: -ms-linear-gradient(-75deg, #f8f8f8 0%, #c8c8c8 100%) #f7f8f7;
	background: linear-gradient(165deg, #f8f8f8 0%, #c8c8c8 100%) #f7f8f7;
}
.grad-grey p {
	color: #535353 !important;
}
.grad-grey h4, .grad-grey h3,  .grad-grey a, .grad-grey li, .grad-grey p {
	color: #3d3d3d;
}
.grad-grey a:hover {
	text-decoration: underline;
}
.grad-grey .hr-mini {
	border-color: #ffffff;
}
.grad-grey span.h-main {
	color: #0b9bd4;
}

.grad-black {
	background: -webkit-linear-gradient(-75deg, #515251 0%, #101010 100%) #292a29;
	background: -moz-linear-gradient(-75deg, #515251 0%, #101010 100%) #292a29;
	background: -ms-linear-gradient(-75deg, #515251 0%, #101010 100%) #292a29;
	background: linear-gradient(165deg, #515251 0%, #101010 100%) #292a29;
}
.grad-black p {
	color: #bcbcbc !important;
}
.grad-black h4, .grad-black h3, .grad-black h2, .grad-black a, .grad-black li, .grad-black p {
	color: #ffffff;
}
.grad-black a:hover {
	text-decoration: underline;
}
.grad-black .hr-mini {
	border-color: #ffffff;
}
.grad-black span.h-main {
	color: #0b9bd4;
}



/*CTA Banners*/



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

	.connect-border {
		height: 100%;
		position: relative;
		width: 100%;
		text-align: center;
		float: left;
		border-color: #cfcfcf;
		margin-bottom: 25px;
		padding-bottom: 20px;
	}
	.connect-border p {
		margin: 0 auto;
	}
	
	ul.connect-items {
		position: static !important;
		margin: 0 auto;
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		padding-left: 25px !important;
		display: inline-block;
		width: auto;
	}
	
	
	.full-width-banner.connectwithus {
		height: 175px !important;
	}
	
	h4.col-turquoise {
		text-align: center !important;
		float: none !important;
	}
	
	p.p-newsletter {
		float: none !important;
		text-align: center;
	}
	
	input.news-submit {
		display: block !important;
		width: 100% !important;
		margin-top: 10px;
	}
	
	input.news-input {
		display: block !important;
		width: 100% !important;
	}

	
}


@media only screen and (max-width: 767px) {
	.connect-border {
	border-right: none !important;
		border-bottom: 1px solid #d4d4d4;
	}
	.full-width-banner.connectwithus {
		height: auto !important;
	}
	
	.cta-text {
		text-align: center !important;
		border-right: none !important;
		width: 100% !important;
		margin-bottom: 15px;
	}
	
	.full-width-banner.primarycta .button {
		float: none !important;
		margin: 0 !important;
	}
	
	.connect-left {
		width: auto !important;
		float: none !important;
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
	
	.connect-right {
		width: auto !important;
		float: none !important;
		padding-right: 50px !important;
		padding-left: 50px !important;
	}
	
	.full-width-banner.connectwithus p {
		margin: 0 auto;
	}
	
}

.full-width-banner.primarycta {
	background: -webkit-linear-gradient(top, #f0f1f0 0%, #f2f3f2 100%) #f1f2f1;
	background: -moz-linear-gradient(top, #f0f1f0 0%, #f2f3f2 100%) #f1f2f1;
	background: -ms-linear-gradient(top, #f0f1f0 0%, #f2f3f2 100%) #f1f2f1;
	background: linear-gradient(to bottom, #f0f1f0 0%, #f2f3f2 100%) #f1f2f1;
	position: relative;
	top: -1px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.connect-left {
	width: 44%;
	float: left;
	padding-right: 20px;
	padding-left: 20px
}

.connect-right {
	width: 44%;
	float: left;
	padding-right: 20px;
	padding-left: 20px;
}


.cta-text {
	float: left;
	border-right: 1px solid #cecfce;
	padding-right: 35px;
	text-align: right;
	width: 50%;
	margin-top: 18px;
	margin-bottom: 18px;
}

.cta-text h3 {
	font-weight: 300;
	text-transform: none;
	font-size: 32px;
	color: #6a6b6a;
	margin-bottom: 0;
}

.cta-text p {
	margin-top: 1px;
	color: #737473;
	font-size: 16px;
	margin-bottom: 0 !important;
}

.full-width-banner.primarycta .button {
	float: left;
	margin-top: 25px;
	margin-left: 35px;
}

.full-width-banner.secondcta {
	background-color: #1fa6dd;
	margin-top: -1px;
	padding-top: 10px;
	padding-bottom: 20px;
	/*margin-bottom: 40px;*/
}

.full-width-banner.secondcta p {
	margin-top: 10px !important;
	color: #c6ebf9;
	margin-bottom: 2px !important;
	font-size: 16px;
}

h4.col-purple {
	color: #954770;
}

p.p-newsletter {
	float: left;
	margin-top: 0;
	font-size: 12px;
}

.connect-border {
	border-right: 1px solid #b8b9b8;
	height: 100%;
	position: relative;
}

h4.col-turquoise {
	color: #00778d;
	float: left;
	margin-right: 10px;
}

p.p-social {
	line-height: 18px;
	width: 200px;
	font-size: 12px;
}

ul.connect-items {
	width: 240px;
	position: absolute;
	top: 0;
	right: -10px;
}

ul.connect-items li {
	float: left;
	margin-right: 5px;
	position: relative;
	list-style: none;
	transition: opacity 0.2s ease;
}

ul.connect-items li:hover {
	opacity: 0.75;
}

ul.connect-items li a img {
	width: 50px;
	height: 50px;
}

input.news-input {
	border-right-width: 1px;
	border: 1px solid #b8b9b8;
	float: left;
	padding-left: 8px;
	padding-right: 8px;
	height: 32px;
	color: #a1a1a1;
	font-size: 12px;
	width: 65%;
}

input.news-submit {
	width: 20%;
	float: left;
	background-color: #01758a;
	color: #ffffff;
	height: 36px;
	border: none;
	font-size: 12px;
	margin-left: 8px;
}

.full-width-banner.connectwithus {
	height: 100px;
	background-color: #f5f6f5;
	padding-bottom: 38px;
}

.full-width-banner.connectwithus p {
	color: #858685;
	width: 180px;
}

.full-width-banner.immtrial {
	background: url(/wp-content/themes/ASK%20Recovery/images/trial_bg.jpg) center no-repeat #000000;
	height: 200px;
	padding-top: 25px;
	padding-bottom: 25px;
}

.imm-trial-logo {
	width: 250px;
	margin-top: 40px;
}

.full-width-banner.immtrial a.button {
	margin-top: 70px;
}

.imm-trial-orb {
	float: left;
	margin-right: 30px;
	width: 170px;
	margin-top: 15px;
}

.full-width-banner.immtrial p {
	color: #82cbd8;
	margin-top: 0;
}

.trial-left {
	float: left;
	width: 70%;
}

.trial-right {
	float: left;
	width: 30%;
}



@media only screen and (max-width: 830px) {
	
	.full-width-banner.immtrial {
		height: auto;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	
	.full-width-banner.immtrial p {
		color: #82cbd8;
		margin-top: 0;
		font-size: 12px;
	}
	
	.trial-left {
		float: none;
		width: auto;
		margin: 0 auto;
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.trial-right {
		float: none;
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	.imm-trial-logo {
			margin: 0 auto;
			padding-bottom: 20px;
		padding-left: 10px;
	}
	
	.imm-trial-orb {
			float: none;
			margin: 0 auto;
			width: 100px;
		}
		
	.full-width-banner.immtrial {
		text-align: center;
	}
	
	.full-width-banner.immtrial a.button {
			margin-top: 0px;
		}
			
  }
  
 


/*Pattern Banners*/
  
.pat-grid {
	background: url(/wp-content/themes/ASK%20Recovery/images/patterns/grid.png) repeat;
	border-bottom: 1px solid #e9eae9;
	border-top: 1px solid #e9eae9;
}
.pat-mosaic {
	background: url(/wp-content/themes/ASK%20Recovery/images/patterns/mosaic.png) repeat;
	border-bottom: 1px solid #f7f7f7;
	border-top: 1px solid #f7f7f7
}
.pat-dusty {
	background: url(/wp-content/themes/ASK%20Recovery/images/patterns/stardust.png) repeat;
}
.pat-dusty h2, .pat-dusty p strong {
	color: #ffffff;
}
.pat-dusty h3, .pat-dusty h4, .pat-dusty h5 {
	color: #33b3e4;
}
.pat-dusty p {
	color: #c0c0c0;
}





#lightblue.full-width-banner.programmes {
	height: 282px;
}


#lightblue.full-width-banner {
	background-color: #1fa5dd;
}

#yellow.full-width-banner {
	background-color: #fefce8;
}

#grey.full-width-banner {
	background-color: #f9faf9;
}

#orange.full-width-banner {
	background-color: #ff6a25;
}
#orange.full-width-banner p {
	color: #fed5c3;
}
#orange.full-width-banner h2 {
	color: #ffffff;
}
#orange a {
	color: #ffffff;
}
#orange a:hover {
	color: #a43400;
}
#orange ul.ticks {
	font-family: 'Aileron', sans-serif;
	list-style-image: url(/wp-content/themes/ASK%20Recovery/images/tick_white.png) !important;
}
#orange li {
	color: #ffffff;
}
#orange strong {
	color: #ffffff;
}
#orange.full-width-banner h3 {
	color: #ffffff;
}
#orange.full-width-banner h4 {
	color: #ffffff;
}

#green.full-width-banner {
	background-color: #9dce42;
}

#lightblue.full-width-banner p {
	color: #e0f0f7;
}
#lightblue.full-width-banner h4 {
	color: #ffffff;
}
#lightblue.full-width-banner h3 {
	color: #ffffff;
}
#lightblue.full-width-banner h2 {
	color: #ffffff;
}
#lightblue.full-width-banner li {
	color: #0e1315;
}
#lightblue a {
	color: #feffff;
}
#lightblue a:hover {
	color: #134457;
}
#lightblue strong {
	color: #ffffff;
}
#lightblue .hr-mini {
	border-color: #ffffff;
}



#dark.full-width-banner {
	background-color: #323232;
}
#dark.full-width-banner h2 {
	color: #ffffff;
}
#dark.full-width-banner h3 {
	color: #33b3e4;
}
#dark.full-width-banner h4 {
	color: #33b3e4;
}
#dark.full-width-banner p {
	color: #c0c0c0;
}
#dark p strong {
	color: #ffffff;
}

#dark.full-width-banner ul.ticks {
	font-family: 'Aileron', sans-serif;
	list-style-image: url(/wp-content/themes/ASK%20Recovery/images/tick_white.png) !important;
}

#dark.full-width-banner li {
	color: #ffffff;
}
#dark.full-width-banner hr.hr-mini {
	border-color: #ffffff;
}


.programmesbanner {
	position: absolute;
	left: -390px;
	overflow: hidden;
	top: -25px;
}



/*Responsive Banners*/
@media only screen and (max-width: 959px) {
	
	.programmesbanner {
		/*top: 20px;*/
		/*left: -600px;
		height: 407px;*/
		display: none;
	}
	
	#lightblue.full-width-banner.programmes {
		height: auto;
	}
	 
  }
@media only screen and (max-width: 767px) {
	
	.programmesbanner {
		display: none;
	}

	.full-width-banner.secondcta .button.outline-white {
		display: block;
		margin: 12px auto 0;
		width: 35%;
	}
}
  

.banner {
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 55px;
}

#black.banner {
	background-color: #000000;
	height: 338px;
}

.banner-text {
	width: 615px;
	top: 72px;
	position: absolute;
	right: 15px;
}

h2.gold {
	color: #f1d0a1;
	font-weight: 100;
	margin-bottom: 35px;
}

.banner-text p {
	font-size: 24px;
	font-weight: 100;
	color: #ffffff;
}

a.brown {
	color: #c07a58;
	position: relative;
	bottom: 20px;
	transition: color  ease-out .5s;
	font-weight: 100;
	font-style: normal;
}


a.brown:hover {
	color: #b7b7b7;
}

/* @end */

/* @group SHORTCODES: Testimonials */

ul.social  {
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
}

ul.social li {
	float: left;
	margin-right: 5px;
}

.quote-start {
	float: left;
	position: absolute;
	top: 6px;
	left: -5px;
}

.quote-end {
	margin-left: 10px;
}

.minitest {
	position: relative;
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 15px !important;
}

.minitestname {
	color: #00d0ff;
	font-size: 16px;
	margin-top: 0;
}

.minitestimg {
	width: 40px;
	margin-right: 10px;
	position: relative;
	top: 12px;
}

.minitestlink {
	position: relative;
	text-decoration: none;
	top: -10px;
	left: 20px;
}

.minitestlink:hover {
	text-decoration: underline;
}

.testimgleft {
	border-right: 2px solid #333;
	float: left;
	padding-right: 30px;
	border-color: #d4d5d4;
	margin-right: 30px;
}

.testimgright {
	border-left: 2px solid #333;
	float: right;
	padding-left: 30px;
	border-color: #d4d5d4;
	margin-left: 30px;
}

.testquotestart {
	width: 22px;
	position: relative;
	left: -6px;
	top: 6px;
	float: left;
}

p.testquote {
	font-size: 16px;
	line-height: 30px;
	font-style: italic;
	padding-left: 20px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 5px !important;
}

.testquoteend {
	margin-left: 10px;
	width: 22px;
}

p.testtitle {
	font-size: 12px;
	text-align: left;
	margin-top: 10px;
	padding-left: 20px;
}

span.testname {
	font-weight: bold;
	color: #36a6d1;
	font-size: 14px;
}

.testimonialimg {
	height: 100px;
	width: 100px;
}





/*Responsive Testimonials*/
@media only screen and (max-width: 767px) {
	
	.testimonialimg {
		clear: both;
		width: 50%;
		height:50%;
		margin: 0 120px;
	}
	
	.testimgleft {
		border: none;
		padding-right: 0;
	}
	
	
	.testimgright {
		border: none;
		padding-right: 0;
	}
	 
  }
  
  @media only screen and (max-width: 480px) {
  	
  	.testimonialimg {
  		clear: both;
  		width: 50%;
  		height:50%;
  		margin: 0 85px;
  	}
    }
    
    
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


    
  
  
  
/* @end */

/* @group SHORTCODES: Title Boxes */

.titlebox {
	border: 1px solid #efefef;
	background-color: #ffffff;
}

a.button.titleboxbttn  {
	margin-top: 20px;
	font-size: 16px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 6px 25px;
	border: none;
	margin-bottom: 25px;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.34);
	box-shadow: 0 1px rgba(255, 255, 255, 0.34);
	color: #ffffff;
}
a.button.titleboxbttn:hover {
	text-decoration: none;
}

a.button.titleboxbttn.button-blue {
	background: -webkit-linear-gradient(top, #027cae 0%, #0a98d1 100%) #068ac0;
	background: -moz-linear-gradient(top, #027cae 0%, #0a98d1 100%) #068ac0;
	background: -ms-linear-gradient(top, #027cae 0%, #0a98d1 100%) #068ac0;
	background: linear-gradient(to bottom, #027cae 0%, #0a98d1 100%) #068ac0;
}
a.button.titleboxbttn.button-blue:hover {
	background: -webkit-linear-gradient(top, #026b96 0%, #0986b8 100%) #027cae;
	background: -moz-linear-gradient(top, #026b96 0%, #0986b8 100%) #027cae;
	background: -ms-linear-gradient(top, #026b96 0%, #0986b8 100%) #027cae;
	background: linear-gradient(to bottom, #026b96 0%, #0986b8 100%) #027cae;
}

.titlebox h3 {
	margin: 30px 35px 10px;
	font-size: 30px;
	text-align: center;
	color: #0b9bd4;
	font-weight: 300;
	text-transform: capitalize;
}

.titlebox p {
	margin-left: 35px;
	margin-right: 35px;
	text-align: center;
	color: #a9a9a9;
}

p.titleboxsub {
	color: #505050;
	margin-top: 0;
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 10px !important;
	line-height: 28px;
	text-align: center;
	font-size: 24px;
}

.titleboximg {
	height: 225px;
	background-color: #f6f6f6;
	margin-bottom: 25px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	border-bottom: 1px solid #b2b2b2;
}



/*Colours*/

.grad-no p {
	color: #a9a9a9 !important;
}
.grad-yes h3 {
	color: #ffffff;
}

.titlebox.box-blue p.titleboxsub, .titlebox.box-fusia p.titleboxsub, .titlebox.box-green p.titleboxsub, .titlebox.box-yellow p.titleboxsub, .titlebox.box-orange p.titleboxsub, .titlebox.box-purple p.titleboxsub, .titlebox.box-red p.titleboxsub, .titlebox.box-teal p.titleboxsub, .titlebox.box-grey p.titleboxsub{
	color: #2c2c2c !important;
}


.titlebox.box-blue.grad-yes {
	background: -webkit-linear-gradient(top, #7ecceb 0%, #2facdd 100%) #51bae5;
	background: -moz-linear-gradient(top, #7ecceb 0%, #2facdd 100%) #51bae5;
	background: -ms-linear-gradient(top, #7ecceb 0%, #2facdd 100%) #51bae5;
	background: linear-gradient(to bottom, #7ecceb 0%, #2facdd 100%) #51bae5;
	border: 1px solid #74c4e5;
}
.titlebox.box-blue.grad-yes p {
	color: #cbeaf6;
}

.titlebox.box-fusia.grad-yes {
	background: -webkit-linear-gradient(top, #ec5e8c 0%, #dc2560 100%) #e33a71;
	background: -moz-linear-gradient(top, #ec5e8c 0%, #dc2560 100%) #e33a71;
	background: -ms-linear-gradient(top, #ec5e8c 0%, #dc2560 100%) #e33a71;
	background: linear-gradient(to bottom, #ec5e8c 0%, #dc2560 100%) #e33a71;
	border: 1px solid #e96f97;
}
a.button.titleboxbttn.button-fusia {
	background: -webkit-linear-gradient(top, #ad0d3b 0%, #d3114c 100%) #be0f43;
	background: -moz-linear-gradient(top, #ad0d3b 0%, #d3114c 100%) #be0f43;
	background: -ms-linear-gradient(top, #ad0d3b 0%, #d3114c 100%) #be0f43;
	background: linear-gradient(to bottom, #ad0d3b 0%, #d3114c 100%) #be0f43;
}
a.button.titleboxbttn.button-fusia:hover {
	background: -webkit-linear-gradient(top, #910b32 0%, #a70e3d 100%) #9c0c36;
	background: -moz-linear-gradient(top, #910b32 0%, #a70e3d 100%) #9c0c36;
	background: -ms-linear-gradient(top, #910b32 0%, #a70e3d 100%) #9c0c36;
	background: linear-gradient(to bottom, #910b32 0%, #a70e3d 100%) #9c0c36;
}
.titlebox.box-fusia.grad-yes p {
	color: #f2b5c9;
}
.titlebox.box-fusia.grad-no h3 {
	color: #d4114d;
}

.titlebox.box-green.grad-yes {
	background: -webkit-linear-gradient(top, #51ecd0 0%, #21debc 100%) #3ae4c8;
	background: -moz-linear-gradient(top, #51ecd0 0%, #21debc 100%) #3ae4c8;
	background: -ms-linear-gradient(top, #51ecd0 0%, #21debc 100%) #3ae4c8;
	background: linear-gradient(to bottom, #51ecd0 0%, #21debc 100%) #3ae4c8;
	border: 1px solid #80edd9;
}
a.button.titleboxbttn.button-green {
	background: -webkit-linear-gradient(top, #00a586 0%, #00d3ab 100%) #01bd99;
	background: -moz-linear-gradient(top, #00a586 0%, #00d3ab 100%) #01bd99;
	background: -ms-linear-gradient(top, #00a586 0%, #00d3ab 100%) #01bd99;
	background: linear-gradient(to bottom, #00a586 0%, #00d3ab 100%) #01bd99;
}
a.button.titleboxbttn.button-green:hover {
	background: -webkit-linear-gradient(top, #00846b 0%, #00b592 100%) #01987b;
	background: -moz-linear-gradient(top, #00846b 0%, #00b592 100%) #01987b;
	background: -ms-linear-gradient(top, #00846b 0%, #00b592 100%) #01987b;
	background: linear-gradient(to bottom, #00846b 0%, #00b592 100%) #01987b;
}
.titlebox.box-green.grad-yes p {
	color: #d0f6ef;
}
.titlebox.box-green.grad-no h3 {
	color: #03d6ad;
}

.titlebox.box-yellow.grad-yes {
	background: -webkit-linear-gradient(top, #fac168 0%, #ffa721 100%) #fdaf38;
	background: -moz-linear-gradient(top, #fac168 0%, #ffa721 100%) #fdaf38;
	background: -ms-linear-gradient(top, #fac168 0%, #ffa721 100%) #fdaf38;
	background: linear-gradient(to bottom, #fac168 0%, #ffa721 100%) #fdaf38;
	border: 1px solid #fccf8a;
}
a.button.titleboxbttn.button-yellow {
	background: -webkit-linear-gradient(top, #d78000 0%, #fe9900 100%) #e88b00;
	background: -moz-linear-gradient(top, #d78000 0%, #fe9900 100%) #e88b00;
	background: -ms-linear-gradient(top, #d78000 0%, #fe9900 100%) #e88b00;
	background: linear-gradient(to bottom, #d78000 0%, #fe9900 100%) #e88b00;
}
a.button.titleboxbttn.button-yellow:hover {
	background: -webkit-linear-gradient(top, #c25c00 0.2%, #f08a00 100%) #d17d00;
	background: -moz-linear-gradient(top, #c25c00 0.2%, #f08a00 100%) #d17d00;
	background: -ms-linear-gradient(top, #c25c00 0.2%, #f08a00 100%) #d17d00;
	background: linear-gradient(to bottom, #c25c00 0.2%, #f08a00 100%) #d17d00;
}
.titlebox.box-yellow.grad-yes p {
	color: #ffe9c9;
}
.titlebox.box-yellow.grad-no h3 {
	color: #fe9900;
}

.titlebox.box-orange.grad-yes {
	background: -webkit-linear-gradient(top, #fe9436 0%, #f6590d 100%) #f86d16;
	background: -moz-linear-gradient(top, #fe9436 0%, #f6590d 100%) #f86d16;
	background: -ms-linear-gradient(top, #fe9436 0%, #f6590d 100%) #f86d16;
	background: linear-gradient(to bottom, #fe9436 0%, #f6590d 100%) #f86d16;
	border: 1px solid #faa46d;
}
a.button.titleboxbttn.button-orange {
	background: -webkit-linear-gradient(top, #bb4306 0%, #f65b0e 100%) #d94f0a;
	background: -moz-linear-gradient(top, #bb4306 0%, #f65b0e 100%) #d94f0a;
	background: -ms-linear-gradient(top, #bb4306 0%, #f65b0e 100%) #d94f0a;
	background: linear-gradient(to bottom, #bb4306 0%, #f65b0e 100%) #d94f0a;
}
a.button.titleboxbttn.button-orange:hover {
	background: -webkit-linear-gradient(top, #aa3d05 0%, #e35108 100%) #c24608;
	background: -moz-linear-gradient(top, #aa3d05 0%, #e35108 100%) #c24608;
	background: -ms-linear-gradient(top, #aa3d05 0%, #e35108 100%) #c24608;
	background: linear-gradient(to bottom, #aa3d05 0%, #e35108 100%) #c24608;
}
.titlebox.box-orange.grad-yes p {
	color: #ffe3c8;
}
.titlebox.box-orange.grad-no h3 {
	color: #f45400;
}

.titlebox.box-purple.grad-yes {
	background: -webkit-linear-gradient(top, #dfa5f0 0%, #d086ea 100%) #d893ef;
	background: -moz-linear-gradient(top, #dfa5f0 0%, #d086ea 100%) #d893ef;
	background: -ms-linear-gradient(top, #dfa5f0 0%, #d086ea 100%) #d893ef;
	background: linear-gradient(to bottom, #dfa5f0 0%, #d086ea 100%) #d893ef;
	border: 1px solid #dda6f0;
	
}
.titlebox.box-purple.grad-yes p {
	color: #f0dbf8;
}
.titlebox.box-purple.grad-no h3 {
	color: #c875e4;
}

.titlebox.box-red.grad-yes {
	background: -webkit-linear-gradient(top, #f3857a 0%, #f64f40 100%) #f1766a;
	background: -moz-linear-gradient(top, #f3857a 0%, #f64f40 100%) #f1766a;
	background: -ms-linear-gradient(top, #f3857a 0%, #f64f40 100%) #f1766a;
	background: linear-gradient(to bottom, #f3857a 0%, #f64f40 100%) #f1766a;
	border: 1px solid #f2776b;
}
.titlebox.box-red.grad-yes p {
	color: #ffc7c7;
}
.titlebox.box-red.grad-no h3 {
	color: #e65344;
}

.titlebox.box-teal.grad-yes {
	background: -webkit-linear-gradient(top, #a0e3ec 0%, #22b7ce 100%) #4fc7d9;
	background: -moz-linear-gradient(top, #a0e3ec 0%, #22b7ce 100%) #4fc7d9;
	background: -ms-linear-gradient(top, #a0e3ec 0%, #22b7ce 100%) #4fc7d9;
	background: linear-gradient(to bottom, #a0e3ec 0%, #22b7ce 100%) #4fc7d9;
	border: 1px solid #8adbe7;
}
.titlebox.box-teal.grad-yes p {
	color: #d6f1f5;
}
.titlebox.box-teal.grad-no h3 {
	color: #0ec7d2;
}

.titlebox.box-grey.grad-yes {
	background: -webkit-linear-gradient(top, #f7f8f7 0%, #c7c8c7 100%) #dfe0df;
	background: -moz-linear-gradient(top, #f7f8f7 0%, #c7c8c7 100%) #dfe0df;
	background: -ms-linear-gradient(top, #f7f8f7 0%, #c7c8c7 100%) #dfe0df;
	background: linear-gradient(to bottom, #f7f8f7 0%, #c7c8c7 100%) #dfe0df;
	border: 1px solid #e6e6e6;
}
.titlebox.box-grey.grad-yes p {
	color: #7b7b7b;
}
.titlebox.box-grey.grad-no h3 {
	color: #bebfbe;
}

.titlebox.box-black.grad-yes {
	background: -webkit-linear-gradient(top, #505150 0%, #101110 100%) #303130;
	background: -moz-linear-gradient(top, #505150 0%, #101110 100%) #303130;
	background: -ms-linear-gradient(top, #505150 0%, #101110 100%) #303130;
	background: linear-gradient(to bottom, #505150 0%, #101110 100%) #303130;
	border: 1px solid #484848;
}
.titlebox.box-black.grad-yes p {
	color: #e5e5e5;
}
.titlebox.box-black.grad-no h3 {
	color: #474847;
}
.titlebox.box-black p.titleboxsub {
	color: #7a7a7a !important;
}

/* @end */

/* @group SHORTCODES: Buttons */


.button {
	-webkit-border-radius: 100px !important;
	-moz-border-radius: 100px !important;
	border-radius: 100px !important;
	padding: 6px 40px;
	background-color: #f1f1f1;
	color: #ffffff !important;
	text-decoration: none;
	display: inline-block;
	-moz-box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	box-shadow: 0 1px rgba(255, 255, 255, 0.29);
	opacity: 1;
}

.button:hover {
	background-color: #606060;
	color: #ffffff;
	text-decoration: none !important;
}

h3 a.button {
	font-weight: 900;
}


.button a {
	text-decoration: none !important;
	padding-right: 50px;
	padding-left: 50px;
	text-align: center;
	display: block;
}

.button.download {
	background: -webkit-linear-gradient(top, #f8842e 0%, #f26701 100%) #f57617;
	background: -moz-linear-gradient(top, #f8842e 0%, #f26701 100%) #f57617;
	background: -ms-linear-gradient(top, #f8842e 0%, #f26701 100%) #f57617;
	background: linear-gradient(to bottom, #f8842e 0%, #f26701 100%) #f57617;
	border-style: solid;
	border-width: 1.5px;
	font-weight: 300;
	font-size: 18px;
	margin-left: 50px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.button.download:hover {
	background: -webkit-linear-gradient(top, #e26000 0%, #f57f27 100%) #d15e08;
	background: -moz-linear-gradient(top, #e26000 0%, #f57f27 100%) #d15e08;
	background: -ms-linear-gradient(top, #e26000 0%, #f57f27 100%) #d15e08;
	background: linear-gradient(to bottom, #e26000 0%, #f57f27 100%) #d15e08;
}

.button.download img {
	position: relative;
	top: 5px;
	margin-left: 8px;
}

#grey a.button {
	background-color: #33b2e4;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 25px;
	color: #ffffff;
	text-decoration: none;
	transition: background-color  ease-out .3s;
}

#grey a.button:hover {
	background-color: #19799e;
}

#orange a.button {
	background-color: #ff6a25;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 25px;
	color: #ffffff;
	text-decoration: none;
	transition: background-color  ease-out .3s;
	border: 2px solid #ffffff;
}

#orange a.button:hover {
	background-color: #ffffff;
	color: #ff6a25;
}


#lightblue a.button {
	background-color: #207494;
	color: #ffffff;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 25px;
	text-decoration: none;
	transition: background-color  ease-out .3s;
	border: 2px none #ffffff;
}

#lightblue a.button:hover {
	background-color: #ffffff;
	color: #36a6d1;
}


#dark a.button {
	background-color: #535353;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 5px 25px;
	color: #ffffff;
	text-decoration: none;
	transition: background-color  ease-out .3s;
}
#dark a.button:hover {
	background-color: #33b2e4;
}

.button a h3 {
	text-decoration: none !important;
	margin-bottom: 0;
}

button.submit-green {
	border: 1px solid #3a8acf;
	text-shadow: 0 2px 3px #2570b1;
	font-size: 18px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	display: inline-block;
	padding: 10px 50px;
	text-align: center;
	display: block;
	text-decoration: none !important;
	margin-bottom: 0;
	color: #ffffff;
	background: -webkit-linear-gradient(top, #b3e165 0%, #5ebd17 100%) #87ce3c;
	background: -moz-linear-gradient(top, #b3e165 0%, #5ebd17 100%) #87ce3c;
	background: -ms-linear-gradient(top, #b3e165 0%, #5ebd17 100%) #87ce3c;
	background: linear-gradient(to bottom, #b3e165 0%, #5ebd17 100%) #87ce3c;
	border: 1px solid #56a718;
	text-shadow: 0 2px 3px #52a512;
}

button.submit-green:hover {
	background: -webkit-linear-gradient(top, #82cc37 0%, #499311 100%) #74c52c;
	background: -moz-linear-gradient(top, #82cc37 0%, #499311 100%) #74c52c;
	background: -ms-linear-gradient(top, #82cc37 0%, #499311 100%) #74c52c;
	background: linear-gradient(to bottom, #82cc37 0%, #499311 100%) #74c52c;
}

button.submit-blue {
	border: 1px solid #3a8acf;
	text-shadow: 0 2px 3px #2570b1;
	font-size: 18px;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 5px;
	display: inline-block;
	padding: 10px 50px;
	text-align: center;
	display: block;
	text-decoration: none !important;
	margin-bottom: 0;
	color: #ffffff;
	background: -webkit-linear-gradient(top, #6db7db 0%, #2571b1 100%) #4993c7;
	background: -moz-linear-gradient(top, #6db7db 0%, #2571b1 100%) #4993c7;
	background: -ms-linear-gradient(top, #6db7db 0%, #2571b1 100%) #4993c7;
	background: linear-gradient(to bottom, #6db7db 0%, #2571b1 100%) #4993c7;
}

button.submit-blue:hover {
	background: -webkit-linear-gradient(top, #4490c4 0%, #114a78 100%) #2b77b5;
	background: -moz-linear-gradient(top, #4490c4 0%, #114a78 100%) #2b77b5;
	background: -ms-linear-gradient(top, #4490c4 0%, #114a78 100%) #2b77b5;
	background: linear-gradient(to bottom, #4490c4 0%, #114a78 100%) #2b77b5;
}

.product-price {
	font: 22px 'Aileron', sans-serif;
	font-weight: 100;
}

form.shopify-buynow-form > input.button {
	width: 100%;
	height: 100%;
}

input.button {
	width: auto !important;
}


/*Colours*/

.button-blue {
	background: -webkit-linear-gradient(top, #0a56e6 0%, #5495fc 100%, #95bdfd 100%) #2d76f0;
	background: -moz-linear-gradient(top, #0a56e6 0%, #5495fc 100%, #95bdfd 100%) #2d76f0;
	background: -ms-linear-gradient(top, #0a56e6 0%, #5495fc 100%, #95bdfd 100%) #2d76f0;
	background: linear-gradient(to bottom, #0a56e6 0%, #5495fc 100%, #95bdfd 100%) #2d76f0;
	border: 1px solid #3a8acf;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-blue:hover {
	background: -webkit-linear-gradient(top, #0949c3 0%, #3d7aec 100%) #145ee8;
	background: -moz-linear-gradient(top, #0949c3 0%, #3d7aec 100%) #145ee8;
	background: -ms-linear-gradient(top, #0949c3 0%, #3d7aec 100%) #145ee8;
	background: linear-gradient(to bottom, #0949c3 0%, #3d7aec 100%) #145ee8;
}


.button-fusia {
	background: -webkit-linear-gradient(top, #d4204d 0%, #fe7c9d 100%) #d4114d;
	background: -moz-linear-gradient(top, #d4204d 0%, #fe7c9d 100%) #d4114d;
	background: -ms-linear-gradient(top, #d4204d 0%, #fe7c9d 100%) #d4114d;
	background: linear-gradient(to bottom, #d4204d 0%, #fe7c9d 100%) #d4114d;
	border: 1px solid #da4f72;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-fusia:hover {
	background: -webkit-linear-gradient(top, #c21139 0%, #dd2353 100%) #d5214f;
	background: -moz-linear-gradient(top, #c21139 0%, #dd2353 100%) #d5214f;
	background: -ms-linear-gradient(top, #c21139 0%, #dd2353 100%) #d5214f;
	background: linear-gradient(to bottom, #c21139 0%, #dd2353 100%) #d5214f;
}


.button-green {
	background: -webkit-linear-gradient(top, #00c18f 0.1%, #0ef0c5 100%) #00d6ae;
	background: -moz-linear-gradient(top, #00c18f 0.1%, #0ef0c5 100%) #00d6ae;
	background: -ms-linear-gradient(top, #00c18f 0.1%, #0ef0c5 100%) #00d6ae;
	background: linear-gradient(to bottom, #00c18f 0.1%, #0ef0c5 100%) #00d6ae;
	border: 1px solid #00cba5;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-green:hover {
	background: -webkit-linear-gradient(top, #00aa8a 0%, #00dbb2 100%) #00ab8b;
	background: -moz-linear-gradient(top, #00aa8a 0%, #00dbb2 100%) #00ab8b;
	background: -ms-linear-gradient(top, #00aa8a 0%, #00dbb2 100%) #00ab8b;
	background: linear-gradient(to bottom, #00aa8a 0%, #00dbb2 100%) #00ab8b;
}


.button-yellow {
	background: -webkit-linear-gradient(top, #ff7e03 0%, #ffa520 100%) #ff9900;
	background: -moz-linear-gradient(top, #ff7e03 0%, #ffa520 100%) #ff9900;
	background: -ms-linear-gradient(top, #ff7e03 0%, #ffa520 100%) #ff9900;
	background: linear-gradient(to bottom, #ff7e03 0%, #ffa520 100%) #ff9900;
	border: 1px solid #eb8610;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-yellow:hover {
	background: -webkit-linear-gradient(top, #e05c00 0%, #ee7200 100%) #d76a00;
	background: -moz-linear-gradient(top, #e05c00 0%, #ee7200 100%) #d76a00;
	background: -ms-linear-gradient(top, #e05c00 0%, #ee7200 100%) #d76a00;
	background: linear-gradient(to bottom, #e05c00 0%, #ee7200 100%) #d76a00;
}


.button-orange {
	background: -webkit-linear-gradient(top, #e52906 0%, #fb7557 100%) #f14723;
	background: -moz-linear-gradient(top, #e52906 0%, #fb7557 100%) #f14723;
	background: -ms-linear-gradient(top, #e52906 0%, #fb7557 100%) #f14723;
	background: linear-gradient(to bottom, #e52906 0%, #fb7557 100%) #f14723;
	border: 1px solid #ee4e2c;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-orange:hover {
	background: -webkit-linear-gradient(top, #bd2c0b 0%, #f64d26 100%) #e1330e;
	background: -moz-linear-gradient(top, #bd2c0b 0%, #f64d26 100%) #e1330e;
	background: -ms-linear-gradient(top, #bd2c0b 0%, #f64d26 100%) #e1330e;
	background: linear-gradient(to bottom, #bd2c0b 0%, #f64d26 100%) #e1330e;
}


.button-purple {
	background: -webkit-linear-gradient(top, #9c4db7 0%, #c573e1 100%) #c875e4;
	background: -moz-linear-gradient(top, #9c4db7 0%, #c573e1 100%) #c875e4;
	background: -ms-linear-gradient(top, #9c4db7 0%, #c573e1 100%) #c875e4;
	background: linear-gradient(to bottom, #9c4db7 0%, #c573e1 100%) #c875e4;
	border: 1px solid #b060cc;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-purple:hover {
	background: -webkit-linear-gradient(top, #7b3991 0%, #b44ed7 100%) #9744b3;
	background: -moz-linear-gradient(top, #7b3991 0%, #b44ed7 100%) #9744b3;
	background: -ms-linear-gradient(top, #7b3991 0%, #b44ed7 100%) #9744b3;
	background: linear-gradient(to bottom, #7b3991 0%, #b44ed7 100%) #9744b3;
}


.button-red {
	background: -webkit-linear-gradient(top, #ad1616 0%, #e24130 100%) #cd2b23;
	background: -moz-linear-gradient(top, #ad1616 0%, #e24130 100%) #cd2b23;
	background: -ms-linear-gradient(top, #ad1616 0%, #e24130 100%) #cd2b23;
	background: linear-gradient(to bottom, #ad1616 0%, #e24130 100%) #cd2b23;
	border: 1px solid #d23126;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-red:hover {
	background: -webkit-linear-gradient(top, #991515 0%, #c32e1e 100%) #a51616;
	background: -moz-linear-gradient(top, #991515 0%, #c32e1e 100%) #a51616;
	background: -ms-linear-gradient(top, #991515 0%, #c32e1e 100%) #a51616;
	background: linear-gradient(to bottom, #991515 0%, #c32e1e 100%) #a51616;
}


.button-teal {
	background: -webkit-linear-gradient(top, #147a89 0%, #2ab1c3 100%) #2493a3;
	background: -moz-linear-gradient(top, #147a89 0%, #2ab1c3 100%) #2493a3;
	background: -ms-linear-gradient(top, #147a89 0%, #2ab1c3 100%) #2493a3;
	background: linear-gradient(to bottom, #147a89 0%, #2ab1c3 100%) #2493a3;
	border: 1px solid #259dac;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-teal:hover {
	background: -webkit-linear-gradient(top, #0e616e 0%, #239aaa 100%) #1b727e;
	background: -moz-linear-gradient(top, #0e616e 0%, #239aaa 100%) #1b727e;
	background: -ms-linear-gradient(top, #0e616e 0%, #239aaa 100%) #1b727e;
	background: linear-gradient(to bottom, #0e616e 0%, #239aaa 100%) #1b727e;
}


.button-grey {
	background: -webkit-linear-gradient(top, #505050 0%, #737373 0%, #a7a7a7 100%) #7c7c7c;
	background: -moz-linear-gradient(top, #505050 0%, #737373 0%, #a7a7a7 100%) #7c7c7c;
	background: -ms-linear-gradient(top, #505050 0%, #737373 0%, #a7a7a7 100%) #7c7c7c;
	background: linear-gradient(to bottom, #505050 0%, #737373 0%, #a7a7a7 100%) #7c7c7c;
	border: 1px solid #9fa09f;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-grey:hover {
	background: -webkit-linear-gradient(top, #505050 0%, #616161 0%, #929292 99.9%) #676767;
	background: -moz-linear-gradient(top, #505050 0%, #616161 0%, #929292 99.9%) #676767;
	background: -ms-linear-gradient(top, #505050 0%, #616161 0%, #929292 99.9%) #676767;
	background: linear-gradient(to bottom, #505050 0%, #616161 0%, #929292 99.9%) #676767;
}


.button-black {
	background: -webkit-linear-gradient(top, #505050 0%, #333333 0%, #606160 100%) #494a49;
	background: -moz-linear-gradient(top, #505050 0%, #333333 0%, #606160 100%) #494a49;
	background: -ms-linear-gradient(top, #505050 0%, #333333 0%, #606160 100%) #494a49;
	background: linear-gradient(to bottom, #505050 0%, #333333 0%, #606160 100%) #494a49;
	border: 1px solid #515251;
	color: #ffffff;
	font-weight: 300;
	font-size: 20px;
	padding-top: 14px;
	padding-bottom: 14px;
}

.button-black:hover {
	background: -webkit-linear-gradient(top, #505050 0%, #111111 0%, #4b4b4b 100%) #363636;
	background: -moz-linear-gradient(top, #505050 0%, #111111 0%, #4b4b4b 100%) #363636;
	background: -ms-linear-gradient(top, #505050 0%, #111111 0%, #4b4b4b 100%) #363636;
	background: linear-gradient(to bottom, #505050 0%, #111111 0%, #4b4b4b 100%) #363636;
}

#button {
	float: left;
	display: block;
}

#button span {
	font: 24px 'Aileron', sans-serif;
	font-weight: 100;
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 18px;
	padding-left: 18px;
	float: left;
	letter-spacing: 1px;
}

#button img {
	margin-left: 15px;
	margin-right: 20px;
	padding-top: 11px;
}

#button.featured {
	background-color: #000000;
	border: 1px solid #ffffff;
	margin-top: 32px;
	margin-left: 20px;
	transition: opacity  ease-out .5s;
}

#button.featured:hover {
	opacity: 0.5;
}


.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

a.button.outline-white {
	background-color: transparent;
	color: #ffffff;
	border-style: solid;
	border-width: 2px;
	font-size: 16px;
	font-weight: 300;
	padding-right: 30px;
	padding-left: 30px;
	transition: border-color 0.3s ease;
	transition: background-color 0.3s ease;
	margin-right: 10px;
	margin-left: 10px;
	display: inline;
}

a.button.outline-white:hover {
	color: #1fa5dd !important;
	border-color: #edf7fb;
	background-color: #edf7fb;
}



/* @end */

/* @group SHORTCODES: Titles */

span.h-sub {
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 700;
}

span.h-main {
	font-size: 65px;
	text-transform: uppercase;
	font-weight: 700;
}

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

span.h-sub {
	font-size: 75%;
}

span.h-main {
	font-size: 100%;
}
}



/*Colour Options*/

.h-blue {
	color: #0b9bd4;
}
.h-fusia {
	color: #d31178;
}
.h-green {
	color: #00d6ae;
}
.h-yellow {
	color: #ff9900;
}
.h-orange {
	color: #f45500;
}
.h-purple {
	color: #c875e4;
}
.h-red {
	color: #e65343;
}
.h-teal {
	color: #0dc8d3;
}
.h-grey {
	color: #bfbfbf;
}
.h-black {
	color: #484948;
}



/*Default Banner Colours*/

#lightblue span.h-main {
	color: #005778;
}



/* @end */

/* @group SHORTCODES: Alert Banners */

@media only screen and (max-width: 767px) {
.alert_text {
	float: none;
	text-align: center;
	width: 100% !important;
}

.alert_circle {
	margin: 0 auto !important;
	float: none;
	border-right: none !important;
	width: 100% !important;
	padding: 0 !important;
}

.alert_text h4 {
	text-align: center !important;
}

h5.alert_time {
	float: none !important;
	display: inline-block;
}

.alert_text p {
	margin-top: 0;
}
}


.grid_6 .alert_circle, .grid_4 .alert_circle, .grid_3 .alert_circle {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
	border-right: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.grid_6 .alert_text, .grid_4 .alert_text, .grid_3 .alert_text {
	width: 100%;
	margin-right: 0;
	padding-right: 0;
	text-align: center !important;
	
}

.grid_6 .alert_text h4, .grid_4 .alert_text h4, .grid_3 .alert_text h4 {
	margin: 0 auto;
	width: auto;
	float: none;
}

.grid_6 .alert_time, .grid_4 .alert_time, .grid_3 .alert_time {
	text-align: center;
	margin: 10px auto;
	float: none;
	clear: both;
	display: inline-block;
}





.alert_banner {
	border: 1px solid #e1e2e1;
	padding: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #ffffff;
}

.alert_circle {
	margin-right: 20px;
	border-right: 1px solid #e3e4e3;
	float: left;
	height: 100px;
	width: 10%;
	padding-right: 30px;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position: center !important;
}

.alert-tag {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_tag.png) no-repeat;}
.alert-comments {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_comments.png) no-repeat;}
.alert-brain {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_brain.png) no-repeat;}
.alert-contact {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_contact.png) no-repeat;}
.alert-download {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_download.png) no-repeat;}
.alert-email {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_email.png) no-repeat;}
.alert-folder {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_folder.png) no-repeat;}
.alert-lightbulb {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_lightbulb.png) no-repeat;}
.alert-link {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_link.png) no-repeat;}
.alert-mindmap {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_mindmap.png) no-repeat;}
.alert-notes {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_notes.png) no-repeat;}
.alert-presentation {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_presentation.png) no-repeat;}
.alert-share {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_share.png) no-repeat;}
.alert-speedread {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_speedread.png) no-repeat;}
.alert-task {
	background: url(/wp-content/themes/ASK%20Recovery/images/alert/alert_task.png) no-repeat;}

.alert_text {
	float: left;
	width: 80%;
}

.alert_text h4 {
	float: left;
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 26px;
	margin-top: 4px;
}

.alert_text p {
	font-size: 13px;
	margin-bottom: 0 !important;
	margin-top: 10px;
	line-height: 18px;
	width: 100%;
	color: #888988;
	float: left;
}

h5.alert_time {
	float: left;
	font-size: 14px;
	background-color: #3785db;
	color: #ffffff;
	padding: 3px 15px;
	margin-bottom: 0;
	margin-top: 7px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}



/* @end */

/* @group SHORTCODES: Software Editions */

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

.full-width-banner.ban-editions {
	height: 235px !important;
}
.edition-section {
	height: 235px !important;
}
}

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

.full-width-banner.ban-editions {
	height: auto !important;
}
.edition-section {
	width: 100% !important;
	float: none;
	height: 235px !important;
}
}

.full-width-banner.ban-editions {
	height: 255px;
	padding: 0px;
	border-bottom: 1px solid #d0d0d0;
	clear: both;
	background-color: #434443;
}

.edition-section {
	float: left;
	height: 255px;
	position: relative;
	width: 33.3%;
}

.edition-section.homestud-ed {
	background: -webkit-linear-gradient(top, #70b204 0%, #72b41d 100%) #70b600;
	background: -moz-linear-gradient(top, #70b204 0%, #72b41d 100%) #70b600;
	background: -ms-linear-gradient(top, #70b204 0%, #72b41d 100%) #70b600;
	background: linear-gradient(to bottom, #70b204 0%, #72b41d 100%) #70b600;
}
.edition-section.ult-ed {
	background: -webkit-linear-gradient(top, #0075c9 0%, #0074c9 100%) #246cc8;
	background: -moz-linear-gradient(top, #0075c9 0%, #0074c9 100%) #246cc8;
	background: -ms-linear-gradient(top, #0075c9 0%, #0074c9 100%) #246cc8;
	background: linear-gradient(to bottom, #0075c9 0%, #0074c9 100%) #246cc8;
}
.edition-section.ultplus-ed {
	background: -webkit-linear-gradient(top, #07b2fb 0%, #0fb5fb 100%) #34aefc;
	background: -moz-linear-gradient(top, #07b2fb 0%, #0fb5fb 100%) #34aefc;
	background: -ms-linear-gradient(top, #07b2fb 0%, #0fb5fb 100%) #34aefc;
	background: linear-gradient(to bottom, #07b2fb 0%, #0fb5fb 100%) #34aefc;
}

.edition-mast {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-bottom: 12px;
	padding-top: 15px;
}
.edition-mast.mast-home {
	background: -webkit-linear-gradient(top, #96cc11 0%, #c3f34d 100%) #abde2d;
	background: -moz-linear-gradient(top, #96cc11 0%, #c3f34d 100%) #abde2d;
	background: -ms-linear-gradient(top, #96cc11 0%, #c3f34d 100%) #abde2d;
	background: linear-gradient(to bottom, #96cc11 0%, #c3f34d 100%) #abde2d;
	border-top: 2px solid #6baf00;
}
.edition-mast.mast-ult {
	background: -webkit-linear-gradient(top, #2b90db 0%, #53bdfd 100%) #3ea8ee;
	background: -moz-linear-gradient(top, #2b90db 0%, #53bdfd 100%) #3ea8ee;
	background: -ms-linear-gradient(top, #2b90db 0%, #53bdfd 100%) #3ea8ee;
	background: linear-gradient(to bottom, #2b90db 0%, #53bdfd 100%) #3ea8ee;
	border-top: 2px solid #0f64cd;
}
.edition-mast.mast-ultplus {
	background: -webkit-linear-gradient(top, #3fccfe 0%, #95e5fe 100%) #63d7ff;
	background: -moz-linear-gradient(top, #3fccfe 0%, #95e5fe 100%) #63d7ff;
	background: -ms-linear-gradient(top, #3fccfe 0%, #95e5fe 100%) #63d7ff;
	background: linear-gradient(to bottom, #3fccfe 0%, #95e5fe 100%) #63d7ff;
	border-top: 2px solid #35a5ee;
}

h3.comfortaa.imm-ed {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
	margin-bottom: -5px;
}

.imm-version {
	font-size: 25px !important;
	text-align: center;
	color: #ffffff;
	margin: 0 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
}

.ed-img {
	margin: 40px auto auto;
	display: block;
	transition: margin 0.3s ease;
}

.edition-section:hover .ed-img {
    margin: 8px auto auto;
    display: block;
}

.ed-green {
	color: #e0fba7;
}
.ed-blue {
	color: #d5f5fe;
}

/* @end */

/* @group Search Page */

.search-result-name a{
	color: #313131;
	text-decoration: none;
	font-weight: 300;
}

.post-results {
	margin-bottom: 80px;
}

/* @end */

/* @group FOOTER */


.site-footer {
	background: url(/wp-content/themes/ASK%20Recovery/images/footer_pattern.png) 0 bottom repeat-x #f5f6f5;
	padding-top: 25px;
}

h4.footer-title {
	text-transform: uppercase;
	color: #fffffe;
	font-size: 15px;
	margin-bottom: 20px;
}

.footer-title img {
	width: 25px;
	margin-right: 10px;
	position: relative;
	top: 8px;
}

.blog_list li {
	list-style: none;
	line-height: 18px;
	margin-bottom: 15px;
	font-size: 14px;
}


.footer_sitemap .footer-title img {
	top: 5px;
}

.footer_sitemap li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children {
	margin-bottom: 10px;
	margin-top: -6px;
	list-style: none;
	float: left;
	margin-right: 5%;
}


.footer_sitemap li.menu-item.menu-item-type-custom.menu-item-object-custom {
	position: relative;
	left: -20px;
}

.footer_sitemap li.menu-item.menu-item-type-custom.menu-item-object-custom a {
	font-weight: 300 !important;
	font-family: 'Aileron', sans-serif !important;
	color: #929392 !important;
}

.footer_sitemap li.menu-item.menu-item-type-custom.menu-item-object-custom a:hover {
	color: #ffffff !important;
}

.footer_sitemap li.menu-item.menu-item-type-custom.menu-item-object-custom {
	list-style: disc;
}


.blog_list li a {
	font-weight: 300 !important;
	font-family: 'Aileron', sans-serif !important;
	color: #929392 !important;
}

.blog_list li a:hover {
	color: #ffffff !important;
}

.blog_list {
	float: left;
	padding-top: 30px;
	padding-right: 5%;
	padding-left: 5%;
	width: 25%;
	overflow: hidden;
}

.footer_sitemap {
	float: left;
	width: 54%;
	padding-top: 30px;
	padding-right: 5%;
	padding-left: 5%;
	overflow: hidden;
}


@media only screen and (max-width: 959px) {
	
	.footer_sections {
		background: -webkit-linear-gradient(top, white 0%, black 100%) #333433;
		background: -moz-linear-gradient(top, white 0%, black 100%) #333433;
		background: -ms-linear-gradient(top, white 0%, black 100%) #333433;
		background: linear-gradient(to bottom, white 0%, black 100%) #333433;
	}
	
	.footer_sitemap {
		height: inherit;
		border: none;
		background: -webkit-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -moz-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -ms-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: linear-gradient(to bottom, #2d2e2d 0.2%, #393a39 100%) #303130;
		border-left: 1px solid #4d4d4d
	}
	
	.blog_list {
		height: inherit;
		border: none;
		background: none;
	}
	
	#copywrapper {
		clear: both;
	}
	
	#copyright {
		width: 75%;
		margin: 0 auto;
	}
	
	#copyright p {
		text-align: center !important;
	}
	
	#backtotop {
		margin-top: 15px;
		margin-right: 10px;
	}

}


@media only screen and (min-width: 959px) {
	
	.footer_sections {
		height: 300px;
	}
	
	.site-footer {
		
	}
	
	.blog_list {
		height: 270px;
		background: -webkit-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -moz-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -ms-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: linear-gradient(to bottom, #2d2e2d 0.2%, #393a39 100%) #303130;
		border-left: 1px solid #4d4d4d;
		border-right: 1px solid #4d4d4d;
	}
	
	.footer_sitemap {
		background: -webkit-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -moz-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -ms-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: linear-gradient(to bottom, #2d2e2d 0.2%, #393a39 100%) #303130;
		border-right: 1px solid #4d4d4d;
		height: 270px;
	}
}


@media only screen and (max-width: 480px) {
	
	.footer_sitemap {
		clear: both;
		width: auto;
		background: -webkit-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -moz-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: -ms-linear-gradient(top, #2d2e2d 0.2%, #393a39 100%) #303130;
		background: linear-gradient(to bottom, #2d2e2d 0.2%, #393a39 100%) #303130;
		padding-bottom: 15px;
		border-top: 1px solid #515151;
	}
	
	.blog_list {
		clear: both;
		width: auto;
		padding-bottom: 20px;
		margin-left: 10px;
	}
  }

.footer_sections {
	background: -webkit-linear-gradient(top, #343534 0%, #343534 100%) #343534;
	background: -moz-linear-gradient(top, #343534 0%, #343534 100%) #343534;
	background: -ms-linear-gradient(top, #343534 0%, #343534 100%) #343534;
	background: linear-gradient(to bottom, #343534 0%, #343534 100%) #343534;
}

#copyright {
	max-width: 100%;
}

#copyright a img:hover {
	opacity: 0.5;
}

.footer-menu {
	list-style: none;
	width: 70%;
} 

.footer-menu li a {
	font-family: 'Aileron', sans-serif;
	float: left;
	margin-right: 15px;
	color: #ffffff;
	transition: color 0.3s ease;
	text-decoration: none;
}

.footer-menu li a:hover {
	color: #9b9b9b;
} 

#menu-footer {
	list-style: none;
	padding-left: 0;
	width: 900px;
	line-height: 30px;
}

#menu-footer a {
	color: #d8d8d8;
	margin-right: 20px;
	text-decoration: none;
	font-weight: normal;
	font-size: 15px;
	float: left;
}

#menu-footer a:hover {
	text-decoration: underline;
}

#backtotop {
	transition: opacity 0.5s ease;
	opacity: 0.35;
	margin: 0 auto !important;
	width: 30px;
	display: block;
}

#backtotop:hover {
	opacity: 0.5;
}

#copyright p {
	color: #7f807f;
	float: left;
	font-size: 12px !important;
	margin-bottom: 50px;
	margin-top: 5px;
}

p#copy {
	font-size: 12px;
	width: 100%;
	text-align: center;
}

#copyright p a {
	color: #ffffff;
	transition: opacity 0.5s ease;
}

#copyright p a:hover
 {
	opacity: 0.5;
	margin: 0 auto;
}

/* @end */



/* @group Miscellaneous Styles */

/*Code Example - Shortcodes*/
 
.codeexample {
	background-color: #edf9fc;
	padding: 5px 15px;
	border-bottom-style: solid;
	border-bottom-color: #ef5f1c;
	color: #6f706f !important;
	font-family: 'Aileron', sans-serif;
	
}
.codeexample p {
	color: #6f706f !important;
}
.codeexample strong {
	color: #6f706f !important;
}

/* @end */