/*
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Small Desktop ----------------------------
	     04. Header -----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Button -----------------------------------
	         Button Block -----------------------------
	         Button Yellow ----------------------------
	         Button Brown -----------------------------
	         Mobile -----------------------------------
	         Button Menu ------------------------------
	         Tablet Portrait --------------------------
	     02. Contact Box ------------------------------
	     03. Copyright --------------------------------
	         Mobile -----------------------------------
	     04. Distributor ------------------------------
	         Distributor Box --------------------------
	     05. Form Elements ----------------------------
	     06. Form -------------------------------------
	         Mobile -----------------------------------
	         Form Login -------------------------------
	         Mobile -----------------------------------
	     07. Intro ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     08. Link -------------------------------------
	         Mobile -----------------------------------
	     09. List -------------------------------------
	         List Supplies ----------------------------
	         List Contacts ----------------------------
	         List Contacts Secondary ------------------
	     10. Logo -------------------------------------
	         Small Desktop ----------------------------
	     11. Map --------------------------------------
	         Mobile -----------------------------------
	     12. Nav --------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     13. Phone ------------------------------------
	     14. Search -----------------------------------
	         Small Desktop ----------------------------
	     15. Section ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Section White ----------------------------
	         Section Lightbrown -----------------------
	         Section Brown ----------------------------
	         Section About ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Section Distributors ---------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	         Section Contact --------------------------
	         Mobile -----------------------------------
	     16. Slider -----------------------------------
	     17. Supply -----------------------------------
	         Supply Box -------------------------------
	         Supply Box Large -------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     18. Table ------------------------------------
	     19. Widget -----------------------------------
 */

.ico-arrow-down { background-image: url(images/sprite.png); background-position: 30.158730158730158% 75.86206896551724%; background-size: 493.75% 744.4444444444445%; width: 16px; height: 9px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-arrow-right { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 316% 372.22222222222223%; width: 25px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-envelope-yellow { background-image: url(images/sprite.png); background-position: 98.27586206896551% 37.735849056603776%; background-size: 376.1904761904762% 478.57142857142856%; width: 21px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-house-brown { background-image: url(images/sprite.png); background-position: 52.72727272727272% 0%; background-size: 329.16666666666663% 372.22222222222223%; width: 24px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-house-yellow { background-image: url(images/sprite.png); background-position: 0% 44.89795918367347%; background-size: 359.09090909090907% 372.22222222222223%; width: 22px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-phone { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 526.6666666666666% 291.30434782608694%; width: 15px; height: 23px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-telephone-brown { background-image: url(images/sprite.png); background-position: 47.27272727272727% 43.13725490196079%; background-size: 329.16666666666663% 418.75%; width: 24px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-telephone-yellow { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 359.09090909090907% 418.75%; width: 22px; height: 16px; display: inline-block; vertical-align: middle; font-size: 0; }
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 1.33; color: #555555; font-weight: 400; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0; }
h1 { font-size: 60px; line-height: 1.33; font-weight: 700; text-transform: uppercase; color: #010101; }
h2 { font-size: 40px; line-height: 1; font-weight: 300; color: #422e2d; }
h3 { font-size: 24px; line-height: 1; font-weight: 400; color: #422e2d; }
h4 { font-size: 20px; font-weight: 300; line-height: 1.2; color: #fff; letter-spacing: 0.02em; text-transform: uppercase; }
h5 { font-size: 18px; line-height: 1.2; font-weight: 700; text-transform: uppercase; color: #555; }
h6 { font-size: ; }
p,
ul,
ol,
dl,
table,
blockquote,
form { margin-bottom: 0; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
.container { max-width: 1440px; width: 93%; }
/* Small Desktop */
@media (max-width: 1550px) {
	.container { width: 100%; padding: 0 10px; }
}
/* Mobile */
@media (max-width: 767px) {
	h1 { font-size: 45px; }
	h2 { font-size: 35px; }

	body { font-size: 16px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1550px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1551px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { background: #191110; padding: 23px 0; }
.footer .footer-inner { padding-left: 377px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.footer .footer-inner { padding-left: 300px; }
}
@media (max-width: 1200px) {
	.footer .footer-inner { padding-left: 0; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header .header-bar { background: #fff; text-align: right; padding: 20px 0; position: relative; z-index: 10; }
.header .header-content { background: #422e2d; position: relative; z-index: 10; padding: 7px 0; border-bottom: 1px solid  #4c3735; }
.header .header-inner { padding-left: 243px; }
.header .header-entry { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center;  }
.header .header-aside { background: rgba(42, 29, 28, 0.95); position: absolute; top: 0; left: 0; width: 372px; height: 100%; z-index: 5; padding: 208px 40px 60px 80px; }
.header .header-aside h4 { padding: 14px 30px; position: relative; margin-bottom: 22px; }
.header .header-aside h4:before { content: ''; display: inline-block; background: url(../css/images/line-horizontal.png) no-repeat 0 0; width: 100%; height: 2px; position: absolute; top: 0; left: 0; }
.header .header-aside h4:after { content: ''; display: inline-block; background: url(../css/images/line-horizontal.png) no-repeat 0 0; width: 100%; height: 2px;  position: absolute; bottom: 0; left: 0; }
.header .header-aside .list-supplies { padding-left: 40px; position: relative; }
.header .header-aside .list-supplies:before { content: ''; display: inline-block; /*background: url(../css/images/line-vertical.png) no-repeat 0 0*/; width: 2px; height: 836px; position: absolute; top: -90px; left: 12px; }
.header .container { max-width: 1440px; width: 93%; }
.header .phone { display: inline-block; vertical-align: middle; margin-right: 17px; }
.header .form-login { display: inline-block; vertical-align: middle; }
.header .logo { position: absolute; top: -60px; left: 90px; z-index: 50; }
.header .nav { display: inline-block; vertical-align: middle; }
.header .seach { display: inline-block; vertical-align: middle; }
.header .link-toggle { display: none; }
/* Small Desktop */
@media (max-width: 1550px) {
	.header .header-bar { padding: 10px 0; }
	.header .header-inner { padding-left: 100px; }
	.header .header-aside { padding: 175px 20px 50px 0px; width: 300px; }

	.header .logo { position: absolute; top: -25px; left: 15px; }
}
/* Tablet Portrait */
@media (max-width: 1200px) {
	.header .header-aside { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
	.header .header-aside.visible { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
	.header .header-bar { padding: 15px 0 25px; }

	.header .header-content { text-align: right; min-height: 100%; padding: 20px 0; }
	.header .header-content .container { max-width: 100%; width: 100%; }

	.header .header-inner { position: absolute; top: 100%; right: 0; padding-left: 0; background: #422e2d; text-align: left; max-height: 0; overflow: hidden; transition: max-height .5s ease-in-out; width: 100%; }
	.header .header-entry { padding: 60px 35px 30px; border-bottom: 5px solid  #2a1d1c; display: block; }

	.header .nav { margin-bottom: 10px; }
	.header .logo { left: 50%; margin-left: -62px; top: -15px; }
	.header .btn-menu { margin-right: 35px; }

	.header .btn-menu.open + .header-inner { max-height: 1000px; }
	.header .link-toggle { display: inline-block; position: absolute; top: 50%; left: 35px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 50; }
}
/* Mobile */
@media (max-width: 767px) {
	.header .header-aside { padding-top: 240px; }

	.header .header-bar { text-align: center; }
	.header .form-login { display: block; margin: auto; margin-top: 20px; }

	.header .header-entry { padding: 60px 20px 30px;  }

	.header .btn-menu { margin-right: 15px; }
	.header .link-toggle { left: 20px; }
}
@media (max-width: 479px) {
	.header .header-aside { width: 100%; padding-top: 300px; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 1220px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; position: relative; overflow: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; margin-bottom: 0; font-size: 16px;line-height: 1.2; text-transform: uppercase; letter-spacing: 0; padding: 9px 18px; height: auto; border-radius: 2px; transition: background .3s, color .3s, border-color .3s; text-decoration: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; width: 100%; }
/*  Button Yellow  */
.btn-yellow { color: #675a28; background: #eee766; border-color: transparent; }
.btn-yellow:hover { color: #675a28; background-color: transparent; border-color: #675a28; }
/*  Button Brown  */
.btn-brown { font-size: 20px; line-height: 1.2; color: #fff; background: #422e2d; border-radius: 4px; position: relative; padding: 13px 20px 13px 70px; }
.btn-brown span { background: #ffdf63; position: absolute; top: 0; left: 0; width: 50px; height: 100%; border-radius: 4px 0 0 4px; }
.btn-brown span i { position: absolute; top: 50%; left: 50%; margin-left: -13px; margin-top: -9px; }
.btn-brown:hover { color: #ffdf63; }
/* Mobile */
@media (max-width: 767px) {
	.btn-brown { font-size: 18px; }
}
/*  Button Menu  */
.btn-menu { display: none; text-decoration: none; width: 25px; height: 20px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: all .4s; z-index: 250; }
.btn-menu span { display: block; position: absolute; height: 4px; width: 100%; background: #fff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transition: .4s ease-in-out; font-size: 0; line-height: 0; text-indent: -4004px; }
.btn-menu span:nth-child(1) { top: 0px; }
.btn-menu span:nth-child(2) { top: 8px; }
.btn-menu span:nth-child(3) { top: 16px; }
.btn-menu.open span { background: #fff; }
.btn-menu.open span:nth-child(1) { top: 8px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }
.btn-menu.open span:nth-child(2) { opacity: 0; left: -60px; }
.btn-menu.open span:nth-child(3) { top: 8px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); }
/* Tablet Portrait */
@media (max-width: 1200px) {
	.btn-menu { display: inline-block; vertical-align: middle; }
}
/* ------------------------------------------------------------ *\
	Contact Box
\* ------------------------------------------------------------ */
.contact-box { padding-left: 6px; }
.contact-box + .contact-box { margin-top: 35px; }
.contact-box .contact-box-head { padding: 0 34px; }
.contact-box .contact-box-head h5 { text-transform: none; font-weight: 400; color: #cb4803; margin-bottom: 8px; }
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright { font-size: 16px; line-height: 1.5; color: #fff; font-weight: 400; }
/* Mobile */
@media (max-width: 767px) {
	.copyright { font-size: 14px; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Distributor
\* ------------------------------------------------------------ */
/*  Distributor Box  */
.distributor-box .distributor-box-head { text-align: center; margin-bottom: 16px; }
.distributor-box .select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../css/images/ico-arrow-down.png) no-repeat 97% center; width: 100%; max-width: 280px; border-color: #bba894; }
.distributor-box .select::-ms-expand { display: none; }
.distributor-box .distributor-box-aside { text-align: center; }
.distributor-box .distributor-box-content { padding-top: 24px; }
.distributor-box .distributor-box-content > h5 { margin-bottom: 26px; }
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form .form-body { margin-bottom: 16px; }
.form .form-row { padding-left: 128px; position: relative; margin-bottom: 12px; }
.form .form-row:last-child { margin-bottom: 0; }
.form .form-label { font-size: 16px; line-height: 1.5; color: #fff; font-weight: 400; position: absolute; top: 7px; left: -2px; }
.form .form-asterisk { color: #ffdb2d; }
.form .form-actions { padding-left: 128px; }
.form .field { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: none; height: auto; margin-bottom: 0; font-size: 18px; line-height: 1.2; color: #000; padding: 9px 10px; }
.form .field:focus { border: 0; }
.form .textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; min-height: 120px; resize: none; border: none; height: auto; margin-bottom: 0; color: #000; }
/* Mobile */
@media (max-width: 479px) {
	.form .form-row { padding-left: 0;  }
	.form .form-label { position: static; }

	.form .form-actions { padding-left: 0; }
}
/*  Form Login  */
.form-login { max-width: 395px; }
.form-login .form-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.form-login .form-body { margin-right: 6px; }
.form-login .form-row-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.form-login .form-col-1of2 { width: 50%; margin-right: 5px; }
.form-login .form-col-1of2:last-child { margin-right: 0; }
.form-login .field { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-bottom: 0; font-size: 15px; font-style: italic; font-weight: 400; letter-spacing: 0.02em; color: #555; padding: 10px 8px; height: auto; transition: border-color .3s; border-radius: 2px; }
/* Mobile */
@media (max-width: 479px) {
	.form-login .form-inner { display: block; width: 100%; }
	.form-login .form-body { margin-bottom: 10px; margin-right: 0; }
	.form-login .btn-yellow { display: block; width: 100%; }
}
/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */
.intro { background-size: cover; background-position: center center; border: 5px solid  #2a1d1c; border-left: 0; border-right: 0; }
.intro .intro-outer { position: relative;  min-height: 660px; }
.intro .intro-inner { padding-left: 375px; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.intro .intro-content { font-size: 30px; line-height: 1.33; color: #2c1f1e; text-transform: uppercase; margin-bottom: 43px; background-color: #ffffff; padding: 4px; margin-top: 40px; }
.intro .intro-content h1 { line-height: 1; }
.intro .intro-actions { padding: 0 5px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.intro .intro-inner { padding-left: 300px; }

	.intro .intro-outer { min-height: 550px; }
}
/* Tablet Portrait */
@media (max-width: 1200px) {
	.intro .intro-inner { padding-left: 0; }

	.intro .intro-outer { min-height: 450px; }
}
/* Mobile */
@media (max-width: 767px) {
	.intro .intro-outer { min-height: 400px; }

	.intro .intro-content { font-size: 25px; }
}
/* ------------------------------------------------------------ *\
	Link
\* ------------------------------------------------------------ */
.link-toggle { color: #fff; font-size: 16px; text-decoration: none; transition: color .3s; text-transform: uppercase; }
.link-toggle:hover { color: #cb4803; }
/* Mobile */
@media (max-width: 479px) {
	.link-toggle { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/*  List Supplies  */
.list-supplies li { display: block; }
.list-supplies a { border-radius: 3px; padding: 4px; border: 1px solid  #7e6e31; display: inline-block; transition: border-color .3s; }
.list-supplies a:hover { border-color: #fff; }
/*  List Contacts  */
.list-contacts li { position: relative; padding-left: 34px;  }
.list-contacts i { position: absolute; top: 0; left: 0; }
.list-contacts a { text-decoration: none; transition: color .3s; }
.list-contacts a:hover { color: #fff; }
/*  List Contacts Secondary  */
.list-contacts-secondary { color: #fff; font-size: 16px; }
.list-contacts-secondary p { margin-top: 10px; }
.list-contacts-secondary li { margin-bottom: 38px; }
.list-contacts-secondary li:last-child { margin-bottom: 0; }
.list-contacts-secondary a:hover { color: #eee766; }
.list-contacts-secondary .ico-telephone-yellow { top: 5px; }
.list-contacts-secondary .ico-envelope-yellow { top: 5px; }
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; background-size: 100% 100%; background: url(../css/images/logo.png) no-repeat 0 0; width: 185px; height: 151px; vertical-align: middle; font-size: 0; line-height: 0; text-indent: -4004px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.logo { width: 123px; height: 101px; background-size: cover; }
}
/* ------------------------------------------------------------ *\
	Map
\* ------------------------------------------------------------ */
.map { display: inline-block; width: 100%; height: 450px; max-width: 450px; }
/* Mobile */
@media (max-width: 767px) {
	.map { max-width: 100%; height: 375px; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { font-size: 17px; line-height: 1.2; letter-spacing: 0.02em; text-transform: uppercase; }
.nav ul { list-style-type: none; }
.nav li { display: inline-block; vertical-align: middle; margin-right: 35px; margin-bottom: 0; }
.nav li:last-child { margin-right: 0; }
.nav a { text-decoration: none; color: #fff; transition: color .3s; }
.nav a:hover { color: #cb4803; }
/* Small Desktop */
@media (max-width: 1550px) {
	.nav { font-size: 14px; letter-spacing: 0; }
	.nav li { margin-right: 10px; }
}
/* Tablet Portrait */
@media (max-width: 1200px) {
	.nav { font-size: 16px; }

	.nav li { display: block; width: 100%; margin-right: 0; margin-bottom: 10px; }
	.nav li:last-child { margin-bottom: 0; }
}
/* ------------------------------------------------------------ *\
	Phone
\* ------------------------------------------------------------ */
.phone { font-size: 18px; color: #333; position: relative; padding-left: 23px; }
.phone a { font-weight: 700; text-decoration: underline; color: #cb4803; }
.phone i { position: absolute; top: 0; left: 0; }
/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */
.search { width: 100%; max-width: 210px; }
.search .search-field { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; font-style: italic; line-height: 1.2; height: auto; color: #fff; background: #241919; border-color: #4e3635; margin-bottom: 0; border-radius: 3px; padding: 7px 8px 8px; transition: border-color .3s; }
.search .search-field:focus { border-color: #241919; }
/* Small Desktop */
@media (max-width: 1550px) {
	.search { max-width: 165px; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section { padding: 64px 0 100px; }
.section .section-inner { padding-left: 380px; }
.section .section-head { text-align: center; padding: 0 110px; margin-bottom: 39px; }
.section .section-title { margin-bottom: 19px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.section .section-inner { padding-left: 300px; }

	.section .section-head { padding: 0; }
}
/* Tablet Portrait */
@media (max-width: 1200px) {
	.section { padding: 60px 0; }

	.section .section-inner { padding-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.section .columns { width: 100%; float: none; }
	.section .columns + .columns { margin-left: 0; }

	.section .section-head { padding: 0; }
	.section .section-head br { display: none; }
}
/*  Section White  */
.section-white { background: #fff; }
/*  Section Lightbrown  */
.section-lightbrown { background: #f2dabf; }
/*  Section Brown  */
.section-brown { background: #1c1411; }
/*  Section About  */
.section-about .columns + .columns { margin-left: 0; }
.section-about .section-inner { padding-left: 395px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.section-about .columns + .columns { margin-left: 4%; }

	.section-about .section-inner { padding-left: 300px; }
}
/* Tablet Portrait */
@media (max-width: 1200px) {
	.section-about .section-inner { padding-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-about .columns + .columns { margin-left: 0; margin-top: 60px; }
}
/*  Section Distributors  */
.section-distributors { padding-bottom: 62px; }
.section-distributors .section-head { margin-bottom: 13px; }
.section-distributors .columns + .columns { margin-left: 1%; }
/* Small Desktop */
@media (max-width: 1550px) {
	.section-distributors .columns + .columns { margin-left: 4%; }
}
@media (max-width: 1200px) {
	.section-distributors { padding-bottom: 60px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-distributors .columns + .columns { margin-left: 0; margin-top: 20px; }
}
/*  Section Contact  */
.section-contact { background-size: cover; padding-top: 42px; padding-bottom: 80px; }
.section-contact .section-head { margin-bottom: 0; }
.section-contact .section-title { color: #fff; margin-bottom: 27px; }
.section-contact .section-aside { padding-top: 10px; }
.section-contact .columns + .columns { margin-left: 3.5%; }
@media (max-width: 1200px) {
	.section-contact { padding: 60px 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-contact .columns + .columns { margin-left: 0; margin-top: 20px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Supply
\* ------------------------------------------------------------ */
/*  Supply Box  */
.supply-box { display: block; width: 100%; min-height: 210px; background-size: cover; width: 100%; max-width: 480px; text-align: center; position: relative; background-position: center center; }
.supply-box + .supply-box { margin-top: 40px; }
.supply-box .supply-box-image { display: none; }
.supply-box .supply-box-content { background: #fff; position: absolute; bottom: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 12px 16px; width: auto; font-size: 16px; line-height: 1.5; color: #cb4803; }
/*  Supply Box Large  */
.supply-box-large { min-height: 460px; }
/* Small Desktop */
@media (max-width: 1550px) {
	.supply-box { max-width: 100%; }
}
@media (max-width: 1200px) {
	.supply-box { min-height: 100%; background: none !important; }

	.supply-box .supply-box-image { display: inline-block; }

	.supply-box .supply-box-content { font-size: 14px; width: 70%; }
	.supply-box .supply-box-content h4 { font-size: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
	.supply-box + .supply-box { margin-top: 60px; }

	.supply-box .supply-box-image { display: block; width: 100%; }
	.supply-box .supply-box-image img { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }