/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		04.01.2012

*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework

*/

/* 1. Create a Clean Base
------------------------------------------------------------------------------*/

html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address,
small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,
input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;}
input[type="submit"] {cursor: pointer; font-family: Cabin, sans-serif !important; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
}

blockquote, q {margin-bottom: 10px; quotes: none;font-family:'Cabin', sans-serif; font-weight: 400; font-size: 15px; color: #403c35; letter-spacing: 0.025em; line-height: 25px;}
br {height: 0;}
ul, ol, dl {list-style: none;}

/* Class for clearing floats */
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}


/* 2. Define Base Typography
------------------------------------------------------------------------------*/

/* Create the Default Headers  */
h1, h2, h3, h4, h5, h6 {color: #403c35; font-family: "georgia","verdana","helvetica","arial",serif;}

/* Create the Default Paragraphs */
p {font-family:'Cabin', sans-serif; font-weight: 400; font-size: 17px; color: #403c35; letter-spacing: 0.025em; line-height: 30px;}

/* Specific Header Settings */
h1 {font-family: 'Bitter', serif; font-weight: 400; font-size: 34px; color: #34363b; letter-spacing: 0.065em; text-transform: uppercase;}
h2 {font-family: 'Cabin', sans-serif; font-weight: 600; font-size: 18px; color: #403c35; letter-spacing: 0.075em; line-height: 41px; text-transform: uppercase;}
h3 {font-family: 'Cabin', sans-serif; font-weight: 700; font-size: 19px; color: #9b2833; letter-spacing: 0.075em; line-height: 41px;}
h4 {font-family: 'Bitter', serif; font-weight: 400; font-size: 20px; letter-spacing: 1.5px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}

/* Other Typo */
strong {font-weight: bold;}
hr {border:0 #403c35 solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: none;}

/* 3. Images
------------------------------------------------------------------------------*/

/* Remove border around linked images */
img {border: 0; border-style: none;}

/* 4. Links
------------------------------------------------------------------------------*/

/* Default Link Types */
a {color:#c8b25a; text-decoration: none; font-family: 'Cabin', sans-serif;}
a:hover {color:#c8b25a; text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {border: 1px solid transparent;}

/* 6. Tables
------------------------------------------------------------------------------*/

/* Table Fixes */
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 6.5 Helper Classes
-------------------------------------------------------------------------------*/

.c:after{clear: both; content: ""; display: block;}
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.left {float:left;}
.right {float: right;}
.absolute {position: absolute;}
.relative {position: relative;}
.container {max-width: 1050px; width: 90%; margin: auto; position: relative;}
.active {color:#c8b25a;}
.columns {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.auto {margin: auto;}
.center {text-align: center;}
.border {background-image: url(/images/site/gold_dot_line_rptr.png); width: 100%; height: 3px; position: absolute;}
.btn {color: #c8b25a; border: 2px solid #c8b25a; padding: 5px 13px; font-size: 17px; letter-spacing: 2px;}
.hide {display: none;}
.dots {background-image: url(/images/site/gold_dot_line_rptr.png); background-repeat: repeat-x; background-position: 0px 5px; height: 14px;}
.filter {width: 400px; margin: 15px auto 5px;}
.filter p {float: left; margin-top: 10px;}
.filter select.custom-dropdown {-webkit-appearance: none; -moz-appearance: none; border: 1px solid #e1e1e1; color: #A9A9B9; font-size: 12px; padding: 13px 10px; width: 98%; cursor: pointer; background: url(/images/site/drop-down-arrow.png) no-repeat right center; background-size: 40px 41px; border-radius: 0px;}
.filter select.custom-dropdown {float:right; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #e1e1e1; color: #A9A9B9; font-size: 14px; letter-spacing: .075em; padding: 13px 10px; width: 300px; cursor: pointer; background: #fff url(/images/site/drop-down-arrow.png) no-repeat right center; background-size: 40px 43px; border-radius: 0px;}
.filter select option {text-transform: uppercase;}


/* 7. Framework
------------------------------------------------------------------------------*/


/* Page Layout */
html, body {height: 100%; font-size: 13px; font-family: "verdana","helvetica",sans-serif; min-width: 1050px; background: #A22734;}


/* Wrapper */
#wrapper {/*min-height: 100%; */height: auto !important; margin: 0px auto -210px; background: url(/images/site/rptr_paper.jpg); box-shadow: 0px 0px 5px 0px rgba(0,0,0,.7); padding-top: 30px;}


/* Age Verification */
.age-verify {overflow: scroll; position: fixed; z-index: 100000; background: #fff; top: 0px; bottom: 0px; left: 0px; right: 0px; text-align: center;}
.age-verify .age-header {margin-top: 35px; margin-bottom: 100px; border-top: 2px solid #c8b25a; border-bottom: 2px solid #c8b25a; position: relative; padding: 5px 0px; height: 90px;}
.age-verify .age-header .inner {box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5); height: 80px; position: relative; margin-top: 5px;}
.age-verify .age-header .inner .logo {background: #fff; width: 137px; padding: 5px 6px 3px 5px; border-radius: 100px; box-shadow: 0px 0px 10px -2px rgba(0,0,0,.5); position: absolute; top: -35px; left: 45%;}
.age-verify .container.age-buttons {width: 350px;}
.age-verify .container h4 {font-size: 25px; text-transform: uppercase; margin: 10px 0px 20px;}
.age-verify .container p {font-size: 15px;}
.age-verify .container .dots {margin: 75px 0px;}
.age-verify .container .btn {text-transform: uppercase; width: 125px; float: left; margin: 0px 10px;}


/* Header */
header {width: 100%; z-index: 10000; position: relative; margin: auto; background: url(/images/site/rptr_paper.jpg); height: 125px;}
header #search {float: left; margin: 0px;}
header .search-box {position: absolute; border-radius: 20px; left: -225px; background: #fff; padding: 5px 10px; top: -5px; font-family: 'Cabin', sans-serif; font-size: 14px;}
header .search-box input[type="submit"] {cursor: pointer; color: #BFAA58; font-size: 15px;}
header div.right {/*margin-top: 10px; */padding: 6px 0px; background: url(/images/site/rptr_paper.jpg); float: none; max-width: 100%; text-align: right; width: 100%;}
header div.right .box {width: 500px; float: right; margin-right: 50px;}
header div.right a {font-size: 17px; margin: 0px 10px; color: #403c35;}
header div.right img {float: left;}
header div.right .divider {border-right: 2px solid #403c35;}
header .container {margin-top: 30px; width: 100%; max-width: 100%; padding-top: 10px; position: absolute; top: 0; height: 70px; padding-bottom: 10px; border-top: 3px solid #C8B258; border-bottom: 3px solid #C8B258;}
header .left-logo {width: 100px; height: 70px; float: left; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15);}
header .logo {margin-top: -40px; margin-left: 40px; background: #fff; padding: 7px 10px; border-radius: 100px; box-shadow: 0px 0px 10px 1px rgba(181, 140, 40, 0.4); z-index: 1; position: absolute;}
header .right-logo {float: left; background: #fff; height: 70px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,.15); width: 100%;}
header .right-logo .box-fix {width: 100%; max-width: 1050px; margin: auto;}
header .right-logo ul {width: 80%; margin: 0 auto; text-align: center; float: right;}
header .right-logo ul li {display: inline-block;}
header .right-logo ul li.has-dropdown {position: relative;}
header .right-logo ul li.has-dropdown:hover .dropdown-menu {visibility: visible;opacity:1;}
header .right-logo ul li.has-dropdown .dropdown-menu {position: absolute;top:100%;left:0;background:#221F27;width: 225px;visibility:hidden;opacity:0;transition: .3s ease-in-out;}
header .right-logo ul li.has-dropdown .dropdown-menu li {display:block;text-align:left;}
header .right-logo ul li.has-dropdown .dropdown-menu li a {display:block;padding: 9px 19px;color: #FFF;text-transform:none;font-weight: 400;text-shadow:none;letter-spacing:0;line-height:22px;}
header .right-logo ul li.has-dropdown .dropdown-menu li a:hover, header .right-logo ul li.has-dropdown .dropdown-menu li a.active {background:#BFAA58}
header .right-logo ul li a {text-shadow: 1px 1px 2px rgba(200, 178, 90, 0.59); font-family: 'Cabin', sans-serif; font-weight: 600; font-size: 19px; color: rgba(0, 0, 0, 0.69); letter-spacing: 0.085em; text-transform: uppercase;display: block;line-height: 70px;}
header .right-logo ul li a.active {color:#c8b25a;}
header .right-logo ul .divider {margin: 13px; font-size: 16px;}
.home header div.right a {color: #fff;}
.home header div.right .divider {border-right: 2px solid #fff;}


/* Main */
.banner {margin-top: -30px;}
.banner .banner_slider {width: 100%; height: 700px; background-size: cover; background-position: center;}
.banner .banner_slider .spacer {padding-top: 250px;}
.banner .banner_slider .container {width: 602px; height: 300px; background-image: url(/images/site/banner_callout.png);}
.banner .banner_slider .container .content {width: 85%; margin: auto; padding-top: 40px;}
.banner .banner_slider .container .content h1,h2,h3 {color: #fff;}
.banner .center {width: 100%; position: absolute; top: 50%; z-index: 1001;}
.banner .center #next {float: right; margin-right: 20px; margin-right: 5%;}
.banner .center #prev {float: left; margin-left: 20px; margin-right: 5%;}
.banner .cycle-pager {position: absolute; bottom: 30px; z-index: 101; width: 100%; text-align: center;}
.banner .cycle-pager span {cursor: pointer; margin: 0px 10px; color: transparent; background-image: url(/images/site/banner_dots.png); background-size: cover; padding: 1px 5px; background-position: 0px 0px;}
.banner .cycle-pager span.cycle-pager-active {padding: 1px 5px; background-position: 0px -18px;}
.banner .container .border {background-image: url(/images/site/gold_dot_line_rptr.png); width: 100%; height: 14px; position: absolute;}
.banner .container .border.top {width: 86%; margin-left: 7%; top: 30px;}
.banner .container .border.top img {margin-top: -37px; margin-left: -20px;}
.banner .container .border.middle {width: 86%; top: 135px;}
.banner .container .content a {position: absolute; width: 85%; text-align: center; bottom: 25px; font-family: bitter, serif; font-size: 15px;}
.banner .container .content h3 {line-height: 30px; margin-top: 20px; font-weight: 400;}


/* Home */
.home .border {width: 96%; background-image: url(/images/site/dot_rptr_white.png); background-repeat: repeat-x; background-position: center 5px; height: 14px;}

.home .sub-banner {padding: 25px;}
.home .sub-banner .center {background-image: url(/images/site/gold_dot_line_rptr.png); background-repeat: repeat-x; background-position: 0px;}
.home .sub-banner .container {margin: 20px auto;}
.home .sub-banner h1 {text-transform: none; font-style: italic; font-size: 26px; text-align: center;}

.home .middle-images .left {width: 40%; height: 882px;}
.home .middle-images .left .header {padding: 20px; text-align: center; position: relative;}
.home .middle-images .left .border {width: 75%; left: 60px;}
.home .middle-images .left h4 {padding: 25px 0px 15px;}
.home .middle-images .right {width: 60%;}
.home .middle-images .right .top {width: 100%; height: 460px; position: relative;}
.home .middle-images .right .top img {width: auto;}
.home .middle-images .right .top .blurry {position: absolute; width: 100%; top: 0; bottom: 0; background-size: cover;}
.home .middle-images .right .top:hover .hover.hide {display: block;}
.home .middle-images .right .top .hover.hide {width: 100%; height: 410px; position: absolute; text-align: center; padding-top: 50px; background-color: rgba(47,44,39,0.8);}
.home .middle-images .right .top .hover .center {background-image: url(/images/site/dot_rptr_white.png); background-repeat: repeat-x; background-position: 0px 4px; width: 300px; margin: auto;}
.home .middle-images .right .top .hover h3 {text-shadow: 1px 1px 4px rgba(0,0,0,1); font-family: Bitter, serif; font-weight: 100; font-size: 28px; text-transform: uppercase; margin-top: 12px;}
.home .middle-images .right .top .hover h4 {text-shadow: 1px 1px 4px rgba(0,0,0,1); color: #fff; font-family: Cabin, sans-serif; text-transform: uppercase; letter-spacing: 2px; font-size: 17px; margin-bottom: 20px;}
.home .middle-images .right .top .hover p {width: 80%; margin: auto; margin-bottom: 30px; color: #fff; letter-spacing: .075em; font-size: 19px; line-height: 26px;}

.home .middle-images .right .bottom {width: 100%; margin-top: -3px;}
.home .middle-images .right .bottom .left.career , .home .middle-images .right .bottom .left.location {width: 50%; height: 425px; text-align: center; position: relative;}
.home .middle-images .right .bottom .left .shadow {position: absolute; width: 100%; bottom: 0; top: 0;}
.home .middle-images .right .bottom .left .shadow:hover {background: rgba(47,44,39,0.8);}
.home .middle-images .right .bottom .center {width: 80%; margin: auto; background-image: url(/images/site/dot_rptr_white.png); background-repeat: repeat-x; background-position: 0px 5px;}
.home .middle-images .right .bottom .btn {border: 2px solid; padding: 5px 13px; font-size: 17px; letter-spacing: 2px;}
.home .middle-images .right .bottom .location .center {margin-bottom: 50px;}
.home .middle-images .right .bottom .location .content {margin-top: 100px;}
.home .middle-images .right .bottom .location h3 {font-size: 16px;}
.home .middle-images .right .bottom .location h4 {font-size: 30px; padding: 0px 0px 15px; color: #fff; text-shadow: 1px 1px 4px rgba(0,0,0,1); letter-spacing: 2px;}
.home .middle-images .right .bottom .career .center {margin-bottom: 20px;}
.home .middle-images .right .bottom .career .content {margin-top: 90px; position: relative;}
.home .middle-images .right .bottom .career h3 {font-size: 16px;}
.home .middle-images .right .bottom .career h4 {text-shadow: 1px 1px 4px rgba(0,0,0,1); font-size: 30px; padding: 0px 0px 15px; color: #fff; letter-spacing: 2px; max-width: 400px; margin: -14px auto 47px;}
.home .middle-images .right .bottom .career .border {left: 50px; top: 100px;}
.home .middle-images #feat-prev {float: left; background-color: #27242c; padding: 10px;}
.home .middle-images #feat-next {float: right; padding: 10px; background-color: #27242c;}
.home .middle-images .featured {position: relative;}
.home .middle-images .featured .featured-content {width: 100%; overflow: hidden;}
.home .middle-images .featured .featured-content .image {position: relative; width: 75%; height: 532px; text-align: center; margin: 0px auto 0px; background-size: contain; background-position: top center; background-repeat: no-repeat; margin-bottom: 60px;}
.home .middle-images .featured .featured-content .image img {max-width: 81%; max-height: 550px; margin: auto; position: relative;}
.home .middle-images .featured .featured-content .bottom {margin-top: -5px; background: rgba(39,36,44, 1); width: 96%; padding: 10px 10px 26px 10px; text-align: center;}
.home .middle-images .featured .cycle-slideshow {margin-top: 72px;}
.home .middle-images .featured .cycle-slideshow .border {transform: rotate(90deg); left: 25px; width: 90px; bottom: 50px;}
.home .middle-images .featured .center {position: absolute; width: 100%; top: 380px; z-index: 100;}
.home .middle-images .featured .header h4 {color: #fff; font-size: 30px; text-shadow: 1px 1px 4px rgba(0,0,0,1); letter-spacing: 2px;}
.home .middle-images .featured .featured-content .bottom .left {width:45px; height: 72px;}
.home .middle-images .featured .featured-content .bottom .left img {margin: 0px; width: 25px; height: auto; max-height: 80px;}
.home .middle-images .featured .featured-content .bottom h3, .home .middle-images .featured .featured-content .bottom p, .home .middle-images .featured .featured-content .bottom a {text-align: left; margin-left: 80px; font-family: Bitter, serif; font-weight: 100;}
.home .middle-images .featured .featured-content .bottom p {font-style: italic; color: #fff; margin-top: -5px; margin-bottom: 5px;}

.home .our-brands {padding: 25px 0px; width: 100%; max-width: 100%;}
.home .our-brands h4 {text-align: center; padding: 10px; font-size: 30px; letter-spacing: .075em;}
.home .our-brands .container {max-width: 100%; width: 100%;}
.home .our-brands .container .border {width: 100%;}

.home .owl-carousel .owl-item {overflow: hidden;}
.home .owl-carousel .owl-item img {margin: auto;}



/* Basic Template Stylings*/
main {background-color: #fff}
main .heading {position: relative; background: url(/images/site/rptr_paper.jpg); padding: 15px 0px 20px; text-align: center; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);}
main .heading h1 {padding: 20px 0px 10px;}
main .container {margin-top: 50px;}
main .container .nav {width: 25%; padding-bottom: 50px;}
main .container .nav .sub-heading {text-align: center; padding: 10px 0px 5px; font-size: 24px; color: #34363b; letter-spacing: 2px;}
main .container .nav .sub-heading.second {text-transform: uppercase; letter-spacing: 1px; font-size: 18px; font-family: 'Cabin', sans-serif; margin-top: 50px;}
main .container .nav ul.second li a {font-family: Cabin, sans-serif; font-style: normal;}
main .container .nav ul li {margin: 17px 0px;}
main .container .nav ul li a {letter-spacing: 1px; font-family: Bitter, serif; font-size: 17px; font-style: italic;}
main .container .nav ul li a.active {color: #403c35;}
main .container .content {overflow: hidden; width: 65%; padding-bottom: 50px; position: relative;}
main .container .content h2 {color: #403c35;}
main .container .content h3 {color: #9C2833;}
main .container .content p {margin: 10px 0px;}
main .container .content li {font-size: 14px; margin: 10px 0px;}
main .container .content li:before { content: "- "; color: #9C2833;}
main .container .content img {margin: 5px; padding: 3px; border: 1px solid #C8B25A; max-width: 100%;}
main .container .content .btn-down {position: fixed; right: 1%; top: 5%; border: none; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); box-shadow: 0px 0px 10px -3px rgba(0, 0, 0, 0.4); border-radius: 100px; padding: 0px;}
main .related {background: url(/images/site/rptr_paper.jpg);}
main .related .heading {box-shadow: 0px -3px 13px -5px rgba(0, 0, 0, 0.3);}
main .related .callout {overflow: hidden; background-size: cover; background-position: center; width: 33.33%; background-size: cover; background-position: center -50px; float:left; position: relative; height: 230px;}
main .related .callout .content {position: relative; width: 75%; text-align: center; margin: auto; margin-top: 70px;}
main .related .callout .content h4 {color: #fff; padding: 10px; line-height: 25px; letter-spacing: 1px;}
main .related .dots {background-image: url(/images/site/dot_rptr_white.png);}
main .related .shadow.blurry {top: -3px; bottom: -3px; position: absolute; width: 101%;}
main .related .hover .shadow.blurry {background: rgba(61, 57, 49,0.7);}


/* About - Testimonials*/
.about main .right.content h3, .about main .right.content h4, .about main .right.content h2 {margin-bottom: -15px;}
main .container .content .testimonial {margin: 10px 0px;}
main .container .content .testimonial .dots {margin: 10px 0px;}
main .container .content .testimonial h3 {color: #9C2833; font-family: Bitter, serif; font-size: 16px; margin-top: -20px;}
main .container .content .testimonial img {border: none; float: left; margin-top: 20px;}
main .container .content .testimonial .top {float: left; margin-left: 10px;}
main .container .content .testimonial p {margin-top: -10px;}
main .container .content .testimonial p em {font-family: Bitter, serif; font-size: 15px;}
main #scroll.scroll .pagination {text-align: center; position: absolute; bottom: -3px; width: 100%;}
main #scroll.scroll .pagination .next img {border: none; position: relative; margin: 0; padding: 0;}
main #scroll.scroll .btn-down {box-shadow: none;}
main #scroll.scroll .btn-down img {margin: 0px; padding: 0px; border: none; max-width: 100%;}


/* Login Page */
.login {height: 200px; margin: 15px 0px; padding: 15px;}
.login p {font-size: 16px; letter-spacing: 1px;}
.login:last-child {padding-bottom: 60px; margin-bottom: 0px;}
.login .left {width: 25%;}
.login .left h4 {text-transform: uppercase;}
.login .right {width: 75%;}
.login .right input[type="text"], input[type="password"] {border: 1px solid #dfdfdf; font-size: 15px; font-family: cabin,sans-serif; padding: 10px; letter-spacing: .75px; color: #403c35; margin: 5px 0px; width: 230px;}
.login .right input[type="submit"] {margin-top: 10px;}


/* History */
.history .left {text-align: center; width: 50%; padding-top: 30px;}
.history .left h4 {margin: 10px auto; text-transform: uppercase;}
.history .left p {margin: 30px auto 0px;}
.history .left .content {width: 80%; margin: 50px auto;}
.history .right {width: 50%; height: 589px; background-position: center !important; background-size: cover;}
.history .right.opaque {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(61, 57, 49), rgb(61, 57, 49));}
.history .right.opaque .text {width: 55%; min-width: 310px; margin: 20% auto 0; position: relative;}
.history .right.opaque .text h1 {color: #fff;}
.history .right.opaque .text .left-quote {position: absolute; left: -45px; top: 7px;}
.history .right.opaque .text .right-quote {position: absolute; transform: rotate(180deg); right: -35px; bottom: 9px;}
.history button:focus {outline: none;}
.history .next-page {position: absolute; width: 45px; top: -52px; margin-left: -25px; background: transparent url('/images/site/btn_down.png') no-repeat; border: none; height: 45px;}
.history .arrow-top {text-align: center; position: absolute; top: 10px; width: 100%;}
.history .prev-page {transform: rotate(180deg); -webkit-transform: rotate(180deg);  background:url('/images/site/btn_down.png')no-repeat; width: 45px; height: 45px; border: none;}


/* Contact */
.contact main {padding-bottom: 110px;}
.contact #map {pointer-events: none;}
.contact .middle-banner {padding: 10px 0px 20px; position: relative; background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(39,36,44), rgb(39,36,44)); margin-top: -3px;}
.contact .middle-banner p {color: #fff; font-size: 16px; letter-spacing: 1px;}
.contact .middle-banner .dots {transform: rotate(90deg);}
.contact .middle-banner .address, .contact .middle-banner .phone {position: relative; float: left; margin-right: 50px;}
.contact .middle-banner .address img, .contact .middle-banner .phone img {left: -65px; position: absolute;}
.contact .middle-banner .address {margin: 20px 2% 3% 30%; width: 360px;}
.contact .middle-banner .address .dots {width: 120px; top: 65px; position: absolute; left: -83px;}
.contact .middle-banner .address img {top: 10px;}
.contact .middle-banner .phone {width: 300px; margin-top: 17px;}
.contact .middle-banner .phone .dots {width: 120px; top: 65px; position: absolute; left: -83px;}
.contact .middle-banner .phone img {top: 13px;}
.contact .container form {width: 700px; margin: auto;}
.contact .container form h4 {margin-bottom: 30px;}
.contact .container form input[type="text"], .contact .container form input[type="email"] {padding: 5px 0px 5px 10px; border: 1px solid #e1e1e1; width: 95%; height: 30px; font-family: Cabin, sans-serif;}
.contact .container form input.submit {margin-right: 4px; float: right; text-transform: uppercase; color: #c8b25a; border: 2px solid #c8b25a; padding: 5px 13px; font-size: 17px; letter-spacing: 2px; font-family: Cabin, sans-serif;}
.contact .container form .dfcolumns .column {min-height: 60px; margin-bottom: -20px; float: left;}
.contact .container form .dform_container textarea {width: 97%; border: 1px solid #e1e1e1; padding: 10px 4px 5px 10px; margin-top: 5px;}
.contact .container form .dfcolumns .column {min-height: 60px; margin-bottom: -20px; float: left;}
.contact .container form select.custom-dropdown {font-family: Cabin, sans-serif; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #e1e1e1; color: #A9A9B9; font-size: 12px; padding: 13px 10px; width: 98%; cursor: pointer; background: url(/images/site/drop-down-arrow.png) no-repeat right center; background-size: 40px 41px; border-radius: 0px;}

/* Community */
.community .heading .filter {width: 400px; margin: 15px auto 5px;}
.community .heading .filter p {float: left; margin-top: 10px;}
.community .heading .filter select.custom-dropdown {float:right; -webkit-appearance: none; -moz-appearance: none; border: 1px solid #e1e1e1; color: #A9A9B9; font-size: 14px; letter-spacing: .075em; padding: 13px 10px; width: 300px; cursor: pointer; background: #fff url(/images/site/drop-down-arrow.png) no-repeat right center; background-size: 40px 43px; border-radius: 0px;}
.community .heading .filter select option {text-transform: uppercase;}
.community main .container {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(39, 36, 45), rgb(39, 36, 45)); margin: 0px; max-width: 100%; width: 100%;}
.community main .container h1 {color: #fff; width: 960px; margin: auto; padding: 30px 10px; text-align: center;}
.community main .container .content h1 {width:100%; color: #403c35; text-align: left;}
.community main .container .callout {width: 33.33%; float: left; text-align: center; position: relative}
.community main .container .callout .top {height: 270px; position: relative !important; overflow: hidden;}
.community main .container .callout .top .blurry {position: absolute; width: 100%; height: 270px;}
.community main .container .callout .top h4 {padding: 15px; color: #fff;}
.community main .container .callout .top .text {position: absolute; width: 75%; margin-left: 14%; margin-top: 60px;}
.community main .container .callout .top .blurry {-webkit-filter: grayscale(1); filter: grayscale(1);}
.community main .container .callout:hover .top .blurry {-webkit-filter: grayscale(0); filter: grayscale(0);}
.community main .container .callout .bottom {padding: 25px 0px; border-right: 1px solid #000; border-bottom: 1px solid #000; min-height: 92px;}
.community main .container .callout .bottom a {font-family: Bitter, serif; font-size: 15px;}
.community main .container .callout .bottom h4 {font-family: 'Bitter', serif; font-weight: 400; font-size: 20px; padding: 10px 0px; color: #fff;}
.community main .container .callout .bottom h4 em {margin: 0px 10px;}
.community main .callout .dots {background-image: url(/images/site/dot_rptr_white.png);}
.community main .pag {position: relative; background: url(/images/site/rptr_paper.jpg); padding: 15px 0px 20px; text-align: center; box-shadow: 0px -5px 10px -3px rgba(0, 0, 0, 0.3);}
.community main .pag a {margin: 0px 5px; font-size: 16px; font-family: 'Bitter', serif; font-weight: bold;}
.community main .pag a.active {color: #A22734;} 

.community .shadow {background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000;}

.community .overlay {position: absolute; width: 100%; background: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; z-index: 100000;}
.community .overlay .pop-up {width: 90%; max-width: 990px; background: #fff; margin: 5% auto; text-align: center;}
.community .overlay .pop-up .heading {position: relative; background: url(/images/site/rptr_paper.jpg); padding: 55px 0px 20px; box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);}
.community .overlay .pop-up .heading h1 {padding: 20px 0px; max-width: 670px; margin: auto;}
.community .overlay .pop-up .heading #close {color: #9b2833; font-weight: bolder; font-size: 15px; font-family: arial; position: absolute; top: 15px; right: 15px;}
.community .overlay .pop-up .body {padding: 60px 10%; position: relative;}
.community .overlay .pop-up .body #back {font-family: 'Bitter', serif; font-style: italic; font-size: 15px; position: absolute; left: 10%;}
.community .overlay .pop-up .body .content {padding: 30px 0px 50px; text-align: left;}
.community .overlay .pop-up .body .content h2 {color: #403c35; margin-bottom: -20px;}
.community .overlay .pop-up .body .content p {margin: 15px 0px;}
.community .overlay .pop-up .body .content img {width: 100%; border: 1px solid #c8b25a; padding: .5%;}
.community .overlay .pop-up .body .social .dots {margin: 10px auto; width: 235px;}

/* Careers */
.careers main .container {padding-bottom: 50px;}
.careers main .container .content {width: 65%;}
.careers main .container .content h3 {color: #403c35; margin: 25px 0px -15px; font-size: 17px;}
.careers main .container .content h4 {font-size: 26px;}
.careers main .container .nav {width: 28%;}
.careers main .container .nav .job h3 {color: #403c35;}
.careers main .container .nav .job .job-btn {border: 2px solid #c8b25a;}
.careers main .container .nav .job .job-btn .spacer {background-color: #403c35; text-align: center; padding: 23px 10px; font-size: 16px; letter-spacing: .075em; margin: 3px;}
.careers main .container .nav .note {margin-top: 50px;}
.careers main .container .nav .note p {font-family: Bitter, serif; font-size: 15px;}

/* Locations */
.locations main {background-color: transparent;}
.locations main .container .map {position: relative; width: 850px; margin: auto; margin-bottom: 50px;}
.locations main .container .map span {color: #9C2833; font-size: 30px; margin-right: 5px;}
.locations main .container .map a {font-family: 'Bitter', serif; font-size: 11px; text-transform: uppercase; color: #34363b;}
.locations main .container .map a#louisville-ky {position: absolute; top: 15px; left: 615px;}
.locations main .container .map a#owensboro-ky {position: absolute; top: 40px; left: 577px;}
.locations main .container .map a#olive-branch-ms {position: absolute; top: 151px; left: 503px; width: 60px; text-align: right;}
.locations main .container .map a#lubbock-tx {position: absolute; left: 145px; top: 200px;}
.locations main .container .map a#odessa-tx-corporate-office {position: absolute; top: 250px; left: 130px;}
.locations main .container .map a#odessa-tx {position: absolute; top: 260px; left: 133px;}
.locations main .container .map a#san-angelo-tx {position: absolute; left: 197px; top: 287px;}
.locations main .container .map a#wichita-falls {position: absolute; left: 275px; top: 200px;}

.locations main .container .map a.city.hover {opacity: .7; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
/*.locations main .container .map a.city.hover span {font-size: 35px; -webkit-transition-duration: .5s; -moz-transition-duration: .5s; -o-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;-webkit-transition-property: font-size; -moz-transition-property: font-size; -o-transition-property: font-size; transition-property: font-size;}*/
.locations main .container .subheader {width: 300px; margin: auto; text-align: center;}
.locations main .container .subheader h4 {padding: 10px; text-transform: uppercase;}
.locations main .message {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(39, 36, 45), rgb(39, 36, 45)); text-align: center;}
.locations main .message h4 p {color: #fff; font-style: italic; letter-spacing: .075em; padding: 40px 0px; max-width: 860px; margin: auto; font-family: Bitter, serif;}
.locations main .location_name {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); padding: 5px 0px 50px;}
.locations main .location_name h3 {color: #403c35; text-transform: uppercase; text-align: left;}
.locations main .location_name .nav_categories {margin: auto; width: 860px;}
.locations main .location_name .nav_categories li {float: left; padding: 20px 45px; margin: 0px 30px; text-align: center; max-width: 150px;}
.locations main .location_name .nav_categories li .state li {float:none; text-align: left; margin: 10px 0px; padding: 0px;}
.locations main .location_name .nav_categories li .state li a {font-family: Bitter, serif; font-size: 17px;}
.locations main .location_name .nav_categories li .state li a.active {color: #403c35; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;-webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color;}

.locations.details main {background: #fff;}
.locations.details main .banner {height: 510px; background-size: cover; background-position: center top; margin: 0px;}
.locations.details main .container .nav {width: 29%;}
.locations.details main .container .nav .job {margin-top: -15px;}
.locations.details main .container .nav .job .job-btn {border: 2px solid #c8b25a;}
.locations.details main .container .nav .job .job-btn .spacer {background-color: #27242c; text-align: center; padding: 12px; font-size: 16px; letter-spacing: .075em; margin: 3px;}
.locations.details main .container .nav .small-map {margin-bottom: 75px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3); width: 100%; background-color: #403c35;}
.locations.details main .container .nav .small-map span {pointer-events: none;}
.locations.details main .container .nav .small-map a .get-directions {margin: -3px auto 0px; width: 93%; max-width: 285px; background-color: #27242c; text-align: center; padding: 25px 10px; font-size: 18px;}
.locations.details main .container .nav .small-map a .get-directions p {padding: 5px 0px; border: 2px solid #C8B25A; color: #C8B25A; width: 190px; margin: auto;}
.locations.details main .container .content {width: 60%;}
.locations.details main .container .content h3 {color: #513C35; margin: 22px 0px 0px; line-height: normal; text-transform: uppercase;}
.locations.details main .container .content p {margin: 0px;}
.locations.details main .container .content p a {color: #513C35;}
.locations.details main .container .content .dots {margin: 20px 0px;}
.locations.details main .container .content .staff .staff-member {margin-bottom: 70px;}
.locations.details main .container .content .staff .staff-member:last-child {margin-bottom: 25px;}
.locations.details main .container .content .staff .staff-member .left {width: 36%;}
.locations.details main .container .content .staff .staff-member .left img {margin: 0px 0px 15px 0px; padding: 0px; border: none;}
.locations.details main .container .content .staff .staff-member .right {width: 58%;}
.locations.details main .container .content .staff .staff-member .right h3 {margin-top:0px; text-transform: uppercase;}
.locations.details main .container .content .staff .staff-member .right .position {color: #9C2833; font-style: italic; font-family: Bitter, serif; margin-bottom: 10px;}
.locations.details main .container .content .local-organizations {position: relative;}
.locations.details main .container .content .local-organizations h4 {margin: 40px 0px; letter-spacing: .075em;}
.locations.details main .container .content .local-organizations .organization {margin-bottom: 70px;}
.locations.details main .container .content .local-organizations .organization:last-child {margin-bottom: 25px;}
.locations.details main .container .content .local-organizations .organization .left {width: 36%; position: relative;}
.locations.details main .container .content .local-organizations .organization .left img {margin: 0px 0px 15px 0px; padding: 0px; border: none;}
.locations.details main .container .content .local-organizations .organization .right {width: 58%;}
.locations.details main .container .content .local-organizations .organization .right h3 {margin-top:0px; text-transform: uppercase;}
.locations.details main .container .content .local-organizations .organization .right p {margin-bottom: 20px;}
.locations.details main .related h1 {padding: 10px 0px 8px; font-size: 25px;}
.locations.details main .note {margin: 30px auto;}
.locations.details main .social-links {text-align: center;}
.locations.details main .social-links img {margin: 10px 3px;}



/* Beer */
.beer .filter {width: 100%; max-width: 700px; margin: 15px auto 0px; font-style: italic;}
.beer .filter p {font-family: Bitter; line-height: 1.688em; font-weight: 400; font-style: italic; font-size: 19px; margin-bottom: 25px;}

.beer main .btn {font-family: Bitter, sans-serif; text-transform: uppercase; bottom: 0px;}

.beer main .container {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(80, 75, 65), rgb(80, 75, 65)); margin: 0px; max-width: 100%; width: 100%;}
.beer main .container h1 {color: #fff; width: 960px; margin: auto; padding: 30px 10px; text-align: center;}
.beer main .container .content h1 {width:100%; color: #403c35; text-align: left;}
.beer main .container .callout {width: 33.33%; float: left; text-align: center; position: relative}
.beer main .container .callout .top {height: 350px; position: relative !important; overflow: hidden;}
.beer main .container .callout .top .blurry {position: absolute; width: 102%; height: 355px; top: -2px; left: -3px;}
.beer main .container .callout:hover .top .blurry {-webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px);}
.beer main .container .callout .top h4 {letter-spacing: 2px; padding: 5px; color: #fff; text-transform: uppercase; font-size: 25px; width: 75%; margin: auto;}
.beer main .container .callout .top .text {position: absolute; width: 100%; margin-top: 60px; height: 250px; text-align: center;}
.beer main .container .callout .top .text .circle {margin-bottom: 100px;}
.beer main .container .callout .top .text .circle p {color: #fff; text-transform: uppercase;}
.beer main .container .callout .top .text .circle .top {height: auto;}
.beer main .container .callout .top .text .circle .bottom {border: none; padding: 0; margin-top: -20px;}
.beer main .container .callout .top .text .circle .center {margin-top: -10px;}
.beer main .container .callout .bottom {padding: 25px 0px; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.beer main .container .callout .bottom a {font-family: Bitter, serif; font-size: 15px;}
.beer main .container .callout .bottom h4 {font-family: 'Bitter', serif; font-weight: 400; font-size: 20px; padding: 10px 0px; color: #fff;}
.beer main .container .callout .bottom h4 em {margin: 0px 10px;}


/* Non Beer */
.non.beer .filter {width: 75%; margin: 15px auto 0px; font-style: italic;}
.non.beer .filter p {font-family: Bitter; line-height: 1.688em; font-weight: 400; font-style: italic; font-size: 19px; margin-bottom: 25px;}


/* Brand */
.brand #wrapper .callout .top img {max-width: 250px;}
.beer.brand .filter p {font-family: Bitter; line-height: 1.688em; font-weight: 400; font-style: italic; font-size: 19px; margin-bottom: 25px;}
.beer.brand .filter select.custom-dropdown {margin-left: 70px; float: left;}

.beer.brand main .container {background: #fff;}
.beer.brand main .container .callout {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));}
.beer.brand main .container .callout .top {height: 250px; border-right: 1px solid #E1E1E1; background-size: 200px; background-position: center; background-repeat: no-repeat;}
.beer.brand main .container .callout .bottom {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(39, 36, 45), rgb(39, 36, 45)); padding: 15px 0px; height: 75px;}
.beer.brand main .container .callout .bottom h4 {text-transform: uppercase; font-size: 25px; overflow: hidden; height: 23px;}

.beer.brand.details main .related .callout-container {padding-bottom: 30px; width: 90%; margin: auto;}
.beer.brand.details main .related .owl-carousel {width: 64% !important; margin: -20px auto 20px;}
.beer.brand.details main .related .owl-carousel .owl-item img {margin: auto; max-width: 150px;}
.beer.brand.details main .related .owl-carousel .owl-nav {margin-top: -55px;}
.beer.brand.details main .related .owl-carousel .owl-nav .owl-prev {left: -55px;}
.beer.brand.details main .container {margin: 20px auto; max-width: 1040px; }
.beer.brand.details main .container .locations {margin-top: 10px;}
.beer.brand.details main .container .nav {width: 29%; margin-left: 70px;}
.beer.brand.details main .container .nav .small-map {width: 80%; background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255)); text-align: center; margin: 50px 0px 50px 1px; box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.15);}
.beer.brand.details main .container .nav .small-map img {max-width: 70%; margin: 60px auto;}
.beer.brand.details main .container .nav .small-map a .get-directions {margin-top: -3px; width: 92%; background-color: #27242c; text-align: center; padding: 25px 10px; font-size: 18px;}
.beer.brand.details main .container .nav .small-map a .get-directions p {padding: 5px 0px; border: 2px solid #C8B25A; color: #C8B25A; width: 190px; margin: auto; text-transform: uppercase;}
.beer.brand.details main .container .nav .back-btn {font-size: 15px; font-family: bitter, serif; font-style: italic;}
.beer.brand.details main .container .content {width: 64%; margin-top: 65px;}
.beer.brand.details main .container .content h4 {text-transform: uppercase; font-size: 25px; margin-bottom: 10px;}
.beer.brand.details main .container .content h3 {color: #513C35; margin: 22px 0px 0px; line-height: normal;}
.beer.brand.details main .container .content p {margin: 0px;}
.beer.brand.details main .container .content .details-box {width: 85%;}
.beer.brand.details main .container .content .dots {margin: 20px 0px;}
.beer.brand.details main .container .content .staff .stock {color: #9C2833; margin: 0px 0px 30px;}
.beer.brand.details main .container .content .staff .right .location {font-style: italic; font-family: bitter, serif; font-size: 16px;}
.beer.brand.details main .container .content .staff .staff-member {margin-bottom: 70px;}
.beer.brand.details main .container .content .staff .staff-member:last-child {margin-bottom: 25px;}
.beer.brand.details main .container .content .staff .staff-member .left {width: 15%; min-width: 75px; text-align: center;}
.beer.brand.details main .container .content .staff .staff-member .left img {padding: 0px; border: none; max-width: 100%; max-height: 250px;}
.beer.brand.details main .container .content .staff .staff-member .right {width: 70%; margin-right: 85px;}
.beer.brand.details main .container .content .staff .staff-member .right h3 {margin-top:0px; text-transform: uppercase;}
.beer.brand.details main .container .content .staff .staff-member .right .position {color: #9C2833; font-style: italic; font-family: Bitter, serif; margin-bottom: 10px;}
.beer.brand.details main .container .content .btn-down {right: 0%; position: fixed;}
.beer.brand.details main .container .right.top {width: 5%; position: relative;}
.beer.brand.details main .container .right.top .btn-down {position: fixed; right: 1%; top: 5%;}


/* Search */
.search main {background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));}
.search .main.container {padding: 20px 0px 50px;}
.search .main.container h2 {text-align: center; color: #403c35; font-size: 25px;}
.search .main.container ol li {font-size: 18px; width: 80%; margin: 30px auto;}
.search .main.container ol li a {font-family: bitter, serif; font-size: 20px;}
.search .main.container ol li .summary {font-size: 15px;}
.search .main.container ol li .origins {font-size: 13px;}
.search .pagination {margin: 20px 0px;}
.search .pagination a {font-size: 16px; color: #403C35;}
.search .pagination strong {font-size: 16px; color: #9C2833;}

/* 404 Page */
.page-404 main .container .content h4 {margin: 30px 0px 20px;}
.page-404 main .container .content li {margin: 20px 0px;}


/* Thank You Page */
.thanks main {text-align: center; background: url('/images/site/rptr_wheat.png'),linear-gradient(rgb(255, 255, 255), rgb(255, 255, 255));}
.thanks .banner {background-image: url(/images/site/home_banner_2.jpg); background-size: cover; background-position: center -110px; height: 400px; width: 100%;}
.thanks h2 {color: #403C35; text-transform: none; font-size: 30px; padding: 20px;}
.thanks h3 {color: #403C35; font-size: 25px; padding: 20px 0px 50px;}


/* Footer Push */
#push {height: 210px; background-color: #fff;}


/* Footer */
.beer.brand main footer .container {background-color: #A22734;}
footer {padding-bottom: 5px; height: 210px; background-color: #A22734; width: 100%; margin: auto; box-shadow: none;}
footer .container {max-width: 1040px; margin: auto; width: 100%; background-color: #A22734;}
footer .container .columns {width: 77%;}
footer .container li {color: #fff; margin-bottom: 15px;}
footer .container a {color: #fff; letter-spacing: 1.5px;}
footer .container p {color: #fff; font-size:13px !important;}
footer .container h3 {font-family: 'Bitter', serif; color: #fff; font-size: 14px; font-weight: 400; line-height: normal; margin-bottom: 10px; padding: 0px;}
footer .container div {float: left; padding-top: 20px; position: relative;}
footer .container div.contact {width: 340px; margin-left: 10px;}
footer .container div.site-map {width: 330px;}
footer .container div.link-img {width: 100px;}
footer .container div.social {width: 180px; margin-left: 15px;}
footer .container div.link-img img {position: absolute; right: 20px;}
footer .container div.contact img,footer .container div.site-map img {position: absolute; right: 20px; top: 20px;}
footer .container div.social img {margin: 10px 20px 0px 0px; cursor: pointer;}
footer .container .copyright {text-align: center; color:#fff; margin-top: 25px;}
footer .container .copyright a {color:#fff;}
footer .container span.divider {float: left; margin: 15px 5px 0px;}
footer .social .left .links {top: -215px; left: -82px; height: 205px; width: 200px; position: absolute; background: #fff; padding: 10px; -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.16); box-shadow: 0 0 15px 0 rgba(0,0,0,0.16); z-index: 1;}
footer .social .left .links h4 {font-size: 15px; border-bottom: 1px solid #c9b25a; padding-bottom: 5px; margin-bottom: 5px; letter-spacing: .65px; color: #34363b; font-weight: 400;}
footer .social .left .links ul li {margin: 3px 0px;}
footer .social .left .links ul li a {font-family: 'Bitter', serif; font-weight: 400; font-size: 13px; letter-spacing: .25px; line-height: 23px; color: #a99856;}
footer .social #ln-trig .arrow, footer .social #gg-trig .arrow, footer .social #fb-trig .arrow {z-index: 1; margin: 0; position: absolute; top: 10px; left: 7px;}



/* OWL CAROUSEL */
.owl-carousel {width: 73% !important; margin: 35px auto 50px; height: 85px;}
.owl-carousel .owl-item img {max-height: 100px; max-width: 200px; width: auto !important;}
.home .owl-carousel .owl-item .item {width: 150px; height: 120px; background-size: 130px; background-position: center; background-repeat: no-repeat; margin: auto;}
.owl-nav {margin-top: -7%; position: relative; padding-bottom: 25px;}
.owl-nav .owl-prev {text-indent: -9999px; background-image: url(/images/site/rotator_left.png); background-repeat: no-repeat; background-size: contain; height: 40px; position: absolute; left: -66px; width: 50px;z-index:10;}
.owl-nav .owl-next {text-indent: -9999px; background-image: url(/images/site/rotator_right.png); background-repeat: no-repeat; background-size: contain; height: 40px; position: absolute; right: -75px; width: 50px;}
.owl-carousel .owl-stage-outer {z-index: 100;}

/* IE 10 specific css */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.beer.brand.details #wrapper .main {background-color: #fff;}
	.beer.brand.details #wrapper #push {display: none;}
}





/* Sequence JS */
#sequence {
  position: relative;
  width: 100%;
  height: 589px;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
  font-family: sans-serif;
  padding: 0px;
}

/* Reset */
#sequence .seq-canvas,
#sequence .seq-canvas > * {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Make the canvas the same dimensions as the container and prevent lines from
   wrapping so each step can sit side-by-side */
#sequence .seq-canvas {
  position: absolute;
  height: 100%;
  width: 100%;
  font-size: 0;
}

/* Make the steps the same size as the container and sit side-by-side */
#sequence .seq-canvas > * {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
}

/* Used to vertically center align the .content element */
#sequence .seq-canvas > li:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

/* Vertically center align the .content element */
#sequence .content {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4%;
  font-size: 16px;
}

footer .container div.site-map{width:315px;}
footer .container div.contact{width:295px;}
.divider > img{vertical-align:top;}
footer .container div.link-img{display:none;}


/*--------- mobile nav part ------------*/
/* mobile nav icon */
.btn-m-nav{display:none; background:url(/images/site/menu-btn.png) no-repeat; float:right; margin:40px 10px 0 0px; height:32px; width:32px;}
.btn-m-nav:hover{}
.btn-m-nav.active{ }
.btn-m-nav.active:hover{}
.mobile-nav-block{ display:none; position:absolute; background:#f8f8f8; width:80%; top:0px; right:0; z-index:0;}
.mobile-nav-block .title{ background:#C8B25A;display:block; color:#fff; text-transform:uppercase; font-size:30px;letter-spacing:0.05em; padding:15px 20px; box-sizing:border-box;}

/* mobile frist lavel nav */
.nav-content ul{ margin:0; padding:0; border:none;}
.nav-content ul li{ font-size:14px; color:#FFF; padding:0; margin:0; text-transform:uppercase; letter-spacing:0.05em;width:100%; border-top:1px solid #962d36; position:relative;}
.nav-content ul li a{color:#000; text-decoration:none; padding:11px 20px; display:block; text-decoration:none;}
.nav-content ul li.active{color:#FFF; background:#2d60a5;}
.nav-content ul li.active a{color:#fff;}
.nav-content ul li:before{display:none;}
.nav-content ul li em{ display:block; float:right; position:absolute; cursor:pointer; right:0; top:4px; width:40px; height:33px;}
.nav-content ul li em:before{content:""; position:absolute; top:10px; left:5px; width:15px; height:15px; display:block; /*background:url(../images/sprite.png)no-repeat -314px -134px;*/}
.nav-content ul li.active em:before{ background-position: -335px -134px;!important;}
/* mobile second lavel nav */
.nav-content ul li ul { margin:0; display:none;}
.nav-content ul li ul li{background:#305386; border-top:none; text-transform:capitalize;}
.nav-content ul li ul li.active{background:#406396; color:#FFF;}
.nav-content ul li ul li.active a{color:#FFF;}
.nav-content ul li ul li a{ margin-left:20px; color:#fff; padding:9px 18px;}
.nav-content ul li ul li em{height:27px;}
.nav-content ul li ul li em:before{ /*background:url(../images/sprite.png) no-repeat -314px -134px !important;*/} 
.nav-content ul li ul li.active em:before{ background-position: -335px -134px!important;}
/* mobile thread lavel nav */
.nav-content ul li ul li ul{ margin:0; display:none;}
.nav-content ul li ul li ul li{ background:#5073a6; color:#fff; font-size:13px;}
.nav-content ul li ul li ul li a{ color:#fff; padding:9px 35px;}
.mobile-banner{display:none;}
header .container{margin-top:40px;}
header div.right{padding:10px 0;}
header .search-box{left:-262px;}
.banner .container .content h3{font-size:17px; line-height:22px;}
footer .social .left .links{z-index:15;}
main .related .heading{box-shadow:0 -3px 13px -9px rgba(0, 0, 0, 0.3);}
div[style="border:1px solid #990000;padding-left:20px;margin:0 0 10px 0;"] {display: none;}




/* IE Specific CSS */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .locations.details #wrapper {background: #fff; margin-top: -35px;}
    .locations.details #wrapper .dots.center {padding-top: 5px;}
    .beer.brand.details #wrapper {background: #fff; margin-top: -35px;}
    .beer.brand.details #wrapper .dots.center {padding-top: 5px;}
    .contact #wrapper {background: #fff; margin-top: -35px;}
    .contact #wrapper .dots.center {padding-top: 5px;}
}