body, html{
	margin: 0;
	padding: 0;
	position: relative;
	overflow-x: hidden;
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.222em;
	color: #664A37;
}
body{background: #DED5CD;}
body img{border: none;}
.white_bg{color: #1F491A; background: #fff;}
.green_bg{color: #fff; background: #1F491A;}
.brown_bg{color: #fff; background: #664A37;}
.wrap{
	margin: 0 auto 0 auto;
	position: relative;
	width: 90%;
	max-width: 1600px;
}
	
/*---------------FONT STYLES--------------*/
h1, h2, h3, h4, p, a, ol, ul, li, figure, figcaption{margin: 0; padding: 0;}
h1{
	margin: 0 0 20px 0;
	font-family: 'DM Serif Display', serif;
    font-size: 80px;
    font-weight: 400;
	line-height: 1.1em;
}
h2{
	margin: 0 0 20px 0;
	padding-top: 10px;
	font-family: 'DM Serif Display', serif;
    font-size: 60px;
    font-weight: 400;
	line-height: 1.1em;
}
h2:first-child, h1 + h2{padding: 0;}
h3, .h3{
	margin: 0 0 15px 0;
    padding-top: 15px;
	font-family: 'DM Sans', sans-serif;
    font-size: 32px;
    font-weight: 700;
	line-height: 1.2em;
}
h4, .h4{
    margin: 0 0 15px 0;
    padding-top: 5px;
	font-family: 'DM Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2em;
}
h3:first-child, h1 + h3, .h3:first-child, h1 + .h3{padding: 0;}
p{margin: 0 0 20px 0;}
a{
	text-decoration: none;
	color: #1F491A;
	-webkit-transition: color 300ms ease;
	-moz-transition: color 300ms ease;
	-o-transition: color 300ms ease;
	transition: color 300ms ease;
}
a:hover{text-decoration: underline;}
a:focus{outline: none;}
.white_bg a{text-decoration: underline;}
.white_bg a:hover{color: #664A37;}
.green_bg a{color: #E7E514;}
.brown_bg a{color: #DED5CD;}
.brown_bg a:hover{color: #fff;}
ul li{list-style: none;}
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-color: orange; outline: none;}
input::-moz-focus-inner{padding: 0; border: none;}
@media screen and (max-width: 1200px){
	h1{font-size: 70px;}
	h2{font-size: 50px;}
	h3, .h3{font-size: 29px;}
}
@media screen and (max-width: 960px){
	h1{font-size: 60px;}
	h2{font-size: 42px;}
	h3, .h3{font-size: 26px;}
    h4, .h4{font-size: 22px;}
}
@media screen and (max-width: 720px){
	h1{font-size: 50px;}
	h2{font-size: 34px;}
	h3, .h3{font-size: 24px;}
    h4, .h4{font-size: 20px;}
}
@media screen and (max-width: 480px){
	h1{font-size: 40px;}
	h2{font-size: 30px;}
}
	
/*---------------HEADER--------------*/
#header{
    position: relative;
    z-index: 50;
    background-position: center center;
    background-repeat: repeat;
    background-size: cover;
}
#top1{position: relative; z-index: 50;}
#top1, #top1 .wrap{height: 245px;}
#top1 .inner{
	-webkit-transition: top 300ms ease;
	-moz-transition: top 300ms ease;
	-o-transition: top 300ms ease;
	transition: top 300ms ease;
}
#top1.fixed .inner{
    margin-top: -130px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    background: #DED5CD;
    background: rgba(255,255,255,0.85);
    background: rgba(222,213,205,0.85);
    box-shadow: 0 5px 16px rgba(102,74,55,0.15);
}
#top1.visible .inner{top: 130px;}
#top1 .wrap{padding-top: 85px; box-sizing: border-box;}
#top1.fixed .wrap{padding: 10px 0 20px 0; height: auto;}
#top1 .logo{display: block; float: left; width: 358px;}
#top1.fixed .logo{width: 200px;}
.logo img{display: block; width: 100%;}
.logo .svg{display: none;}
.svgasimg .logo .svg{display: block;}
.svgasimg .logo .png{display: none;}
#header_bottom{padding: 165px 0; color: #fff;}
#header_content{width: 40%; max-width: 496px; float: right;}
#header_content .view a{color: #fff;}
#header_content .view a:hover{color: #664A37;}
@media screen and (max-width: 1500px){
    #top1, #top1 .wrap{height: 190px;}
    #top1.visible .inner{top: 130px;}
    #top1 .wrap{padding-top: 55px;}
    #top1 .logo{width: 300px;}
    #header_bottom{padding: 140px 0;}
}
@media screen and (max-width: 1200px){
    #top1, #top1 .wrap{height: 152px;}
    #top1.fixed .inner{margin-top: -95px; overflow: visible;}
    #top1.visible .inner{top: 95px;}
    #top1 .wrap{padding-top: 40px;}
    #top1.fixed .wrap{padding: 5px 0 10px 0;}
    #top1 .logo{width: 250px;}
    #top1.fixed .logo{width: 160px;}
    #header_bottom{padding: 90px 0;}
}
@media screen and (max-width: 850px){
    #top1, #top1 .wrap{height: 132px;}
    #top1 .wrap{padding-top: 20px;}
    #header_bottom{padding-top: 30%;}
    #header_content{display: none;}
}
@media screen and (max-width: 450px){
    #top1, #top1 .wrap{height: 93px;}
    #top1.fixed .inner{margin-top: -95px; overflow: visible;}
    #top1.visible .inner{top: 95px;}
    #top1 .wrap{padding-top: 12px;}
    #top1 .logo{width: 180px;}
    #top1.fixed .logo{width: 130px;}
}
	
/*---------------NAV--------------*/
nav{
    margin-bottom: 26px;
    position: absolute;
    bottom: 0;
    right: 45px;
	-webkit-transition: max-height 300ms ease;
	-moz-transition: max-height 300ms ease;
	-o-transition: max-height 300ms ease;
	transition: max-height 300ms ease;
}
#top1.fixed nav{margin-bottom: 20px;}
nav li{display: inline-block; position: relative; border-left: 2px solid #664A37;}
nav li:first-child{border-left: none;}
nav li:before, nav a:before{
    position: absolute;
    top: 100%;
    left: -2px;
    right: -2px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    content: '';
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
nav li:before{background: #664A37;}
nav li.current:before{opacity: 1; visibility: visible; height: 26px;}
#top1.fixed nav li.current:before{height: 20px;}
nav .current.menu-item-has-children:after{display: none;}
nav a{
    margin: -15px 0 -26px 0;
    padding: 15px 15px 26px 15px;
    display: block;
    font-size: 20px;
    line-height: 1.45em;
    color: #664A37;
}
#top1.fixed nav a{margin: -12px 0 -20px 0; padding: 12px 12px 20px 12px; font-size: 18px;}
nav a:hover{text-decoration: none; color: #1F491A;}
nav a:before{background: #1F491A;}
nav a:hover:before{opacity: 1; visibility: visible; height: 26px;}
#top1.fixed nav a:hover:before{height: 20px;}
nav .menu-item-has-children > span{
    padding: 0 15px 10px 15px;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.45em;
}
#top1.fixed nav .menu-item-has-children > span{padding: 0 12px 8px 12px; font-size: 22px;}
nav .menu-item-has-children a span{display: none;}
#nav_toggle{
	padding: 0 50px 0 10px;
	display: none;
	position: absolute;
	bottom: 12px;
	right: -10px;
	height: 40px;
	z-index: 1000;
	cursor: pointer;
    text-transform: uppercase;
	color: #664A37;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
#top1.fixed #nav_toggle{margin-bottom: -20px; bottom: 50%;}
#nav_toggle .text{
    margin-top: 8px;
    display: inline-block;
    font-size: 20px;
    line-height: 1.3em;
}
#nav_toggle .bar{
	display: block;
	position: absolute;
	right: 10px;
	width: 30px;
	height: 4px;
	background: #664A37;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
#nav_toggle .bar1{top: 9px;}
#nav_toggle .bar2{top: 18px;}
#nav_toggle .bar3{top: 18px;}
#nav_toggle .bar4{top: 27px;}
.csstransforms .show_nav #nav_toggle .bar1{top: 27px; opacity: 0;}
.csstransforms .show_nav #nav_toggle .bar4{top: 9px; 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: 1200px){
	nav{
        margin: 0;
        top: 100%;
        bottom: auto;
        right: 0;
		width: 250px;
		max-height: 0;
		overflow: hidden;
        background: #664A37;
	}
	.show_nav nav{max-height: 600px;}
	nav > ul{padding: 5px 0 5px 0;}
    nav li{display: block; border: none;}
    nav li:before{display: none;}
    nav a, #top1.fixed nav a{
        margin: 0;
        padding: 5px 15px;
        font-size: 20px;
        color: #fff;
    }
    nav a:hover, #top1.fixed nav a:hover{color: #E7E514;}
    nav a:before{display: none;}
    nav .current a, #top1.fixed nav .current a{font-weight: 700; color: #E7E514;}
    nav .menu-item-has-children > span{display: none;}
    nav .menu-item-has-children a{padding: 5px 15px;}
    nav .menu-item-has-children a span{display: inline;}
	#nav_toggle{display: block;}
}
@media screen and (max-width: 450px){
    #nav_toggle{bottom: 3px;}
}
@media screen and (max-width: 340px){
    #nav_toggle{padding-left: 0;}
    #nav_toggle .text{display: none;}
}
	
/*---------------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 15px; position: relative;}
main ul li:before{
    position: absolute;
    top: 9px;
    left: 7px;
    width: 3px;
    height: 3px;
    content: '';
    border-radius: 50%;
    background: #664A37;
}
main img{display: block; max-width: 100%;}
.content{padding-top: 50px; padding-bottom: 30px;}
.content + .content{padding-top: 0;}
.center{text-align: center;}
.cols{overflow: auto;}
.cols .left{width: 48.25%; float: left;}
.cols .right{width: 48.25%; float: right;}
.cols .left_lrg{width: 65.5%; float: left;}
.cols .left_lrg + .left_lrg{clear: left;}
.cols .right_sml{width: 31%; 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;
}
.cols3 .col{margin-left: 3.5%; width: 31%; float: left;}
.cols3 .col:first-child{margin: 0;}
.clear{clear: both;}
.btn, .btn2{
    padding: 14px 30px;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.333em;
    color: #fff;
    background: #1F491A;
    border-radius: 30px;
	-webkit-transition: color 300ms ease, background 300ms ease;
	-moz-transition: color 300ms ease, background 300ms ease;
	-o-transition: color 300ms ease, background 300ms ease;
	transition: color 300ms ease, background 300ms ease;
}
.brown_bg .btn{color: #664A37; background: #fff;}
.btn:hover, .brown_bg .btn:hover, .btn2:hover{text-decoration: none; color: #fff; background: #6C8435;}
.white_bg .btn{text-decoration: none;}
.white_bg .btn:hover{color: #fff;}
.btn2{padding: 10px 26px; font-size: 20px;}
.content_img{box-shadow: 0 5px 16px rgba(102,74,55,0.36);}
.small_testimonial{font-size: 24px; font-weight: 700; line-height: 1.222em;}
.small_testimonial .view{
    margin-top: -10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.222em;
}
.small_testimonial .view a{color: #664A37;}
.small_testimonial .view a:hover{text-decoration: none; color: #1F491A;}
.quick_links{margin: 0 auto 20px auto; max-width: 380px; overflow: hidden;}
.quick_links li{
    margin-left: 7.368421%;
    padding: 0;
    width: 28.421053%;
    float: left;
	font-family: 'DM Serif Display', serif;
    font-size: 30px;
    font-weight: 400;
    text-align: center;
	line-height: 1.2em;
    background: none;
}
.quick_links li:first-child{margin-left: 0;}
.quick_links a{display: block; color: #fff;}
.quick_links a:hover{text-decoration: none;}
.quick_links img{
    margin-top: 20px;
    display: block;
    max-width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.quick_links a:hover img{
    -webkit-filter: saturate(0%) brightness(130%);
    filter: saturate(0%) brightness(130%);
}
.cssgrid .bull_section{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-auto-flow: column;
}
.bull_section .col{width: 65.5%; float: left;}
.cssgrid .bull_section .col{width: auto; float: none;}
.cssgrid .bull_section .col1_1, .cssgrid .bull_section .col2_1{align-self: end;}
.cssgrid .bull_section .col_left{margin-right: 38%;}
.cssgrid .bull_section .col_right{margin-left: 38%;}
.cssgrid .bull_section h3{padding-bottom: 0.1em;}
.bull_section .col_middle{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 31%;
    background: url("images/bull-section.jpg") center bottom no-repeat;
    background-size: 100% auto;
}
.cssgrid .bull_section .col_middle{left: 34.5%; right: auto;}
.cssgrid .bull_section .clear{display: none;}
.gallery{margin: 0 -3.5% 20px 0; width: 103.5%;}
.gallery img{margin-right: 3.381643%; width: 21.618357%; float: left;}
.follow_instagram{text-align: right;}
.bulls{margin: 0 -3.5% -3.5% 0; padding-bottom: 20px; width: 103.5%;}
.cssgrid .bulls{display: grid; grid-template-columns: repeat(3, 1fr);}
.bull{
    margin: 0 3.381643% 3.381643% 0;
    width: 29.951691%;
    float: left;
    background: #fff;
    box-shadow: 0 5px 16px rgba(102,74,55,0.36);
}
.cssgrid .bull{
    margin: 0 10.144928% 10.144928% 0;
    display: grid;
    width: auto;
    float: none;
    grid-template-rows: auto 1fr auto auto;
}
.cssgrid .dams .bull{grid-template-rows: auto 1fr auto;}
.bull:nth-child(3n+1){clear: both;}
.cssgrid .bull:nth-child(n){clear: none;}
.bull figcaption{display: none;}
.bull img{display: block; max-width: 100%;}
.bull .tag{position: relative; width: 100%; height: 0;}
.bull .tag span{
    padding: 8px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #664A37;
    background: rgba(102,74,55,0.8);
}
.bull .details{padding: 30px 5.040323% 10px 5.040323%;}
.bull .pedigree{margin-bottom: 20px;}
.cssgrid .bull .pedigree{padding-left: 78px; display: grid; grid-auto-rows: auto;}
.bull .pedigree h3{margin-bottom: 5px; font-size: 30px;}
.cssgrid .bull .pedigree h3{margin: 0 0 0 -65px;}
.bull .pedigree p{
    margin: 0;
    font-size: 16px;
    line-height: 1.222em;
    color: #9B8579;
}
.cssgrid .bull .pedigree p{
    display: grid;
    position: relative;
    min-height: 40px;
    align-content: center;
}
.cssgrid .bull .pedigree .sire{grid-area: 1 / 1;}
.bull .pedigree .label{font-weight: 700; text-transform: uppercase;}
.cssgrid .bull .pedigree .label{display: none;}
.cssgrid .bull .pedigree p:before{
    margin-right: 14px;
    position: absolute;
    right: 100%;
    width: 16px;
    height: 16px;
    content: '';
    border: 8px solid #664A37;
}
.cssgrid .bull .pedigree .sire:before{
    margin-top: -4px;
    top: 50%;
    border-bottom: none;
    border-right: none;
    border-top-left-radius: 16px;
}
.cssgrid .bull .pedigree .dam:before{
    margin-bottom: -4px;
    bottom: 50%;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 18px;
}
.bull .description{padding-bottom: 10px;}
.cssgrid .bull .description{padding-left: 78px;}
.bull .description p{margin: 0 0 10px 0;}
.bull .link{margin: 0;}
.bull .link a, .bull .link span{
    padding: 0.625em 0.8em;
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.222em;
    color: #fff;
    background: #9B8579;
	-webkit-transition: background 300ms ease;
	-moz-transition: background 300ms ease;
	-o-transition: background 300ms ease;
	transition: background 300ms ease;
}
.bull .link span{padding: 1em 1.111em; font-size: 18px;}
.cssgrid .bull .link a, .cssgrid .bull .link span{
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    height: 60px;
    align-content: center;
}
.bull .link.green1 a{background: #6C8435;}
.bull .link.green2 a{background: #1F491A;}
.bull .link a:hover{text-decoration: none; background: #664A37;}
.cssgrid .bulls .clear{display: none;}
.social{margin-bottom: 20px; overflow: hidden;}
.social img{margin-right: 15px; width: 40px; float: left;}
.testimonial .text{font-style: italic; line-height: 1.4em;}
.testimonial .text p{margin-bottom: 10px;}
.testimonial .person{font-weight: 700;}
.testimonial .person + .location{margin-top: -20px;}
.bull.sale_info{text-align: center;}
.cssgrid .bull.sale_info{grid-template-rows: 1fr auto auto;}
.bull.sale_info .sale_logo{margin: 0 0 15px 0;}
.bull.sale_info .sale_logo img{display: inline-block; height: 160px; max-width: 100%;}
.bull.sale_info .h4{padding-top: 0;}
.bull.sale_info .info{padding-bottom: 15px;}
.bull.sale_info .info p{margin-bottom: 5px;}
.video{margin-bottom: 20px; padding-top: 56.25%; position: relative;}
.video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.instagram_feed.hidden .feed, .instagram_feed .no_feed{display: none;}
.instagram_feed .follow_instagram{margin-top: 20px;}
.instagram_feed.hidden .no_feed{display: block;}
@media screen and (max-width: 1500px){
    .cssgrid .bull_section{display: block;}
    .cssgrid .bull_section .col{margin: 0; width: 65.5%; float: left;}
    .bull_section .col_middle{left: 69%; right: auto; width: 496px;}
    .cssgrid .bull_section .col_middle{left: 69%;}
    .cssgrid .bull_section .clear{display: block;}
    .bull .pedigree h3{font-size: 27px;}
}
@media screen and (max-width: 1300px){
    .bull .pedigree h3{font-size: 24px;}
}
@media screen and (max-width: 1200px){
    .center_mobile{text-align: center;}
    .cols .left_lrg, .cols .right_sml{width: auto; float: none;}
    .cols3 .col{margin: 0; width: auto; float: none;}
    .cols3 .col + .col{padding-top: 10px;}
    .btn{font-size: 22px;}
    .small_testimonial{font-size: 22px;}
    .small_testimonial .view{font-size: 18px;}
    .quick_links{max-width: 330px;}
    .quick_links li{font-size: 28px;}
    .cssgrid .bulls{grid-template-columns: repeat(2, 1fr);}
    .bull{width: 46.618357%;}
    .cssgrid .bull{margin: 0 7.008586% 7.008586% 0;}
    .bull:nth-child(3n+1){clear: none;}
    .bull:nth-child(2n+1){clear: both;}
}
@media screen and (max-width: 960px){
	.content{padding-top: 40px; padding-bottom: 20px;}
    .btn{font-size: 20px;}
    .bull_section .col, .cssgrid .bull_section .col{width: auto; float: none;}
    .bull_section .col_middle{
        margin: 0 auto -20px auto;
        position: static;
        width: auto;
        max-width: 550px;
        background-position: left bottom;
        background-size: auto 100%;
    }
    .bull_section .col_middle:before{
        padding-top: 53.818181%;
        display: block;
        width: 90.181818%;
        content: '';
    }
    .instagram_feed .follow_instagram{text-align: center;}
    .bull .details{padding-top: 20px; padding-bottom: 1px;}
    .cssgrid .bull .pedigree, .cssgrid .bull .description{padding-left: 55px;}
    .cssgrid .bull .pedigree{margin-bottom: 15px;}
    .bull .pedigree h3{font-size: 22px;}
    .cssgrid .bull .pedigree h3{margin-left: -55px;}
    .bull .description{font-size: 16px; line-height: 1.222em;}
    .cssgrid .bull .link a, .cssgrid .bull .link span{height: 52px;}
    .bull .link a{font-size: 20px;}
    .bull .link span{font-size: 16px;}
}
@media screen and (max-width: 850px){
	.cols .left, .cols .right{width: auto; float: none;}
    .bulls.sales{margin: 0 0 -10px 0; padding-bottom: 0; width: auto;}
    .cssgrid .bulls.sales{display: block;}
    .bull.sale_info{margin: 0 0 30px 0; padding: 0; width: auto;}
    .cssgrid .bull.sale_info{margin: 0 0 30px 0;}
    .bull.sale_info .sale_logo img{max-width: 60%; height: auto; max-height: 160px;}
    .cssgrid .bulls.sales .clear{display: block;}
}
@media screen and (max-width: 720px){
	.content{padding-top: 30px; padding-bottom: 10px;}
	.cols2{
		margin: 0;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
    .btn{font-size: 18px;}
    .small_testimonial{font-size: 20px;}
    .small_testimonial .view{font-size: 16px;}
    .quick_links{max-width: 300px;}
    .quick_links li{font-size: 25px;}
    .quick_links img{margin-top: 15px;}
    .bull_section .col_middle{margin-bottom: -10px;}
    .bull .pedigree h3{font-size: 20px;}
    .bull .pedigree p{font-size: 15px;}
    .cssgrid .bull .pedigree p{min-height: 37px;}
    .cssgrid .bull .description{padding-left: 0;}
    .cssgrid .bull .link a, .cssgrid .bull .link span{height: 48px;}
    .bull .link a{font-size: 18px;}
    .bull .link span{font-size: 14px;}
}
@media screen and (max-width: 580px){
    .bulls{margin: 0 0 -10px 0; padding-bottom: 0; width: auto;}
    .cssgrid .bulls{display: block;}
    .bull{margin: 0 0 30px 0; padding: 0; width: auto;}
    .cssgrid .bull{margin: 0 0 30px 0;}
    .cssgrid .bulls .clear{display: block;}
}
@media screen and (max-width: 480px){
    .btn2{padding: 7px 23px; font-size: 18px;}
    .quick_links{width: 80%; max-width: 300px;}
    .quick_links li{font-size: 22px;}
    .quick_links img{margin-top: 12px;}
}
	
/*---------------FOOTER--------------*/
footer .sale_info .sale_logo{margin: 0 0 15px 0;}
footer .sale_info .sale_logo img{display: inline-block; height: 160px; max-width: 100%;}
footer .sale_info .h4{padding-top: 0;}
footer .sale_info .info{padding-bottom: 15px;}
footer .sale_info .info p{margin-bottom: 5px;}
footer .row3{font-size: 16px; line-height: 1.222em;}
footer .row3 a{text-decoration: underline; color: #fff;}
footer .row3 a:hover{color: #E7E514;}
footer .row3 ul{margin-bottom: 20px;}
footer .row3 li + li{padding-top: 10px;}
footer .row3 .col{margin-left: 3.5%; width: 22.375%; float: left;}
footer .row3 .col1{margin: 0;}
footer .row3 .logo{margin-bottom: 30px; display: block; width: 220px;}
footer .row3 .social{margin-bottom: 30px; padding-top: 58px;}
footer .row3 .brand{
    margin: 0 0 30px 0;
    padding-top: 19px;
	font-family: 'DM Serif Display', serif;
    font-size: 80px;
    line-height: 1em;
    color: #6C8435;
}
footer .row3 .brand span{margin: 0.1em 0 -0.1em; display: block;}
footer .row3 .quality_assurance{margin: 36px 0 30px 0; display: block; width: 230px;}
#copyright{font-size: 14px; line-height: 1em;}
#copyright .wrap{padding: 15px 0;}
#copyright a{color: #664A37;}
#copyright .icon{margin: 0 10px 0 0; display: inline-block; vertical-align: middle;}
#copyright .icon img{display: block; width: 25px;}
#copyright ul{
    margin-bottom: 1px;
    display: inline-block;
    font-size: 14px;
    line-height: 1.3em;
    vertical-align: middle;
}
#copyright li{display: inline-block;}
#copyright li + li:before{content: ' | ';}
#backtotop{
	position: fixed;
	bottom: 10%;
	right: -40px;
	width: 40px;
	height: 40px;
	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: 1200px){
    footer .row2{text-align: center;}
    footer .row3 .col{width: 48.25%;}
    footer .row3 .col3{margin-left: 0; clear: both;}
    footer .row3 .brand{padding-top: 0;}
    footer .row3 .quality_assurance{margin-top: 17px;}
}
@media screen and (max-width: 1024px){
	#copyright img{margin: 0 0 5px 0;}
	#copyright ul, #copyright li{display: block;}
	#copyright li + li:before{display: none;}
}
@media screen and (max-width: 720px){
    footer .row3 .col{margin: 0; width: auto; float: none;}
    footer .row3 .col + .col{padding-top: 10px;}
    footer .row3 .logo, footer .row3 .social, footer .row3 .brand{margin-bottom: 20px;}
    footer .row3 .social{padding-top: 0;}
    footer .row3 .brand span{margin-top: -0.1em;}
    footer .row3 .quality_assurance{margin: 0 0 20px 0;}
}