/*
Theme Name: www.agcoused.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

html, body{background:  url("images/bg.png") fixed center center; background-size: cover; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 14px; line-height: 1.5; height: 100%; width: 100%;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *{box-sizing: border-box;}

.sidebarColumn{min-height: inherit !important;}
.main{padding: 50px 0;}
.wrap{max-width: 1440px; margin: 0 auto; padding: 0 20px;}

.row > * {
  padding-right: 0px!important;
  padding-left: 0px!important;
}
.body-wrapper {
    max-width: 1170px;
    margin:0 auto!important;
}
/* TYPOGRAPHY */

a{transition: all .2s ease-in-out;}

/* HEADER */

.header{background: #fff; padding: 15px 0;}
.header .wrap{display: flex; align-items: center;}
.header .logo img{width: 200px; max-width: 100%;}

.header .translate{width: 250px; margin-left: auto;}
.header .translate ul{width: 100%; position: relative; z-index: 99999;}
.header .translate ul li{display: block; width: 100%; position: relative; margin: 0; padding: 0; font-size: 15px; text-align: center; list-style: none;}
.header .translate ul li a{display: block; background: #C41230; width: 100%; padding: 8px 0; font-size: 16px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}
.header .translate ul ul{display: none; position: absolute; top: 100%; margin: 0; width: 100%;}
.header .translate ul ul li a{padding: 7px; margin: 0; font-size: 14px; font-weight: 400; border-top: 1px solid #fff; z-index: 99999;}
.header .translate ul ul li a:hover{background: #8B091F; color: #fff;}
.header .translate ul li:hover ul{display: block;}

.navigation{background: url("images/nav-bg.png") center center; box-shadow: 0 5px 10px #000;}

/* HOME */

.hero{text-align: center;}
.hero h1{font-size: 25px; font-weight: 500; text-transform: uppercase; letter-spacing: 8px; color: #fff; text-shadow: 2px 2px #000;}
.hero h1 span{display: block; margin: 5px 0; font-size: 40px; font-weight: 900; letter-spacing: 0;}

.tab-container{margin: 25px 0;}
.tab-buttons{display: flex; flex-wrap: wrap; border-bottom: 5px #C41230 solid;}
.tab-buttons .tab-button{display: flex; justify-content: center; align-items: center; flex: 1; background: #8B091F; margin-right: 2px; padding: 15px; text-transform: uppercase; text-align: center; line-height: 1.25; color: #fff; cursor: pointer;}
.tab-buttons .tab-button:hover, .tab-buttons .tab-button.active{background: #C41230;}

.tab-content{display: none; padding: 25px 0;}
.tab-content.active{display: block;}

.detailed-search{display: flex; align-items: center; flex-wrap: wrap;}
.detailed-search input[type="text"]{display: block; width: calc(100% - 250px); padding: 12px; outline: none; border: 1px #777 solid; border-radius: 5px;}
.detailed-search input[type="submit"]{display: block; width: 235px; background: #C41230; margin-left: 10px; padding: 12px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; border: none; border-radius: 5px; transition: all .2s ease-in-out;}
.detailed-search input[type="submit"]:hover{background: #8B091F;}

.widgets{display: flex;}
.widgets .widget-box{flex: 1; background: #eee; padding: 15px; margin: 10px; border-radius: 10px;}
.widgets .widget-box h2{font-size: 22px; font-weight: 700; text-transform: uppercase; text-align: center; color: #C41230; margin-bottom: 15px;}
.widgets .widget-box iframe{width: 100%; overflow: scroll;}

.zoom-box{padding: 25px;}
.zoom-box a{display: block; cursor: pointer;}
.zoom-box img{display: block; max-height: 300px; margin: 0 auto; transition: all .5s ease;}
.zoom-box img:hover{box-shadow: 0 0 40px #c41230; margin-top: -10px; margin-bottom: 10px;}

.brand-container{background: #fff; padding: 50px; border-top: 5px #C41230 solid;}
.brand-container a{display: block; padding: 20px; text-align: center; transition: all .2s ease-in-out;}
.brand-container a:hover{opacity: .5;}
.brand-container img{max-height: 100px; margin: auto;}
.brand-container h2{font-size: 25px; font-weight: 700; text-transform: uppercase; text-align: right; color: #ddd; margin-bottom: 25px; overflow: hidden;}
.brand-container h2 > span{position: relative; display: inline-block;}
.brand-container h2 > span:before{content: ''; position: absolute; top: 50%; border-bottom: 2px solid; width: 1920px; margin: 0 20px;}
.brand-container h2 > span:before{right: 100%;}
.brand-container h2 > span:after{left: 100%;}

/* BODY */

.inv-banner{padding: 50px; border-bottom: 5px #C41230 solid;}
.inv-banner h1{font-size: 44px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff;}

/* MODAL */
.lock{overflow: hidden; -webkit-overflow-scrolling: touch;}

.inv-modal{display: none; position: fixed; background: rgba(0,0,0,.5); padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; z-index: 99999;}
.inv-modal .modal-inner{position: relative; margin: auto; width: calc(100% - 30px); max-width: 600px; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.25); animation-name: animatetop; animation-duration: .4s;}
.inv-modal .modal-head{position: relative; padding: 15px 25px 0; color: #555;}
.inv-modal .modal-head .close{position: absolute; top: 15px; right: 25px; font-size: 20px; color: #ccc; cursor: pointer;}
.inv-modal .modal-head .close:hover{color: #000;}
.inv-modal .modal-main{padding: 25px 25px 35px;}

.inv-modal .modal-main ul li{display: block; list-style: none; padding: 2px 0;}
.inv-modal .modal-main ul li a{display: inline-block; font-weight: 700; color: #B52126;}
.inv-modal .modal-main ul li a:hover{color: #333;}
.inv-modal .modal-main ul ul li{margin-left: 15px;}

@keyframes animatetop{
	from{top: -300px; opacity: 0} to{top: 0; opacity: 1}
}

/* FOOTER */

.footer-navigation{background: #000; padding: 25px 0; border-top: 5px #C41230 solid;}
.footer-navigation nav.primary ul li{border: none;}
.footer-navigation nav.primary ul li a{font-size: 14px;}
.footer-navigation nav.primary ul li a:hover{background: #333;}

.footer{background: #000; padding: 0 20px 50px; text-align: center; color: #777;}
.footer ul{margin: 10px 0;}
.footer ul li{display: inline-block; padding: 0 15px; list-style: none; border-right: 1px #555 solid;}
.footer ul li:last-child{border-right: none;}
.footer ul li a{font-size: 12px; text-decoration: underline; color: #777;}
.footer ul li a:hover{text-decoration: none;}

/* RESPONSIVE */

@media screen and (max-width: 980px){
	.widgets{display: block;}
	.widgets .widget-box{flex: none;}
	
	.footer-navigation{display: none;}
	.footer{padding: 50px 20px;}
}
@media screen and (max-width: 768px){
	.header .wrap{display: block;}
	.header .logo img{width: 175px; margin: auto;}
	.header .translate{margin: 10px auto 0;}
	
	.tab-buttons{display: block;}
	.tab-buttons .tab-button{margin: 0 0 2px;}
	.detailed-search input[type="text"]{width: 100%;}
	.detailed-search input[type="submit"]{width: 100%; margin: 2px 0 0;}
	
	.brand-container a{display: block; padding: 0;}
	.brand-container h2{text-align: center;}
	
	.inv-banner{padding: 20px;}
	.inv-banner h1{font-size: 24px;}
}
@media screen and (max-width: 480px){
	.footer ul li{display: block; padding: 5px 0; border: none;}
}