@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i, 600'; /* light, regular, regular italic, bold, bold italic */
@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700';


// Variables
// --------------------------

$fa-font-path:        "" !default;
$fa-font-size-base:   14px !default;
$fa-line-height-base: 1 !default;

$fa-css-prefix:       fa !default;
$fa-version:          "4.6.3" !default;
$fa-border-color:     #eee !default;
$fa-inverse:          #fff !default;
$fa-li-width:         (30em / 14) !default;

$fa-var-500px: "\f26e";
$fa-var-adjust: "\f042";
$fa-var-adn: "\f170";
$fa-var-align-center: "\f037";
$fa-var-align-justify: "\f039";
$fa-var-align-left: "\f036";
$fa-var-align-right: "\f038";
$fa-var-amazon: "\f270";
$fa-var-ambulance: "\f0f9";
$fa-var-american-sign-language-interpreting: "\f2a3";
$fa-var-anchor: "\f13d";
$fa-var-android: "\f17b";
$fa-var-angellist: "\f209";
$fa-var-angle-double-down: "\f103";
$fa-var-angle-double-left: "\f100";
$fa-var-angle-double-right: "\f101";
$fa-var-angle-double-up: "\f102";
$fa-var-angle-down: "\f107";
$fa-var-angle-left: "\f104";
$fa-var-angle-right: "\f105";
$fa-var-angle-up: "\f106";
$fa-var-apple: "\f179";
$fa-var-archive: "\f187";
$fa-var-area-chart: "\f1fe";
$fa-var-arrow-circle-down: "\f0ab";
$fa-var-arrow-circle-left: "\f0a8";
$fa-var-arrow-circle-o-down: "\f01a";
$fa-var-arrow-circle-o-left: "\f190";
$fa-var-arrow-circle-o-right: "\f18e";
$fa-var-arrow-circle-o-up: "\f01b";
$fa-var-arrow-circle-right: "\f0a9";
$fa-var-arrow-circle-up: "\f0aa";
$fa-var-arrow-down: "\f063";
$fa-var-arrow-left: "\f060";
$fa-var-arrow-right: "\f061";
$fa-var-arrow-up: "\f062";
$fa-var-arrows: "\f047";
$fa-var-arrows-alt: "\f0b2";
$fa-var-arrows-h: "\f07e";
$fa-var-arrows-v: "\f07d";
$fa-var-asl-interpreting: "\f2a3";
$fa-var-assistive-listening-systems: "\f2a2";
$fa-var-asterisk: "\f069";
$fa-var-at: "\f1fa";
$fa-var-audio-description: "\f29e";
$fa-var-automobile: "\f1b9";
$fa-var-backward: "\f04a";
$fa-var-balance-scale: "\f24e";
$fa-var-ban: "\f05e";
$fa-var-bank: "\f19c";
$fa-var-bar-chart: "\f080";
$fa-var-bar-chart-o: "\f080";
$fa-var-barcode: "\f02a";
$fa-var-bars: "\f0c9";
$fa-var-battery-0: "\f244";
$fa-var-battery-1: "\f243";
$fa-var-battery-2: "\f242";
$fa-var-battery-3: "\f241";
$fa-var-battery-4: "\f240";
$fa-var-battery-empty: "\f244";
$fa-var-battery-full: "\f240";
$fa-var-battery-half: "\f242";
$fa-var-battery-quarter: "\f243";
$fa-var-battery-three-quarters: "\f241";
$fa-var-bed: "\f236";
$fa-var-beer: "\f0fc";
$fa-var-behance: "\f1b4";
$fa-var-behance-square: "\f1b5";
$fa-var-bell: "\f0f3";
$fa-var-bell-o: "\f0a2";
$fa-var-bell-slash: "\f1f6";
$fa-var-bell-slash-o: "\f1f7";
$fa-var-bicycle: "\f206";
$fa-var-binoculars: "\f1e5";
$fa-var-birthday-cake: "\f1fd";
$fa-var-bitbucket: "\f171";
$fa-var-bitbucket-square: "\f172";
$fa-var-bitcoin: "\f15a";
$fa-var-black-tie: "\f27e";
$fa-var-blind: "\f29d";
$fa-var-bluetooth: "\f293";
$fa-var-bluetooth-b: "\f294";
$fa-var-bold: "\f032";
$fa-var-bolt: "\f0e7";
$fa-var-bomb: "\f1e2";
$fa-var-book: "\f02d";
$fa-var-bookmark: "\f02e";
$fa-var-bookmark-o: "\f097";
$fa-var-braille: "\f2a1";
$fa-var-briefcase: "\f0b1";
$fa-var-btc: "\f15a";
$fa-var-bug: "\f188";
$fa-var-building: "\f1ad";
$fa-var-building-o: "\f0f7";
$fa-var-bullhorn: "\f0a1";
$fa-var-bullseye: "\f140";
$fa-var-bus: "\f207";
$fa-var-buysellads: "\f20d";
$fa-var-cab: "\f1ba";
$fa-var-calculator: "\f1ec";
$fa-var-calendar: "\f073";
$fa-var-calendar-check-o: "\f274";
$fa-var-calendar-minus-o: "\f272";
$fa-var-calendar-o: "\f133";
$fa-var-calendar-plus-o: "\f271";
$fa-var-calendar-times-o: "\f273";
$fa-var-camera: "\f030";
$fa-var-camera-retro: "\f083";
$fa-var-car: "\f1b9";
$fa-var-caret-down: "\f0d7";
$fa-var-caret-left: "\f0d9";
$fa-var-caret-right: "\f0da";
$fa-var-caret-square-o-down: "\f150";
$fa-var-caret-square-o-left: "\f191";
$fa-var-caret-square-o-right: "\f152";
$fa-var-caret-square-o-up: "\f151";
$fa-var-caret-up: "\f0d8";
$fa-var-cart-arrow-down: "\f218";
$fa-var-cart-plus: "\f217";
$fa-var-cc: "\f20a";
$fa-var-cc-amex: "\f1f3";
$fa-var-cc-diners-club: "\f24c";
$fa-var-cc-discover: "\f1f2";
$fa-var-cc-jcb: "\f24b";
$fa-var-cc-mastercard: "\f1f1";
$fa-var-cc-paypal: "\f1f4";
$fa-var-cc-stripe: "\f1f5";
$fa-var-cc-visa: "\f1f0";
$fa-var-certificate: "\f0a3";
$fa-var-chain: "\f0c1";
$fa-var-chain-broken: "\f127";
$fa-var-check: "\f00c";
$fa-var-check-circle: "\f058";
$fa-var-check-circle-o: "\f05d";
$fa-var-check-square: "\f14a";
$fa-var-check-square-o: "\f046";
$fa-var-chevron-circle-down: "\f13a";
$fa-var-chevron-circle-left: "\f137";
$fa-var-chevron-circle-right: "\f138";
$fa-var-chevron-circle-up: "\f139";
$fa-var-chevron-down: "\f078";
$fa-var-chevron-left: "\f053";
$fa-var-chevron-right: "\f054";
$fa-var-chevron-up: "\f077";
$fa-var-child: "\f1ae";
$fa-var-chrome: "\f268";
$fa-var-circle: "\f111";
$fa-var-circle-o: "\f10c";
$fa-var-circle-o-notch: "\f1ce";
$fa-var-circle-thin: "\f1db";
$fa-var-clipboard: "\f0ea";
$fa-var-clock-o: "\f017";
$fa-var-clone: "\f24d";
$fa-var-close: "\f00d";
$fa-var-cloud: "\f0c2";
$fa-var-cloud-download: "\f0ed";
$fa-var-cloud-upload: "\f0ee";
$fa-var-cny: "\f157";
$fa-var-code: "\f121";
$fa-var-code-fork: "\f126";
$fa-var-codepen: "\f1cb";
$fa-var-codiepie: "\f284";
$fa-var-coffee: "\f0f4";
$fa-var-cog: "\f013";
$fa-var-cogs: "\f085";
$fa-var-columns: "\f0db";
$fa-var-comment: "\f075";
$fa-var-comment-o: "\f0e5";
$fa-var-commenting: "\f27a";
$fa-var-commenting-o: "\f27b";
$fa-var-comments: "\f086";
$fa-var-comments-o: "\f0e6";
$fa-var-compass: "\f14e";
$fa-var-compress: "\f066";
$fa-var-connectdevelop: "\f20e";
$fa-var-contao: "\f26d";
$fa-var-copy: "\f0c5";
$fa-var-copyright: "\f1f9";
$fa-var-creative-commons: "\f25e";
$fa-var-credit-card: "\f09d";
$fa-var-credit-card-alt: "\f283";
$fa-var-crop: "\f125";
$fa-var-crosshairs: "\f05b";
$fa-var-css3: "\f13c";
$fa-var-cube: "\f1b2";
$fa-var-cubes: "\f1b3";
$fa-var-cut: "\f0c4";
$fa-var-cutlery: "\f0f5";
$fa-var-dashboard: "\f0e4";
$fa-var-dashcube: "\f210";
$fa-var-database: "\f1c0";
$fa-var-deaf: "\f2a4";
$fa-var-deafness: "\f2a4";
$fa-var-dedent: "\f03b";
$fa-var-delicious: "\f1a5";
$fa-var-desktop: "\f108";
$fa-var-deviantart: "\f1bd";
$fa-var-diamond: "\f219";
$fa-var-digg: "\f1a6";
$fa-var-dollar: "\f155";
$fa-var-dot-circle-o: "\f192";
$fa-var-download: "\f019";
$fa-var-dribbble: "\f17d";
$fa-var-dropbox: "\f16b";
$fa-var-drupal: "\f1a9";
$fa-var-edge: "\f282";
$fa-var-edit: "\f044";
$fa-var-eject: "\f052";
$fa-var-ellipsis-h: "\f141";
$fa-var-ellipsis-v: "\f142";
$fa-var-empire: "\f1d1";
$fa-var-envelope: "\f0e0";
$fa-var-envelope-o: "\f003";
$fa-var-envelope-square: "\f199";
$fa-var-envira: "\f299";
$fa-var-eraser: "\f12d";
$fa-var-eur: "\f153";
$fa-var-euro: "\f153";
$fa-var-exchange: "\f0ec";
$fa-var-exclamation: "\f12a";
$fa-var-exclamation-circle: "\f06a";
$fa-var-exclamation-triangle: "\f071";
$fa-var-expand: "\f065";
$fa-var-expeditedssl: "\f23e";
$fa-var-external-link: "\f08e";
$fa-var-external-link-square: "\f14c";
$fa-var-eye: "\f06e";
$fa-var-eye-slash: "\f070";
$fa-var-eyedropper: "\f1fb";
$fa-var-fa: "\f2b4";
$fa-var-facebook: "\f09a";
$fa-var-facebook-f: "\f09a";
$fa-var-facebook-official: "\f230";
$fa-var-facebook-square: "\f082";
$fa-var-fast-backward: "\f049";
$fa-var-fast-forward: "\f050";
$fa-var-fax: "\f1ac";
$fa-var-feed: "\f09e";
$fa-var-female: "\f182";
$fa-var-fighter-jet: "\f0fb";
$fa-var-file: "\f15b";
$fa-var-file-archive-o: "\f1c6";
$fa-var-file-audio-o: "\f1c7";
$fa-var-file-code-o: "\f1c9";
$fa-var-file-excel-o: "\f1c3";
$fa-var-file-image-o: "\f1c5";
$fa-var-file-movie-o: "\f1c8";
$fa-var-file-o: "\f016";
$fa-var-file-pdf-o: "\f1c1";
$fa-var-file-photo-o: "\f1c5";
$fa-var-file-picture-o: "\f1c5";
$fa-var-file-powerpoint-o: "\f1c4";
$fa-var-file-sound-o: "\f1c7";
$fa-var-file-text: "\f15c";
$fa-var-file-text-o: "\f0f6";
$fa-var-file-video-o: "\f1c8";
$fa-var-file-word-o: "\f1c2";
$fa-var-file-zip-o: "\f1c6";
$fa-var-files-o: "\f0c5";
$fa-var-film: "\f008";
$fa-var-filter: "\f0b0";
$fa-var-fire: "\f06d";
$fa-var-fire-extinguisher: "\f134";
$fa-var-firefox: "\f269";
$fa-var-first-order: "\f2b0";
$fa-var-flag: "\f024";
$fa-var-flag-checkered: "\f11e";
$fa-var-flag-o: "\f11d";
$fa-var-flash: "\f0e7";
$fa-var-flask: "\f0c3";
$fa-var-flickr: "\f16e";
$fa-var-floppy-o: "\f0c7";
$fa-var-folder: "\f07b";
$fa-var-folder-o: "\f114";
$fa-var-folder-open: "\f07c";
$fa-var-folder-open-o: "\f115";
$fa-var-font: "\f031";
$fa-var-font-awesome: "\f2b4";
$fa-var-fonticons: "\f280";
$fa-var-fort-awesome: "\f286";
$fa-var-forumbee: "\f211";
$fa-var-forward: "\f04e";
$fa-var-foursquare: "\f180";
$fa-var-frown-o: "\f119";
$fa-var-futbol-o: "\f1e3";
$fa-var-gamepad: "\f11b";
$fa-var-gavel: "\f0e3";
$fa-var-gbp: "\f154";
$fa-var-ge: "\f1d1";
$fa-var-gear: "\f013";
$fa-var-gears: "\f085";
$fa-var-genderless: "\f22d";
$fa-var-get-pocket: "\f265";
$fa-var-gg: "\f260";
$fa-var-gg-circle: "\f261";
$fa-var-gift: "\f06b";
$fa-var-git: "\f1d3";
$fa-var-git-square: "\f1d2";
$fa-var-github: "\f09b";
$fa-var-github-alt: "\f113";
$fa-var-github-square: "\f092";
$fa-var-gitlab: "\f296";
$fa-var-gittip: "\f184";
$fa-var-glass: "\f000";
$fa-var-glide: "\f2a5";
$fa-var-glide-g: "\f2a6";
$fa-var-globe: "\f0ac";
$fa-var-google: "\f1a0";
$fa-var-google-plus: "\f0d5";
$fa-var-google-plus-circle: "\f2b3";
$fa-var-google-plus-official: "\f2b3";
$fa-var-google-plus-square: "\f0d4";
$fa-var-google-wallet: "\f1ee";
$fa-var-graduation-cap: "\f19d";
$fa-var-gratipay: "\f184";
$fa-var-group: "\f0c0";
$fa-var-h-square: "\f0fd";
$fa-var-hacker-news: "\f1d4";
$fa-var-hand-grab-o: "\f255";
$fa-var-hand-lizard-o: "\f258";
$fa-var-hand-o-down: "\f0a7";
$fa-var-hand-o-left: "\f0a5";
$fa-var-hand-o-right: "\f0a4";
$fa-var-hand-o-up: "\f0a6";
$fa-var-hand-paper-o: "\f256";
$fa-var-hand-peace-o: "\f25b";
$fa-var-hand-pointer-o: "\f25a";
$fa-var-hand-rock-o: "\f255";
$fa-var-hand-scissors-o: "\f257";
$fa-var-hand-spock-o: "\f259";
$fa-var-hand-stop-o: "\f256";
$fa-var-hard-of-hearing: "\f2a4";
$fa-var-hashtag: "\f292";
$fa-var-hdd-o: "\f0a0";
$fa-var-header: "\f1dc";
$fa-var-headphones: "\f025";
$fa-var-heart: "\f004";
$fa-var-heart-o: "\f08a";
$fa-var-heartbeat: "\f21e";
$fa-var-history: "\f1da";
$fa-var-home: "\f015";
$fa-var-hospital-o: "\f0f8";
$fa-var-hotel: "\f236";
$fa-var-hourglass: "\f254";
$fa-var-hourglass-1: "\f251";
$fa-var-hourglass-2: "\f252";
$fa-var-hourglass-3: "\f253";
$fa-var-hourglass-end: "\f253";
$fa-var-hourglass-half: "\f252";
$fa-var-hourglass-o: "\f250";
$fa-var-hourglass-start: "\f251";
$fa-var-houzz: "\f27c";
$fa-var-html5: "\f13b";
$fa-var-i-cursor: "\f246";
$fa-var-ils: "\f20b";
$fa-var-image: "\f03e";
$fa-var-inbox: "\f01c";
$fa-var-indent: "\f03c";
$fa-var-industry: "\f275";
$fa-var-info: "\f129";
$fa-var-info-circle: "\f05a";
$fa-var-inr: "\f156";
$fa-var-instagram: "\f16d";
$fa-var-institution: "\f19c";
$fa-var-internet-explorer: "\f26b";
$fa-var-intersex: "\f224";
$fa-var-ioxhost: "\f208";
$fa-var-italic: "\f033";
$fa-var-joomla: "\f1aa";
$fa-var-jpy: "\f157";
$fa-var-jsfiddle: "\f1cc";
$fa-var-key: "\f084";
$fa-var-keyboard-o: "\f11c";
$fa-var-krw: "\f159";
$fa-var-language: "\f1ab";
$fa-var-laptop: "\f109";
$fa-var-lastfm: "\f202";
$fa-var-lastfm-square: "\f203";
$fa-var-leaf: "\f06c";
$fa-var-leanpub: "\f212";
$fa-var-legal: "\f0e3";
$fa-var-lemon-o: "\f094";
$fa-var-level-down: "\f149";
$fa-var-level-up: "\f148";
$fa-var-life-bouy: "\f1cd";
$fa-var-life-buoy: "\f1cd";
$fa-var-life-ring: "\f1cd";
$fa-var-life-saver: "\f1cd";
$fa-var-lightbulb-o: "\f0eb";
$fa-var-line-chart: "\f201";
$fa-var-link: "\f0c1";
$fa-var-linkedin: "\f0e1";
$fa-var-linkedin-square: "\f08c";
$fa-var-linux: "\f17c";
$fa-var-list: "\f03a";
$fa-var-list-alt: "\f022";
$fa-var-list-ol: "\f0cb";
$fa-var-list-ul: "\f0ca";
$fa-var-location-arrow: "\f124";
$fa-var-lock: "\f023";
$fa-var-long-arrow-down: "\f175";
$fa-var-long-arrow-left: "\f177";
$fa-var-long-arrow-right: "\f178";
$fa-var-long-arrow-up: "\f176";
$fa-var-low-vision: "\f2a8";
$fa-var-magic: "\f0d0";
$fa-var-magnet: "\f076";
$fa-var-mail-forward: "\f064";
$fa-var-mail-reply: "\f112";
$fa-var-mail-reply-all: "\f122";
$fa-var-male: "\f183";
$fa-var-map: "\f279";
$fa-var-map-marker: "\f041";
$fa-var-map-o: "\f278";
$fa-var-map-pin: "\f276";
$fa-var-map-signs: "\f277";
$fa-var-mars: "\f222";
$fa-var-mars-double: "\f227";
$fa-var-mars-stroke: "\f229";
$fa-var-mars-stroke-h: "\f22b";
$fa-var-mars-stroke-v: "\f22a";
$fa-var-maxcdn: "\f136";
$fa-var-meanpath: "\f20c";
$fa-var-medium: "\f23a";
$fa-var-medkit: "\f0fa";
$fa-var-meh-o: "\f11a";
$fa-var-mercury: "\f223";
$fa-var-microphone: "\f130";
$fa-var-microphone-slash: "\f131";
$fa-var-minus: "\f068";
$fa-var-minus-circle: "\f056";
$fa-var-minus-square: "\f146";
$fa-var-minus-square-o: "\f147";
$fa-var-mixcloud: "\f289";
$fa-var-mobile: "\f10b";
$fa-var-mobile-phone: "\f10b";
$fa-var-modx: "\f285";
$fa-var-money: "\f0d6";
$fa-var-moon-o: "\f186";
$fa-var-mortar-board: "\f19d";
$fa-var-motorcycle: "\f21c";
$fa-var-mouse-pointer: "\f245";
$fa-var-music: "\f001";
$fa-var-navicon: "\f0c9";
$fa-var-neuter: "\f22c";
$fa-var-newspaper-o: "\f1ea";
$fa-var-object-group: "\f247";
$fa-var-object-ungroup: "\f248";
$fa-var-odnoklassniki: "\f263";
$fa-var-odnoklassniki-square: "\f264";
$fa-var-opencart: "\f23d";
$fa-var-openid: "\f19b";
$fa-var-opera: "\f26a";
$fa-var-optin-monster: "\f23c";
$fa-var-outdent: "\f03b";
$fa-var-pagelines: "\f18c";
$fa-var-paint-brush: "\f1fc";
$fa-var-paper-plane: "\f1d8";
$fa-var-paper-plane-o: "\f1d9";
$fa-var-paperclip: "\f0c6";
$fa-var-paragraph: "\f1dd";
$fa-var-paste: "\f0ea";
$fa-var-pause: "\f04c";
$fa-var-pause-circle: "\f28b";
$fa-var-pause-circle-o: "\f28c";
$fa-var-paw: "\f1b0";
$fa-var-paypal: "\f1ed";
$fa-var-pencil: "\f040";
$fa-var-pencil-square: "\f14b";
$fa-var-pencil-square-o: "\f044";
$fa-var-percent: "\f295";
$fa-var-phone: "\f095";
$fa-var-phone-square: "\f098";
$fa-var-photo: "\f03e";
$fa-var-picture-o: "\f03e";
$fa-var-pie-chart: "\f200";
$fa-var-pied-piper: "\f2ae";
$fa-var-pied-piper-alt: "\f1a8";
$fa-var-pied-piper-pp: "\f1a7";
$fa-var-pinterest: "\f0d2";
$fa-var-pinterest-p: "\f231";
$fa-var-pinterest-square: "\f0d3";
$fa-var-plane: "\f072";
$fa-var-play: "\f04b";
$fa-var-play-circle: "\f144";
$fa-var-play-circle-o: "\f01d";
$fa-var-plug: "\f1e6";
$fa-var-plus: "\f067";
$fa-var-plus-circle: "\f055";
$fa-var-plus-square: "\f0fe";
$fa-var-plus-square-o: "\f196";
$fa-var-power-off: "\f011";
$fa-var-print: "\f02f";
$fa-var-product-hunt: "\f288";
$fa-var-puzzle-piece: "\f12e";
$fa-var-qq: "\f1d6";
$fa-var-qrcode: "\f029";
$fa-var-question: "\f128";
$fa-var-question-circle: "\f059";
$fa-var-question-circle-o: "\f29c";
$fa-var-quote-left: "\f10d";
$fa-var-quote-right: "\f10e";
$fa-var-ra: "\f1d0";
$fa-var-random: "\f074";
$fa-var-rebel: "\f1d0";
$fa-var-recycle: "\f1b8";
$fa-var-reddit: "\f1a1";
$fa-var-reddit-alien: "\f281";
$fa-var-reddit-square: "\f1a2";
$fa-var-refresh: "\f021";
$fa-var-registered: "\f25d";
$fa-var-remove: "\f00d";
$fa-var-renren: "\f18b";
$fa-var-reorder: "\f0c9";
$fa-var-repeat: "\f01e";
$fa-var-reply: "\f112";
$fa-var-reply-all: "\f122";
$fa-var-resistance: "\f1d0";
$fa-var-retweet: "\f079";
$fa-var-rmb: "\f157";
$fa-var-road: "\f018";
$fa-var-rocket: "\f135";
$fa-var-rotate-left: "\f0e2";
$fa-var-rotate-right: "\f01e";
$fa-var-rouble: "\f158";
$fa-var-rss: "\f09e";
$fa-var-rss-square: "\f143";
$fa-var-rub: "\f158";
$fa-var-ruble: "\f158";
$fa-var-rupee: "\f156";
$fa-var-safari: "\f267";
$fa-var-save: "\f0c7";
$fa-var-scissors: "\f0c4";
$fa-var-scribd: "\f28a";
$fa-var-search: "\f002";
$fa-var-search-minus: "\f010";
$fa-var-search-plus: "\f00e";
$fa-var-sellsy: "\f213";
$fa-var-send: "\f1d8";
$fa-var-send-o: "\f1d9";
$fa-var-server: "\f233";
$fa-var-share: "\f064";
$fa-var-share-alt: "\f1e0";
$fa-var-share-alt-square: "\f1e1";
$fa-var-share-square: "\f14d";
$fa-var-share-square-o: "\f045";
$fa-var-shekel: "\f20b";
$fa-var-sheqel: "\f20b";
$fa-var-shield: "\f132";
$fa-var-ship: "\f21a";
$fa-var-shirtsinbulk: "\f214";
$fa-var-shopping-bag: "\f290";
$fa-var-shopping-basket: "\f291";
$fa-var-shopping-cart: "\f07a";
$fa-var-sign-in: "\f090";
$fa-var-sign-language: "\f2a7";
$fa-var-sign-out: "\f08b";
$fa-var-signal: "\f012";
$fa-var-signing: "\f2a7";
$fa-var-simplybuilt: "\f215";
$fa-var-sitemap: "\f0e8";
$fa-var-skyatlas: "\f216";
$fa-var-skype: "\f17e";
$fa-var-slack: "\f198";
$fa-var-sliders: "\f1de";
$fa-var-slideshare: "\f1e7";
$fa-var-smile-o: "\f118";
$fa-var-snapchat: "\f2ab";
$fa-var-snapchat-ghost: "\f2ac";
$fa-var-snapchat-square: "\f2ad";
$fa-var-soccer-ball-o: "\f1e3";
$fa-var-sort: "\f0dc";
$fa-var-sort-alpha-asc: "\f15d";
$fa-var-sort-alpha-desc: "\f15e";
$fa-var-sort-amount-asc: "\f160";
$fa-var-sort-amount-desc: "\f161";
$fa-var-sort-asc: "\f0de";
$fa-var-sort-desc: "\f0dd";
$fa-var-sort-down: "\f0dd";
$fa-var-sort-numeric-asc: "\f162";
$fa-var-sort-numeric-desc: "\f163";
$fa-var-sort-up: "\f0de";
$fa-var-soundcloud: "\f1be";
$fa-var-space-shuttle: "\f197";
$fa-var-spinner: "\f110";
$fa-var-spoon: "\f1b1";
$fa-var-spotify: "\f1bc";
$fa-var-square: "\f0c8";
$fa-var-square-o: "\f096";
$fa-var-stack-exchange: "\f18d";
$fa-var-stack-overflow: "\f16c";
$fa-var-star: "\f005";
$fa-var-star-half: "\f089";
$fa-var-star-half-empty: "\f123";
$fa-var-star-half-full: "\f123";
$fa-var-star-half-o: "\f123";
$fa-var-star-o: "\f006";
$fa-var-steam: "\f1b6";
$fa-var-steam-square: "\f1b7";
$fa-var-step-backward: "\f048";
$fa-var-step-forward: "\f051";
$fa-var-stethoscope: "\f0f1";
$fa-var-sticky-note: "\f249";
$fa-var-sticky-note-o: "\f24a";
$fa-var-stop: "\f04d";
$fa-var-stop-circle: "\f28d";
$fa-var-stop-circle-o: "\f28e";
$fa-var-street-view: "\f21d";
$fa-var-strikethrough: "\f0cc";
$fa-var-stumbleupon: "\f1a4";
$fa-var-stumbleupon-circle: "\f1a3";
$fa-var-subscript: "\f12c";
$fa-var-subway: "\f239";
$fa-var-suitcase: "\f0f2";
$fa-var-sun-o: "\f185";
$fa-var-superscript: "\f12b";
$fa-var-support: "\f1cd";
$fa-var-table: "\f0ce";
$fa-var-tablet: "\f10a";
$fa-var-tachometer: "\f0e4";
$fa-var-tag: "\f02b";
$fa-var-tags: "\f02c";
$fa-var-tasks: "\f0ae";
$fa-var-taxi: "\f1ba";
$fa-var-television: "\f26c";
$fa-var-tencent-weibo: "\f1d5";
$fa-var-terminal: "\f120";
$fa-var-text-height: "\f034";
$fa-var-text-width: "\f035";
$fa-var-th: "\f00a";
$fa-var-th-large: "\f009";
$fa-var-th-list: "\f00b";
$fa-var-themeisle: "\f2b2";
$fa-var-thumb-tack: "\f08d";
$fa-var-thumbs-down: "\f165";
$fa-var-thumbs-o-down: "\f088";
$fa-var-thumbs-o-up: "\f087";
$fa-var-thumbs-up: "\f164";
$fa-var-ticket: "\f145";
$fa-var-times: "\f00d";
$fa-var-times-circle: "\f057";
$fa-var-times-circle-o: "\f05c";
$fa-var-tint: "\f043";
$fa-var-toggle-down: "\f150";
$fa-var-toggle-left: "\f191";
$fa-var-toggle-off: "\f204";
$fa-var-toggle-on: "\f205";
$fa-var-toggle-right: "\f152";
$fa-var-toggle-up: "\f151";
$fa-var-trademark: "\f25c";
$fa-var-train: "\f238";
$fa-var-transgender: "\f224";
$fa-var-transgender-alt: "\f225";
$fa-var-trash: "\f1f8";
$fa-var-trash-o: "\f014";
$fa-var-tree: "\f1bb";
$fa-var-trello: "\f181";
$fa-var-tripadvisor: "\f262";
$fa-var-trophy: "\f091";
$fa-var-truck: "\f0d1";
$fa-var-try: "\f195";
$fa-var-tty: "\f1e4";
$fa-var-tumblr: "\f173";
$fa-var-tumblr-square: "\f174";
$fa-var-turkish-lira: "\f195";
$fa-var-tv: "\f26c";
$fa-var-twitch: "\f1e8";
$fa-var-twitter: "\f099";
$fa-var-twitter-square: "\f081";
$fa-var-umbrella: "\f0e9";
$fa-var-underline: "\f0cd";
$fa-var-undo: "\f0e2";
$fa-var-universal-access: "\f29a";
$fa-var-university: "\f19c";
$fa-var-unlink: "\f127";
$fa-var-unlock: "\f09c";
$fa-var-unlock-alt: "\f13e";
$fa-var-unsorted: "\f0dc";
$fa-var-upload: "\f093";
$fa-var-usb: "\f287";
$fa-var-usd: "\f155";
$fa-var-user: "\f007";
$fa-var-user-md: "\f0f0";
$fa-var-user-plus: "\f234";
$fa-var-user-secret: "\f21b";
$fa-var-user-times: "\f235";
$fa-var-users: "\f0c0";
$fa-var-venus: "\f221";
$fa-var-venus-double: "\f226";
$fa-var-venus-mars: "\f228";
$fa-var-viacoin: "\f237";
$fa-var-viadeo: "\f2a9";
$fa-var-viadeo-square: "\f2aa";
$fa-var-video-camera: "\f03d";
$fa-var-vimeo: "\f27d";
$fa-var-vimeo-square: "\f194";
$fa-var-vine: "\f1ca";
$fa-var-vk: "\f189";
$fa-var-volume-control-phone: "\f2a0";
$fa-var-volume-down: "\f027";
$fa-var-volume-off: "\f026";
$fa-var-volume-up: "\f028";
$fa-var-warning: "\f071";
$fa-var-wechat: "\f1d7";
$fa-var-weibo: "\f18a";
$fa-var-weixin: "\f1d7";
$fa-var-whatsapp: "\f232";
$fa-var-wheelchair: "\f193";
$fa-var-wheelchair-alt: "\f29b";
$fa-var-wifi: "\f1eb";
$fa-var-wikipedia-w: "\f266";
$fa-var-windows: "\f17a";
$fa-var-won: "\f159";
$fa-var-wordpress: "\f19a";
$fa-var-wpbeginner: "\f297";
$fa-var-wpforms: "\f298";
$fa-var-wrench: "\f0ad";
$fa-var-xing: "\f168";
$fa-var-xing-square: "\f169";
$fa-var-y-combinator: "\f23b";
$fa-var-y-combinator-square: "\f1d4";
$fa-var-yahoo: "\f19e";
$fa-var-yc: "\f23b";
$fa-var-yc-square: "\f1d4";
$fa-var-yelp: "\f1e9";
$fa-var-yen: "\f157";
$fa-var-yoast: "\f2b1";
$fa-var-youtube: "\f167";
$fa-var-youtube-play: "\f16a";
$fa-var-youtube-square: "\f166";


// Mixins
// --------------------------

@mixin fa-icon() {
  display: inline-block;
  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
  font-size: inherit; // can't have font-size inherit on line above, so need to override
  text-rendering: auto; // optimizelegibility throws things off #1094
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

@mixin fa-icon-rotate($degrees, $rotation) {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})";
  -webkit-transform: rotate($degrees);
      -ms-transform: rotate($degrees);
          transform: rotate($degrees);
}

@mixin fa-icon-flip($horiz, $vert, $rotation) {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)";
  -webkit-transform: scale($horiz, $vert);
      -ms-transform: scale($horiz, $vert);
          transform: scale($horiz, $vert);
}


// Only display content to screen readers. A la Bootstrap 4.
//
// See: http://a11yproject.com/posts/how-to-hide-content/

@mixin sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

// Use in conjunction with .sr-only to only display content when it's focused.
//
// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
//
// Credit: HTML5 Boilerplate

@mixin sr-only-focusable {
  &:active,
  &:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
}

/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('{{ "fontawesome-webfont.eot" | asset_url }}');
  src: url('{{ "fontawesome-webfont.eot" | asset_url }}') format('embedded-opentype'),
    url('{{ "fontawesome-webfont.woff2" | asset_url }}') format('woff2'),
    url('{{ "fontawesome-webfont.woff" | asset_url }}') format('woff'),
    url('{{ "fontawesome-webfont.ttf" | asset_url }}') format('truetype'),
    url('{{ "fontawesome-webfont.svg#fontawesomeregular" | asset_url }}') format('svg');
//  src: url('#{$fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('{{ "Montserrat-SemiBold.eot" | asset_url }}');
  src: url('{{ "Montserrat-SemiBold.woff2" | asset_url }}') format("woff2"),
  url('{{ "Montserrat-SemiBold.woff" | asset_url }}') format("woff"),
  url('{{ "Montserrat-SemiBold.ttf" | asset_url }}') format("truetype"),
  url('{{ "Montserrat-SemiBold.svg" | asset_url }}#Montserrat-SemiBold') format("svg"),
  url('{{ "Montserrat-SemiBold.eot" | asset_url }}?#iefix') format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
// Base Class Definition
// -------------------------

.#{$fa-css-prefix} {
  display: inline-block;
  font: normal normal normal #{$fa-font-size-base}/#{$fa-line-height-base} FontAwesome; // shortening font declaration
  font-size: inherit; // can't have font-size inherit on line above, so need to override
  text-rendering: auto; // optimizelegibility throws things off #1094
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

// Icon Sizes
// -------------------------

/* makes the font 33% larger relative to the icon container */
.#{$fa-css-prefix}-lg {
  font-size: (4em / 3);
  line-height: (3em / 4);
  vertical-align: -15%;
}
.#{$fa-css-prefix}-2x { font-size: 2em; }
.#{$fa-css-prefix}-3x { font-size: 3em; }
.#{$fa-css-prefix}-4x { font-size: 4em; }
.#{$fa-css-prefix}-5x { font-size: 5em; }

// Fixed Width Icons
// -------------------------
.#{$fa-css-prefix}-fw {
  width: (18em / 14);
  text-align: center;
}

// List Icons
// -------------------------

.#{$fa-css-prefix}-ul {
  padding-left: 0;
  margin-left: $fa-li-width;
  list-style-type: none;
  > li { position: relative; }
}
.#{$fa-css-prefix}-li {
  position: absolute;
  left: -$fa-li-width;
  width: $fa-li-width;
  top: (2em / 14);
  text-align: center;
  &.#{$fa-css-prefix}-lg {
    left: -$fa-li-width + (4em / 14);
  }
}

// Bordered & Pulled
// -------------------------

.#{$fa-css-prefix}-border {
  padding: .2em .25em .15em;
  border: solid .08em $fa-border-color;
  border-radius: .1em;
}

.#{$fa-css-prefix}-pull-left { float: left; }
.#{$fa-css-prefix}-pull-right { float: right; }

.#{$fa-css-prefix} {
  &.#{$fa-css-prefix}-pull-left { margin-right: .3em; }
  &.#{$fa-css-prefix}-pull-right { margin-left: .3em; }
}

/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }

.#{$fa-css-prefix} {
  &.pull-left { margin-right: .3em; }
  &.pull-right { margin-left: .3em; }
}

// Spinning Icons
// --------------------------

.#{$fa-css-prefix}-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear;
}

.#{$fa-css-prefix}-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

// Rotated & Flipped Icons
// -------------------------

.#{$fa-css-prefix}-rotate-90  { @include fa-icon-rotate(90deg, 1);  }
.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); }
.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); }

.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); }
.#{$fa-css-prefix}-flip-vertical   { @include fa-icon-flip(1, -1, 2); }

// Hook for IE8-9
// -------------------------

:root .#{$fa-css-prefix}-rotate-90,
:root .#{$fa-css-prefix}-rotate-180,
:root .#{$fa-css-prefix}-rotate-270,
:root .#{$fa-css-prefix}-flip-horizontal,
:root .#{$fa-css-prefix}-flip-vertical {
  filter: none;
}

// Stacked Icons
// -------------------------

.#{$fa-css-prefix}-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.#{$fa-css-prefix}-stack-1x, .#{$fa-css-prefix}-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.#{$fa-css-prefix}-stack-1x { line-height: inherit; }
.#{$fa-css-prefix}-stack-2x { font-size: 2em; }
.#{$fa-css-prefix}-inverse { color: $fa-inverse; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
.#{$fa-css-prefix}-music:before { content: $fa-var-music; }
.#{$fa-css-prefix}-search:before { content: $fa-var-search; }
.#{$fa-css-prefix}-envelope-o:before { content: $fa-var-envelope-o; }
.#{$fa-css-prefix}-heart:before { content: $fa-var-heart; }
.#{$fa-css-prefix}-star:before { content: $fa-var-star; }
.#{$fa-css-prefix}-star-o:before { content: $fa-var-star-o; }
.#{$fa-css-prefix}-user:before { content: $fa-var-user; }
.#{$fa-css-prefix}-film:before { content: $fa-var-film; }
.#{$fa-css-prefix}-th-large:before { content: $fa-var-th-large; }
.#{$fa-css-prefix}-th:before { content: $fa-var-th; }
.#{$fa-css-prefix}-th-list:before { content: $fa-var-th-list; }
.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
.#{$fa-css-prefix}-remove:before,
.#{$fa-css-prefix}-close:before,
.#{$fa-css-prefix}-times:before { content: $fa-var-times; }
.#{$fa-css-prefix}-search-plus:before { content: $fa-var-search-plus; }
.#{$fa-css-prefix}-search-minus:before { content: $fa-var-search-minus; }
.#{$fa-css-prefix}-power-off:before { content: $fa-var-power-off; }
.#{$fa-css-prefix}-signal:before { content: $fa-var-signal; }
.#{$fa-css-prefix}-gear:before,
.#{$fa-css-prefix}-cog:before { content: $fa-var-cog; }
.#{$fa-css-prefix}-trash-o:before { content: $fa-var-trash-o; }
.#{$fa-css-prefix}-home:before { content: $fa-var-home; }
.#{$fa-css-prefix}-file-o:before { content: $fa-var-file-o; }
.#{$fa-css-prefix}-clock-o:before { content: $fa-var-clock-o; }
.#{$fa-css-prefix}-road:before { content: $fa-var-road; }
.#{$fa-css-prefix}-download:before { content: $fa-var-download; }
.#{$fa-css-prefix}-arrow-circle-o-down:before { content: $fa-var-arrow-circle-o-down; }
.#{$fa-css-prefix}-arrow-circle-o-up:before { content: $fa-var-arrow-circle-o-up; }
.#{$fa-css-prefix}-inbox:before { content: $fa-var-inbox; }
.#{$fa-css-prefix}-play-circle-o:before { content: $fa-var-play-circle-o; }
.#{$fa-css-prefix}-rotate-right:before,
.#{$fa-css-prefix}-repeat:before { content: $fa-var-repeat; }
.#{$fa-css-prefix}-refresh:before { content: $fa-var-refresh; }
.#{$fa-css-prefix}-list-alt:before { content: $fa-var-list-alt; }
.#{$fa-css-prefix}-lock:before { content: $fa-var-lock; }
.#{$fa-css-prefix}-flag:before { content: $fa-var-flag; }
.#{$fa-css-prefix}-headphones:before { content: $fa-var-headphones; }
.#{$fa-css-prefix}-volume-off:before { content: $fa-var-volume-off; }
.#{$fa-css-prefix}-volume-down:before { content: $fa-var-volume-down; }
.#{$fa-css-prefix}-volume-up:before { content: $fa-var-volume-up; }
.#{$fa-css-prefix}-qrcode:before { content: $fa-var-qrcode; }
.#{$fa-css-prefix}-barcode:before { content: $fa-var-barcode; }
.#{$fa-css-prefix}-tag:before { content: $fa-var-tag; }
.#{$fa-css-prefix}-tags:before { content: $fa-var-tags; }
.#{$fa-css-prefix}-book:before { content: $fa-var-book; }
.#{$fa-css-prefix}-bookmark:before { content: $fa-var-bookmark; }
.#{$fa-css-prefix}-print:before { content: $fa-var-print; }
.#{$fa-css-prefix}-camera:before { content: $fa-var-camera; }
.#{$fa-css-prefix}-font:before { content: $fa-var-font; }
.#{$fa-css-prefix}-bold:before { content: $fa-var-bold; }
.#{$fa-css-prefix}-italic:before { content: $fa-var-italic; }
.#{$fa-css-prefix}-text-height:before { content: $fa-var-text-height; }
.#{$fa-css-prefix}-text-width:before { content: $fa-var-text-width; }
.#{$fa-css-prefix}-align-left:before { content: $fa-var-align-left; }
.#{$fa-css-prefix}-align-center:before { content: $fa-var-align-center; }
.#{$fa-css-prefix}-align-right:before { content: $fa-var-align-right; }
.#{$fa-css-prefix}-align-justify:before { content: $fa-var-align-justify; }
.#{$fa-css-prefix}-list:before { content: $fa-var-list; }
.#{$fa-css-prefix}-dedent:before,
.#{$fa-css-prefix}-outdent:before { content: $fa-var-outdent; }
.#{$fa-css-prefix}-indent:before { content: $fa-var-indent; }
.#{$fa-css-prefix}-video-camera:before { content: $fa-var-video-camera; }
.#{$fa-css-prefix}-photo:before,
.#{$fa-css-prefix}-image:before,
.#{$fa-css-prefix}-picture-o:before { content: $fa-var-picture-o; }
.#{$fa-css-prefix}-pencil:before { content: $fa-var-pencil; }
.#{$fa-css-prefix}-map-marker:before { content: $fa-var-map-marker; }
.#{$fa-css-prefix}-adjust:before { content: $fa-var-adjust; }
.#{$fa-css-prefix}-tint:before { content: $fa-var-tint; }
.#{$fa-css-prefix}-edit:before,
.#{$fa-css-prefix}-pencil-square-o:before { content: $fa-var-pencil-square-o; }
.#{$fa-css-prefix}-share-square-o:before { content: $fa-var-share-square-o; }
.#{$fa-css-prefix}-check-square-o:before { content: $fa-var-check-square-o; }
.#{$fa-css-prefix}-arrows:before { content: $fa-var-arrows; }
.#{$fa-css-prefix}-step-backward:before { content: $fa-var-step-backward; }
.#{$fa-css-prefix}-fast-backward:before { content: $fa-var-fast-backward; }
.#{$fa-css-prefix}-backward:before { content: $fa-var-backward; }
.#{$fa-css-prefix}-play:before { content: $fa-var-play; }
.#{$fa-css-prefix}-pause:before { content: $fa-var-pause; }
.#{$fa-css-prefix}-stop:before { content: $fa-var-stop; }
.#{$fa-css-prefix}-forward:before { content: $fa-var-forward; }
.#{$fa-css-prefix}-fast-forward:before { content: $fa-var-fast-forward; }
.#{$fa-css-prefix}-step-forward:before { content: $fa-var-step-forward; }
.#{$fa-css-prefix}-eject:before { content: $fa-var-eject; }
.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
.#{$fa-css-prefix}-plus-circle:before { content: $fa-var-plus-circle; }
.#{$fa-css-prefix}-minus-circle:before { content: $fa-var-minus-circle; }
.#{$fa-css-prefix}-times-circle:before { content: $fa-var-times-circle; }
.#{$fa-css-prefix}-check-circle:before { content: $fa-var-check-circle; }
.#{$fa-css-prefix}-question-circle:before { content: $fa-var-question-circle; }
.#{$fa-css-prefix}-info-circle:before { content: $fa-var-info-circle; }
.#{$fa-css-prefix}-crosshairs:before { content: $fa-var-crosshairs; }
.#{$fa-css-prefix}-times-circle-o:before { content: $fa-var-times-circle-o; }
.#{$fa-css-prefix}-check-circle-o:before { content: $fa-var-check-circle-o; }
.#{$fa-css-prefix}-ban:before { content: $fa-var-ban; }
.#{$fa-css-prefix}-arrow-left:before { content: $fa-var-arrow-left; }
.#{$fa-css-prefix}-arrow-right:before { content: $fa-var-arrow-right; }
.#{$fa-css-prefix}-arrow-up:before { content: $fa-var-arrow-up; }
.#{$fa-css-prefix}-arrow-down:before { content: $fa-var-arrow-down; }
.#{$fa-css-prefix}-mail-forward:before,
.#{$fa-css-prefix}-share:before { content: $fa-var-share; }
.#{$fa-css-prefix}-expand:before { content: $fa-var-expand; }
.#{$fa-css-prefix}-compress:before { content: $fa-var-compress; }
.#{$fa-css-prefix}-plus:before { content: $fa-var-plus; }
.#{$fa-css-prefix}-minus:before { content: $fa-var-minus; }
.#{$fa-css-prefix}-asterisk:before { content: $fa-var-asterisk; }
.#{$fa-css-prefix}-exclamation-circle:before { content: $fa-var-exclamation-circle; }
.#{$fa-css-prefix}-gift:before { content: $fa-var-gift; }
.#{$fa-css-prefix}-leaf:before { content: $fa-var-leaf; }
.#{$fa-css-prefix}-fire:before { content: $fa-var-fire; }
.#{$fa-css-prefix}-eye:before { content: $fa-var-eye; }
.#{$fa-css-prefix}-eye-slash:before { content: $fa-var-eye-slash; }
.#{$fa-css-prefix}-warning:before,
.#{$fa-css-prefix}-exclamation-triangle:before { content: $fa-var-exclamation-triangle; }
.#{$fa-css-prefix}-plane:before { content: $fa-var-plane; }
.#{$fa-css-prefix}-calendar:before { content: $fa-var-calendar; }
.#{$fa-css-prefix}-random:before { content: $fa-var-random; }
.#{$fa-css-prefix}-comment:before { content: $fa-var-comment; }
.#{$fa-css-prefix}-magnet:before { content: $fa-var-magnet; }
.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
.#{$fa-css-prefix}-retweet:before { content: $fa-var-retweet; }
.#{$fa-css-prefix}-shopping-cart:before { content: $fa-var-shopping-cart; }
.#{$fa-css-prefix}-folder:before { content: $fa-var-folder; }
.#{$fa-css-prefix}-folder-open:before { content: $fa-var-folder-open; }
.#{$fa-css-prefix}-arrows-v:before { content: $fa-var-arrows-v; }
.#{$fa-css-prefix}-arrows-h:before { content: $fa-var-arrows-h; }
.#{$fa-css-prefix}-bar-chart-o:before,
.#{$fa-css-prefix}-bar-chart:before { content: $fa-var-bar-chart; }
.#{$fa-css-prefix}-twitter-square:before { content: $fa-var-twitter-square; }
.#{$fa-css-prefix}-facebook-square:before { content: $fa-var-facebook-square; }
.#{$fa-css-prefix}-camera-retro:before { content: $fa-var-camera-retro; }
.#{$fa-css-prefix}-key:before { content: $fa-var-key; }
.#{$fa-css-prefix}-gears:before,
.#{$fa-css-prefix}-cogs:before { content: $fa-var-cogs; }
.#{$fa-css-prefix}-comments:before { content: $fa-var-comments; }
.#{$fa-css-prefix}-thumbs-o-up:before { content: $fa-var-thumbs-o-up; }
.#{$fa-css-prefix}-thumbs-o-down:before { content: $fa-var-thumbs-o-down; }
.#{$fa-css-prefix}-star-half:before { content: $fa-var-star-half; }
.#{$fa-css-prefix}-heart-o:before { content: $fa-var-heart-o; }
.#{$fa-css-prefix}-sign-out:before { content: $fa-var-sign-out; }
.#{$fa-css-prefix}-linkedin-square:before { content: $fa-var-linkedin-square; }
.#{$fa-css-prefix}-thumb-tack:before { content: $fa-var-thumb-tack; }
.#{$fa-css-prefix}-external-link:before { content: $fa-var-external-link; }
.#{$fa-css-prefix}-sign-in:before { content: $fa-var-sign-in; }
.#{$fa-css-prefix}-trophy:before { content: $fa-var-trophy; }
.#{$fa-css-prefix}-github-square:before { content: $fa-var-github-square; }
.#{$fa-css-prefix}-upload:before { content: $fa-var-upload; }
.#{$fa-css-prefix}-lemon-o:before { content: $fa-var-lemon-o; }
.#{$fa-css-prefix}-phone:before { content: $fa-var-phone; }
.#{$fa-css-prefix}-square-o:before { content: $fa-var-square-o; }
.#{$fa-css-prefix}-bookmark-o:before { content: $fa-var-bookmark-o; }
.#{$fa-css-prefix}-phone-square:before { content: $fa-var-phone-square; }
.#{$fa-css-prefix}-twitter:before { content: $fa-var-twitter; }
.#{$fa-css-prefix}-facebook-f:before,
.#{$fa-css-prefix}-facebook:before { content: $fa-var-facebook; }
.#{$fa-css-prefix}-github:before { content: $fa-var-github; }
.#{$fa-css-prefix}-unlock:before { content: $fa-var-unlock; }
.#{$fa-css-prefix}-credit-card:before { content: $fa-var-credit-card; }
.#{$fa-css-prefix}-feed:before,
.#{$fa-css-prefix}-rss:before { content: $fa-var-rss; }
.#{$fa-css-prefix}-hdd-o:before { content: $fa-var-hdd-o; }
.#{$fa-css-prefix}-bullhorn:before { content: $fa-var-bullhorn; }
.#{$fa-css-prefix}-bell:before { content: $fa-var-bell; }
.#{$fa-css-prefix}-certificate:before { content: $fa-var-certificate; }
.#{$fa-css-prefix}-hand-o-right:before { content: $fa-var-hand-o-right; }
.#{$fa-css-prefix}-hand-o-left:before { content: $fa-var-hand-o-left; }
.#{$fa-css-prefix}-hand-o-up:before { content: $fa-var-hand-o-up; }
.#{$fa-css-prefix}-hand-o-down:before { content: $fa-var-hand-o-down; }
.#{$fa-css-prefix}-arrow-circle-left:before { content: $fa-var-arrow-circle-left; }
.#{$fa-css-prefix}-arrow-circle-right:before { content: $fa-var-arrow-circle-right; }
.#{$fa-css-prefix}-arrow-circle-up:before { content: $fa-var-arrow-circle-up; }
.#{$fa-css-prefix}-arrow-circle-down:before { content: $fa-var-arrow-circle-down; }
.#{$fa-css-prefix}-globe:before { content: $fa-var-globe; }
.#{$fa-css-prefix}-wrench:before { content: $fa-var-wrench; }
.#{$fa-css-prefix}-tasks:before { content: $fa-var-tasks; }
.#{$fa-css-prefix}-filter:before { content: $fa-var-filter; }
.#{$fa-css-prefix}-briefcase:before { content: $fa-var-briefcase; }
.#{$fa-css-prefix}-arrows-alt:before { content: $fa-var-arrows-alt; }
.#{$fa-css-prefix}-group:before,
.#{$fa-css-prefix}-users:before { content: $fa-var-users; }
.#{$fa-css-prefix}-chain:before,
.#{$fa-css-prefix}-link:before { content: $fa-var-link; }
.#{$fa-css-prefix}-cloud:before { content: $fa-var-cloud; }
.#{$fa-css-prefix}-flask:before { content: $fa-var-flask; }
.#{$fa-css-prefix}-cut:before,
.#{$fa-css-prefix}-scissors:before { content: $fa-var-scissors; }
.#{$fa-css-prefix}-copy:before,
.#{$fa-css-prefix}-files-o:before { content: $fa-var-files-o; }
.#{$fa-css-prefix}-paperclip:before { content: $fa-var-paperclip; }
.#{$fa-css-prefix}-save:before,
.#{$fa-css-prefix}-floppy-o:before { content: $fa-var-floppy-o; }
.#{$fa-css-prefix}-square:before { content: $fa-var-square; }
.#{$fa-css-prefix}-navicon:before,
.#{$fa-css-prefix}-reorder:before,
.#{$fa-css-prefix}-bars:before { content: $fa-var-bars; }
.#{$fa-css-prefix}-list-ul:before { content: $fa-var-list-ul; }
.#{$fa-css-prefix}-list-ol:before { content: $fa-var-list-ol; }
.#{$fa-css-prefix}-strikethrough:before { content: $fa-var-strikethrough; }
.#{$fa-css-prefix}-underline:before { content: $fa-var-underline; }
.#{$fa-css-prefix}-table:before { content: $fa-var-table; }
.#{$fa-css-prefix}-magic:before { content: $fa-var-magic; }
.#{$fa-css-prefix}-truck:before { content: $fa-var-truck; }
.#{$fa-css-prefix}-pinterest:before { content: $fa-var-pinterest; }
.#{$fa-css-prefix}-pinterest-square:before { content: $fa-var-pinterest-square; }
.#{$fa-css-prefix}-google-plus-square:before { content: $fa-var-google-plus-square; }
.#{$fa-css-prefix}-google-plus:before { content: $fa-var-google-plus; }
.#{$fa-css-prefix}-money:before { content: $fa-var-money; }
.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
.#{$fa-css-prefix}-columns:before { content: $fa-var-columns; }
.#{$fa-css-prefix}-unsorted:before,
.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
.#{$fa-css-prefix}-sort-down:before,
.#{$fa-css-prefix}-sort-desc:before { content: $fa-var-sort-desc; }
.#{$fa-css-prefix}-sort-up:before,
.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-asc; }
.#{$fa-css-prefix}-envelope:before { content: $fa-var-envelope; }
.#{$fa-css-prefix}-linkedin:before { content: $fa-var-linkedin; }
.#{$fa-css-prefix}-rotate-left:before,
.#{$fa-css-prefix}-undo:before { content: $fa-var-undo; }
.#{$fa-css-prefix}-legal:before,
.#{$fa-css-prefix}-gavel:before { content: $fa-var-gavel; }
.#{$fa-css-prefix}-dashboard:before,
.#{$fa-css-prefix}-tachometer:before { content: $fa-var-tachometer; }
.#{$fa-css-prefix}-comment-o:before { content: $fa-var-comment-o; }
.#{$fa-css-prefix}-comments-o:before { content: $fa-var-comments-o; }
.#{$fa-css-prefix}-flash:before,
.#{$fa-css-prefix}-bolt:before { content: $fa-var-bolt; }
.#{$fa-css-prefix}-sitemap:before { content: $fa-var-sitemap; }
.#{$fa-css-prefix}-umbrella:before { content: $fa-var-umbrella; }
.#{$fa-css-prefix}-paste:before,
.#{$fa-css-prefix}-clipboard:before { content: $fa-var-clipboard; }
.#{$fa-css-prefix}-lightbulb-o:before { content: $fa-var-lightbulb-o; }
.#{$fa-css-prefix}-exchange:before { content: $fa-var-exchange; }
.#{$fa-css-prefix}-cloud-download:before { content: $fa-var-cloud-download; }
.#{$fa-css-prefix}-cloud-upload:before { content: $fa-var-cloud-upload; }
.#{$fa-css-prefix}-user-md:before { content: $fa-var-user-md; }
.#{$fa-css-prefix}-stethoscope:before { content: $fa-var-stethoscope; }
.#{$fa-css-prefix}-suitcase:before { content: $fa-var-suitcase; }
.#{$fa-css-prefix}-bell-o:before { content: $fa-var-bell-o; }
.#{$fa-css-prefix}-coffee:before { content: $fa-var-coffee; }
.#{$fa-css-prefix}-cutlery:before { content: $fa-var-cutlery; }
.#{$fa-css-prefix}-file-text-o:before { content: $fa-var-file-text-o; }
.#{$fa-css-prefix}-building-o:before { content: $fa-var-building-o; }
.#{$fa-css-prefix}-hospital-o:before { content: $fa-var-hospital-o; }
.#{$fa-css-prefix}-ambulance:before { content: $fa-var-ambulance; }
.#{$fa-css-prefix}-medkit:before { content: $fa-var-medkit; }
.#{$fa-css-prefix}-fighter-jet:before { content: $fa-var-fighter-jet; }
.#{$fa-css-prefix}-beer:before { content: $fa-var-beer; }
.#{$fa-css-prefix}-h-square:before { content: $fa-var-h-square; }
.#{$fa-css-prefix}-plus-square:before { content: $fa-var-plus-square; }
.#{$fa-css-prefix}-angle-double-left:before { content: $fa-var-angle-double-left; }
.#{$fa-css-prefix}-angle-double-right:before { content: $fa-var-angle-double-right; }
.#{$fa-css-prefix}-angle-double-up:before { content: $fa-var-angle-double-up; }
.#{$fa-css-prefix}-angle-double-down:before { content: $fa-var-angle-double-down; }
.#{$fa-css-prefix}-angle-left:before { content: $fa-var-angle-left; }
.#{$fa-css-prefix}-angle-right:before { content: $fa-var-angle-right; }
.#{$fa-css-prefix}-angle-up:before { content: $fa-var-angle-up; }
.#{$fa-css-prefix}-angle-down:before { content: $fa-var-angle-down; }
.#{$fa-css-prefix}-desktop:before { content: $fa-var-desktop; }
.#{$fa-css-prefix}-laptop:before { content: $fa-var-laptop; }
.#{$fa-css-prefix}-tablet:before { content: $fa-var-tablet; }
.#{$fa-css-prefix}-mobile-phone:before,
.#{$fa-css-prefix}-mobile:before { content: $fa-var-mobile; }
.#{$fa-css-prefix}-circle-o:before { content: $fa-var-circle-o; }
.#{$fa-css-prefix}-quote-left:before { content: $fa-var-quote-left; }
.#{$fa-css-prefix}-quote-right:before { content: $fa-var-quote-right; }
.#{$fa-css-prefix}-spinner:before { content: $fa-var-spinner; }
.#{$fa-css-prefix}-circle:before { content: $fa-var-circle; }
.#{$fa-css-prefix}-mail-reply:before,
.#{$fa-css-prefix}-reply:before { content: $fa-var-reply; }
.#{$fa-css-prefix}-github-alt:before { content: $fa-var-github-alt; }
.#{$fa-css-prefix}-folder-o:before { content: $fa-var-folder-o; }
.#{$fa-css-prefix}-folder-open-o:before { content: $fa-var-folder-open-o; }
.#{$fa-css-prefix}-smile-o:before { content: $fa-var-smile-o; }
.#{$fa-css-prefix}-frown-o:before { content: $fa-var-frown-o; }
.#{$fa-css-prefix}-meh-o:before { content: $fa-var-meh-o; }
.#{$fa-css-prefix}-gamepad:before { content: $fa-var-gamepad; }
.#{$fa-css-prefix}-keyboard-o:before { content: $fa-var-keyboard-o; }
.#{$fa-css-prefix}-flag-o:before { content: $fa-var-flag-o; }
.#{$fa-css-prefix}-flag-checkered:before { content: $fa-var-flag-checkered; }
.#{$fa-css-prefix}-terminal:before { content: $fa-var-terminal; }
.#{$fa-css-prefix}-code:before { content: $fa-var-code; }
.#{$fa-css-prefix}-mail-reply-all:before,
.#{$fa-css-prefix}-reply-all:before { content: $fa-var-reply-all; }
.#{$fa-css-prefix}-star-half-empty:before,
.#{$fa-css-prefix}-star-half-full:before,
.#{$fa-css-prefix}-star-half-o:before { content: $fa-var-star-half-o; }
.#{$fa-css-prefix}-location-arrow:before { content: $fa-var-location-arrow; }
.#{$fa-css-prefix}-crop:before { content: $fa-var-crop; }
.#{$fa-css-prefix}-code-fork:before { content: $fa-var-code-fork; }
.#{$fa-css-prefix}-unlink:before,
.#{$fa-css-prefix}-chain-broken:before { content: $fa-var-chain-broken; }
.#{$fa-css-prefix}-question:before { content: $fa-var-question; }
.#{$fa-css-prefix}-info:before { content: $fa-var-info; }
.#{$fa-css-prefix}-exclamation:before { content: $fa-var-exclamation; }
.#{$fa-css-prefix}-superscript:before { content: $fa-var-superscript; }
.#{$fa-css-prefix}-subscript:before { content: $fa-var-subscript; }
.#{$fa-css-prefix}-eraser:before { content: $fa-var-eraser; }
.#{$fa-css-prefix}-puzzle-piece:before { content: $fa-var-puzzle-piece; }
.#{$fa-css-prefix}-microphone:before { content: $fa-var-microphone; }
.#{$fa-css-prefix}-microphone-slash:before { content: $fa-var-microphone-slash; }
.#{$fa-css-prefix}-shield:before { content: $fa-var-shield; }
.#{$fa-css-prefix}-calendar-o:before { content: $fa-var-calendar-o; }
.#{$fa-css-prefix}-fire-extinguisher:before { content: $fa-var-fire-extinguisher; }
.#{$fa-css-prefix}-rocket:before { content: $fa-var-rocket; }
.#{$fa-css-prefix}-maxcdn:before { content: $fa-var-maxcdn; }
.#{$fa-css-prefix}-chevron-circle-left:before { content: $fa-var-chevron-circle-left; }
.#{$fa-css-prefix}-chevron-circle-right:before { content: $fa-var-chevron-circle-right; }
.#{$fa-css-prefix}-chevron-circle-up:before { content: $fa-var-chevron-circle-up; }
.#{$fa-css-prefix}-chevron-circle-down:before { content: $fa-var-chevron-circle-down; }
.#{$fa-css-prefix}-html5:before { content: $fa-var-html5; }
.#{$fa-css-prefix}-css3:before { content: $fa-var-css3; }
.#{$fa-css-prefix}-anchor:before { content: $fa-var-anchor; }
.#{$fa-css-prefix}-unlock-alt:before { content: $fa-var-unlock-alt; }
.#{$fa-css-prefix}-bullseye:before { content: $fa-var-bullseye; }
.#{$fa-css-prefix}-ellipsis-h:before { content: $fa-var-ellipsis-h; }
.#{$fa-css-prefix}-ellipsis-v:before { content: $fa-var-ellipsis-v; }
.#{$fa-css-prefix}-rss-square:before { content: $fa-var-rss-square; }
.#{$fa-css-prefix}-play-circle:before { content: $fa-var-play-circle; }
.#{$fa-css-prefix}-ticket:before { content: $fa-var-ticket; }
.#{$fa-css-prefix}-minus-square:before { content: $fa-var-minus-square; }
.#{$fa-css-prefix}-minus-square-o:before { content: $fa-var-minus-square-o; }
.#{$fa-css-prefix}-level-up:before { content: $fa-var-level-up; }
.#{$fa-css-prefix}-level-down:before { content: $fa-var-level-down; }
.#{$fa-css-prefix}-check-square:before { content: $fa-var-check-square; }
.#{$fa-css-prefix}-pencil-square:before { content: $fa-var-pencil-square; }
.#{$fa-css-prefix}-external-link-square:before { content: $fa-var-external-link-square; }
.#{$fa-css-prefix}-share-square:before { content: $fa-var-share-square; }
.#{$fa-css-prefix}-compass:before { content: $fa-var-compass; }
.#{$fa-css-prefix}-toggle-down:before,
.#{$fa-css-prefix}-caret-square-o-down:before { content: $fa-var-caret-square-o-down; }
.#{$fa-css-prefix}-toggle-up:before,
.#{$fa-css-prefix}-caret-square-o-up:before { content: $fa-var-caret-square-o-up; }
.#{$fa-css-prefix}-toggle-right:before,
.#{$fa-css-prefix}-caret-square-o-right:before { content: $fa-var-caret-square-o-right; }
.#{$fa-css-prefix}-euro:before,
.#{$fa-css-prefix}-eur:before { content: $fa-var-eur; }
.#{$fa-css-prefix}-gbp:before { content: $fa-var-gbp; }
.#{$fa-css-prefix}-dollar:before,
.#{$fa-css-prefix}-usd:before { content: $fa-var-usd; }
.#{$fa-css-prefix}-rupee:before,
.#{$fa-css-prefix}-inr:before { content: $fa-var-inr; }
.#{$fa-css-prefix}-cny:before,
.#{$fa-css-prefix}-rmb:before,
.#{$fa-css-prefix}-yen:before,
.#{$fa-css-prefix}-jpy:before { content: $fa-var-jpy; }
.#{$fa-css-prefix}-ruble:before,
.#{$fa-css-prefix}-rouble:before,
.#{$fa-css-prefix}-rub:before { content: $fa-var-rub; }
.#{$fa-css-prefix}-won:before,
.#{$fa-css-prefix}-krw:before { content: $fa-var-krw; }
.#{$fa-css-prefix}-bitcoin:before,
.#{$fa-css-prefix}-btc:before { content: $fa-var-btc; }
.#{$fa-css-prefix}-file:before { content: $fa-var-file; }
.#{$fa-css-prefix}-file-text:before { content: $fa-var-file-text; }
.#{$fa-css-prefix}-sort-alpha-asc:before { content: $fa-var-sort-alpha-asc; }
.#{$fa-css-prefix}-sort-alpha-desc:before { content: $fa-var-sort-alpha-desc; }
.#{$fa-css-prefix}-sort-amount-asc:before { content: $fa-var-sort-amount-asc; }
.#{$fa-css-prefix}-sort-amount-desc:before { content: $fa-var-sort-amount-desc; }
.#{$fa-css-prefix}-sort-numeric-asc:before { content: $fa-var-sort-numeric-asc; }
.#{$fa-css-prefix}-sort-numeric-desc:before { content: $fa-var-sort-numeric-desc; }
.#{$fa-css-prefix}-thumbs-up:before { content: $fa-var-thumbs-up; }
.#{$fa-css-prefix}-thumbs-down:before { content: $fa-var-thumbs-down; }
.#{$fa-css-prefix}-youtube-square:before { content: $fa-var-youtube-square; }
.#{$fa-css-prefix}-youtube:before { content: $fa-var-youtube; }
.#{$fa-css-prefix}-xing:before { content: $fa-var-xing; }
.#{$fa-css-prefix}-xing-square:before { content: $fa-var-xing-square; }
.#{$fa-css-prefix}-youtube-play:before { content: $fa-var-youtube-play; }
.#{$fa-css-prefix}-dropbox:before { content: $fa-var-dropbox; }
.#{$fa-css-prefix}-stack-overflow:before { content: $fa-var-stack-overflow; }
.#{$fa-css-prefix}-instagram:before { content: $fa-var-instagram; }
.#{$fa-css-prefix}-flickr:before { content: $fa-var-flickr; }
.#{$fa-css-prefix}-adn:before { content: $fa-var-adn; }
.#{$fa-css-prefix}-bitbucket:before { content: $fa-var-bitbucket; }
.#{$fa-css-prefix}-bitbucket-square:before { content: $fa-var-bitbucket-square; }
.#{$fa-css-prefix}-tumblr:before { content: $fa-var-tumblr; }
.#{$fa-css-prefix}-tumblr-square:before { content: $fa-var-tumblr-square; }
.#{$fa-css-prefix}-long-arrow-down:before { content: $fa-var-long-arrow-down; }
.#{$fa-css-prefix}-long-arrow-up:before { content: $fa-var-long-arrow-up; }
.#{$fa-css-prefix}-long-arrow-left:before { content: $fa-var-long-arrow-left; }
.#{$fa-css-prefix}-long-arrow-right:before { content: $fa-var-long-arrow-right; }
.#{$fa-css-prefix}-apple:before { content: $fa-var-apple; }
.#{$fa-css-prefix}-windows:before { content: $fa-var-windows; }
.#{$fa-css-prefix}-android:before { content: $fa-var-android; }
.#{$fa-css-prefix}-linux:before { content: $fa-var-linux; }
.#{$fa-css-prefix}-dribbble:before { content: $fa-var-dribbble; }
.#{$fa-css-prefix}-skype:before { content: $fa-var-skype; }
.#{$fa-css-prefix}-foursquare:before { content: $fa-var-foursquare; }
.#{$fa-css-prefix}-trello:before { content: $fa-var-trello; }
.#{$fa-css-prefix}-female:before { content: $fa-var-female; }
.#{$fa-css-prefix}-male:before { content: $fa-var-male; }
.#{$fa-css-prefix}-gittip:before,
.#{$fa-css-prefix}-gratipay:before { content: $fa-var-gratipay; }
.#{$fa-css-prefix}-sun-o:before { content: $fa-var-sun-o; }
.#{$fa-css-prefix}-moon-o:before { content: $fa-var-moon-o; }
.#{$fa-css-prefix}-archive:before { content: $fa-var-archive; }
.#{$fa-css-prefix}-bug:before { content: $fa-var-bug; }
.#{$fa-css-prefix}-vk:before { content: $fa-var-vk; }
.#{$fa-css-prefix}-weibo:before { content: $fa-var-weibo; }
.#{$fa-css-prefix}-renren:before { content: $fa-var-renren; }
.#{$fa-css-prefix}-pagelines:before { content: $fa-var-pagelines; }
.#{$fa-css-prefix}-stack-exchange:before { content: $fa-var-stack-exchange; }
.#{$fa-css-prefix}-arrow-circle-o-right:before { content: $fa-var-arrow-circle-o-right; }
.#{$fa-css-prefix}-arrow-circle-o-left:before { content: $fa-var-arrow-circle-o-left; }
.#{$fa-css-prefix}-toggle-left:before,
.#{$fa-css-prefix}-caret-square-o-left:before { content: $fa-var-caret-square-o-left; }
.#{$fa-css-prefix}-dot-circle-o:before { content: $fa-var-dot-circle-o; }
.#{$fa-css-prefix}-wheelchair:before { content: $fa-var-wheelchair; }
.#{$fa-css-prefix}-vimeo-square:before { content: $fa-var-vimeo-square; }
.#{$fa-css-prefix}-turkish-lira:before,
.#{$fa-css-prefix}-try:before { content: $fa-var-try; }
.#{$fa-css-prefix}-plus-square-o:before { content: $fa-var-plus-square-o; }
.#{$fa-css-prefix}-space-shuttle:before { content: $fa-var-space-shuttle; }
.#{$fa-css-prefix}-slack:before { content: $fa-var-slack; }
.#{$fa-css-prefix}-envelope-square:before { content: $fa-var-envelope-square; }
.#{$fa-css-prefix}-wordpress:before { content: $fa-var-wordpress; }
.#{$fa-css-prefix}-openid:before { content: $fa-var-openid; }
.#{$fa-css-prefix}-institution:before,
.#{$fa-css-prefix}-bank:before,
.#{$fa-css-prefix}-university:before { content: $fa-var-university; }
.#{$fa-css-prefix}-mortar-board:before,
.#{$fa-css-prefix}-graduation-cap:before { content: $fa-var-graduation-cap; }
.#{$fa-css-prefix}-yahoo:before { content: $fa-var-yahoo; }
.#{$fa-css-prefix}-google:before { content: $fa-var-google; }
.#{$fa-css-prefix}-reddit:before { content: $fa-var-reddit; }
.#{$fa-css-prefix}-reddit-square:before { content: $fa-var-reddit-square; }
.#{$fa-css-prefix}-stumbleupon-circle:before { content: $fa-var-stumbleupon-circle; }
.#{$fa-css-prefix}-stumbleupon:before { content: $fa-var-stumbleupon; }
.#{$fa-css-prefix}-delicious:before { content: $fa-var-delicious; }
.#{$fa-css-prefix}-digg:before { content: $fa-var-digg; }
.#{$fa-css-prefix}-pied-piper-pp:before { content: $fa-var-pied-piper-pp; }
.#{$fa-css-prefix}-pied-piper-alt:before { content: $fa-var-pied-piper-alt; }
.#{$fa-css-prefix}-drupal:before { content: $fa-var-drupal; }
.#{$fa-css-prefix}-joomla:before { content: $fa-var-joomla; }
.#{$fa-css-prefix}-language:before { content: $fa-var-language; }
.#{$fa-css-prefix}-fax:before { content: $fa-var-fax; }
.#{$fa-css-prefix}-building:before { content: $fa-var-building; }
.#{$fa-css-prefix}-child:before { content: $fa-var-child; }
.#{$fa-css-prefix}-paw:before { content: $fa-var-paw; }
.#{$fa-css-prefix}-spoon:before { content: $fa-var-spoon; }
.#{$fa-css-prefix}-cube:before { content: $fa-var-cube; }
.#{$fa-css-prefix}-cubes:before { content: $fa-var-cubes; }
.#{$fa-css-prefix}-behance:before { content: $fa-var-behance; }
.#{$fa-css-prefix}-behance-square:before { content: $fa-var-behance-square; }
.#{$fa-css-prefix}-steam:before { content: $fa-var-steam; }
.#{$fa-css-prefix}-steam-square:before { content: $fa-var-steam-square; }
.#{$fa-css-prefix}-recycle:before { content: $fa-var-recycle; }
.#{$fa-css-prefix}-automobile:before,
.#{$fa-css-prefix}-car:before { content: $fa-var-car; }
.#{$fa-css-prefix}-cab:before,
.#{$fa-css-prefix}-taxi:before { content: $fa-var-taxi; }
.#{$fa-css-prefix}-tree:before { content: $fa-var-tree; }
.#{$fa-css-prefix}-spotify:before { content: $fa-var-spotify; }
.#{$fa-css-prefix}-deviantart:before { content: $fa-var-deviantart; }
.#{$fa-css-prefix}-soundcloud:before { content: $fa-var-soundcloud; }
.#{$fa-css-prefix}-database:before { content: $fa-var-database; }
.#{$fa-css-prefix}-file-pdf-o:before { content: $fa-var-file-pdf-o; }
.#{$fa-css-prefix}-file-word-o:before { content: $fa-var-file-word-o; }
.#{$fa-css-prefix}-file-excel-o:before { content: $fa-var-file-excel-o; }
.#{$fa-css-prefix}-file-powerpoint-o:before { content: $fa-var-file-powerpoint-o; }
.#{$fa-css-prefix}-file-photo-o:before,
.#{$fa-css-prefix}-file-picture-o:before,
.#{$fa-css-prefix}-file-image-o:before { content: $fa-var-file-image-o; }
.#{$fa-css-prefix}-file-zip-o:before,
.#{$fa-css-prefix}-file-archive-o:before { content: $fa-var-file-archive-o; }
.#{$fa-css-prefix}-file-sound-o:before,
.#{$fa-css-prefix}-file-audio-o:before { content: $fa-var-file-audio-o; }
.#{$fa-css-prefix}-file-movie-o:before,
.#{$fa-css-prefix}-file-video-o:before { content: $fa-var-file-video-o; }
.#{$fa-css-prefix}-file-code-o:before { content: $fa-var-file-code-o; }
.#{$fa-css-prefix}-vine:before { content: $fa-var-vine; }
.#{$fa-css-prefix}-codepen:before { content: $fa-var-codepen; }
.#{$fa-css-prefix}-jsfiddle:before { content: $fa-var-jsfiddle; }
.#{$fa-css-prefix}-life-bouy:before,
.#{$fa-css-prefix}-life-buoy:before,
.#{$fa-css-prefix}-life-saver:before,
.#{$fa-css-prefix}-support:before,
.#{$fa-css-prefix}-life-ring:before { content: $fa-var-life-ring; }
.#{$fa-css-prefix}-circle-o-notch:before { content: $fa-var-circle-o-notch; }
.#{$fa-css-prefix}-ra:before,
.#{$fa-css-prefix}-resistance:before,
.#{$fa-css-prefix}-rebel:before { content: $fa-var-rebel; }
.#{$fa-css-prefix}-ge:before,
.#{$fa-css-prefix}-empire:before { content: $fa-var-empire; }
.#{$fa-css-prefix}-git-square:before { content: $fa-var-git-square; }
.#{$fa-css-prefix}-git:before { content: $fa-var-git; }
.#{$fa-css-prefix}-y-combinator-square:before,
.#{$fa-css-prefix}-yc-square:before,
.#{$fa-css-prefix}-hacker-news:before { content: $fa-var-hacker-news; }
.#{$fa-css-prefix}-tencent-weibo:before { content: $fa-var-tencent-weibo; }
.#{$fa-css-prefix}-qq:before { content: $fa-var-qq; }
.#{$fa-css-prefix}-wechat:before,
.#{$fa-css-prefix}-weixin:before { content: $fa-var-weixin; }
.#{$fa-css-prefix}-send:before,
.#{$fa-css-prefix}-paper-plane:before { content: $fa-var-paper-plane; }
.#{$fa-css-prefix}-send-o:before,
.#{$fa-css-prefix}-paper-plane-o:before { content: $fa-var-paper-plane-o; }
.#{$fa-css-prefix}-history:before { content: $fa-var-history; }
.#{$fa-css-prefix}-circle-thin:before { content: $fa-var-circle-thin; }
.#{$fa-css-prefix}-header:before { content: $fa-var-header; }
.#{$fa-css-prefix}-paragraph:before { content: $fa-var-paragraph; }
.#{$fa-css-prefix}-sliders:before { content: $fa-var-sliders; }
.#{$fa-css-prefix}-share-alt:before { content: $fa-var-share-alt; }
.#{$fa-css-prefix}-share-alt-square:before { content: $fa-var-share-alt-square; }
.#{$fa-css-prefix}-bomb:before { content: $fa-var-bomb; }
.#{$fa-css-prefix}-soccer-ball-o:before,
.#{$fa-css-prefix}-futbol-o:before { content: $fa-var-futbol-o; }
.#{$fa-css-prefix}-tty:before { content: $fa-var-tty; }
.#{$fa-css-prefix}-binoculars:before { content: $fa-var-binoculars; }
.#{$fa-css-prefix}-plug:before { content: $fa-var-plug; }
.#{$fa-css-prefix}-slideshare:before { content: $fa-var-slideshare; }
.#{$fa-css-prefix}-twitch:before { content: $fa-var-twitch; }
.#{$fa-css-prefix}-yelp:before { content: $fa-var-yelp; }
.#{$fa-css-prefix}-newspaper-o:before { content: $fa-var-newspaper-o; }
.#{$fa-css-prefix}-wifi:before { content: $fa-var-wifi; }
.#{$fa-css-prefix}-calculator:before { content: $fa-var-calculator; }
.#{$fa-css-prefix}-paypal:before { content: $fa-var-paypal; }
.#{$fa-css-prefix}-google-wallet:before { content: $fa-var-google-wallet; }
.#{$fa-css-prefix}-cc-visa:before { content: $fa-var-cc-visa; }
.#{$fa-css-prefix}-cc-mastercard:before { content: $fa-var-cc-mastercard; }
.#{$fa-css-prefix}-cc-discover:before { content: $fa-var-cc-discover; }
.#{$fa-css-prefix}-cc-amex:before { content: $fa-var-cc-amex; }
.#{$fa-css-prefix}-cc-paypal:before { content: $fa-var-cc-paypal; }
.#{$fa-css-prefix}-cc-stripe:before { content: $fa-var-cc-stripe; }
.#{$fa-css-prefix}-bell-slash:before { content: $fa-var-bell-slash; }
.#{$fa-css-prefix}-bell-slash-o:before { content: $fa-var-bell-slash-o; }
.#{$fa-css-prefix}-trash:before { content: $fa-var-trash; }
.#{$fa-css-prefix}-copyright:before { content: $fa-var-copyright; }
.#{$fa-css-prefix}-at:before { content: $fa-var-at; }
.#{$fa-css-prefix}-eyedropper:before { content: $fa-var-eyedropper; }
.#{$fa-css-prefix}-paint-brush:before { content: $fa-var-paint-brush; }
.#{$fa-css-prefix}-birthday-cake:before { content: $fa-var-birthday-cake; }
.#{$fa-css-prefix}-area-chart:before { content: $fa-var-area-chart; }
.#{$fa-css-prefix}-pie-chart:before { content: $fa-var-pie-chart; }
.#{$fa-css-prefix}-line-chart:before { content: $fa-var-line-chart; }
.#{$fa-css-prefix}-lastfm:before { content: $fa-var-lastfm; }
.#{$fa-css-prefix}-lastfm-square:before { content: $fa-var-lastfm-square; }
.#{$fa-css-prefix}-toggle-off:before { content: $fa-var-toggle-off; }
.#{$fa-css-prefix}-toggle-on:before { content: $fa-var-toggle-on; }
.#{$fa-css-prefix}-bicycle:before { content: $fa-var-bicycle; }
.#{$fa-css-prefix}-bus:before { content: $fa-var-bus; }
.#{$fa-css-prefix}-ioxhost:before { content: $fa-var-ioxhost; }
.#{$fa-css-prefix}-angellist:before { content: $fa-var-angellist; }
.#{$fa-css-prefix}-cc:before { content: $fa-var-cc; }
.#{$fa-css-prefix}-shekel:before,
.#{$fa-css-prefix}-sheqel:before,
.#{$fa-css-prefix}-ils:before { content: $fa-var-ils; }
.#{$fa-css-prefix}-meanpath:before { content: $fa-var-meanpath; }
.#{$fa-css-prefix}-buysellads:before { content: $fa-var-buysellads; }
.#{$fa-css-prefix}-connectdevelop:before { content: $fa-var-connectdevelop; }
.#{$fa-css-prefix}-dashcube:before { content: $fa-var-dashcube; }
.#{$fa-css-prefix}-forumbee:before { content: $fa-var-forumbee; }
.#{$fa-css-prefix}-leanpub:before { content: $fa-var-leanpub; }
.#{$fa-css-prefix}-sellsy:before { content: $fa-var-sellsy; }
.#{$fa-css-prefix}-shirtsinbulk:before { content: $fa-var-shirtsinbulk; }
.#{$fa-css-prefix}-simplybuilt:before { content: $fa-var-simplybuilt; }
.#{$fa-css-prefix}-skyatlas:before { content: $fa-var-skyatlas; }
.#{$fa-css-prefix}-cart-plus:before { content: $fa-var-cart-plus; }
.#{$fa-css-prefix}-cart-arrow-down:before { content: $fa-var-cart-arrow-down; }
.#{$fa-css-prefix}-diamond:before { content: $fa-var-diamond; }
.#{$fa-css-prefix}-ship:before { content: $fa-var-ship; }
.#{$fa-css-prefix}-user-secret:before { content: $fa-var-user-secret; }
.#{$fa-css-prefix}-motorcycle:before { content: $fa-var-motorcycle; }
.#{$fa-css-prefix}-street-view:before { content: $fa-var-street-view; }
.#{$fa-css-prefix}-heartbeat:before { content: $fa-var-heartbeat; }
.#{$fa-css-prefix}-venus:before { content: $fa-var-venus; }
.#{$fa-css-prefix}-mars:before { content: $fa-var-mars; }
.#{$fa-css-prefix}-mercury:before { content: $fa-var-mercury; }
.#{$fa-css-prefix}-intersex:before,
.#{$fa-css-prefix}-transgender:before { content: $fa-var-transgender; }
.#{$fa-css-prefix}-transgender-alt:before { content: $fa-var-transgender-alt; }
.#{$fa-css-prefix}-venus-double:before { content: $fa-var-venus-double; }
.#{$fa-css-prefix}-mars-double:before { content: $fa-var-mars-double; }
.#{$fa-css-prefix}-venus-mars:before { content: $fa-var-venus-mars; }
.#{$fa-css-prefix}-mars-stroke:before { content: $fa-var-mars-stroke; }
.#{$fa-css-prefix}-mars-stroke-v:before { content: $fa-var-mars-stroke-v; }
.#{$fa-css-prefix}-mars-stroke-h:before { content: $fa-var-mars-stroke-h; }
.#{$fa-css-prefix}-neuter:before { content: $fa-var-neuter; }
.#{$fa-css-prefix}-genderless:before { content: $fa-var-genderless; }
.#{$fa-css-prefix}-facebook-official:before { content: $fa-var-facebook-official; }
.#{$fa-css-prefix}-pinterest-p:before { content: $fa-var-pinterest-p; }
.#{$fa-css-prefix}-whatsapp:before { content: $fa-var-whatsapp; }
.#{$fa-css-prefix}-server:before { content: $fa-var-server; }
.#{$fa-css-prefix}-user-plus:before { content: $fa-var-user-plus; }
.#{$fa-css-prefix}-user-times:before { content: $fa-var-user-times; }
.#{$fa-css-prefix}-hotel:before,
.#{$fa-css-prefix}-bed:before { content: $fa-var-bed; }
.#{$fa-css-prefix}-viacoin:before { content: $fa-var-viacoin; }
.#{$fa-css-prefix}-train:before { content: $fa-var-train; }
.#{$fa-css-prefix}-subway:before { content: $fa-var-subway; }
.#{$fa-css-prefix}-medium:before { content: $fa-var-medium; }
.#{$fa-css-prefix}-yc:before,
.#{$fa-css-prefix}-y-combinator:before { content: $fa-var-y-combinator; }
.#{$fa-css-prefix}-optin-monster:before { content: $fa-var-optin-monster; }
.#{$fa-css-prefix}-opencart:before { content: $fa-var-opencart; }
.#{$fa-css-prefix}-expeditedssl:before { content: $fa-var-expeditedssl; }
.#{$fa-css-prefix}-battery-4:before,
.#{$fa-css-prefix}-battery-full:before { content: $fa-var-battery-full; }
.#{$fa-css-prefix}-battery-3:before,
.#{$fa-css-prefix}-battery-three-quarters:before { content: $fa-var-battery-three-quarters; }
.#{$fa-css-prefix}-battery-2:before,
.#{$fa-css-prefix}-battery-half:before { content: $fa-var-battery-half; }
.#{$fa-css-prefix}-battery-1:before,
.#{$fa-css-prefix}-battery-quarter:before { content: $fa-var-battery-quarter; }
.#{$fa-css-prefix}-battery-0:before,
.#{$fa-css-prefix}-battery-empty:before { content: $fa-var-battery-empty; }
.#{$fa-css-prefix}-mouse-pointer:before { content: $fa-var-mouse-pointer; }
.#{$fa-css-prefix}-i-cursor:before { content: $fa-var-i-cursor; }
.#{$fa-css-prefix}-object-group:before { content: $fa-var-object-group; }
.#{$fa-css-prefix}-object-ungroup:before { content: $fa-var-object-ungroup; }
.#{$fa-css-prefix}-sticky-note:before { content: $fa-var-sticky-note; }
.#{$fa-css-prefix}-sticky-note-o:before { content: $fa-var-sticky-note-o; }
.#{$fa-css-prefix}-cc-jcb:before { content: $fa-var-cc-jcb; }
.#{$fa-css-prefix}-cc-diners-club:before { content: $fa-var-cc-diners-club; }
.#{$fa-css-prefix}-clone:before { content: $fa-var-clone; }
.#{$fa-css-prefix}-balance-scale:before { content: $fa-var-balance-scale; }
.#{$fa-css-prefix}-hourglass-o:before { content: $fa-var-hourglass-o; }
.#{$fa-css-prefix}-hourglass-1:before,
.#{$fa-css-prefix}-hourglass-start:before { content: $fa-var-hourglass-start; }
.#{$fa-css-prefix}-hourglass-2:before,
.#{$fa-css-prefix}-hourglass-half:before { content: $fa-var-hourglass-half; }
.#{$fa-css-prefix}-hourglass-3:before,
.#{$fa-css-prefix}-hourglass-end:before { content: $fa-var-hourglass-end; }
.#{$fa-css-prefix}-hourglass:before { content: $fa-var-hourglass; }
.#{$fa-css-prefix}-hand-grab-o:before,
.#{$fa-css-prefix}-hand-rock-o:before { content: $fa-var-hand-rock-o; }
.#{$fa-css-prefix}-hand-stop-o:before,
.#{$fa-css-prefix}-hand-paper-o:before { content: $fa-var-hand-paper-o; }
.#{$fa-css-prefix}-hand-scissors-o:before { content: $fa-var-hand-scissors-o; }
.#{$fa-css-prefix}-hand-lizard-o:before { content: $fa-var-hand-lizard-o; }
.#{$fa-css-prefix}-hand-spock-o:before { content: $fa-var-hand-spock-o; }
.#{$fa-css-prefix}-hand-pointer-o:before { content: $fa-var-hand-pointer-o; }
.#{$fa-css-prefix}-hand-peace-o:before { content: $fa-var-hand-peace-o; }
.#{$fa-css-prefix}-trademark:before { content: $fa-var-trademark; }
.#{$fa-css-prefix}-registered:before { content: $fa-var-registered; }
.#{$fa-css-prefix}-creative-commons:before { content: $fa-var-creative-commons; }
.#{$fa-css-prefix}-gg:before { content: $fa-var-gg; }
.#{$fa-css-prefix}-gg-circle:before { content: $fa-var-gg-circle; }
.#{$fa-css-prefix}-tripadvisor:before { content: $fa-var-tripadvisor; }
.#{$fa-css-prefix}-odnoklassniki:before { content: $fa-var-odnoklassniki; }
.#{$fa-css-prefix}-odnoklassniki-square:before { content: $fa-var-odnoklassniki-square; }
.#{$fa-css-prefix}-get-pocket:before { content: $fa-var-get-pocket; }
.#{$fa-css-prefix}-wikipedia-w:before { content: $fa-var-wikipedia-w; }
.#{$fa-css-prefix}-safari:before { content: $fa-var-safari; }
.#{$fa-css-prefix}-chrome:before { content: $fa-var-chrome; }
.#{$fa-css-prefix}-firefox:before { content: $fa-var-firefox; }
.#{$fa-css-prefix}-opera:before { content: $fa-var-opera; }
.#{$fa-css-prefix}-internet-explorer:before { content: $fa-var-internet-explorer; }
.#{$fa-css-prefix}-tv:before,
.#{$fa-css-prefix}-television:before { content: $fa-var-television; }
.#{$fa-css-prefix}-contao:before { content: $fa-var-contao; }
.#{$fa-css-prefix}-500px:before { content: $fa-var-500px; }
.#{$fa-css-prefix}-amazon:before { content: $fa-var-amazon; }
.#{$fa-css-prefix}-calendar-plus-o:before { content: $fa-var-calendar-plus-o; }
.#{$fa-css-prefix}-calendar-minus-o:before { content: $fa-var-calendar-minus-o; }
.#{$fa-css-prefix}-calendar-times-o:before { content: $fa-var-calendar-times-o; }
.#{$fa-css-prefix}-calendar-check-o:before { content: $fa-var-calendar-check-o; }
.#{$fa-css-prefix}-industry:before { content: $fa-var-industry; }
.#{$fa-css-prefix}-map-pin:before { content: $fa-var-map-pin; }
.#{$fa-css-prefix}-map-signs:before { content: $fa-var-map-signs; }
.#{$fa-css-prefix}-map-o:before { content: $fa-var-map-o; }
.#{$fa-css-prefix}-map:before { content: $fa-var-map; }
.#{$fa-css-prefix}-commenting:before { content: $fa-var-commenting; }
.#{$fa-css-prefix}-commenting-o:before { content: $fa-var-commenting-o; }
.#{$fa-css-prefix}-houzz:before { content: $fa-var-houzz; }
.#{$fa-css-prefix}-vimeo:before { content: $fa-var-vimeo; }
.#{$fa-css-prefix}-black-tie:before { content: $fa-var-black-tie; }
.#{$fa-css-prefix}-fonticons:before { content: $fa-var-fonticons; }
.#{$fa-css-prefix}-reddit-alien:before { content: $fa-var-reddit-alien; }
.#{$fa-css-prefix}-edge:before { content: $fa-var-edge; }
.#{$fa-css-prefix}-credit-card-alt:before { content: $fa-var-credit-card-alt; }
.#{$fa-css-prefix}-codiepie:before { content: $fa-var-codiepie; }
.#{$fa-css-prefix}-modx:before { content: $fa-var-modx; }
.#{$fa-css-prefix}-fort-awesome:before { content: $fa-var-fort-awesome; }
.#{$fa-css-prefix}-usb:before { content: $fa-var-usb; }
.#{$fa-css-prefix}-product-hunt:before { content: $fa-var-product-hunt; }
.#{$fa-css-prefix}-mixcloud:before { content: $fa-var-mixcloud; }
.#{$fa-css-prefix}-scribd:before { content: $fa-var-scribd; }
.#{$fa-css-prefix}-pause-circle:before { content: $fa-var-pause-circle; }
.#{$fa-css-prefix}-pause-circle-o:before { content: $fa-var-pause-circle-o; }
.#{$fa-css-prefix}-stop-circle:before { content: $fa-var-stop-circle; }
.#{$fa-css-prefix}-stop-circle-o:before { content: $fa-var-stop-circle-o; }
.#{$fa-css-prefix}-shopping-bag:before { content: $fa-var-shopping-bag; }
.#{$fa-css-prefix}-shopping-basket:before { content: $fa-var-shopping-basket; }
.#{$fa-css-prefix}-hashtag:before { content: $fa-var-hashtag; }
.#{$fa-css-prefix}-bluetooth:before { content: $fa-var-bluetooth; }
.#{$fa-css-prefix}-bluetooth-b:before { content: $fa-var-bluetooth-b; }
.#{$fa-css-prefix}-percent:before { content: $fa-var-percent; }
.#{$fa-css-prefix}-gitlab:before { content: $fa-var-gitlab; }
.#{$fa-css-prefix}-wpbeginner:before { content: $fa-var-wpbeginner; }
.#{$fa-css-prefix}-wpforms:before { content: $fa-var-wpforms; }
.#{$fa-css-prefix}-envira:before { content: $fa-var-envira; }
.#{$fa-css-prefix}-universal-access:before { content: $fa-var-universal-access; }
.#{$fa-css-prefix}-wheelchair-alt:before { content: $fa-var-wheelchair-alt; }
.#{$fa-css-prefix}-question-circle-o:before { content: $fa-var-question-circle-o; }
.#{$fa-css-prefix}-blind:before { content: $fa-var-blind; }
.#{$fa-css-prefix}-audio-description:before { content: $fa-var-audio-description; }
.#{$fa-css-prefix}-volume-control-phone:before { content: $fa-var-volume-control-phone; }
.#{$fa-css-prefix}-braille:before { content: $fa-var-braille; }
.#{$fa-css-prefix}-assistive-listening-systems:before { content: $fa-var-assistive-listening-systems; }
.#{$fa-css-prefix}-asl-interpreting:before,
.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: $fa-var-american-sign-language-interpreting; }
.#{$fa-css-prefix}-deafness:before,
.#{$fa-css-prefix}-hard-of-hearing:before,
.#{$fa-css-prefix}-deaf:before { content: $fa-var-deaf; }
.#{$fa-css-prefix}-glide:before { content: $fa-var-glide; }
.#{$fa-css-prefix}-glide-g:before { content: $fa-var-glide-g; }
.#{$fa-css-prefix}-signing:before,
.#{$fa-css-prefix}-sign-language:before { content: $fa-var-sign-language; }
.#{$fa-css-prefix}-low-vision:before { content: $fa-var-low-vision; }
.#{$fa-css-prefix}-viadeo:before { content: $fa-var-viadeo; }
.#{$fa-css-prefix}-viadeo-square:before { content: $fa-var-viadeo-square; }
.#{$fa-css-prefix}-snapchat:before { content: $fa-var-snapchat; }
.#{$fa-css-prefix}-snapchat-ghost:before { content: $fa-var-snapchat-ghost; }
.#{$fa-css-prefix}-snapchat-square:before { content: $fa-var-snapchat-square; }
.#{$fa-css-prefix}-pied-piper:before { content: $fa-var-pied-piper; }
.#{$fa-css-prefix}-first-order:before { content: $fa-var-first-order; }
.#{$fa-css-prefix}-yoast:before { content: $fa-var-yoast; }
.#{$fa-css-prefix}-themeisle:before { content: $fa-var-themeisle; }
.#{$fa-css-prefix}-google-plus-circle:before,
.#{$fa-css-prefix}-google-plus-official:before { content: $fa-var-google-plus-official; }
.#{$fa-css-prefix}-fa:before,
.#{$fa-css-prefix}-font-awesome:before { content: $fa-var-font-awesome; }

// Screen Readers
// -------------------------

.sr-only { @include sr-only(); }
.sr-only-focusable { @include sr-only-focusable(); }


/*============================================================================
  #Breakpoint and Grid Variables
==============================================================================*/
$viewportIncrement: 1px;

$small: 480px;
$medium: 768px;
$large: 769px;

$postSmall: $small + $viewportIncrement;
$preMedium: $medium - $viewportIncrement;
$preLarge: $large - $viewportIncrement;

/*================ The following are dependencies of csswizardry grid ================*/
$breakpoints: (
  'small' '(max-width: #{$small})',
  'medium' '(min-width: #{$postSmall}) and (max-width: #{$medium})',
  'medium-down' '(max-width: #{$medium})',
  'large' '(min-width: #{$large})'
);
$breakpoint-has-widths: ('small', 'medium', 'medium-down', 'large');
$breakpoint-has-push:  ('medium', 'medium-down', 'large');
$breakpoint-has-pull:  ('medium', 'medium-down', 'large');

/*============================================================================
  #General Variables
==============================================================================*/

// Timber Colors
/** $colorPrimary: {{ settings.color_primary }};
$colorSecondary: {{ settings.color_secondary }};*/

$black: #000000;
$light-gray: #d2d2d2;
$warm-grey: #999999;
$frog-green: #46d100;
$white-two: #f3f3f3;
$white-three: #fefefe;
$squash: #eabb17;
$white: #ffffff;
$brownish-grey: #666666;
$black-two: #222222;
$black-three: #252525;
$black-four: #333333;
$pinkish-grey: #cccccc;
$bright-red: #ec1d2f;
/*
// Button colors
$colorBtnPrimary: $colorPrimary;
$colorBtnPrimaryHover: darken($colorBtnPrimary, 10%);
$colorBtnPrimaryActive: darken($colorBtnPrimaryHover, 10%);
$colorBtnPrimaryText: #fff;

$colorBtnSecondary: $colorSecondary;
$colorBtnSecondaryHover: darken($colorBtnSecondary, 10%);
$colorBtnSecondaryActive: darken($colorBtnSecondaryHover, 10%);
$colorBtnSecondaryText: #fff;

// Text link colors
$colorLink: $colorPrimary;
$colorLinkHover: lighten($colorPrimary, 15%);

// Text colors
$colorTextBody: {{ settings.color_body_text }};

// Backgrounds
$colorBody: {{ settings.color_body_bg }};

// Border colors
$colorBorder: {{ settings.color_borders }};

// Nav and dropdown link background
$colorNav: #f2f2f2;
$colorNavText: #333;

// Site Footer
$colorFooterBg: {{ settings.color_footer_bg }};
$colorFooterText: {{ settings.color_footer_text }};

// Logo max width
$logoMaxWidth: {{ settings.logo_max_width | default: '450' | remove: 'px' }}px;
*/
// Helper colors
$disabledGrey: #f6f6f6;
$disabledBorder: darken($disabledGrey, 25%);
$errorRed: #d02e2e;
$errorRedBg: #fff6f6;
$successGreen: #56ad6a;
$successGreenBg: #ecfef0;
/*
// Drawers
$drawerNavWidth: 300px;
$drawerCartWidth: 300px;
$colorDrawers: #f6f6f6;
$colorDrawerBorder: darken($colorDrawers, 5%);
$colorDrawerText: #333;
$drawerTransition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1);

// Sizing variables
$siteWidth: 1180px;
$gutter: 30px;
//$gridGutter: 30px; // can be a %, but nested grids will have smaller margins because of it
$radius: 3px;

// Z-index
$zindexNavDropdowns: 5;
$zindexDrawer: 10;*/

/*================ Typography ================*/

/* Refactor to _typograpy.scss.liquid */

/*$headerFontStack: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$headerFontWeight: 700;

$bodyFontStack: 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$baseFontSize: 14px; // Henceforth known as 1em

@font-face {
  font-family: 'icons';
  src: url('{{ "icons.eot" | asset_url }}');
  src: url('{{ "icons.eot" | asset_url }}#iefix') format("embedded-opentype"),
       url('{{ "icons.woff" | asset_url }}') format("woff"),
       url('{{ "icons.ttf" | asset_url }}') format("truetype"),
       url('{{ "icons.svg" | asset_url }}#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
$socialIconFontStack: 'icons';

$font-Oswald:  'Oswald', sans-serif;
$font-OpenSans:  'Open Sans', sans-serif;
*/

/*============================================================================
  #Sass Mixins
==============================================================================*/
.clearfix {
  &:after {
    content: '';
    display: table;
    clear: both; }
  *zoom: 1;
}

@mixin clearfix() {
  &:after {
    content: '';
    display: table;
    clear: both; }
  *zoom: 1;
}

/*============================================================================
  Prefixer mixin for generating vendor prefixes:
    - Based on https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/addons/_prefixer.scss
    - Usage:

      // Input:
      .element {
        @include prefixer(transform, scale(1), ms webkit spec);
      }

      // Output:
      .element {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
      }
==============================================================================*/

@mixin prefixer($property, $value, $prefixes) {
  @each $prefix in $prefixes {
    @if $prefix == webkit {
      -webkit-#{$property}: $value;
    } @else if $prefix == moz {
      -moz-#{$property}: $value;
    } @else if $prefix == ms {
      -ms-#{$property}: $value;
    } @else if $prefix == o {
      -o-#{$property}: $value;
    } @else if $prefix == spec {
      #{$property}: $value;
    } @else  {
      @warn "Unrecognized prefix: #{$prefix}";
    }
  }
}

@mixin transform($transform) {
  @include prefixer(transform, $transform, ms webkit spec);
}

@mixin user-select($value: none) {
  @include prefixer(user-select, $value, webkit moz ms spec);
}

@mixin backface($visibility: hidden) {
  @include prefixer(backface-visibility, $visibility, webkit spec);
}

@function em($target, $context: $baseFontSize) {
  @if $target == 0 {
    @return 0;
  }
  @return $target / $context + 0em;
}


@function color-control($color) {
  @if (lightness( $color ) > 40) {
    @return #000;
  }
  @else {
    @return #fff;
  }
}

/*============================================================================
  Layer promotion mixin for creating smoother animations with higher FPS.
==============================================================================*/
@mixin promote-layer($properties: transform) {
  -webkit-transform: translateZ(0); // translateZ hack
  will-change: $properties; // spec
}

/*============================================================================
  Dependency-free breakpoint mixin
    - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
    - Usage docs: http://shopify.github.io/Timber/#sass-mixins
==============================================================================*/
$min: min-width;
$max: max-width;
@mixin at-query ($constraint_, $viewport1_, $viewport2_:null) {
 $constraint: $constraint_; $viewport1: $viewport1_; $viewport2: $viewport2_;
  @if type-of($constraint_) == number {
    $viewport1 : $constraint_; $viewport2 : $viewport1_; $constraint : null;
  }
  @if $constraint == $min {
    @media screen and ($min: $viewport1) {
      @content;
    }
  } @else if $constraint == $max {
    @media screen and ($max: $viewport1) {
      @content;
    }
  } @else {
    @media screen and ($min: $viewport1) and ($max: $viewport2) {
      @content;
    }
  }
}

/*============================================================================
  #Normalize
==============================================================================*/
*, input, :before, :after {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*============================================================================
  #Grid Setup
    - Based on csswizardry grid, but with floated columns, a fixed gutter size, and BEM classes
    - Breakpoints defined above, under #Breakpoint and Grid Variables
    - Note the inclusion of .grid-uniform to take care of clearfixes on evenly sized grid items
==============================================================================*/
$responsive:         true;
$mobile-first:       false;
$use-silent-classes: false;
$push:               true;
$pull:               true;

/* Force clearfix on grids */
.grid,
.grid-uniform {
  @include clearfix;
}

/* Manual grid__item clearfix */
.grid__item.clear {
  clear: both;
}

$class-type: unquote(".");

@if $use-silent-classes == true {
  $class-type: unquote("%");
}

@mixin grid-media-query($media-query) {
  $breakpoint-found: false;

  @each $breakpoint in $breakpoints {
    $name: nth($breakpoint, 1);
    $declaration: nth($breakpoint, 2);

    @if $media-query == $name and $declaration {
      $breakpoint-found: true;

      @media only screen and #{$declaration} {
        @content;
      }
    }
  }

  @if $breakpoint-found == false {
    @warn "Breakpoint '#{$media-query}' does not exist";
  }
}


/*============================================================================
  Drop relative positioning into silent classes which can't take advantage of
  the `[class*="push--"]` and `[class*="pull--"]` selectors.
==============================================================================*/
@mixin silent-relative() {
  @if $use-silent-classes == true {
    position:relative;
  }
}

/*============================================================================
  Grid Setup
    1. Allow the grid system to be used on lists.
    2. Remove any margins and paddings that might affect the grid system.
    3. Apply a negative `margin-left` to negate the columns' gutters.
==============================================================================*/
$gridGutter: 60px; // can be a %, but nested grids will have smaller margins because of it
#{$class-type}grid,
#{$class-type}grid-uniform {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: - $gridGutter;
}

#{$class-type}grid__item {
  box-sizing: border-box;
  float: left;
  min-height: 1px;
  padding-left: $gridGutter;
  vertical-align: top;
  @if $mobile-first == true {
    width: 100%;
  }
}

/*============================================================================
  Reversed grids allow you to structure your source in the opposite
  order to how your rendered layout will appear.
==============================================================================*/
#{$class-type}grid--rev {
  @extend #{$class-type}grid;
  direction: rtl;
  text-align: left;

  > #{$class-type}grid__item {
    direction: ltr;
    text-align: left;
    float: right;
  }
}

/* Gutterless grids have all the properties of regular grids, minus any spacing. */
#{$class-type}grid--full {
  @extend #{$class-type}grid;
  margin-left: 0;

  > #{$class-type}grid__item {
    padding-left: 0;
  }
}

/*============================================================================
  WIDTHS
    - Create width classes, prefixed by the specified namespace.
==============================================================================*/
@mixin device-type($namespace:"") {
  /** Whole */
  #{$class-type}#{$namespace}one-whole       { width: 100%; }

  /* Halves */
  #{$class-type}#{$namespace}one-half        { width: 50%; }

  /* Thirds */
  #{$class-type}#{$namespace}one-third       { width: 33.333%; }
  #{$class-type}#{$namespace}two-thirds      { width: 66.666%; }

  /* Quarters */
  #{$class-type}#{$namespace}one-quarter     { width: 25%; }
  #{$class-type}#{$namespace}two-quarters    { width: 50%; }
  #{$class-type}#{$namespace}three-quarters  { width: 75%; }

  /* Fifths */
  #{$class-type}#{$namespace}one-fifth       { width: 20%; }
  #{$class-type}#{$namespace}two-fifths      { width: 40%; }
  #{$class-type}#{$namespace}three-fifths    { width: 60%; }
  #{$class-type}#{$namespace}four-fifths     { width: 80%; }

  /* Sixths */
  #{$class-type}#{$namespace}one-sixth       { width: 16.666%; }
  #{$class-type}#{$namespace}two-sixths      { width: 33.333%; }
  #{$class-type}#{$namespace}three-sixths    { width: 50%; }
  #{$class-type}#{$namespace}four-sixths     { width: 66.666%; }
  #{$class-type}#{$namespace}five-sixths     { width: 83.333%; }

  /* Eighths */
  #{$class-type}#{$namespace}one-eighth      { width: 12.5%; }
  #{$class-type}#{$namespace}two-eighths     { width: 25%; }
  #{$class-type}#{$namespace}three-eighths   { width: 37.5%; }
  #{$class-type}#{$namespace}four-eighths    { width: 50%; }
  #{$class-type}#{$namespace}five-eighths    { width: 62.5%; }
  #{$class-type}#{$namespace}six-eighths     { width: 75%; }
  #{$class-type}#{$namespace}seven-eighths   { width: 87.5%; }

  /* Tenths */
  #{$class-type}#{$namespace}one-tenth       { width: 10%; }
  #{$class-type}#{$namespace}two-tenths      { width: 20%; }
  #{$class-type}#{$namespace}three-tenths    { width: 30%; }
  #{$class-type}#{$namespace}four-tenths     { width: 40%; }
  #{$class-type}#{$namespace}five-tenths     { width: 50%; }
  #{$class-type}#{$namespace}six-tenths      { width: 60%; }
  #{$class-type}#{$namespace}seven-tenths    { width: 70%; }
  #{$class-type}#{$namespace}eight-tenths    { width: 80%; }
  #{$class-type}#{$namespace}nine-tenths     { width: 90%; }

  /* Twelfths */
  #{$class-type}#{$namespace}one-twelfth     { width: 8.333%; }
  #{$class-type}#{$namespace}two-twelfths    { width: 16.666%; }
  #{$class-type}#{$namespace}three-twelfths  { width: 25%; }
  #{$class-type}#{$namespace}four-twelfths   { width: 33.333%; }
  #{$class-type}#{$namespace}five-twelfths   { width: 41.666% }
  #{$class-type}#{$namespace}six-twelfths    { width: 50%; }
  #{$class-type}#{$namespace}seven-twelfths  { width: 58.333%; }
  #{$class-type}#{$namespace}eight-twelfths  { width: 66.666%; }
  #{$class-type}#{$namespace}nine-twelfths   { width: 75%; }
  #{$class-type}#{$namespace}ten-twelfths    { width: 83.333%; }
  #{$class-type}#{$namespace}eleven-twelfths { width: 91.666%; }
}

/*================ Clearfix helper on uniform grids ================*/
@mixin clearfix-helper($namespace:"") {
  .grid-uniform {
    #{$class-type}#{$namespace}one-half:nth-child(2n+1),
    #{$class-type}#{$namespace}one-third:nth-child(3n+1),
    #{$class-type}#{$namespace}one-quarter:nth-child(4n+1),
    #{$class-type}#{$namespace}one-fifth:nth-child(5n+1),
    #{$class-type}#{$namespace}one-sixth:nth-child(6n+1),
    #{$class-type}#{$namespace}two-sixths:nth-child(3n+1),
    #{$class-type}#{$namespace}three-sixths:nth-child(2n+1),
    #{$class-type}#{$namespace}two-eighths:nth-child(4n+1),
    #{$class-type}#{$namespace}four-eighths:nth-child(2n+1),
    #{$class-type}#{$namespace}five-tenths:nth-child(2n+1),
    #{$class-type}#{$namespace}one-twelfth:nth-child(12n+1),
    #{$class-type}#{$namespace}two-twelfths:nth-child(6n+1),
    #{$class-type}#{$namespace}three-twelfths:nth-child(4n+1),
    #{$class-type}#{$namespace}four-twelfths:nth-child(3n+1),
    #{$class-type}#{$namespace}six-twelfths:nth-child(2n+1)    { clear: both; }
  }
}

/*================ Helper show/hide classes around our breakpoints ================*/
@mixin device-helper($namespace:"") {
  #{$class-type}#{$namespace}show        { display: block!important; }
  #{$class-type}#{$namespace}hide        { display: none!important; }

  #{$class-type}#{$namespace}text-left   { text-align: left!important; }
  #{$class-type}#{$namespace}text-right  { text-align: right!important; }
  #{$class-type}#{$namespace}text-center { text-align: center!important; }

  #{$class-type}#{$namespace}left        { float: left!important; }
  #{$class-type}#{$namespace}right       { float: right!important; }
}

/*================ Our regular, non-responsive width and helper classes ================*/
@include device-type();
@include device-helper();

/*================ Our responsive classes, if we have enabled them ================*/
@if $responsive == true {
  @each $name in $breakpoint-has-widths {
    @include grid-media-query($name) {
      @include device-type('#{$name}--');
      @include device-helper('#{$name}--');
      @include clearfix-helper('#{$name}--');
    }
  }
}

/*============================================================================
  PUSH
    - Push classes, to move grid items over to the right by certain amounts
==============================================================================*/
@mixin push-setup($namespace: "") {
  /* Whole */
  #{$class-type}push--#{$namespace}one-whole       { left: 100%; @include silent-relative(); }

  /* Halves */
  #{$class-type}push--#{$namespace}one-half        { left: 50%; @include silent-relative(); }

  /* Thirds */
  #{$class-type}push--#{$namespace}one-third       { left: 33.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-thirds      { left: 66.666%; @include silent-relative(); }

  /* Quarters */
  #{$class-type}push--#{$namespace}one-quarter     { left: 25%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-quarters    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-quarters  { left: 75%; @include silent-relative(); }

  /* Fifths */
  #{$class-type}push--#{$namespace}one-fifth       { left: 20%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-fifths      { left: 40%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-fifths    { left: 60%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-fifths     { left: 80%; @include silent-relative(); }

  /* Sixths */
  #{$class-type}push--#{$namespace}one-sixth       { left: 16.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-sixths      { left: 33.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-sixths    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-sixths     { left: 66.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-sixths     { left: 83.333%; @include silent-relative(); }

  /* Eighths */
  #{$class-type}push--#{$namespace}one-eighth      { left: 12.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-eighths     { left: 25%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-eighths   { left: 37.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-eighths    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-eighths    { left: 62.5%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}six-eighths     { left: 75%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}seven-eighths   { left: 87.5%; @include silent-relative(); }

  /* Tenths */
  #{$class-type}push--#{$namespace}one-tenth       { left: 10%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-tenths      { left: 20%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}three-tenths    { left: 30%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-tenths     { left: 40%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-tenths     { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}six-tenths      { left: 60%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}seven-tenths    { left: 70%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}eight-tenths    { left: 80%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}nine-tenths     { left: 90%; @include silent-relative(); }

  /* Twelfths */
  #{$class-type}push--#{$namespace}one-twelfth     { left: 8.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}two-twelfths    { left: 16.666%; @include silent-relative();  }
  #{$class-type}push--#{$namespace}three-twelfths  { left: 25%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}four-twelfths   { left: 33.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}five-twelfths   { left: 41.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}six-twelfths    { left: 50%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}seven-twelfths  { left: 58.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}eight-twelfths  { left: 66.666%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}nine-twelfths   { left: 75%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}ten-twelfths    { left: 83.333%; @include silent-relative(); }
  #{$class-type}push--#{$namespace}eleven-twelfths { left: 91.666%; @include silent-relative(); }
}

@if $push == true {
  [class*="push--"]{ position:relative; }

  @include push-setup();

  @if $responsive == true {
    @each $name in $breakpoint-has-push {
      @include grid-media-query($name) {
        @include push-setup('#{$name}--');
      }
    }
  }
}

/*============================================================================
  PULL
    - Pull classes, to move grid items back to the left by certain amounts
==============================================================================*/
@mixin pull-setup($namespace: "") {
  /* Whole */
  #{$class-type}pull--#{$namespace}one-whole       { right: 100%; @include silent-relative(); }

  /* Halves */
  #{$class-type}pull--#{$namespace}one-half        { right: 50%; @include silent-relative(); }

  /* Thirds */
  #{$class-type}pull--#{$namespace}one-third       { right: 33.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-thirds      { right: 66.666%; @include silent-relative(); }

  /* Quarters */
  #{$class-type}pull--#{$namespace}one-quarter     { right: 25%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-quarters    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-quarters  { right: 75%; @include silent-relative(); }

  /* Fifths */
  #{$class-type}pull--#{$namespace}one-fifth       { right: 20%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-fifths      { right: 40%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-fifths    { right: 60%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-fifths     { right: 80%; @include silent-relative(); }

  /* Sixths */
  #{$class-type}pull--#{$namespace}one-sixth       { right: 16.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-sixths      { right: 33.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-sixths    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-sixths     { right: 66.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-sixths     { right: 83.333%; @include silent-relative(); }

  /* Eighths */
  #{$class-type}pull--#{$namespace}one-eighth      { right: 12.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-eighths     { right: 25%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-eighths   { right: 37.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-eighths    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-eighths    { right: 62.5%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}six-eighths     { right: 75%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}seven-eighths   { right: 87.5%; @include silent-relative(); }

  /* Tenths */
  #{$class-type}pull--#{$namespace}one-tenth       { right: 10%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-tenths      { right: 20%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-tenths    { right: 30%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-tenths     { right: 40%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-tenths     { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}six-tenths      { right: 60%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}seven-tenths    { right: 70%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}eight-tenths    { right: 80%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}nine-tenths     { right: 90%; @include silent-relative(); }

  /* Twelfths */
  #{$class-type}pull--#{$namespace}one-twelfth     { right: 8.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}two-twelfths    { right: 16.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}three-twelfths  { right: 25%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}four-twelfths   { right: 33.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}five-twelfths   { right: 41.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}six-twelfths    { right: 50%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}seven-twelfths  { right: 58.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}eight-twelfths  { right: 66.666%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}nine-twelfths   { right: 75%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}ten-twelfths    { right: 83.333%; @include silent-relative(); }
  #{$class-type}pull--#{$namespace}eleven-twelfths { right: 91.666%; @include silent-relative(); }
}

@if $pull == true {
  [class*="pull--"]{ position:relative; }

  @include pull-setup();

  @if $responsive == true {
    @each $name in $breakpoint-has-pull {
      @include grid-media-query($name) {
        @include pull-setup('#{$name}--');
      }
    }
  }
}


$black: #000000;
$light-gray: #d2d2d2;
$warm-grey: #999999;
$frog-green: #46d100;
$white-two: #f3f3f3;
$white-three: #fefefe;
$squash: #eabb17;
$white: #ffffff;
$brownish-grey: #666666;
$black-two: #222222;
$black-three: #252525;
$black-four: #333333;
$pinkish-grey: #cccccc;
$bright-red: #ec1d2f;

$disabledGrey: #f6f6f6;
$disabledBorder: darken($disabledGrey, 25%);
$errorRed: #d02e2e;
$errorRedBg: #fff6f6;
$successGreen: #56ad6a;
$successGreenBg: #ecfef0;

$headerFontStack: 'Oswald', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$headerFontWeight: 700;

$bodyFontStack: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
$baseFontSize: 14px; // Henceforth known as 1em

@font-face {
  font-family: 'icons';
  src: url('{{ "icons.eot" | asset_url }}');
  src: url('{{ "icons.eot" | asset_url }}#iefix') format("embedded-opentype"),
       url('{{ "icons.woff" | asset_url }}') format("woff"),
       url('{{ "icons.ttf" | asset_url }}') format("truetype"),
       url('{{ "icons.svg" | asset_url }}#timber-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}

$socialIconFontStack: 'icons';

$font-Oswald:  'Oswald', sans-serif;
$font-OpenSans:  'Open Sans', sans-serif;

body,
input,
textarea,
button,
select {
  font-family: $bodyFontStack;
}

$font-Oswald:  'Oswald', sans-serif;
$font-OpenSans:  'Open Sans', sans-serif;

@mixin rounded($radius: 0.5em) {
  -webkit-border-radius: $radius;
  -moz-border-radius: $radius;
  border-radius: $radius;
}

@mixin size($width, $height) {
  width: $width;
  height: $height;
}

@mixin square($size) {
  @include size($size, $size);
}


@mixin center-block() {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


@mixin opacity($opacity) {
  opacity: $opacity;
  $opacity-ie: $opacity * 100;
  filter: alpha(opacity=$opacity-ie); //IE8
}

@mixin transition($args...) {
  -webkit-transition: $args;
  -moz-transition: $args;
  -ms-transition: $args;
  -o-transition: $args;
  transition: $args;
}

@mixin placeholder {
  ::-webkit-input-placeholder {@content}
  :-moz-placeholder           {@content}
  ::-moz-placeholder          {@content}
  :-ms-input-placeholder      {@content}
}

@mixin font-styles($family:$font-OpenSans, $style:normal, $weight:normal, $size:$baseFontSize, $color: $black, $transform: inherit) {
  font-weight: $weight;
  font-style: $style;
  font-stretch: normal;
  font-family: $family;
  font-size: $size;
  color: $color;
  text-transform: $transform;
}

@mixin vertical-center {
    position: relative;
    top: 50%;
    @include transform(translateY(-50%));
}

%wrapper {
	min-width: 1320px;
    min-width: inherit;
	@include center-block();
}

%hide-text {
  text-indent: -100000em;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
%none-padding {
    padding: 0!important;
}

%none-margin {
    margin: 0!important;
}

@mixin btn-item-style($text-color: "", $border-width: "1px", $border-color: "" ) {
    border: $border-width solid unquote($border-color);
    color: unquote($text-color);
}

@mixin Mobile-H1 {
  line-height: 54px;
  @include font-styles($family:$font-Oswald, $size: 50px, $weight: bold, $color: $white);
}
@mixin Heading-Level-4-Style {
  line-height: 30px;
  @include font-styles($family:$font-Oswald, $size: 30px, $weight: bold, $color: $black, $transform:uppercase);
}

@mixin Heading-Level-5-Style {
  line-height: 24px;
  @include font-styles($family:$font-Oswald, $size: 24px, $weight: bold, $color: $black);
}

@mixin Heading-Level-6-Style {
  line-height: 22px;
  @include font-styles($family:$font-Oswald, $size: 20px, $weight: bold, $color: $black, $transform:uppercase);
}
@mixin Paragraph {
    @include font-styles($size: 16px, $weight: 300, $color: $black);
    line-height: 24px;
}
@mixin Paragraph-large {
    @include font-styles($size: 24px, $weight: 300, $color: $black);
    line-height: 36px;
}

@mixin Paragraph-Mobile {
    @include font-styles($size: 18px, $weight: 300, $color: $black);
    line-height: 26px;
}

@mixin Label-14---Light-Style {
    @include font-styles($family:$font-Oswald,  $weight: bold, $color: $warm-grey, $transform:uppercase);
}

.none-pl {
    padding-left: 0 !important;
}
.none-float {
    float: none;
}

.none-mr {
    margin-right: 0!important;
}

.wrapper {
    @extend %wrapper;
    padding: 0;
    width: 100%;
    max-width: inherit;
}
input,a {
    &:focus {
        outline: none;
    }
}
.large--grid--mod {
    margin-left: 0;
    margin-right: $gridGutter;
    @include at-query ($max, $large) {
        margin-right: #{$gridGutter / 2};
        .grid__item {
            padding-left: #{$gridGutter / 2};
        }
    }
}
.grid-table--mod {
    display: table;
    width: 100%;
    .grid__item--cell {
        display: table-cell;
        float: none;
    }
    .grid__item--inline-table {
        display: inline-table;
    }
}

.btn-item {
    display: inline-block;
    letter-spacing: 0.7px;
    background: transparent;
    @include font-styles($family:$font-Oswald, $size: 20px, $weight: bold, $transform:uppercase);
    padding: 11px 15px;
    &:hover {
        @include opacity(0.7);
        @include transition(opacity 0.3s);
    }
    &.btn-item--full {
        width: 100%;
        text-align: center;
        padding: 11px 0;
    }
    $btn-name: 'yellow', 'black', 'light-gray', 'green';
    $border-colors-list: '#{$squash}', '#{$black}', '#{$light-gray}', '#{$frog-green}';
    $colors-list: '#{$squash}', '#{$black}', '#{$light-gray}', '#{$frog-green}';

    @each $current-color in $colors-list {
        $i: index($colors-list, $current-color);
        &.btn-item--#{nth($btn-name, $i)} {
            @include btn-item-style($current-color, 3px, nth($border-colors-list, $i));
        }
    }
}

@include at-query ($max, $small) {
    .small--btn-item--full {
        width: 100%;
        text-align: center;
        padding: 11px 0;
    }
}
@include at-query ($max, $medium) {
    .medium--btn-item--full {
        width: 100%;
        text-align: center;
        padding: 11px 0;
    }
}
.icon__fallback-text {
  @extend %hide-text;
}
.icon--facebook {background:url('{{ "facebook-icon.svg" | asset_url }}') center no-repeat;}
.icon--twitter{background:url('{{ "twitter-icon.svg" | asset_url }}') center no-repeat;}
.icon--instagram{background:url('{{ "instagram-icon.svg" | asset_url }}') center no-repeat;}
.icon--youtube{background:url('{{ "youtube-icon.svg" | asset_url }}') center no-repeat;}
.icon--shopping-bag{background:url('{{ "shopping-bag-icon.svg" | asset_url }}') center no-repeat;}
.icon--search{background:url('{{ "search-icon.svg" | asset_url }}') center no-repeat;}
.icon--arrow-down-yellow{background:url('{{ "arrow-down-yellow.svg" | asset_url }}') center no-repeat;}

.icon--facebook--black {background:url('{{ "facebook-icon-black.svg" | asset_url }}') center no-repeat;}
.icon--twitter--black {background:url('{{ "twitter-icon-black.svg" | asset_url }}') center no-repeat;}
.icon--instagram--black {background:url('{{ "instagram-icon-black.svg" | asset_url }}') center no-repeat;}
.icon--youtube--black {background:url('{{ "youtube-icon-black.svg" | asset_url }}') center no-repeat;}
.icon-video {background:url('{{ "video-icon.svg" | asset_url }}') center no-repeat;}

.icon--facebook--white {background:url('{{ "facebook-icon-white.svg" | asset_url }}') center no-repeat;}
.icon--twitter--white {background:url('{{ "twitter-icon-white.svg" | asset_url }}') center no-repeat;}
.icon--instagram--white {background:url('{{ "instagram-icon-white.svg" | asset_url }}') center no-repeat;}
.icon--youtube--white {background:url('{{ "youtube-icon-white.svg" | asset_url }}') center no-repeat;}
.icon--secure {background:url('{{ "icon-secure.svg" | asset_url }}') center no-repeat;}

.hr--mod {
    margin: 0 0 25px;
}
.hr--mod-1 {
    margin: 67px 0 9px;
    @include at-query ($max, $large) {
        margin-top: 50px;
    }
}
.hr--mod-2 {
    margin: 40px 0 24px;
}
.hr--mod-3 {
    margin-top: 90px;
}
.hr--mod-4 {
    margin: 63px 0 0;
}
.hr--mod-5 {
    top: -7px;
    position: relative;
    margin: 0;
    @include at-query ($min, $large) {
        top: 0px;
    }
}
.line-saperate {
    margin: 0 $gridGutter;
}
.input-full {
    background-color: $white;
    border: solid 1px $light-gray;
    @include font-styles( $color: $warm-grey, $weight: bold, $transform:uppercase);
    @include rounded(0);
    padding-top: 16px;
    padding-bottom: 16px;
}
.list--inline {
    &, li {
        display: inline-block;
        list-style: none;
    }
}
.main-content {
    margin-top: 0px;
   /* padding-bottom: 90px;*/
  padding-bottom:0;
    z-index: 1;

    @include at-query ($max, $large) {
        margin-top: -28px;
      //  padding-bottom: 30px;
    }
    @include at-query ($min, $medium) {
        min-height: calc(100vh - 530px);
    }
}
.quote-style {
    border: none;
    @extend %none-padding;
    @extend %none-margin;
    @include Mobile-H1();
    position: relative;

    &:before, &:after {
        content: "";
        @include size(33px, 26px);
        background: center top no-repeat;
        background-size: contain;
    }
    /*&:before{
        position: absolute;
        left: -54px;
        top: 167px;
        /*background-image: url('{ open-quote.svg | asset_url }}');
    }
    :after {
        background-image: url('{ close-quote.svg | asset_url }}');
        display: inline-block;
        height: 50px;
        margin-left: 20px;
    }*/
    @include at-query ($max, $large) {
        line-height: 29px;
        font-size: 22px;
        z-index: 0;
        &:before, &:after {
            @include size(20px, 26px);
            background-size: contain;
        }
        &:before{
            left: -65px;
            top: 58px;
        }
        &:after {
            margin-left: 10px;
        }
    }
}
.side-bar-yellow {
    background:  url('{{ "bg-yellow.png" | asset_url }}') center 235px;
    position: relative;
    &:before {
        content:"";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 235px;
        background: $squash;
    }
    .dropdown-style{
        padding-bottom: 0;
        select{
            padding-bottom: 2px;
        }
    }
    > .grid {
        margin-right: $gridGutter;
    }
    @include at-query ($max, $large) {
        > .grid {
            margin-right: 0;
        }
    }
}

/******** DROPDOWN STYLE **************/
.dropdown-style {
    position: relative;
    padding: 27px 0 0px 0;
   // margin: 12px 0 90px;
   margin: 12px 0 10px;
    width: 100%;
    background: $white;
    select {
        width: 100%;
        border: none;
        background-image:url('{{ "arrow-down-black.svg" | asset_url }}');
        background-position: calc(100% - 10px) top;
        background-repeat: no-repeat;
        padding: 0 0px 0 10px;
        @include font-styles( $color: $black, $size: 16px, $weight: bold);
        outline: none;
        box-shadow: none;
        padding-bottom: 2px;
    }
    label {
        //position: absolute;
        left: 10px;
        top: 8px;
        @include font-styles( $color: $warm-grey, $weight: bold, $transform: uppercase);
    }
    &.dropdown-style--border {
        border: 1px solid $light-gray;
    }
}
/********** breadcrumb ***********/
.breadcrumb {
    a, span {
        @include font-styles($size: 12px,  $transform:inherit);
        display: inline-block;
        @extend %none-padding;
        @extend %none-margin;
    }
    a{
        text-transform: capitalize;
    }
    .breadcrumb-arrow {
        width: 8px;
        height: 6px;
        @extend .icon--arrow-down-yellow;
        @include prefixer(transform, rotate(-90deg), ms webkit spec);
        @extend %hide-text;
        background-size: cover;
        margin: 0 4px;
    }
    .breadcrumb-wrapper--mod & {
        a, span {
            color: $black;
        }
    }
}


/**************** HERO BANNER  *******************/

.hero-banner {
    background-color: $black!important;
    .quote-style  {
        margin: 0 -#{$gridGutter / 2} 15px !important;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: cover;
        padding: 58px 20px 47px 90px!important;
    }
    .large--right {
        float: none;
    }
    .hero-banner__heading {
        margin-bottom: 6px;
        @include font-styles($family:$font-Oswald, $color: $squash, $size: 24px, $weight: bold, $transform: uppercase);
        line-height: 1.63;
        letter-spacing: 0.9px;
    }
    p {
        @include font-styles( $color: $white, $size: 16px, $weight: 300);
        line-height: 1.5;
        margin-bottom: 25px;
    }
    .btn-item {
        margin-bottom: 30px;
    }
    @include at-query ($max, $large) { 
        .quote-style{
            &:nth-of-type(1)  {
                color: rgba(150, 150, 150, 0);
            }
            &:nth-last-of-type(1)  {
                padding: 10px #{$gridGutter / 2} !important;
            }
        }
    }
    @include at-query ($min, $large) {
        background:  center top no-repeat;
        background-size: cover;
        background-color: transparent!important;
        min-height: 500px;
        display: flex;
        .hero-banner__content{
            width: 100%;
            margin: auto;
        }
        .quote-style   {
            background: transparent!important;
            margin-bottom: 70px!important;
            text-shadow: 3px 0px 5px rgba(150, 150, 150, 0.8);
            padding: 0!important;
        }
        .hero-banner__heading {
            letter-spacing: 1.2px;
            font-size: 30px;
            line-height: 39px;
            margin: 52px 0 0;
        }
        p {
          font-size: 24px;
          margin-bottom: 20px;

          &.excerpt {
            text-shadow: 3px 0px 5px rgba(150, 150, 150, 0.8);
          }
        }
        .btn-item.btn-item--yellow{
            margin-left: -30px;
        }
    }
}
@media screen and (min-width: 769px){
    .hero-banner{
        height: 52.2vh;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px){
    .hero-banner .quote-style:nth-of-type(1) {
        height: 34vh;
    }
}
/**************** END HERO BANNER  *******************/

.shop-block {
    .heading {
        @include Mobile-H1;
        margin-top: 30px;
        span {
            color: $black;
            display: block;
        }
        position: relative;
    }
    @include at-query ($max, $large) {
        pading-right: #{$gridGutter / 2};
        > .grid {
            margin-left: -#{$gridGutter / 2}!important;
        }
        .dropdown-style {
            width: calc(100% - #{$gridGutter / 2});
        }

    }
}

/********************Social Juicer customize as dropdown*************************/
.social--dropdown-master{
    padding: 0 10px;
    margin-bottom: 20px;
    .social--dropdown-wrapper{
        height: 56px;
        max-width: 325px;
        border: 1px solid #d2d2d2;
        padding: 27px 0 0 0;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        font-family: "Open Sans",sans-serif;
        font-size: 16px;
        color: #000;
        text-transform: inherit;
        outline: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        margin-bottom: 4px;
        cursor: pointer;
        position: relative;
        label{
            position: absolute;
            left: 10px;
            top: 8px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            font-family: "Open Sans",sans-serif;
            font-size: 14px;
            color: $warm-grey;
            text-transform: uppercase;
        }
        select{
            width: 100%;
            border: none;
            background-image:url('{{ "arrow-down-black.svg" | asset_url }}');
            background-position: calc(100% - 10px) top;
            background-repeat: no-repeat;
            padding: 0 0 2px 10px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            font-family: "Open Sans",sans-serif;
            font-size: 16px;
            color: #000;
            text-transform: inherit;
            outline: none;
            box-shadow: none;
        }
        ul.j-filters{
            padding: 0;
            margin: 0;
            display: none;
            li{
                border: 0!important;
                width: 100%!important;
                font-weight: normal;
                font-style: normal;
                font-stretch: normal;
                font-family: "Open Sans",sans-serif;
                font-size: 16px;
                color: #000!important;
                margin: 0!important;
                padding: 0 11px!important;
                &:before{
                    font-size: 0!important;
                    margin: 0!important;
                }
                &:after{
                    height: 0!important;
                }
                &:hover,&.highlight{
                    background: #07c !important;
                    color: $white !important;
                }
            }
        }

    }
}

@media screen and (min-width: 769px){
    .social--dropdown-wrapper{
        width: 60%;
    }
}
/**************** BLOG ITEM  *******************/
.blog-section {

    .btn-item {
        padding-left: 72px;
        padding-right: 72px;
    }
    .btn-wrap {
        border-top: 1px solid $light-gray;
        padding: 60px 0;
        margin-left: $gridGutter;
        width: calc(100% - #{$gridGutter});
    }
    > .heading {
        @include Mobile-H1;
        color: $black;
        line-height: inherit;
        margin: 30px 0 52px;
    }
    .dropdown-style {
        border:  1px solid $light-gray;
    }
    @include at-query ($min, $large) {
        .dropdown-style {
            width: 325px;
            margin: 0 0 30px;
        }
    }
    @include at-query ($max, $large) {
        margin-right: #{($gridGutter/2)};
        .btn-wrap {
            padding: 0;
            margin: 0 0 60px;
            width: 100%;
            border: none;
        }
        .btn-item {
            padding: 11px;
            width: 100%;
        }
        > .heading {
            letter-spacing: -0.1px;
            font-size: 16px;
        }
    }

}
@include at-query ($max, $large) {
    .blog-list {
        padding-right: 0;
        margin-left: 0;
    }
}

/*.template-index {
  .blog-item {
    @include at-query ($min, $large) {
        border-top: 1px solid $light-gray;
        padding-top: 30px;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            z-index: 1;
            width: 1px;
            top: 0;
            bottom: 0;
            background: $light-gray;
        }
        &:nth-child(n+1):nth-child(-n+2) {
            border-top: none;
            padding-top: 0;
        }
        &:nth-of-type(odd) {
            clear: both;
            padding-left: 0;
            margin-left: $gridGutter;
            width: calc(50% - #{$gridGutter});
            &:before {
                right: -#{($gridGutter/2)};
            }
        }
        &:nth-of-type(even) {
            &:before {
                left: #{($gridGutter/2) - 1};
            }
        }
    }
  }
}*/

.blog-item {
    /*@include at-query ($min, $large) {
        border-top: 1px solid $light-gray;
        padding-top: 30px;
        position: relative;
        &:before {
            content: "";
            position: absolute;
            z-index: 1;
            width: 1px;
            top: 0;
            bottom: 0;
            background: $light-gray;
        }
        &:nth-child(n+1):nth-child(-n+2) {
            border-top: none;
            padding-top: 0;
        }
        &:nth-of-type(odd) {
            clear: both;
            padding-left: 0;
            margin-left: $gridGutter;
            width: calc(50% - #{$gridGutter});
            &:before {
                right: -#{($gridGutter/2)};
            }
        }
        &:nth-of-type(even) {
            &:before {
                left: #{($gridGutter/2) - 1};
            }
        }
    }*/
    article {
        margin-bottom: 20px;
    }
    .grid__image {
        margin-bottom: 10px;
    }
    p {
        margin-bottom: 7px;
        font-size: 16px;
        font-family: $font-OpenSans;
    }
    .source {
        @include font-styles( $color: $squash, $size: 16px, $weight: bold);
        line-height: 1.5;
        letter-spacing: 1px;
        margin-bottom: 0;
    }
    .heading {
        a{
            @include font-styles($family:$font-Oswald, $color: $black-three, $size: 24px, $weight: bold);
        }
        line-height: 1.29;
        letter-spacing: 0.9px;
        margin-bottom: 14px;
    }
    .date{
        @include font-styles( $color: $warm-grey);
        line-height: 1.71;
    }
    @include at-query ($max, $large) {
        padding-left: 0!important;
    }
}

.blog-list--sd-articles {
    padding: 0 #{$gridGutter / 2} 0;
    .blog-item {
        margin-top: 30px;
        article {
            margin-bottom: 10px;
        }
    }
    .grid__image {
        margin-bottom: 7px;
    }
    @include at-query ($min, $large) {
        padding: #{$gridGutter / 2} 0 0 #{$gridGutter};
        .blog-item {
            &:before {
                display: none;
            }
        }
        .grid__image {
            margin-bottom: 7px;
        }
    }
}

/**************** END BLOG ITEM  *******************/
.pledge-section {
    .inner {
        background: $black;
        padding: 56px 0 0;
        .btn-wrap .btn-item--full.btn-item--yellow{
            border-color: $squash;
            color: $squash;
        }
    }
    .grid__item--cell {
        border-left: 1px solid $brownish-grey;
        padding: 0 20px;
        &:nth-of-type(1) {
          border: none;
        }
    }
    .heading {
        @include Mobile-H1;
        color: $squash;
        padding-bottom: 11px;
    }
    .sub-heading {
        padding-bottom: 34px;
        margin-bottom: 28px;
        line-height: 1.2;
        border-bottom: 1px solid $brownish-grey;
        @include font-styles($family:$font-Oswald, $color: $white, $size: 40px, $weight: 300);
        @include at-query ($min, $large) {
            position: relative;
            span {
                position: absolute;
                right: 0px;
                top: -16px;
            }
        }
    }
    span{
        font-family: $font-Oswald;
        color: $squash;
        text-transform: uppercase;
        display: block;
        letter-spacing: -0.2px;
    }
    p {
        letter-spacing: -0.5px;
        margin-bottom: 9px;
        @include font-styles($color: $white, $size: 24px, $weight: 300);
    }
    .pledge-section__count {
        background: $black-two;
        padding-bottom: 60px;
        padding-top: 40px;
        .grid__item {
            height: 40%;
            background-color: $black-two;
        }

    }
    .pledge-section__count {
        p {
            padding: 0;
            text-align: center;
            @include font-styles($family:$font-Oswald, $color: $squash, $size: em(160px), $weight: 300);
            &:before {
                content: "";
                display: inline-block;
                 width: 18%;
                background: url({{ 'hand-icon.svg' | asset_url }}) left top no-repeat;
                height: 94px;
                background-size: contain;
                margin-bottom: -35px;
                margin-right: 10px;
            }
        }
        span {
            display: block;
            font-size: 18px;
            letter-spacing: 0.7px;
            text-align: center;
            border-top: 2px solid $squash;
            padding-top: 20px;
        }

    }
    .pledge-section--people {
        .people {
            position: relative;
            z-index: 1;
            &:before {
                content:"";
                padding-top:100%;
                display: block;
            }
            img {
                display: block;
                width: 100%;
                max-width: inherit;
                position: absolute;
                left: 0;
                top: 0;
            }
        }
    }
     @include at-query ($max, $small) {
        .inner {
            padding-bottom: 0!important;
        }
        .pledge-section__count {
            p:before {
                width: 15%;
            }
        }
     }
    @include at-query ($max, $large) {
        .inner {
            padding-top: 30px;
            padding-bottom: 40px;
        }
        .heading {
            font-size: 36px;
            margin-bottom: 0;
            padding-bottom: 4px;
        }
        .sub-heading {
            font-size: 30px;
            line-height: 1.6;
            padding-bottom: 14px;
            margin-bottom: 0;
        }
        .grid__item--cell {
            padding: 15px 0 0;
            border: none!important;
            border-top:  1px solid  $brownish-grey!important;
            margin-top: 15px;
            &:nth-of-type(1) {
                border: none!important;
            }
            &:last-child {
              margin-bottom: 40px;
            }
        }
        .btn-wrap {
            padding-left: 0;
            margin: 30px 0;
        }
        .pledge-section__count {
            padding-left: #{$gridGutter / 2};
            padding-right: #{$gridGutter / 2};
            background-size:cover;
            p {
                font-size: 72px;
            }
            span {
                font-size: 16px;
            }
        }
    }
     @include at-query ($small, $medium) {
        .pledge-section__count {
            p:before {
                width: 10%;
            }
        }
     }
    @include at-query ($min, $large) {
        .inner {
            padding-bottom: 45px;
        }
        .pledge-section--people {
            .pledge-section__count {
                padding: 0!important;
                position: absolute;
                z-index: 2;
                left: 0;
                top: 50%;
                right: 0;
                bottom: 0;
                margin-top: -130px;
                p {
                    margin-bottom: 40px;
                    line-height: 1;
                    &:before {
                        height: 170px;
                        margin-bottom: -49px;
                        width: 17%;
                    }
                }
                span {
                    margin-left: $gridGutter;
                    margin-right: $gridGutter;
                }
            }
            .pledge-section__count-wrap {
                position: relative;
                z-index: 1;
                background: $black-two;
                overflow: hidden;
                &:before {
                    content:"";
                    padding-top:50%;
                    display: block;
                }
            }
        }
    }
    /*************  pledge-page ********************/
    .pledge-page & {
        background: transparent;
        padding-top: 0;
        .heading {
            font-size: 50px;
            color: $white;
            padding-bottom: 15px;
        }
        .sub-heading {
            padding-top: 40px;
        }
        .pledge-section__count {
            background: $white;
            margin-top: 9px;
            padding-bottom: 30px;
            height: auto;
            padding-right: 0;
            .grid--item {
                background: transparent;
            }
            span {
                border-color: $warm-grey;
                letter-spacing: 0.6px;
                color: $warm-grey;
                &:before {
                    width: 16%;
                    background-image: url({{ 'hand-icon-grey.svg' | asset_url }});
                }
            }
        }
        .pledge-section--inner {
            background: $black;
            .heading-section--mod {
                background: url( {{ 'header-pattern-tile.jpg'  | asset_url}}) left top;
                padding: 32px 0 15px;
                margin-bottom: 0;
                .heading {
                    margin-bottom: 0;
                    padding-left: #{$gridGutter / 2};
                }
            }
        }
        .form-vertical {
            margin-left: -#{$gridGutter / 2};
            margin-right: -#{$gridGutter / 2};
            &:after {
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                background-color: $light-gray;
                margin-top: 40px;
            }
            .dropdown-style select{
                margin-bottom: 0;
            }
            .btn-wrap {
                padding: 20px 0 0 0;
                margin:0;
            }
        }

        @include at-query ($medium, $large) {
            .take-the-pledge {
                padding-top: 62px;
            }
        }
        @include at-query ($max, $large) {
            .take-the-pledge {
                margin-right: 0;
                margin-bottom: #{$gridGutter / 2};
                padding-right:#{$gridGutter / 2};
                padding-bottom: 0;
                padding-left: 0;
                .heading {
                    padding-bottom: 0;
                }
            }
            .grid__item--cell {
                &:nth-of-type(1) {
                    margin-top: 0;
                }
            }
            .pledge-section__count {
                p {
                    padding: 0;
                    text-align: center;
                    &:before {
                        content: "";
                        display: inline-block;
                         width: 16%;
                        background: url({{ 'hand-icon-grey.svg' | asset_url }}) left top no-repeat;
                        height: 95px;
                        background-size: contain;
                        margin-bottom: -36px;
                        margin-right: 10px;
                    }
                }
                span {
                    &:before {
                        display: none;
                    }
                }

            }
        }

        @media only screen
          and (min-device-width: 768px)
          and (max-device-width: 1024px)
          and (orientation: landscape)
          and (-webkit-min-device-pixel-ratio: 1) {
            .form-wrap {
                width: 70%!important;
            }
            .form-vertical:after {
                display: none;
            }
            .pledge-section__count {
                clear: both;
                width: 100%;
            }
        }
        @include at-query ($medium, $large) {
            .pledge-section__count {
                p {
                    &:before {
                        width: 7%;
                        margin-bottom: -35px;
                    }
                }
            }
        }
        @include at-query ($min, $large) {
            .take-the-pledge {
                margin-bottom: 0;
            }
            .pledge-section--inner {
                background: $black;
                padding-top: 0px;
                padding-bottom: 45px;
                .heading-section--mod {
                    padding: 27px 0;
                    margin-bottom: 33px;
                    .heading {
                        padding-left: #{$gridGutter};
                    }
                }
            }
            span {
                padding-top: 8px;
            }
            .breadcrumb-wrapper {
                padding: 0 #{$gridGutter};
                margin-bottom: -20px;
            }
            .breadcrumb {
                span {
                    font-family: $font-OpenSans;
                    text-transform: inherit;
                    color: $white;
                    display: inline-block;
                    padding-top: 0;
                }
            }

            .heading {
                font-size: 72px;
                margin-bottom: 42px;
            }
            .sub-heading {
                padding-top: 0px;
                margin-bottom: 20px;
            }
            .form-vertical {
                position: relative;
                margin: 60px 0 0 -#{$gridGutter / 2};
                .grid__item {
                    padding-left: #{$gridGutter / 2};
                }
                &:after {
                    content: "";
                    position: absolute;
                    right: -#{$gridGutter / 2};
                    top: 0;
                    width: 1px;
                    margin-top: 0;
                    bottom: 0;
                    height: 100%;
                }
                .large--grid--mod {
                    margin-right: 0;
                }
                .btn-wrap {
                    padding-top: 0;
                }
                .btn-item {
                    margin-top: 20px;
                    margin-bottom: 0;
                }
            }
            .pledge-section__count {
                margin-top: 84px;
                padding-bottom: 90px;
                p {
                    padding: 0;
                    text-align: center;
                    &:before {
                        width: 15%;
                        content: "";
                        display: inline-block;
                        background: url({{ 'hand-icon-grey.svg' | asset_url }}) left top no-repeat;
                        height: 170px;
                        background-size: contain;
                        margin-bottom: -38px;
                        margin-right: 10px;
                    }
                }
                span {
                    letter-spacing: 0.7px;
                    margin-top: -27px;
                    padding-top: 20px;
                    &:before {
                        display: none;
                    }
                }
            }
        }

    }

    /*************  pledge-page ********************/
    @include at-query ($medium, $large) {
        .grid-table--mod {
            .grid__item--cell {
                float: left;
                &:nth-of-type(2) {
                    border: none!important;
                }
            }
        }

    }
}
@media screen and (min-width: 768px){
    .pledge-section .inner .btn-wrap .btn-item--full.btn-item--yellow{
        width: auto;
        padding: 11px 15px;
    }
}

@include at-query ($max, $large) {
    .stories-shop-section,
    .grid__item--cell {
        display: block!important;
    }
}

.small-thumb {
    margin: 0 0 15px;
    width: calc(50% - #{$gridGutter / 4});
    position: relative;
    a {
        display: block;
        &:before {
            content: "";
            padding-top:  100%;
            display: block;
        }
    }
}

.lastest-stories {
    .blog-section {
        margin-right: 0;
    }
    .heading {
        letter-spacing: 0px;
        line-height: 30px;
        @include font-styles($family:$font-Oswald, $transform: uppercase, $size: 30px, $weight: bold);
        margin: 10px 0;
    }
    .dropdown-style {
        margin-bottom: 30px;
    }
    @include at-query ($min, $large) {
        .heading {
            margin: 30px 0 15px;
        }
        .dropdown-style {
            margin-bottom: 60px;
        }
    }
    &.lastest-stories--press {
        .dropdown-style {
            margin: 20px 0;
            & + hr {
                margin-top: 0;
            }
        }
        @include at-query ($min, $large) {
            padding-bottom: 23px;
            .dropdown-style {
                margin: 30px 0;
            }
        }
    }
}
.story-item {
    .grid__image {
        @extend .small-thumb;
    }
    .desc {
        p {
            @include Paragraph;
        }
        margin-bottom: 20px;
        border-bottom: 1px solid $light-gray;
    }
    .heading {
        margin: 0 0 15px;
        a {
            @include Heading-Level-5-Style;
        }
    }

    .lastest-stories--press &,
    #press .press-page .lastest-stories--press &,
    #news & {
        @include at-query ($min, $medium) {
            display: table;
            padding-bottom: 30px;
            .heading {
                margin-bottom: 10px;
            }
            .grid__image {
                #press-landing & {
                    width: 196px;
                }
                width: 196px;
                margin-bottom: 0;
                padding-right: 29px;
                display: table-cell;
                vertical-align: bottom;
            }
            .desc {
                display: table-cell;
                vertical-align: bottom;
                p {
                    margin-bottom: 20px;
                }
                .date {
                    @include font-styles($size: 16px, $weight: 300, $color: $warm-grey);
                    line-height: 1.5;
                    margin-bottom: 9px;
                }
            }
        }
        .desc {
            margin-bottom: 30px;
        }
    }
    .press-page .lastest-stories--press &,
    #news & {
        width: 100%;
        @include at-query ($min, $large) {
            .desc {
                border-bottom: 1px solid $light-gray;
            }
        }
    }

    .lastest-stories & {
        .grid__image {
            width: 100%;
        }
        @include at-query ($min, $large) {
            .heading  a {
                font-size: 24px;
                line-height: 31px;
                letter-spacing: 0.9px;
                color: $black-three;
            }
            .desc {
                border: none;
            }
            .date {
                font-size: 14px;
            }
        }
    }

}

#news {
  .is-sticky {
    .lastest-stories__aside {
      width: 31.9% !important;
      right: 60px;
    }
  }
}

.newsletter-form {
    .heading {
        line-height: 48px;
        @include font-styles($family:$font-Oswald, $transform: uppercase, $size: 24px, $weight: bold, $color: $black);
    }
    p {
        @include Paragraph;
        margin-bottom: 8px;
    }
    .subscribe-form {
        border: solid 1px $light-gray;
        padding: 10px 15px 10px 10px;
        @include placeholder {
            @include font-styles($transform: uppercase, $weight: bold, $color: $warm-grey);
        }
        margin-bottom: 60px;
    }
    @include at-query ($min, $large) {
        .heading {
            margin-top: 17px;
            margin-bottom: 0;
        }
    }
}

.video-section {
    .video-section__heading {
        @include Heading-Level-4-Style;
    }
    .video-item {
        padding-bottom: 30px;
        height: auto;
        overflow: hidden;
       .grid__image {
            @extend .small-thumb;
            width: 110px;
            float: left;
            margin-right: 15px;
            .icon-video {
                @include square(30px);
                position: absolute;
                left: 50%;
                top: 50%;
                margin: -15px 0 0 -15px;
                @include opacity(0.8);
            }
        }
        .desc {
            overflow: hidden;
            .heading {
                a {
                    @include Heading-Level-6-Style;
                }
                margin: 0;
                text-transform: uppercase;
            }
        }

    }
    @include at-query ($min, $large) {
        .video-section__heading {
            margin-bottom: 20px;
        }
    }
}
.video-section {
    #relatedblogs {
        .video-item {
            .grid__image  {
                a:before {
                    display: none;
                }
                img {
                    margin: 0;
                }
            }
            .rb_contents {
                display: block;
                > p {
                    margin: 0;
                }
            }
         }
    }
}


.heading-section {
    background: url({{ 'header-pattern-tile.jpg' | asset_url }}) left top ;
    margin: -7px 0;
    padding: 27px #{$gridGutter / 2} 15px;
    text-transform: uppercase;
    .title {
        line-height: 1.08;
        @include font-styles($family:$font-Oswald,$size: 50px, $weight: bold, $color: $white);
    }
    .sub-title {
        line-height: 1.2;
        @include font-styles($family:$font-Oswald,$size: 20px, $weight: bold, $color: $squash);
    }
    @include at-query ($min, $large) {
        margin:0;
        padding: 20px $gridGutter 30px;
        .title {
            font-size: 72px;
            line-height: 0.08;
        }
        .sub-title {
            line-height: 1;
            @include font-styles($family:$font-Oswald,$size: 30px,$color: $squash, $weight: bold);
        }
    }
}
@media screen and (min-width: 769px){
    .collection-head.heading-section-wrap{
        padding-top: 0;
        background-color: transparent;
        .heading-section{
            padding:73px 60px 12px;
        }
    }
}
@include at-query ($max, $large) {
    .press-page {
         .image-wrap {
            margin-left: #{$gridGutter / 2};
            padding: 58px 0;
         }
         .lastest-stories .story-item .grid__image {
            width: calc(50% - #{$gridGutter / 4});
         }
    }
    #news {
        .lastest-stories .story-item .grid__image {
            width: calc(50% - #{$gridGutter / 4});
         }
    }
}
@include at-query ($min, $medium) {
    .heading-section-wrap {
        margin: 0px;
        background: $black;

        .breadcrumb {
            text-transform: inherit;
        }
    }
    .press-page {
        .top-article {
            .blog-item {
                display: table;
            }
            .desc,
            .image-wrap {
                display: table-cell;
                vertical-align: middle;
            }
            .image-wrap {
               
                img {
                    display: inline-block!important;
                    width: 100%;
                }
            }
        }
    }
}
@media screen and (min-width: 1200px){
    .heading-section-wrap{
        padding-top: 73px;
    }
}
.feedback {
    p {
        @include font-styles($color: $black);
    }
    &.errorForm p {
        color: $errorRed;
    }
    &.successForm  p {
        color:  $successGreen;
    }
    .pledge-page & {
        padding-left: #{$gridGutter / 2};
    }
}
/**************** ARTICLE ********************/
.article-page {
    .rte >  {
        div {
            @extend %none-padding;
            @extend %none-margin;
        }
        .article--img {
            margin: 0 -#{$gridGutter / 2} 60px !important;
            &:nth-of-type(1) {
                margin-bottom: 20px !important;

            }
            @include at-query ($min, $large) {
                margin-left: 0!important;
                &:nth-of-type(1) {
                    // margin-left: -$gridGutter!important;
                    margin-bottom: 40px !important;
                }
            }
        }
        p {
            @include  Paragraph-Mobile;
            margin-bottom: 20px;
            a{
                font-weight: bold;
                color: $black;
                text-decoration: none;
            }
            @include at-query ($min, $large) {
                font-size: 24px;
                line-height: 36px;
                margin-bottom: 32px;
            }
        }
    }
    hr {
        margin: 40px 0;
    }
    blockquote {
        padding: 25px 0;
        margin: 0 0 20px;
        border: none;
        @include font-styles($family:$font-Oswald, $color: $squash, $size: 35px, $weight: bold, $transform: uppercase);
        line-height: 38px;
        position: relative;
        &:before, &:after {
            content: "";
            position: absolute;
            display: block;
            width: calc(100% + #{$gridGutter / 2});
            left: -#{$gridGutter / 4};
            right: -#{$gridGutter / 4};
            top: 0;
            height: 1px;
            background-color: $light-gray;
        }
        &:after {
            top: auto;
            bottom: 0;
        }
        @include at-query ($min, $large) {
            font-size: 40px;
            padding: 30px 0 38px;
            &:before, &:after {
                width: 100%;
                left: 0;
                right: 0;
            }
        }
    }
    .article--title {
        line-height: 1.1;
        @include font-styles($family:$font-Oswald, $color: $black, $size: 50px, $weight: bold, $transform: uppercase);
        margin: 29px 0 5px;
    }
    .article--sub-title, .tags {
        @include font-styles($family:$font-Oswald, $color: $squash, $size: 15px, $weight: bold, $transform: uppercase);
        line-height: 30px;
        margin-bottom: 5px;
    }
    .article--date {
        @include Label-14---Light-Style;
        margin-bottom: 20px;
    }
    .article--img {
        @include at-query ($max, $large) {
            width: calc(100% + #{$gridGutter});
            position: relative;
            overflow: hidden;
            &:before {
                content: "";
                padding-top:  100%;
                display: block;
            }
            img {
                position:absolute;
                margin: auto;
                left: -100%;
                top: -100%;
                bottom: -100%;
                right: -100%;
                height: 100%;
                width: auto;
                max-width: inherit;
            }
        }
    }
    .article--heading {
        @include font-styles($family:$font-Oswald, $color: $black, $size: 30px, $weight: bold, $transform: uppercase);
        padding-top: 30px;
    }
    .video-item {
        padding-bottom: 20px;
        .grid__image {
            margin-bottom: 0;
        }
    }
    @include at-query ($min, $large) {
        .breadcrumb-wrapper--mod {
            margin-top: 15px;
        }
        .article--title {
            font-size: 36px;
            margin: 0 0 15px;
        }
        .article--sub-title, .tags  {
            margin-bottom: 30px;
        }
        .article--date {
            margin-bottom: 35px;
        }
        .article--heading {
            padding-top: 60px;
        }
        .video-section {
            margin-top: 138px;
            padding-left: $gridGutter;
        }
        .video-item {
            padding-bottom: 33px;
        }
    }
    &.article-page--mod {

        p {
            @include font-styles( $color: $black, $size: 18px, $weight: 300);
            line-height: 1.44;
            margin-bottom: 30px;
        }
        blockquote {
            line-height: 1.43;
            margin-bottom: 30px;
            padding: 20px 0;
            text-align: center;
            &:before, &:after {
                width: 100%;
                left: 0;
                right: 0;
            }
        }
        @include at-query ($min, $large) {
            .article--heading {
                padding: 60px 0 30px;
                font-size: 40px;
            }
            p {
                font-size: 24px;
                line-height: 1.5;
            }
            blockquote {
                font-size: 50px;
                line-height: 1;
                padding: 60px 16%;
                margin-bottom: 60px;
            }
        }
    }
}
@media screen and (max-width: 1024px){
    .push--large--one-quarter.article-page--mod.article-page{
        left: 0;
        width: 100%;
    }
    .article-page--mod.article-page{
        blockquote{
            padding-left: 0;
            padding-right: 0;
        }
    }
}
/***************CONTACT PAGE*****************/
.contact-page {
    textarea {
        //height: 306px;
      height: 30px;
      min-height: 38px;
    }
    .btn-wrap {
        padding-top: 15px;
    }


    @include at-query ($max, $large) {
        .form-vertical .grid__full {
            margin-left: -#{$gridGutter / 2};
        }
        .dropdown-style {
            margin: 30px 0 15px;
        }
        .hr--mod-3 {
            margin: 0 0 30px;
        }
    }
    @include at-query ($min, $large) {
        .heading-section-wrap {
            margin-bottom: 0;
        }
        .dropdown-style {
            //margin: 60px 0 15px;
            select{
                margin-bottom: 0;
            }
        }
        .hr--mod-3 {
            margin: 65px 0 -30px;
        }
        .form-vertical {
            position: relative;
            &:after {
                content: "";
                //display:block;
              display:none;
                position: absolute;
                right: -#{$gridGutter / 2};
                top: 60px;
                bottom: 10px;
                width: 1px;
                background: $light-gray;
            }
        }
    }
    @media screen and (max-width: 768px){
        .heading-section .title{
            margin: 7px 0 0;
        }
    }
}
@media screen and (min-width: 1200px){
    .contact-page .heading-section-wrap{
        padding-top: 60px;
    }
}
.email-list {
    margin: 0 0 30px;
    padding: 8px 0 0px;
    .title {
        @include font-styles($family:$font-Oswald, $color: $black, $size: 20px, $weight: bold, $transform: uppercase);
        line-height: 1.1;
        border-top: 1px solid  $light-gray;
        padding: 30px 0 15px;
        margin-top: 27px;
    }
    .data {
        @include font-styles( $color: $squash, $size: 16px);
        @extend %none-margin;
        a {
            color: $squash;
        }
    }
    @include at-query ($min, $large) {
        margin-top: 33px;
        padding: 0;
        .title:nth-of-type(1) {
            border-top: none;
        }
    }
}

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

    .contact-page .contact-form{
        margin-right: -16.6667%;
    }
    .contact-page .push--large--one-twelfth{
        left: 1.3033%;
    }
}
/******************ACCOUNT PAGE*****************************/
.account-page {
    .heading {
        @include font-styles($family:$font-Oswald, $color: $black, $size: 50px, $weight: bold, $transform: uppercase);
        line-height: 1.08;
    }
    @include at-query ($max, $large) {
        .form-vertical .grid__full {
            margin-left: -#{$gridGutter / 2};
        }
        .heading {
            padding-top: 18px;
            padding-bottom: 15px;
            border-bottom: 1px solid $light-gray;
            margin: 0 #{$gridGutter / 2} 30px;
        }
        .btn-wrap {
            padding-top: 25px;
        }
    }
    @include at-query ($min, $large) {
        .breadcrumb-wrapper {
            margin: 15px $gridGutter 0;
        }
        .heading {
            margin: -25px $gridGutter 65px;
            padding-bottom: 12px;
            border-bottom: 1px solid $light-gray;
        }
        .form-vertical {
            position: relative;
            &:after {
                content: "";
                display:block;
                position: absolute;
                right: -#{$gridGutter / 2};
                top: 0;
                bottom: 10px;
                width: 1px;
                background: $light-gray;
            }
        }
        .btn-wrap {
            padding-top: 35px;
            .btn-item {
                width: auto;
                padding-left: 16px;
                padding-right: 16px;
            }
        }
    }
}
.account-benefits {
    @extend .email-list;
    margin-top: 15px;
    margin-bottom: 60px;
    .title {
        font-size: 30px;
        line-height: 1.8;
        margin-top: 0;
        padding-top: 14px;
        padding-bottom: 16px;
    }
    .data {
        color: $black;
        font-size: 18px;
        line-height: 1.11;
        border-top: 1px solid $light-gray;
        padding-top: 15px;
        margin-bottom: 15px!important;
        &:nth-of-type(1) {
            border: none;
            padding-top: 0;
        }
        &:nth-last-of-type(1) {
            margin-bottom: 0!important;
        }
    }
    @include at-query ($min, $large) {
        margin-top: -27px;
        .data {
            &:nth-of-type(1) {
                padding-top: 15px;
            }
        }
    }
}
.search-page {
    @extend .account-page;
    .img-thumb {
        display: block;
        position: relative;
        &:before {
            content: "";
            padding-top:  100%;
            display: block;
        }
        img {
            position: absolute;
            margin: auto;
            top: 50%;
            @include transform(translateY(-50%));
        }
    }
    .search-list {
        .h3 {
            @include font-styles($family:$font-Oswald, $color: $black, $size: 24px, $weight: bold, $transform: uppercase);
            line-height: 1;
            margin-bottom: 15px;
            a {
                color: $black;
            }
        }
        p {
           // @include font-styles($color: $black, $size: 16px, $weight: 300);
           // line-height: 1.5;
        }
    }
    @include at-query ($max, $large) {
        .search-list {
            margin-left: #{$gridGutter / 2};

            .img-thumb {
                margin-bottom: 15px;
            }

            hr {
                margin-top: 0;
            }
        }
        .heading {
            margin-bottom: 58px;
        }
    }
    @include at-query ($min, $large) {
        .heading {
            margin-bottom: 17px;
        }
        .showing-result {
            p {
                @include font-styles($color: $black, $size: 16px, $weight: 300);
                line-height: 1.5;
                letter-spacing: -0.3px;
                margin-bottom: 0;
            }
            hr {
                margin-top: 17px;
            }
        }
        .search-list {
            .h3 {
                margin-top: 60px;
                margin-bottom: 10px;
            }
            .desc {
                position: relative;
                &:after {
                    content: "";
                    display:block;
                    position: absolute;
                    left: $gridGutter;
                    bottom: 0;
                    right: 0;
                    height: 1px;
                    background: $light-gray;
                }

            }
        }
    }
}
.terms-page {
    h2 {
        @include font-styles($family:$font-Oswald, $color: $black, $size: 50px, $weight: bold, $transform: uppercase);
        line-height: 1.08;
        padding: 25px 0 0;
        margin-bottom: 0;
    }
    h3 {
        @include font-styles($family:$font-Oswald, $color: $black, $size: 30px, $weight: bold, $transform: uppercase);
        line-height: 1.1;
    }
    p {
        @include font-styles($color: $black, $size: 18px, $weight: 300);
        line-height: 1.44;
        a {
          letter-spacing: -0.3px;
          color: $squash;
        }
    }
    hr {
        margin: 15px 0;
    }
    margin-bottom: 60px;
    @include at-query ($min, $large) {
        margin-bottom: 0;
        .breadcrumb-wrapper  {
            margin-top: 19px;
        }
        h2 {
            margin-top: -50px;
        }
        h3 {
            font-size: 20px;
        }
        p {
            font-size: 16px;
            &:nth-last-of-type(1) {
                margin-bottom: 60px;
            }
        }
        .rte {
            margin-top: 55px;
        }
    }
}
/************* TAKE ACTION PAGE **************/
.take-action-hero {
    background:  url({{ 'bg-take-action.jpg' | asset_url }}) left top ;
    background-size: cover;
    .take-action-hero__content {
        h2, h3 {
            @include font-styles($family:$font-Oswald, $color: $white, $size: 50px, $weight: bold, $transform: uppercase);
        }
        h2 {
            line-height: 1.08;
        }
        h3 {
            font-size: 30px;
            line-height: 1;
            color: $squash;
        }
     }
    @include at-query ($max, $large) {
        padding-top: 73vw;
        background-repeat: no-repeat;
        background-size: auto 73vw;
        background-position: right top;
        background-color: $black;
        .take-action-hero__content {
            padding-top: 20px;
            h2 {
                margin-bottom: 10px;
            }
            h3 {
                margin-bottom: 30px;
            }
        }
    }
}
.take-list {
    margin:   #{$gridGutter / 2};
    .take-item {
        display: table;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        a {
            display: table-cell;
            vertical-align: middle;
            .heading {
                position: relative;
                margin-bottom: 0;
                @include font-styles($family:$font-Oswald, $color: $white, $size: 50px, $weight: bold, $transform: uppercase);
                letter-spacing: -0.42px;
                span {
                    position: absolute;
                    font-size: 24px;
                    letter-spacing: -0.21px;
                    font-weight: 300;
                    top: -30%;
                }
            }
        }
    }
    @include at-query ($max, $large) {
        .grid__item {
            padding-left: 0;
        }
        .take-item {
            a {
                height: calc(100vw - #{$gridGutter});
                padding: 0 23px;
            }
            margin-bottom: 30px;
        }
    }
}

@include at-query ($min, $large) {
    .take-action-hero {
        display: table;
        width: 100%;
        margin-bottom: 60px;
        .take-action-hero__content {
            height: 755px;
            display: table-cell;
            vertical-align: middle;
            h2 {
                padding-right: 35%;
                line-height: 0.95;
                margin-bottom: 6px;
                font-size: 136px;
            }
        }
    }
    .take-list {
        margin: 0  $gridGutter 0 0;
    }
    .take-item {
        a {
            height: 29vw;
            padding: 0 47px;
        }
    }
}
/*****************SEARCH OVERLAY*******************/
.sticky-menu {
    position: relative;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.4);
    -moz-box-shadow:    0px 1px 0px 0px rgba(0,0,0,0.4);
    box-shadow:         0px 1px 0px 0px rgba(0,0,0,0.4);
}
.search-overlay {
    position: absolute;
    left:0;
    right: 0;
    height: 100vh;
    bottom: 0px;
    background-color: #191919;
    display: none;
    &.showing {
        display: block;
    }
    .search-bar {
        float: none;
        clear: both;
        margin: 50px #{$gridGutter / 2};
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding-bottom: 30px;

        @include at-query($min, $large) {
          margin-top: 0;
          margin-bottom: 0;
        }

        input, button {
            background: transparent;
            border: none;
            font-size: 30px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: -0.6px;
            color: $white;
            height: auto;
        }

    }
    @include at-query ($max, $large) {
        position: relative;
        z-index: 1;
        .white-bar  {
            background: $white;
            height: 100px;
            position: relative;
            z-index: 1;
            .icon-close {
                position: absolute;
                z-index: 2;
                display: block;
                top: 39px;
                right: 18px;
                width: 24px;
                height: 24px;
                display: block;
                background-image: url( "{{ 'close-icon.svg' | asset_url }}");
                background-size: cover;
            }
        }
    }
    @include at-query ($min, $large) {
        padding: 195px 212px 0;
        top: 81px;
        .search-bar {
            input {
                height: 60px;
            }
        }

    }
}
/**************** FEATURE ZONE *********************/
.feature-zone {
    background: url( "{{ 'bg-feature-zone.png' | asset_url }}") left top no-repeat;
    background-size: cover;
    padding: 50px #{$gridGutter / 2} 40px;
    .heading {
        @include font-styles($family:$font-Oswald,$size: 50px, $transform: uppercase, $weight: bold, $color: $white);
          line-height: 1.08;
        span {
            color: $squash;
        }
    }
    p {
        @include font-styles($size: 18px, $weight: 300, $color: $white);
        line-height: 1.44;
        margin: 0;
    }
    @include at-query ($min, $large) {
        padding: 128px 80px 135px 60px;
        .heading {
            font-size: 136px;
            line-height: 0.96;
            margin-bottom: 30px;
        }
        p {
            font-size: 24px;
            line-height: 1.5px;
        }
    }
}

/*********** NEWLETTER BLOCK ***************/
.b-newsletter {
    background: $black;
    padding: 20px #{$gridGutter / 2};
    margin-bottom: 30px;
    .heading {
      @include font-styles($family:$font-Oswald,$size: 20px, $transform: uppercase, $weight: bold, $color: $squash);
      line-height: 1.5;
      padding-bottom: 6px;
    }
    .subscribe-form {
        background: $white;
        padding: 12px;
         @include placeholder {
            @include font-styles($size: 14px, $transform: uppercase, $weight: bold, $color: $warm-grey);
        }
    }
     @include at-query ($min, $large) {
        padding: 60px 50% 50px 60px;
        .heading {
            font-size: 30px;
            line-height: 0.8;
        }
    }
}


/*********** ARROW BOX ***************/

.arrow-box {
  position: relative;
  background: #ffffff;
  border: 1px solid $light-gray;
  padding: 30px;
  &:before, &:after {
    bottom: 100%;
    left: calc(100% - 15px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  &:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 6px;
    margin-left: -6px;
  }
  &:before {
    border-color: rgba(255, 0, 0, 0);
    border-bottom-color: $light-gray;
    border-width: 7px;
    margin-left: -7px;
  }
}

/*CONTACT FORM*/
.btn-wrap .btn-item.btn-item--full{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    &:hover, &:active, &:focus, &:visited{
        opacity: 1;
        border-color: $black;
        background: $black;
        color: $white;
    }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	   -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	        box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}
#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 30px ;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	left: -5px;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	padding: 30px 0 20px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	background: #fff url('{{"fancybox_loading.gif"| asset_url}}') center center no-repeat;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid $black;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.template-index {
  .blog-list {
    @include at-query($min, $large) {
      margin-left: 0;
      padding-right: 60px;
    }
  }

  .juicer-feed {
    .j-meta a:hover, a:hover {
      color: $squash;
      opacity: 0.7;
    }

    ul.j-filters {
      justify-content: flex-start;

      li {
        background: white;
        border: 1px solid black;
        margin: 0 0.25em;
        color: black;
        width: 101px;
        padding: 5px 10px;

        &:hover {
          &:after {
            background: $squash;
          }
        }

        &.selected, &.highlight {
          background: white;

          &:after {
            background: $squash;
          }
        }

        &.all {
          background: white;
        }
      }
    }

    .j-stack {
      li {
        &.feed-item {
          border-right: 0;

          .j-message {
            p {
              margin-bottom: 7px;
              font-size: 16px;
              font-family: "Open Sans", sans-serif
            }
          }
        }

        &.blog {
          .j-message {
            .j-title {
              p {
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                font-family: "Oswald", sans-serif;
                font-size: 24px;
                color: #252525;
                text-transform: inherit;
              }
            }
          }
        }

        .j-poster {
          display: none;
        }
      }
    }

    .j-paginate {
      display: inline-block;
      letter-spacing: 0.7px;
      background: transparent;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      font-family: "Oswald",sans-serif;
      font-size: 20px;
      text-transform: uppercase;
      padding: 11px 15px;
      border: 3px solid #eabb17;
      color: #eabb17;

      &:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -webkit-transition: opacity 0.3s;
        -moz-transition: opacity 0.3s;
        -ms-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        transition: opacity 0.3s;
        background: white;
        color: #eabb17;
      }
    }
  }
  .product-list {
    .product-item {
      margin: 0 0 50px 0;
      &:nth-last-of-type(1) {
        margin-bottom: 0;
      }
    }
  }
}


.tabs {
  border-bottom: 1px solid $light-gray;
  display: block;
  margin: 0 0 30px;
  padding: 0;
  li {
    display: block;
    float: left;
    margin-bottom: 0;
    padding: 0;
    width: auto;
    border-bottom: 5px solid $white;
    a {
       @include font-styles($family:$font-Oswald, $color: $squash, $size: 16px, $weight: bold, $transform: uppercase);
        letter-spacing: -0.1px;
        display: block;
        width: 100%;
        padding: 22px 0;
    }
    &.ui-tabs-active {
      border-color: $black;
      a {
        background:  $squash;
        color: $black;
      }
    }
  }
  &:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    clear: both;
  }
}
.template-index {
  .tabs {
    li {
      width: 50%;
      text-align: center;
    }
  }
  .ui-tabs-panel {
    padding-bottom: 60px;
    .blog-list {
      display: block;
      padding: 0 #{$gridGutter / 2};
      .blog-item {
        margin-bottom: 10px;
      }
      .btn-wrap {
        padding: 0;
      }
    }
    .dropdown-style {
      border: 1px solid $light-gray;
      margin-bottom: 15px;
    }
    .product-list {
      padding: 0 #{$gridGutter / 2};
      margin: 0;
      .btn-wrap {
        margin-bottom: 0;
      }
    }
  }
}
@media screen and (max-width: 769px){
  .template-index div[id^="tabs"] .product-list .btn-wrap .btn-item.btn-item--black{
    color: $black;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    &:hover{
      color: $white;
    }
  }
}
.social-block {
	display: table;
	@include at-query ($max, $large) {
		&,
		.social-block__heading,
		.social-block__social-icons {
			display: block;
		}
	}
}
.social-block__heading {
  @include font-styles($color: $warm-grey);
  line-height: 1.71;
  letter-spacing: -0.3px;
  display: table-cell;
  vertical-align: middle;
  @extend %none-padding;
  @extend %none-margin;
}

.social-block__social-icons {
	display: table-cell;
  	vertical-align: middle;
  	float: left;
  	@extend %none-margin;
	li {
		padding-left: 12px;
		float: left;
		&:first-child {
			padding-left: 14px;
		}
	}
	.icon-fallback-text {
		display: block;
	}
	.fa {
		display: block;
		background-size:cover;
	    @include square(30px);
	    &:hover {
    		@include opacity(0.7);
	    	@include transition(opacity 0.3s);
	    }
	}
	.fallback-text {
		@extend %hide-text;
	}
	@include at-query ($max, $large) {
		display: block;
		width: 100%;
		float: none;
		li {
			width: 25%;
			padding: 14px 0 20px !important;
		}
		.icon-fallback-text {
			display: inline-block;
		}
		.fa {
			@include square(44px);
			background-size: cover!important;
		}
	}
}

.top-article {
	background-color: $black;
	margin-top: -7px;
	padding-bottom: 40px;
	@include at-query ($max, $large) {
		.blog-item {
			background: transparent!important;
		}
	}
	.grid__image {
		margin-bottom: 20px;
	}
	.date {
		margin-bottom: 10px;
	}
	.heading {
		margin-bottom: 10px;
		a {
			color: $black;
			font-size: 30px;
			line-height: 1.07;
          	text-transform:uppercase;
          font-family:"Oswald",sans-serif;
		}
	}
	.desc {
		margin: 0 #{$gridGutter / 2};
		padding-top: 20px;
	}
	p {
		font-size: 18px;
		line-height: 1.44;
		margin-bottom: 20px;
	}
	@include at-query ($min, $large) {
		margin-top: 0;
		height: auto;
		overflow: hidden;
		padding: 0;
		.blog-item {
			width: 100%;
			padding: 0;
			margin: 0;
			background-size: cover;
			background-position: center top;
			&:before {
				display: none;
			}
		}
		.desc {
			width: 50%;
			margin-left: 50%;
			padding: 68px #{$gridGutter} 85px;
			background-color: rgba(0, 0, 0, 0.75);

		}
		.date {
			margin-bottom: 30px;
		}
		.heading  a {
			font-size: 50px;
			line-height: 1.08;
			letter-spacing: 0.9px;
		}
		p {
			font-size: 24px;
			line-height: 1.5;
		}
		article {
			margin: 0;
		}
		.btn-item {
			padding-left: 52px;
			padding-right: 52px;
		}
		&.top-article--mod {
			.blog-item {
				display: table;
				padding-right: 0;
				.desc {
					display: table-cell;
					vertical-align: middle;
					/*height: 493px;*/
				}
			}
		}
	}
}


.village-section {
	background: $black;
	padding: 30px;
	display: table;
	width: 100%;

  @include at-query($min, $large) {
    padding: 60px;
    h3 {
    	margin-top: 30px !important;
    }
  }

  .large--grid--mod {
    margin-right: 0;
  }

	.grid__item {
	    padding-left: 0;

	    @include at-query($small, $medium) {
	      padding-top: 30px;
	      padding-bottom: 30px;

	      &:nth-child(n+3) {
	        border-top: 1px solid;
	      }

	      &:nth-child(odd) {
	        padding-left: 0px;
	        padding-right: 30px;
	        border-right: 1px solid;
	      }

	      &:nth-child(even) {
	        padding-left: 30px;
	        padding-right: 0px;
	        border-left: 30px;
	      }
	    }

	    @include at-query($min, $large) {
	      padding: 30px;
	      border-right: 1px solid;

	      &:nth-child(odd),
	      &:nth-child(even)  {
	      	padding-left: 30px;
	      	padding-right: 30px;
	      }
	      &:nth-child(n+5) {
	        border-top: 1px solid;
	      }

	      &:nth-child(4n+1) {
	        //padding-left: 0px;
	      }

	      &:nth-child(4n+4) {
	        //padding-right: 0px;
	        border-right: none;
	      }
	    }
	}
}
//@include at-query ($min, $large) {
	.village__heading {
		//margin: 0 $gridGutter;
		margin: 0;

		h2, h3 {
  			line-height: 1;
  			@include font-styles($family:$font-Oswald, $size: 50px, $weight: bold, $color: $white, $transform: uppercase);
  			margin-bottom: 0;
		}
		h3 {
		  font-size: 24px;
		  color: $squash;
		  margin-bottom: 60px;
      		margin-top: 8px;
		}
	}
	.village__item {
		background: url({{ 'bg-village-item.png' | asset-url }}) center no-repeat;
		background-size: cover;
		//height: 14vw;
		height: 190px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
		z-index: 1;
		padding: 0 54px 0 15px;
		&:before, &:after {
			//content: "";
			position: absolute;
			z-index: 2;
			display: block;
			background: $white;
			left: -#{$gridGutter / 2};
			top: -#{$gridGutter / 2};
		}
		&:before {
			right: -#{$gridGutter / 2};
			height: 1px;
		}
		&:after {
			height: calc(100% + #{$gridGutter});
			width: 1px;
		}
		h4 {
			@include font-styles($family:$font-Oswald, $size: 24px, $weight: bold, $color: $squash, $transform: uppercase);
			&:after {
				content: "";
				width: 24px;
				height: 14px;
				background: url({{ 'arrow-icon.svg' | asset-url }}) center no-repeat;
				background-size: cover;
				position: absolute;
				top: 50%;
				margin-top: -7px;
				right: 15px;
			}
		}
		p {
			@include font-styles( $weight: 600, $color: $white);
  			line-height: 1.43;
		}

	}
	.village-item--person {
		padding: 0;
		vertical-align:bottom;
		width: 25%;
    background:none;
		a {
			overflow: hidden;
			display: block;
		}

		p {
			position: absolute;
			z-index: 2;
			left: 0;
			right: 0;
			bottom: 0;
			background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9));
			padding: 13px 20px;
			@include font-styles($family:$font-Oswald, $weight: bold, $color: $white, $transform: uppercase);
			margin-bottom: 0;
			&:before {
				content:"";
				display: block;
				padding-left: 100%;

			}
		}
		img {
			width: 100%;

      @include at-query($min, $medium) {
        width: auto;
      }
		}
	}
	.village-item--logo-only {
		background: none;
		padding: 0;
		width: 25%;
		text-align: center;
		line-height: 100%;
	}
//}
@media screen and (min-width: 769px) and (max-width: 1024px){
	.village-section .grid__item:nth-child(1),
	.village-section .grid__item:nth-child(2),
	.village-section .grid__item:nth-child(3),
	.village-section .grid__item:nth-child(4){
		min-height: 260px;
	}
	.village-section .grid__item:nth-child(5),
	.village-section .grid__item:nth-child(6),
	.village-section .grid__item:nth-child(7),
	.village-section .grid__item:nth-child(8){
		min-height: 281px;
	}
}
.site-header {
    padding: 0;
    position: relative;
    z-index: 4;
    @include at-query ($max, $large) {
        @extend %none-margin;
    }
}

.site-header__logo {
    width: 100px;
    position: relative;
    z-index: 3;
   /* top: -18px;*/
    a {
        display: block;
        background: url('{{ "logo-with-border.svg" | asset_url }}') center no-repeat;
        background-size: contain;
        @extend %hide-text;
        &:before {
            content: "";
            padding-top: 84%;
            display: block;
        }
    }
    @include at-query ($min, $large) {
        margin-bottom: -37px;
    }
    @include at-query ($max, 1200px) {
        top: -14px;
        left: -15px;
        width: 129px;
        margin-bottom: -28px;
    }
}

.site-header__top-message {
    background-color: $white-two;
    padding: 11px 0;
    p {
        letter-spacing: 0.6px;
        @include font-styles($family: $font-Oswald, $size: 12px, $color: $squash, $weight: bold, $transform: uppercase);
        @extend %none-padding;
        @extend %none-margin;
    }
    @include at-query ($min, $large) {
        //padding: 10px 0;
       padding: 0;
        p {
            font-size: 18px;
        }
    }
}

.site-header__my-account {
    display: block;
    border-top: 1px solid $light-gray;
    border-bottom: 1px solid $light-gray;
    padding: 14px 0 15px;
    margin-bottom: 6px;
    a {
        display: inline-block;
        letter-spacing: 0.6px;
        @include font-styles($family: $font-Oswald, $color: $squash, $weight: bold, $size: 20px);
        &:hover {
            @include opacity(0.7);
            @include transition(opacity 0.3s);
        }
    }
    .img-avatar {
        @include square(44px);
        @include rounded(50%);
        display: table-cell;
        vertical-align: middle;
        img {
            display: block;
        }
    }
    span {
        display: table-cell;
        vertical-align: middle;
        padding: 0 0 0 10px;
        text-transform: uppercase;
    }
    .my-icon {
        background-size: cover;
        @include size(10px, 7px);
        margin: 0 0 3px 6px;
        display: inline-block;
    }
    &.logged {
        a, span {
            display: inline !important;
            @include font-styles($family: $font-Oswald, $color: $brownish-grey, $weight: bold, $transform: uppercase, $size: 20px);
            vertical-align: baseline;
        }
        a:nth-last-of-type {
            margin-left: 10px;
        }
    }
    @include at-query ($min, $large) {
        float: right;
        width: 164px;
        display: table;
        padding: 0;
        border: none;
        margin-bottom: 0;
        a {
            display: block;
            font-size: 14px;
            color: $brownish-grey;
        }
        .img-avatar {
            @include square(30px);
        }
        &.logged {
            padding-right: 28px;
            padding-top: 5px;
            text-align: right;
            width: auto;
            span {
                &:nth-last-of-type(1) {
                    padding-right: 10px;
                }
            }
            a, span {
                font-size: 14px;
            }
        }
        .my-account__link {
            position: relative;
            z-index: 1;
        }
    }
}

.site-header--tools {
    @extend %none-padding;
    position: absolute;
    z-index: 2;
    right: 0;
    left: 55%;
    .grid--table {
        width: auto;
    }
    .grid__item {
        @extend %none-padding;
        width: auto;
    }
    a {
        &:hover {
            @include opacity(0.7);
            @include transition(opacity 0.3s);
        }
    }
    .site-header__search,
    .site-header__cart {
        display: table-cell;
        vertical-align: middle;
        width: 82px;
        margin-top: 0;
        a {
            background: $black;
            display: block;
        }
        span {
            display: block;
            width: 100%;

            &:before {
                content: "";
                padding-top: 90%;
                display: block;
            }
        }
    }
    .site-header__search {
        span {
            @extend %hide-text;
        }
        .showing {
            span {
                background-image: url('{{ "close-button.svg" | asset_url }}');
            }
        }
    }
    .social-wrapper {
        display: table-cell;
        vertical-align: middle;
        padding-right: 30px;
    }
    .site-header__cart {
        position: relative;
        a {
            background-color: $white;
        }
        insert {
            position: absolute;
            top: 43%;
            right: 0;
            bottom: 0;
            left: 0;
            text-align: center;
            @include font-styles($weight: bold, $size: 16px);
        }
    }
    @include at-query ($max, 1200px) {
        position: absolute;
        top: 30px;
        left: auto;
        right: 70px;
        .site-header__search,
        .site-header__cart {
            width: 60px;

            display: inline-block;
            width: 35px;
            margin-top: 0;
            a {
                display: block;
                background: transparent;
            }
            span {
                display: block;
                width: 100%;

                &:before {
                    content: "";
                    padding-top: 100%;
                    display: block;
                }
                &.icon--shopping-bag {
                    height: 41px;
                }
                &.icon--search {
                    width: 36px;
                    height: 36px;
                    font-size: 0;
                    line-height: 0;
                    text-indent: -100000em;
                    background-image: url("{{ 'search-icon.png' | asset_url }}");
                }
            }
        }
        .site-header__cart {
            position: relative;

            insert {
                position: absolute;
                top: 20%;
                right: 0;
                bottom: 0;
                left: 0;
                text-align: center;
                @include font-styles($weight: bold, $size: 16px);
            }
        }
        .site-header__search {
            margin-top: 7px;
            margin-left: 31px;
        }
    }
    @include at-query ($max, 1200px) {
        display: none !important;
        &.large--hide {
            display: block !important;
        }
    }
}

.site-header__nav {
    .site-nav {
        > li {
            &:last-child {
                a {
                    color: $squash;
                    &:after {
                        background: $squash;
                    }
                }
            }
            // TODO: hack for color shop link
            &.site-nav__li:nth-child(4) {
                //border-top: 1px solid $light-gray;
                a {
                    //color: $squash;
                }
            }
        }
    }
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
        .site-nav {
            > li {
                &.site-nav--active, &:hover {
                    > .site-nav__link:after,
                    &:last-child > .site-nav__link:after {
                        background: transparent !important;
                    }
                }
                & > .site-nav__link {
                    padding-left: 0 !important;
                }
                &.site-nav--active.site-nav--has-dropdown {
                    .site-nav__dropdown {
                        display: none;
                        position: static;
                        padding-left: 0;
                        background: transparent;
                        > li {
                            display: block;
                        }
                    }
                }
                &.site-nav--has-dropdown {
                    position: relative;
                    &:after {
                        content: "";
                        display: inline-block;
                        width: 29px;
                        height: 29px;
                        background: url('{{"open-submenu.png"| asset_url}}') center top no-repeat;
                        top: 12px;
                        position: absolute;
                        right: 0px;
                    }
                    &.nav-hover {
                        &:after {
                            background: url('{{"close-submenu.png"| asset_url}}') center top no-repeat;
                        }
                        .site-nav__dropdown {
                            display: block;
                        }
                    }
                    .site-nav__dropdown {
                        .site-nav__link {
                            @include font-styles($family: $font-Oswald, $size: 20px, $color: $black, $weight: 500, $transform: uppercase);
                        }
                        padding-left: 20px !important;
                    }
                }
            }
        }
    }
    @include at-query ($min, $large) {
        float: left;
       // width: 40%;
        .site-nav {
            margin-left: 30px;
            > li {
                position: static;
                &:first-child {
                    .site-nav__link {
                        padding-left: 0;
                        &:after {
                            left: 0;
                        }
                    }
                }
                &.site-nav--active {
                    .site-nav__dropdown {
                        display: block;
                    }
                    > .site-nav__link:after {
                        background: $black;
                        right: 12px;
                    }
                    &:last-child > .site-nav__link:after {
                        background: $squash;
                    }
                }
                .site-nav__link {
                    letter-spacing: 1px;
                    @include font-styles($family: $font-Oswald, $size: 20px, $weight: 500);
                    &:hover {
                        @include opacity(0.7);
                        @include transition(all 0.3s);
                    }
                    padding: 25px 12px 24px 13px;
                    position: relative;
                    &:after {
                        content: "";
                        position: absolute;
                        bottom: 3px;
                        left: 13px;
                        right: 100%;
                        height: 7px;
                        background: $black;
                        @include transition(all 0.3s);
                    }
                    &:hover {
                        &:after {
                            right: 12px;
                        }
                    }

                }
            }
        }
        .site-nav__dropdown {
            padding-top: 0px;
            li {
                display: inline-block;
                margin-right: 60px;
                .site-nav__link {
                    @include font-styles($family: $font-Oswald, $size: 20px, $color: $white, $weight: 300, $transform: uppercase);
                    letter-spacing: 0.9px;
                    background: transparent;
                    padding: 17px 0 0 !important;
                    &:after {
                        background: $squash;
                        bottom: -9px;
                        left: 0;
                    }
                    &:hover {
                        &:after {
                            right: 0;
                        }
                        opacity: 1;
                    }
                }
                &.site-nav--active {
                    .site-nav__link:after {
                        right: 0;
                    }
                }
            }
            @include at-query ($min, $large) {
                right: 0;
                min-height: 70px;
                padding-bottom: 15px;
                z-index: 1;
            }

        }
    }
    @include at-query ($max, 1200px) {
        float: right;
        margin-right: -15px;

        .site-nav {
            position: absolute;
            z-index: 2;
            left: 0;
            top: 80px;
            display: none;
            background: #fff;
            width: 100%;
            right: 0;
            margin: 0 auto;
            height: 1024px;
            padding: 52px #{$gridGutter / 2} 0;
            > li {
                width: 100%;
                text-align: left;
                .site-nav__link {
                    @include font-styles($family: $font-Oswald, $size: 24px, $color: $black, $weight: bold, $transform: uppercase);
                    line-height: 1.25;
                    letter-spacing: 0.9px;
                    padding-right: 0;
                }
                &.site-nav--has-dropdown .site-nav__dropdown{
                    padding-left: 20px!important;
                    position: static;
                    li{
                        display: block;
                    }
                }
            }

        }
        .site-header__nav .site-nav__dropdown li .site-nav__link:hover:after{
            bottom: -9px!important;
        }
        .site-nav__dropdown {
            display: hide;
        }
        .menu-bar {
            display: block !important;
            position: relative;
            margin-right: #{$gridGutter / 2};
            margin-top: 14px;
            span {
                position: absolute;
                right: 0;
                top: 27px;
                font-size: 30px;
                z-index: 3;
            }
            .icon-hamburger {
                background-image: url("{{ 'hambuger-icon.svg' | asset_url }}");
                width: 30px;
                height: 29px;
                display: block;
                &:before {
                    display: none;
                }
            }
            .icon-x {
                background-image: url("{{ 'close-icon.svg' | asset_url }}");
                background-size: cover;
            }
            .is-opened {
                @extend .icon-x;
                &:before {
                    display: block;
                }
            }
            .menu-open & {
                font-size: 0;
            }
        }
    }
}

.my-account__dropdown {
    display: none;
    @include at-query ($min, $large) {
        position: absolute;
        z-index: 99;
        top: 50px;
        right: 15px;
        width: 465px;
        &.showing {
            display: block;
        }
        .heading {
            @include Heading-Level-4-Style;
        }
        input {
            margin-bottom: 10px;
            background: $white !important;
        }
        p {
            float: left;
            padding-top: 10px;
            &:nth-last-of-type(1) {
                float: right;
            }
            a {
                @include font-styles($family: $font-OpenSans, $size: 14px, $color: $squash, $transform: capitalize);
                letter-spacing: -0.3px;
            }
        }
        .btn-wrap {
            clear: both;
            padding: 30px 0 0;
            .btn-item {
                min-width: 207px;
            }
        }
        #RecoverPasswordFormHeader {
            p {
                float: none;
                padding: 0;
            }
        }
    }
}

@media screen and (min-width: 1200px) {
    .site-header--tools .site-header__search a, .site-header--tools .site-header__cart a {
        height: 72px;
    }
    .site-header__nav .site-nav__dropdown {
        padding-top: 0px;
        background: #000;
        padding-left: 208px;
    }
    .site-header__nav .site-nav__dropdown li .site-nav__link:after{
        bottom: -21px;
    }
}

@media screen and (max-width: 321px) {
    .site-header--tools .site-header__search {
        margin-left: 15px;
    }
}
.site-footer {
  // margin-bottom: 32px;

  .social-block {
    //float: right;
    padding-top: 5px;
    .social-block__heading {
      letter-spacing: 0.6px;
      @include font-styles($family:$font-Oswald, $weight:bold, $transform:uppercase);
      color: white;
    }
    .social-block__social-icons {
      li {
        &:first-child {
          padding-left: 0px;
        }
      }

      .fa {
        @include opacity(0.4);

        &:hover {
          @include opacity(1);
          @include transition(opacity 0.3s);
        }

        &.icon--facebook {
          @extend .icon--facebook--white;
        }

        &.icon--twitter {
          @extend .icon--twitter--white;
        }

        &.icon--instagram {
          @extend .icon--instagram--white;
        }

        &.icon--youtube {
          @extend .icon--youtube--white;
        }
      }
    }
    @include at-query ($max, $large) {
      float: none;
      .social-block__heading {
          font-size: 16px;
        }
    }
  }
}
.site-footer__logo {
  margin-bottom: 15px;
  a {
    display: block;
    background: url('{{ "logo-no-border.svg" | asset_url }}') center no-repeat;
    background-size: cover;
    width: 75px;

    @extend %hide-text;
    &:before {
      content: "";
      padding-top:  100%;
      display: block;
    }
  }
  @include at-query ($max, $large) {
    a {
      @include square(125px);
    }
  }
}
%footer-heading {
  line-height: 34px;
  @include font-styles($family:$font-Oswald, $weight:bold, $size:24px);
  @include at-query ($max, $large) {
    font-size: 30px;
    line-height: 1.6;
  }
}
.site-footer__nav {
  .heading {
    @extend %footer-heading;
    text-transform: uppercase;
  }
  ul {
    a {
      line-height: 48px;
      @include font-styles($family:$font-OpenSans, $size:18px);
      &:hover {
        @include opacity(0.7);
          @include transition(opacity 0.3s);
      }
    }
  }

  @include at-query ($max, $large) {
    padding-top: 30px;
    .grid {
      margin-left: -#{$gridGutter / 2};
    }
    ul li {
      margin-bottom: 15px;

    }
    .heading {
      position: relative;
      .icon-plus {
        position: absolute;
        right: 0;
        top: 0;
        color: $light-gray;
      }
    }
    .ui-accordion-header-active {
      .icon-plus:before {
        content: "\e602";
      }
    }
  }
  @media only screen and (min-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
      ul.no-bullets.grid--full {
        li {
          &:first-child{
            width: 27%;
          }
        }
      }
      .grid__item {
        padding-left: #{$gridGutter / 2};
        &:nth-of-type(1) {
          padding-left: #{$gridGutter};
        }
      }
  }

  @media screen and (min-width: 769px) and (max-width: 1025px){
    .grid.no-bullets{
      margin-left: -70px;
      .no-bullets li a{
        letter-spacing: -0.8px;
      }
    }

    .site-footer__contact{
      padding-left: 30px;
    }
  }
}
.site-footer__first-col {
  @media only screen and (min-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
      width: 178px;
    }
}
.site-footer__contact {
  .heading {
    @extend %footer-heading;
    margin-bottom: 17px;
  }
  .subscribe-form {
    border-bottom: 2px solid $black;
    padding-bottom: 13px;
  }
  @media only screen and (min-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
      padding-left: #{$gridGutter / 2};
      width: 31.333%;
    }
}
.foot-text {
  @include font-styles($family:$font-OpenSans, $weight: bold);
  p {
    margin-bottom: 10px;
  }
  @include at-query ($max, $large) {
    p {
      margin-bottom: 13px;
    }
  }
}

.copyright {
  line-height: normal;
  @include font-styles($family:$font-OpenSans);
  background: black;
  margin-top: -25px;
  margin-right: -60px;
  padding: 25px 150px 25px 0;
  color: white;

  p {
    @extend %none-padding;
    @extend %none-margin;
  }

  a {
    font-weight: 700;
    // color: $black;
  }

  @include at-query ($max, $large) {
    p {
      text-align: left;
    }
    strong {
      display: block;
      margin-top: 20px;
    }
  }
}

.subscribe-form {

  .site-footer__contact {
    @include placeholder {
      letter-spacing: -0.2px;
      line-height: normal;
      @include font-styles($family:$font-OpenSans, $size: 18px, $color: $warm-grey);
    }
  }
  .input-group-field {
    letter-spacing: -0.2px;
    border: none;
    padding-left: 0;
    @include font-styles($family:$font-OpenSans, $size: 18px, $color: $warm-grey);
  }
  .btn-img {
    background:url('{{ "submit-inline-button.svg" | asset_url }}') center no-repeat;
    background-size: cover;
    @include square(36px);
    @extend %hide-text;
    &:hover {
          @include opacity(0.7);
          @include transition(opacity 0.3s);
      }
  }
  @include at-query ($max, $large) {
    @include placeholder {
      font-size: 16px;
    }
    .input-group-field {
      font-size: 16px;
    }
  }
}

.hidden-desktop {
    display: none !important;
}

.block-Jclear {
    clear: both;
    &:after {
        clear: both;
        content: "";
        display: block;
    }
}

.bg-image-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    color: #000000;
    position: relative;
    width: 100%;
}

/*-----------Page 404----------*/
.page-404 {
    width: 100%;
    height: 871px;
    background-image: url(bg-404.jpg);
    background-size: cover;
    background-position: center top;
    margin: 0;
    .grid__item {
        position: relative;
        left: 42.5%;
        top: 335px;
    }
    h1 {
        font-family: Oswald;
        font-size: 136px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.96;
        color: #ffffff;
        margin: 0;
    }
    .text-html-404 {
        font-family: Oswald;
        font-size: 24px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        color: #eabb17;
        text-transform: uppercase;
        margin-bottom: 12px;
    }
    p {
        font-family: OpenSans;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: -0.3px;
        color: #ffffff;
        a {
            font-weight: 300;
            color: #eabb17;
        }
    }

}

/* ------------- Video meet us -----------*/
.video-shield {
    float: left;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4;
}

.bg-full-video {
    display: block;
    position: relative;
}

.block-video {
    position: relative;
    iframe {
        max-width: none;
    }
}

.icon_play_video {
    position: absolute;
    background-position: center center;
    background-repeat: no-repeat;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    margin-top: -45px;
    margin-left: -45px;
}

.video-images-bqd {
    display: none;
}

@media screen and (max-width: 1024px){
    .bg-full-video{
        height: calc(100vh - 142px)!important;
    }
}
/* ------------- Back to top -----------*/
#icon-backtop {
    bottom: 10px;
    cursor: pointer;
    height: 78px;
    position: fixed;
    right: 10px;
    text-indent: -99999px;
    width: 71px;
    z-index: 99;
    background: url('{{ "icon_gototop.png" | asset_url }}') no-repeat;
}

.site-nav {
    .site-nav--has-dropdown {
        ~ .site-nav--has-dropdown {
            a {
                color: #eabb17;
            }
        }
    }
}

.article--date {
    display: inline-block;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

.article--share {
    display: inline-block;
    float: right;
    .custom_share_social {
        a {
            display: inline-block;
            float: left;
        }
        .addthis_inline_share_toolbox_sa8p {
            display: inline-block;
            float: right;
        }
        .at4-jumboshare .at4-count-container, td {
            border: none;
            min-width: auto;
            padding: 0px;
        }
        .at4-jumboshare .at4-count {
            font-size: 20px;
            line-height: 120%;
            padding-top: 8px;
        }
        .at4-jumboshare .at4-count-container {
            padding-right: 10px;
        }
        .at-resp-share-element .at-share-btn {
            margin: 0;
        }
    }
}

#take-the-pledge .main-content {
    margin-top: 0px;
}

.Jclear {
    clear: both;
    &:after {
        content: "";
        display: block;
        clear: both;
    }
}

.Jdesktop {
    display: block;
    @include at-query ($max, $large) {
        display: none;
    }
}

.Jmobile {
    display: none;
    @include at-query ($max, $large) {
        display: block;
    }
}

.Jleft {
    float: left;
    @include at-query ($max, $large) {
        float: none;
    }
}

.Jright {
    float: right;
    @include at-query ($max, $large) {
        float: none;
    }
}

.Jcol-3 {
    width: 33.333%;
    @include at-query ($max, $large) {
        width: 100%;
    }
}

.Jcol-9 {
    width: 66.666%;
    padding: 0 50px;
    @include at-query ($max, $large) {
        padding: 0 30px;
        width: 100%;
    }
}

.Jcol-7 {
    width: 645px;
    @include at-query ($max, $large) {
        width: 100%;
    }
}

.Jcol-5 {
    width: 451px;
    padding: 0 60px;
    @include at-query ($max, $large) {
        padding: 0 30px;
        width: 100%;
    }
}

.list-none {
    margin: 0;
    padding: 0;
    li {
        list-style: none;
        margin: 0;
        padding: 0px;
    }
}

@include at-query ($max, $large) {
    .page-404 {
        height: 521px;
        .grid__item {
            position: relative;
            top: 148px;
        }
        h1 {
            font-size: 90px;
            line-height: 1.44;
            color: #ffffff;
        }
        .text-html-404 {
            font-size: 20px;
            line-height: 140%;
            margin-bottom: 18px;
        }
        p {
            font-size: 18px;
            line-height: 1.33;
        }
    }
    .sticky-menu {
        background: #ffffff;
    }
    /*.site-header--tools {
        top: 30px;
    }*/
    /*.site-header__nav .menu-bar span{
        top:27px;
    }*/

}

@media screen and (max-width: 1200px) {
    .hidden-desktop {
        display: block !important;
    }
    .site-nav {
        .site-nav--has-dropdown {
            &:after {
                background: url('{{"open-submenu.png"| asset_url}}') center top no-repeat;
                content: "";
                display: inline-block;
                width: 29px;
                height: 29px;
                top: 12px;
                position: absolute;
                right: 0px;
            }
            &.nav-hover {
                &:after {
                    background: url('{{"close-submenu.png"| asset_url}}') center top no-repeat;
                }
            }

            ~ .site-nav--has-dropdown {
                border-top: 1px solid #d2d2d2;
                border-bottom: 1px solid #d2d2d2;
                a {
                    color: #eabb17;
                }
                .site-nav__dropdown {
                    a {
                        color: #000;
                    }
                }
            }

        }

        .social-block, .social-block .social-block__heading, .social-block .social-block__social-icons {
            display: inline-block;
            width: 49%;
        }
        .social-block {
            width: 100%;
            padding-left: 15px;
        }
        .social-block__social-icons .fa {
            display: block;
            background-size: cover;
            width: 30px;
            height: 30px;
        }
    }
}

@media screen and (max-width: 769px) {
    .site-nav__link {
        display: inline-block;
        padding-left: 0px;
    }
    .site-header__nav .site-nav__dropdown {
        position: relative;
        a {
            background: transparent;
        }
    }
    .site-header__nav .site-nav > li.site-nav--has-dropdown .site-nav__dropdown {
        .site-nav__link {
            @include font-styles($family: $font-Oswald, $size: 22, $color: $black, $weight: 400, $transform: uppercase);
        }
        padding-left: 20px;
    }
    .article--share {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 767px) {
    .article--share {
        display: inline-block;
        float: left;
        margin-bottom: 10px;
    }
}

.mini-cart {
    display: none;
    position: absolute;
    top: 81px;
    right: 0;
    z-index: 99;
    background: url('{{"bg-related-product.png"| asset_url}}') center top no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 30px;
    width: 460px;
    &:hover {
        display: block;
    }
    .mini-cart--content {
        background: #ffffff;
        padding: 20px 20px 0px;
        .item-product {
            max-height: 400px;
            overflow: auto;
            li {
                border-bottom: 1px solid #d2d2d2;
                padding: 0px 0px 20px;
                margin-bottom: 20px;
                .Jright {
                    width: 205px;
                }
                .Jleft {
                    margin-right: 10px;
                    width: 120px;
                    height: 120px;
                    display: flex;
                    background-color: #ededed;
                }
            }
            img {
                max-width: 100%;
                max-height: 100%;
                margin: auto;
            }
            .name-product {
                font-family: $font-Oswald;
                font-size: 20px;
                font-weight: bold;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.1;
                color: #000000;
                text-transform: uppercase;
                padding-bottom: 5px;

                a {
                    color: black;
                }
            }
            .size-product {
                font-family: $font-OpenSans;
                font-size: 16px;
                font-weight: 300;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.5;
                color: #000000;
            }

        }
        .name-total {
            font-family: $font-Oswald;
            font-size: 14px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            color: #999999;
            text-transform: uppercase;
            padding-top: 10px;
            display: block;
        }
        .price-total-product {
            font-family: $font-Oswald;
            font-size: 24px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            color: #eabb17;
        }
        .total-price {
            padding: 0px 0px 20px;
            .Jright {
                width: 205px;
            }
            .Jleft {
                margin-right: 10px;
                width: 120px;
            }
        }
    }
    .mini-cart-button-checkout {
        margin-top: 15px;
    }
    .btn-checkout {
        display: block;
        width: 100%;
        background: #000;
        padding: 15px 10px;
        span {
            font-family: Oswald;
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0.7px;
            text-align: center;
            color: #ffffff;
            text-transform: uppercase;
        }
    }
}

/*.site-header__cart:hover {
    + .mini-cart {
        display: block;
    }
}*/

.order-total {
  background:  $white-two;
  display: table;
  width: 100%;
  padding: 15px 30px;
  margin-top: 15px;
  .cart__subtotal,
  .btn-wrap {
    display: table-cell;
    vertical-align: middle;
    @include font-styles($family:$font-Oswald, $color: $black, $size: 24px, $weight: bold);
    @include at-query ($max, $large) {
      a {
        margin-right: 70px;
      }
    }
  }
  .cart__subtotal {
    line-height: 1.25;
    .cart__subtotal-text {
      display: none;
    }
  }
  .btn {
    @include font-styles($family:$font-Oswald, $color: $white, $size: 20px, $weight: bold,$transform: uppercase);
    letter-spacing: 0.7px;
    background: $black;
    @include rounded(0);
    padding: 15px 25px;
  }
}
@include at-query ($min, $large) {
  .order-total {
    padding: 15px 60px;
    .cart__subtotal {
      font-size: 30px;
      line-height: 1;
      .cart__subtotal-text {
        display: inline-block;
        text-transform: uppercase;
        padding-right: 20px;
      }
      p {
        display: inline-block;
      }
    }
    .btn {
      min-width: 308px;
      text-align: center;
    }
  }
}

#your-shopping-cart {
    .main-header,
    footer .normal-page,
    .site-header__top-message {
        display: none;
    }
    .cart-header {
        display: block !important;
        .grid__item {
            padding-left: 0;
        }
    }
    .footer-cart-page {
        display: block;
    }

    /*********** LOGO *************/
    .site-header__logo {
        margin: 12px 15px;
        left: 0;
        top: 0;
        width: 97px;
        @include at-query ($min, $medium) {
            margin: 17px 23px 17px $gridGutter;
        }
    }
    .main-content {
        margin-top: 0;
    }
}

.site-header__cart-heading {
    @include font-styles($family: $font-Oswald, $size: 30px, $weight: bold, $color: $black, $transform: uppercase);
    line-height: 1.47;
    margin: 35px 0 3px;
    span {
        display: inline-block;
        width: 28px;
        height: 28px;
        overflow: hidden;
        background: $squash;
        @include rounded(50%);
        @include font-styles($family: $font-Oswald, $size: 16px, $weight: bold, $color: $white);
        text-align: center;
        line-height: 28px;
    }
    @include at-query ($min, $medium) {
        font-size: 40px;
        line-height: 1.1;
        margin-top: 48px;
        span {
            margin-bottom: 5px;
        }
    }
}

.site-header__cart-heading--text {
    @include font-styles($size: 16px, $weight: 300, $color: $black);
    line-height: 1.5;
    .icon--secure {
        width: 16px;
        height: 21px;
        display: inline-block;
        margin-right: 10px;
    }
    @include at-query ($min, $large) {
        float: right;
        margin: 58px $gridGutter 0 0;
    }
}

.footer-cart-page {
    display: none;
    hr {
        border-color: $pinkish-grey;
        margin: 0 0 15px;
    }
}

.footer-cart-page__cart-list {
    ul {
        margin: 0 0 25px 0;
        li {
            margin: 0 15px 0 0;
            line-height: normal;
            .icon__fallback-text {
                display: none;
            }
        }
    }
    .icon {
        display: block;
        width: 58px;
        height: 36px;
        background: center no-repeat;
        background-size: cover;
        &:before {
            content: "";
        }
    }
    .icon-visa {
        background-image: url({{ 'visa.svg' | asset-url }});
    }
    .icon-master {
        background-image: url({{ 'master-card.svg' | asset-url }});
    }
    .icon-american_express {
        background-image: url({{ 'amex.svg' | asset-url }});
    }
    .icon-discover {
        background-image: url({{ 'discover.svg' | asset-url }});
    }
}

.footer-cart-page__footer-text {
    p {
        @include font-styles($family: $font-OpenSans, $color: $black, $size: 14px);
    }
}

@include at-query ($min, $large) {
    #your-shopping-cart {
        .sticky-menu {
            box-shadow: none;
        }
    }
    .footer-cart-page__footer-text {
        p {
            display: inline-block;
            margin-bottom: 0;
            &:nth-last-of-type {
                display: block;
            }
        }
    }
    .footer-cart-page {
        p {
            display: block;
        }
    }
}

.template-cart {
    .ajaxcart__product {
        max-height: inherit;
    }
    .ajaxcart__row,
    .cart__row {
        border: none;
    }
    .ajaxcart__row {
        margin-bottom: 30px;
    }
    .display-table {
        width: 100%;
        > .display-table-cell {
            display: table-cell;
            width: calc((100% - #{$gridGutter / 2}) / 2);
            max-width: 100%;
            float: none;
            vertical-align: middle;
            padding-left: 0 !important;
            &.cart-product-item__heading {
                padding-left: #{$gridGutter / 2} !important;
                span {
                    display: block;
                }
            }
            .cart-product-item__qty{
                max-width: 152px;
            }
        }
    }
    .cart-product-item__thumb,
    .cart-product-item__info {
        padding-left: 0 !important;
    }
    .cart-product-item {
        margin: 0 #{$gridGutter / 2};
        position: relative;
        z-index: 1;
        padding: 41px 0 15px;
        border-bottom: 1px solid $light-gray;
        @include at-query ($min, $large) {
            margin: 0 #{$gridGutter};
            padding-top: 15px;
        }
    }

    .cart-product-item__remove {
        position: absolute;
        z-index: 2;
        top: 33px;
        right: 4px;
        @extend %hide-text;
        background: url("{{ 'icon_remove.svg' | asset_url }}") left top no-repeat;
        @include size(16px, 16px);
        @include at-query ($min, $large) {
            top: 70px;
            right: 68px;
        }
    }

    .cart-product-item__thumb {
        padding-bottom: 25px;
        /*img {
            @extend .center-block;
        }*/
        @include at-query ($min, $large) {
            padding-bottom: 0;
            .display-table > .display-table-cell {
                width: 33%;
            }
            .display-table > a.display-table-cell {
                width: 20%;
            }
        }
    }

    .cart-product-item__info {
        .product-total-price {
            @include font-styles($family: $font-Oswald, $color: $black, $size: 20px, $transform: uppercase, $weight: bold);
            line-height: 22px;

        }
        @include at-query ($min, $large) {
            padding-left: #{$gridGutter / 2} !important;
            .product-total-price {
                margin-top: 50px;
                padding-left: #{$gridGutter / 2} !important;
            }
        }
    }

    .cart-product-item__heading {
        a {
            @include font-styles($family: $font-Oswald, $color: $black, $size: 16px, $transform: uppercase, $weight: bold);
            line-height: 22px;
        }
        @include at-query ($min, $large) {
            a {
                font-size: 20px;
            }
        }
    }
    .product-size, .product-price {
        @include font-styles($family: $font-OpenSans, $color: $black, $size: 15px, $transform: uppercase, $weight: 300);
        line-height: 26px;
        @include at-query ($min, $large) {
            font-size: 16px;
            line-height: 24px;
        }
    }
    .cart-product-item__qty {
        border: 1px solid $light-gray;
        min-width: inherit;
        max-width: inherit;
        position: relative;
        &:before {
            content: attr(data-label);
            display: inline-block;
            position: absolute;
            bottom: 9px;
            @include font-styles($family: $font-OpenSans, $color: $black, $size: 10px, $transform: uppercase, $weight: bold);
            letter-spacing: 1.3px;
            left: 50%;
            @include transform(translateX(-50%));
        }
        input {
            margin: 0;
            @include rounded(0);
            @extend .text-center;
            padding: 0px 33px 16px;
            @include font-styles($family: $font-OpenSans, $color: $black, $size: 20px, $transform: uppercase, $weight: bold);
        }
        button {
            display: block !important;
            width: 33px;
            outline: none;
            cursor: pointer;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 17px;
            padding: 0;
            background: none;
            text-align: right;
            overflow: hidden;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: none;
            @include font-styles($family: $font-OpenSans, $color: $black, $size: 20px, $transform: uppercase, $weight: bold);
            &.qlt-decrease {
                text-align: left;
                left: 17px;
                right: auto;
            }
        }
        @include at-query ($min, $large) {
            margin-top: 45px;
            width: 152px;
        }
    }

    .order-summary {
        padding: 0 #{$gridGutter / 2};
        h3 {
            @include font-styles($family: $font-Oswald, $color: $black, $size: 30px, $transform: uppercase, $weight: bold);
            line-height: 1;
            padding-bottom: 31px;
        }
        p {
            line-height: 1.5;
            border-bottom: 1px solid $light-gray;
            padding: 12px 0 14px;
            margin: 0;
            &:nth-of-type(1) {
                border-top: 1px solid $light-gray;
            }
            &:nth-last-of-type(1) {
                border: none;
                padding: 15px 0;
                @include font-styles($family: $font-OpenSans, $color: $black, $size: 14px, $weight: 600);
                line-height: 1.43;
            }
            span {
                @include font-styles($family: $font-OpenSans, $color: $black, $size: 16px, $weight: 300);
                &:nth-last-of-type(1) {
                    float: right;
                }
            }
        }
        @include at-query ($min, $large) {
            padding: 15px #{$gridGutter} 0 0;
        }
    }
    .get-more-info {
        float: none;
        clear: both;
        margin-left: #{$gridGutter};
        padding: 60px #{$gridGutter / 2} 0;
        h3 {
            @include font-styles($family: $font-Oswald, $color: $black, $size: 20px, $weight: bold, $transform: uppercase);
            line-height: 1.1;
        }
        .dropdown-style {
            margin-bottom: 30px;
            p {
                margin-bottom: 0px;
            }
        }
        .dropdown-style.seletions-block.dropdown-style--border{
            margin-bottom: 5px;
        }
        @include at-query ($min, $large) {
            float: left;
            clear: inherit;
        }
        @include at-query ($min, $large) {
            padding-top: 23px;
            padding-left: #{$gridGutter};
        }
    }
    .table-heading {
        border-bottom: 1px solid $light-gray;
        margin-left: #{$gridGutter};
        .grid__item {
            padding: 10px 0 10px #{$gridGutter / 2};
            @include font-styles($family: $font-Oswald, $color: $warm-grey, $size: 14px, $weight: bold, $transform: uppercase);
        }
    }
}

.empty--cart-case {
    padding-top: 39px;
    p {
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        color: #000;
        text-transform: inherit;
    }
}


@media screen and (max-width: 991px){
    .display-table .ajaxcart__product-image img,.display-table .ajaxcart__qty{
        margin: 0 auto;
    }
}


/**************** PRODUCT ITEM  *******************/
.product-list {
    .btn-wrap {
        margin: 39px 0 63px;
    }
    @include at-query ($max, $large) {
        margin-right: #{$gridGutter / 2};
        .btn-wrap {
            padding-left: 0;
        }
    }
}
.product-item {
  background-color: $black-four;
  border: 10px solid $black-four;
  margin-top: 50px;
  &:nth-of-type(1){
    margin-top: 0;
  }
  .grid__image {
    background: $white;
    //padding: 24px 0 20px;
  }
  @include at-query ($max, $large) {
    padding-left: 0!important;
  }
}
.product-item__name {
    a {
       @include font-styles($family:$font-Oswald, $color: $white, $size: 20px, $weight: 700, $transform: uppercase);
       &:hover {
            @include opacity(0.7);
            @include transition(opacity 0.3s);
        }
   }
    margin: 0 0 3px 5px;
}
.product-item__price {
  @include font-styles($family:$font-Oswald, $color: $squash, $size: 30px, $weight: 300);
  margin: 0 0 14px 5px;
}

.collection-list {
  margin: 0 15px;
  @include at-query ($min, $large) {
    margin: 60px #{$gridGutter} 0 0;
  }
}
.collection-product-item {
  padding: 0 0 26px;
  width: calc((100% - 35px) / 2);
  @include at-query ($max, $medium) {
    &.visible {
      &:nth-of-type(even) {
        margin-right: 35px;
      }

      &:nth-of-type(1) {
        width: 100%;
      }
    }
    .filter & {
      &.visible {
        margin: 0;
      }
      &.first-item {
        width: 100%;
      }
      &.odd {
        margin-right: 35px;
      }
    }
  }
  @include at-query ($min, $large) {
    width: calc((100% - #{$gridGutter}) / 3);
    margin-left: calc(#{$gridGutter} / 2);
    padding-bottom: 60px;
    &:nth-of-type(1) {
   //   width: calc(((100% - #{$gridGutter}) / 3) * 2 + #{$gridGutter / 2});
      /*.pre-order-wrap {
        display: block;
      }*/
      .grid__image {
        img {
          height: 100%;
        }
      }
      .product-item__price, .product-item__name{
        margin: 0 15%;
      }
    }
    &:nth-of-type(3n+1) {
      clear: left;
      margin-left: 0;
    }
    .filter & {
      &.first-item {
        width: calc(((100% - #{$gridGutter}) / 3) * 2 + #{$gridGutter / 2});
        .grid__image {
          img {
            height: 100%;
          }
        }
        .product-item__price, .product-item__name{
          margin: 0 15%;
        }
      }
      &:nth-of-type(3n+1) {
        clear: none;
        margin-left: calc(#{$gridGutter} / 2);
      }
      &.first-item-row {
        clear: left;
        margin-left: 0;
      }
    }
  }

  .product-item__name {
    border-top: 5px solid $black;
    padding: 10px 0 0;
    margin: 0;
    a {
      @include font-styles($family:$font-Oswald, $color: $black, $size: 20px, $weight: 300, $transform: inherit);
    }
    @include at-query ($min, $large) {
      a{
        font-size: 24px;
      }
    }
  }
  .product-item__price {
    @include font-styles($family:$font-Oswald, $color: $black, $size: 16px, $weight: 300, $transform: inherit);
    margin: 0;
    @include at-query ($min, $large) {
      font-size: 30px;
    }
  }
  .pre-order-wrap {
    display: none;
  }
  .btn--pre-order {
    font-size: 13px;
    letter-spacing: 0.9px;
    border-width: 2px;
    padding: 5px 15px 8px;
  }
  .grid__image {
    overflow: hidden;
    position: relative;
    z-index: 1;
    &:before {
      content: "";
      padding-top:  100%;
      display: block;
    }
    span {
      position: absolute;
      margin: auto;
      left: 0;
     // top: 0;
      right: 0;
      bottom: 0;
      height: auto;
      img {
        max-height: 100%;
        text-align: center;
     //   max-width: inherit;
      }
    }
  }
}


/**************** END PRODUCT ITEM  *******************/

/************** pagination ******************/

.pagination--custom {
    padding-top: 10px;
    margin-bottom: 40px;
    > .page, .next, .prev {
        margin: 0 em(2px);
        border: 2px solid $light-gray;
        min-width: 44px;
        font-size: 12px;
        font-weight: bold;
            &.current,
            a {
                padding: em(6px) em(8px) em(5px);
                @include font-styles($size: 24px, $weight: 300, $color: $black);
            }
            a {
                @include transition(all 0.3s);
            }
            &.current {
                background: $black;
                border-color: $black;
                padding: 0;
                a {
                    color: $white;
                }
            }
        }
        > .page > a,
        > .page {
        &:hover,
        &:focus {
            color: $white;
            background: $black;
            border-color: $black;
        }
    }
    .next, .prev {
        border: none;
        a {
            @include font-styles($size: 24px, $color: $squash);
        }
    }
    @include at-query ($min, $large) {
        text-align: left;
        margin-bottom: 63px;
    }
}

.pagination--custom-default {
  @extend .pagination--custom;
  padding-top: 18px;
  >.page.current {
    color: $white;
    padding: em(6px) em(8px) em(5px);
  }
}

@media screen and (max-width: 360px){
    .pagination--custom .next a, .pagination--custom-default .next a, .pagination--custom .prev a, .pagination--custom-default .prev a, .pagination--custom > .page.current, .pagination--custom-default > .page.current, .pagination--custom > .page a, .pagination--custom-default > .page a, .pagination--custom .next.current, .pagination--custom-default .next.current, .pagination--custom .next a, .pagination--custom-default .next a, .pagination--custom .prev.current, .pagination--custom-default .prev.current, .pagination--custom .prev a, .pagination--custom-default .prev a {
        font-size: 18px !important;
    }
}
.collection-sidebar {
  margin-bottom: 54px;
  @include at-query ($min, $large) {
    margin-top: 60px;
  }
  .collection-sidebar__heading {
    text-align: center;
    padding: 20px 0 29px;
    border-bottom: 1px solid $light-gray;
    span {
      @include font-styles($family:$font-Oswald, $color: $squash, $size: 24px, $weight: bold, $transform: uppercase);
      letter-spacing: -0.2px;
      padding-bottom: 13px;
      border-bottom: 1px solid $light-gray;
    }
    .icon {
      font-size: 25px;
      color: $light-gray;
      margin-left: 7px;
      cursor: pointer;
      &.icon-minus {
        &:before {
          content: "\e602";
        }
      }
    }
  }
  .collection-sidebar__content  {
    display: none;
    padding: 0 #{$gridGutter / 2};
    @include at-query ($min, $large) {
      display: block;
      padding: 0 #{$gridGutter / 2} 0 #{$gridGutter};
    }
  }
  ul {
    margin-bottom: 0;
  }
  .h3, ul  a , .cf-title, .cf-options-container label span{
    @include font-styles($family:$font-Oswald, $color: $warm-grey, $size: 14px, $weight: bold, $transform: uppercase);
      line-height: 48px;
  }
  .cf-options-container label.selected{
    padding-right: 16px;
    position: relative;
    &:after{
      content: "x";
      display: inline-block;
      color: #000;
      font-size: 20px;
      float: right;
      margin-top: 6px;
    }
  }
  ul a, .cf-options-container label span {
    font-size: 16px;
    color: $black;
  }
  ul a {
    display: inline-block;
    width: 100%;
  }
  .h3, li, .cf-title {
    padding: 0 16px;
    margin-bottom: 0;
  }
  .view-all {
    @include font-styles($family:$font-OpenSans, $color: $black, $size: 16px, $weight: normal);
    margin-left: 16px;
    line-height: 36px;
  }
  .collection-categories {
    li {
      border-bottom: 1px solid $light-gray;
      &:nth-last-of-type(1){
        border: none;
      }
    }
  }
  .cf-select-wrapper {
    border-bottom: 1px solid $light-gray;
    .cf-title {
      display: block;
      border-top: 1px solid $light-gray;
    }
    .cf-options-container {
      padding: 0 16px 15px;
      display: block;
      label {
        display: block;
        position: relative;
        z-index: 1;
        span {
          font-family: $font-OpenSans;
          line-height: 36px;
          font-weight: 300;
          text-transform: inherit;
        }
      }
      input {
        position: absolute;
        left: -100000em;
      }
      &.collection-gender {
        position: relative;
        z-index: 1;
        padding-bottom: 50px;
        label {
          &:nth-of-type(1){
            display: block;
            position: absolute;
            bottom: 15px;
          }
        }
      }
      &.collection-size {
        max-height: 360px;
        overflow-y: auto;
      }
      &.collection-color {
        label {
          display: inline-block!important;
          padding: 0 15px 15px 0;
          span {
            @extend %hide-text;
            display: block;
            width: 30px;
            height: 30px;
            background-size: cover;
            cursor: pointer;
          }
          &:nth-last-of-type(1){
            span {
              background:url({{ 'black-white.png'| asset_url }}) center no-repeat;
              background-size: cover;
            }
          }
        }
      }
    }
  }
  .collection-gender {
    @extend .collection-size;
    ul a {
      text-transform: inherit;
    }
  }
  .collection-color {
    ul {
      padding-left: 16px;
      li {
        display: inline-block;
        padding: 0 15px 15px 0;
        a {
          @extend %hide-text;
          display: block;
          width: 30px;
          height: 30px;
          background-size: cover;
        }
      }
    }
  }
  .filter {
    &:after {
      content: "x";
      display: inline-block;
      color: $black;
      font-size: 20px;
      float: right;
      margin-top: 6px;
    }
  }
  label.filter:after {
    margin-top: 0;
  }
  li.filter {
    position: relative;
    &:after {
      position: absolute;
      top: 0px;
      right: 15px;
    }
  }
}
.dropdown-style-wrap {
  float: right;
  width: 325px;
  margin-top: -65px;
  .dropdown-style {
    margin: 0;
  }
}

.detail-page {
  .medium--one-third,
  .medium--two-third {
    width: 100%;
  }

  .product-single .product-slider {
    padding: 0 $gridGutter/2 0 $gridGutter + $gridGutter/2;
    margin-top: $gridGutter/2;
  }

  .product-single .product-info {
    padding: 0 $gridGutter/2 0 $gridGutter + $gridGutter/2;
    margin-top: $gridGutter/2;
  }

  .product--detail-heading {
    position: relative;
    background: url('{{"bg-feature-zone.png"| asset_url}}') left top no-repeat;
    background-size: cover;
    padding: 27px $gridGutter/2 16px;

    .breadcrumb {
      display: none;
    }

    .product--title {
      font-size: 50px;
      line-height: 1.175;
      color: $white;
      font-family: 'Oswald', sans-serif;
      font-weight: 700;
      margin: 0;
      padding: 0;
      text-transform: uppercase;
    }
  }

  .product--price {
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    line-height: 1.367;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    color: $bright-red;
    padding-bottom: 12px;
    border-bottom: 5px solid $black;
    margin: 30px 0;
  }

  .box--select {
    position: relative;
    width: 100%;

    label {
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #333;
    line-height: 1.6;
    font-size: 12px;
    margin-bottom: 3px;
    display: block;
    cursor: pointer;
    }

    select {
    font-family: Helvetica,"Helvetica Neue",Arial,"Lucida Grande",sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: url(//cdn.shopify.com/s/files/1/3003/3688/t/40/assets/ico-select.svg?445);
    background-repeat: no-repeat;
    background-position: right 10px center;
    text-indent: 0.01px;
    cursor: pointer;
    border-radius: 0;
    max-width: 100%;
    background-color: #f4f4f4;
    border: 0;
    font-size:15px;
    outline:none;
    }
  }

  .product-thumbnails {
    display: none;
    width: 112px;
    float: left;
    ul {
      list-style: none;
      margin: 0;

      li {
        display: flex;
        width: 82px;
        height: 82px;
        margin-bottom: 15px;
        position: relative;
        opacity:.7;
        
        img {
          max-width: 80px;
          max-height: 80px;
          display: block;
          margin: auto;
        }
      }
    }
  }
  
 li.active {
   opacity:1 !important;
 }

  .main-view {
    display: flex;
  }

  #ProductPhoto {
    display: none;
  }

  #mobileProductsSlider {
    ul {
      margin: 0 auto;
      padding: 0;
      list-style: none;
    }

    .bx-wrapper {
      margin: 0;

      .bx-controls-auto,
      .bx-pager {
        padding-top: 10px;
      }

      .bx-viewport {
        left: 0;

        img {
          margin: auto;
        }
      }
    }
  }

  .sizing-chart {
    margin: 0;

    a,
    a:hover {
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      font-size: 16px;
      font-style: normal;
      font-stretch: normal;
      color: $squash;
    }
  }



  .inventory-block {
    border-top: 1px solid $light-gray;
    padding-top: 8px;

    p {
      font-family: 'Open Sans', sans-serif;
      font-size: 16px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      color: $black;
      line-height: 23px;

      strong {
        font-weight: 600;
        color: #ff0000;
      }
    }
  }

  .horizontal-line {
    margin: 15px 0 0;
    padding: 0 $gridGutter/2 0 $gridGutter+$gridGutter/2;

    div {
      border-top: 1px solid $light-gray;
      width: 100%;
    }
  }

  .product-description {
    text-align: left;
    margin: 0 0 60px;

    .in-product-description {
      padding: 22px $gridGutter/2 0 $gridGutter + $gridGutter/2;
    }

    div,
    em,
    em,
    p,
    span,
    strong {
      font-family: 'Open Sans', sans-serif;
      font-size: 18px;
      line-height: 28px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      color: $black;
    }

    em {
      font-style: italic;
    }

    ul {
      list-style: none;
      margin-left: 0;

      li {
        font-family: 'Open Sans', sans-serif;
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 2.67;
        color: $black;
        border-top: 1px solid $light-gray;

        &:first-child {
          border: 0;
        }
      }
    }

    .product-details {
      h3 {
        font-family: $headerFontStack;
        font-size: 30px;
        text-transform: uppercase;
        color: black;
        line-height: 1.8;
      }
    }
  }

  .share-box {
    border-top: 1px solid $light-gray;
    padding-top: 9px;
    margin-bottom: 33px;

    .article--share {
      float: left;
    }

    .article--share .custom_share_social .at4-jumboshare .at4-count {
      padding-top: 20px;
    }

    a {
      padding: 0 !important;
      margin: 0 !important;
    }

    .at-icon-wrapper {
      width: 48px!important;
      height: 48px!important;

      svg {
        width: 48px!important;
        height: 48px!important;
      }
    }
  }

  .related-products {
    margin: 0 0 60px;
    padding: 0 0 0 70px;
    float: left;
    width: 100%;
    background: url('{{"bg-related-product.png"| asset_url}}') center top no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    h3.heading {
      font-family: 'Oswald', sans-serif;
      font-size: 30px;
      line-height: 1.07;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      color: $black;
      padding: 10px 30px 9px;
      text-transform: uppercase;
    }

    .product-list {
      margin: 0;

      .product-item {
        margin-top: 0;

        .box-balance {
          position: relative;
          height: 0;
          padding-bottom: 114.527027027027%;

          .in-box {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            text-align: center;
            display: flex;

            img {
              margin: auto;
              max-width: 100%;
              max-height: 100%;
              line-height: 100%;
              display: inline-block;
            }
          }
        }

        .product-item__name a {
          display: block;
          width: 100%;
          height: 32px;
          word-wrap: break-word;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }
  }
  /*Bundle*/
  .product--bundle-section {
    margin-bottom: 40px;

    .large--grid--mod {
      padding-right: 30px;

      .small--one-whole {
        padding-left: 30px;
      }
    }

    .product-bundle .bundle-title {
      font-family: 'Oswald', sans-serif;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.8;
    }

    #two-product.product-bundle.with-total {
      .product-wrapper {
        display: table-cell;
        width: 43.66197183098592%!important;
        margin: 0;
        padding: 0;

        > a:first-child {
          width: 100%!important;
          margin-right: 0;
          float: none;
        }

        a {
          margin-bottom: 15px;

          .product-image {
            border-left: 0;
            border-right: 0;
            border-top: 0;
            border-bottom: 5px solid $black;
            max-height: 1000px;

            img {
              max-height: 1000px;
              margin: 0 auto;
            }
          }

          .bundle-name {
            font-family: 'Oswald', sans-serif;
            font-size: 20px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            color: $black;
            line-height: 27px;
          }
        }

        .bdl-product-price {
          font-family: 'Oswald', sans-serif;
          font-size: 16px;
          font-weight: 300;
          font-style: normal;
          font-stretch: normal;
          color: $black;
          text-align: left;
          line-height: 20px;
          margin: 5px 0;

          &.regular {
            margin-right: 0.5em;
          }
        }
      }

      .bundle-plus {
        width: 11.26760563380282%!important;
        display: table-cell;
        border: 0;
        vertical-align: top;
        padding-top: 26%;
        min-width: 40px;
        max-width: 1000px;

        img {
          margin: 0;
          display: none;
        }

        &:before {
          content: '+';
          display: block;
          width: 100%;
          text-align: center;
          font-family: 'Open Sans', sans-serif;
          font-size: 41px;
          font-weight: 400;
          color: $black;
        }
      }

      .bundle-total {
        width: 100%!important;

        .bundle-equals {
          width: 100%!important;
          border: 0;
          margin: 0;

          img {
            margin: 0;
            display: none!important;
          }

          &:before {
            content: '=';
            display: block;
            width: 100%;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            font-size: 42px;
            font-weight: 400;
            color: $black;
          }

          &:after {
            display: none;
          }
        }

        button {
          margin-top: -8px;
          padding: 0;
          background-color: transparent;
          border: 0;
          display: block;
          position: relative;
          cursor: default;
          width: 100%;
          max-width: 100%;
          outline: 0;
          -webkit-box-shadow: none;
          -moz-box-shadow: none;
          box-shadow: none;
          min-height: 185px;

          .bottom-button {
            display: block;
            background-color: $brownish-grey;
            color: $squash;
            font-size: 50px;
            line-height: 1.08;
            letter-spacing: 1.9px;
            font-family: 'Oswald', sans-serif;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            width: 100%;
            text-align: left;
            padding: 20px 11px 30px 24px;
            position: absolute;
            top: 0;
            left: 0;
          }

          .top-button {
            height: 60px;
            line-height: 60px;
            font-family: 'Oswald', sans-serif;
            font-size: 20px;
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 0.7px;
            text-align: center;
            color: $white;
            background-color: $black;
            cursor: pointer;
            width: 100%;
            border: 0;
            position: absolute;
            bottom: 0;
            left: 0;
          }
        }
      }
    }
  }
}

@media screen and (min-width: 992px) {
  .detail-page {
    .product-single .product-slider {
      padding: 0 $gridGutter ;
      margin-top: $gridGutter;
      margin-left: $gridGutter;

      .main-view {
        width: calc(100% - 112px);
      }
    }

    .product-single .product-info {
      padding: 0 $gridGutter/6;
      margin-top: $gridGutter;
    }

    .medium--two-third {
      width: 2/3*100%;
    }

    .medium--one-third {
      width: 1/3*100%;
    }

    .product--detail-heading {
      position: relative;
      background: url('{{"bg-feature-zone.png"| asset_url}}') left top no-repeat;
      background-size: cover;
      padding: 81px $gridGutter 12px;

      .breadcrumb {
        margin: 0 0 -10px;
        display: block;
      }

      .product--title {
        font-size: 72px;
        line-height: 1.361;
      }
    }

    #ProductPhoto {
      display: flex;
    }

    #mobileProductsSlider {
      display: none;
    }

    .product-thumbnails {
      display: block;
    }

    .horizontal-line {
      margin: 80px 0 0;
      padding: 0 $gridGutter 0 2*$gridGutter;
    }

    .product-description {
      .in-product-description {
        padding: 58px 60px 0;

        .description-detail {
          padding: 0 60px;

          & > h2 {
            font-family: $headerFontStack;
            font-size: 50px;
            font-style: normal;
            color: $squash;
            line-height: 1.08;
          }
        }
      }

      div,
      em,
      em,
      p,
      span,
      strong {
        font-size: 24px;
        line-height: 36px;
      }
    }

    .related-products {
      padding: 0 0 60px 70px;

      h3.heading {
        padding: 46px 60px 19px;
        font-size: 50px;
      }
    }

    .bx-wrapper {
      margin: 0 60px;

      .bx-controls-auto,
      .bx-pager {
        padding: 60px 0 50px;
      }
    }

    .product--bundle-section .large--grid--mod {
      padding-right: 60px;

      .medium--one-whole {
        padding-left: 60px;
      }
    }
  }
}

@media screen and (min-width: 1200px) {
  .product-details > div,
  .product-info > div {
    width: 307/419*100%;
  }
  /*bundle*/
  .detail-page {
    .product--bundle-section {
      margin-bottom: 60px;
    }

    .product--bundle-section .large--grid--mod {
      padding-right: 0;
    }

    .product--bundle-section #two-product.product-bundle.with-total .product-wrapper {
      width: 308/1321*100% !important;
      display: block;
      float: left;

      a .bundle-name {
        font-size: 24px;
        line-height: 32px;
      }

      .bdl-product-price {
        font-size: 30px;
        line-height: 38px;
      }
    }

    .product--bundle-section #two-product.product-bundle.with-total .bundle-plus {
      width: 144/1321*100% !important;
      padding-top: 10%;
      display: block;
      float: left;

      &:before {
        font-size: 81px;
      }
    }

    .product--bundle-section #two-product.product-bundle.with-total .bundle-total {
      width: 561/1321*100% !important;
      display: block;
      float: left;

      .bundle-equals {
        width: 144/571*100%!important;
        padding-top: 10%;
        display: block;
        float: left;

        &:before {
          font-size: 81px;
        }
      }

      button {
        display: block;
        float: left;
        margin-top: 0;
        width: 308/571*100%;

        .bottom-button {
          background-color: $black-four;
          font-size: 72px;
        }
      }
    }
  }
}

.my-account-page {
    @extend .account-page;
    .breadcrumb-wrapper, .heading {
        margin-left: 0;
        margin-right: 0;
    }
    .btn-item {
        min-width: 207px;
    }
    @include at-query ($max, $large) {
        .heading {
            padding: 21px 0 0 0px;
            margin-bottom: 8px;
            border: none;
        }
        hr {
            margin: 15px 0 23px; 
        }
    }
    @include at-query ($min, $large) {
        position: relative;
        z-index: 1;
        .heading {
            margin-bottom: 60px;
        }
        .btn-item {
            position: absolute;
            z-index: 2;
            right: 0;
            top: 34px;
        }
    }
}
.my-account-detail {
    h3 {
        @include Heading-Level-4-Style;
        margin-bottom: 30px;
    }
    h4 {
        padding-top: 22px;
        margin-bottom: 21px;
        @include Heading-Level-6-Style;
        @include at-query ($min, $large) {
            padding-top: 15px;
        }
    }
    p {
        @include Paragraph-Mobile;
        &.my-account-detail__info {
            @include Paragraph-large;
            line-height: 30px;
            a {
                @include Paragraph-Mobile;
                @include at-query ($min, $large) {
                    font-size: 16px;
                    line-height: 36px;
                }
            }
        }
        &.my-account-detail__address {
            @include at-query ($min, $large) {
                 @include Paragraph;
                 margin-bottom: 22px;
            }
        }
    }
    .btn-item {
        border:none;
        padding: 0;
    }
}
.order-history {
    h3 {
        @include Heading-Level-4-Style;
        margin-bottom: 39px;
    }
    .display-table {
        border: 1px solid $light-gray;
        border-top: none;
        padding: 20px 19px;
    }
    .display-table--mod {
        background: $white-two;
        border-top: 1px solid $light-gray;
        border-bottom: none;
        .display-table-cell {
            @include Heading-Level-6-Style;
        }
        .order-number {
            @include font-styles($family:$font-OpenSans, $color: $black, $size: 16px, $weight: 300, $transform: capitalize); 
            letter-spacing: -0.3px;
            line-height: 24px;
        }
        .btn-item {
          letter-spacing: 1px;
          font-size: 14px;
          padding: 4px 13px;
          border-width: 2px;
          display: inline-block;
          margin-top: 4px;
        }
    } 
    .order-history__product-image {
        width: 100px;
        border: 1px solid $light-gray;
        position: relative;
        z-index: 1;
        &:before {
            content: "";
            padding-top:  100%;
            display: block;
        }
        span {
            position: absolute;
            z-index: 2;
            margin: auto;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: hidden;
            text-align: center;
        }
        img {
            max-height: 100%;
        }
    }
    .cart-product-item__heading {
        padding-left: 26px;
        @include font-styles($family:$font-OpenSans, $color: $black, $size: 16px, $weight: 600);
        span {
            display: block;
            &.product-size {
                font-weight: 300;
            }
        }
        a {
            color: $black;
        }
    }
    @include at-query ($max, $large) {
        margin-bottom: 30px;
        .display-table--mod {
            padding: 9px 0 15px;
            .display-table-cell {
                display: block;
                padding: 10px 19px 0;
            }
            .btn-item {
              padding: 6px 13px;
            }
        }
        .order-history__product-image {
            width: calc((100% - #{$gridGutter / 2}) / 2);
            border: 1px solid $light-gray;
            position: relative;
            z-index: 1;
        }
    }
    @include at-query ($min, $large) {
        .display-table {
            position: relative;
            z-index: 1;
        }
        .cart-product-item__heading {
            vertical-align: middle;
            .product-price {
                right: 19px;
                top: 46px;
                //@include vertical-center();
                position: absolute; 
            }
        }
    }
}
//My Account
.return--account-detail a, .return--account-detail a:hover{
    display: inline-block;
    letter-spacing: 0.7px;
    background: transparent;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-family: "Oswald",sans-serif;
    font-size: 20px;
    color: $squash;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: -6px;
}
.my-account--detail h2{
    line-height: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-family: "Oswald",sans-serif;
    font-size: 30px;
    color: $black;
    text-transform: uppercase;
    margin-bottom: 39px;
}
.my-account--detail h3{
    margin-bottom: 21px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    font-family: "Oswald",sans-serif;
    font-size: 20px;
    color: $black;
}

.my-account--detail p{
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    color: $black;
    text-transform: inherit;
    line-height: 24px;
    margin-bottom: 22px;
}

.main-content .pagination--custom.my-account-pagination{
    span.prev,span.next{
        margin-left: 0;
        a{
            padding-left: 0;
        }
    }
    .page.current{
        padding: 0.42857em 0.57143em 0.35714em;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        font-family: "Open Sans",sans-serif;
        font-size: 24px;
        color: $white;
        text-transform: inherit;
        text-align: center;
        webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        &:hover{
            color: $black;
            background: $white;
            border-color: $light-gray;
        }
    }
}

//my order page
.my--order-page{
    .heading-block{
        position: relative;
        border-bottom: 1px solid $light-gray;
        width: 100%;
        .heading{
            font-weight: bold;
            font-style: normal;
            font-stretch: normal;
            font-family: "Oswald",sans-serif;
            font-size: 50px;
            color: $black;
            text-transform: uppercase;
            line-height: 1.08;
            padding: 35px 0 0 0px;
            margin-bottom: 8px;
        }
        .return--page-account{

            a{
                color: $squash;
                font-size: 18px;
                font-weight: 600;
            }
        }
    }

    h2.h4{
        line-height: 30px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        font-family: "Oswald",sans-serif;
        font-size: 30px;
        color: $black;
        text-transform: uppercase;
        margin: 60px 0 30px;
    }
    h3.h5{
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        font-family: "Open Sans",sans-serif;
        font-size: 24px;
        color: #000;
        text-transform: inherit;
        line-height: 36px;
    }
    table tr td, p{
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        font-family: "Open Sans",sans-serif;
        font-size: 16px;
        color: #000;
        text-transform: inherit;
        line-height: 24px;
        margin-bottom: 22px;
    }

}
@media screen and (min-width: 769px){
    .my--order-page .heading-block .return--page-account{
        position: absolute;
        right: 0;
        bottom: 6px;
        margin: 0;
    }
}
.shop--landing-page{
    clear: both;
    //banner block
    .shop-banner{
        overflow: hidden;
        margin-left: $gridGutter;
        .grid__item{
            padding: 0;
            float: none;
        }
        .medium--one-whole{
            width: 100%;
        }
        .banner-image{
            height: 274px;
            background-position: left top;
            background-repeat: no-repeat;
            background-size: cover;
            /*background-size:auto 274px;*/
        }
        .banner-content{
            padding:55px 30px 30px;
            font-family: 'Oswald', sans-serif;
            background-color: $black;
            h1.heading{
                font-family: 'Oswald', sans-serif;
                font-size: 50px;
                font-weight: 700;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.08;
                color: $white;
                text-transform: uppercase;
                margin-bottom: 14px;
            }
            p{
                font-size: 18px;
                font-weight: 300;
                font-style: normal;
                font-stretch: normal;
                line-height: 1.44;
                color: $white;
                font-family: 'Oswald', sans-serif;
                &.button a,&.button a:hover{
                    width: 229px;
                    height: 60px;
                    border: solid 3px $squash;
                    display: block;
                    text-decoration: none;
                    line-height: 54px;
                    font-size: 20px;
                    font-weight: 700;
                    font-style: normal;
                    font-stretch: normal;
                    letter-spacing: 0.7px;
                    text-align: center;
                    color: $squash;
                    text-transform: uppercase;
                    font-family: 'Oswald', sans-serif;
                }
            }
        }
    }
    //featured items block
    .block--featured{
        border-bottom: 1px solid $light-gray;
        h4.heading{
            font-family: 'Oswald', sans-serif;
            font-size: 30px;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: -0.2px;
            color: $black;
            text-transform: uppercase;
            padding: 33px 30px 20px;
        }
        .products-list{
            margin-left: -35px;
            .products-block{
                width: 100%;
                overflow: hidden;
                padding: 0 15px;
            }

            .product-item-block{
                margin: 0 0 60px 35px;
                width: calc(50% - 35px);
                float: left;
                .wrap-img-master{
                    position: relative;
                    padding-bottom: 100%;
                    height: 0;
                    .wrap-img{
                        position: absolute;
                        left: 0;
                        top: 0;
                        width: 100%;
                        height: 100%;
                        display: flex;
                        img{
                            max-height: 100%;
                            margin: auto;
                            line-height: 100%;
                        }
                    }
                }
                .product-item__name{
                    margin: 15px 0 0;
                    padding-top: 12px;
                    border-top: 5px solid $black;
                    a,a:hover{
                        font-family: 'Oswald', sans-serif;
                        font-size: 20px;
                        font-weight: 300;
                        font-style: normal;
                        font-stretch: normal;
                        color: $black;
                        text-transform: none;

                    }
                }
                .product-item__price{
                    font-family: 'Oswald', sans-serif;
                    font-size: 16px;
                    font-weight: 300;
                    font-style: normal;
                    font-stretch: normal;
                    color: $black;
                    margin: 0;
                }
            }
        }
    }

    //shop by category block
    .wrap-categories{
        width: 100%;
    }
    .categories-block{
        margin-bottom: 39px;
        h4.heading{
            font-family: 'Oswald', sans-serif;
            font-size: 30px;
            font-weight: 700;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: -0.2px;
            color: $black;
            text-transform: uppercase;
            padding: 25px 30px 4px;
            width: 100%;
        }
        .categories-list{
            padding: 0 30px;
            .category-block {
                margin-bottom: 15px;
                a, a:hover{
                    display: block;
                    text-decoration: none;
                    height: 80px;
                    text-align: center;
                    line-height: 78px;
                    font-family: 'Oswald', sans-serif;
                    font-size: 30px;
                    font-weight: 700;
                    font-style: normal;
                    font-stretch: normal;
                    letter-spacing: -0.2px;
                    color: $squash;
                    text-transform: uppercase;
                    background: url('{{"bg-shop-by.png"| asset_url}}') center top repeat-x;

                }
            }
        }
    }
}
/*@media screen and (min-width: 680px){
    .shop--landing-page .shop-banner .banner-image{
        -webkit-background-size:100% auto;
        background-size:100% auto;
    }
}*/
@media screen and (min-width: 992px){
    .shop--landing-page{
        //banner block
        .shop-banner{
            position: relative;
            .large--one-half{
                width: 50%;
            }
            .grid__item{
                float: left;
            }
            .banner-image{
               /* -webkit-background-size:cover;
                background-size:cover;*/
                min-height: 582px;
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                z-index: -1;
            }
            .banner-content{
                padding:96px 60px 64px 15px;
                background-color: transparent;
                h1.heading{
                    font-size: 96px;
                    line-height: 0.96;
                }
                p{
                    font-size: 24px;
                    line-height: 1.5;
                    letter-spacing: -0.2px;
                }
            }
        }
        //featured items block
        .block--featured{
            padding-bottom: 38px;
            h4.heading{
                padding: 56px 60px 20px;
            }
            .products-list{
                margin-left: -29px;
                .products-block{
                    padding: 0 60px;
                }
                .product-item-block{
                    margin: 0 0 62px 29px;
                    width: calc(25% - 29px);
                    .product-item__name{
                        padding-top: 6px;
                        a,a:hover{
                            font-size: 24px;
                        }
                    }
                    .product-item__price{
                        margin-top: -4px;
                        font-size: 30px;
                    }
                }
            }
        }
        //category block
        .categories-block {
            h4.heading{
                padding: 16px 60px 4px;
            }
            .categories-list {
                padding: 0 60px;
                overflow: hidden;
                margin-left: -30px;
                .category-block{
                    margin-bottom: 29px;
                    margin-left: 30px;
                    float: left;
                    width: calc(25% - 30px);
                    a, a:hover{
                        height: 120px;
                        line-height: 118px;
                    }

                }
            }
        }
    }
}

@media screen and (min-width: 1400px){
    .shop--landing-page .shop-banner .banner-content h1.heading{
        font-size: 136px;
    }
}
.fancybox-skin{
  background:#ffffff;
} 

.fancybox-close{
    background-image: url(close-button.svg);
    width: 20px;
    height: 20px;
    /*top: 34px;
    right: 50px;*/
    background-size: 100%;
	@include at-query ($max, $large) {
		top: 22px;
		right: 20px;
	}
}
.eqWrap {
    display: flex;
	@include at-query ($max, $large) {
		display:block;
	}
} 
.popup-block{
	display:none;
	.popup-block--block{
		padding-top:60px;
			@include at-query ($max, $large) {
				padding-top:30px;
			}
		h4{
			font-family: $font-Oswald;
			font-size: 30px;
			font-weight: bold;
			font-style: normal;
			font-stretch: normal;
			line-height: 1;
			color: #000000;
			text-transform:uppercase;
			@include at-query ($max, $large) {
				font-size: 24px;
				font-weight: bold;
				font-style: normal;
				font-stretch: normal;
				letter-spacing: -0.2px;
				padding-bottom:15px;
			}
		}
		.form-vertical{
			@include at-query ($max, $large) {
				display:none;
			}	
		}
	}
	.popup-block--title{
		background:#000000;
        padding: 20px 30px;
		h3{
		  font-family: $font-Oswald;
		  font-size: 50px;
		  font-weight: bold;
		  font-style: normal;
		  font-stretch: normal;
		  line-height: 1;
		  color: #ffffff;
		  text-transform:uppercase;
		  margin-bottom:0;
			@include at-query ($max, $large) {
				font-size:30px;
			}
		}
	}
	.popup-block--content{
		overflow: auto;
		max-height: 570px;
		.Jcol-9, .Jcol-5{
			padding-bottom:50px;
			@include at-query ($max, $large) {
				padding-bottom: 30px;
			}
		}
		.image-intro{
			background-color: #f3f3f3;
			height: 100%;
			text-align: center;
			padding-top: 60px;
			@include at-query ($max, $large) {
				padding:30px 0px;
			}
			.grid__item{
				@include at-query ($max, $large) {
					padding-bottom:60px;
				}
			}
		}
		li{
			font-family: $font-OpenSans;
			font-size: 16px;
			font-weight: 300;
			font-style: normal;
			font-stretch: normal;
			line-height: 1.5;
			color: #000000;
			
		}
		.link-popup-content{
			padding-top:15px;
			a{
				font-family: $font-Oswald;
				font-size: 16px;
				font-weight: bold;
				font-style: normal;
				font-stretch: normal;
				line-height: 1.5;
				color: #eabb17;
				text-transform:uppercase;
				&:first-child:after{
					color: #000000;
					content: ".";
					display: inline-block;
					position: relative;
					bottom: 6px;
					font-size: 22px;
					line-height: 1px;
					padding: 0px 2px;
					font-family: $font-Oswald;
					font-weight:900;
				}
			}
		}
		table{
			tr{
				&:first-child{
					border-top: 1px solid #d2d2d2;
					border-bottom: 1px solid #d2d2d2;
				}
				td{
					border:none;
					text-align:center;
					padding: 0;
					width: 106px;
					span{
						display:block;
						line-height: normal;
					}
					&:first-child{
						font-family: $font-OpenSans;
						font-size: 14px;
						font-weight: 300;
						font-style: normal;
						font-stretch: normal;
						line-height: 2.86;
						letter-spacing: -0.3px;
						text-align:left;
						padding:5px 0px;
					}
				}
				&:first-child{
					td{
						&:first-child{
							font-weight: 300;
						}
						font-family: $font-Oswald;
						font-size: 14px;
						font-weight: bold;
						font-style: normal;
						font-stretch: normal;
						line-height: 2.86;
						letter-spacing: -0.3px;
						color: #999999;
					}
				}
				&:nth-child(2){
					td{
						color: #000000;
					}
				}
				&:last-child{
					td{
						color: #eabb17;
						font-weight: normal;
					}
				}
			}
		}
		.popup-block--bottom{
			.btn-item.btn-item--yellow-light{
				border: solid 3px #eabb17;
				color: #eabb17;
				&:hover{
					border: 3px solid #eabb17;
					color: #eabb17;
				}
			}
		}
		.btn-item--black{
			width: 85px;
			height: 30px;
			border: solid 2px #000000;
			font-family: $font-Oswald;
			font-size: 14px;
			font-weight: bold;
			font-style: normal;
			font-stretch: normal;
			letter-spacing: 1px;
			color: #000000;
			margin-bottom: 15px;
			display: block;
			text-align: center;
			line-height: 26px;
		}
	}
}

#my-address{
	&.popup-block{
		.popup-block--block{
			@include at-query ($max, $large) {
				padding-left: 60px;
			}
			h4{
				@include at-query ($max, $large) {
					font-size: 24px;
					font-weight: bold;
					font-style: normal;
					font-stretch: normal;
					letter-spacing: -0.2px;
					color: #eabb17;
					padding-bottom:15px;
					cursor:pointer;
					text-align: center;
					&:after{
						content:"+";
						display:inline-block;
						padding:0 15px;
					}
				}
			}
		}
		.popup-block--content{
			width:1073px;
			@include at-query ($max, $large) {
				width:100%;
			}
			.image-intro{
				text-align:left;
				padding-left: 60px;
				@include at-query ($max, $large) {
					padding-left: 30px;
				}
				.btn-item--black{
					margin-top: 15px;
				}
			}
		}
		.popup-block--title{
			padding-left:40px;
		}
	}
	#AddAddress,div[id^="EditAddress"]{
		padding-right: 30px;
		padding-left: 30px;
	}

}
#size-chart{
	&.popup-block{
		.popup-block--content{
			width:1073px;
			@include at-query ($max, $large) {
				width:100%;
			}
		}
	}
}


.template-customers-login {
  .form-vertical:after {
    @include at-query($min, $large) {
      background: transparent;
    }
  }
}



.custom_banner{padding-left:60px;}
.custom_banner > div{
  border: 9px solid rgb(234, 187, 22);
  padding: 15px;
  text-align: center;
  margin: 20px 0 15px;
}
.sidebar_banner_title {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 20px;
}
.custom_banner > div >div {
  margin-bottom: 10px;
}
.custom_banner a.btn-item {
  background:#EABB16;
  color: #333333;
  font-weight: normal;
}
@media screen and (max-width: 1100px){
  .video-section .video-item .grid__image{float:none;margin-bottom:15px;}
  .custom_banner a.btn-item{font-size:15px;}
}
@media screen and (max-width: 768px){
  .custom_banner{padding-left:0px;}
}
.timer {
  padding: 8px 0;
  font-size: 27px;
  margin-top: 0px;
  text-align: center;
}
.timer span {
  display: block;
  line-height: 0.3em;
}
.timer > div {
  display: inline-block;
  font-size: 13px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: top;
}
.timerbottomrow {
  display: inline;
}
.pre_group {
  margin-bottom: 10px !important;
  min-height: 60px;
  height: auto!important;
}
.pre_orderprdct {
  position: relative;
}
.pre_orderprdct .overlay {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
  opacity:0;
  z-index: 2;
  display:block;
  transition: all 0.5s linear;
}
.pre_orderprdct:hover .overlay{opacity:1;}
.pre_orderprdct .overlay::after {
  color: rgb(255, 255, 255);
  content: "PRE-ORDER";
  font-size: 30px;
  position: absolute;
  top: 45%;
  left:0;
  width: 100%;
}

.slide-up-animation{-webkit-animation-name:slide-up-animation;-moz-animation-name:slide-up-animation;-o-animation-name:slide-up-animation;}
.animated {
  -webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;
  @for $i from 1 through 50 {
 .grid--uniform &:nth-child(#{$i}){-webkit-animation-delay:#{$i * 0.2}s;-moz-animation-delay:#{$i * 0.2}s;-o-animation-delay:#{$i * 0.2}s;}
  }}

/*! CSS Used keyframes */
@-webkit-keyframes slide-up-animation{0%{opacity:0;transform:translateY(1000px);}100%{opacity:1;transform:translateY(0);}}
@keyframes slide-up-animation{0%{opacity:0;transform:translateY(1000px);}100%{opacity:1;transform:translateY(0);}}