/*
Theme Name: Matthiasson
Theme URI: http://matthiasson.com/
Author: Vin
Author URI: http://vinagency.com/


contents:
			reset
			typography
			links
			transitions
			layout
			header
			footer
			util
			pages
			forms
			components
			grid
			media queries
			print

breakpoints:
			mobile 		<= 480
			tablet    	481 - 768
			sm desktop  769 - 959
			full 		>= 960


*/



/* =reset */

html, body, div, span, 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, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
html, body {
height: 100%;
min-height: 100%;
}
body {
line-height: 1;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
html {
/*overflow-y: scroll;*/
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
div, section, article,
aside, header, footer,
span, p, li, a,
input {
box-sizing:border-box;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
del {
color: #111;
}
ins {
text-decoration: none;
}
hr {
border: 0;
height: 1px;
margin: 2em 0;
clear: both;
background-color: #ccc;
}
.text .byline + hr {
margin-bottom: 4em;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
max-width: 100%;
height: auto;
}
button {
cursor: pointer;
}
::-moz-selection {
background: #333;
color: #fff;
}
::selection {
background: #333;
color: #fff;
}




/* =typography */

@font-face {
font-family: 'AvenirLTStd-Roman';
src: url('fonts/AvenirLTStd-Roman.eot');
src: url('fonts/AvenirLTStd-Roman.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirLTStd-Roman.woff') format('woff'),
url('fonts/AvenirLTStd-Roman.ttf') format('truetype');
}

@font-face {
font-family: 'AvenirLTStd-Light';
src: url('fonts/AvenirLTStd-Light.eot');
src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirLTStd-Light.woff') format('woff'),
url('fonts/AvenirLTStd-Light.ttf') format('truetype');
}

body {
font-family: 'AvenirLTStd-Roman', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5em;
color:#333;
}
h1, h2, h3, h4 {
font-family: 'AvenirLTStd-Roman', Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
text-rendering: optimizeLegibility;
font-variant-ligatures: common-ligatures;
text-align: left;
text-transform: uppercase;
color:#767676;
}
h1 {
font-family: 'AvenirLTStd-Light', Verdana, Arial, Helvetica, sans-serif;
font-size: 3em;
line-height: 1em;
margin-bottom: .5em;
text-indent: -2px;
letter-spacing: 2px;
color:#0157b9;
}
h2 {
font-family: 'AvenirLTStd-Light', Verdana, Arial, Helvetica, sans-serif;
font-size: 1.714em;
line-height: 1.0em;
margin-top: 2em;
margin-bottom: 1.5em;
letter-spacing: 1px;
color:#0157b9;
}
h3 {
font-size:18px;
line-height: 1.25em;
margin-top: 2em;
margin-bottom: 1em;
text-transform: uppercase;
clear:right;
}
h4 {
font-size:14px;
line-height: 1.25em;
margin-top: 1em;
margin-bottom: 1em;
}

h2:first-child, h3:first-child, h4:first-child {
margin-top: 0;
}
p, address {
line-height: 1.5em;
margin-bottom: 1.5em;
}
p:first-child,
p:first-child:last-child {
/*margin-bottom: 1.5em;*/
}
label {
line-height: 1.5em;
}
address {
font-style: normal;
}
li {
margin-bottom: .5em;
}
ol, ul {
margin-bottom: 1.5em;
}
ul li {
list-style-type: disc;
}




@font-face {
  font-family: 'MatthiassonIcons';
  src: url('fonts/fontello.eot?88740599');
  src: url('fonts/fontello.eot?88740599#iefix') format('embedded-opentype'),
       url('fonts/fontello.woff?88740599') format('woff'),
       url('fonts/fontello.ttf?88740599') format('truetype'),
       url('fonts/fontello.svg?88740599#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "MatthiassonIcons";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;
font-variant: normal;
text-transform: none;
line-height: 1em;
margin-left: .2em;
}

body .icon-facebook:before,
body .icon-instagram:before {
font-family: "MatthiassonIcons" !important;
}


body .icon-note:before { content: '\e800'; } /* '' */
body .icon-note-beamed:before { content: '\e801'; } /* '' */
body .icon-music:before { content: '\e802'; } /* '' */
body .icon-search:before { content: '\e803'; } /* '' */
body .icon-flashlight:before { content: '\e804'; } /* '' */
body .icon-mail:before { content: '\e805'; } /* '' */
body .icon-heart:before { content: '\e806'; } /* '' */
body .icon-heart-empty:before { content: '\e807'; } /* '' */
body .icon-star:before { content: '\e808'; } /* '' */
body .icon-star-empty:before { content: '\e809'; } /* '' */
body .icon-user:before { content: '\e80a'; } /* '' */
body .icon-users:before { content: '\e80b'; } /* '' */
body .icon-user-add:before { content: '\e80c'; } /* '' */
body .icon-video:before { content: '\e80d'; } /* '' */
body .icon-picture:before { content: '\e80e'; } /* '' */
body .icon-camera:before { content: '\e80f'; } /* '' */
body .icon-layout:before { content: '\e810'; } /* '' */
body .icon-menu-1:before { content: '\e811'; } /* '' */
body .icon-check:before { content: '\e812'; } /* '' */
body .icon-cancel:before { content: '\e813'; } /* '' */
body .icon-cancel-circled:before { content: '\e814'; } /* '' */
body .icon-cancel-squared:before { content: '\e815'; } /* '' */
body .icon-plus:before { content: '\e816'; } /* '' */
body .icon-plus-circled:before { content: '\e817'; } /* '' */
body .icon-plus-squared:before { content: '\e818'; } /* '' */
body .icon-minus:before { content: '\e819'; } /* '' */
body .icon-minus-circled:before { content: '\e81a'; } /* '' */
body .icon-minus-squared:before { content: '\e81b'; } /* '' */
body .icon-help:before { content: '\e81c'; } /* '' */
body .icon-help-circled:before { content: '\e81d'; } /* '' */
body .icon-info:before { content: '\e81e'; } /* '' */
body .icon-info-circled:before { content: '\e81f'; } /* '' */
body .icon-back:before { content: '\e820'; } /* '' */
body .icon-home:before { content: '\e821'; } /* '' */
body .icon-link:before { content: '\e822'; } /* '' */
body .icon-attach:before { content: '\e823'; } /* '' */
body .icon-lock:before { content: '\e824'; } /* '' */
body .icon-lock-open:before { content: '\e825'; } /* '' */
body .icon-eye:before { content: '\e826'; } /* '' */
body .icon-tag:before { content: '\e827'; } /* '' */
body .icon-bookmark:before { content: '\e828'; } /* '' */
body .icon-bookmarks:before { content: '\e829'; } /* '' */
body .icon-flag:before { content: '\e82a'; } /* '' */
body .icon-thumbs-up:before { content: '\e82b'; } /* '' */
body .icon-thumbs-down:before { content: '\e82c'; } /* '' */
body .icon-download:before { content: '\e82d'; } /* '' */
body .icon-upload:before { content: '\e82e'; } /* '' */
body .icon-upload-cloud:before { content: '\e82f'; } /* '' */
body .icon-reply:before { content: '\e830'; } /* '' */
body .icon-reply-all:before { content: '\e831'; } /* '' */
body .icon-forward:before { content: '\e832'; } /* '' */
body .icon-quote:before { content: '\e833'; } /* '' */
body .icon-code:before { content: '\e834'; } /* '' */
body .icon-export:before { content: '\e835'; } /* '' */
body .icon-pencil:before { content: '\e836'; } /* '' */
body .icon-feather:before { content: '\e837'; } /* '' */
body .icon-print:before { content: '\e838'; } /* '' */
body .icon-retweet:before { content: '\e839'; } /* '' */
body .icon-keyboard:before { content: '\e83a'; } /* '' */
body .icon-comment:before { content: '\e83b'; } /* '' */
body .icon-chat:before { content: '\e83c'; } /* '' */
body .icon-bell:before { content: '\e83d'; } /* '' */
body .icon-attention:before { content: '\e83e'; } /* '' */
body .icon-alert:before { content: '\e83f'; } /* '' */
body .icon-vcard:before { content: '\e840'; } /* '' */
body .icon-address:before { content: '\e841'; } /* '' */
body .icon-location:before { content: '\e842'; } /* '' */
body .icon-map:before { content: '\e843'; } /* '' */
body .icon-direction:before { content: '\e844'; } /* '' */
body .icon-compass:before { content: '\e845'; } /* '' */
body .icon-cup:before { content: '\e846'; } /* '' */
body .icon-trash:before { content: '\e847'; } /* '' */
body .icon-doc:before { content: '\e848'; } /* '' */
body .icon-docs:before { content: '\e849'; } /* '' */
body .icon-doc-landscape:before { content: '\e84a'; } /* '' */
body .icon-doc-text:before { content: '\e84b'; } /* '' */
body .icon-doc-text-inv:before { content: '\e84c'; } /* '' */
body .icon-newspaper:before { content: '\e84d'; } /* '' */
body .icon-book-open:before { content: '\e84e'; } /* '' */
body .icon-book:before { content: '\e84f'; } /* '' */
body .icon-folder:before { content: '\e850'; } /* '' */
body .icon-archive:before { content: '\e851'; } /* '' */
body .icon-box:before { content: '\e852'; } /* '' */
body .icon-rss:before { content: '\e853'; } /* '' */
body .icon-phone:before { content: '\e854'; } /* '' */
body .icon-cog:before { content: '\e855'; } /* '' */
body .icon-tools:before { content: '\e856'; } /* '' */
body .icon-share:before { content: '\e857'; } /* '' */
body .icon-shareable:before { content: '\e858'; } /* '' */
body .icon-basket:before { content: '\e859'; } /* '' */
body .icon-bag:before { content: '\e85a'; } /* '' */
body .icon-calendar:before { content: '\e85b'; } /* '' */
body .icon-login:before { content: '\e85c'; } /* '' */
body .icon-logout:before { content: '\e85d'; } /* '' */
body .icon-mic:before { content: '\e85e'; } /* '' */
body .icon-mute:before { content: '\e85f'; } /* '' */
body .icon-sound:before { content: '\e860'; } /* '' */
body .icon-volume:before { content: '\e861'; } /* '' */
body .icon-clock:before { content: '\e862'; } /* '' */
body .icon-hourglass:before { content: '\e863'; } /* '' */
body .icon-lamp:before { content: '\e864'; } /* '' */
body .icon-light-down:before { content: '\e865'; } /* '' */
body .icon-light-up:before { content: '\e866'; } /* '' */
body .icon-adjust:before { content: '\e867'; } /* '' */
body .icon-block:before { content: '\e868'; } /* '' */
body .icon-resize-full:before { content: '\e869'; } /* '' */
body .icon-resize-small:before { content: '\e86a'; } /* '' */
body .icon-popup:before { content: '\e86b'; } /* '' */
body .icon-publish:before { content: '\e86c'; } /* '' */
body .icon-window:before { content: '\e86d'; } /* '' */
body .icon-arrow-combo:before { content: '\e86e'; } /* '' */
body .icon-down-circled:before { content: '\e86f'; } /* '' */
body .icon-left-circled:before { content: '\e870'; } /* '' */
body .icon-right-circled:before { content: '\e871'; } /* '' */
body .icon-up-circled:before { content: '\e872'; } /* '' */
body .icon-down-open:before { content: '\e873'; } /* '' */
body .icon-left-open:before { content: '\e874'; } /* '' */
body .icon-right-open:before { content: '\e875'; } /* '' */
body .icon-up-open:before { content: '\e876'; } /* '' */
body .icon-down-open-mini:before { content: '\e877'; } /* '' */
body .icon-left-open-mini:before { content: '\e878'; } /* '' */
body .icon-right-open-mini:before { content: '\e879'; } /* '' */
body .icon-up-open-mini:before { content: '\e87a'; } /* '' */
body .icon-down-open-big:before { content: '\e87b'; } /* '' */
body .icon-left-open-big:before { content: '\e87c'; } /* '' */
body .icon-right-open-big:before { content: '\e87d'; } /* '' */
body .icon-up-open-big:before { content: '\e87e'; } /* '' */
body .icon-down:before { content: '\e87f'; } /* '' */
body .icon-left:before { content: '\e880'; } /* '' */
body .icon-right:before { content: '\e881'; } /* '' */
body .icon-up:before { content: '\e882'; } /* '' */
body .icon-down-dir:before { content: '\e883'; } /* '' */
body .icon-left-dir:before { content: '\e884'; } /* '' */
body .icon-right-dir:before { content: '\e885'; } /* '' */
body .icon-up-dir:before { content: '\e886'; } /* '' */
body .icon-down-bold:before { content: '\e887'; } /* '' */
body .icon-left-bold:before { content: '\e888'; } /* '' */
body .icon-right-bold:before { content: '\e889'; } /* '' */
body .icon-up-bold:before { content: '\e88a'; } /* '' */
body .icon-down-thin:before { content: '\e88b'; } /* '' */
body .icon-left-thin:before { content: '\e88c'; } /* '' */
body .icon-right-thin:before { content: '\e88d'; } /* '' */
body .icon-up-thin:before { content: '\e88e'; } /* '' */
body .icon-ccw:before { content: '\e88f'; } /* '' */
body .icon-cw:before { content: '\e890'; } /* '' */
body .icon-arrows-ccw:before { content: '\e891'; } /* '' */
body .icon-level-down:before { content: '\e892'; } /* '' */
body .icon-level-up:before { content: '\e893'; } /* '' */
body .icon-shuffle:before { content: '\e894'; } /* '' */
body .icon-loop:before { content: '\e895'; } /* '' */
body .icon-switch:before { content: '\e896'; } /* '' */
body .icon-play:before { content: '\e897'; } /* '' */
body .icon-stop:before { content: '\e898'; } /* '' */
body .icon-pause:before { content: '\e899'; } /* '' */
body .icon-record:before { content: '\e89a'; } /* '' */
body .icon-to-end:before { content: '\e89b'; } /* '' */
body .icon-to-start:before { content: '\e89c'; } /* '' */
body .icon-fast-forward:before { content: '\e89d'; } /* '' */
body .icon-fast-backward:before { content: '\e89e'; } /* '' */
body .icon-progress-0:before { content: '\e89f'; } /* '' */
body .icon-progress-1:before { content: '\e8a0'; } /* '' */
body .icon-progress-2:before { content: '\e8a1'; } /* '' */
body .icon-progress-3:before { content: '\e8a2'; } /* '' */
body .icon-target:before { content: '\e8a3'; } /* '' */
body .icon-palette:before { content: '\e8a4'; } /* '' */
body .icon-list:before { content: '\e8a5'; } /* '' */
body .icon-list-add:before { content: '\e8a6'; } /* '' */
body .icon-signal:before { content: '\e8a7'; } /* '' */
body .icon-trophy:before { content: '\e8a8'; } /* '' */
body .icon-battery:before { content: '\e8a9'; } /* '' */
body .icon-back-in-time:before { content: '\e8aa'; } /* '' */
body .icon-monitor:before { content: '\e8ab'; } /* '' */
body .icon-mobile:before { content: '\e8ac'; } /* '' */
body .icon-network:before { content: '\e8ad'; } /* '' */
body .icon-cd:before { content: '\e8ae'; } /* '' */
body .icon-inbox:before { content: '\e8af'; } /* '' */
body .icon-install:before { content: '\e8b0'; } /* '' */
body .icon-globe:before { content: '\e8b1'; } /* '' */
body .icon-cloud:before { content: '\e8b2'; } /* '' */
body .icon-cloud-thunder:before { content: '\e8b3'; } /* '' */
body .icon-flash:before { content: '\e8b4'; } /* '' */
body .icon-moon:before { content: '\e8b5'; } /* '' */
body .icon-flight:before { content: '\e8b6'; } /* '' */
body .icon-paper-plane:before { content: '\e8b7'; } /* '' */
body .icon-leaf:before { content: '\e8b8'; } /* '' */
body .icon-lifebuoy:before { content: '\e8b9'; } /* '' */
body .icon-mouse:before { content: '\e8ba'; } /* '' */
body .icon-briefcase:before { content: '\e8bb'; } /* '' */
body .icon-suitcase:before { content: '\e8bc'; } /* '' */
body .icon-dot:before { content: '\e8bd'; } /* '' */
body .icon-dot-2:before { content: '\e8be'; } /* '' */
body .icon-dot-3:before { content: '\e8bf'; } /* '' */
body .icon-brush:before { content: '\e8c0'; } /* '' */
body .icon-magnet:before { content: '\e8c1'; } /* '' */
body .icon-infinity:before { content: '\e8c2'; } /* '' */
body .icon-erase:before { content: '\e8c3'; } /* '' */
body .icon-chart-pie:before { content: '\e8c4'; } /* '' */
body .icon-chart-line:before { content: '\e8c5'; } /* '' */
body .icon-chart-bar:before { content: '\e8c6'; } /* '' */
body .icon-chart-area:before { content: '\e8c7'; } /* '' */
body .icon-tape:before { content: '\e8c8'; } /* '' */
body .icon-graduation-cap:before { content: '\e8c9'; } /* '' */
body .icon-language:before { content: '\e8ca'; } /* '' */
body .icon-ticket:before { content: '\e8cb'; } /* '' */
body .icon-water:before { content: '\e8cc'; } /* '' */
body .icon-droplet:before { content: '\e8cd'; } /* '' */
body .icon-air:before { content: '\e8ce'; } /* '' */
body .icon-credit-card:before { content: '\e8cf'; } /* '' */
body .icon-floppy:before { content: '\e8d0'; } /* '' */
body .icon-clipboard:before { content: '\e8d1'; } /* '' */
body .icon-megaphone:before { content: '\e8d2'; } /* '' */
body .icon-database:before { content: '\e8d3'; } /* '' */
body .icon-drive:before { content: '\e8d4'; } /* '' */
body .icon-bucket:before { content: '\e8d5'; } /* '' */
body .icon-thermometer:before { content: '\e8d6'; } /* '' */
body .icon-key:before { content: '\e8d7'; } /* '' */
body .icon-flow-cascade:before { content: '\e8d8'; } /* '' */
body .icon-flow-branch:before { content: '\e8d9'; } /* '' */
body .icon-flow-tree:before { content: '\e8da'; } /* '' */
body .icon-flow-line:before { content: '\e8db'; } /* '' */
body .icon-flow-parallel:before { content: '\e8dc'; } /* '' */
body .icon-rocket:before { content: '\e8dd'; } /* '' */
body .icon-gauge:before { content: '\e8de'; } /* '' */
body .icon-traffic-cone:before { content: '\e8df'; } /* '' */
body .icon-cc:before { content: '\e8e0'; } /* '' */
body .icon-cc-by:before { content: '\e8e1'; } /* '' */
body .icon-cc-nc:before { content: '\e8e2'; } /* '' */
body .icon-cc-nc-eu:before { content: '\e8e3'; } /* '' */
body .icon-cc-nc-jp:before { content: '\e8e4'; } /* '' */
body .icon-cc-sa:before { content: '\e8e5'; } /* '' */
body .icon-cc-nd:before { content: '\e8e6'; } /* '' */
body .icon-cc-pd:before { content: '\e8e7'; } /* '' */
body .icon-cc-zero:before { content: '\e8e8'; } /* '' */
body .icon-cc-share:before { content: '\e8e9'; } /* '' */
body .icon-cc-remix:before { content: '\e8ea'; } /* '' */
body .icon-github:before { content: '\e8eb'; } /* '' */
body .icon-github-circled:before { content: '\e8ec'; } /* '' */
body .icon-flickr:before { content: '\e8ed'; } /* '' */
body .icon-flickr-circled:before { content: '\e8ee'; } /* '' */
body .icon-vimeo:before { content: '\e8ef'; } /* '' */
body .icon-vimeo-circled:before { content: '\e8f0'; } /* '' */
body .icon-twitter:before { content: '\e8f1'; } /* '' */
body .icon-twitter-circled:before { content: '\e8f2'; } /* '' */
body .icon-facebook:before { content: '\e8f3'; } /* '' */
body .icon-facebook-circled:before { content: '\e8f4'; } /* '' */
body .icon-facebook-squared:before { content: '\e8f5'; } /* '' */
body .icon-gplus:before { content: '\e8f6'; } /* '' */
body .icon-gplus-circled:before { content: '\e8f7'; } /* '' */
body .icon-pinterest:before { content: '\e8f8'; } /* '' */
body .icon-pinterest-circled:before { content: '\e8f9'; } /* '' */
body .icon-tumblr:before { content: '\e8fa'; } /* '' */
body .icon-tumblr-circled:before { content: '\e8fb'; } /* '' */
body .icon-linkedin:before { content: '\e8fc'; } /* '' */
body .icon-linkedin-circled:before { content: '\e8fd'; } /* '' */
body .icon-dribbble:before { content: '\e8fe'; } /* '' */
body .icon-dribbble-circled:before { content: '\e8ff'; } /* '' */
body .icon-stumbleupon:before { content: '\e900'; } /* '' */
body .icon-stumbleupon-circled:before { content: '\e901'; } /* '' */
body .icon-lastfm:before { content: '\e902'; } /* '' */
body .icon-lastfm-circled:before { content: '\e903'; } /* '' */
body .icon-rdio:before { content: '\e904'; } /* '' */
body .icon-rdio-circled:before { content: '\e905'; } /* '' */
body .icon-spotify:before { content: '\e906'; } /* '' */
body .icon-spotify-circled:before { content: '\e907'; } /* '' */
body .icon-qq:before { content: '\e908'; } /* '' */
body .icon-instagram:before { content: '\e909'; } /* '' */
body .icon-dropbox:before { content: '\e90a'; } /* '' */
body .icon-evernote:before { content: '\e90b'; } /* '' */
body .icon-flattr:before { content: '\e90c'; } /* '' */
body .icon-skype:before { content: '\e90d'; } /* '' */
body .icon-skype-circled:before { content: '\e90e'; } /* '' */
body .icon-renren:before { content: '\e90f'; } /* '' */
body .icon-sina-weibo:before { content: '\e910'; } /* '' */
body .icon-paypal:before { content: '\e911'; } /* '' */
body .icon-picasa:before { content: '\e912'; } /* '' */
body .icon-soundcloud:before { content: '\e913'; } /* '' */
body .icon-mixi:before { content: '\e914'; } /* '' */
body .icon-behance:before { content: '\e915'; } /* '' */
body .icon-google-circles:before { content: '\e916'; } /* '' */
body .icon-vkontakte:before { content: '\e917'; } /* '' */
body .icon-smashing:before { content: '\e918'; } /* '' */
body .icon-sweden:before { content: '\e919'; } /* '' */
body .icon-db-shape:before { content: '\e91a'; } /* '' */
body .icon-logo-db:before { content: '\e91b'; } /* '' */





/* =links */

a, 
a:link, 
a:visited {
/*color:#707070;*/
color: #0157b9;
text-decoration: none;
outline:2px solid transparent;
}
a:hover, 
a:visited:hover,
a:focus,
a:focus-visible {
color:#aaa;
/*color: #0077ff;*/
}
/*a:focus,*/
a:active {
outline: 0;
-moz-outline: 0;
}
a:focus-visible {
outline:2px solid #ddd;
}
h1 a,
h2 a,
h3 a {
text-decoration: none;
}
.button,
.button:link,
.button:visited,
button,
input[type=submit],
body .MuiButtonBase-root,
body .MuiButtonBase-root:link,
body .MuiButtonBase-root:visited,
.button-review,
.button-review:link,
.button-review:visited {
font-size: 0.928571em;/*13px*/
display: inline-block;
padding: .5em 10px;
margin-bottom: 1em;
border-radius: 2px;
border-width:1px;
border:1px solid #0157b9;
color:#0157b9;
background:#fff;
text-decoration: none;
cursor: pointer;
text-transform: uppercase;
}
.button:hover,
.button:visited:hover,
.button:focus-visible,
.button:active,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button-review:hover,
.button-review:focus {
text-decoration: none;
background: #0157b9;
color:#fff;
border:1px solid #0157b9;
}

p .button,
p .button:link,
p .button:visited,
p button {
margin-bottom: .5em;
}
.button i {
/*margin-left:-4px;*/
}

a h2,
a h3 {
color: #0157b9;
}
a:hover h2,
a:hover h3,
a:focus h2,
a:focus h3 {
color:#0077ff;
}
a h2,
a:link h2,
a:visited h2,
a h3,
a:link h3,
a:visited h3,
h2 a,
h2 a:link,
h2 a:visited,
h3 a,
h3 a:link,
h3 a:visited {
text-decoration: none;
}
a:hover h2,
a:focus h2,
a:hover h3,
a:focus h3,
a:hover p,
a:focus p,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus {
text-decoration: none;
/*opacity:.8;*/
}
.header a,
.header a:link,
.header a:visited {
color: #111;
opacity:1;
}
.footer a,
.footer a:link,
.footer a:visited {
color:#767676;
}

.footer a:hover,
.footer a:focus {
color:#0157b9;
}


/* =transitions */

h1, h2, h3, h4, p, li, span,
a, a:link, a:hover, a:focus, a:active, a:focus:hover, a:focus:active, a:active:hover,
button, button:hover, button:focus,
input[type=submit], input[type=submit]:hover, input[type=submit]:focus,
input,
select,
input[type=text],
input[type=email],
input[type=password],
textarea,
.vsText,
input:focus,
select:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus,
.vsText:focus,
#menu-toggle,
#menu-toggle:hover {
transition: all .25s linear;
}


/* =layout */

.container,
.header,
.main,
.footer {
position: relative;
box-sizing:border-box;
}
.home .container {
min-height: 100%;
}
.main {
margin: 0 auto;
padding:30px;
min-height: 300px;
/*max-width: 1280px;*/
max-width: 1400px;
}
.main-heading {
margin-bottom: 0;
}
.photo-topper {
min-height:600px;
position: relative;
background-color:#ccc !important;
}
.photo-topper-short {
min-height:200px;
background-color:#ccc !important;
}
.home {
background-color:#111;
}
/*.home .backstretch::before,*/
.hero-gallery::before {
position: absolute;
content:" ";
z-index: 1;
width:100%;
height:400px;
top:0;
left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.hero-gallery-short::before {
position: absolute;
content:" ";
z-index: 1;
width:100%;
height:200px;
top:0;
left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/*.home .backstretch::after {
position: absolute;
content:" ";
z-index: 1;
width:100%;
height:400px;
bottom:0;
left:0;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); 
}*/


.home .backstretch::after {
position: absolute;
content:" ";
z-index: 1;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,.2);
}



.visit-page h1{
  display: none !important;
}
.visit-column-wrapper{
  display: flex;
}
.visit-page section.left{
  flex-grow: 1;
  max-width: 600px;
}
.visit-page section.right{
  flex-grow: 1;
  text-align: center;
  padding: 20px;
}
.visit-page section.right h4{
  margin-top: 30px;
  text-align: center;
}
.visit-page section.right p{
  display: block;
  margin-bottom: 8px;
}
@media only screen and (max-width: 640px){
  .visit-column-wrapper{
    flex-wrap: wrap;
  }
  .visit-page section{
    width: 100%;
  }
}

@media only screen and (max-height: 600px){

.photo-topper {
min-height:400px;
}
/*.photo-topper-short {
min-height:300px;
}*/
}
@media only screen and (max-height: 700px){

.photo-topper {
min-height:500px;
}
/*.photo-topper-short {
min-height:300px;
}
*/
}


.half {
width: 50%;
float: left;
}
.third {
width: 33%;
float: left;
}
.single-column {
max-width: 520px;
}
.narrow {
max-width: 520px;
/*margin-left: auto;
margin-right: auto;*/
}



/* =header */

.header {
padding: 1.5em 20px;
/*max-width:980px;*/
}
/*#logo {
font-size:2em;
padding-bottom: .25em;
max-width: 100%;
}*/
#logo a {
display: inline-block;
text-decoration: none;
max-width: 100%;
padding:10px;
opacity:1;
}
#logo img {
max-width: 100%;
height:auto;
width:650px;
/*width:402px;
height:42px;*/
}
#logo-white {
display: none;
}
#logo-black {
display: block;
}
.home #logo-white,
.page-template-trade-template #logo-white,
.page-template-page-templatesphoto-topper-template-php #logo-white,
.page-template-page-templatesphoto-topper-short-template-php #logo-white,
.page-template-page-templateswine-club-template-php #logo-white,
.page-template-page-templatesvineyards-template-php #logo-white,
.page-template-vinespring-register-template #logo-white,
.page-template-team-template #logo-white {
display: block;
}
.home #logo-black,
.page-template-trade-template #logo-black,
.page-template-page-templatesphoto-topper-template-php #logo-black,
.page-template-page-templatesphoto-topper-short-template-php #logo-black,
.page-template-page-templateswine-club-template-php #logo-black,
.page-template-page-templatesvineyards-template-php #logo-black,
.page-template-vinespring-register-template #logo-black,
.page-template-team-template #logo-black {
display: none;
}
.home .header,
.page-template-trade-template .header,
.page-template-page-templatesphoto-topper-template-php .header,
.page-template-page-templatesphoto-topper-short-template-php .header,
.page-template-page-templateswine-club-template-php .header,
.page-template-page-templatesvineyards-template-php .header,
.page-template-vinespring-register-template .header,
.page-template-team-template .header {
position: absolute;
z-index: 99;
top: 0;
left: 0;
width:100%;
}
.home .header a,
.page-template-trade-template .header a,
.page-template-page-templatesphoto-topper-template-php .header a,
.page-template-page-templatesphoto-topper-short-template-php .header a,
.page-template-page-templateswine-club-template-php .header a,
.page-template-page-templatesvineyards-template-php .header a,
.page-template-vinespring-register-template .header a,
.page-template-team-template .header a,

.home .header a:link,
.page-template-trade-template .header a:link,
.page-template-page-templatesphoto-topper-template-php .header a:link,
.page-template-page-templatesphoto-topper-short-template-php .header a:link,
.page-template-page-templateswine-club-template-php .header a:link,
.page-template-page-templatesvineyards-template-php .header a:link,
.page-template-vinespring-register-template .header a:link,
.page-template-team-template .header a:link,

.home .header a:visited,
.page-template-trade-template .header a:visited,
.page-template-page-templatesphoto-topper-template-php .header a:visited,
.page-template-page-templatesphoto-topper-short-template-php .header a:visited,
.page-template-page-templateswine-club-template-php .header a:visited,
.page-template-page-templatesvineyards-template-php .header a:visited,
.page-template-vinespring-register-template .header a:visited,
.page-template-team-template .header a:visited,

.home .header a:hover,
.page-template-trade-template .header a:hover,
.page-template-page-templatesphoto-topper-template-php .header a:hover,
.page-template-page-templatesphoto-topper-short-template-php .header a:hover,
.page-template-page-templateswine-club-template-php .header a:hover,
.page-template-page-templatesvineyards-template-php .header a:hover,
.page-template-vinespring-register-template .header a:hover,
.page-template-team-template .header a:hover,

.home #vs-accountlinks a,
.page-template-trade-template #vs-accountlinks a,
.page-template-page-templatesphoto-topper-template-php #vs-accountlinks a,
.page-template-page-templatesphoto-topper-short-template-php #vs-accountlinks a,
.page-template-page-templateswine-club-template-php #vs-accountlinks a,
.page-template-page-templatesvineyards-template-php #vs-accountlinks a,
.page-template-vinespring-register-template #vs-accountlinks a,
.page-template-team-template #vs-accountlinks a {
color:#fff;
text-shadow:1px 1px 0 rgba(0,0,0,.3);
}

.home .header #menu-toggle,
.page-template-trade-template .header #menu-toggle,
.page-template-page-templatesphoto-topper-template-php .header #menu-toggle,
.page-template-page-templatesphoto-topper-short-template-php .header #menu-toggle,
.page-template-page-templateswine-club-template-php .header #menu-toggle,
.page-template-page-templatesvineyards-template-php .header #menu-toggle,
.page-template-vinespring-register-template .header #menu-toggle,
.page-template-team-template .header #menu-toggle {
color:#fff;
}
.home .header #menu-toggle:hover,
.page-template-trade-template .header #menu-toggle:hover,
.page-template-page-templatesphoto-topper-template-php .header #menu-toggle:hover,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle:hover,
.page-template-page-templateswine-club-template-php .header #menu-toggle:hover,
.page-template-page-templatesvineyards-template-php .header #menu-toggle:hover,
.page-template-vinespring-register-template .header #menu-toggle:hover,
.page-template-team-template .header #menu-toggle:hover {
color:#fff;
/*opacity:.8;*/
}


.home .header #menu-toggle .icon,
.home .header #menu-toggle .icon:before,
.home .header #menu-toggle .icon:after,
.home .header #menu-toggle:hover .icon,
.home .header #menu-toggle:hover .icon:before,
.home .header #menu-toggle:hover .icon:after,

.page-template-page-templatesphoto-topper-template-php #menu-toggle .icon,
.page-template-page-templatesphoto-topper-template-php #menu-toggle .icon:before,
.page-template-page-templatesphoto-topper-template-php #menu-toggle .icon:after,
.page-template-page-templatesphoto-topper-template-php #menu-toggle:hover .icon,
.page-template-page-templatesphoto-topper-template-php #menu-toggle:hover .icon:before,
.page-template-page-templatesphoto-topper-template-php #menu-toggle:hover .icon:after,

.page-template-page-templatesvineyards-template-php #menu-toggle .icon,
.page-template-page-templatesvineyards-template-php #menu-toggle .icon:before,
.page-template-page-templatesvineyards-template-php #menu-toggle .icon:after,
.page-template-page-templatesvineyards-template-php #menu-toggle:hover .icon,
.page-template-page-templatesvineyards-template-php #menu-toggle:hover .icon:before,
.page-template-page-templatesvineyards-template-php #menu-toggle:hover .icon:after,

.page-template-page-templatesphoto-topper-short-template-php #menu-toggle .icon,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle .icon:before,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle .icon:after,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle:hover .icon,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle:hover .icon:before,
.page-template-page-templatesphoto-topper-short-template-php #menu-toggle:hover .icon:after,

.page-template-vinespring-register-template #menu-toggle .icon,
.page-template-vinespring-register-template #menu-toggle .icon:before,
.page-template-vinespring-register-template #menu-toggle .icon:after,
.page-template-vinespring-register-template #menu-toggle:hover .icon,
.page-template-vinespring-register-template #menu-toggle:hover .icon:before,
.page-template-vinespring-register-template #menu-toggle:hover .icon:after,

.page-template-team-template #menu-toggle .icon,
.page-template-team-template #menu-toggle .icon:before,
.page-template-team-template #menu-toggle .icon:after,
.page-template-team-template #menu-toggle:hover .icon,
.page-template-team-template #menu-toggle:hover .icon:before,
.page-template-team-template #menu-toggle:hover .icon:after,

.page-template-page-templateswine-club-template-php #menu-toggle .icon,
.page-template-page-templateswine-club-template-php #menu-toggle .icon:before,
.page-template-page-templateswine-club-template-php #menu-toggle .icon:after,
.page-template-page-templateswine-club-template-php #menu-toggle:hover .icon,
.page-template-page-templateswine-club-template-php #menu-toggle:hover .icon:before,
.page-template-page-templateswine-club-template-php #menu-toggle:hover .icon:after {
background-color:#fff;
}

@media screen and (min-width:769px){

.sub-menu a,
.sub-menu a:link,
.sub-menu a:visited,
.sub-menu a:hover {
color:#0157b9 !important;
}
}

.menu {
margin: 0;
font-size: 0;
font-size:0;
}
.menu > li {
display: inline-block;
position: relative;
margin: 0 0 1px;
}
.menu li {
font-size: 14.5px;
margin-bottom: 1px;
}
.menu a {
text-decoration: none;
display: block;
padding: .5em .5em;
border: 1px solid transparent;
border-radius: 2px;
/*outline: none;*/
text-transform: uppercase;
color:rgba(0, 0, 0, 0.6);
}
.header .menu a {
padding-left: 6px;
padding-right: 6px
}
.header .menu li {
display: inline-block;
margin-right:6.5px;
}
.menu-vineyards-container a {
padding: .5em 0;
margin-right: 1em;
color:#0157b9;
}
.menu-vineyards-container .menu a:hover {
color:#0157b9;
}

.menu a:hover,
.menu a:focus-visible {
color:rgba(0, 0, 0, 0.8);
}
.menu .current-menu-item > a,
.menu .current-page-ancestor > a,
.menu .current_page_parent > a {
}
.menu .current-menu-item > a:hover,
.menu .current-menu-item > a:focus,
.menu .current-page-ancestor > a:hover,
.menu .current-page-ancestor > a:focus,
.menu .current_page_parent > a:hover,
.menu .current_page_parent > a:focus {
}

.menu .sub-menu {
font-size: 14px;
}
.sub-menu li {
display: block;
list-style: none;
}
.sub-menu a {
display: block;
border: 1px solid transparent;
}
.sub-menu a:hover,
.sub-menu a:focus {
outline: none;
border: 1px solid transparent;
}


/*#menu-toggle {
position:fixed;
z-index: 11000;
right:0;
top:10px;
padding:32px 35px 20px;
cursor:pointer;
display:block;
margin:0;
}
*/
#menu-toggle {
/*display: block;
float: left;*/
position: absolute;
top:0;
left:0;
color:#fff;
}
#menu-toggle .icon {
position: absolute;
width: 10px;
height: 10px;
left: 18px;
top: 48%;
}
#menu-toggle .icon:before {
top: -4px;
}
#menu-toggle .icon:after {
bottom: -4px;
}
/*#menu-toggle:hover .icon:before {
top: -9px;
}
#menu-toggle:hover .icon:after {
bottom: -9px;
}*/

#menu-toggle .icon,
#menu-toggle .icon:before,
#menu-toggle .icon:after,
#menu-toggle:hover .icon,
#menu-toggle:hover .icon:before,
#menu-toggle:hover .icon:after {
cursor: pointer;
height: 1px;
width: 10px;
background: white;
position: absolute;
display: block;
content: '';
background-color: #fff;
-webkit-transition: all .25s ease-in;
-moz-transition: all .25s ease-in;
-ms-transition: all .25s ease-in;
transition: all .25s ease-in;
}

#menu-toggle.active .icon {
background-color: transparent !important;
}
#menu-toggle.active .icon:before {
top: 0;
}
#menu-toggle.active .icon:after {
bottom: 0;
}
#menu-toggle.active .icon:before {
width:12px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#menu-toggle.active .icon:after {
width:12px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menu-toggle .label-menu {
display: inline-block;
color:#fff;
}
#menu-toggle .label-close {
display: none;
}
#menu-toggle.active .label-menu {
display: none;
}
#menu-toggle.active .label-close {
display: inline-block;
}
.menu-out .header a,
.menu-out .header a:link,
.menu-out .header a:visited,
.menu-out .header a:hover,
.menu-out .header a:focus {
color:#fff;
}




/* =footer */

.footer {
margin-top: 6em;
padding: 3em 30px 2em;
font-size: 1em;
border-top:1px solid #ccc;
height: 170px;
/*position: absolute;*/
/*margin: 0 auto;*/
/*max-width:980px;*/
}
.footer p {
/*text-transform: uppercase;*/
font-size: 0.85714em;
}
.home #top-link,
.home .footer-menu,
.footer-menu {
display:none;
}
.social-links {
font-size:0;
}
.social-links a {
font-size: 16px;
display: inline-block;
/*margin-right: 5px;*/
padding:5px;
/*text-shadow:0 0 -1px black;*/
}
.social-links a:first-child {
padding-left: 0;
}
.home .certification-links {
display: none;
}
.certification-links {
position: absolute;
top:20px;
right:20px;
/*display: none;*/
/*position: relative;*/
/*text-align: center;*/
margin:1em 0;
/*top:1em;*/
/*right:20px;*/
}
.certification-links a,
.certification-links img {
display: inline-block;
height:40px;
width: auto;
}
.certification-links a {
opacity: .3;
transition: all .25s linear;
}
.certification-links a:hover {
    opacity: 1;
transition: all .25s linear;
}
#credits {
position: absolute;
bottom:20px;
right:20px;
/*text-align: center;*/
/*float: right;*/
/*position: relative;*/
display: inline-block;
cursor: help;
color:#767676;
}
#credits a {
}
#credits-info {
display: block;
display: none;
position: absolute;
bottom: -10px;
right: -15px;
height: 4em;
width: 260px;
padding: 10px 15px 0;
z-index: 100;
cursor: default;
line-height: 1.5em;
text-align: right;
border-radius: 1px;
background-color: #fff;
}
#credits-info a {
text-decoration: none;
}

#top-link {
position: absolute;
bottom:0;
left:10px;
padding:20px;
}

.footer-text {
}

.footer-text a {
text-decoration: none;
}
.divider {
display: inline-block;
margin: 0 5px;
opacity: .3;
}



/* =pages */

.team-item h2 {
margin-top: 1em;
margin-bottom: 0;
font-style: 1.25rem;
}
.team-item h3 {
margin-top: .5em;
}

.page-id-1930  h1 {/* shop current release tag */
display: none;
}

.home .social-links a,
.home .social-links a:link,
.home .social-links a:visited {
color:#fff;
}

.vineyard-item.row {
padding-top: 2em;
padding-bottom: 2em;
overflow: hidden;
}
.vineyard-items > div {
margin-bottom: 2em;
overflow: hidden;
}
.vineyard-item h3 {
margin-top: 0;
margin-bottom: 1em;
}
.vineyard-item h2 {
margin-bottom: 1em;
}
.vineyard-item .col-4 a {
display: block;
text-align: right;
transition: all .25s linear;
}
.vineyard-item .col-4 img {
margin-bottom: 10px;
}
.vineyard-item a:hover,
.vineyard-item a:focus {
opacity:.5;
transition: all .25s linear;
}

.vineyard-item i {
font-size:1.5em;
}

.home .footer {
position: absolute;
bottom:0;
left:0;
padding-top: 0;
padding-bottom: 0;
border:none;
height:auto;
width:100%;
}
.home .social-links a,
.home .social-links a:link,
.home .social-links a:visited {
color: #fff;
}
.home .social-links a:hover,
.home .social-links a:focus {
/*opacity: 0.8;*/
}
.home #credits {
display: none;
}
.home .footer-text {
position: absolute;
bottom:0;
right: 20px;
/*left:20px;*/
}
.home .footer-text span,
.home .footer-text a {
display: inline-block;
}
.home-text {
position: absolute;
left:30px;
bottom:5em;
color:#fff;
}
.home-text a,
.home-text a:link,
.home-text a:visited,
.home-text a h3,
.home-text a p {
color:#fff;
}


.wpcf7-form {
overflow: hidden;
}
.wpcf7-form textarea,
.wpcf7-form input[type=text],
.wpcf7-form input[type=email]{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
width: 100%;
}
.wpcf7-form .wpcf7-response-output {
background-color: #fff;
padding:10px;
}
.wpcf7-form span.wpcf7-not-valid-tip {
position: relative;
display: block;
left: 0;
top:100%;
padding:5px 0;
border:0;
color:#aa0000;
background-color: transparent;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}



/* =forms */

input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
select,
textarea,
.vsText,
.vs-text,
.vs-email {
font-family: 'AvenirLTStd-Roman', Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
}
input,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=tel],
input[type=date],
select,
textarea,
.vs-text,
.vs-email {
padding: 5px;
background-color:#fff;
color: #666;
color: rgba(0,0,0,.8);
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.4);
border-radius: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
input:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
select:focus,
textarea:focus,
.vs-text:focus,
.vs-email:focus {
color: #111;
color: rgba(0,0,0,.9);
border: 1px solid #aaa;
border: 1px solid rgba(0,0,0,.6);
}


label {
font-size: 14px;
}
label input,
label select,
label textarea {
margin-top: .5em;
}
.vs-field {
margin-bottom: 1em;
}
fieldset {
padding: 15px;
margin-bottom: 1.5em;
border:1px solid #ccc;
}
legend {
padding-left: 5px;
padding-right: 5px;
/*font-weight: 700;*/
text-transform: uppercase;
margin-left: -5px;
}



/* =util */

.hang-quote {
text-indent: -.5em;
}
body .icon-delectable img {
/*display: inline-block;*/
height:16px;
width:16px;
vertical-align: bottom;
}
body .icon-white {
display: none;
}
body .icon-gray {
display: inline-block;
}
.home body .icon-white {
display: inline-block;
}
.home body .icon-gray {
display: none;
}


.wineclub-secondary,
.wineclub-secondary h3 {
text-align: center;
}

.big-space-top {
padding-top: 3em;
}
.float-lt {
float:left;
}
.float-rt {
float:right;
}

/*.tasting-notes-list a {
display: inline-block;
padding: .5em 0;
}*/
.placeholder {
background:rgba(0,0,0,.2);
min-height: 200px;
display: block;
margin-bottom: 1em;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.clear {
clear: both;
}
.clearfix:after,
.wrapper:after,
.row:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix             { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }
* html .wrapper              { zoom: 1; }
*:first-child+html .wrapper  { zoom: 1; }
* html .row              	 { zoom: 1; }
*:first-child+html .row  	 { zoom: 1; }

.alignleft,
.alignright,
.align-right,
.align-left {
float:left;
margin-right: 15px;
clear:left;
/*text-align: left;*/
}
h3 {
overflow: hidden;
}
/*h3 img.align-left  {
margin-bottom: 1.5em;
}*/
.alignright,
.align-right {
float:right;
margin-left: 15px;
clear:right;
/*text-align: right;*/
}
.space-right {
margin-right: 10px;
}
.space-left {
margin-left: 10px;
}
.space-top/*, .main-content h2.space-top:first-child*/ {
padding-top: 1.5em;
}
.no-space {
margin: 0;
padding: 0;
}
.no-space-top {
margin-top: 0;
padding-top: 0;
}
.small-space-top {
padding-top: .5em;
}
.space-bottom {
margin-bottom: 1em;
}
.no-margin-top {
margin-top: 0;
}
.no-margin-bottom {
margin-bottom: 0;
}
.small-margin-bottom {
margin-bottom: .5em;
}
.centered {
text-align: center;
}

input[type=submit].search-submit {
padding: 3px 5px;
}
.widget {
margin-bottom: 2em;
}
.narrow .search-field {
width: 100%;
margin-bottom: 1em;
}
.disable-hover,
.disable-hover * {
pointer-events: none !important;
}





/* =components */

/* wpfront notification bar */

.page-id-3463 .c7-utility-menu-container,/* all wines */
.page-id-3480 .c7-utility-menu-container {/* wine club exclusives */
top:36px;
}


/* chat bubble */
/*
#popmake-2295 {
left: 80px !important;
}
*/

/* commerce7 */

.c7-page-checkout .header,
.c7-page-checkout .footer {
display: none;
}
body .c7-side-cart__header__close button:focus {
background-color: transparent;
outline: 1px solid #aaa;
}
.c7-page-profile .main,
.c7-page-collection .main,
.page-id-3463 .main {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
body .c7-product-collection {
padding-left: 0;
padding-right: 0;
}
.c7-page-profile .c7-h1 {
text-align: center;
}
body .c7-product-collection .c7-filters, 
body .c7-product-collection .c7-product-collection__product-list, 
body .c7-product-collection .c7-pagination {
--c7-page-width: 100%;
}

body .c7-product-collection .c7-product__title {
font-size: 18px;
}
h1.c7-product__title {
font-size: 2em;
}

.c7-product__overlay {
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
/*color:#fff;*/
pointer-events: none;
opacity: 0;
background-color: rgba(240,240,240,.9);
text-align: center;
}
.c7-product__overlay h3 {
font-family: 'AvenirLTStd-Light', Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size:18px;
}
.c7-product__overlay p {
text-align: left;
}
.c7-product__overlay:focus-within,
.c7-product-collection__product-list .c7-product:focus,
.c7-product-collection__product-list .c7-product:hover .c7-product__overlay {
pointer-events: all;
opacity: 1;
transition: all .25s ease-out;
}
.c7-product__overlay .vs-product-list-title a {
display: block;
}
.c7-product__overlay a,
.c7-product__overlay a:link,
.c7-product__overlay a:visited {
/*color:#ccc;*/
}
.c7-product__overlay a:hover,
.c7-product__overlay a:focus {
/*color:#fff;*/
}
.c7-notice--empty .c7-btn:hover {
color: #fff !important;
}
#c7-side-cart__header__close:focus {
background-color: #ddd;
outline: none;
border: none;
}

.c7-product__title span {
display: block;
}
.c7-product__details .c7-product__title span {
text-align: center;
}
h2.c7-product__title + .c7-product__subtitle {
text-align: center;
margin-top: 1em;
}
.c7-product__details h1.c7-product__title span {
text-align: left;
}
.c7-product__details h1 + .c7-product__subtitle {
text-align: left;
margin-top: 1em;
}

body .c7-product-detail .c7-product__image img {
max-height: 75vh;
}


@media screen and (min-width: 769px){
body .c7-product-collection {
padding-top: 0;
padding-bottom: 0;
}
body .c7-product-collection .c7-product__image img {
max-height: 450px;
}
}
body .c7-product {
padding: 0;
}
@media all and (max-width:768px){
  body.c7-utility-menu-account-display-icon .c7-user-nav__account__name,
  body.c7-utility-menu-account-display-icon .c7-user-nav__account__login span {
  font-size:14px !important;
  }
}

body button.c7-link, 
body button.c7-link:hover {
color:#0157b9;
}
.c7-modal__header button:hover,
.c7-modal__header button:focus,
.c7-account-club__shipment__footer__total button:hover,
.c7-account-club__shipment__footer__total button:focus {
background-color: transparent;
color:#0157b9;
border:none;
}
.c7-btn--edit:hover svg,
.c7-btn--unskip:hover svg {
stroke:#fff;
}


body .c7-account__header .c7-wrapper {/* center members since */
text-align: center;
}

/* hide club cancellation */

.c7-account-blocks.c7-account-blocks.c7-account-blocks--status .c7-account-block__actions {
display:none !important;
}
/* .c7-account-club .c7-account-blocks .c7-account-block__actions {
display:none !important;
} */
.c7-callout--club .c7-callout__details li:nth-child(3) {
display:none !important;
}

/* hide club skip */
.c7-account-club__shipment__footer .c7-btn--skip {
display:none !important;
}
.c7-callout--club .c7-callout__details li:nth-child(2) {
display:none !important;
}

/* hide delete account */
.c7-account-details .c7-account-details__delete-account {
display:none !important;
}



/* focus visible */

/*.js-focus-visible :focus:not(.focus-visible) {
outline: none;
}*/
.focus-visible,
:focus-visible {
outline: 2px solid #0157b9 !important;
}


/* edit link */

.entry-meta {
position: fixed;
bottom:20px;
left:20px;
}
.entry-meta a {
display: inline-block;
padding: 10px;
text-transform: uppercase;
font-size: 12px;
}


/* skip to content */

#skip a, #skip a:hover, #skip a:visited, #skip a:link {
display: block;
position: absolute;
z-index: 500;
left: -9999px;
top: -9999px;
padding: 10px;
background: #111;
color:#fff;
text-transform: uppercase;
font-size: 14px;
transition: none;
text-decoration: none;
}
#skip a:focus {
left: 0;
top: 0;
transition: none;
}




/*	responsive accordian */

.responsive-accordion {
margin: 0 0 20px 0;
padding: 0;
list-style-type: none;
}
.responsive-accordion-head {
display: block;
text-decoration: none;
}
.responsive-accordion li {
margin: 0 0 0 0;
padding: 0;
list-style:none;
}
.main-content .responsive-accordion p:first-child {
padding-top: 0;
}
.responsive-accordion  i {
color:#888;
}
.responsive-accordion li:last-child { margin-bottom: 0; }
.responsive-accordion li .responsive-accordion-head { cursor: pointer; }
.responsive-accordion-head h3:first-child {
padding-top: 0;
margin-bottom: 0;
}
.responsive-accordion li .responsive-accordion-head.active { font-weight: bold; }
.responsive-accordion li .responsive-accordion-head {
border-top: 1px solid #ccc;
padding: 10px 30px 10px 0;
/*color: #111;*/
line-height: normal;
position: relative;
}
.responsive-accordion li .responsive-accordion-head i {
position: absolute;
top: 12px;
right: 10px;
}
.responsive-accordion li .responsive-accordion-panel {
/*border: 1px solid #ccc;
border-top: 0;*/
padding: 1em 0 2em;
overflow: hidden;
/*background: #FFF;*/
}
.responsive-accordion-panel {
padding-bottom: 2em;
}
.responsive-accordion-head > h3 {
padding-top: 0 !important;
}


/* animate */

.animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}


/* =vs3 */

#vinespring-account-home {
width:900px;
}
body .vs-account {
padding-left: 25px;
padding-right: 25px;
}
body .vs-narrow,
body .vs-medium,
body .vs-wide,
body .vs-extra-wide {
margin-left: 0;
margin-right: 0;
}
.MuiCardActions-root button {
margin-right: 5px;
}

body .MuiButtonBase-root.MuiListItem-root {
display: flex;
}

.vs-product-list-image {
text-align: center;
}
.vs-product-list-image img {
display: inline-block;
width: auto;
max-height: 450px;
}

.vs-product-list-title {
text-align: center;
}
.vs-product-list-detail .vs-product-list-title a,
.vs-product-list-detail .vs-product-list-title a:link,
.vs-product-list-detail .vs-product-list-title a:visited {
color:#0157b9;
display: block;
}
.vs-product-list-item {
position: relative;
}
.vs-product-list-overlay {
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
padding: 20px;
/*color:#fff;*/
pointer-events: none;
opacity: 0;
background-color: rgba(240,240,240,.9);
text-align: center;
}
.vs-product-list-overlay h3 {
font-family: 'AvenirLTStd-Light', Verdana, Arial, Helvetica, sans-serif;
text-align: left;
font-size:18px;
}
.vs-product-list-overlay p {
text-align: left;
}
.vs-product-list-overlay:focus-within,
.vs-product-list-item:focus,
.vs-product-list-item:hover .vs-product-list-overlay {
pointer-events: all;
opacity: 1;
transition: all .25s ease-out;
}
.vs-product-list-overlay .vs-product-list-title a {
display: block;
}
.vs-product-list-overlay a,
.vs-product-list-overlay a:link,
.vs-product-list-overlay a:visited {
/*color:#ccc;*/
}
.vs-product-list-overlay a:hover,
.vs-product-list-overlay a:focus {
/*color:#fff;*/
}
.vs-purchase-form::after {
display: none;
}
.vs-purchase-bottlesize {
text-transform: lowercase;
}

.vs-product-list-title {
font-size: 18px;
}
.vs-product-detail-title {
font-size: 24px;
margin-bottom: 1.25em;
}
.vs-page-checkout {
overflow-y: hidden;
overflow-x: hidden;
}
.MuiDrawer-paperAnchorRight {
max-width: 400px;
}


.table {
display: table;
height: 100%;
width: 100%;
}
.cell {
display: table-cell;
height: 100%;
width: 100%;
}
.vert-align {
vertical-align: middle;
}

.vs-product-detail-details .vs-purchase-form {
margin-bottom: 1em;
}
body .vs-purchase-form {
padding: 0;
}
body .vs-allocated-message {
padding: 1em 0;
}
body .vs-purchase-form {
max-width: 360px;
}
.vs-checkout-container {
z-index: 1000;
position: relative;
}
.vs-checkout .MuiBox-root button span {
color:#0157b9;
}
.vs-checkout .MuiBox-root button.Mui-disabled span {
color:#ccc;
}

.vs-checkout .MuiBox-root button:hover span {
color:#fff;
}
.vs-purchase-row > .vs-purchase-price,
.vs-purchase-price {
flex: 0;
}
body .vs-purchase-row > span {
padding-left: 0;
font-size:18px;
}
.vs-purchase-row > .vs-purchase-price {
padding-right: 15px;
}


/* =grid */

/* Columnal - core */

.row {
clear: both;
width: 100%;
margin: 0 auto;
/*max-width: 1140px;*/
/*overflow: hidden;*/
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11 {float: left; margin-right: 3.8%; position: relative;}

.col-1 {width: 4.85%;}  /* ie - 4.7% */
.col-2 {width: 13.5%;}  /* ie - 13.2% */
.col-3 {width: 22.15%;} /* ie - 22.05% */
.col-4 {width: 30.8%;} 	/* ie - 30.6% */
.col-5 {width: 39.45%;} /* ie - 39% */
.col-6 {width: 48.1%;} 	/* ie - 48% */
.col-7 {width: 56.75%;} /* ie - 56.75% */
.col-8 {width: 65.4%;} 	/* ie - 61.6% */
.col-9 {width: 74.05%;} /* ie - 74.05% */
.col-10 {width: 82.7%;} /* ie - 82.7% */
.col-11 {width: 91.35%;}/* ie - 91.35% */
.col-12 {clear: both; width: 100%; float: left;}

.last, .omega {margin-right: 0 !important;}
img, object, embed {max-width: 100%;}

.col-2 .col-1 {margin-right: 28.62%; width: 35.69%;}
.col-2 .pre-1 {padding-left: 35.69%;}
.col-2 .suf-1 {padding-right: 35.69%;}

.col-3 .col-2, .col-3 .col-1 {margin-right: 17.45%;}
.col-3 .col-1 {width: 21.7%;}
.col-3 .col-2 {width: 60.86%;}

.col-3 .pre-1 {padding-left: 21.7%;}
.col-3 .pre-2 {padding-left: 60.86%;}

.col-3 .suf-1 {padding-right: 21.7%;}
.col-3 .suf-2 {padding-right: 60.86%;}

.col-4 .col-3, .col-4 .col-2, .col-4 .col-1 {margin-right: 12.36%;}
.col-4 .col-1 {width: 15.73%;}
.col-4 .col-2 {width: 43.82%;}
.col-4 .col-3 {width: 71.91%;}

.col-4 .pre-1 {padding-left: 28.09%;}
.col-4 .pre-2 {padding-left: 56.18%;}
.col-4 .pre-3 {padding-left: 84.27%;}

.col-4 .suf-1 {padding-right: 28.09%;}
.col-4 .suf-2 {padding-right: 56.18%;}
.col-4 .suf-3 {padding-right: 84.27%;}

.col-5 .col-4, .col-5 .col-3, .col-5 .col-2, .col-5 .col-1 {margin-right: 9.7%;}
.col-5 .col-1 {width: 12.24%;}
.col-5 .col-2 {width: 34%;}
.col-5 .col-3 {width: 56.28%;}
.col-5 .col-4 {width: 78%;}

.col-5 .pre-1 {padding-left: 21.94%;}
.col-5 .pre-2 {padding-left: 43.7%;}
.col-5 .pre-3 {padding-left: 65.98%;}
.col-5 .pre-4 {padding-left: 87.7%;}

.col-5 .suf-1 {padding-right: 21.94%;}
.col-5 .suf-2 {padding-right: 43.7%;}
.col-5 .suf-3 {padding-right: 65.98%;}
.col-5 .suf-4 {padding-right: 87.7%;}

.col-6 .col-5, .col-6 .col-4, .col-6 .col-3, .col-6 .col-2, .col-6 .col-1 {margin-right: 7.77%}
.col-6 .col-1 {width: 10.19%;}
.col-6 .col-2 {width: 28.13%;}
.col-6 .col-3 {width: 46.11%;}
.col-6 .col-4 {width: 64.1%;}
.col-6 .col-5 {width: 82%;}

.col-6 .pre-1 {padding-left: 89.77%;}
.col-6 .pre-2 {padding-left: 71.87%;}
.col-6 .pre-3 {padding-left: 53.88%;}
.col-6 .pre-4 {padding-left: 35.9%;}
.col-6 .pre-5 {padding-left: 17.96%;}

.col-6 .suf-1 {padding-right: 89.77%;}
.col-6 .suf-2 {padding-right: 71.87%;}
.col-6 .suf-3 {padding-right: 53.88%;}
.col-6 .suf-4 {padding-right: 35.9%;}
.col-6 .suf-5 {padding-right: 17.96%;}

.col-7 .col-6, .col-7 .col-5, .col-7 .col-4, .col-7 .col-3, .col-7 .col-2, .col-7 .col-1 {margin-right: 6.56%;}
.col-7 .col-1 {width: 8.66%;}
.col-7 .col-2 {width: 23.88%;}
.col-7 .col-3 {width: 39.11%;}
.col-7 .col-4 {width: 54.33%;}
.col-7 .col-5 {width: 69.56%;}
.col-7 .col-6 {width: 84.78%;}

.col-7 .pre-1 {padding-left: 15.22%;}
.col-7 .pre-2 {padding-left: 30.44%;}
.col-7 .pre-3 {padding-left: 45.67%;}
.col-7 .pre-4 {padding-left: 60.89%;}
.col-7 .pre-5 {padding-left: 76.12%;}
.col-7 .pre-6 {padding-left: 91.34%;}

.col-7 .suf-1 {padding-right: 15.22%;}
.col-7 .suf-2 {padding-right: 30.44%;}
.col-7 .suf-3 {padding-right: 45.67%;}
.col-7 .suf-4 {padding-right: 60.89%;}
.col-7 .suf-5 {padding-right: 76.12%;}
.col-7 .suf-6 {padding-right: 91.34%;}

.col-8 .col-7, .col-8 .col-6, .col-8 .col-5, .col-8 .col-4, .col-8  .col-3, .col-8 .col-2, .col-8 .col-1 {margin-right: 5.78%;}
.col-8 .col-1 {width: 7.44%;}
.col-8 .col-2 {width: 20.66%;}
.col-8 .col-3 {width: 33.89%;}
.col-8 .col-4 {width: 47.11%;}
.col-8 .col-5 {width: 60.33%;}
.col-8 .col-6 {width: 73.56%;}
.col-8 .col-7 {width: 86.78%;}

.col-8 .pre-1 {padding-left: 13.22%;}
.col-8 .pre-2 {padding-left: 26.44%;}
.col-8 .pre-3 {padding-left: 39.67%;}
.col-8 .pre-4 {padding-left: 52.89%;}
.col-8 .pre-5 {padding-left: 66.11%;}
.col-8 .pre-6 {padding-left: 79.34%;}
.col-8 .pre-7 {padding-left: 92.56%;}

.col-8 .suf-1 {padding-right: 13.22%;}
.col-8 .suf-2 {padding-right: 26.44%;}
.col-8 .suf-3 {padding-right: 39.67%;}
.col-8 .suf-4 {padding-right: 52.89%;}
.col-8 .suf-5 {padding-right: 66.11%;}
.col-8 .suf-6 {padding-right: 79.34%;}
.col-8 .suf-7 {padding-right: 92.56%;}

.col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8 {margin-right: 5.1%;}
.col-9 .col-1 {width: 6.57%;}
.col-9 .col-2 {width: 18.25%;}
.col-9 .col-3 {width: 29.93%;}
.col-9 .col-4 {width: 41.61%;}
.col-9 .col-5 {width: 53.25%}
.col-9 .col-6 {width: 64.97%;}
.col-9 .col-7 {width: 76.65%;}
.col-9 .col-8 {width: 88.33%;}

.col-9 .pre-1 {padding-left: 11.67%;}
.col-9 .pre-2 {padding-left: 23.35%;}
.col-9 .pre-3 {padding-left: 35.03%;}
.col-9 .pre-4 {padding-left: 46.71%;}
.col-9 .pre-5 {padding-left: 58.35%}
.col-9 .pre-6 {padding-left: 70.07%;}
.col-9 .pre-7 {padding-left: 81.75%;}
.col-9 .pre-8 {padding-left: 93.43%;}

.col-9 .suf-1 {padding-right: 11.67%;}
.col-9 .suf-2 {padding-right: 23.35%;}
.col-9 .suf-3 {padding-right: 35.03%;}
.col-9 .suf-4 {padding-right: 46.71%;}
.col-9 .suf-5 {padding-right: 58.35%}
.col-9 .suf-6 {padding-right: 70.07%;}
.col-9 .suf-7 {padding-right: 81.75%;}
.col-9 .suf-8 {padding-right: 93.43%;}

.col-10 .col-9, .col-10 .col-8, .col-10 .col-7, .col-10 .col-6, .col-10 .col-5, .col-10 .col-4, .col-10 .col-3, .col-10 .col-2, .col-10 .col-1 {margin-right: 4.61%;}
.col-10 .col-1 {width: 5.85%;}
.col-10 .col-2 {width: 16.31%;}
.col-10 .col-3 {width: 26.77%;}
.col-10 .col-4 {width: 37.23%;}
.col-10 .col-5 {width: 47.69%;}
.col-10 .col-6 {width: 58.16%;}
.col-10 .col-7 {width: 68.62%;}
.col-10 .col-8 {width: 79.08%;}
.col-10 .col-9 {width: 89.54%;}

.col-10 .pre-1 {padding-left: 10.46%;}
.col-10 .pre-2 {padding-left: 20.92%;}
.col-10 .pre-3 {padding-left: 31.38%;}
.col-10 .pre-4 {padding-left: 41.84%;}
.col-10 .pre-5 {padding-left: 52.3%;}
.col-10 .pre-6 {padding-left: 62.77%;}
.col-10 .pre-7 {padding-left: 73.23%;}
.col-10 .pre-8 {padding-left: 83.69%;}
.col-10 .pre-9 {padding-left: 94.06%;}

.col-10 .suf-1 {padding-right: 10.46%;}
.col-10 .suf-2 {padding-right: 20.92%;}
.col-10 .suf-3 {padding-right: 31.38%;}
.col-10 .suf-4 {padding-right: 41.84%;}
.col-10 .suf-5 {padding-right: 52.3%;}
.col-10 .suf-6 {padding-right: 62.77%;}
.col-10 .suf-7 {padding-right: 73.23%;}
.col-10 .suf-8 {padding-right: 83.69%;}
.col-10 .suf-9 {padding-right: 94.06%;}

.col-11 .col-10, .col-11 .col-9, .col-11 .col-8, .col-11 .col-7, .col-11 .col-6, .col-11 .col-5, .col-11 .col-4, .col-11 .col-3, .col-11 .col-2, .col-11 .col-1 {margin-right: 4.14%;}
.col-11 .col-1 {width: 5.32%;}
.col-11 .col-2 {width: 14.79%;}
.col-11 .col-3 {width: 24.26%;}
.col-11 .col-4 {width: 33.73%;}
.col-11 .col-5 {width: 43.2%;}
.col-11 .col-6 {width: 52.66%;}
.col-11 .col-7 {width: 62.1%;}
.col-11 .col-8 {width: 71.6%;}
.col-11 .col-9 {width: 81.07%;}
.col-11 .col-10 {width: 90.54%;}

.col-11 .pre-1 {padding-left: 9.46%;}
.col-11 .pre-2 {padding-left: 18.93%;}
.col-11 .pre-3 {padding-left: 28.4%;}
.col-11 .pre-4 {padding-left: 37.87%;}
.col-11 .pre-5 {padding-left: 47.34%;}
.col-11 .pre-6 {padding-left: 56.8%;}
.col-11 .pre-7 {padding-left: 66.24%;}
.col-11 .pre-8 {padding-left: 75.74%;}
.col-11 .pre-9 {padding-left: 85.21%;}
.col-11 .pre-10 {padding-left: 94.68%;}

.col-11 .suf-1 {padding-right: 9.46%;}
.col-11 .suf-2 {padding-right: 18.93%;}
.col-11 .suf-3 {padding-right: 28.4%;}
.col-11 .suf-4 {padding-right: 37.87%;}
.col-11 .suf-5 {padding-right: 47.34%;}
.col-11 .suf-6 {padding-right: 56.8%;}
.col-11 .suf-7 {padding-right: 66.24%;}
.col-11 .suf-8 {padding-right: 75.74%;}
.col-11 .suf-9 {padding-right: 85.21%;}
.col-11 .suf-10 {padding-right: 94.68%;}

.pre-1 {padding-left: 8.65%;} /* 4.85 + 3.8 */
.pre-2 {padding-left: 17.3%;} /* 13.5 + 3.8 */
.pre-3 {padding-left: 25.95%;} /* 22.15 + 3.8 */
.pre-4 {padding-left: 34.6%;} /* 30.8 + 3.8 */
.pre-5 {padding-left: 43.25%;} /* 39.45 + 3.8 */
.pre-6 {padding-left: 51.9%;} /* 48.1 + 3.8 */
.pre-7 {padding-left: 60.55%;} /* 56.75 + 3.8 */
.pre-8 {padding-left: 69.2%;} /* 65.4 + 3.8 */
.pre-9 {padding-left: 77.85%;} /* 74.05 + 3.8 */
.pre-10 {padding-left: 86.5%;} /* 82.7 + 3.8 */
.pre-11 {padding-left: 95.15%;} /* 91.35 + 3.8 */

.suf-1 {padding-right: 8.65%;}
.suf-2 {padding-right: 17.3%;}
.suf-3 {padding-right: 25.95%}
.suf-4 {padding-right: 34.6%;}
.suf-5 {padding-right: 43.25%;}
.suf-6 {padding-right: 51.9%;}
.suf-7 {padding-right: 60.55%;}
.suf-8 {padding-right: 69.2%;}
.suf-9 {padding-right: 77.85%;}
.suf-10 {padding-right: 86.5%;}
.suf-11 {padding-right: 95.15%;}

.clear, .clearboth {clear: both !important;}
.clearleft {clear: left !important;}
.clearright {clear: right !important;}
.textcenter {text-align: center;}
.textright {text-align: right;}
.textleft {text-align: left;}
.selfclear:after {clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.mobile-only {display: none;}


/* Columnal -  mobile */

@media handheld, only screen and (max-width: 768px) {

.row, .body {
width: auto;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

.pre-1, .pre-2, .pre-3, .pre-4, .pre-5, .pre-6, .pre-7, .pre-8, .pre-9, .pre-10, .pre-11 {padding-left: 0;}
.suf-1, .suf-2, .suf-3, .suf-4, .suf-5, .suf-6, .suf-7, .suf-8, .suf-9, .suf-10, .suf-11 {padding-right: 0;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
clear: both;
float: none;
margin-left: 0;
margin-right: 0;
margin-bottom: 2em;
padding-left: 0;
padding-right: 0;
width: auto;
width: -moz-available;
}

.col-2 .col-1,
.col-3 .col-2, .col-3 .col-1,
.col-4 .col-3, .col-4 .col-2, .col-4 .col-1,
.col-5 .col-4, .col-5 .col-3, .col-5 .col-2, .col-5 .col-1,
.col-6 .col-5, .col-6 .col-4, .col-6 .col-3, .col-6 .col-2, .col-6 .col-1,
.col-7 .col-6, .col-7 .col-5, .col-7 .col-4, .col-7 .col-3, .col-7 .col-2, .col-7 .col-1,
.col-8 .col-7, .col-8 .col-6, .col-8 .col-5, .col-8 .col-4, .col-8 .col-3, .col-8 .col-2, .col-8 .col-1,
.col-9 .col-1, .col-9 .col-2, .col-9 .col-3, .col-9 .col-4, .col-9 .col-5, .col-9 .col-6, .col-9 .col-7, .col-9 .col-8,
.col-10 .col-9, .col-10 .col-8, .col-10 .col-7, .col-10 .col-6, .col-10 .col-5, .col-10 .col-4, .col-10 .col-3, .col-10 .col-2, .col-10 .col-1,
.col-11 .col-10, .col-11 .col-9, .col-11 .col-8, .col-11 .col-7, .col-11 .col-6, .col-11 .col-5, .col-11 .col-4, .col-11 .col-3, .col-11 .col-2, .col-11 .col-1,
.col-12 .col-11, .col-12 .col-10, .col-12 .col-9, .col-12 .col-8, .col-12 .col-7, .col-12 .col-6, .col-12 .col-5, .col-12 .col-4, .col-12 .col-3, .col-12 .col-2, .col-12 .col-1 {
padding-left: 0;
padding-right: 0;
width: 100%;
}

.mobile-hide {display: none;}
.mobile-only {display: block;}

}




/* =media queries */

/* mobile */

@media only screen and (max-width: 480px){

.mobile {
display: block;
}
.tablet, .desktop {
display: none;
}
body {
/*font-size:1em;*/
}
div {
width: auto;
}
.header,
.main,
.footer {
max-width: none;
width: auto;
}
.container {
padding: 0;
}
.main {
padding:2em 30px;
}
#logo {
/*margin: 1em 0 0;*/
text-align: left;
}
#logo a {
margin: 0;
padding:0;
}
#logo img {
width:280px;
height:auto;
padding-bottom: 5px;
}
.half {
width: auto;
float: none;
margin-left: 0;
margin-right: 0;
}
.footer-text > span {
display: block;
/*text-align: center;*/
}
.divider {
font-size: 0;
color: rgba(0,0,0,0);
}

label {
font-size:1em;
}
h1 {
font-size:24px;
}
}


/* mobile and tablet */

@media only screen and (max-width: 768px){

.mobile.tablet {
display: block;
}
.desktop {
display: none;
}
.header {
padding:3em 20px 3em;
}
#nav {
position: absolute;
top:0;
left:0;
z-index: 1000;
width:100%;
}
#logo {
padding:2em 0 0;
}
#menu-toggle {
text-transform: uppercase;
display: inline-block;
cursor: pointer;
padding: 1em 20px 1em 38px;
margin-bottom: 0;
background-color: #0157b9;
}
.menu-wrapper {
display: none;
position: absolute;
z-index:1003;
width: 200px;
top:3em;
padding-bottom:1em;
background-color: #0157b9;
border-bottom:1px solid rgba(0,0,0,.2);
}
.menu {
font-size:1em;
text-align: left;
position: relative;
top: 0;
left: 0;
margin-left: 0;
padding: 1em 15px 0;
width: 100%;
box-sizing:border-box;
}
.menu li {
text-align: left;
font-size:1em;
float: none;
display: block;
}
.menu a {
display: block;
padding-top: .5em;
padding-left:15px;
padding-bottom: .5em;
}
/*.menu a:hover,
.menu a:focus,
.sub-menu a:hover,
.sub-menu a:focus {
background-color: none !important;
border: 1px solid #ccc;
border: 1px solid rgba(255,255,255,.8);
opacity:1;
color:#111;
}*/
.menu .sub-menu {
display: block;
margin: 1px 0 0;
}
.footer {
/*text-align: center;*/
}
.footer-menu {
display:block;
padding-bottom: 3em;
}
.footer-menu .menu {
font-size:0;
margin:0;
}
.footer-menu li {
text-align: center;
width:50%;
font-size:14px;
display:inline-block;
}
#top-link {
display: inline-block;
margin:1em auto 0;
color:#111;
}
.owl-next {
right:0;
}

.header .menu li {
display: block;
}

}


/* tablet */

@media only screen and (min-width: 481px) and (max-width: 768px){

.mobile {
display: block;
}
.tablet,
.tablet.mobile {
display: block;
}
.desktop {
display: none;
}
div {
width: auto;
}
.header,
.main,
.footer {
max-width: none;
width: auto;
}
#logo img {
width:400px;
height:auto;
}
h1 {
font-size:2.5em;
}


}


/* tablet & desktop */

@media only screen and (min-width: 481px){

.footer-text {
float: left;
}
}


/* desktop */

@media only screen and (min-width: 769px) {

.mobile,
.tablet,
.mobile.tablet {
display: none;
}
.desktop {
display: block;
}

#menu-toggle {
display: none;
cursor: pointer;
}
.menu li:hover ul.sub-menu {
display: block;
}
#nav {
display: block;
margin-left: 5px;
}
.menu .sub-menu {
font-size: 14px;
background-color: #fff;
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,.2);
border-radius: 2px;
display: none;
position: absolute;
top: 2.571429em;
left: 0;
z-index: 1000;
width: 180px;
text-align: left;
}
.sub-menu a:hover,
.sub-menu a:focus {
background-color: #f5f5f5;
background-color: rgba(0,0,0,.05);
}
}


/* small desktop */

@media only screen and (min-width: 769px) and (max-width: 999px){

.header,
.main,
.footer {
max-width: none;
width: auto;
float: none;
}
.container {
/*padding: 0 20px;*/
}

.main-content h2:first-child {
margin-top: 0;
padding-top: 0;
}

}

@media only screen and (min-width: 769px) and (max-width: 1080px){
h1 {
font-size:30px;
}
}



/* full desktop */

@media only screen and (min-width: 1000px) {

.mobile,
.tablet {
display: none;
}

.footer {
height:200px;
position: relative;
}

#credits {
position: absolute;
bottom:15px;
right:15px;
}
.certification-links {
/*display: none;*/
position: absolute;
top:1em;
right:20px;
}
.main-content p:first-child {
padding-top: 1.5em;
}
.main-content h2:first-child {
padding-top: .5em;
}
.main-content h3:first-child {
padding-top: 1.25em;
}

.page-id-142 h1 {
font-size: 1.714em;
}
/* trade */


}

/* large desktop */

/*@media only screen and (min-width: 1180px) {

.container {
width: 1140px;
}

}*/



/* =print */

@media only print {

body {
border: none;
padding: 0;
background-color: #fff;
color: #000;
}
#footer,
#vs-accountlinks,
#nav {
display: none;
}
#logo a {
font-size: 24px;
}
}