/* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-weight: 400; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } html,body {height:100%;} em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } a:focus { outline: 0; } :focus, :active { outline: none; outline: 0; } ::-moz-focus-inner { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } button, textarea, select { -webkit-appearance: none; } textarea { resize: none; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* * { box-sizing: border-box;} */ /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /* Hides from IE-mac \*/ * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ @font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.eot"); src: url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.woff") format("woff"), url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic/FranklinGothic-Regular-webfont.svg#FranklinGothic") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.eot"); src: url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.woff") format("woff"), url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic/FranklinGothic-Italic-webfont.svg#FranklinGothic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.eot"); src: url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.woff") format("woff"), url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic/FranklinGothic-Bold-webfont.svg#FranklinGothic") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.eot"); src: url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.woff2") format("woff2"), url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.woff") format("woff"), url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/FranklinGothic/FranklinGothic-BoldItalic-webfont.svg#FranklinGothic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'veneer'; src: url("../fonts/veneer/veneerlowres-webfont.eot"); src: url("../fonts/veneer/veneerlowres-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowres-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowres-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowres-webfont.svg#veneer") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'veneer'; src: url("../fonts/veneer/veneerlowresitalic-webfont.eot"); src: url("../fonts/veneer/veneerlowresitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowresitalic-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowresitalic-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowresitalic-webfont.svg#veneer") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'veneerlowres'; src: url("../fonts/veneer/veneerlowresextras-webfont.eot"); src: url("../fonts/veneer/veneerlowresextras-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowresextras-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowresextras-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowresextras-webfont.svg#veneerlowres") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'veneerlowres'; src: url("../fonts/veneer/veneerlowresextrasitalic-webfont.eot"); src: url("../fonts/veneer/veneerlowresextrasitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowresextrasitalic-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowresextrasitalic-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowresextrasitalic-webfont.svg#veneerlowres") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'veneer_two'; src: url("../fonts/veneer/veneerlowrestwo-webfont.eot"); src: url("../fonts/veneer/veneerlowrestwo-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowrestwo-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowrestwo-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowrestwo-webfont.svg#veneer_two") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'veneer_two'; src: url("../fonts/veneer/veneerlowrestwoitalic-webfont.eot"); src: url("../fonts/veneer/veneerlowrestwoitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowrestwoitalic-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowrestwoitalic-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowrestwoitalic-webfont.svg#veneer_two") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'veneer_three'; src: url("../fonts/veneer/veneerlowresthree-webfont.eot"); src: url("../fonts/veneer/veneerlowresthree-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowresthree-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowresthree-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowresthree-webfont.svg#veneer_three") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'veneer_three'; src: url("../fonts/veneer/veneerlowresthreeitalic-webfont.eot"); src: url("../fonts/veneer/veneerlowresthreeitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/veneer/veneerlowresthreeitalic-webfont.woff") format("woff"), url("../fonts/veneer/veneerlowresthreeitalic-webfont.ttf") format("truetype"), url("../fonts/veneer/veneerlowresthreeitalic-webfont.svg#veneer_three") format("svg"); font-weight: 400; font-style: italic; } /* != amatic ====================================== */ @font-face { font-family: 'amatic'; src: url("../fonts/amatic/amaticsc-regular-webfont.eot"); src: url("../fonts/amatic/amaticsc-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amatic/amaticsc-regular-webfont.woff2") format("woff2"), url("../fonts/amatic/amaticsc-regular-webfont.woff") format("woff"), url("../fonts/amatic/amaticsc-regular-webfont.ttf") format("truetype"), url("amaticsc-regular-webfont.svg#amatic") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'amatic'; src: url("../fonts/amatic/amatic-bold-webfont.eot"); src: url("../fonts/amatic/amatic-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/amatic/amatic-bold-webfont.woff2") format("woff2"), url("../fonts/amatic/amatic-bold-webfont.woff") format("woff"), url("../fonts/amatic/amatic-bold-webfont.ttf") format("truetype"), url("../fonts/amatic/amatic-bold-webfont.svg#amatic") format("svg"); font-weight: 600; font-style: normal; } /* != Copperplate ====================================== */ /*@font-face { font-family: 'FranklinGothic'; src: url("../fonts/Copperplate/Copperplate-Regular-webfont.eot"); src: url("../fonts/Copperplate/Copperplate-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Copperplate/Copperplate-Regular-webfont.woff2") format("woff2"), url("../fonts/Copperplate/Copperplate-Regular-webfont.woff") format("woff"), url("../fonts/Copperplate/Copperplate-Regular-webfont.ttf") format("truetype"), url("../fonts/Copperplate/Copperplate-Regular-webfont.svg#FranklinGothic") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/Copperplate/Copperplate-Semibold-webfont.eot"); src: url("../fonts/Copperplate/Copperplate-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Copperplate/Copperplate-Semibold-webfont.woff2") format("woff2"), url("../fonts/Copperplate/Copperplate-Semibold-webfont.woff") format("woff"), url("../fonts/Copperplate/Copperplate-Semibold-webfont.ttf") format("truetype"), url("../fonts/Copperplate/Copperplate-Semibold-webfont.svg#FranklinGothic") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url("../fonts/Copperplate/Copperplate-Bold-webfont.eot"); src: url("../fonts/Copperplate/Copperplate-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Copperplate/Copperplate-Bold-webfont.woff2") format("woff2"), url("../fonts/Copperplate/Copperplate-Bold-webfont.woff") format("woff"), url("../fonts/Copperplate/Copperplate-Bold-webfont.ttf") format("truetype"), url("../fonts/Copperplate/Copperplate-Bold-webfont.svg#FranklinGothic") format("svg"); font-weight: 600; font-style: normal; } */ @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-book-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-book-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-book-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-book-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-book-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-book-webfont.svg#franklin_gothic_fsbook') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-bookit-webfont.svg#franklin_gothic_fsbook_italic') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-med-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-med-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-med-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-med-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-med-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-med-webfont.svg#franklin_gothic_fsmedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-medit-webfont.svg#franklin_gothic_fsMdIt') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-demi-webfont.svg#franklin_gothic_fsdemi') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-demiit-webfont.svg#franklin_gothic_fsdemi_italic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-hvy-webfont.svg#franklin_gothic_fsheavy') format('svg'); font-weight: 700; font-style: normal; } @font-face { font-family: 'FranklinGothic'; src: url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-hvyit-webfont.svg#franklin_gothic_fsHvIt') format('svg'); font-weight: 700; font-style: italic; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-cd-webfont.svg#franklin_gothic_fscondensed') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-cdit-webfont.svg#franklin_gothic_fsCnIt') format('svg'); font-weight: 400; font-style: italic; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-medcd-webfont.svg#franklin_gothic_fsMdCn') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-medcdit-webfont.svg#franklin_gothic_fsMdCnIt') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-demicd-webfont.svg#franklin_gothic_fsdemiCn') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'FranklinGothicCondensed'; src: url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.eot'); src: url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.woff2') format('woff2'),url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.woff') format('woff'),url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.ttf') format('truetype'),url('../fonts/Franklin-Gothic/franklingothic-demicdit-webfont.svg#franklin_gothic_fsdemiCnIt') format('svg'); font-weight: 600; font-style: italic; } @charset "UTF-8"; /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ @-webkit-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 25% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadein2 { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadein2 { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein2 { 0% { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadein3 { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadein3 { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein3 { 0% { opacity: 0; } 75% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes motion { 0% { margin-left: 40px; opacity: 0; } 25% { margin-left: 40px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-moz-keyframes motion { 0% { margin-left: 40px; opacity: 0; } 25% { margin-left: 40px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @keyframes motion { 0% { margin-left: 40px; opacity: 0; } 25% { margin-left: 40px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-webkit-keyframes motion2 { 0% { left: -20px; } 25% { left: -20px; } 100% { left: 0; } } @-moz-keyframes motion2 { 0% { left: -20px; } 25% { left: -20px; } 100% { left: 0; } } @keyframes motion2 { 0% { left: -20px; } 25% { left: -20px; } 100% { left: 0; } } /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ body { background-image: url(../images/main-bg.jpg); background-repeat: repeat; background-position: left top; /*font: 400 16px/27px "FranklinGothic", Arial, Helvetica; */ font: 400 16px/27px "FranklinGothic", Arial, Helvetica; color: #535353;} /* #av-overlay-wrap{display: block; position: absolute; z-index: 9999; width: 100%; height: 100%;} */ /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ ::selection { background: #000000; color: #fff; } ::-moz-selection { background: #000000; color: #fff; } ::-webkit-selection { background: #000000; color: #fff; } /* != ICON FONT DECLARATION ===== */ @font-face { font-family: "woodchuck"; src: url("../fonts/woodchuck/woodchuck.eot"); src: url("../fonts/woodchuck/woodchuck.eot?#iefix") format("embedded-opentype"), url("../fonts/woodchuck/woodchuck.woff") format("woff"), url("../fonts/woodchuck/woodchuck.ttf") format("truetype"), url("../fonts/woodchuck/woodchuck.svg#woodchuck") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "woodchuck" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "woodchuck" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-down:before { content: "a"; } .icon-left:before { content: "b"; } .icon-right:before { content: "c"; } .icon-up:before { content: "d"; } .icon-close:before { content: "e"; } .icon-menu:before { content: "f"; } .icon-search:before { content: "g"; } .icon-facebook:before { content: "h"; } .icon-linkedin:before { content: "i"; } .icon-twitter:before { content: "j"; } .icon-play:before { content: "k"; } .icon-email:before { content: "l"; } .icon-google:before { content: "m"; } .icon-circle-down:before { content: "p"; } .icon-circle-left-2:before { content: "q"; } .icon-circle-left:before { content: "r"; } .icon-circle-up:before { content: "s"; } .icon-pinterest:before { content: "n"; } .icon-youtube:before { content: "t"; } .icon-instagram:before { content: "o"; } [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } [class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; /*-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } .social-email:before { content: "a"; } .social-email-round:before { content: "A"; } .social-facebook:before { content: "f"; } .social-facebook-round:before { content: "F"; } .social-flickr:before { content: "c"; } .social-flickr-round:before { content: "C"; } .social-googleplus:before { content: "g"; } .social-googleplus-round:before { content: "G"; } .social-instagram:before { content: "i"; } .social-instagram-round:before { content: "I"; } .social-linkedin:before { content: "l"; } .social-linkedin-round:before { content: "L"; } .social-pinterest:before { content: "p"; } .social-pinterest-round:before { content: "P"; } .social-rss:before { content: "r"; } .social-rss-round:before { content: "R"; } .social-sharethis:before { content: "s"; } .social-sharethis-round:before { content: "S"; } .social-twitter:before { content: "t"; } .social-twitter-round:before { content: "T"; } .social-vimeo:before { content: "v"; } .social-vimeo-round:before { content: "V"; } .social-yelp:before { content: "x"; } .social-yelp-round:before { content: "X"; } .social-youtube:before { content: "y"; } .social-youtube-round:before { content: "Y"; } .social-youtube2:before { content: "u"; } .social-youtube2-round:before { content: "U"; } .container, .wrap { margin: 0 auto; max-width: 1140px; width: 100%; } .max-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; max-width: 1466px; margin: 0 auto; } .container-inner { padding: 0 20px; } .pull-left { float: left; } .pull-right { float: right; } .img-responsive { width: 100%; height: auto; } .visible-s, .visible-xs { display: none !important; } .hidden-s { display: block; } .dropdwn-btn { display: none; } .btn { display: inline-block; /*font: 600 11px/10px "FranklinGothic", sans-serif;*/ font: 600 13px/10px "FranklinGothicCondensed", sans-serif; color: #fff; padding: 9px 16px; text-transform: uppercase; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn.green-btn { background: #D01C35; } a.btn.green-btn:hover { background: #000000;color:#fff } .btn.dark-btn { background: rgba(1, 29, 18, 0.7); color: #edd9b9; } .btn.dark-btn:hover { background: #000; color: #fff; } .btn.gray-btn { background: #747474; color: #fff; } .btn.gray-btn:hover { background: #000000; } .btn.more { padding-right: 40px; position: relative; } .btn.more:after { position: absolute; content: 'r'; font-size: 16px; font-family: "woodchuck"; vertical-align: middle; text-transform: none; display: inline-block; top: 50%; right: 6px; margin-top: -6px; } .btn.load-more { padding-right: 40px; position: relative; font: 600 14px/15px "FranklinGothic", sans-serif !important; } .btn.load-more:after { position: absolute; content: 'p'; font-size: 18px; font-family: "woodchuck"; vertical-align: middle; text-transform: none; display: inline-block; top: 50%; right: 6px; margin-top: -10px; font-weight: 600; } .btn.back { padding-left: 40px; position: relative; } .btn.back:after { position: absolute; content: 'q'; font-size: 18px; font-family: "woodchuck"; vertical-align: middle; text-transform: none; display: inline-block; top: 50%; left: 6px; margin-top: -5px; } .btn.more span {position:relative;top:1px} .light-link { color: #edd9b9; font-weight: 600; } .light-link:hover { color: #fff; } .green-link { color: #000000; font: 600 18px/18px "FranklinGothic", sans-serif !important; } .green-link:hover { color: #d01c35; } .load-more-wrap { text-align: center; padding: 60px 0; width: 100%; display: block; } .load-more-wrap.loading-now {background:url(../images/loader.gif) center center no-repeat} .load-more-wrap.loading-now a {display:none} a { color:#bc8550;-webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } a:hover {color:#000000;} /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft { float: left; margin: 0 25px 25px 0; } .alignright { float: right; margin: 0 0 25px 25px; } .alignnone { display: inline-block; } /*Custom Image Classes*/ .responsive{display: block; width: 100%; height: auto; max-width: 100%; max-height: 100%;} /* != LAYOUT STYLES ===== */ /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } */ form ul { margin: 0 !important;list-style: none !important} form ul li { background: none; list-style: none !important; } form ul li div { display: inline-block; vertical-align: top; } input[type=submit], button { display: inline-block; cursor: pointer; } .select-wrap { width: 100%; height: 30px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #022b1a; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .select-wrap select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; /*font: 400 14px "FranklinGothic", Arial, Helvetica;*/ font: 400 14px "FranklinGothic", Arial, Helvetica; } input[type=text], input[type=password], input[type=url], input[type=email] { width: 100%; overflow: hidden; /*box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);*/ display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; border: 1px solid #c2ac85; font: 400 14px "FranklinGothic", Arial, Helvetica; padding: 8px; color: #535353; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; height: 32px; } textarea{ width: 100%; overflow: hidden; /*box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; padding: 8px; color: #535353; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #c3c3c3 !important; } label { font: 500 13px "FranklinGothic", sans-serif; color: #edd9b9; text-transform: uppercase; } ::-webkit-input-placeholder { color: #535353; font: 400 14px/20px "FranklinGothic", Arial, Helvetica; opacity: 1; filter: alpha(opacity=100); } :-moz-placeholder { color: #535353; font: 400 14px/14px "FranklinGothic", Arial, Helvetica; opacity: 1; filter: alpha(opacity=100); } ::-moz-placeholder { color: #535353; font: 400 14px/14px "FranklinGothic", Arial, Helvetica; opacity: 1; filter: alpha(opacity=100); } :-ms-input-placeholder { color: #535353; font: 400 14px/14px "FranklinGothic", Arial, Helvetica; opacity: 1; filter: alpha(opacity=100); } p { /*font: 400 16px/26px "FranklinGothic", Arial, Helvetica;*/ font: 400 16px/26px "FranklinGothic", Arial, Helvetica; margin-bottom: 20px; } .cycle-arrow { display: inline-block; } .cycle-arrow span { font-family: "woodchuck"; vertical-align: middle; text-transform: none; font-size: 18px; color: #8c8c8c; cursor: pointer; display: inline-block; } .cycle-arrow span.cycle-prev { margin-right: 15px; } .cycle-arrow span.cycle-next { margin-left: 15px; } .cycle-arrow span:hover { color: #D01C35; } #header .header-inner { position: relative; max-width: 100%; } #header .r-column a { color: #fff; } #header .r-column a:hover { color: #edd9b9; } #header .top-nav { padding: 10px 0; } #header .search-wrap { margin-right: 10px; line-height: 35px; position: relative; } #header .search-wrap i { font-size: 18px; color: #fff; cursor: pointer; } #header .search-wrap i:hover { color: #edd9b9; } #header .search-wrap .serch-box { position: absolute; right: 100%; top: 0; margin-right: 10px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 0; overflow: hidden; opacity: 0; } #header .search-wrap .serch-box input { width: 150px; border: 1px solid rgba(255, 255, 255, 0.3); background: rgba(0, 0, 0, 0.3); color: #edd9b9; font: 300 14px/14px "FranklinGothic", sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 6px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; } #header .search-wrap .serch-box.open { width: 150px; opacity: 1; } #header .search-wrap .serch-box ::-webkit-input-placeholder { color: #edd9b9; font: 400 14px/15px "FranklinGothic", sans-serif; opacity: 1; filter: alpha(opacity=100); } #header .search-wrap .serch-box :-moz-placeholder { color: #edd9b9; font: 400 14px/20px "FranklinGothic", sans-serif; opacity: 1; filter: alpha(opacity=100); } #header .search-wrap .serch-box ::-moz-placeholder { color: #edd9b9; font: 400 14px/20px "FranklinGothic", sans-serif; opacity: 1; filter: alpha(opacity=100); } #header .search-wrap .serch-box :-ms-input-placeholder { color: #edd9b9; font: 400 14px/20px "FranklinGothic", sans-serif; opacity: 1; filter: alpha(opacity=100); } #header .social-links { height: 35px; line-height: 35px; border-left: 1px solid #fff; /*border-right: 1px solid #fff;*/ } #header .social-links a { font-size: 26px; display: inline-block; margin: 0 5px; } #header .social-links a i.social-youtube { font-size: 28px; } #header .social-links a i.icon-twitter { font-size: 22px; } #header .social-links a i.social-pinterest { font-size: 22px; position: relative; top: -3px; } #header .social-links a:hover .like-btn { color: #fff; } #header .social-links a:hover .like-btn span { color: #edd9b9; } #header .like-btn { display: inline-block; font: 400 12px "FranklinGothic", Arial, Helvetica; color: #8e5554; padding: 8px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(255, 255, 255, 0.3); position: relative; top: -8px; left: -5px; margin-right: -5px; } #header .like-btn span { display: inline-block; color: #fff; } #header .link { margin-left: 10px; } #header .link a { text-transform: uppercase; display: block; font: 600 18px/35px "FranklinGothicCondensed", Helvetica, sans-serif; } .pluginCountNum { background: transparent !important; } #logo { position: absolute; left: 10px; top: 30px; z-index: 9999; width: 150px; } #logo img { display: block; width: auto; height: auto; max-width: 100%; vertical-align: middle; } #main-nav > ul { /*background-image: url(../images/main-nav-bg.jpg); background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #00402a;*/ background-color: #D3BD96; -webkit-box-shadow: inset 0px -3px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0px -3px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: inset 0px -3px 5px 0px rgba(0, 0, 0, 0.25); font-size: 0; } #main-nav > ul > li { display: inline-block; position: relative; } #main-nav > ul > li > a { font: 500 20px "FranklinGothicCondensed", Helvetica, sans-serif; padding: 10px 20px; display: block; color: #000; text-transform: uppercase; } #header #main-nav > ul > li > a { color: #000;} #main-nav > ul > li > a:hover { background: rgba(0, 0, 0, 0.1); } #header #main-nav > ul > li > a:hover { color: #fff;} #main-nav > ul > li.current-menu-item a { color: #edd9b9; } #main-nav > ul > li ul { display: none; position: absolute; top: 100%; z-index: 999; width: 220px; /*background-image: url(../images/sub-nav-bg.jpg); background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #00402a;*/ background-color: #D3BD96; -webkit-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3); box-shadow: 1px 5px 5px 0px rgba(0, 0, 0, 0.3); } #main-nav > ul > li ul li { display: block; } #main-nav > ul > li ul li a { font: 300 16px "FranklinGothic", sans-serif; display: block; padding: 20px 0 20px 24px; border-top: 1px solid #A79576; color: #000; } #main-nav > ul > li ul li:first-child a { border-top: none; } #header #main-nav > ul > li ul li > a { color: #000 } #header #main-nav > ul > li ul li > a:hover { background: rgba(0, 0, 0, 0.1); color: #fff; } #main-nav > ul > li:hover ul { display: block; } #hm-banner { max-width: 1466px; min-height: 390px; display: block; position: relative; margin: 0 auto; margin-bottom: 42px; overflow: hidden; } #hm-banner img { width: 100%; height: auto; } #hm-banner ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #hm-banner li { display: block; width: 100%; height: 100%; } #hm-banner .banner-img { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #hm-banner .banner-logo { width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-position: center center; background-size: contain; } #hm-banner .banner-logo .cta { display: block; width: 100%; text-align: center; position: absolute; left: 0; bottom: 14%; } #hm-banner .banner-logo a { font-size: 14px; padding: 13px 16px; } #hm-banner .pager-wrap { position: absolute; width: 100%; left: 0; bottom: 20px; z-index: 999; text-align: center; } #hm-banner .pager-wrap span { display: inline-block; text-indent: -999px; width: 13px; height: 13px; border-top-left-radius: 13px; border-top-right-radius: 13px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; border: 1px solid #fff; background: transparent; margin: 0 7px; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; overflow: hidden; } #hm-banner .pager-wrap span.cycle-pager-active, #hm-banner .pager-wrap span:hover { background: #fff; } #fw-slider { width: 100%; background: #ffffff; padding: 20px 0; } #slideshow { position: relative; overflow: hidden; } #slideshow .slide li { display: block; width: 100%; font-size: 0; } #slideshow .box { display: inline-block; width: 48%; vertical-align: middle; position: relative;padding-right:2%; } #slideshow .desc { margin: 25px 0 45px; } #slideshow .cycle-arrow { position: absolute; top: 60px; right: 0; z-index: 999; } #slideshow .top-box { padding-bottom: 4px; margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; position: relative; opacity: 0; margin-left: 40px; } #slideshow img { max-width: 100%; max-height: 100%; opacity: 0; width: auto; height: auto; } #slideshow h6 { font: 600 16px "FranklinGothicCondensed", sans-serif; color: #bc8550; text-transform: uppercase; display: block; position: relative; } #slideshow h2 { font: 400 64px/55px "veneer", Helvetica, sans-serif; margin-bottom: 8px; text-transform: uppercase; padding-right: 100px; position: relative; } #slideshow h2 a { color: #000000; } #slideshow h2 a:hover { color: #d01c35; } #slideshow p { color: #535353; opacity: 0; } #slideshow a { -webkit-transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; transition: color 0.25s ease-in-out; } #slideshow .btn { margin-right: 5px; margin-bottom: 14px; } #slideshow .btn-wrap { opacity: 0; } #slideshow .cycle-slide-active img { -webkit-animation: fadein 0.5s ease-out; -moz-animation: fadein 0.5s ease-out; animation: fadein 0.5s ease-out; opacity: 1; } #slideshow .cycle-slide-active .top-box { opacity: 1; margin-left: 0; -webkit-animation: motion 1s ease-out; -moz-animation: motion 1s ease-out; animation: motion 1s ease-out; } #slideshow .cycle-slide-active p { opacity: 1; -webkit-animation: fadein 1.5s ease-out; -moz-animation: fadein 1.5s ease-out; animation: fadein 1.5s ease-out; } #slideshow .cycle-slide-active .btn-wrap { opacity: 1; -webkit-animation: fadein 1.9s ease-in-out; -moz-animation: fadein 1.9s ease-in-out; animation: fadein 1.9s ease-in-out; } #full-two-col, .full-two-column { position: relative; /*background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; */ background: #eee;} #full-two-col .text-box, .full-two-column .text-box { padding: 60px 0;position: relative;width: 50%; top: 0; text-align: right; } #full-two-col .text-box, .full-two-column .text-box.right-box {margin-left: 50%;padding:60px 120px 60px 60px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #full-two-col .img-box, .full-two-column .img-box { position: absolute; top: 0; right: 0; width: 50%;height: 100%; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } #full-two-col .left-box, .full-two-column .left-box { left: 0;} #full-two-col .right-box, .full-two-column .right-box { right: 0; } #full-two-col .img-box img, .full-two-column .img-box img { height: auto; display: inline-block; position: absolute; top: 0; left: 0; max-height: 100%; width: auto; } #full-two-col .inner-wrap, .full-two-column .inner-wrap { max-width: 570px; padding-left: 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: left; padding-right: 60px; } #full-two-col .text-box, .full-two-column .text-box.right-box .inner-wrap {padding:0} #full-two-col .post-content .box, .full-two-column .post-content .box { margin-bottom: 20px; } #full-two-col .post-content h2, .full-two-column .post-content h2 { font: 400 36px/34px "veneer", Helvetica, sans-serif; margin-bottom: 0; margin-top: 5px; } #full-two-col .post-content h2 a, .full-two-column .post-content h2 a { color: #000000; } #full-two-col .post-content h2 a:hover, .full-two-column .post-content h2 a:hover { color: #bc8550; } #full-two-col .post-content h6, .full-two-column .post-content h6 { font: 400 12px "FranklinGothic", sans-serif; margin-bottom: 2px; color: #bc8550; display: block; } #full-two-col .box, .full-two-column .box { border-bottom: 1px solid #ccc; width: 100%; padding-bottom: 20px; } #full-two-col h6, .full-two-column h6 { font: 400 12px "FranklinGothic", sans-serif; color: #bc8550; display: block; margin-bottom: 4px; text-transform: uppercase; } #full-two-col h2, .full-two-column h2 { text-transform: uppercase; font: 400 60px/52px "veneer", Helvetica, sans-serif; color: #000000; display: block; margin: 10px 0; } #full-two-col h2 a, .full-two-column h2 a { color: #000000; } #full-two-col h2 a:hover, .full-two-column h2 a:hover { color: #D01C35; } #full-two-col h5, .full-two-column h5 { font: 600 16px "FranklinGothicCondensed", sans-serif; color: #ac713b; display: block; text-transform: uppercase; } #full-two-col h3, .full-two-column h3 { font: 400 36px/36px "veneer", Helvetica, sans-serif; color: #000000; display: block; margin: 20px 0; text-transform: uppercase; } #full-two-col p, .full-two-column p { font: 400 15px/22px "FranklinGothic", Arial, Helvetica; color: #535353; margin-bottom: 20px; } #tabs { padding: 38px 0; /*background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ background-color: #fff;; } #tabs .tabs-select .drop-wrap { display: none; } #tabs .tabs-select ul { width: 100%; display: block; border-bottom: 1px solid #D01C35; margin-bottom: 20px; } #tabs .tabs-select ul li { display: inline-block; } #tabs .tabs-select ul li a { display: block; padding: 12px 25px; font: 600 18px "FranklinGothicCondensed", sans-serif; text-transform: uppercase; color: #000000; border-top-left-radius: 20px; border-top-right-radius: 20px; } #tabs .tabs-select ul li a:hover { color: #D01C35; } #tabs .tabs-select ul li a.current {/* background-image: url(../images/sub-nav-bg.jpg); background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/ background-color: #D01C35; color: #fff; } #tabs .tabs-select ul li a.current:hover { color: #fff; } #tabs .tab-content { display: none; } #tabs .tab-content .three-column-slide { font-size: 0; text-align: justify; } #tabs .tab-content .three-column-slide:after { content: ''; display: inline-block; width: 100%; } #tabs .tab-content .three-column-slide .slider-slide { width: 31% !important;display:block;margin:0 0 0 3%;float:left } #tabs .tab-content .three-column-slide .slider-slide:first-child {margin-left:0} #tabs .tab-content .ilink {display:block} #tabs .tab-content img { width: 100%; height: auto; margin-bottom: 20px; display: block; } #tabs .tab-content .three-column-slide .slider-slide .pimg {width: 100%; height: 50%;display: block;background-repeat: no-repeat;background-position: center top;background-size: cover} #tabs .tab-content h3 { font: 500 28px/27px "FranklinGothicCondensed", Helvetica, sans-serif; text-transform: uppercase;display: block; padding: 0 10px; text-align: center; margin-bottom: 8px; } #tabs .tab-content h3 a { color: #000000; } #tabs .tab-content h3 a:hover { color: #D01C35; } #tabs .tab-content h6 { font: 600 13px "FranklinGothicCondensed", sans-serif; color: #bc8550; display: block; text-align: center; } .three-column-slide { /* the slides */ /* the parent */ /* Dots */ } .three-column-slide .slick-slide { margin: 0 27px; } .three-column-slide .slick-list { margin: 0 } .three-column-slide .slick-slider { margin-bottom: 30px; } .three-column-slide .slick-dots { position: absolute; bottom: -40px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .three-column-slide .slick-dots li { position: relative; display: inline-block; height: 14px; width: 14px; margin: 0 8px; padding: 0; cursor: pointer; } .three-column-slide .slick-dots li button { border: 0; background: transparent; display: block; height: 14px; width: 14px; outline: none; line-height: 0px; font-size: 0px; cursor: pointer; border: 1px solid #000000; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .three-column-slide .slick-dots li button:hover, .three-column-slide .slick-dots li button:focus { outline: none; background: #000000; } .three-column-slide .slick-dots li.slick-active button { outline: none; background: #000000; } #green-box { padding: 40px 0; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; text-align: center; box-shadow: inset 0 20px 20px -18px rgba(0, 0, 0, 0.9); -webkit-box-shadow: inset 0 20px 20px -18px rgba(0, 0, 0, 0.9); -moz-box-shadow: inset 0 20px 20px -18px rgba(0, 0, 0, 0.9); } #green-box h5 { font: 600 14px "FranklinGothic", sans-serif; display: block; margin-bottom: 5px; text-transform: uppercase; } #green-box h2 { font: 400 60px "veneer", Helvetica, sans-serif; display: block; margin-bottom: 30px; text-transform: uppercase; } #green-box a { color: #fff; } #green-box a:hover { color: #edd9b9; } #green-box ul { font-size: 0; text-align: justify; } #green-box ul:after { content: ''; display: inline-block; width: 100%; } #green-box ul li { width: 32%; display: inline-block; overflow: hidden; margin-bottom: 20px; text-align: center; vertical-align: top; } #green-box ul li span { font: 400 15px "FranklinGothic", sans-serif; text-align: center; position: relative; display: table; white-space: nowrap; } #green-box ul li span:before, #green-box ul li span:after { border-top: 1px solid rgba(255, 255, 255, 0.3); content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%; } #green-box ul li span:before { right: 1.5%; } #green-box ul li span:after { left: 1.5%; } #green-box ul li h3 { font: 500 23px "FranklinGothicCondensed", Helvetica, sans-serif; display: block; margin: 10px 0; text-transform: uppercase; } #green-box ul li h5 { color: #edd9b9; font: 600 13px "FranklinGothic", sans-serif; text-transform: uppercase; } #green-box a.more { background: rgba(1, 29, 18, 0.7); font-size: 14px; color: #edd9b9; } #green-box a.more:hover { color: #000000; background: #edd9b9; } #green-box p { max-width: 580px; margin: 0 auto 30px; color: #fff; } #footer { padding: 25px 0 0; color: #fff; box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); } #footer p { color: #fff; } #footer a { color: #fff; } #footer a:hover { color: #edd9b9; } #footer .box-one { width: 30%; text-align: right; } #footer .box-one h3 { font: 400 23px "veneer", Helvetica, sans-serif; margin-bottom: 14px; } #footer .box-one a { display: inline-block; } #footer .box-one a.google-play { margin-left: 8px; } #footer .box-two { width: 70%; } #footer .row-two { /*margin-bottom: 6px;*/ } #footer .row-two p { font: 400 14px/12px "FranklinGothic", sans-serif; margin-bottom: 0; } #footer .row-two p sup { font-size: 8px; } #footer .copy-right { margin-bottom: 6px; } #footer .copy-right p { display: inline-block; font: 400 10px/10px "FranklinGothic", sans-serif; margin-bottom: 0; } #footer .copy-right ul { display: inline-block; } #footer .copy-right ul li { display: inline-block; } #footer .copy-right ul li a { font: 400 10px "FranklinGothic", sans-serif; padding: 0 4px; } #footer .copy-right ul li:first-child a { border-right: 1px solid #fff; } #footer .dev { font: 400 10px "FranklinGothic", sans-serif; margin-top: 25px; } #footer .dev a { font: 400 10px "FranklinGothic", sans-serif; } #footer-nav { margin-bottom: 15px; } #footer-nav ul { width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #footer-nav ul li { display: inline-block; margin-left: 16px; } #footer-nav ul li:first-child { margin-left: 0; } #footer-nav ul li a { text-transform: uppercase; display: block; padding: 10px 0; font: 400 15px "FranklinGothicCondensed", Helvetica, sans-serif; text-transform: uppercase; } /*--------------------- INTERIORS ---------------*/ .module { padding: 50px 0; } p { color: #535353; } .top-shadow { box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 20px 20px -20px rgba(0, 0, 0, 0.75); } .top-shadow-light { box-shadow: inset 0 12px 13px -20px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 12px 13px -20px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 12px 13px -20px rgba(0, 0, 0, 0.75); } .white-bg { background: #fff; } #left-box { width: 60%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #left-box .left-content{width: 45.454545454545%; margin: 0 3% 0 0; display: block; float: left;} #left-box .left-content img{width: 100%; max-height: 100%; max-width: 100%; height: auto;} #left-box .right-content{width: 51.545454545455%; display: block; float: right;} .flexy-rows{/*margin-bottom: 20px; padding-bottom: 16px;*/} #right-box { width: 30.90909090909091%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .flexy-rows .left-content img {width:auto !important;height:auto !important} .flexy-rows .right-content h3 {margin-top:0px} #left-box-new { width: 40%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top:20px;} .ciderstock_img {width:100%;} #right-box-new { width: 55%; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .content h2 { font: 500 34px/34px "FranklinGothicCondensed", Helvetica, sans-serif; margin:20px 0 15px; color: #000000; text-transform: uppercase; } .content h3 { font: 500 30px/34px "FranklinGothicCondensed", Helvetica, sans-serif; margin:20px 0 15px; color: #000000; text-transform: uppercase; } .content h4 { font: 500 20px/24px "FranklinGothicCondensed", Helvetica, sans-serif; margin:10px 0 18px; color: #000000; text-transform: uppercase; } .content h5 { font: 500 16px "FranklinGothicCondensed", sans-serif; color: #bc8550; display: block; text-transform: uppercase; } .content h6 { color: #bc8550; font: 400 14px "FranklinGothic", sans-serif; margin-bottom: 20px; text-transform: uppercase; } .content p { font: 400 16px/27px "FranklinGothic", Arial, Helvetica; padding-bottom: 16px; color: #535353; } .content ul {list-style:disc;margin:10px 0 15px 25px} .content ul li {padding:0 0 11px;list-style:disc;line-height:22px} .content ol {list-style:decimal;margin:10px 0 15px 25px} .content ol li {padding:0 0 11px;list-style:decimal;line-height:22px} .content.stitle h3 {padding:40px 0 0px;margin:0;color:#012818} .post-box { border-bottom: 1px solid #cccccc; display: inline-block; margin-bottom: 35px; } .post-box h3 { max-width: 505px; } .post-box p { font-size: 17px; } .post-box p sup { font-size: 12px; } #pg-banner { display: block; margin: 0 auto 42px; max-width: 1466px; height: 295px; position: relative; box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.4); position: relative; z-index: 2; background-position: 50% 50%; } #pg-banner .container { width: 100%; height: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #pg-banner .main-title { position: absolute; width: 100%; bottom: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } #pg-banner h2 { font: 400 79px/69px "veneer_two", Helvetica, sans-serif; text-transform: uppercase; display: inline-block; color: #fff; width: 100%; } #pg-banner h2 img { max-width: 100%; height: auto; } #pg-banner h2 .title-bg { background: rgba(208,28,53,.9); display: inline-block; padding: 30px 20px; } #single { background: #fff; } #box-item li { padding-top: 30px; display: block; } #box-item li:first-child { padding-top: 0; } #box-item .img-box { width: 35%; text-align: left; } #box-item .img-box img { display: inline-block; max-width: 100%; width: auto; height: auto; } #box-item .desc { width: 65%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 35px; margin-top: 25px; } #box-item .desc p { font: 400 14px/20px "FranklinGothic", Arial, Helvetica; margin-bottom: 0; } #aside-slider {margin:0} #green-box-right { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*background-image: url(../images/green-texture.jpg); background-repeat: repeat; background-position: center 0;*/ background-color: #d01c35;padding: 20px 25px; position: relative;margin-bottom:30px } #green-box-right.gray-bg {background-image: url(../images/white-texture.jpg);background-color:#F6F6F6} #green-box-right h3 { padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: #fff; } #green-box-right.gray-bg h3 { border-bottom: 1px solid rgba(0, 0, 0, 0.3); color: #000000; } #green-box-right h3 a { color: #fff; } #green-box-right h3 a:hover { color: #edd9b9; } #green-box-right img { width: 100%; height: auto; display: block; } .facts-mod img {margin-bottom:10px} #green-box-right p { font: 400 17px/20px "FranklinGothic", Arial, Helvetica; margin-bottom: 0; color: #fff; } #green-box-right.gray-bg p {color:#535353} #green-box-right .pager { position: absolute; display: inline-block; bottom: 20px; left: 25px; text-align: center; } #green-box-right .pager-daily { position: absolute; display: inline-block; bottom: 20px; left: 25px; text-align: center; } #green-box-right .pager span { display: inline-block; margin-right: 8px; width: 12px; height: 12px; border: 1px solid #fff; overflow: hidden; text-indent: -999px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; background: transparent; } #green-box-right .pager span:hover, #green-box-right .pager span.cycle-pager-active { background: #fff; cursor: pointer; } #green-box-right.single-right p { margin-bottom: 5px; } #green-box-right.single-right .box-two { margin-top: 45px; } #green-box-right.single-right h3 { font-size: 33px;padding-bottom:4px } #green-box-right.single-right .form-wrap ul { overflow: hidden; } #green-box-right.single-right .form-wrap ul li { float: left; vertical-align: middle; line-height: 28px; } #green-box-right.single-right .form-wrap ul li input { width: 135px; margin-right: 8px; font: 400 14px "FranklinGothic", Arial, Helvetica; border-color: #b8182e; } .img-link { width: 100%; display: block; position: relative; margin-bottom: 20px; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; } .img-link img { width: 100%; height: auto; display: block; } .img-link:after { position: absolute; content: ''; width: 100%; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 0.3); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; top: 0; left: 0; } .img-link:hover:after { opacity: 1; } #aside-slider li { display: block; text-align: center; padding-bottom: 35px; width: 100%; } #aside-slider h4 { color: #fff; font-size: 23px; } #aside-slider h6 { font: 400 12px "FranklinGothic", sans-serif; color: #edd9b9; margin-bottom: 12px; display: table; white-space: nowrap; } #aside-slider h6:before, #aside-slider h6:after { border-top: 1px solid rgba(227, 207, 176, 0.3); content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%; } #aside-slider h6:before { right: 1.5%; } #aside-slider h6:after { left: 1.5%; } #box-two { width: 100%; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #box-two ul { overflow: hidden; } #box-two ul li { float: left; width: 46%; vertical-align: top; text-align: center; } #box-two ul li:nth-child(2n) { float: right; } #box-two ul li h4 { display: table; white-space: nowrap; font: 400 28px/27px "veneer", Helvetica, sans-serif; margin-bottom: 18px; } #box-two ul li h4:before, #box-two ul li h4:after { border-top: 1px solid #000000; content: ''; display: table-cell; position: relative; top: 0.5em; width: 45%; } #box-two ul li h4:before { right: 1.5%; } #box-two ul li h4:after { left: 1.5%; } #box-two p { font: 400 15px/22px "FranklinGothic", Arial, Helvetica; padding: 0 50px; } #box-two.white-bg h4 a { color: #000000; } #box-two.white-bg h4 a:hover { color: #bc8550; } #box-two.white-bg p { color: #535353; } #box-two.green-bg h4 a { color: #fff; } #box-two.green-bg h4 a:hover { color: #edd9b9; } #box-two.green-bg h4:before, #box-two.green-bg h4:after { border-top: 1px solid rgba(227, 207, 176, 0.3); } #box-two.green-bg p { color: #fff; } #col-three-content { font-size: 0; text-align: justify;margin:0 } #col-three-content:after { content: ''; display: inline-block; width: 100%; } #col-three-content li { width: 31%; display: inline-block; text-align: left; vertical-align: top; } #col-three-content p { font: 400 14px/20px "FranklinGothic", Arial, Helvetica; margin-bottom: 14px;padding:0 } #col-three-content p a { color: #000000; } #col-three-content p a:hover { color: #bc8550; } #our-ciders { background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } #our-ciders h2 { color: #fff; } #our-ciders h6 { color: #edd9b9; font: 400 14px/12px "FranklinGothic", sans-serif; margin-bottom: 4px; } #ciders {margin:0} #ciders > li { padding: 18px 0 14px; border-top: 1px solid rgba(255, 255, 255, 0.2); display: block; width: 100%; } #ciders > li:first-child { border-top: none; } #ciders > li > ul { font-size: 0;margin:0 } #ciders > li > ul > li { width: 25%; display: inline-block;font: 600 36px/36px "amatic", "FranklinGothic", sans-serif; color: #fff; } #ciders > li a, #ciders > li span { font: 600 36px/36px "amatic", "FranklinGothic", sans-serif !important; color: #fff; } #ciders > li a i { font-weight: 400; color: #edd9b9; font-size: 24px; margin-left: 8px; } #ciders > li a:hover { color: #edd9b9; } #line { font-size: 0; text-align: center; } #line li { width: 20%; display: inline-block; position: relative; font: 400 30px "veneer", Helvetica, sans-serif; color: #477255; text-transform: uppercase; } .share-widget { display: block; } .share-widget .share-items { display: inline-block; vertical-align: middle; } .share-widget .share-items a { color: #aeaeae; font-size: 28px; display: inline-block; } .share-widget .share-items a:hover { color: #000; } .share-widget .share-items a i { margin-right: 3px; vertical-align: middle; } .share-widget .share-items a i.icon-email { font-size: 25px; margin-right: 5px; } .share-widget .share-items a i.social-twitter, .share-widget .share-items a i.social-facebook { margin-right: 0; } .share-widget .btn { position: relative; top: -3px; } .two-column-slider ul.slider-img { width: 100%; height: 100%; overflow: hidden; } .two-column-slider ul.slider-img li { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .two-column-slider .inner-wrap { position: relative; /*overflow: hidden;*/ } .two-column-slider .inner-wrap .cycle-arrow { position: absolute; right: 60px; top: 54px; z-index: 9999; } .two-column-slider h3 { font: 4000 36px/34px "veneer", Helvetica, sans-serif; margin: 0; padding-right: 90px; min-height: 65px; } .two-column-slider .box { margin-bottom: 20px; opacity: 0; } .two-column-slider .box2 { opacity: 0; } .two-column-slider .cycle-slide-active .box { opacity: 1; -webkit-animation: fadein 1s ease-out; -moz-animation: fadein 1s ease-out; animation: fadein 1s ease-out; } .two-column-slider .cycle-slide-active .box2 { opacity: 1; -webkit-animation: fadein 1.8s ease-out; -moz-animation: fadein 1.8s ease-out; animation: fadein 1.8s ease-out; } #video .video-desc { width: 69%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 70px; padding-top: 15px; } #video .video-desc p { font: 400 16px/27px "FranklinGothic", Arial, Helvetica; } .video-thumb { width: 31%; height: 200px; } .video-thumb a { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .video-thumb a .play-btn { width: 86px; height: 86px; border-bottom-left-radius: 86px; border-bottom-right-radius: 86px; border-top-left-radius: 86px; border-top-right-radius: 86px; background: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; display: block; top: 50%; left: 50%; margin-top: -43px; margin-left: -43px; position: absolute; } .video-thumb a .play-btn i { position: relative; font-size: 40px; color: #fff; top: 24px; left: 28px; } .video-thumb a:hover .play-btn { background: rgba(172, 101, 33, 0.7); } #video-player .video-thumb { width: 100%; height: 350px; } #video-player a { position: relative; overflow: hidden; } #video-player .bg-video { position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background-size: cover; z-index: 2; } .single-post { float: left; width: 60%; } .single-post h2 { font: 500 50px/50px "FranklinGothicCondensed", Helvetica, sans-serif; margin-bottom: 10px; } .single-post h6 { color: #bc8550; font: 400 14px "FranklinGothic", sans-serif; margin-bottom: 20px; text-transform: uppercase; } .single-post p { font: 400 16px/27px "FranklinGothic", Arial, Helvetica; margin-bottom: 16px; } .single-post img { width: 100%; height: auto; margin-bottom: 20px; display: block; } .share-widget-media { padding-bottom: 30px; } #single-event { overflow: hidden; } #single-event .share-widget.desktop { overflow: hidden; width: 220px; position: absolute; margin-left: 57%; z-index: 99; } #event-filter { width: 100%; padding: 18px 0; text-align: center; /*background: url(../images/green-bg-1.jpg) center top repeat;*/ background-color: #d01c35; line-height: 36px; } #event-filter h3 { color: #fff; display: inline-block; font: 400 30px "veneer", Helvetica, sans-serif; position: relative; top: 4px; } #event-filter .filter { display: inline-block; vertical-align: middle; } #event-filter .filter .select-wrap { line-height: 30px; height: 32px; border: 1px solid #b8182e; } #event-filter .filter ul { overflow: hidden; } #event-filter .filter ul li { float: left; margin-left: 24px; vertical-align: middle; line-height: 30px; } #event-filter .filter ul li.type .select-wrap { width: 230px; } #event-filter .filter ul li.state .select-wrap { width: 95px; } #event-filter .filter ul li.state select { width: 130%; } #event-filter .filter ul li label { display: inline-block; margin-right: 15px; } #event-filter .filter input[type=text], #event-filter .filter input[type=password], #event-filter .filter input[type=url], #event-filter .filter input[type=email] { border-color: #b8182e; } .single-pg-top-box { padding-top: 40px; } #all-posts .item-wrap { display: block; padding: 35px 0; border-top: 1px solid #cccccc; font-size: 0; } #all-posts .item-wrap:after { content: ''; display: inline-block; width: 100%; } #all-posts .item-wrap:first-child { border-top: none; } #all-posts .item { display: inline-block; width: 46%; text-align: left; vertical-align: top;margin-left:8% } #all-posts .item-wrap .item:first-child {margin-left:0} #all-posts h2 { margin-bottom: 8px; } #all-posts h2 a { color: #000000; } #all-posts h2 a:hover { color: #d01c35; } #all-posts h6 { color: #bc8550; font: 500 14px "FranklinGothicCondensed", sans-serif; margin-bottom: 12px; text-transform: uppercase; letter-spacing: .05em; } #all-posts p { font: 400 16px/27px "FranklinGothic", Arial, Helvetica; } #all-posts.all-news .item { overflow: hidden; } #all-posts.all-news .img-link { width: 48%; float: left; } #all-posts.all-news .text-box { float: right; width: 48%; } #product-content .alignright { margin-left: 100px; margin-bottom: 0; height: auto; } .all-product-wra { width: 100%; height: 100%; } #all-product > li { position: relative; width: 100%; display: block; overflow: hidden;height:527px } #all-product > li:nth-child(2n) .desc-box { float: left; text-align: right; } #all-product > li:nth-child(2n) .img-box { left: auto; right: 0; } #all-product .desc-box { padding: 38px 0; position: relative; text-align: left; float: right; width: 50%; border-top: 1px solid #dfdfdf; } #all-product .inner-wrap { box-sizing: border-box; display: inline-block; max-width: 570px; padding-left: 38px; padding-right: 60px; text-align: left; width: 100%; } #all-product .img-box { height: 100%; position: absolute; left: 0; top: 0; width: 50%; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; } #all-product h2 { font: 400 64px/50px "veneer", Helvetica, sans-serif; color: #000000; margin-bottom: 25px; padding-bottom: 14px; text-transform: uppercase; border-bottom: 1px solid #e7e7e7; } #all-product h2 a { color: #000000; } #all-product h2 a:hover { color: #bc8550; } #all-product h5 { font: 400 20px/22px "FranklinGothic", sans-serif; color: #bc8550; margin-bottom: 25px; } #all-product p { font: 400 16px/26px "FranklinGothic", Arial, Helvetica; margin-bottom: 40px; } #all-product ul { overflow: hidden; } #all-product ul li { float: left; margin-right: 25px; margin-bottom: 14px; } #all-product ul li a, #all-product ul li span { display: block; width: 222px; } #all-product ul li:nth-child(2n) { margin-right: 0; } #location-filter { padding: 18px 0; /*background: url(../images/green-bg-1.jpg) center top repeat;*/ background-color: #d01c35; vertical-align: middle; } #location-filter h2 { font: 400 60px/50px "veneer", Helvetica, sans-serif; color: #fff; margin-bottom: 25px; text-align: center; display: block; } #location-filter h2 a { color: #fff; } #location-filter h2 a:hover { color: #edd9b9; } #location-filter .filter { text-align: center; vertical-align: middle;line-height:0 } #location-filter ul { overflow: hidden; display: inline-block; } #location-filter ul li { display: inline-block; vertical-align: middle; margin-left: 17px; line-height: 30px; } #location-filter ul li:first-child { margin-left: 0; } #location-filter label { display: inline-block; margin-right: 17px; } #location-filter .large-box { width: 230px; } #location-filter .small-box { width: 70px; } #location-filter .small-box select { width: 150%; } #location-filter .select-wrap { height: 32px; border-color: #b8182e; } #location-filter input[type=text], #location-filter input[type=password], #location-filter input[type=url], #location-filter input[type=email] { border-color: #b8182e; } #media-filter { /*background: url(../images/green-bg-1.jpg) center top repeat;*/ background-color: #d01c35; vertical-align: middle; padding: 20px 0 } #media-filter h3 { font: 500 24px "FranklinGothicCondensed", Helvetica, sans-serif; color: #fff; display: inline-block; margin-right: 10px; position: relative; top: 2px; text-transform: uppercase; } #media-filter .box { display: inline-block; height: 30px; line-height: 30px; } #media-filter .newsletter { margin-right: 100px; } #media-filter .newsletter h3 { top: -8px; } #media-filter .form-wrap { display: inline-block; } #media-filter .form-wrap ul { overflow: hidden; display: inline-block; } #media-filter .form-wrap ul li { display: inline-block; vertical-align: middle; } #media-filter .form-wrap ul li input { width: 185px; margin-right: 10px; } #media-filter .form-wrap input[type=text], #media-filter .form-wrap input[type=password], #media-filter .form-wrap input[type=url], #media-filter .form-wrap input[type=email] { border-color: #b8182e; } #map { width: 100%; height: 450px; background-color: #fff; } #packages { padding: 12px 0 0; text-align: center;/*background:url(../images/pk-bg.jpg) left top repeat*/ background-color: #eee; } #packages ul li { vertical-align: middle; display: inline-block; padding: 0 40px; height: 32px; line-height: 32px; margin-bottom: 12px; } #packages ul li a, #packages ul li span { font: 700 12px "FranklinGothic", sans-serif; color: #bc8550; } #packages ul li a img, #packages ul li span img { display: inline-block; width: auto; height: auto; vertical-align: middle; margin-right: 6px; } #packages ul li a:hover { color: #000000; } .simplePagerNav {text-align:right;padding:15px 0} .simplePagerNav li {display:inline-block;margin:0 2px} .simplePagerNav li a {display:inline-block;padding:6px 10px;text-align:center;font-size:14px;color:#015C3B;border:1px solid #E4E4E4} .simplePagerNav li a:hover {background:#015C3B;color:#fff } .simplePagerNav li.currentPage a {border:none;} .simplePagerNav li.currentPage a:hover {background:#fff;color:#015C3B} #properties { /*background: url(../images/green-bg-1.jpg) left top repeat;*/ background-color: #d01c35; } #properties .links { display: block; padding: 24px 0 8px; background: rgba(0, 0, 0, 0.3); box-shadow: inset 0 20px 20px -20px #000000; -webkit-box-shadow: inset 0 20px 20px -20px #000000; -moz-box-shadow: inset 0 20px 20px -20px #000000; } #properties .links ul { font-size: 0; display: block; text-align: center; max-width: 1140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 0 auto; } #properties .links ul li { display: inline-block; } #properties .links ul li a, #properties .links ul li span { font: 500 13px "FranklinGothic", sans-serif; color: #ff576e; padding: 0 70px 20px; text-transform: uppercase; position: relative; display: block; /*cursor: pointer; &:hover{ color:#edd9b9; }*/ } #properties .links ul li.current a, #properties .links ul li.current span { color: #edd9b9; } #properties .links ul li.current a:after, #properties .links ul li.current span:after { position: absolute; content: 'a'; font-family: "woodchuck"; text-transform: none; width: 100%; height: 20px; line-height: 20px; text-align: center; left: 0; bottom: 0; font-size: 10px; } #properties .property-content { padding-bottom: 40px; } #properties .property-content h3 { display: block; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.3); color: #fff; text-align: center; text-transform: uppercase; font: 500 30px "FranklinGothicCondensed", Helvetica, sans-serif; padding-bottom: 20px; box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.2); } #properties .property-content ul.box-one { padding: 25px 20px; text-align: center; font-size: 0; display: table; max-width: 1140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } #properties .property-content ul.box-one li { display: table-cell; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; border-left: 1px solid rgba(255, 255, 255, 0.3); } #properties .property-content ul.box-one li:first-child { border-left: none; } #properties .property-content ul.box-one li span { font: 500 13px "FranklinGothic", sans-serif; color: #edd9b9; padding-bottom: 12px; display: block; text-transform: uppercase; } #properties .property-content ul.box-one li h4 { color: #fff; font: 500 20px/22px "FranklinGothicCondensed", Helvetica, sans-serif; text-transform: uppercase; } #properties .property-content ul.bottom-list { font-size: 0; /*text-align: justify;*/ display: block; max-width: 1140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; margin: 0 auto;position:relative;top:27px } #properties .property-content ul.bottom-list .bottle {position:absolute;top: 39px;z-index: 20;} #properties .property-content ul.bottom-list:after { content: ''; display: inline-block; width: 100%; } #properties .property-content ul.bottom-list li { padding-bottom: 48px; position: relative; display: inline-block; font: 500 24px "FranklinGothicCondensed", Helvetica, sans-serif; color: #ff576e; z-index: 5;text-align:center; text-transform: uppercase; } #properties .property-content ul.bottom-list li.list1 {width:10%} #properties .property-content ul.bottom-list li.list2 {width:30%;margin-left:10%} #properties .property-content ul.bottom-list li.list3 {width:30%;margin-right:10%} #properties .property-content ul.bottom-list li.list4 {width:10%} #properties .property-content ul.bottom-list li:after { position: absolute; content: ''; width: 1px; height: 25px; background: #ff576e; left: 50%; bottom: 14px; } #properties .property-content ul.bottom-list li:before { position: absolute; content: ''; width: 13px; height: 13px; border: 1px solid #ff576e; /*background: url(../images/green-bg-1.jpg);*/ background: #ff576e; border-top-left-radius: 13px; border-top-right-radius: 13px; border-bottom-left-radius: 13px; border-bottom-right-radius: 13px; left: 50%; margin-left: -7px; bottom: 0; } #properties .property-content ul.bottom-list li span { position: absolute; padding: 0 10px; background: url(../images/green-bg-1.jpg); left: -200%; margin-right: 10px; bottom: -20px; } #properties .property-content .bottom-line { position: relative; z-index: 3; width: 100%; height: 1px; padding-top: 1px; border-top: 1px solid #ff576e; border-bottom: 1px solid #ff576e; top: -9px; } .age-wrapper, .age-gate-wrapper {width: 100%; max-width: 687px; margin:230px auto 0; position: relative;} .age-wrapper #logo, .age-gate-wrapper #logo{left: 50%; top: -68px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); width: 135px;; } .age-wrapper p, .age-gate-wrapper p{color: #fff; /*font: 700 12.5px/18px "FranklinGothic", sans-serif;*/ font: 400 18px/18px "FranklinGothic", sans-serif; text-align: center; margin: 25px 0 0 0;} .age-wrapper p small, .age-gate-wrapper p small { font-size: 12px;} .age-wrapper button, .age-gate-wrapper input[type='submit']{background: #000000; color: #fff; vertical-align: top;} .age-gate{ /*background-image: url(../images/texture.jpg);*/ background: #EEEEEE; padding: 96px 60px 60px; text-align: center; box-sizing: border-box; } .age-gate form{display: block; margin: 25px 0;} .age-gate button{background: #D01C35; color: #fff; vertical-align: top;margin: 0 5px; font-size: 12px;} .age-gate button:hover{ background-color: #000;} .age-gate .select-wrap{border: none; width: auto; margin: 0 5px;} .age-gate select{appearance: none; -webkit-appearance: none; -moz-appearance: none;} .age-gate h2{font: 400 60px/60px "veneer", Helvetica, sans-serif; color: #000000;} .age-gate #day{width: 60px;} .age-gate #month{width: 120px;} .age-gate #year{width: 75px;} /*contact form */ .gform_validation_container{display: none !important;} .contact-page{} .contact-page ul li {display: inline-block; width: 48%; margin: 0 2% 0 0;} .contact-page ul li label{display: block; color: #000000; margin-bottom: 10px;} .contact-page ul li#field_2_13{display: block; width: 100%; } .contact-page ul li .ginput_container{width: 100%; display: block;} .contact-page ul li .ginput_complex.has_first_name.has_last_name{ width: 100%; } .contact-page ul li .ginput_complex.has_first_name.has_last_name span{width: 48%; display: inline-block;margin: 0 1% 0 0;} .contact-page ul li .ginput_complex.has_first_name.has_last_name label{margin: 10px 0 0 0;} .contact-page ul li#field_2_10{display: block; width: 100%; } .contact-page ul li textarea{ border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;width: 98%;/* box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);*/} .contact-page ul li#field_2_8 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contact-page ul li .ginput_container select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; } /* .contact-page ul li .ginput_complex.has_first_name.has_last_name input{width: 45%;} */ .contact-page ul li input[type=text], .contact-page ul li input[type=password], .contact-page ul li input[type=url], .contact-page ul li input[type=email]{border: 1px solid #c3c3c3;} .gform_footer button{ display: inline-block;background: #000000; font: 600 11px/10px "FranklinGothic", sans-serif; color: #fff; padding: 9px 16px; text-transform: uppercase; border-top-left-radius: 28px; border-top-right-radius: 28px; border-bottom-left-radius: 28px; border-bottom-right-radius: 28px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background 0.25s ease-in-out; -moz-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; } .gform_footer button:hover{ background: #bc8550} .newsletter-sign-up ul li {display: inline-block; width: 48%; margin: 0 2% 0 0;} .newsletter-sign-up ul li label{display: block; color: #000000; margin-bottom: 10px;} .newsletter-sign-up ul li .ginput_container{width: 100%; display: block;} .newsletter-sign-up ul li .ginput_container select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; } .newsletter-sign-up ul li#field_1_8 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newsletter-sign-up ul li#field_1_17 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newsletter-sign-up ul li#field_1_9{margin: 10px 0 0 0; display: block; width: 100%;} .newsletter-sign-up ul li#field_1_9 .clear-multi{display: block;} .newsletter-sign-up ul li#field_1_9 .clear-multi > div{ margin: -3px 0 0 0; width: 31.5%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1.5% 0 0;} .newsletter-sign-up ul li#field_1_9 .clear-multi > div:last-child{margin: 0;} .newsletter-sign-up ul li#field_1_11{display: block;} .newsletter-sign-up ul li#field_1_14{display: block; width: 100%;} .newsletter-sign-up ul li input[type=text], .newsletter-sign-up ul li input[type=password], .newsletter-sign-up ul li input[type=url], .newsletter-sign-up ul li input[type=email]{border: 1px solid #c3c3c3;} .newsletter-sign-up input {display:inline-block;} #label_7_8_0 {padding-left:10px; display:inline-block;} #label_7_8_1 {padding-left:10px; display:inline-block;} #label_7_9_0 {padding-left:10px; display:inline-block;} #label_7_9_1 {padding-left:10px; display:inline-block;} .poll-page{} .poll-page ul li {display: inline-block; width: 48%; margin: 0 2% 0 0;} .poll-page ul li label{display: block; color: #000000; margin-bottom: 10px;} .poll-page ul li#field_2_13{display: block; width: 100%; } .poll-page ul li .ginput_container{width: 100%; display: block;} .poll-page ul li .ginput_complex.has_first_name.has_last_name{ width: 100%; } .poll-page ul li .ginput_complex.has_first_name.has_last_name span{width: 48%; display: inline-block;margin: 0 1% 0 0;} .poll-page ul li .ginput_complex.has_first_name.has_last_name label{margin: 10px 0 0 0;} .poll-page ul li#field_2_10{display: block; width: 100%; } .poll-page ul li textarea{ border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;width: 98%; box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);} .poll-page ul li#field_5_4 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poll-page ul li#field_5_5 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poll-page ul li#field_5_6 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .poll-page ul li .ginput_container select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; } .poll-page ul li input[type=text], .poll-page ul li input[type=password], .poll-page ul li input[type=url], .poll-page ul li input[type=email]{border: 1px solid #c3c3c3;} .sweepstakes-page{} .sweepstakes-page ul li {display: inline-block; width: 48%; margin: 0 2% 0 0;} .sweepstakes-page ul li label{display: block; color: #000000; margin-bottom: 10px;} .sweepstakes-page ul li#field_2_13{display: block; width: 100%; } .sweepstakes-page ul li .ginput_container{width: 100%; display: block;} .sweepstakes-page ul li .ginput_complex.has_first_name.has_last_name{ width: 100%; } .sweepstakes-page ul li .ginput_complex.has_first_name.has_last_name span{width: 48%; display: inline-block;margin: 0 1% 0 0;} .sweepstakes-page ul li .ginput_complex.has_first_name.has_last_name label{margin: 10px 0 0 0;} .sweepstakes-page ul li#field_2_10{display: block; width: 100%; } .sweepstakes-page ul li textarea{ border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;width: 98%; box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2);} .sweepstakes-page ul li#field_4_9 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sweepstakes-page ul li#field_4_15 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sweepstakes-page ul li#field_4_10 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #field_4_10 > div.gfield_description{ margin-top:10px; } .sweepstakes-page ul li .ginput_container select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; } .sweepstakes-page ul li input[type=text], .sweepstakes-page ul li input[type=password], .sweepstakes-page ul li input[type=url], .sweepstakes-page ul li input[type=email]{border: 1px solid #c3c3c3;} div#input_4_11.ginput_container.ginput_container_captcha{transform:scale(0.82);-webkit-transform:scale(0.82);transform-origin:0 0;-webkit-transform-origin:0 0;} #recaptcha_privacy{display:none;} #recaptcha_reload_btn{display:none;} #recaptcha_switch_audio_btn{display:none;} #recaptcha_switch_img_btn{display:none;} #recaptcha_whatsthis_btn{display:none;} #recaptcha_logo{display:none;} /* SPONSORSHIPS CONTACT FORM */ .sponsorships-sign-up ul li {margin: 0 2% 0 0;} .sponsorships-sign-up ul li label{color: #000000; margin-bottom: 10px;} .sponsorships-sign-up ul li input[type=checkbox]{-webkit-appearance: checkbox;} .sponsorships-sign-up ul li .ginput_container{width: 100%; display: block;} .sponsorships-sign-up ul li .ginput_container select { background: transparent; width: 115%; padding: 5px; color: #535353; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; cursor: pointer; outline: none; font: 400 14px "FranklinGothic", Arial, Helvetica; } .sponsorships-sign-up ul li#field_1_8 .ginput_container{ margin: -3px 0 0 0; width: 100%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sponsorships-sign-up ul li#field_1_9{margin: 10px 0 0 0; display: block; width: 100%;} .sponsorships-sign-up ul li#field_1_9 .clear-multi{display: block;} .sponsorships-sign-up ul li#field_1_9 .clear-multi > div{ margin: -3px 0 0 0; width: 31.5%; height: 32px; overflow: hidden; background: url(../images/select-arrow.png) no-repeat right #fff; outline: none; border: 1px solid #c3c3c3; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.2); display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 1.5% 0 0;} .sponsorships-sign-up ul li#field_1_9 .clear-multi > div:last-child{margin: 0;} .sponsorships-sign-up ul li#field_1_11{display: block;} .sponsorships-sign-up ul li#field_1_14{display: block; width: 100%;} .sponsorships-sign-up ul li input[type=text], .sponsorships-sign-up ul li input[type=password], .sponsorships-sign-up ul li input[type=url], .sponsorships-sign-up ul li input[type=email], .sponsorships-sign-up ul li input[type=textarea] {border: 1px solid #c3c3c3;} /* .age-gate .select-wrap select {padding: 0 13px;} */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .whybox {width:98% !important;} /* --------------------------- Color box -----------*/ #colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxWrapper { max-width: none; } #cboxOverlay { position: fixed; width: 100%; height: 100%; } #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; padding: 0; margin: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay { background: url(../images/green-texture.jpg) left top repeat; opacity: 0.9; filter: alpha(opacity=90); } #colorbox { outline: 0; } #cboxContent { margin-top: 32px; margin-right: 0; overflow: visible; background: #000; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { background: #fff; padding: 25px; } #cboxLoadingGraphic { background: url(../images/loading.gif) no-repeat center center; } #cboxLoadingOverlay { background: #000; } #cboxTitle { position: absolute; top: -22px; left: 0; color: #000; } #cboxCurrent { position: absolute; top: -22px; right: 205px; text-indent: -9999px; } /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 20px; height: 20px; position: absolute; top: -20px; background: url(../images/controls.png) no-repeat 0 0; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxPrevious { background-position: 0px 0px; right: 44px; } #cboxPrevious:hover { background-position: 0px -25px; } #cboxNext { background-position: -25px 0px; right: 22px; } #cboxNext:hover { background-position: -25px -25px; } #cboxClose { top: -32px; right: 0; width: 32px; height: 32px; text-indent: -9999px; position: absolute; background: url("../images/btn-close.png") top center no-repeat; } #cboxClose:hover { background: url("../images/btn-close.png") bottom center no-repeat; } .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious { right: 66px; } .cboxSlideshow_on #cboxSlideshow { background-position: -75px -25px; right: 44px; } .cboxSlideshow_on #cboxSlideshow:hover { background-position: -100px -25px; } .cboxSlideshow_off #cboxSlideshow { background-position: -100px 0px; right: 44px; } .cboxSlideshow_off #cboxSlideshow:hover { background-position: -75px -25px; } /* ----------------- END color box ---------------*/ /* ----------------- CUSTOM CSS ---------------*/ #iframe-holder{ background-color:#FFF; width:100%; } #iframe-holder iframe{ margin:auto; display:block; padding:30px; width:810px; height:2375px; } #careers-holder{ } #compframe{ width: 100%; height: 700px; } #mixologist-all{ background-color:#FFF; width:100%; } #mixologist-button-container{ } #meet-the-mixologist-button{ display:block; cursor:pointer; padding-bottom:20px; padding-top:30px; max-width:100%; } #mixologist-collapseable{ display:none; } #mixology-bottom{ display:none; } #mixologist-container{ max-width: 1140px; margin: 0 auto; width: 100%; background-color:#FFF; } #mixologist-subcontainer{ padding:20px; } #mixologist-image{ float:left; display:block; width:46%; } #mixologist-info{ float:left; color: #535353; font: 400 16px/27px "FranklinGothic", Arial, Helvetica; padding-left:8%; width:46%; } #mixology-bottom{ height:50px; width:96.5%; margin:auto; border-bottom:1px solid #999; } /* ----------------- END CUSTOM CSS ---------------*/ #footer-logos { background: rgba(0,0,0,.5); padding: 20px 0; margin-top: 20px; } #footer-logos a.vcc-logo { display: inline-block; vertical-align: middle; width: 10%; } #footer-logos a.vcc-logo img { display: inline-block; vertical-align: middle; width: 100%; max-width: 109px; } #footer-logos h6 { font: 600 20px/1 'FranklinGothicCondensed'; color: #dfc9a5; text-transform: uppercase; display: inline-block; vertical-align: middle; } #footer-logos ul { width: 70%; font-size: 0; float: right; text-align: right; vertical-align: middle; } #footer-logos ul li { display: inline-block; vertical-align: middle; width: 14%; } #footer-logos ul li img {display: inline-block; vertical-align: middle; width: 100%; max-width: 109px; } /* ========================================================================= */ /* !MEDIA QUERIES */ /* ========================================================================= */ @media screen and (max-width: 1280px) { #media-filter .box { height: auto; } #media-filter .newsletter { margin-right: 2%; } #single-event .share-widget.desktop { margin-left: 75%; }} /*1280*/ @media screen and (max-width: 1140px) { #main-nav > ul > li > a { padding: 10px; /*font-size: 25px; */} .three-column-slide .slick-slide { margin: 0 10px; } .three-column-slide .slick-list { margin: 0 -10px; } #tabs .tabs-select ul li a { padding: 12px; font-size: 15px; } #all-product ul li { margin-right: 20px; } #location-filter .large-box { width: 180px; } #properties .links ul li a, #properties .links ul li span { padding: 0 30px 20px; } #green-box-right.single-right .form-wrap ul li input { width: 120px; } } /*1140*/ @media screen and (max-width: 1000px) { #footer-logos h6 { font-size: 16px; } } /* END 1000px */ @media screen and (max-width: 980px) { #tabs { padding: 20px 0 62px; } #tabs .tabs-select { position: relative; cursor: pointer; } #tabs .tabs-select .drop-wrap { display: block; height: 40px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px 0 16px; font: 400 17px/40px "FranklinGothic", sans-serif; color: #fff; background-image: url(../images/sub-nav-bg.jpg); position: relative; margin-bottom: 20px; } #tabs .tabs-select .drop-wrap .select-arrow { position: absolute; width: 40px; height: 40px; text-align: center; top: 0; right: 0; border-left: 1px solid rgba(255, 255, 255, 0.1); line-height: 46px; font-size: 16px; } #tabs .tabs-select .drop-wrap .select-arrow:after { position: absolute; content: ''; width: 1px; height: 100%; left: 0px; background: rgba(0, 0, 0, 0.1); } #tabs .tabs-select ul { display: none; border-bottom: none; margin-bottom: 0; position: absolute; top: 100%; background-image: url(../images/sub-nav-bg.jpg); z-index: 9; /*-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.8);*/ border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } #tabs .tabs-select ul li { display: block; } #tabs .tabs-select ul li a { text-transform:none;padding:12px 12px 12px 16px;border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: 1px solid #456e56; color: #fff; font: 400 17px "FranklinGothic", sans-serif; } #tabs .tabs-select ul li a.current { background: none; color: #bc8550; } #tabs .tabs-select ul li a.current:hover { color: #bc8550; } #tabs .tabs-select ul li:first-child a { border-top: none; } #tabs .tabs-select.open .drop-wrap { z-index: 2; position: relative; } #tabs .tabs-select.open .drop-wrap:before { position: absolute; content: ''; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; } #tabs .tabs-select.open ul { display: block; } #footer { padding: 30px 0 0 0; } #footer .box-one { width: 100%; text-align: left; } #footer .box-two { width: 100%; } #col-three-content li:first-child { padding-top: 0; } #ciders > li { padding: 12px 0; } #ciders > li a { font-size: 30px; } #ciders > li a i { font-size: 18px; } #location-filter ul li { margin-bottom: 14px; } #media-filter .newsletter { margin-top: 0; margin-right: 5%; } #media-filter .search-wrap { text-align: right; } #properties .property-content ul.bottom-list li span { left: -150%; } #media-filter { text-align: center; } #media-filter h3 { margin-bottom: 10px; } #media-filter .box { width: 100%; } #media-filter .form-wrap { width: 100%; text-align: center; } #media-filter .search-wrap { margin-top: 10px; padding: 18px 0 10px; border-top: 1px solid rgba(255, 255, 255, 0.3); } #media-filter .search-wrap ul { position: relative; left: -10px; } #single-event .share-widget.desktop { margin-left: 68%; } #green-box-right.single-right .form-wrap ul li { display: block; width: 100%; margin-bottom: 10px; } #green-box-right.single-right .form-wrap ul li input { width: 100%; } } /*980*/ @media screen and (max-width: 880px) { #main-nav > ul > li > a { font-size: 16px; } #main-nav > ul > li ul li a { padding: 10px 0 10px 24px; } #green-box { padding: 40px 0; } #green-box h5 { font-size: 16px; } #green-box h2 { font-size: 41px; } #green-box ul { display: block; width: 100%; } #green-box ul li { display: block; max-width: 320px; margin: 0 auto 30px; } #green-box ul li h3 { font: 400 30px/28px "veneer", Helvetica, sans-serif; } #event-filter h3 { display: block; width: 100%; text-align: center; margin-bottom: 15px; } #product-content .alignright { float: none; margin-left: 0; max-width: 100%; width: auto; margin:0 auto 25px;display:block } #packages ul li { border-left: none; } #all-product h2 { text-align: center; } #full-two-col .right-box img, .full-two-column .right-box img { min-height: 100%; } } /*880*/ @media screen and (max-width: 810px){ #iframe-holder iframe{ width:90%; padding:0px; margin:auto; } #mixologist-image{ width:100%; } #mixologist-info{ padding-left:0%; width:100%; padding-top:30px; } #footer-logos a.vcc-logo { width: auto; display: block; text-align: center; margin: 0 auto 5px auto;} #footer-logos h6 { display: block; text-align: center; } #footer-logos ul { width: 100%; float: none; display: block; text-align: center;} } /*810*/ @media screen and (max-width: 768px) { .hidden-s { display: none; } .visible-s { display: block !important; } #header .header-inner { height: 60px; } #logo { width: 80px; left: 20px; top: 20px; } .mobile-nav-wrap { height: auto; width: 100%; position: relative; } #nav-wrap { position: relative; width: 100%; z-index: 99999; right: 0; } #mobile-nav { padding:0 20px;display: none; /*background-image: url(../images/sub-nav-bg.jpg);*/ background-color: #D3BD96;-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.8); box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.8); } #mobile-nav > ul { padding-bottom: 14px; } #mobile-nav > ul > li { position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.2);} #mobile-nav > ul > li > a { font: 400 20px "FranklinGothicCondensed", Helvetica, sans-serif; padding: 10px 0; margin: 0; } #mobile-nav > ul > li:last-child > a { border-bottom: none; } #mobile-nav > ul > li ul { padding: 0 20px 5px 10px; /*box-shadow: inset 0 15px 20px -20px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 15px 20px -20px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0 15px 20px -20px rgba(0, 0, 0, 0.75); */display: none; /*background: rgba(0, 0, 0, 0.3);*/ position: relative; top: -2px; } /*#mobile-nav > ul > li ul:after { position: absolute; content: ''; width: 100%; height: 3px; top: -1px; left: 0; background-image: url(../images/sub-nav-bg.jpg); }*/ #mobile-nav > ul > li ul li { padding-left: 0; position: relative; } /*#mobile-nav > ul > li ul li:before { position: absolute; background: #bc8550; content: ''; width: 7px; height: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; top: 18px; left: 10px; }*/ #mobile-nav > ul > li ul li a { padding: 10px 0; font: 400 16px "FranklinGothicCondensed", Helvetica, sans-serif; text-transform: none; } #mobile-nav > ul a { color: #000; text-transform: uppercase; display: block; } #mobile-nav > ul a:hover { color: #fff; } .mobile-social-links {text-align:center;padding:12px 0 6px} .mobile-social-links a i {font-size:34px;padding:0 2%;color:#fff} .mobile-social-links a i:hover {color:#000} .mobile-search-wrap {position:relative} .mobile-search-wrap .serch-box {width:100%;padding-right:30px;box-sizing: padding-box;-moz-box-sizing:padding-box;-webkit-box-sizing:padding-box } .mobile-search-wrap .icon-search {color:#fff;position:absolute;top:0;right:0;width:20px;height:25px;padding:5px 0 0 10px} #toggle_menu_btn { cursor: pointer; display: inline-block; /*background: url(../images/sub-nav-bg.jpg);*/ background-color: #D3BD96; padding: 0 35px 0 12px; height: 42px; line-height: 42px; color: #000; position: absolute; right: 20px; top: 100%; -webkit-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.3); } #toggle_menu_btn span { font: 600 16px "FranklinGothicCondensed", Helvetica, sans-serif; text-transform: uppercase; } #toggle_menu_btn i { position: absolute; width: 40px; height: 40px; overflow: hidden; top: 1px; right: 0; text-align: center; font-size: 16px; } #toggle_menu_btn:hover { color: #fff; } .dropdwn-btn { display: block; color: #fff; font-size: 22px; height: 52px; line-height: 59px; position: absolute; right: 0; text-align: center; top: 0px; vertical-align: middle; width: 60px; cursor: pointer; opacity: 0.35; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .dropdwn-btn:hover, .dropdwn-btn.icon-circle-up { opacity: 1; } #hm-banner { margin-bottom: 0; } #hm-banner .banner-logo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; /*background-size: 60% auto; */ background-size: contain;} #full-two-col .right-box, .full-two-column .right-box { position: relative; top: auto; right: auto; width: 100%; height: 284px; } #full-two-col .left-box, .full-two-column .left-box { width: 100%; padding: 25px 0; } #full-two-col .left-box.img-box, .full-two-column .left-box.img-box {position: relative; top: auto; right: auto; width: 100%; height: 284px;} #full-two-col .right-box.text-box, .full-two-column .right-box.text-box {margin-left:0;width: 100%; padding: 25px 0;max-width:100%;-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: auto;} #full-two-col .left-box .inner-wrap, .full-two-column .left-box .inner-wrap, #full-two-col .right-box.text-box, .full-two-column .right-box.text-box .inner-wrap { padding: 0 20px; max-width: 100%; } #full-two-col h2, .full-two-column h2 { font-size: 48px; margin: 0; line-height: 44px; } #full-two-col h3, .full-two-column h3 { font-size: 30px; line-height: 30px; } .two-column-slider h3 { min-height: 0; } .two-column-slider .inner-wrap .cycle-arrow { top: 30px; right: 20px; } /*------------------------ INTERIORS ----------------------*/ #pg-banner { height: 255px; margin-bottom: 0; } #pg-banner .main-title { bottom: 20px; } #pg-banner h2 { font: 400 48px/48px "veneer_two", Helvetica, sans-serif; } #left-box div:not(.flexy-rows) .left-content{width: 100%; margin:0 0 20px; display: block; float: none;} #left-box div:not(.flexy-rows) .left-content {width: 100%; max-height: 100%; max-width: 100%; height: auto;} #left-box div:not(.flexy-rows) .right-content{width: 100%; display: block; float: none; margin:0 0 20px; } #left-box { width: 100%; padding: 0 20px; } #right-box { margin-top: 50px; width: 100%; } #right-box.single-right-main { margin-top: 0; } .module { padding: 25px 0; } .content h3 { font: 400 30px/30px "veneer", Helvetica, sans-serif; } .content p { font-size: 16px; } .two-column-article .container-inner { padding: 0; } #box-two p { padding: 0; } #ciders > li a { font-size: 24px; } #ciders > li a i { font-size: 14px; } .video-thumb { width: 40%; } #video .video-desc { width: 55%; padding-left: 0; } .single-post { width: 100%; margin-bottom: 50px; } .single-post h2 { font-size: 40px; line-height: 35px; } #all-posts .item-wrap { padding: 0; border-top: 0; } #all-posts .item-wrap:first-child .item:first-child { border-top: none; } #all-posts .item { width: 100%; padding: 25px 0; border-top: 1px solid #cccccc;margin:0 } #all-posts.all-news .img-link { width: 100%; } #all-posts.all-news .text-box { width: 100%; } #all-product .img-box { height: 284px; position: relative; right: auto; left: auto; top: auto; width: 100%; } #all-product .desc-box { width: 100%; text-align: left !important; float: left !important; } #all-product .inner-wrap { padding: 0 20px; max-width: 100%; } #all-product h2 { font-size: 40px; line-height: 35px; } #all-product ul li:nth-child(2n) { margin-right: 20px; } #location-filter.filter-toggle-box { padding: 0; } #location-filter .container { padding: 20px 0; /*background: rgba(0, 0, 0, 0.3); */} .filter-toggle { padding: 12px 20px; position: relative; cursor: pointer; /*background: url(../images/green-bg-1.jpg) center top repeat;*/ background-color: #d01c35; } .filter-toggle h3 { color: #fff; font: 400 24px "veneer", Helvetica, sans-serif; } .filter-toggle i { font-size: 15px; color: #fff; position: absolute; right: 20px; top: 50%; margin-top: -9px; } .filter-toggle i:hover, .filter-toggle i.active { color: #edd9b9; } #properties .links ul li { display: none; } #properties .links ul li.current { display: inline-block; } #properties .property-content h3 { padding-top: 20px; } #properties .property-content ul.box-one { display: block; max-width: 480px; padding: 20px 0; } #properties .property-content ul.box-one li { display: block; margin-bottom: 20px; border-left: none; width: 100%; } #properties .property-content ul.bottom-list {top:34px} #properties .property-content ul.bottom-list li { font-size: 20px; padding-bottom: 0; padding-top: 48px; } #properties .property-content ul.bottom-list li:after { bottom: auto; top: 14px; } #properties .property-content ul.bottom-list li:before { bottom: auto; top: 0; } #properties .property-content ul.bottom-list li span { top: -20px; bottom: auto; left: -230%; } #properties .property-content ul.bottom-list .bottle {top:-32px} #properties .property-content .bottom-line { top: -68px; } #green-box-right.single-right .form-wrap ul li { width: 48%; float: left; margin-right: 2%; } #full-two-col .right-box img, .full-two-column .right-box img { max-height: none; min-height: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform: translateY(-50%); } #map { height: 350px; } #slideshow .box { width: 100%;padding:0;float:none } #slideshow .img-box { margin-bottom: 30px; height: 320px; text-align: center; line-height: 320px; } #slideshow .img-box img { display: inline-block; max-width: 100%; max-height: 100%; width: auto; height: auto; vertical-align: middle; } #slideshow .desc { margin: 0; } #slideshow .cycle-arrow { top: 390px; } #slideshow h2 { font: 400 48px/48px "veneer", Helvetica, sans-serif; } #all-product > li {height:auto} #ciders > li a, #ciders > li span { font: 600 28px/28px "amatic", "FranklinGothic", sans-serif !important;} } /*768*/ @media screen and (max-width: 760px) { #media-filter h3 { display: inline-block; } #media-filter .box { width: 100%; margin-top: 14px; } #media-filter .newsletter { margin-top: 0; } #media-filter .search-wrap { text-align: left; } } /*760*/ @media screen and (max-width: 680px) { #fw-slider { padding: 35px 0; } #footer-nav ul { font-size: 0; padding: 20px 0 13px; } #footer-nav ul li { display:inline-block;margin-bottom: 7px; margin-left: 10px; } #footer-nav ul li:first-child{margin-left:0} #footer-nav ul li a { padding: 0; } #box-item .img-box { width: 100%; text-align: center; } #box-item .img-box img { max-width: 100%; width: 100%; height: auto; } #box-item .desc { width: 100%; padding-left: 0; } #box-two ul li { width: 100%; margin-top: 35px; } #box-two ul li:first-child { margin-top: 0; } #ciders > li { border: none; padding: 0; } #ciders > li > ul > li { padding: 8px 0; border-top: 1px solid rgba(255, 255, 255, 0.2); width: 50%; } #ciders > li:first-child > ul > li:first-child { border-top: none; } #ciders > li:first-child > ul > li:first-child + li { border-top: none; } #video .video-desc { width: 100%; padding-top: 30px; } #video .video-thumb { width: 100%; height: 250px; } #event-filter .filter { display: block; width: 100%; } #event-filter .filter ul { overflow: hidden; } #event-filter .filter ul li { width: 100%; display: block; margin-left: 0; float: right; } #event-filter .filter ul li:first-child { margin-top: 0; float: left; } #event-filter .filter ul li.type, #event-filter .filter ul li.state { width: 48%; margin-bottom: 14px; } #event-filter .filter ul li label { display: block; margin: 0 auto 12px; } #event-filter .filter ul li .select-wrap { width: 100% !important; } #location-filter ul { display: block; } #location-filter ul li { display: block; width: 100%; margin-left: 0; float: left; } #location-filter ul li.small-box-wrap { width: 46%; } #location-filter ul li.box2 { float: right; } #location-filter ul li label { display: block; text-align: center; margin-bottom: 10px; } #location-filter ul li .large-box { width: 100%; } #location-filter ul li .small-box { width: 100%; } #location-filter ul li .btn { margin-top: 10px; } #green-box ul li { width: auto; } #properties .property-content ul.bottom-list li span { left: -200%; } #map { height: 250px; } #tabs .tab-content .three-column-slide .slider-slide,#tabs .tab-content .three-column-slide .slider-slide:first-child{width: 80%; display: block; margin: 0 auto 20px; float: none;} #findings .alert {padding:15px 15px;} #findings .alert p {font:400 15px/22px "FranklinGothic",Arial,Helvetica;} #footer-logos ul li { width: 25%; } } /*680*/ @media screen and (max-width: 580px) { #properties .property-content ul.bottom-list li span { left: -150%; } #left-box .flexy-rows .left-content{width: 100%; margin:0 0 20px; display: block; float: none;} #left-box .flexy-rows .left-content {width: 100%; max-height: 100%; max-width: 100%; height: auto;} #left-box .flexy-rows .right-content{width: 100%; display: block; float: none; margin:0 0 20px; } #col-three-content li { width: 100%; } } @media screen and (max-width: 480px) { .responsive-btn { display: block; width: 100%; } #slideshow .img-box { height: 250px; line-height: 250px; } #slideshow .btn { margin-bottom: 8px; } #slideshow .cycle-arrow { top: 320px; } #box-item .img-box img { max-width: 100%; width: 100%; } #ciders > li a { font-size: 28px; } #ciders > li > ul > li { width: 100%; } #ciders > li:first-child > ul > li:first-child + li { border-top: 1px solid rgba(255, 255, 255, 0.2); } #video .video-thumb { height: 200px; } #all-product ul li { display: block; width: 100%; margin-right: 0 !important; } #all-product ul li a { width: 100%; } #media-filter h3 { display: block; text-align: center; } #media-filter .form-wrap { display: block; } #media-filter .form-wrap ul { display: block; width: 100%; } #media-filter .form-wrap ul li { display: inline-block; } #media-filter .form-wrap ul li input { width: 220px; margin-right: 0; margin-bottom: 8px; } #media-filter .form-wrap ul li .btn { background: transparent; font-size: 0; top: -7px; padding-left: 0; } #media-filter .form-wrap ul li .btn:hover { color: #bc8550; } #media-filter .search-wrap ul { left: 0px; } #packages ul li { padding: 0 15px; height: auto; line-height: normal; } #packages ul li a img { margin: 0 auto 10px; display: block; } #properties .property-content ul.bottom-list li span { left: -100%; } #green-box-right.single-right .form-wrap ul li { width: 100%; } #full-two-col .right-box img, .full-two-column .right-box img { top: auto; -webkit-transform: translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform: translateY(0); } .age-gate h2{font: 400 32px/32px "veneer", Helvetica, sans-serif; color: #000000;} .age-gate #day{width: 95%; text-align: center; } .age-gate .select-wrap{display: block; margin-bottom: 10px;} .age-gate #month{width: 95%;} .age-gate #year{width: 95%;} #footer-logos ul li { width: 50%; } } #left-box div:not(.flexy-rows) .left-content{width: 100%; margin:0 0 20px; display: block; float: none;} #left-box div:not(.flexy-rows) .left-content {width: 100%; max-height: 100%; max-width: 100%; height: auto;} #left-box div:not(.flexy-rows) .right-content{width: 100%; display: block; float: none; margin:0 0 20px; } /* Locator */ #mobile-cards{display: none;} #findings {background: #fff; box-shadow: 1px 1px 1px #000; padding: 40px 0 20px; border-top: 1px solid #ebebeb;} #findings ul.locator-header{background: #d01c35; display: table; width: 100%;} #findings ul.locator-header li{display: table-cell; font: 400 13px "FranklinGothic", sans-serif; color: #fff; padding: 10px } #findings ul.locator-header li:last-child{text-align: right;} #findings li{ font: 400 14px/19px "FranklinGothic",Arial,Helvetica;} #findings ul.row{display: table; width: 100%; border-bottom: 1px solid #d6d6d6;} #findings ul.row li{display: table-cell; vertical-align: top; padding: 10px; text-transform: none;} #findings ul.row li img{margin-left: 3%;} #swipe-mobile{display: none;} li.first{width: 15.789473684211%;} li.second{width: 16.917293233083%;} li.third{width: 10.808270676692%;} li.fourth{width: 11.936090225564%;} li.fifth{width: 10.432330827068%;} li.sixth{width: 14.84962406015%; } li.seventh{width: 12.781954887218%; } @media screen and (max-width: 580px) { .desktop-results{display: none;} #map{display: none;} #mobile-cards{display: block;} #findings{padding: 0;} #findings .container-inner{padding: 0;} #findings ul.locator-header{display: none; float: left; width: 35.5%; vertical-align: top; box-shadow: 2px 0px 4px rgba(0,0,0,.40); height: 374px;} #findings ul.locator-header li{display: block; width: auto !important; text-align: left !important; padding: 20px 20px !important; border-bottom: 1px solid #186948; } #findings ul.locator-header li span{vertical-align: middle !important;} /* #swipe-mobile{padding: 0 20px !important;} */ #findings .card{ display: block; padding: 30px 25px; width: auto;} #findings .card:nth-child(even){background: #f7f7f7; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} #findings .card h2{font-size: 20px; line-height: 24px; font-weight: 700; margin-bottom: 10px;} #findings .card h4{font: 700 12px "FranklinGothic", sans-serif; color: #bc8550; text-transform: uppercase; margin-bottom: 10px;} #findings .card img{display: inline-block; margin: 0 10px 0 0; vertical-align: middle; position: relative;} #findings .card img.can{top: 2px;} #findings .packages{margin-bottom: 15px;} }