/* Custom Theme Styles */

@font-face {
	font-family: 'NeoSansStd-Black';
	src: url('../fonts/280536_0_0.eot');
	src: url('../fonts/280536_0_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/280536_0_0.woff') format('woff'),
	url('../fonts/280536_0_0.ttf') format('truetype'),
	url('../fonts/280536_0_0.svg#wf') format('svg');
	font-weight:normal;
}  
@font-face {
	font-family: 'NeoSansStd-Bold';
	src: url('../fonts/280536_1_0.eot');
	src: url('../fonts/280536_1_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/280536_1_0.woff') format('woff'),
	url('../fonts/280536_1_0.ttf') format('truetype'),
	url('../fonts/280536_1_0.svg#wf') format('svg');
	font-weight:normal;
}  
@font-face {
	font-family: 'NeoSansStd-Light';
	src: url('../fonts/280536_2_0.eot');
	src: url('../fonts/280536_2_0.eot?#iefix') format('embedded-opentype'),
	url('../fonts/280536_2_0.woff') format('woff'),
	url('../fonts/280536_2_0.ttf') format('truetype'),
	url('../fonts/280536_2_0.svg#wf') format('svg');
	font-weight:normal;
}


html{}
body{font-family: 'Work Sans', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

.bg-orange{
    background: #f15a29 !important;
}

/* Typography */
i[class*="icon"]{font-family:'catalyst';}
h1,h2,h3,h4,h5{font-family: 'NeoSansStd-Bold';color: #4d4d4f;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong{font-weight:400;}

h1{font-size: 3.2em;line-height: 1.05em;margin-bottom: 0.4em;}
h2{font-size: 2.25em;line-height: 1.25em;margin-top: 0px;}
h3{font-size: 1.75em;line-height: 1.25em;}
h4{font-size: 1.125em;line-height: 1.22em}
h5{font-size: 1em;line-height: 1.22em;}
p,li{color: #4d4d4f;line-height: 1.6em;font-size: 15px;}

@media screen and (max-width: 1024px){
    h1{font-size: 2.5em;line-height: 1.125em;}
    h2{font-size: 2em; line-height: 1.25em;}
    h3{font-size: 1.5em;line-height: 1.25em;}
    h4{font-size: 1.125em; line-height: 1.22em;}
  }
  @media screen and (max-width: 640px){
    body{line-height: 1.25em;}
    h1{font-size:2em;line-height:1.25em;}
    h2{font-size:1.625em;line-height:1.15em;}
    h3{font-size: 1.375em; line-height: 1.13em;}
    h4{font-size: 1.125em;line-height: 1.11em;}
    h5{line-height: 1.11em;}
    p,li{font-size:13px}
    blockquote{font-size: 1.25em; line-height: 1.25em;}
  }

/* Buttons */
a.button{background: #f15a29;font-family: 'NeoSansStd-Bold';padding: 16px 34px;text-transform: uppercase;letter-spacing: 1px;font-size: 15px;border-radius: 4px;}
.dark a.button{background:white;color: #f15a29;}
.dark.footer a.button{
    background: #f15a29;
    color: white;
}

@media screen and (max-width:600px){
	a.button{font-size: 13px;padding: 13px 28px;}
}

/* search */
.search-form{background: #e4ded9;}
.search-form input{font-family: 'Work Sans', sans-serif;color: #534f4b;}
.search-form small a{background: #f15a29;}

/* mobile nav */
.mobile-nav .icon-close{color: #f15a29;}
.mobile-nav li{font-family: 'work sans';}
.mobile-nav li a}{}
.mobile-nav li.current_page_item a, .mobile-nav li.current_page_parent a, .mobile-nav li.current_page_ancestor a{
    color: #ffffff;
}


/* Header */
	.sticky-wrapper{position: relative;z-index: 9000;}
	#header{padding: 13px 20px;background: white;}
	.logged-in .is-sticky #header{top: 32px !important;}
	#header a.main-logo{background-image: url(../img/catalyst_fuel.svg);width: 230px;height: 50px;top: 4px;}
	.header-inner nav li{font-size: 16px;font-family: 'NeoSansStd-Black';text-transform: uppercase;}
	#header nav li.current_page_item a, #header nav li.current_page_parent a, #header nav li.current_page_ancestor a{color: #f15a29 !important;}
	#header [class*="icon"]{color: #f15a29;font-size: 26px;padding: 17px;}
	#header a.button.login,#header a.button.register{font-size: 12px;padding: 12px 20px;float: right;margin: 11px 16px 0px 0px;}
	#header a.button.register{background: #534f4b;}
	
	@media screen and (max-width:1700px){
		.header-inner nav li{font-size: 12px;margin-right: 12px;}
	}
	@media screen and (min-width:1101px) and (max-width:1360px){
		.header-inner nav li{font-size: 10px;margin-right: 5px;}
		#header a.button.login, #header a.button.register{font-size: 11px;padding: 10px 14px;margin: 12px 4px 0px 0px;}
		#header a.main-logo{width: 190px;height: 42px;top: 9px;}
		#header [class*="icon"]{padding: 9px;font-size: 17px;margin: 10px 0px 0px 7px;}
	}
	@media screen and (max-width:1200px){
		.is-sticky #header,.logged-in .is-sticky #header{position: relative !Important;top: 0px !important;}
	}
	@media screen and (max-width:660px){
		#header{padding: 8px 2px 8px 7px;}
		#header [class*="icon"]{padding: 9px;font-size: 17px;}
		#header a.main-logo{width: 140px;height: 32px;}
		#header a.button.login, #header a.button.register{font-size: 11px;padding: 10px 14px;margin: 3px 4px 0px 0px;}
	}
	@media screen and (max-width:410px){
		#header a.main-logo{float: none;margin: 0 auto 12px;width: 160px;height: 36px;}
		#header a.button.login, #header a.button.register{float: left;font-size: 9px;padding: 9px 10px;margin: 8px 4px 0px 6px;}
		#header [class*="icon"]{position: relative;top: 4px;padding: 9px 14px;}
	}

/* intro */
	.home .intro p{}

	.intro .farmer-name a{} 
	@media screen and (max-width:649px){
		.intro .farmer-name{position: relative;color: white;left: 8%;display: inline-block;bottom: 30px;}
		.intro .farmer-name a{color:white;font-weight:400;text-decoration:underline;}
	}
	@media screen and (min-width:650px){
	.intro .farmer-name{color: #534f4b;position: absolute;font-size: 14px;bottom: 31px;right: 0px;background: #fff;font-family: 'NeoSansStd-Bold';padding: 17px 22px 17px 30px;border-radius: 100px 0px 0px 100px;}
	.intro .farmer-name a{font-size: 12px;margin-left: 13px;position: relative;border-radius: 4px;font-weight: 700;}
	}
	@media screen and (min-width:1024px){
		.intro p{font-size: 19px;max-width: 560px;font-weight: 300;}
	}



/* icon columns  / content rows */
	.large-icon{width: 170px;border: 7px solid #dedede;height: 170px;display: block;margin: auto;border-radius: 1000px;color: #f15a29;position: relative;text-align: center;}
	.large-icon span.icon-number{position: absolute;display: block;width: 50px;height: 50px;background: #f15a29;border-radius: 30px;color: white;top: -16px;font-family: 'NeoSansStd-Bold';font-weight: normal;font-size: 26px;line-height: 49px;left: -12px;}
	.large-icon i{font-size: 80px;line-height: 154px;}
	.icon-copy{margin: auto;max-width: 297px;}

	.large-numbers{width: 170px;border: 13px solid rgb(77, 77, 79);height: 170px;display: block;margin: auto;border-radius: 1000px;color: #f15a29;position: relative;text-align: center;back;/* background: rgba(255, 255, 255, 0.56); */}
	.large-numbers i[class*="icon"]{position: absolute;display: block;width: 50px;height: 50px;background: #f15a29;border-radius: 30px;color: white;top: -16px;font-family: 'NeoSansStd-Bold';font-weight: normal;font-size: 26px;line-height: 49px;left: -12px;}
	.large-numbers .number{font-size: 70px;line-height: 144px;font-family: 'NeoSansStd-Bold';position: relative;}
	.partner .large-numbers .number{
    line-height: 110px;
}
	.large-numbers .number sup{position: relative;font-size: 31px;top: -42px;}
	.large-numbers .number sub{font-size: 23px;display: block;position: relative;height: 40px;bottom: 36px;line-height: 1em;}
	.large-numbers.fuel{border: none;}
	.partner .large-numbers.fuel{
    height: auto;
}

	.content-row{background: white;padding: 26px;}
	.content-row .icon-medium{display: block;width: 40px;height: 40px;background: #f15a29;border-radius: 30px;color: white;font-family: 'NeoSansStd-Bold';font-weight: normal;font-size: 26px;line-height: 42px;text-align: center;float: left;margin-right: 24px;}
	.content-row .icon-medium i{}
	.content-row .tile-copy{background: transparent;overflow: hidden;padding: 0px;}
	.content-row .tile-copy h3{/* font-size: 25px; */margin-bottom: 0px;font-family: 'NeoSansStd-black';}

.small-text {font-size: 11px;color: white;background-color: #f15a29;border-radius: 3px;padding: 4px 8px 4px 10px;}
li.small-text {margin: 5px;}

.icon-copy ul {display: flex;list-style:none;text-align: center;position: absolute;margin: auto;}	

	@media screen and (min-width: 1550px){
		.icon-columns{background-color: #F5F5F5;background-image: url(../img/petrol_pump.svg);background-repeat: no-repeat;background-position: center left;background-size: 15%;}
		.home-feature.icon-columns{background-color: #F5F5F5;background-image: url(../img/grey.jpg);background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed;}

	}
	@media screen and (max-width: 850px){
		.icon-columns{}
		.icon-columns .grid.column-3 .col{text-align:left;border-bottom: 1px solid #dedede;margin-bottom: 40px;clear: both;padding-bottom: 30px;}
		.grid.column-2.tight .col.content-row{width: 100%;margin-bottom: 7px;}
		.icon-columns .large-icon{float: left;width: 120px;height: 120px;}
		.icon-columns .icon-copy{float: left;width: auto;max-width: 1000px;margin-left: 30px;width: calc(100% - 200px);}
		.home-feature.icon-columns .icon-copy{margin: 0;width: 100%;text-align: center;}
		.large-icon i{font-size: 50px;line-height: 106px;}
		.large-icon span.icon-number{width: 40px;height: 40px;font-size: 20px;line-height: 41px;}
		.icon-columns .grid.column-3 .col:last-child{padding-bottom:0px;margin-bottom:0px;border-bottom: none;}
		.home-feature.icon-columns .grid.column-3 .col:last-child{margin-bottom:20px;}
	}

	@media screen and (max-width:600px){
		.alternating .grid.column-2 .col { margin-bottom:20px !important; float:none !important;}
	}

	@media screen and (max-width:500px){
		.icon-columns .grid.column-3 .col{margin-bottom: 40px;padding-bottom: 19px;border-bottom: 0px;}		
		.icon-columns .large-icon{float: none;width: 80px;height: 80px;}
		.icon-columns .icon-copy{float: none;text-align: center;margin: auto;width: auto;}
		.large-icon span.icon-number{font-size: 13px;width: 25px;height: 25px;line-height: 26px;top: -10px;left: -8px;}
		.large-icon i{font-size: 33px;line-height: 67px;}
		.grid.column-2.tight .col.content-row{padding: 14px;}
		.content-row .icon-medium{width: 24px;height: 24px;font-size: 20px;line-height: 25px; margin: 0 11px 0 0;}
		.content-row .tile-copy h3{font-size: 14px;line-height: 1.4em;}
	}
	

/* Testimonials */
	.testimonials{background-attachment: fixed;}
	.testimonials.background-image:before{background-color: rgba(0, 0, 0, 0.71);5);}


/* logo strip */
.logo-strip .inner{max-width: 1300px;}
.logo-strip img{/* opacity:0.5; */}

/* footer */
.footer{background: #424244;}
.footer img{width: 270px;max-width: 80%;}
.footer h3{margin:0;}
.footer h3 a{color:white;}
.footer h4{text-transform: uppercase;}
.footer p{color: rgba(255, 255, 255, 0.62);margin-bottom: 6px;line-height: 1.4em;}
.footer ul.ticks{padding-left: 0px;list-style: none;margin: 0.8em 0 0.4em;}
.footer ul.ticks li{padding-left: 33px;position: relative;margin-bottom: 9px;font-size: 13px;}
.footer ul.ticks li:before{content:'o';font-family: 'catalyst';position: absolute;left: 0;background: #f15a29;width: 20px;height: 20px;border-radius: 20px;line-height: 21px;text-align: center;top: 2px;}

/* CTA buttons */
.section-head.center .button-group a:last-child{background: #313131;color: white;}


.case-study .alternating.inner {  }



/* Pricing Calculator
  --------------------------- */   
  
  .pricing-calculator { }
  .pricing-calculator .slider-overview { text-align:center;margin: 0 auto;}
  .pricing-calculator .ui-slider { width:100%;height: 10px;background: #E7E7E7; border-radius:10px;margin: 140px auto 20px;position: relative; display:block;}
  .pricing-calculator .ui-slider-handle {width: 40px;height: 40px;top: 50%;background: #f15a29;position:absolute;display:block;margin: -20px 0 0 -20px;border-radius: 100px;-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);outline: none !important;z-index: 999;}
  .pricing-calculator .ui-slider-handle:before, .pricing-calculator .ui-slider-handle:after { content:""; display:block; width:2px;height: 18px;background: rgba(255, 255, 255, 0.5);border-radius:2px; top:50%; left:50%; position:absolute;margin: -9px 0 0 -5px;}
  .pricing-calculator .ui-slider-handle:after {margin-left: 3px;}
  .pricing-calculator .custom-slider-handle {width: 150px;height: 100px;background: #f15a29;text-align:center;position:absolute;top: -110px;color: #FFF;left: 50%;margin-left: -75px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;box-shadow: inherit;}
  .pricing-calculator .custom-slider-handle p { margin:0;padding: 10px;}
  .pricing-calculator .custom-slider-handle:before { content:"Drag to calculate";font-size: 11px; display:block; padding:4px;background: rgba(0, 0, 0, 0.14);-moz-border-radius: 4px 4px 0 0;-webkit-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0;color: rgba(255, 255, 255, 0.75);letter-spacing: 0.01em;}
  .pricing-calculator .custom-slider-handle:after {content:"";display:block;width:0px;height:0px;border:10px solid transparent;border-top-color: #f15a29;position:absolute;bottom:-19px;left:50%;margin-left:-10px;}
  .pricing-calculator .ui-slider-handle:hover {cursor: pointer;}
  .pricing-calculator .ui-slider-handle:hover .custom-slider-handle { }
  .pricing-calculator .slider-math { text-align:center; padding:20px; }
  .pricing-calculator .slider-math h4 { font-size:12px; text-transform:uppercase; letter-spacing:0.15em; }
  .pricing-calculator .math-wrapper {display: inline-block;padding: 10px 20px;margin: 20px 0;vertical-align: top;}
  .pricing-calculator .math-wrapper:first-of-type {border-right: 2px dashed #E7E7E7;}
  .pricing-calculator .math-wrapper p { font-size:18px; line-height:1.2;margin: 0 0;}
  .pricing-calculator .math-wrapper p.price {padding: 20px 0 10px;color: #30C8C5;}
  .pricing-calculator .math-wrapper p small {color: #868686; text-transform:uppercase; font-size:0.6em;letter-spacing: 0.045em;border-bottom: 1px solid #EEE;padding: 10px;display: inline-block;}
  .pricing-calculator .custom-mobile-handle { display:none; color:#FFF; width:100%; text-align:center; font-weight:bold; padding:9px 0px;text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);}
  .pricing-calculator .calc-litres, .pricing-calculator .calc-saving-initial, .pricing-calculator .calc-saving-quarter { color:#f15a29; }
  .pricing-calculator span.amount {display:block; font-size:2.25em; color: #f15a29; font-family: 'NeoSansStd-Bold'; line-height: 1.25em; }
  .custom-slider-handle span.calc-litres { display:block; font-size:1.8em;}
  .pricing-calculator .custom-slider-handle span.calc-litres { color:#fff;}
  .pricing-calculator .unit { width:49%; display:inline-block; color:#999;}
  .pricing-calculator .unit.litres { width:100%; display:block;}
  .pricing-calculator .unit:before { }
  .pricing-calculator h5.title { text-align:center; color:#999;}
  .pricing-calculator .disclaimer { text-align:center;}

 @media screen and (max-width:960px){
 	.pricing-calculator {
	    width: 80%;
	    display: block;
	    margin: 0 auto;
	}
}


  @media screen and (max-width:600px){
    
    .pricing-calculator .custom-mobile-handle { display:block; }
    
    .pricing-calculator .slider-overview p br { display:none; }
    .pricing-calculator .slider-overview p { font-size:22px; }
    .pricing-calculator .slider-overview { padding:0; }
    
    .pricing-calculator .custom-slider-handle { display:none; }
    .pricing-calculator .ui-slider { margin:40px 0 30px; }
    .pricing-calculator .ui-slider:after { content:"Drag to calculate"; display:block; text-align:center;font-size: 11px; padding:20px; position:absolute; width:100%;color: #959595;} 
    
    .pricing-calculator .slider-math { padding:20px 0 0; }
    .pricing-calculator .math-wrapper {float:left;width: 50%;display: block;padding: 0 10px;}
    .pricing-calculator .math-wrapper p { font-size:14px; }
    
    .pricing-calculator .ui-slider-handle {}
    .pricing-calculator .ui-slider-handle:before, .pricing-calculator .ui-slider-handle:after { display:none; }

  }



/* case studies */

h5.date-meta { margin:0; font-size:0.8em;}
.post-snip > h3 { font-size:1.4em; margin-bottom:5px;}

/* Forms */

.ninja-forms-all-fields-wrap br { height:0; line-height:0; display:none;}

.ninja-forms-all-fields-wrap .field-wrap > label { color:#4d4d4f;}

.ninja-forms-all-fields-wrap .field-wrap > p { display:none;}

.ninja-forms-all-fields-wrap .ninja-forms-required-items { font-size:0.8em;}

.ninja-forms-all-fields-wrap input, .ninja-forms-all-fields-wrap select, .ninja-forms-all-fields-wrap textarea { padding:10px; border-radius:5px; border:none; background-color: #ddd;}


/* layout */

.alternating.inner.pad-top-20.pad-bot-60, .map_embed iframe { width:100%; max-width:100%;}

.alternating.inner {width:100% !important;max-width: 1350px !important;}

@media screen and (max-width:700px){
	.google-map-wrapper iframe{max-height:250px;}
}

/* tables */ 

table tr:nth-child(2n-1) td {
    background-color: #eeeeee;
}

/* About */

.about img {
    max-width: 200px;
    margin-left: 200px;
}

.about .grid.column-2.clearfix {
    max-height: 200px;
}

@media screen and (max-width:960px){
	.about .grid.column-2.clearfix {
    max-height: 400px; padding-left:20px}
    .about img {margin:auto;}

}
}

.about .grid.column-2:before {display:block;content:' ';margin: 10px;border-top: 1px solid #E3E3E3;width: 94%;}

.about .alternating .flex.column-2:nth-child(even) {
    -webkit-flex-direction: initial;
    flex-direction: initial;
}
.about .alternating .flex.column-2 {
    margin-top: 20px;
}

.grid.flex.column-2.no-gutter  table tr:nth-child(2n-1) td {background:none;}
.grid.flex.column-2.no-gutter  table, .grid.flex.column-2.no-gutter  table td {border:none;}

.no-gutter i[class*="icon"] {
    font-size: 75px;
    padding: 50px;
    text-align: center;
    color: white;
}

/* Coloured tiles */
	.colour-tiles .col:nth-child(1) .tile-copy, .colour-tiles .col:nth-child(1) {background:#424244;color:#f15a29;}
	.colour-tiles .col:nth-child(2) .tile-copy {background:#f15a29;color:white;}
	.colour-tiles i[class*="icon"]{
    display: block;
    height: 100px;
    padding: 0;
    width: 100px;
    margin: 20px auto;
    line-height: 90px;
    font-size: 50px;
    border-radius: 3340px;
    border:7px solid;

}
	.colour-tiles .col:nth-child(1) i[class*="icon"]{color:#f15a29}
	.colour-tiles .col:nth-child(2) i[class*="icon"]{
    font-size: 70px;
}

.colour-tiles h4 {color:white;margin-bottom:40px}
  .colour-tiles .inner.thin{max-width: 1200px;}

    @media screen and (max-width: 960px){
    .about .alternating .column-2 img{margin-bottom: 10px;}
  }





/* switch table */
table.switch-table{margin: 3em 0 0em;border: 0px;background: white;box-shadow: 0px 3px 5px -3px rgba(0, 0, 0, 0.14);}
table.switch-table tr th{color: #534f4b;}
table.switch-table tr th:nth-child(2){color: #f15a29;}
table.switch-table tr th,table.switch-table tr td{background:transparent;padding: 1em 1em;border-left: 1px solid #efefef;border-bottom: 1px solid #efefef;}
table.switch-table tr th:nth-child(1),table.switch-table tr td:nth-child(1){border-left: 0px;}
table.switch-table tr:last-child td{border-bottom:0px;}
table.switch-table tr td:nth-child(1){color: #4d4d4f;line-height: 1.6em;font-size: 15px;}
table.switch-table tr td:nth-child(2),table.switch-table tr td:nth-child(3){text-align: center;}
table.switch-table span.tick{color: #f15a29;font-size:1.3em;}
table.switch-table span.question{font-weight: bold;color: #888;font-size:1.3em;}

table.switch-table tr:nth-child(2n) td { background-color:#efefef;border-left: 1px solid #fff;}
table.switch-table tr:nth-child(2n) td:nth-of-type(1) { border-left:1px solid transparent;}

@media screen and (max-width:650px){
	table.switch-table tr td:nth-child(1){font-size: 12px;padding: 1em 0.5em 1em 0;line-height: 15px;}
	table.switch-table tr th,table.switch-table tr td{font-size: 12px;}
}

/* blog */
@media screen and (min-width:1200px){
	.bg-grey.blog{background-color: #F5F5F5;background-image: url(../img/grey.jpg);background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed;}
}
.bg-grey.blog .inner{max-width: 1500px;}
.bg-grey.blog .inner .col{box-shadow: none;}
@media screen and (min-width:800px){
	.bg-grey.blog .inner .col{margin: 0 1% 27px; width: 31.22%;}
}