/*
Theme Name: Beef Breeding Services 2017
Author: FMSTUDIOS - Fenech Multimedia Studios
Author URI: http://www.fmstudios.com.au/
*/

body, html{
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'Oxygen', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4em;
	color: #51575C;
}
body{background: #fff;}
body img{border: none;}
.light_bg{background: #f0f2f2;}
.light_bg2{background: #e1e4e5;}
.red_bg{color: #fff; background: #BE1E2D;}
.wrap{
	margin: 0 auto 0 auto;
	position: relative;
	width: 90%;
	max-width: 1200px;
}
@media screen and (max-width: 960px){
	body, html{font-size: 16px;}
}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li{margin: 0; padding: 0;}
h1, .h1{
	margin: 0 0 30px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #BE1E2D;
}
h2, .h2{
	margin: 0 0 20px 0;
	padding-top: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 25px;
	font-weight: 800;
	line-height: 1.3em;
}
h2 strong, h2 b{font-weight: 800;}
h2:first-child, h1 + h2{padding: 0;}
h3{
	margin: 0 0 15px 0;
	padding-top: 10px;
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #F6921E;
}
h3 strong, h3 b{font-weight: 800;}
h3:first-child, h2 + h3{padding: 0;}
h4{
	margin: 0 0 15px 0;
	padding-top: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4em;
}
h4:first-child, h3 + h4{padding: 0;}
p{margin: 0 0 20px 0;}
a{
	text-decoration: none;
	color: #BE1E2D;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
.red_bg a{color: #F6921E;}
a:hover{color: #42515a;}
.red_bg a:hover{color: #e1e4e5;}
a:focus{outline: none;}
ul li{list-style: none;}
ol li{margin: 0 0 0 25px; list-style: decimal;}
strong{font-weight: 700;}
table{margin: 0 0 20px 0; border-collapse: collapse;}
input, textarea{
	margin: 0;
	padding: 0;
	display: block;
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	border-radius: 0;
}
input[type="text"], input[type="button"], input[type="submit"]{-webkit-appearance: none;}
input:focus, textarea:focus{border: orange; outline: none;}
input::-moz-focus-inner{padding: 0; border: none;}
@media screen and (max-width: 960px){
	h1{font-size: 26px;}
	h2{font-size: 22px;}
	h3{font-size: 18px;}
}
	
/*---------------TOP--------------*/
#top{border-top: 20px solid #BE1E2D;}
#logo{
	display: block;
	position: absolute;
	top: 34px;
	right: 0;
	width: 220px;
	z-index: 10;
}
#logo img{width: 100%; height: auto;}
#top .social{
	padding: 0 15px 20px 25px;
	position: absolute;
	top: 0;
	left: 200px;
	z-index: 10;
	background: #BE1E2D;
}
.social a{
	margin: 0 10px 0 0;
	float: left;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.social a:hover{background: #F6921E;}
.social img{display: block; width: 35px;}
#nav_toggle{
	padding: 9px 10px 0 42px;
	display: none;
	position: absolute;
	top: 20px;
	left: 10px;
	height: 29px;
	float: left;
	z-index: 1000;
	cursor: pointer;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #fff;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#nav_toggle .bar{
	display: block;
	position: absolute;
	left: 10px;
	width: 22px;
	height: 3px;
	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: 10px;}
#nav_toggle .bar2{top: 18px;}
#nav_toggle .bar3{top: 18px;}
#nav_toggle .bar4{top: 26px;}
.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);
}
@media screen and (max-width: 1350px){
	#logo{width: 200px;}
}
@media screen and (max-width: 960px){
	#nav_toggle{display: block;}
}
@media screen and (max-width: 720px){
	#logo{top: 24px; width: 150px;}
	#top .social{display: none;}
}
@media screen and (max-width: 420px){
	#logo{width: 120px;}
	#nav_toggle{left: 2px;}
}
	
/*---------------NAV--------------*/
nav{
	position: absolute;
	top: 30px;
	left: 0;
	width: 180px;
	z-index: 50;
	-webkit-transition: width 300ms ease, max-height 300ms ease;
	-moz-transition: width 300ms ease, max-height 300ms ease;
	-o-transition: width 300ms ease, max-height 300ms ease;
	transition: width 300ms ease, max-height 300ms ease;
}
nav li.current-menu-item, nav li.current-page-ancestor{margin-bottom: 2px; border-bottom: 8px solid #F6921E;}
nav li a{
	padding: 4px 20px 5px 20px;
	display: block;
	width: 180px;
	font-size: 16px;
	line-height: 1.2em;
	color: #fff;
}
nav li a:hover{color: #F6921E;}
nav li.current-menu-item a, nav li.current-page-ancestor a{
	margin-bottom: -12px;
	padding-bottom: 13px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	color: #F6921E;
}
@media screen and (max-width: 960px){
	nav{
		padding: 4px 0 4px 0;
		top: 60px;
		max-height: 0;
		overflow: hidden;
		background: #F6921E;
	}
	.show_nav nav{width: 220px; max-height: 450px;}
	nav ul{padding: 6px 0 7px 0; width: 180px;}
	nav li a:hover{color: #BE1E2D;}
	nav li.current-menu-item{border-color: #fff;}
	nav li.current-menu-item a{color: #fff;}
}
@media screen and (max-width: 420px){
	nav{width: 115px;}
	nav li a{padding: 4px 12px 4px 12px;}
}
	
/*---------------HEADER--------------*/
#header{
	height: 500px;
	color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #42515a;
	background-size: cover;
}
#header.home{padding-bottom: 300px;}
#header .wrap{top: 130px; width: 50%; max-width: 800px;}
.csstransforms #header .wrap{
	padding-top: 80px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .heading{
	margin: 0;
	font-family: 'Oxygen', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
	color: #F6921E;
}
#header .icon{margin: 15px auto -10px auto; display: block; width: 150px;}
#header p{
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1em;
}
@media screen and (max-width: 1350px){
	#header .heading{font-size: 22px;}
	#header p{font-size: 45px;}
}
@media screen and (max-width: 960px){
	#header{height: 450px;}
	#header.home{padding-bottom: 50px;}
	#header .wrap{width: 90%;}
	.csstransforms #header .wrap{padding-top: 100px;}
	#header p{font-size: 40px;}
}
@media screen and (max-width: 720px){
	#header{height: 380px;}
	.csstransforms #header .wrap{padding-top: 80px;}
	#header p{font-size: 32px;}
}
@media screen and (max-width: 480px){
	#header.home{padding: 0;}
	#header p{font-size: 28px;}
}
@media screen and (max-width: 420px){
	.page-id-226 #header{padding-bottom: 20%; height: 250px;}
	#header .heading{font-size: 20px;}
	#header p{font-size: 26px;}
}
	
/*---------------CONTENT--------------*/
main{display: block;}
main ul, main ol{margin: 0 0 20px 0;}
main p + ul{margin: -10px 0 20px 0;}
main ul li{padding: 0 0 0 25px; background: url(images/bullet.png) 7px 10px no-repeat;}
.generatedcontent main ul li{position: relative; background: none;}
.generatedcontent main ul li:before{
	position: absolute;
	top: 10px;
	left: 15px;
	width: 3px;
	height: 3px;
	content: '';
	background: #5a6065;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.content, .extra_content{padding-top: 50px; padding-bottom: 30px;}
.extra_content{padding-top: 0;}
.center{text-align: center;}
.clear{clear: both;}
.cols{overflow: auto;}
.cols .left{width: 45.8333%; float: left;}
.cols .left.content{
	margin-bottom: 20px;
	padding-left: 5.8333%;
	padding-right: 5.8333%;
	width: 34.1667%;
}
.cols .right{width: 45.8333%; float: right;}
.cols2{
	margin: 0 0 25px 0;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 40px;
	-moz-column-gap: 40px;
	column-gap: 40px;
}
.cols2 li{
	overflow: auto;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
}
.cols_home{margin-top: -300px; min-height: 200px;}
.cols_home .left{
	margin-top: 100px;
	margin-bottom: -100px;
	margin-right: -5%;
	padding-left: 5.8333%;
	padding-right: 5.8333%;
	position: relative;
	width: 34.1667%;
	float: left;
	z-index: 10;
}
.cols_home .right{
	margin: 0 -5.5555% 100px 0;
	padding-left: 8.3333%;
	padding-right: 5.5555%;
	position: relative;
	width: 50%;
	float: right;
	z-index: 5;
}
.cols_home .right:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 3000px;
	content: '';
	background: #e1e4e5;
}
.btn{
	padding: 4px 25px 4px 25px;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3em;
	text-transform: uppercase;
	border: 6px solid #BE1E2D;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.btn:hover{color: #fff; background: #BE1E2D;}
.red_bg .btn{font-size: 20px; color: #fff; border: 8px solid #fff;}
.red_bg .btn:hover{color: #BE1E2D; background: #fff;}
.breeds{
	margin: 0 -0.66667% 0 0;
	padding: 5px 0 20px 0;
	width: 100.66667%;
	overflow: auto;
}
.home .breeds{margin: 0 -2% -2% 0; width: 102%;}
.breed{
	margin: 0 0.66225% 0.66225% 0;
	display: block;
	position: relative;
	width: 24.33775%;
	float: left;
	overflow: hidden;
}
.home .breed{margin: 0 1.96078% 1.96078% 0; width: 48.03922%;}
.breed:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: '';
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.breed:hover:after{background: rgba(66,81,90,0.7);}
.breed h3{
	margin: 0 auto 0 auto;
	padding: 6px;
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	width: 80%;
	max-width: 170px;
	z-index: 5;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	border: 6px solid #fff;
}
.csstransforms .breed h3{
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.breed img{width: 100%; display: block;}
.featured_sire{
	margin: 20px auto 20px auto;
	padding: 15px 2% 20px 2%;
	max-width: 600px;
	box-sizing: border-box;
	overflow: auto;
	border: 8px solid #BE1E2D;
}
.featured_sire h2{margin: 0 0 20px 0;}
.featured_sire img{width: 49%; float: right;}
.featured_sire .details{width: 49%; float: left;}
.featured_sire h3{margin: 0 0 5px 0; padding: 0;}
.featured_sire p{margin: 0;}
.featured_sire .more{
	margin-top: 10px;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3em;
	text-transform: uppercase;
}
.links{margin: 0; width: 37.5%; float: left;}
.links li{margin-bottom: 20px; padding: 0; background: none;}
.generatedcontent .links li:before{display: none;}
.links a{
	padding: 30px 25px 30px 25px;
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #fff;
	border: 8px solid #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.links a:hover{color: #BE1E2D; border-color: #BE1E2D;}
#lower_img{
	margin-top: -100px;
	padding-top: 100px;
	clear: left;
	background: url(images/lower_img.jpg) 10% 50% no-repeat #5a6065;
	background-size: cover;
}
.bulls{margin: 0 -0.66667% 0 0; width: 100.66667%; overflow: auto;}
.bull{margin: 0 0.66225% 20px 0; width: 24.33775%; float: left;}
.bull.b1{clear: both;}
.bull img{display: block; width: 100%;}
.bull h3{margin: 0; font-size: 16px;}
.bull p{margin: 0;}
.bull .btn{margin-top: 10px;}
.bull_single .img{display: block; position: relative;}
.bull_single .img img{
	margin: 0 auto 20px auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 50%;
	min-width: 300px;
	max-width: 600px;
}
.bull_single .details{margin: 0 0 30px 0;}
.bull_single .details p, .bull_single .breeder p{margin: 0 0 5px 0;}
.bull_single .h2{margin: 0; padding-top: 5px; display: block;}
.bull_single .breeder{margin: 0 0 20px 0; padding-top: 40px; position: relative;}
.bull_single .breeder:after{
	position: absolute;
	top: 5px;
	left: 0;
	width: 150px;
	height: 8px;
	content: '';
	background: #BE1E2D;
}
.pedigree{margin: 0 0 20px 0; position: relative; overflow: hidden;}
.pedigree p{
	margin: -5px 0 0 0;
	position: relative;
	box-sizing: border-box;
	clear: both;
	font-weight: 700;
}
.pedigree p:first-child{margin-top: 0;}
.pedigree:after, .pedigree p:after, .pedigree p:before, .pedigree .lvl1:after{
	position: absolute;
	left: -11.7647%;
	width: 11.7648%;
	content: '';
}
.pedigree:after{
	top: 0;
	bottom: 0;
	left: 62%;
	width: 0;
	border-left: 3px solid #757677;
}
.pedigree .ss, .pedigree .sd, .pedigree .ds, .pedigree .dd{width: 34%; float: right;}
.pedigree .s, .pedigree .d{margin-left: 24%; width: 34%;}
.pedigree .b{width: 16%; min-width: 100px;}
.pedigree .lvl1{position: relative; clear: both;}
.pedigree .ss:after, .pedigree .s:after, .pedigree .ds:after{
	top: 50%;
	bottom: 0;
	border-top: 3px solid #757677;
}
.pedigree .sd:after, .pedigree .d:after, .pedigree .dd:after{
	top: 0;
	bottom: 50%;
	border-bottom: 3px solid #757677;
}
.pedigree .s:after, .pedigree .d:after{right: -11.7647%; width: auto;}
.pedigree .ss:before, .pedigree .s:before, .pedigree .ds:before{
	top: 0;
	bottom: 50%;
	left: -12%;
	width: 12%;
	z-index: 5;
	background: #f0f2f2;
}
.pedigree .dd:before, .pedigree .d:before, .pedigree .sd:before{
	top: 50%;
	bottom: 0;
	left: -12%;
	width: 12%;
	z-index: 5;
	background: #f0f2f2;
}
.pedigree .b:before{
	top: 0;
	bottom: 0;
	left: 387.5%;
	width: 5%;
	z-index: 5;
	background: #f0f2f2;
}
.pedigree .b:after{
	top: 50%;
	left: 100%;
	width: 25%;
	border-bottom: 3px solid #757677;
}
.pedigree .lvl1:after{
	top: 0;
	bottom: 0;
	left: 20%;
	width: 0;
	border-left: 3px solid #757677;
}
.pedigree span{
	padding: 10px 15px 10px 15px;
	display: block;
	position: relative;
	z-index: 10;
	border: 6px solid #757677;
	background: #f0f2f2;
}
.backto{
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 800;
	line-height: 1.3em;
	text-transform: uppercase;
}
.management .person{padding-top: 10px; overflow: auto;}
.management .person img{
	margin: 0 0 20px 0;
	width: 24.5%;
	display: block;
	float: left;
}
.management .person .text{width: 73%; float: right;}
.management .person h3{margin: 0 0 5px 0; padding: 0;}
.staff{margin: 0 -3.3333% 0 0; width: 103.3333%; overflow: auto;}
.staff .person{margin: 0 3.2258% 0 0; width: 46.7742%; float: left;}
.staff .person.p1{clear: both;}
.locations{margin: 0 -1.75% 0 0; width: 101.75%; overflow: auto;}
.location{margin: 0 1.7199% 0 0; width: 31.61343%; float: left;}
.location img{max-width: 100%;}
.location iframe{width: 100%; height: 250px;}
.text_image{padding-top: 10px; overflow: auto;}
.text_image img{
	margin: 0 0 20px 0;
	width: 24.5%;
	display: block;
	float: left;
}
.text_image .text{width: 73%; float: right;}
@media screen and (max-width: 960px){
	.content{padding-top: 40px; padding-bottom: 20px;}
	.cols_home{margin-top: -50px;}
	.cols_home .left, .cols_home .right{
		margin: 0;
		padding-left: 5%;
		padding-right: 5%;
		width: auto;
		float: none;
	}
	.cols_home .right:after{display: none;}
	.btn{padding: 4px 15px 4px 15px;}
	.home .breeds_wrap{margin: 0 auto 0 auto; max-width: 600px;}
	.links{
		margin: 0 auto 0 auto;
		width: 70%;
		max-width: 400px;
		min-width: 200px;
		float: none;
	}
	.links a{padding: 20px 15px 20px 15px; font-size: 25px;}
	#lower_img{margin-top: -50px; padding-top: 50px;}
	.breed, .bull{width: 32.67108%;}
	.bull.b1{clear: none;}
	.bull.bb1{clear: both;}
	.locations{margin: 0; width: auto;}
	.location{
		margin: 0;
		padding-top: 20px;
		width: auto;
		float: none;
	}
	.location:first-child{padding: 0;}
	.location .details{width: 45.8333%; float: left;}
	.location .img{width: 45.8333%; float: right;}
	.location .map{clear: both;}
}
@media screen and (max-width: 720px){
	.content{padding-top: 30px; padding-bottom: 10px;}
	.cols .left, .cols .right{width: auto; float: none;}
	.cols .left.content{width: auto; float: none;}
	.cols2{
		margin: 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.red_bg .btn{font-size: 18px; border-width: 6px;}
	.breeds_wrap{margin: 0 auto 0 auto; max-width: 600px;}
	.breed{width: 49.33775%;}
	.bull{font-size: 14px; line-height: 1.4em;}
	.location .details{width: auto; float: none;}
	.location .img{width: auto; float: none;}
	.pedigree:after{display: none;}
	.pedigree p{margin: 0 0 10px 0;}
	.pedigree .ss, .pedigree .sd, .pedigree .ds, .pedigree .dd{width: 80%;}
	.pedigree span{border-width: 5px;}
	.pedigree .lvl1:after{left: 5%;}
	.pedigree .s, .pedigree .d{margin-left: 10%; width: 80%;}
	.pedigree .s:after, .pedigree .d:after{left: -6.25%; right: 0;}
	.pedigree .sd:after, .pedigree .dd:after{top: -10px; left: -6.25%; border-left: 3px solid #757677;}
	.pedigree .ss:after, .pedigree .ds:after{bottom: -10px; left: -6.25%; border-left: 3px solid #757677;}
	.pedigree .b:before, .pedigree .b:after{display: none;}
	.pedigree span{padding: 6px 12px 6px 12px;}
	.management .person .img{margin: 0 0 10px 0; float: left;}
	.management .person img{margin: 0; width: 180px; float: none;}
	.management .person .text{width: auto; float: none; clear: both;}
	.staff{margin: 0; width: auto;}
	.staff .person{margin: 0; width: auto; float: none;}
	.text_image .img{margin: 0 0 10px 0; float: left;}
	.text_image img{margin: 0; width: 180px; float: none;}
	.text_image .text{width: auto; float: none; clear: both;}
}
@media screen and (max-width: 550px){
	.bull{width: 49.33775%;}
	.bull.b1, .bull.b3{clear: both;}
	.bull.bb1{clear: none;}
	.bull_single .img img{width: 80%; min-width: 0; max-width: 300px;}
}
@media screen and (max-width: 480px){
	.cols_home{margin: -1px 0 0 0;}
	.cols_home .left{margin: 0 -5.5555% 0 -5.5555%; width: auto;}
	.cols_home .right{margin: 0 -5.5555% 0 -5.5555%; width: auto;}
	.breed h3{width: 85%; font-size: 14px; border-width: 4px;}
	.links a{padding: 10px 15px 10px 15px; font-size: 20px; border-width: 6px;}
	#lower_img{margin: 0; padding: 0;}
	.main_img img{width: 300px; min-width: 0; max-width: 80%;}
}
@media screen and (max-width: 380px){
	.home .breeds_wrap, .breeds_wrap{margin: 0 auto 0 auto; max-width: 200px;}
	.breeds{margin: 0; width: auto;}
	.home .breed{margin: 0 0 10px 0; width: auto; float: none;}
	.featured_sire img{margin: 0 0 5px 0; width: 200px; float: none;}
	.featured_sire .details{width: auto;}
	.bulls{margin: 0; width: auto;}
	.bull{margin: 0 0 20px 0; width: auto;}
	.bull img{width: 200px;}
}
	
/*---------------FOOTER--------------*/
footer.red_bg a{color: #fff;}
footer.red_bg a:hover{color: #F6921E;}
footer .cols{position: relative; overflow: hidden;}
footer .col1, footer .col2, footer .col3{margin-right: 4%; float: left; word-wrap: break-word;}
footer .col1{width: 27%;}
footer .col2{width: 22%;}
footer .col3{margin: 0; width: 27%;}
footer .social{
	position: absolute;
	bottom: 20px;
	right: -10px;
	overflow: auto;
}
#copyright{
	padding-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	color: #fff;
}
#copyright ul{margin: 0 0 20px 0;}
#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: 5px; opacity: 0.5;}
#backtotop.visible:hover{opacity: 1;}
@media screen and (max-width: 1150px){
	footer .col1{width: 33%;}
	footer .col2{width: 28%;}
	footer .col3{width: 24%;}
	footer .social{padding: 10px 0 20px 0; position: static; clear: both;}
}
@media screen and (max-width: 720px){
	footer .col1{width: 48%;}
	footer .col2{margin: 0; width: 48%;}
	footer .col3{width: auto; float: none; clear: both;}
}
@media screen and (max-width: 550px){
	footer .col1{margin: 0; width: auto; float: none;}
	footer .col2{width: auto; float: none;}
}
	
/*---------------TINYMCE--------------*/
#tinymce{margin: 5px !important; line-height: 1.4em;}
#tinymce p{line-height: 1.4em;}
#tinymce h2, #tinymce h3, #tinymce h4{line-height: 1.3em;}
#tinymce ul, #tinymce ol{margin: 0 0 20px 0;}
#tinymce p + ul{margin-top: -10px;}
#tinymce ul li{padding: 0 0 0 20px; background: url(images/bullet.png) 8px 9px no-repeat;}
#tinymce ol li{margin: 0 0 0 25px; list-style: decimal;}