/*
Theme Name: BettaPork 2017
Author: FMSTUDIOS - Fenecsh Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'Titillium Web', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4em;
	color: #58595b;
}
body{background: #fff;}
body img{border: none;}
.grey_bg{color: #fff; background: #58595b;}
.pink_bg{color: #fff; background: #e55e7b;}
.wrap{
	margin: 0 auto 0 auto;
	position: relative;
	width: 90%;
	max-width: 1200px;
}
.wrap1600{margin: 0 auto 0 auto; position: relative; max-width: 1600px;}
@media screen and (max-width: 960px){
	.wrap1600 .wrap{max-width: 758px;}
}

/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li{margin: 0; padding: 0;}
h1{
	margin: 0 0 30px 0;
	font-family: 'Baloo Chettan', sans-serif;
	font-size: 40px;
	font-weight: 400;
	line-height: 1.3em;
}
h2{
	margin: 0 0 25px 0;
	padding: 15px 0 0 0;
	font-size: 28px;
	font-style: italic;
	font-weight: 300;
	line-height: 1.3em;
	color: #58595b;
}
h2 strong{font-weight: 300;}
h2.large{
	margin: 0 0 25px 0;
	font-family: 'Baloo Chettan', sans-serif;
	font-size: 35px;
	font-weight: 400;
	font-style: normal;
	color: #e55e7b;
}
.pink_bg h2{color: #fff;}
h2:first-child, header + h2{padding: 0;}
h3{
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	font-family: 'Baloo Chettan', sans-serif;
	font-size: 30px;
	font-weight: 400;
	line-height: 1.3em;
}
h3:first-child, h2 + h3{padding: 0;}
h4{
	margin: 0 0 15px 0;
	padding-top: 5px;
	font-size: 18px;
	font-weight: 600;
}
h4:first-child, h3 + h4, h2 + h4, header + h4{padding-top: 0;}
p{margin: 0 0 20px 0;}
a{
	text-decoration: none;
	color: #e55e7b;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
a:hover{color: #000;}
a:focus{outline: none;}
ul li{list-style: none;}
strong{font-weight: 600;}
table{margin: 0 0 20px 0; border-collapse: collapse;}
@media screen and (max-width: 1300px){
	h3{font-size: 26px;}
}
@media screen and (max-width: 960px){
	h1{font-size: 35px;}
	h2{margin: 0 0 20px 0; padding: 10px 0 0 0; font-size: 26px;}
	h2.large{font-size: 32px;}
	h3{font-size: 24px;}
}
@media screen and (max-width: 720px){
	h1{margin: 0 0 25px 0; font-size: 30px;}
	h2{font-size: 24px;}
	h2.large{margin: 0 0 20px 0; font-size: 28px;}
}
@media screen and (max-width: 480px){
	h3{font-size: 22px;}
}

/*---------------TOP--------------*/
#top{height: 162px; z-index: 20;}
#logo{
	display: block;
	position: absolute;
	top: 42px;
	left: 0;
	width: 300px;
	height: 81px;
}
#logo object, #logo img{
	display: block;
	width: 100%;
	height: 81px;
	pointer-events: none;
}
#slogan{
	position: absolute;
	top: 25px;
	right: 0;
	width: 250px;
	overflow: hidden;
}
#slogan img{display: block; width: 100%;}
.social{
	padding: 20px 0 0 0;
	position: absolute;
	top: 100%;
	right: 0;
}
.social a{
	margin: 0 0 0 10px;
	display: block;
	float: left;
	overflow: visible;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: none;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}
.social a:hover{background: #e55e7b;}
.social img{display: block; width: 32px;}
@media screen and (max-width: 1300px){
	#top{height: 130px;}
	#logo{top: 25px;}
	#slogan{top: 11px; width: 230px;}
}
@media screen and (max-width: 1100px){
	#top{height: 100px;}
	#logo{top: 20px; width: 220px; height: 59px;}
	#logo object, #logo img{height: 59px;}
	#slogan{top: 6px; width: 190px;}
}
@media screen and (max-width: 720px){
	#logo{top: 25px; width: 180px; height: 49px;}
	#logo object, #logo img{height: 49px;}
	#slogan{top: 18px; width: 160px;}
	#slogan img{margin-bottom: -8px;}
}
@media screen and (max-width: 410px){
	#slogan{display: none;}
}

/*---------------HEADER--------------*/
#header{
	padding:20% 0 100px 0;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #a6a8ab;
	background-size: cover;
}
.home #header{padding: 0; height: 600px;}
#header .text{
	margin: 0 auto 0 auto;
	position: relative;
	top: 30%;
	width: 80%;
	max-width: 800px;
	font-size: 24px;
	font-weight: 600;
	text-align: center;
	line-height: 1.3em;
	color: #fff;
	text-shadow: 0 0 100px rgba(0,0,0,0.6);
}
.csstransforms #header .text{
	padding-top: 40px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .btn{color: #fff; border-color: #fff;}
#nav_toggle{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 52px;
	height: 50px;
	float: left;
	z-index: 1000;
	cursor: pointer;
	color: #fff;
	background: #e55e7b;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.show_nav #nav_toggle{left: 280px;}
.csstransforms .show_nav #nav_toggle{
	left: 0;
	-webkit-transform: translateX(280px);
	-moz-transform: translateX(280px);
	-ms-transform: translateX(280px);
	-o-transform: translateX(280px);
	transform: translateX(280px);
}
.show_nav.s162 #nav_toggle{position: fixed;}
#nav_toggle .bar{
	display: block;
	position: absolute;
	left: 10px;
	width: 32px;
	height: 4px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#nav_toggle .bar1{top: 12px;}
#nav_toggle .bar2{top: 23px;}
#nav_toggle .bar3{top: 23px;}
#nav_toggle .bar4{top: 34px;}
.csstransforms .show_nav #nav_toggle .bar1{top: 27px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar4{top: 8px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar2, .csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms;
}
.csstransforms .show_nav #nav_toggle .bar2{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.csstransforms .show_nav #nav_toggle .bar3{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.page_cover{
	position: fixed;
	top: -100px;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50;
	visibility: hidden;
	background: rgba(0,0,0,0);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.show_nav .page_cover{visibility: visible; background: rgba(0,0,0,0.2);}
@media screen and (max-width: 1300px){
	.show_nav.s130 #nav_toggle{position: fixed;}
}
@media screen and (max-width: 960px){
	.show_nav.s100 #nav_toggle{position: fixed;}
	#header .text{font-size: 22px;}
}
@media screen and (max-width: 720px){
	#header .text{font-size: 20px;}
}
@media screen and (max-width: 480px){
	#header .text{text-shadow: none;}
}
@media screen and (max-width: 355px){
	.show_nav #nav_toggle{left: 220px;}
	.csstransforms .show_nav #nav_toggle{
		-webkit-transform: translateX(220px);
		-moz-transform: translateX(220px);
		-ms-transform: translateX(220px);
		-o-transform: translateX(220px);
		transform: translateX(220px);
	}
}

/*---------------NAV--------------*/
nav{
	position: fixed;
	display: block;
	top: -100px;
	bottom: 0;
	left: -280px;
	width: 280px;
	z-index: 100;
	overflow: auto;
	visibility: hidden;
	background: #e55e7b;
	border-top: 100px solid #e55e7b;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.show_nav nav{left: 0; visibility: visible;}
.csstransforms .show_nav nav{
	left: -280px;
	-webkit-transform: translateX(280px);
	-moz-transform: translateX(280px);
	-ms-transform: translateX(280px);
	-o-transform: translateX(280px);
	transform: translateX(280px);
}
nav ul{
	padding: 40px 0 20px 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
nav li{margin: 0 0 5px 0;}
nav li a{padding: 8px 20px 8px 20px; display: block; color: #fff;}
nav li.current-menu-item a{font-family: 'Baloo Chettan', sans-serif; font-weight: 400; text-transform: uppercase;}
@media screen and (max-width: 355px){
	nav{left: -220px; width: 220px;}
	.show_nav nav{left: 0;}
	.csstransforms .show_nav nav{
		left: -220px;
		-webkit-transform: translateX(220px);
		-moz-transform: translateX(220px);
		-ms-transform: translateX(220px);
		-o-transform: translateX(220px);
		transform: translateX(220px);
	}
}

/*---------------CONTENT--------------*/
main{display: block;}
main ul{margin: 0 0 20px 0;}
main p + ul{margin: -10px 0 20px 0;}
main ul > li{padding: 0 0 0 18px; background: url(images/bullet.png) 10px 10px no-repeat;}
.generatedcontent main ul > li{position: relative; background: none;}
.generatedcontent main ul > li:before{
	position: absolute;
	top: 10px;
	left: 10px;
	width: 2px;
	height: 2px;
	content: '';
	background: #58595b;
}
main ol{margin: 0 0 20px 0;}
main ol > li{margin: 0 0 0 25px; padding: 0 0 0 5px;}
.content{padding-top: 50px; padding-bottom: 30px;}
.columns + .content{margin-top: -1.75%;}
.center{text-align: center;}
.cols{overflow: auto;}
.cols .left{width: 48.334%; float: left;}
.cols .right{width: 48.334%; float: right;}
.clear{clear: both;}
.btn, .contact_form .btn{
	padding: 4px 15px 4px 15px;
	display: inline-block;
	font-family: 'Baloo Chettan', sans-serif;
	font-weight: 400;
	font-size: 28px;
	line-height: 1.2em;
	color: #58595b;
	border:5px solid #58595b;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: background 500ms ease;
	-moz-transition: background 500ms ease;
	-o-transition: background 500ms ease;
	transition: background 500ms ease;
}
.btn:hover{background: #e55e7b;}
.grey_bg .btn{color: #fff; border-color: #fff;}
img.size-full, img.size-medium{display: block; max-width: 100%;}
img.alignnone{margin: 0 0 20px 0; display: block;}
img.aligncenter{margin: 0 auto 20px auto; display: block;}
img.alignleft, img.alignright{max-width: 30%; height: auto;}
img.alignleft{margin: 0 20px 10px 0; float: left;}
img.alignright{margin: 0 0 10px 20px; float: right;}
.quicklinks{margin: 1.75% 0 -1.75% 0; overflow: auto;}
.quicklink{
	margin: 0 0 1.75% 1.75%;
	padding-top: 22.8125%;
	display: block;
	position: relative;
	width: 22.8125%;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #58595b;
	background-size: cover;
}
.quicklink:before{
	position: absolute;
	top: 20%;
	bottom: 0;
	left: 12%;
	right: 12%;
	z-index: 20;
	content: '';
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.quicklink:hover:before{top: 12%; background: #e55e7b;}
.quicklink:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	content: '';
	background: rgba(30,30,31,0.4);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.quicklink:hover:after{background: rgba(30,30,31,0);}
.quicklink h3{
	margin: 0 auto 0 auto;
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	width: 65%;
	z-index: 30;
	color: #fff;
}
.csstransforms .quicklink h3{
	top: 40%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.btn_wrap{
	position: absolute;
	bottom: 15%;
	left: 0;
	right: 0;
	z-index: 30;
}
.quicklink .btn{margin: 0; color: #fff; border-color: #fff;}
.quicklink .btn:hover{background: none;}
.where_to_buy{
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 20;
}
.where_to_buy .wrap{z-index: 20;}
.columns{margin-bottom: 1.75%; position: relative; overflow: auto;}
.columns:first-child{margin-top: 1.75%;}
.boxes:after{
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: -1;
	content: '';
}
.left.boxes:after{left: 50.875%; right: 1.75%; background: #e55e7b;}
.right.boxes:after{left: 1.75%; right: 50.875%; background: #58595b;}
.boxes.box1:after{margin-top: 20.1875%;}
.boxes.box2:after{margin-top: 23.3125%;}
.no_box_other:after, .box3:after, .box4:after, .box5:after, .box6:after, .box8:after{display: none;}
.left .content_box{
	position: relative;
	right: 50%;
	width: 45%;
	max-width: 600px;
	float: right;
}
.right .content_box{
	position: relative;
	left: 50%;
	width: 45%;
	max-width: 600px;
	float: left;
}
.left .content_box .inner{width: 90%; float: left;}
.right .content_box .inner{width: 90%; float: right;}
.box_other_home{
	position: absolute;
	left: 50.875%;
	width: 47.375%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #a6a8ab;
	background-size: cover;
}
.box_other_home .inner{
	margin: 0 auto 0 auto;
	position: relative;
	width: 70%;
	max-width: 414px;
	height: 100%;
}
.featured{
	padding-left: 5%;
	padding-right: 5%;
	position: absolute;
	bottom: 0;
}
.featured h4{margin: 0; text-transform: uppercase;}
.featured .text{font-size: 28px; line-height: 1.2em;}
.box_other{
	position: relative;
	width: 47.375%;
	overflow: hidden;
	color: #fff;
}
.left .box_other{left: 50.875%; float: left;}
.right .box_other{right: 50.875%; float: right;}
.box3 .box_other, .box8 .box_other{position: absolute; height: 100%;}
.box3 .box_other:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 60.686%;
	float: right;
	z-index: -1;
	content: '';
}
.left.box3 .box_other:after{background: #e55e7b;}
.right.box3 .box_other:after{background: #58595b;}
.box4 .box_other, .box5 .box_other, .box6 .box_other{position: absolute; height: 100%; background: none;}
.box1 .box_other:after{
	margin-top: 29.42%;
	padding-top: 13.5%;
	position: absolute;
	top: 0;
	left: 0;
	width: 35.884%;
	content: '';
	background: #e55e7b;
}
.right.box1 .box_other:after{background: #58595b;}
.boxes .images{position: relative; overflow: hidden; background: #fff;}
.box3 .images, .box4 .images, .box5 .images, .box6 .images{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: visible;
}
.box3 .images{left: auto; width: 60.686%;}
.box4 .images{margin-top: 3.694%;}
.box3 .images:after{
	margin-top: -3.044%;
	padding-top: 6.087%;
	position: absolute;
	top: 42%;
	left: 0;
	right: 0;
	content: '';
	background: #fff;
}
.boxes .img1, .boxes .img2{
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #58595b;
	background-size: cover;
}
.box1 .img1, .box1 .img2{margin-bottom: 3.694%;}
.box1 .img1{padding-top: 25.726%; width: 35.884%; float: left;}
.box1 .img2{padding-top: 38.91825%; width: 60.422%; float: right;}
.box2 .img1, .box2 .img2{margin-bottom: 3.694%; padding-top: 45.515%;}
.box2 .img1{width: 62.005%; float: left;}
.box2 .img2{width: 34.301%; float: right;}
.box3 .img1, .box3 .img2{position: absolute; left: 6.087%; right: 0;}
.box3 .img1{top: 0; height: 42%;}
.box3 .img2{bottom: 0; height: 58%;}
.box4 .img1, .box4 .img2{position: absolute; left: 0; right: 0;}
.box4 .img1{margin-top: -3.694%; top: 0; height: 40%;}
.box4 .img2{bottom: 0; height: 60%;}
.box5 .img1, .box5 .img2, .box6 .img1{position: absolute; top: 0; bottom: 0;}
.box5 .img1{left: 0; right: 61.478%;}
.box5 .img2{left: 42.217%; right: 0;}
.box6 .img1{left: 0; right: 0;}
.boxes .text{padding: 50px 10% 30px 10%;}
.left.boxes .text{background: #e55e7b;}
.right.boxes .text{background: #58595b;}
.generatedcontent .left.boxes .text, .generatedcontent .right.boxes .text{background: none;}
.box3 .text{padding-left: 5%; padding-right: 5%; width: 29.314%;}
.csstransforms .box3 .text{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.box8 .text{
	margin-bottom: 59.944%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.generatedcontent .left.box8 .text{background: #e55e7b;}
.generatedcontent .right.box8 .text{background: #58595b;}
.boxes .quote_text{font-size: 24px; line-height: 1.3em;}
.boxes .quote_by{font-weight: 600;}
.boxes .video{
	padding-bottom: 56.25%;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.boxes .video iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.australia{
	margin-top: -2%;
	position: absolute;
	top: -30px;
	left: 0;
	width: 40%;
	min-width: 200px;
	max-width: 600px;
	pointer-events: none;
}
.social_contact{
	position: relative;
	height: 500px;
	max-width: none;
	z-index: 30;
}
.csscalc .social_contact{width: 90%; max-width: 1200px;}
.social_contact .left{
	padding-top: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 25%;
	z-index: 10;
}
.social_contact .left h2{color: #fff;}
.social2{margin: 0 auto 0 auto; width: 60px;}
.social2 img{margin: 0 0 15px 0; display: block; width: 60px;}
.social_contact .right{
	padding-top: 60px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 75%;
	z-index: 10;
}
.contact_form{
	margin: 0 auto 0 auto;
	width: 80%;
	float: right;
	max-width: 400px;
}
.contact_form form{text-align: left;}
.contact_form .input{margin: 0 0 10px 0;}
.contact_form .sent .input.submit{display: none;}
.contact_form input, .contact_form textarea{
	padding: 10px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Titillium Web', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4em;
	border: 5px solid #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-appearance: none;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.contact_form input:focus, .contact_form textarea:focus{border: 5px solid #a6a8ab;}
.contact_form textarea{height: 120px; resize: none;}
.contact_form .btn{
	width: auto;
	cursor: pointer;
	color: #fff;
	border-color: #fff;
	background: #e55e7b;
}
.contact_form .btn:hover{background: #58595b;}
div.wpcf7 .ajax-loader{
	margin: 0 0 0 10px !important;
	width: 20px !important;
	height: 20px !important;
	vertical-align: text-top !important;
	border-radius: 10px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
}
div.wpcf7-mail-sent-ok{background: #fff; border: none !important; border-radius: 10px;}
div.wpcf7-response-output{margin: 0 !important;}
.social_contact_bg{width: 100%; max-width: none; z-index: 10;}
.csscalc .social_contact_bg{width: 90%; max-width: 1200px;}
.right_bg{
	position: absolute;
	bottom: 0;
	left: 25%;
	width: 75%;
	height: 500px;
	z-index: 10;
	background: url(images/contact_bg.jpg) center center repeat #a6a8ab;
	background-size: cover;
}
.csscalc .right_bg{width: calc(75% + (100vw - 100%) / 2);}
.left_bg{
	position: absolute;
	bottom: 0;
	right: 75%;
	width: 25%;
	height: 500px;
	z-index: 10;
	background: #e55e7b;
}
.csscalc .left_bg{width: calc(25% + (100vw - 100%) / 2);}
.butchers{margin: 0 0 20px 0;}
.butcher{
	padding-right: 130px;
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.butcher + .butcher{border-top: none;}
.butcher .details{display: table; width: 100%; height: 3.6em;}
.details h4, .details p{
	margin: 0;
	padding: 0.5em 15px 0.5em 0;
	display: table-cell;
	vertical-align: middle;
}
.details h4{width: 40%; font-size: 16px;}
.details .address{width: 40%;}
.details .phone{padding-right: 0; width: 20%;}
.butcher .links{
	margin-top: -16px;
	position: absolute;
	top: 50%;
	right: 0;
}
.butcher .links img{
	margin-left: 8px;
	height: 32px;
	float: left;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.butcher .links a:hover img{filter: brightness(70%); -webkit-filter: brightness(70%);}
@media screen and (max-width: 1300px){
	.csstransforms .quicklink h3{top: 38%;}
	.quicklink .btn{font-size: 24px;}
	.boxes .quote_text{font-size: 22px;}
}
@media screen and (max-width: 960px){
	.content{padding-top: 40px; padding-bottom: 20px;}
	.columns + .content{margin-top: 0;}
	.btn, .contact_form .btn{font-size: 25px;}
	aside.wrap1600{margin-top: 3.5%; width: 97%; max-width: 500px;}
	.quicklinks{margin: 0 auto -3.5% auto;}
	.quicklink{margin: 0 0 3.5% 3.5%; padding-top: 44.75%; width: 44.75%;}
	.csstransforms .quicklink h3{top: 35%;}
	.quicklink .btn{font-size: 22px;}
	.columns{margin-bottom: 0; overflow: visible;}
	.columns:first-child{margin-top: 0;}
	.home .columns:first-child{margin-bottom: 3.5%;}
	.col_right_bg{display: none;}
	.col_left, .col_right{margin: 0 auto 0 auto; width: auto; float: none;}
	.home .col_right{
		position: relative;
		width: 90%;
		max-width: none;
		height: 500px;
	}
	.boxes:after{display: none;}
	.left .content_box, .right .content_box{
		margin: 0 auto 0 auto;
		position: static;
		width: 90%;
		max-width: 758px;
		float: none;
	}
	.left .content_box .inner, .right .content_box .inner{width: auto; float: none;}
	.featured{position: static;}
	.featured .text{font-size: 24px;}
	.box_other_home{
		margin: 0 auto 0 auto;
		padding-top: 50px;
		position: relative;
		left: auto;
		width: 90%;
		max-width: 758px;
		height: auto;
	}
	.box_other_home .inner{width: 80%; height: auto;}
	.left .box_other, .right .box_other{
		margin: 0 auto 0 auto;
		position: relative;
		left: auto;
		right: auto;
		width: 90%;
		max-width: 758px;
		float: none;
	}
	.box3 .box_other{height: 500px;}
	.box4 .box_other{padding-top: 70%;}
	.box5 .box_other{padding-top: 45%;}
	.box6 .box_other{padding-top: 55%; height: auto;}
	.generatedcontent .left.boxes .text{background: #e55e7b;}
	.generatedcontent .right.boxes .text{background: #58595b;}
	.generatedcontent .left.box3 .text, .generatedcontent .right.box3 .text{background: none;}
	.box8 .text{margin-bottom: 3.694%; position: static;}
	.boxes .video{position: relative; bottom: auto;}
	.australia{top: 0;}
	.social_contact{height: auto;}
	.social_contact .left{
		padding-top: 20px;
		position: relative;
		width: 100%;
		height: 190px;
	}
	.social2{width: auto; text-align: center;}
	.social2 img{margin: 0 8px 0 8px; display: inline-block; width: 50px;}
	.social_contact .right{
		padding-top: 20px;
		position: relative;
		width: 100%;
		height: 395px;
	}
	.left_bg{
		bottom: 415px;
		right: 0;
		width: 100%;
		height: 210px;
	}
	.csscalc .social_contact_bg{width: auto; max-width: none;}
	.csscalc .left_bg{width: 100%;}
	.right_bg{left: 0; width: 100%; height: 415px;}
	.csscalc .right_bg{width: 100%;}
}
@media screen and (max-width: 720px){
	.content{padding-top: 30px; padding-bottom: 10px;}
	.btn, .contact_form .btn{font-size: 23px;}
	.cols2{
		margin: 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.featured .text{font-size: 22px;}
	.boxes .quote_text{font-size: 20px;}
	.social_contact .left{height: 160px;}
	.social2 img{width: 40px;}
	.social_contact .right{height: 385px;}
	.left_bg{bottom: 405px; height: 180px;}
	.right_bg{height: 405px;}
	.butcher{padding: 8px 130px 8px 0;}
	.details h4, .details .address, .details .phone{
		padding: 0;
		display: block;
		width: auto;
	}
}
@media screen and (max-width: 480px){
	.quicklink .btn{font-size: 20px;}
	.box3 .box_other{height: auto;}
	.box3 .box_other:after{display: none;}
	.box3 .images{
		position: relative;
		width: 100%;
		bottom: auto;
		overflow: auto;
	}
	.box3 .images:after{display: none;}
	.box3 .img1, .box3 .img2{
		margin-bottom: 3.694%;
		padding-top: 45.515%;
		position: relative;
		left: auto;
		right: auto;
		height: auto;
	}
	.box3 .img1{width: 38.522%; float: left;}
	.box3 .img2{width: 57.783%; float: right;}
	.box3 .text{padding-left: 10%; padding-right: 10%; width: auto;}
	.csstransforms .box3 .text{
		position: relative;
		top: auto;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.generatedcontent .left.box3 .text{background: #e55e7b;}
	.generatedcontent .right.box3 .text{background: #58595b;}
	.boxes .quote_text{font-size: 18px;}
}
@media screen and (max-width: 410px){
	.butcher{padding-right: 0; overflow: auto;}
	.butcher .links{
		margin: 0;
		position: static;
		top: auto;
		float: right;
	}
}
@media screen and (max-width: 355px){
	.quicklink{padding-top: 46.5%; width: 93%;}
	.csstransforms .quicklink h3{top: 30%;}
}

/*---------------FOOTER--------------*/
.logos{margin: 50px auto 0 auto; max-width: 600px; overflow: auto;} 
.logos img{float: left;}
.logo1{margin-right: 4.826%; width: 11.583%;}
.logo2{margin-right: 2.5096%; width: 23.938%;}
.logo3{margin-right: 4.826%; width: 19.305%;}
.logo4{margin-right: 4.826%; width: 11.39%;}
.logo5{width: 16.506%;}
#copyright{
	padding: 50px 0 40px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #a6a8ab;
}
#copyright a{color: #a6a8ab;}
#copyright a:hover{color: #e55e7b;}
#copyright img{margin: 0 0 8px 0; width: 30px;}
#backtotop{
	position: fixed;
	bottom: 10%;
	right: -36px;
	width: 36px;
	height: 36px;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#backtotop img{width: 100%; pointer-events: none;}
#backtotop.visible{right: 0; opacity: 0.5;}
#backtotop.visible:hover{opacity: 1;}
@media screen and (max-width: 720px){
	.logos{margin-top: 30px;}
	#copyright{padding: 40px 0 30px 0;}
}

/*---------------TINYMCE--------------*/
#tinymce{margin: 5px !important;}
#tinymce ul{margin: 0 0 20px 0;}
#tinymce ul > li{margin: 0 0 0 20px; list-style: circle;}
#tinymce ol{margin: 0 0 20px 0;}
#tinymce ol > li{margin: 0 0 0 25px; padding: 0 0 0 5px;}