/*Other Styles not part of Materialize*/

/*Colours*/
.important-border{
	border-bottom: 2px solid #36B449;
}

.important-border-2{
	border-bottom: 2px solid #8EC63F;
}

.important-border-3{
	border-bottom: 2px solid #076739;
}

.tm-light-green{
	background-color: #8EC63F;
}

.tm-green{
	background-color: #36b449;
}

.tm-dark-green{
	background-color: #076739;
}

.tm-very-dark-green{
    background-color: #025028;
}

.tm-very-light-green{
	background-color: #a9df5d;
}
#74C142

.tm-grey{
	background-color: #3F4F5A;
}

.tm-dark-green-btn{
	background-color: #076739;
}

.tm-light-green-btn{
	background-color: #8EC63F;
}

.tm-green-btn{
	background-color: #36b449;
}

.tm-dark-green-btn:hover{
	background-color: #076739 !important;
}

.tm-light-green-btn:hover{
	background-color: #8EC63F !important;
}

.tm-green-btn:hover{
	background-color: #36b449 !important;
}

.tm-light-green-text{
	color: #8EC63F !important;
}
.tm-green-text{
	color: #36b449 !important;
}
.tm-dark-green-text{
	color: #076739 !important;
}

.medium-image{
    max-width: 200px !important;
}


.coillte-banner{
	background-image: url("/images/coillte-casestudy.jpg") !important;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.fsl-banner{
	background-image: url("/images/fsl-banner.png") !important;
	height: inherit;
	background-size: cover;
	background-position: center;
}

.silvador-banner{
	background-image: url("/images/silvador-casestudy.jpg") !important;
	height: inherit;
	background-size: cover;
	background-position: center;
}

.fc-banner{
	background-image: url("/images/fc-casestudy.jpg") !important;
	height: inherit;
	background-size: cover;
	background-position: center;
}

.fa-banner{
	background-image: url("/images/fa-casestudy.jpg") !important;
	height: inherit;
	background-size: cover;
	background-position: center;
}


.white-form{
	border-bottom-color: white !important;
}


.half-half-container{
	 height: 600px;
 }

.full-width-container{
	min-height: 600px;
	height: auto;
}

.full-width-container-image{
	height: 550px;
}


@media (max-width: 992px) {
	.half-half-container{
		height: auto;
	}
}

.underlined{
	border-bottom: 1px solid;
}

.carousel-height{
	min-height: 450px;
}

@media (max-width: 600px) {
	.carousel-height{
		min-height: 600px;
	}
}

.indicator-item{
	background-color: grey !important;
}
.indicator-item.active{
	background-color: lightgrey !important;
}

.tm-tablet-padding-3em{
	padding-top: 0;
	padding-bottom: 0;
}


@media (max-width: 992px) {
	.tm-tablet-padding-3em{
		padding-top: 3em;
		padding-bottom: 3em;
	}
}

.text-padding{
	padding-left: 25px;
	padding-right: 25px;
}

.icon-padding{
	padding-left: 5px;
	padding-right: 5px;
}




/*Navbar*/
figure{
	margin: 0 ;
	max-width: 100% ;
}

figure > img{
	max-width: 100% ;
}

img.alignnone{
	max-width: 100% ;
	height: auto ;
}

img.aligncenter{
	max-width: 100% ;
	height: auto ;
}

img.alignleft{
	max-width: 100% ;
	height: auto ;
}

img.alignright{
	max-width: 100% ;
	height: auto ;
}

img.size-full{
	max-width: 100% ;
	height: auto ;
}

@media only screen and (max-width: 992px) { .row.valign-wrapper { display: inherit; } }


div.entry-content > p{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.nav-wrapper .brand-logo img
{
	height: 64px;
	max-height: 100%;
}

@media only screen and (max-width: 600px) {
	.nav-wrapper .brand-logo img {
		height: 58px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 1100px) {
	nav ul a {
		padding: 0 8px;
	}
}
/*Background Video*/



/* Banner */
#content-area{
	margin-top: -20px !important;
}


#banner {
	/*background-color: #F8F8F8;*/
	/*background-image: url("../images/banner04.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;*/
	/*color: #F8F8F8;*/
	text-align: center;
	position: relative;
	height:auto;
	z-index: 0;
}

#banner:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(64, 72, 80, 0.25);
}

#banner .inner {
	display:none;
}

#banner .inner :last-child {
	margin-bottom: 0;
}

#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
	color: #ffffff;
}

#banner .button.alt {
	box-shadow: inset 0 0 0 1px rgba(144, 144, 144, 0.75);
	color: #ffffff !important;
}

#banner .button.alt:hover {
	background-color: rgba(144, 144, 144, 0.275);
}

#banner .button.alt:active {
	background-color: rgba(144, 144, 144, 0.4);
}

#banner .button.alt.icon:before {
	color: #c1c1c1;
}

#banner .button {
	min-width: 12em;
}

#banner h2 {
	font-size: 4.5em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	padding: 0;
}

ul.browser-default {
	padding-left: 30px;
	margin-top: 10px;
	margin-bottom: 15px;
}
ul.browser-default li {
	padding-bottom: 5px;
	list-style-type: initial;
}

#banner p {
}

#banner p a {
	color: #ffffff;
	text-decoration: none;
}

#banner p b {
	color: #ffffff;
	text-decoration: none;
}
/* Video */
/* close button*/
#closeVideo{
	display:none;
	position:absolute;
	font-size: 2em;
	color: lightgrey;
	top:20px;
	right:20px;
	text-decoration: none;
}
/*entire video area*/
#videoDiv {
	height:100%;
	position:relative;
	overflow: hidden;
}
/*preview video message*/
#videoMessage {
	position: absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
	height: 45%;
}
/*preview video*/
#videoPlayer{
	-webkit-filter:brightness(70%);
	position: relative;
	height: 46em;
}

/*when play button is pressed, this is visible*/
#fullVideo {
	display:none;
	position: relative;
	padding-bottom: 46.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
	overflow:hidden;
}

#fullVideo iframe {
	position: absolute;
	top: 0;
	left: 10%;
	width: 80%;
	height: 100%;
}

#video{
	margin-top:-100px;
}

#smallplay {
	list-style-type: none;
}

#pictureDiv{
	display:none;
}

/**/
.bottom-right-fixed{
    position: fixed;
	bottom: 20px;
	right: 20px;
}

.close-window-button{
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 10px 15px 15px 15px;
	cursor: pointer;
}

.tm-light-green:hover {
	background-color: #8EC63F !important;
}

.tm-dark-green:hover{
	background-color: #076739 !important;
}

/*Footer*/
.page-footer{
	background-color: white;
}


/*Margin -20 so theres no white space*/
.margin-fix
{
	margin-top: -20px !important;
}

.margin-add{
	margin-top: 20px;
}

.margined{
    padding: 30px 30px;
}

.margined-small{
	padding: 15px 15px;
}

.margin-bottom-20px{
    margin-bottom: 20px;
}

/*Make images fit with container*/
.fit-image{
	width:100%;
}

/*This stuff is to hide the updated dates etc on wordpress posts*/


.updated {
	display: none;
}

.entry-date {
	display: inherit;
}

.byline{
	display:none;
}

.entry-footer{
	display:none;
}

/*This is padding stuff*/
.padding-top-1em{
	padding-top: 1em;
}

.padding-top-bottom-1em{
	padding: 1em 0;
}

.padding-top-bottom-2em{
	padding: 2em 0;
}

.padding-top-bottom-3em{
	padding: 3em 0;
}

.padding-top-bottom-4em{
	padding: 4em 0;
}

.padding-top-bottom-5em{
	padding: 5em 0;
}

.padding-bottom-1em{
	padding: 0 0 1em 0;
}

.padding-bottom-2em{
	padding: 0 0 2em 0;
}

.padding-bottom-3em{
	padding: 0 0 3em 0;
}

.padding-bottom-4em{
	padding: 0 0 4em 0;
}

.padding-bottom-5em{
	padding: 0 0 5em 0;
}

.padding-bottom-10em{
	padding: 0 0 10em 0;
}

.tm-padding-left-5px{
 padding-left: 5px;
}

.margin-left-30px-on-med-and-above{
	margin-left: 30px !important;
}

@media only screen and (max-width: 600px) {
	.margin-left-30px-on-med-and-above {
		margin-left: 0 !important;
	}
}

.margin-top-10{
	margin-top: 10px;
}

.no-padding{
	padding: 0;
}

.spacing-margin{
    margin-bottom: 20px;
}
.spacing-margin-large{
    margin-bottom: 40px;
}
.spacing-margin-xlarge{
	margin-bottom: 80px;
}

.banner-height{
	height: 28em;
}

.pageheader{
	font-family: "Roboto", sans-serif;
	font-size: 6em;
	font-weight: 100;
}

.page-title{
	position: absolute;
	top: 40%;
	bottom: 0;
	left:0;
	right:0;
	margin: auto;
}

.index-title{
	height: 100%;
	padding-top: 140px;
}


.card-heading{
	position: absolute;
	top: 0;
	width: 100%;
	font-size: 4em;
	text-align: center;
}

.card-body{
	position: absolute;
	bottom: 0;
	left: 10%;
	width: 80%;
}

.slick-slide:focus{
	outline: none;
}

.slick-prev, .slick-arrow::before{
	color: grey !important;
}

.img-center{
	margin: 0 auto;
}

.close-button{
	position: absolute;
	top: 15px;
	right: 15px;
}

.clickable{
	cursor:	pointer;
}

.image-max-height{
	max-height: 10px !important;
}

.button-cls {
    margin-right: 10px;
    width: 100px;
    background: #1abc9c;
    border-bottom: #16a085 3px solid;
    border-left: #16a085 1px solid;
    border-right: #16a085 1px solid;
    border-radius: 6px;
    text-align: center;
    color: white;
    padding: 10px;
    float: left;
    font-size: 12px;
    font-weight: 800;
}

.button-cls:hover {
    opacity: 0.8;
}

.button-cls:active {
    width: 100px;
    background: #18B495;
    border-bottom: #16a085 1px solid;
    border-left: #16a085 1px solid;
    border-right: #16a085 1px solid;
    border-radius: 6px;
    text-align: center;
    color: white;
    padding: 10px;
    margin-top: 3px;
    float: left;
}

/*Pricing CSS*/

.price {
    list-style-type: none;
    border: 1px solid #36b449;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

/* Add shadows on hover */
.price:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

/* Pricing header */
.price .header {
    background-color: #111;
    color: white;
    font-size: 25px;
}

/* List items */
.price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center;
}

.price li:last-child {
    border-bottom: none;
    padding: 20px;
    text-align: center;
}


/* The "Sign Up" button */
.button {
    background-color: #36b449;
    border: none;
    color: white;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

.price-top-border{
    border-top: 1px solid #eee;
}

.column-margins{
    padding: 0 15px;
}

.collection .collection-item.active {
	background-color: #36b449 !important;
	color: white;
}


.no-margin-top{
	margin-top: 0 !important;
}

.no-margin-bot{
	margin-bottom: 0 !important;
}

.no-pad-right{
	padding-right: 0;
}
/*Hack to get around broken dropdown arrows on IE*/
/*nav ul a{*/
	/*display: inline-block;*/
/*}*/
/*/hack*/
.wider-container {
	margin: 0 auto;
	max-width: 1480px;
	width: 95%;
}

@media only screen and (min-width: 601px) {
	.wider-container {
		width: 90%;
	}
}

@media only screen and (min-width: 993px) {
	.wider-container {
		width: 80%;
	}
}

.wider-container .row {
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}


.horizontal-line:after {
	content:"";
	position: absolute;
	z-index: -50;
	top: calc(50% + 2px);
	bottom: 0;
	left: 0;
	right: 0;
	margin-right: 30px;
	border-top: 3px solid #8EC63F;
	/*transform: translate(-50%);*/
}
.horizontal-line-l:before {
	content:"";
	position: absolute;
	z-index: -50 !important;
	top: calc(50% + 2px);
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: 32%;
	margin-right: 50%;
	border-top: 3px solid #8EC63F;
}

.circle-l:before{
	background-color: #fff;
	border: 9px solid #8EC63F;
	border-radius: 50%;
	content: '';
	display: inline;
	height: 18px;
	left: -3px;
	position: absolute;
	top: calc(50% - 5px);
	width: 18px;
	z-index: 2;
}

.circle-r:after{
	background-color: #fff;
	border: 9px solid #8EC63F;
	border-radius: 50%;
	content: '';
	display: black;
	height: 18px;
	right: calc(50% - 9px);
	position: absolute;
	top: calc(50% - 5px);
	width: 18px;
	z-index: -2;
}

.animation-box-border{
	border: 3px solid #8EC63F;
}

.tm-float-right{
	float: right !important;
}

.animation-topper{
	line-height: 0;
	text-align: left;
	float: left;
}

@media only screen and (min-width: 601px) {
	.animation-topper {
		line-height: 0;
		text-align: left;
		float: left;
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 993px) {
	.animation-topper {
		line-height: 0;
		text-align: center;
		float: none;
	}
}

.center-line:after {
	content:"";
	position: absolute;
	z-index: -100;
	top: 0;
	bottom: 0;
	left: 13px;
	border-left: 3px solid #36b449;
	transform: translate(-50%);
}

@media only screen and (min-width: 601px) {
	.center-line:after {
		content:"";
		position: absolute;
		z-index: -100;
		top: 0;
		bottom: 0;
		left: 13x;
		border-left: 3px solid #36b449;
		transform: translate(-50%);
	}
}

@media only screen and (min-width: 993px) {
	.center-line:after {
		content:"";
		position: absolute;
		z-index: -100;
		top: 0;
		bottom: 0;
		left: calc(50% - 1px);
		border-left: 3px solid #36b449;
		transform: translate(-50%);
	}
}

.no-col-pad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.line-l{
	display: block;
	height: 1px;
	border: 0;
	border-top: 3px solid #8EC63F;
	margin: 1em 0;
	padding: 0;
}

.line-l:after{
	content: "";
	width: 18px;
	height: 18px;
	background: #8EC63F;
	border-radius: 9px;
	position: absolute;
	right: -8px;
	top: calc(50% - 10px);
}


.line-r{
	display: block;
	height: 1px;
	border: 0;
	border-top: 3px solid #8EC63F;
	margin-left: 10px;
	padding: 0;
}

.line-r:before{
	content: "";
	width: 18px;
	height: 18px;
	background: #8EC63F;
	border-radius: 9px;
	position: absolute;
	left: 5px;
	top: calc(50% - 10px);
}

@media only screen and (min-width: 993px) {
	.line-r{
		display: block;
		height: 1px;
		border: 0;
		border-top: 3px solid #8EC63F;
		margin: 1em 0;
		padding: 0;
	}

	.line-r:before{
		content: "";
		width: 18px;
		height: 18px;
		background: #8EC63F;
		border-radius: 9px;
		position: absolute;
		left: -10px;
		top: calc(50% - 10px);
	}
}

.case-study-container{
	height: auto;
}

@media only screen and (min-width: 993px) {
	.case-study-container{
		height: 460px;
	}
}

.left-carousel-button{
    padding-right: 35px;
    cursor: pointer;
}

.right-carousel-button{
    padding-left: 35px;
    cursor: pointer;
}

.select-wrapper > span{
	color: white !important;
}

.select-dropdown{
	border-bottom-color: white !important;
}

.s5ths,
.m5ths,
.l5ths,
.xl5ths {
	margin-left: auto;
	left: auto;
	right: auto;
}

.row .col.s5ths {
	width: 20%;
}

@media only screen and (min-width: 801px) {
	.row .col.m5ths {
		width: 20%;
	}
}

@media only screen and (min-width: 993px) {
	.row .col.l5ths {
		width: 20%;
	}
}

@media only screen and (min-width: 1201px) {
	.row .col.xl5ths {
		width: 20%;
	}
}