/* ----------------------------------- libs ------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*
	AnythingSlider v1.8+ Default theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID & dimensions to match your slider */
#slider {
	width: 700px;
	height: 390px;
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/******************
  SET STYLING HERE
 ******************
 =================================
 Default state (no keyboard focus)
 ==================================*/
/* Overall Wrapper */
.anythingSlider-default {
	margin: 0 auto;
	/* 45px right & left padding for the arrows, 28px @ bottom for navigation */
	padding: 0 45px 28px 45px;
}
/* slider window - top & bottom borders, default state */
.anythingSlider-default .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons + start/stop button, default state */
.anythingSlider-default .anythingControls a {
	/* top shadow */
	background: #777 url(../images/default.png) center -288px repeat-x;
	color: #000;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* Make sure navigation text is visible */
.anythingSlider-default .anythingControls a span {
	visibility: visible;
}
/* Navigation current button, default state */
.anythingSlider-default .anythingControls a.cur {
	background: #888;
	color: #000;
}

/* start-stop button, stopped, default state */
.anythingSlider-default .anythingControls a.start-stop {
	background-color: #040;
	color: #ddd;
}
/* start-stop button, playing, default state */
.anythingSlider-default .anythingControls a.start-stop.playing {
	background-color: #800;
}

/* start-stop button, default hovered text color (when visible) */
/* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */
.anythingSlider-default .anythingControls a.start-stop:hover,
.anythingSlider-default .anythingControls a.start-stop.hover,
.anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover {
	background-image: none;
	color: #ddd;
}

/*
 =================================
 Active State (has keyboard focus)
 =================================
*/
/* slider window - top & bottom borders, active state */
.anythingSlider-default.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
.anythingSlider-default.activeSlider .anythingControls a {
	/* background image = top shadow */
	background-color: #7C9127;
}
/* Navigation current & hovered button, active state */
.anythingSlider-default.activeSlider .anythingControls a.cur,
.anythingSlider-default.activeSlider .anythingControls a:hover {
	/* background image removed */
	background: #7C9127;
}

/* start-stop button, stopped, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
.anythingSlider-default.activeSlider .anythingControls a.start-stop.playing {
	background-color: #d00;
	color: #fff;
}
/* start-stop button, active slider hovered text color (when visible) */
.anythingSlider-default.activeSlider .start-stop:hover,
.anythingSlider-default.activeSlider .start-stop.hover {
	color: #fff;
}

/************************
  NAVIGATION POSITIONING
 ************************/
/* Navigation Arrows */
.anythingSlider-default .arrow {
	top: 50%;
	position: absolute;
	display: block;
}

.anythingSlider-default .arrow a {
	display: block;
	width: 45px;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}

/* back arrow */
.anythingSlider-default .back { left: 0; }
.anythingSlider-default .back a { background-position: left top; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position: left -140px; }
/* forward arrow */
.anythingSlider-default .forward { right: 0; }
.anythingSlider-default .forward a { background-position: right top; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position: right -140px; }

/* Navigation Links */
.anythingSlider-default .anythingControls { outline: 0; display: none; }
.anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; }
.anythingSlider-default .anythingControls ul li { display: inline; }
.anythingSlider-default .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	text-align: center;
	outline: 0;
}

/* navigationSize window */
.anythingSlider-default .anythingControls .anythingNavWindow {
	overflow: hidden;
	float: left;
}

/* Autoplay Start/Stop button */
.anythingSlider-default .anythingControls .start-stop {
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
}

/***********************
  IE8 AND OLDER STYLING
 ***********************/

/* Navigation Arrows */
.as-oldie .anythingSlider-default .arrow {
	top: 30%;
}
.as-oldie .anythingSlider-default .arrow a {
	margin: 0;
}

/* margin between nav buttons just looks better */
.as-oldie .anythingSlider-default .anythingControls li {
	margin-left: 3px;
}

/* When using the navigationSize option, the side margins need to be zero
	None of the navigation panels look good in IE7 now =( */
.as-oldie .anythingSlider-default .anythingControls a {
	margin: 0;
}
.as-oldie .anythingSlider-default .anythingNavWindow {
	margin: 0 2px;
}
.as-oldie .anythingSlider-default .anythingNavWindow li {
	padding: 3px 0 0 0;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper */
.anythingSlider {
	display: block;
	overflow: visible !important;
	position: relative;
}
/* anythingSlider viewport window */
.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingSlider .anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

/* Navigation arrow text; indent moved to span inside "a", for IE7;
  apparently, a negative text-indent on an "a" link moves the link as well as the text */
.anythingSlider .arrow span {
	display: block;
	visibility: hidden;
}
/* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
.anythingSlider .arrow.disabled {
	display: none;
}
/* all panels inside the slider; horizontal mode */
.anythingSlider .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
/* vertical mode */
.anythingSlider .vertical .panel {
	float: none;
}
/* fade mode */
.anythingSlider .fade .panel {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
/* fade mode active page - visible & on top */
.anythingSlider .fade .activePage {
	z-index: 1;
}

/***********************
  RTL STYLING
 ***********************/
/* slider autoplay right-to-left, reverse order of nav links to look better */
.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
.anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */
.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
.anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */

/* probably not necessary, but added just in case */
.anythingSlider,
.anythingSlider .anythingWindow,
.anythingSlider .anythingControls ul a,
.anythingSlider .arrow a,
.anythingSlider .start-stop {
	transition-duration: 0s;
	-o-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
}

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#333;color:#fff;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#fff;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));background-image:-webkit-linear-gradient(#4d4d4d,#1a1a1a);background-image:-moz-linear-gradient(#4d4d4d,#1a1a1a);background-image:-o-linear-gradient(#4d4d4d,#1a1a1a);background-image:linear-gradient(#4d4d4d,#1a1a1a);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(255,255,255,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #1a1a1a;border-bottom:1px solid #4d4d4d}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #4d4d4d;border-bottom:1px solid #1a1a1a}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #222;-moz-box-shadow:inset 0 0 15px 3px #222;box-shadow:inset 0 0 15px 3px #222}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(255,255,255,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(255,255,255,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#333;background:#fff}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(255,255,255,0.9)}

@font-face {
  font-family: 'Archive';
  src: url("../fonts/archive-webfont.eot");
  src: url("../fonts/archive-webfont.eot?#iefix") format('embedded-opentype'), url("../fonts/archive-webfont.woff2") format('woff2'), url("../fonts/archive-webfont.woff") format('woff'), url("../fonts/archive-webfont.ttf") format('truetype'), url("../fonts/archive-webfont.svg#archiveregular") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ----------------------------------- main ------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
  height: auto;
}
a {
  text-decoration: none;
}
input[type=text],
input[type=email],
textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
textarea {
  overflow: auto;
}
.alignleft {
  margin: 0 15px 5px 0;
  float: left;
}
.alignright {
  margin: 0 0 5px 15px;
  float: right;
}
.aligncenter {
  margin: 0 auto 5px;
  display: block;
  text-align: center;
}
/* ----------------------------------- components ------------------------------------- */
body {
  background: url("../img/body.jpg") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  font-family: 'katarine-web', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 600px) {
  body {
    padding-top: 93px;
  }
}
body.page-template-coffee-php {
  background: url("../img/coffee-bg.jpg") top center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 600px) {
  body.page-template-coffee-php {
    background: url("../img/body.jpg") center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul li {
  font-weight: 600;
}
.wrapper {
  *zoom: 1;
  width: auto;
  max-width: 1280px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.wrapper:before,
.wrapper:after {
  content: '';
  display: table;
}
.wrapper:after {
  clear: both;
}
@media only screen and (max-width: 1320px) {
  .wrapper {
    padding: 0 20px;
  }
}
.header {
  height: 150px;
  z-index: 9999;
  position: relative;
}
@media only screen and (max-width: 1320px) {
  .header {
    height: auto;
    text-align: center;
    padding: 10px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .header {
    padding: 10px 0;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
  }
}
.header .wrapper {
  position: relative;
}
.header .wrapper .header-logo {
  position: absolute;
  top: 68px;
  left: 640px;
  margin-left: -57px;
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-logo {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0;
  }
}
@media only screen and (max-width: 600px) {
  .header .wrapper .header-logo {
    float: left;
  }
}
.header .wrapper .header-logo img {
  width: 114px;
  height: 114px;
}
@media only screen and (max-width: 600px) {
  .header .wrapper .header-logo img {
    width: 60px;
    height: 60px;
  }
}
.header .wrapper .sidr-button {
  display: none;
}
@media only screen and (max-width: 600px) {
  .header .wrapper .sidr-button {
    display: block;
    float: right;
    padding: 17px 0 10px 10px;
  }
}
.header .wrapper .sidr-button img {
  width: 22px;
  height: 24px;
}
.header .wrapper .header-nav {
  margin: 100px 0 0 100px;
  float: left;
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-nav {
    margin: 0;
    float: none;
    padding: 0 0 20px;
  }
}
@media only screen and (max-width: 600px) {
  .header .wrapper .header-nav {
    display: none;
  }
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-nav ul {
    display: inline-block;
    padding: 10px 0 0;
  }
}
.header .wrapper .header-nav ul li {
  float: left;
  margin: 0 95px 0 0;
}
@media only screen and (max-width: 978px) {
  .header .wrapper .header-nav ul li {
    margin: 0 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .wrapper .header-nav ul li {
    margin: 0 25px 0 0;
  }
}
.header .wrapper .header-nav ul li a {
  display: block;
  width: 84px;
  text-align: center;
  background: url("../img/header-nav.png") center top no-repeat;
  padding: 16px 0 0;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  white-space: nowrap;
  font-size: 12px;
  color: #5f2300;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  transition: background 0.2s linear;
}
.header .wrapper .header-nav ul li:hover > a,
.header .wrapper .header-nav ul li.current-menu-item > a {
  background: url("../img/header-nav-active.png") center top no-repeat;
}
.header .wrapper .header-nav ul li:nth-child(3) {
  margin: 0 185px 0 0;
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-nav ul li:nth-child(3) {
    margin: 0 95px 0 0;
  }
}
@media only screen and (max-width: 978px) {
  .header .wrapper .header-nav ul li:nth-child(3) {
    margin: 0 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .header .wrapper .header-nav ul li:nth-child(3) {
    margin: 0 25px 0 0;
  }
}
.header .wrapper .header-nav ul li:last-child {
  margin: 0;
}
.header .wrapper .header-social {
  float: right;
  margin: 113px 100px 0 0;
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-social {
    float: none;
    margin: 0;
    padding: 10px 0 5px;
  }
}
@media only screen and (max-width: 600px) {
  .header .wrapper .header-social {
    float: right;
    padding: 20px 0 5px;
  }
}
.header .wrapper .header-social ul {
  *zoom: 1;
}
.header .wrapper .header-social ul:before,
.header .wrapper .header-social ul:after {
  content: '';
  display: table;
}
.header .wrapper .header-social ul:after {
  clear: both;
}
@media only screen and (max-width: 1320px) {
  .header .wrapper .header-social ul {
    display: inline-block;
  }
}
.header .wrapper .header-social ul li {
  float: left;
  margin: 0 5px 0 0;
}
.header .wrapper .header-social ul li img {
  width: 20px;
  height: 20px;
}
@media only screen and (max-width: 600px) {
  .scrolling .header {
    background: #e6e9d8;
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
  }
}
.footer {
  position: relative;
  height: 75px;
  z-index: 99999;
}
.footer img {
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -57px;
  width: 114px;
  height: 59px;
}
.slider {
  overflow: hidden;
  position: relative;
}
.slider ul {
  margin: 0;
  padding: 0;
}
.slider ul li {
  float: left;
  margin: 0 0px 0 0;
  list-style: none;
}
.about-top .wrapper {
  padding: 0 100px;
}
@media only screen and (max-width: 978px) {
  .about-top .wrapper {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper {
    padding: 0;
  }
}
.about-top .wrapper .left {
  float: left;
  width: 15.7%;
}
@media only screen and (max-width: 978px) {
  .about-top .wrapper .left {
    width: 20%;
  }
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper .left {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
}
.about-top .wrapper .left .top {
  background: #ffc0cb;
  padding: 0 10px 0;
  position: relative;
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper .left .top {
    margin: 0;
    width: 50%;
    float: left;
    height: 340px;
  }
}
@media only screen and (max-width: 500px) {
  .about-top .wrapper .left .top {
    height: 280px;
  }
}
@media only screen and (max-width: 420px) {
  .about-top .wrapper .left .top {
    width: 55%;
    height: 250px;
  }
}
@media only screen and (max-width: 340px) {
  .about-top .wrapper .left .top {
    height: 220px;
  }
}
.about-top .wrapper .left .top .chevron {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 40px;
  background: url("../img/chevron-blue.svg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.about-top .wrapper .left .top img {
  width: 100%;
  height: auto;
  margin: 40px 0;
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper .left .bottom {
    margin: 0;
    width: 50%;
    float: right;
    height: 340px !important;
  }
}
@media only screen and (max-width: 500px) {
  .about-top .wrapper .left .bottom {
    height: 280px !important;
  }
}
@media only screen and (max-width: 420px) {
  .about-top .wrapper .left .bottom {
    width: 45%;
    height: 250px !important;
  }
}
@media only screen and (max-width: 340px) {
  .about-top .wrapper .left .bottom {
    height: 220px !important;
  }
}
.about-top .wrapper .middle {
  float: left;
  width: 51.6%;
  background: rgba(255,255,255,0.85);
  padding: 50px 19px 50px;
  position: relative;
}
@media only screen and (max-width: 978px) {
  .about-top .wrapper .middle {
    width: 80%;
    padding: 50px 19px;
    height: 413px;
  }
}
@media only screen and (max-width: 767px) {
  .about-top .wrapper .middle {
    height: 510px;
  }
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper .middle {
    clear: both;
    width: 100%;
    float: none;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .about-top .wrapper .middle .top-content-lg {
    display: none;
  }
}
.about-top .wrapper .middle .top-content-sm {
  display: none;
}
@media only screen and (max-width: 767px) {
  .about-top .wrapper .middle .top-content-sm {
    display: block;
  }
}
.about-top .wrapper .middle .text p {
  font-size: 10px;
  line-height: 13px;
  margin: 0 0 10px;
  color: #5f2300;
  font-weight: 300;
  letter-spacing: 0.2em;
}
.about-top .wrapper .middle .text .col {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 49%;
  margin-left: 0%;
  margin-right: 2%;
}
.about-top .wrapper .middle .text .col:before,
.about-top .wrapper .middle .text .col:after {
  content: '';
  display: table;
}
.about-top .wrapper .middle .text .col:after {
  clear: both;
}
.about-top .wrapper .middle .text .col:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 767px) {
  .about-top .wrapper .middle .text .col {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .about-top .wrapper .middle .text .col:first-child {
    margin-left: auto;
  }
  .about-top .wrapper .middle .text .col:last-child {
    margin-right: auto;
  }
}
.about-top .wrapper .middle:before,
.about-top .wrapper .middle:after {
  position: absolute;
  content: '';
  top: 30px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: url("../img/about-top-middle.png") center center no-repeat;
  -webkit-background-size: 84px 2px;
  -moz-background-size: 84px 2px;
  background-size: 84px 2px;
}
.about-top .wrapper .middle:after {
  top: auto;
  bottom: 30px;
}
.about-top .wrapper .right {
  float: right;
  width: 32.7%;
}
@media only screen and (max-width: 978px) {
  .about-top .wrapper .right {
    float: none;
    width: 100%;
    height: 413px;
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .about-top .wrapper .right {
    height: 510px;
  }
}
@media only screen and (max-width: 630px) {
  .about-top .wrapper .right {
    height: 350px;
  }
}
@media only screen and (max-width: 480px) {
  .about-top .wrapper .right {
    height: 280px;
  }
}
@media only screen and (max-width: 400px) {
  .about-top .wrapper .right {
    height: 220px;
  }
}
@media only screen and (max-width: 340px) {
  .about-top .wrapper .right {
    height: 180px;
  }
}
.about-bottom {
  margin: 15px 0 0;
}
.about-bottom .wrapper {
  padding: 0 100px;
}
@media only screen and (max-width: 978px) {
  .about-bottom .wrapper {
    padding: 0 20px;
  }
}
.about-bottom .wrapper .text {
  padding: 0px 15px;
  *zoom: 1;
  clear: both;
}
.about-bottom .wrapper .text:before,
.about-bottom .wrapper .text:after {
  content: '';
  display: table;
}
.about-bottom .wrapper .text:after {
  clear: both;
}
.about-bottom .wrapper .text .title {
  float: left;
  width: 50%;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .about-bottom .wrapper .text .title {
    float: none;
    width: 100%;
    margin: 0 0 30px;
  }
}
.about-bottom .wrapper .text .title h3 {
  font-size: 12px;
  color: #fff;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  margin: 3px 0 0;
  position: relative;
}
.about-bottom .wrapper .text .title h3:after {
  position: absolute;
  content: '';
  left: 0px;
  bottom: -12px;
  width: 100%;
  height: 3px;
  background: url("../img/white-dots.png") center center no-repeat;
}
.about-bottom .wrapper .text .list {
  float: right;
  width: 48%;
}
@media only screen and (max-width: 600px) {
  .about-bottom .wrapper .text .list {
    float: none;
    width: 100%;
    text-align: center;
  }
}
@media only screen and (max-width: 600px) {
  .about-bottom .wrapper .text .list ul {
    display: inline-block;
    padding: 0 0 10px;
  }
}
.about-bottom .wrapper .text .list ul li {
  color: #fff;
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.2em;
  margin: 0 0 3px;
  font-weight: 300;
}
.about-bottom .wrapper .img img {
  display: block;
  float: left;
  width: 50%;
}
@media only screen and (max-width: 380px) {
  .about-bottom .wrapper .img img {
    width: 100%;
  }
}
.about-bottom .wrapper .left {
  float: left;
  width: 49.4%;
}
@media only screen and (max-width: 1320px) {
  .about-bottom .wrapper .left {
    float: nonw;
    width: 100%;
    margin: 0 0 20px;
  }
}
.about-bottom .wrapper .left .text {
  background: url("../img/about-bottom-left.png") top right no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.about-bottom .wrapper .right {
  float: right;
  width: 49.4%;
  position: relative;
}
@media only screen and (max-width: 1320px) {
  .about-bottom .wrapper .right {
    float: nonw;
    width: 100%;
  }
}
.about-bottom .wrapper .right .img-sm {
  display: none;
}
@media only screen and (max-width: 1320px) {
  .about-bottom .wrapper .right .img-sm {
    display: block;
  }
}
@media only screen and (max-width: 1320px) {
  .about-bottom .wrapper .right .img-lg {
    display: none;
  }
}
.about-bottom .wrapper .right .chevron {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 40px;
  background: url("../img/chevron-blue.svg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 600px) {
  .about-bottom .wrapper .right .chevron {
    display: none;
  }
}
.about-bottom .wrapper .right .text {
  background: url("../img/about-bottom-right.png") bottom right no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 1320px) {
  .about-bottom .wrapper .right .text {
    background: url("../img/about-bottom-left.png") top right no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
  }
}
.our-blends {
  margin: 0 0 50px;
}
.our-blends .wrapper {
  *zoom: 1;
  width: auto;
  max-width: 750px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.our-blends .wrapper:before,
.our-blends .wrapper:after {
  content: '';
  display: table;
}
.our-blends .wrapper:after {
  clear: both;
}
.our-blends .wrapper .inner {
  background: #fff;
  position: relative;
  padding: 25px 0 35px;
  *zoom: 1;
}
.our-blends .wrapper .inner:before,
.our-blends .wrapper .inner:after {
  content: '';
  display: table;
}
.our-blends .wrapper .inner:after {
  clear: both;
}
.our-blends .wrapper .inner .chevron {
  position: absolute;
  top: -6px;
  right: -2px;
  height: 102.5%;
  width: 53px;
  background: url("../img/chevron-green.svg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  z-index: 9;
}
@media only screen and (max-width: 767px) {
  .our-blends .wrapper .inner .chevron {
    width: 25px;
  }
}
@media only screen and (max-width: 600px) {
  .our-blends .wrapper .inner .chevron {
    display: none;
  }
}
.our-blends .wrapper .inner .title {
  margin: 0 50px 0 20px;
  padding: 25px 0 25px;
  text-align: center;
  background: url("../img/our-blends-line.png") center left repeat-x;
}
@media only screen and (max-width: 767px) {
  .our-blends .wrapper .inner .title {
    margin: 0 20px;
  }
}
.our-blends .wrapper .inner .title h2 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background: #fff;
  display: inline-block;
  padding: 0 15px;
  font-size: 20px;
  color: #5f2300;
}
.our-blends .wrapper .inner .blends {
  *zoom: 1;
}
.our-blends .wrapper .inner .blends:before,
.our-blends .wrapper .inner .blends:after {
  content: '';
  display: table;
}
.our-blends .wrapper .inner .blends:after {
  clear: both;
}
.our-blends .wrapper .inner .blends .blend {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  padding: 0 60px;
  text-align: center;
}
.our-blends .wrapper .inner .blends .blend:before,
.our-blends .wrapper .inner .blends .blend:after {
  content: '';
  display: table;
}
.our-blends .wrapper .inner .blends .blend:after {
  clear: both;
}
.our-blends .wrapper .inner .blends .blend:last-child {
  margin-right: 0%;
}
@media only screen and (max-width: 767px) {
  .our-blends .wrapper .inner .blends .blend {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  .our-blends .wrapper .inner .blends .blend:first-child {
    margin-left: auto;
  }
  .our-blends .wrapper .inner .blends .blend:last-child {
    margin-right: auto;
  }
}
.our-blends .wrapper .inner .blends .blend img {
  width: 224px;
  height: 222px;
  margin: 0 auto;
}
.our-blends .wrapper .inner .blends .blend .cols {
  padding: 20px 0 25px;
  *zoom: 1;
  text-align: left;
}
.our-blends .wrapper .inner .blends .blend .cols:before,
.our-blends .wrapper .inner .blends .blend .cols:after {
  content: '';
  display: table;
}
.our-blends .wrapper .inner .blends .blend .cols:after {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .our-blends .wrapper .inner .blends .blend .cols {
    max-width: 250px;
    margin: 0 auto;
  }
}
.our-blends .wrapper .inner .blends .blend .cols .col ul li {
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0.1em;
  color: #5f2300;
  margin: 0 0 2px;
  font-weight: 300;
}
.our-blends .wrapper .inner .blends .blend .cols .col-left {
  float: left;
  width: 42%;
}
.our-blends .wrapper .inner .blends .blend .cols .col-right {
  float: right;
  width: 53%;
}
.our-blends .wrapper .inner .line {
  height: 4px;
  margin: 0 50px 0 20px;
  background: url("../img/our-blends-line.png") center left repeat-x;
}
@media only screen and (max-width: 767px) {
  .our-blends .wrapper .inner .line {
    margin: 0 20px;
  }
}
.our-blends .wrapper .inner:before,
.our-blends .wrapper .inner:after {
  position: absolute;
  content: '';
  top: -6px;
  left: 0px;
  width: 100%;
  height: 6px;
  background: url("../img/our-blends-top.png") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.our-blends .wrapper .inner:after {
  top: auto;
  bottom: -6px;
  background: url("../img/our-blends-bottom.png") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.origins {
  margin: 0 0 5px;
}
.origins .wrapper {
  *zoom: 1;
  width: auto;
  max-width: 750px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.origins .wrapper:before,
.origins .wrapper:after {
  content: '';
  display: table;
}
.origins .wrapper:after {
  clear: both;
}
.origins .wrapper .inner {
  background: #fff;
  position: relative;
  padding: 25px 0 35px;
  *zoom: 1;
}
.origins .wrapper .inner:before,
.origins .wrapper .inner:after {
  content: '';
  display: table;
}
.origins .wrapper .inner:after {
  clear: both;
}
.origins .wrapper .inner .chevron {
  position: absolute;
  top: -6px;
  left: -2px;
  height: 102.5%;
  width: 53px;
  background: url("../img/chevron-green.svg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width: 767px) {
  .origins .wrapper .inner .chevron {
    width: 22px;
  }
}
@media only screen and (max-width: 600px) {
  .origins .wrapper .inner .chevron {
    display: none;
  }
}
.origins .wrapper .inner .title {
  margin: 0 20px 0 50px;
  padding: 25px 0 25px;
  text-align: center;
  background: url("../img/our-blends-line.png") center left repeat-x;
}
@media only screen and (max-width: 767px) {
  .origins .wrapper .inner .title {
    margin: 0 20px;
  }
}
.origins .wrapper .inner .title h2 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  background: #fff;
  display: inline-block;
  padding: 0 15px;
  font-size: 20px;
  color: #5f2300;
}
.origins .wrapper .inner p {
  font-size: 12px;
  line-height: 1.25;
  letter-spacing: 0.2em;
  color: #5f2300;
  padding: 0 200px;
  text-align: center;
  font-weight: 300;
  margin: 0 0 20px;
}
@media only screen and (max-width: 767px) {
  .origins .wrapper .inner p {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 480px) {
  .origins .wrapper .inner p {
    padding: 0 20px;
  }
}
.origins .wrapper .inner h5 {
  text-align: center;
  padding: 0 190px;
  text-transform: uppercase;
  color: #5f2300;
  font-size: 12px;
  font-family: 'Archive', sans-serif;
  margin: 0 0 30px;
  letter-spacing: 0.15em;
}
@media only screen and (max-width: 767px) {
  .origins .wrapper .inner h5 {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 480px) {
  .origins .wrapper .inner h5 {
    padding: 0 20px;
  }
}
.origins .wrapper .inner .line {
  height: 4px;
  margin: 0 200px;
  background: url("../img/our-blends-line.png") center left repeat-x;
}
@media only screen and (max-width: 767px) {
  .origins .wrapper .inner .line {
    margin: 0 100px;
  }
}
@media only screen and (max-width: 480px) {
  .origins .wrapper .inner .line {
    padding: 0 20px;
  }
}
.origins .wrapper .inner:before,
.origins .wrapper .inner:after {
  position: absolute;
  content: '';
  top: -6px;
  left: 0px;
  width: 100%;
  height: 6px;
  background: url("../img/our-blends-top.png") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.origins .wrapper .inner:after {
  top: auto;
  bottom: -6px;
  background: url("../img/our-blends-bottom.png") center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
}
.not-coffee {
  padding: 60px 0 0;
}
@media only screen and (max-width: 1320px) {
  .not-coffee {
    padding: 20px 0 0;
  }
}
@media only screen and (max-width: 600px) {
  .not-coffee {
    padding: 0;
  }
}
.not-coffee .wrapper {
  *zoom: 1;
  width: auto;
  max-width: 720px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  *zoom: 1;
}
.not-coffee .wrapper:before,
.not-coffee .wrapper:after {
  content: '';
  display: table;
}
.not-coffee .wrapper:after {
  clear: both;
}
.not-coffee .wrapper:before,
.not-coffee .wrapper:after {
  content: '';
  display: table;
}
.not-coffee .wrapper:after {
  clear: both;
}
@media only screen and (max-width: 760px) {
  .not-coffee .wrapper {
    padding: 0 20px;
  }
}
.not-coffee .wrapper .title {
  text-align: center;
  position: relative;
  margin: 0 0 30px;
}
.not-coffee .wrapper .title h1 {
  text-transform: uppercase;
  letter-spacing: 0.2em;
  display: inline-block;
  padding: 0 15px;
  font-size: 20px;
  color: #5f2300;
}
.not-coffee .wrapper .title:before,
.not-coffee .wrapper .title:after {
  position: absolute;
  content: '';
  left: 0px;
  top: 8px;
  width: 34%;
  height: 4px;
  background: url("../img/not-coffee-line.png") center left repeat-x;
}
@media only screen and (max-width: 770px) {
  .not-coffee .wrapper .title:before,
  .not-coffee .wrapper .title:after {
    width: 30%;
  }
}
@media only screen and (max-width: 620px) {
  .not-coffee .wrapper .title:before,
  .not-coffee .wrapper .title:after {
    width: 25%;
  }
}
@media only screen and (max-width: 470px) {
  .not-coffee .wrapper .title:before,
  .not-coffee .wrapper .title:after {
    width: 20%;
  }
}
@media only screen and (max-width: 400px) {
  .not-coffee .wrapper .title:before,
  .not-coffee .wrapper .title:after {
    width: 15%;
  }
}
@media only screen and (max-width: 340px) {
  .not-coffee .wrapper .title:before,
  .not-coffee .wrapper .title:after {
    width: 10%;
  }
}
.not-coffee .wrapper .title:after {
  left: auto;
  right: 0px;
  background: url("../img/not-coffee-line.png") center left repeat-x;
}
.not-coffee .wrapper .things {
  *zoom: 1;
}
.not-coffee .wrapper .things:before,
.not-coffee .wrapper .things:after {
  content: '';
  display: table;
}
.not-coffee .wrapper .things:after {
  clear: both;
}
.not-coffee .wrapper .things .thing {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 48.5%;
  margin-left: 0%;
  margin-right: 3%;
  margin-bottom: 10px;
  text-align: center;
}
.not-coffee .wrapper .things .thing:before,
.not-coffee .wrapper .things .thing:after {
  content: '';
  display: table;
}
.not-coffee .wrapper .things .thing:after {
  clear: both;
}
.not-coffee .wrapper .things .thing:nth-child(2n) {
  margin-right: 0%;
  float: right;
}
.not-coffee .wrapper .things .thing:nth-child(2n+1) {
  clear: both;
}
@media only screen and (max-width: 600px) {
  .not-coffee .wrapper .things .thing {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .not-coffee .wrapper .things .thing:first-child {
    margin-left: auto;
  }
  .not-coffee .wrapper .things .thing:last-child {
    margin-right: auto;
  }
}
.not-coffee .wrapper .things .thing .img {
  height: 235px;
  position: relative;
  margin-bottom: 20px;
}
.not-coffee .wrapper .things .thing .img img {
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.not-coffee .wrapper .things .thing p {
  font-size: 10px;
  line-height: 1.3;
  letter-spacing: 0.2em;
  color: #5f2300;
  text-align: center;
  font-weight: 300;
  margin: 0 0 20px;
  padding: 0 30px;
}
@media only screen and (max-width: 600px) {
  .not-coffee .wrapper .things .thing p {
    padding: 0;
  }
}
.not-coffee .wrapper .things .thing p strong {
  font-weight: 600;
}
.not-coffee .wrapper .line {
  height: 4px;
  margin: 20px 0 60px;
  background: url("../img/not-coffee-line.png") center left repeat-x;
}
.journal {
  margin: 60px 0 0;
}
@media only screen and (max-width: 1320px) {
  .journal {
    margin: 0;
  }
}
.journal .wrapper {
  *zoom: 1;
  width: auto;
  max-width: 1080px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.journal .wrapper:before,
.journal .wrapper:after {
  content: '';
  display: table;
}
.journal .wrapper:after {
  clear: both;
}
@media only screen and (max-width: 1120px) {
  .journal .wrapper {
    padding: 0 20px;
  }
}
.journal .wrapper .items .item {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 22.75%;
  margin-left: 0%;
  margin-right: 3%;
  background: url("../img/journal-line.png") top left repeat-x;
  padding-top: 12px;
  margin-bottom: 20px;
}
.journal .wrapper .items .item:before,
.journal .wrapper .items .item:after {
  content: '';
  display: table;
}
.journal .wrapper .items .item:after {
  clear: both;
}
.journal .wrapper .items .item:nth-child(4n) {
  margin-right: 0%;
  float: right;
}
.journal .wrapper .items .item:nth-child(4n+1) {
  clear: both;
}
@media only screen and (max-width: 767px) {
  .journal .wrapper .items .item {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 48.5%;
    margin-left: 0%;
    margin-right: 3%;
  }
  .journal .wrapper .items .item:before,
  .journal .wrapper .items .item:after {
    content: '';
    display: table;
  }
  .journal .wrapper .items .item:after {
    clear: both;
  }
  .journal .wrapper .items .item:nth-child(4n) {
    margin-right: 3%;
    float: left;
  }
  .journal .wrapper .items .item:nth-child(4n+1) {
    clear: none;
  }
  .journal .wrapper .items .item:nth-child(2n) {
    margin-right: 0%;
    float: right;
  }
  .journal .wrapper .items .item:nth-child(2n+1) {
    clear: both;
  }
}
@media only screen and (max-width: 480px) {
  .journal .wrapper .items .item {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .journal .wrapper .items .item:first-child {
    margin-left: auto;
  }
  .journal .wrapper .items .item:last-child {
    margin-right: auto;
  }
}
.journal .wrapper .items .item h2 {
  margin: 0 0 5px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #5f2300;
  font-size: 10px;
}
.journal .wrapper .items .item img {
  width: 100%;
  height: auto;
  margin: 0 0 5px;
}
.journal .wrapper .items .item p {
  margin: 0 0 10px;
  letter-spacing: 0.2em;
  color: #5f2300;
  font-size: 10px;
  line-height: 1.3;
  font-weight: 300;
}
.journal .wrapper .items .item p a {
  text-decoration: underline;
  color: #5f2300;
}
.journal .wrapper .items .item p i {
  font-style: italic;
  font-weight: 300;
}
.contact .wrapper {
  *zoom: 1;
  width: auto;
  max-width: 1080px;
  float: none;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
}
.contact .wrapper:before,
.contact .wrapper:after {
  content: '';
  display: table;
}
.contact .wrapper:after {
  clear: both;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper {
    padding: 0 20px;
  }
}
.contact .wrapper .row {
  margin: 0 0 20px;
  *zoom: 1;
}
.contact .wrapper .row:before,
.contact .wrapper .row:after {
  content: '';
  display: table;
}
.contact .wrapper .row:after {
  clear: both;
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row {
    margin: 0;
  }
}
.contact .wrapper .row .contact-info {
  float: left;
  width: 23.6%;
  margin: 0 1.851851852% 0 0;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .contact-info {
    width: 50%;
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact .wrapper .row .contact-info {
    float: none;
    width: 100%;
  }
}
.contact .wrapper .row .contact-info .circle {
  position: absolute;
  top: 175px;
  right: -62px;
  width: 144px;
  height: 144px;
  background: url("../img/contact-circle.svg");
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  text-align: center;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .contact-info .circle {
    position: relative;
    top: 0px;
    right: auto;
    float: right;
    margin: 0 30px 0 0;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .contact-info .circle {
    margin: 0 10px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .contact .wrapper .row .contact-info .circle {
    margin: 0;
  }
}
@media only screen and (max-width: 400px) {
  .contact .wrapper .row .contact-info .circle {
    float: none;
  }
}
.contact .wrapper .row .contact-info .circle .content {
  padding: 20px 0 0;
}
.contact .wrapper .row .contact-info .circle p {
  font-size: 10px;
  line-height: 1.3;
  margin: 0 0 10px;
  color: #5f2300;
  letter-spacing: 0.1em;
  font-weight: 300;
}
.contact .wrapper .row .contact-info .line {
  background: url("../img/contact-line.png") top left repeat-x;
  width: 80px;
  height: 5px;
  margin: 15px 0;
}
.contact .wrapper .row .contact-info h2 {
  font-family: 'Archive', sans-serif;
  font-size: 25px;
  letter-spacing: 0.1em;
  color: #8c7856;
}
.contact .wrapper .row .contact-info .text {
  position: absolute;
  bottom: 30px;
  left: 0px;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .contact-info .text {
    position: relative;
    bottom: 0px;
    float: left;
  }
}
@media only screen and (max-width: 400px) {
  .contact .wrapper .row .contact-info .text {
    float: none;
    margin: 0 0 20px;
  }
}
.contact .wrapper .row .contact-info .text p,
.contact .wrapper .row .contact-info .text a {
  font-size: 12px;
  line-height: 1.25;
  color: #5f2300;
  margin: 20px 0 0;
  font-weight: 300;
  letter-spacing: 0.1em;
}
.contact .wrapper .row .contact-map {
  float: left;
  width: 40.740740741%;
  position: relative;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .contact-map {
    width: 50%;
    float: right;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .contact .wrapper .row .contact-map {
    width: 100%;
    float: none;
  }
}
.contact .wrapper .row .contact-map img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .contact .wrapper .row .contact-map img {
    margin: 20px 0 0;
  }
}
.contact .wrapper .row .contact-images {
  float: right;
  width: 32.037037037%;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .contact-images {
    display: none !important;
  }
}
.contact .wrapper .row .contact-images .img {
  width: 100%;
  height: 180px;
  margin-bottom: 20px;
}
.contact .wrapper .row .contact-images .img.last {
  margin-bottom: 0px;
}
.contact .wrapper .row .img {
  height: 209px;
  float: left;
  margin: 0 1.851851852% 0 0;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .img {
    height: 180px !important;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .img {
    height: 140px !important;
  }
}
@media only screen and (max-width: 767px) {
  .contact .wrapper .row .img {
    height: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .contact .wrapper .row .img {
    height: 70px !important;
  }
}
@media only screen and (max-width: 360px) {
  .contact .wrapper .row .img {
    height: 50px !important;
  }
}
.contact .wrapper .row .img.two {
  width: 15.185185185%;
  clear: both;
}
.contact .wrapper .row .img.three {
  width: 23.5%;
}
.contact .wrapper .row .img.four {
  width: 32.037037037%;
}
.contact .wrapper .row .img.large {
  height: 260px;
}
.contact .wrapper .row .img.last {
  margin: 0;
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-one,
  .contact .wrapper .row .sm-two,
  .contact .wrapper .row .sm-three,
  .contact .wrapper .row .sm-four,
  .contact .wrapper .row .sm-five,
  .contact .wrapper .row .sm-six,
  .contact .wrapper .row .sm-seven {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-one,
  .contact .wrapper .row .sm-two,
  .contact .wrapper .row .sm-three,
  .contact .wrapper .row .sm-four,
  .contact .wrapper .row .sm-five,
  .contact .wrapper .row .sm-six,
  .contact .wrapper .row .sm-seven {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-one {
    width: 31% !important;
    height: 200px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-one {
    width: 30% !important;
    height: 130px !important;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-two {
    width: 67% !important;
    height: 200px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-two {
    width: 66% !important;
    height: 130px !important;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-three,
  .contact .wrapper .row .sm-four,
  .contact .wrapper .row .sm-six,
  .contact .wrapper .row .sm-seven {
    width: 49% !important;
    height: 200px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-three,
  .contact .wrapper .row .sm-four,
  .contact .wrapper .row .sm-six,
  .contact .wrapper .row .sm-seven {
    width: 48% !important;
    height: 130px !important;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-six,
  .contact .wrapper .row .sm-seven {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-two,
  .contact .wrapper .row .sm-four,
  .contact .wrapper .row .sm-six {
    float: right;
    margin-right: 0px;
  }
}
@media only screen and (max-width: 978px) {
  .contact .wrapper .row .sm-five {
    width: 100% !important;
    height: 400px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-five {
    height: 260px !important;
  }
}
.contact .wrapper .row .sm-a,
.contact .wrapper .row .sm-b,
.contact .wrapper .row display none {
  height: 0px !important;
}
@media only screen and (max-width: 1120px) {
  .contact .wrapper .row .sm-a,
  .contact .wrapper .row .sm-b,
  .contact .wrapper .row display none {
    display: block;
    width: 49%;
    float: left;
    margin-bottom: 15px;
    height: 180px !important;
  }
}
@media only screen and (max-width: 600px) {
  .contact .wrapper .row .sm-a,
  .contact .wrapper .row .sm-b,
  .contact .wrapper .row display none {
    height: 150px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-a,
  .contact .wrapper .row .sm-b,
  .contact .wrapper .row display none {
    height: 100px !important;
    width: 48% !important;
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 420px) {
  .contact .wrapper .row .sm-b {
    float: right;
  }
}
.contact .wrapper .row.last {
  margin: 0;
}
#slider li .img-holder {
  position: relative;
}
#slider li .img-holder img {
  display: block;
}
#slider li .img-holder .chevron {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 50px;
  z-index: 9;
  background: url("../img/chevron-orange.svg");
}
@media only screen and (max-width: 978px) {
  #slider li .img-holder .chevron {
    width: 30px;
  }
}
@media only screen and (max-width: 480px) {
  #slider li .img-holder .chevron {
    width: 20px;
  }
}
#slider li .img-holder .chevron-right {
  left: auto;
  right: 45px;
}
#slider li .img-holder .green {
  background: url("../img/chevron-green.svg");
}
#slider li .img-holder .blue {
  background: url("../img/chevron-blue.svg");
}
#slider li .img-holder .yellow {
  background: url("../img/chevron-yellow.svg");
}
#sidr {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #5f2400;
  padding: 15px 0 0;
}
#sidr ul {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#sidr ul li {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
#sidr ul li a {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-family: 'katarine-web', sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}
@media only screen and (max-width: 480px) {
  .anythingSlider {
    width: 100% !important;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .anythingSlider .chevron-right {
    right: 0px !important;
  }
}