@charset "UTF-8";
a.wpf-favorite-link span{display:inline-block;position:relative;background-image:url(//silk.com/wp-content/plugins/favorite-post/images/stars16.png);background-position:left top;width:16px;height:16px}a.wpf-favorite-link span.wpf-favorite{background-position:0 32px}.wfp-loading:after{content:'';background:url(//silk.com/wp-content/plugins/favorite-post/images/loading.gif) no-repeat;height:16px;width:16px;padding:0 16px;margin-left:5px}a.wpf-remove-favorite{color:#B30000;background:#E0E0E0;border-radius:500px;padding:1px 4px;font-size:9px}.wp-list-table .validation_rules li{ font-size:13px; line-height:18px; padding-bottom:10px;}
ul.jvcfz_list{ list-style-type:square;margin-left: 2em;}
table.jvcf7_form td{ border:none !important; padding:5px;}
.wpcf7-form label.error{color:#900; font-size:11px; float:none; padding-left:5px;} .theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error{border-bottom:2px solid #900;outline: none;} .noErrorMsg.wpcf7-form label.error{ display:none !important; height:0px !important; width:0px !important; overflow:hidden !important;}
.jvcf7_btn {
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
background-image: -moz-linear-gradient(top, #3498db, #2980b9);
background-image: -ms-linear-gradient(top, #3498db, #2980b9);
background-image: -o-linear-gradient(top, #3498db, #2980b9);
background-image: linear-gradient(to bottom, #3498db, #2980b9);
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
font-family: Arial;
color: #ffffff;
font-size: 16px;
padding: 10px 15px 10px 15px;
text-decoration: none;
display:inline-block;
width:170px;
}
.jvcf7_btn:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
color: #ffffff;
}.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adobe:before{content:"\f778"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-handshake:before{content:"\f2b5"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-icicles:before{content:"\f7ad"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-water:before{content:"\f773"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:swap;src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.eot);src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.woff2) format("woff2"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.woff) format("woff"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.ttf) format("truetype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:swap;src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.eot);src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.woff2) format("woff2"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.woff) format("woff"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.ttf) format("truetype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:swap;src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.eot);src:url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.woff2) format("woff2"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.woff) format("woff"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.ttf) format("truetype"),url(//silk.com/wp-content/themes/silk/font/fontawesome/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}@import url(https://p.typekit.net/p.css?s=1&k=mtx1wic&ht=tk&f=23757&a=18347205&app=typekit&e=css);
@font-face {
font-family:"hwt-artz";
src:url(https://use.typekit.net/af/833344/000000000000000000015260/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/833344/000000000000000000015260/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/833344/000000000000000000015260/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
font-display:swap;font-style:normal;font-weight:700;
}
.tk-hwt-artz { font-family: "hwt-artz",sans-serif; }
 .ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
@font-face {
font-family: 'jaf-domus-400';
src: url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.svg#-) format('svg'),
url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.ttf) format('truetype'),
url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.woff) format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jaf-domus-400';
src: url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.eot);
src: url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.eot?#iefix) format('embedded-opentype'),
url(//silk.com/wp-content/themes/silk/font/jaf-domus-400.woff2) format('woff2');
font-weight: normal;
font-style: normal;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important;
pointer-events: none
}
.ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0
}
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: 700;
line-height: 1.5;
padding: 2px .4em;
margin: .5em 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
overflow: visible
}
.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
text-decoration: none
}
.ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-button-icon-only {
text-indent: 0
}
.ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em
}
button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-widget {
font-family: Arial, Helvetica, sans-serif
}
.ui-widget,
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #333
}
.ui-widget-content a {
color: #333
}
.ui-widget-header {
border: 1px solid #ddd;
background: #e9e9e9;
color: #333;
font-weight: 700
}
.ui-widget-header a {
color: #333
}
.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: 400;
color: #454545
}
.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
color: #454545;
text-decoration: none
}
.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
border: 1px solid #ccc;
background: #ededed;
font-weight: 400;
color: #2b2b2b
}
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
color: #2b2b2b;
text-decoration: none
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6
}
.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
border: 1px solid #003eff;
background: #007fff;
font-weight: 400;
color: #fff
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #fff
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #fff;
text-decoration: none
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f
}
.ui-state-error-text,
.ui-state-error a,
.ui-widget-content .ui-state-error-text,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error-text,
.ui-widget-header .ui-state-error a {
color: #5f3f3f
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: 700
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: 400
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_444444_256x240.png)
}
.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_555555_256x240.png)
}
.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_ffffff_256x240.png)
}
.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_777620_256x240.png)
}
.ui-state-error-text .ui-icon,
.ui-state-error .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_cc0000_256x240.png)
}
.ui-button .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/images/ui-icons_777777_256x240.png)
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-caret-1-n {
background-position: 0 0
}
.ui-icon-caret-1-ne {
background-position: -16px 0
}
.ui-icon-caret-1-e {
background-position: -32px 0
}
.ui-icon-caret-1-se {
background-position: -48px 0
}
.ui-icon-caret-1-s {
background-position: -65px 0
}
.ui-icon-caret-1-sw {
background-position: -80px 0
}
.ui-icon-caret-1-w {
background-position: -96px 0
}
.ui-icon-caret-1-nw {
background-position: -112px 0
}
.ui-icon-caret-2-n-s {
background-position: -128px 0
}
.ui-icon-caret-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -65px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 1px -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-first,
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
border-top-left-radius: 3px
}
.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
border-top-right-radius: 3px
}
.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
border-bottom-left-radius: 3px
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
border-bottom-right-radius: 3px
}
.ui-widget-overlay {
background: #aaa;
opacity: .3;
filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
box-shadow: 0 0 5px #666
}
.slick-slider {
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list,
.slick-slider {
position: relative;
display: block
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
transform: translateZ(0)
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:after,
.slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none
}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-next,
.slick-prev {
position: absolute;
display: block;
height: 40px;
width: 40px;
line-height: 0;
font-size: 0;
cursor: pointer;
background: transparent;
top: 78px;
padding: 0;
border: none;
background-size: contain;
background-repeat: no-repeat
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
color: transparent;
outline: none
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled,
.slick-prev.slick-disabled {
cursor: default;
opacity: 0
}
.slick-next:before,
.slick-prev:before {
font-size: 20px;
line-height: 1;
color: #fff;
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {
left: -40px;
background-image: url(//silk.com/wp-content/themes/silk/img/arrow-slider-left.png);
z-index: 1
}
@media only screen and (max-width:767px) {
.slick-prev {
left: -20px
}
}
[dir=rtl] .slick-prev {
left: auto;
right: -40px
}
.slick-prev:before,
[dir=rtl] .slick-prev:before {
content: ""
}
.slick-next {
right: -40px;
background-image: url(//silk.com/wp-content/themes/silk/img/arrow-slider-right.png);
z-index: 1
}
@media only screen and (max-width:767px) {
.slick-next {
right: -20px
}
}
[dir=rtl] .slick-next {
left: -40px;
right: auto
}
.slick-next:before,
[dir=rtl] .slick-next:before {
content: ""
}
.slick-dotted.slick-slider {
margin-bottom: 30px
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%
}
.slick-dots li {
position: relative;
display: inline-block;
margin: 0 5px;
padding: 0
}
.slick-dots li,
.slick-dots li button {
height: 20px;
width: 20px;
cursor: pointer
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
outline: none;
line-height: 0;
font-size: 0;
color: transparent;
padding: 5px
}
.slick-dots li button:focus,
.slick-dots li button:hover {
outline: none
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
opacity: 1
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-size: 6px;
line-height: 20px;
text-align: center;
color: #000;
opacity: .25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
color: #000;
opacity: .75
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
:focus {
outline: none !important
}
html {
font-size: 62.4%;
margin-top: 0 !important
}
body {
line-height: 1.3;
padding-top: 85px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fff;
color: #444;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
body.no-overflow {
overflow: hidden
}
@media only screen and (max-width:767px) {
body {
padding-top: 55px
}
}
* {
box-sizing: border-box
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.6rem;
color: #001d89
}
h1 {
font-size: 7.4rem
}
@media only screen and (max-width:767px) {
h1 {
font-size: 3.6rem
}
}
h2 {
font-size: 6rem
}
@media only screen and (max-width:767px) {
h2 {
font-size: 3.6rem
}
}
h3 {
font-size: 5rem
}
@media only screen and (max-width:767px) {
h3 {
font-size: 3.6rem
}
}
h4 {
font-size: 3rem
}
@media only screen and (max-width:767px) {
h4 {
font-size: 2.5rem
}
}
sub,
sup {
font-size: 61%;
display: inline
}
sup {
vertical-align: top
}
sub {
vertical-align: bottom
}
a {
color: inherit;
display: inline-block
}
a,
a:active,
a:focus,
a:hover {
text-decoration: none
}
a:active,
a:focus {
color: inherit
}
strong {
font-weight: 700
}
em {
font-style: italic
}
img {
width: auto;
max-width: 100%;
height: auto;
display: block
}
.container,
.wrapper,
section {
position: relative
}
.container {
width: 94%;
padding: 40px 0;
margin: 0 auto;
max-width: 1200px
}
.container:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
@media only screen and (max-width:767px) {
.container {
width: 94%;
padding: 20px 0
}
}
@media only screen and (max-width:767px) {
.desktop {
display: none
}
}
.mobile {
display: none
}
@media only screen and (max-width:767px) {
.mobile {
display: block
}
}
.section-intro {
position: relative;
text-align: center;
max-width: 793px;
margin: 0 auto 60px;
z-index: 2
}
@media only screen and (max-width:767px) {
.section-intro {
margin: 0 auto 40px
}
}
.section-intro.alt p {
max-width: 793px;
color: #001d89
}
.section-intro h2 {
max-width: 650px;
line-height: .95;
letter-spacing: 1.5px;
margin: auto;
font-size: 7.4rem;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.section-intro h2 {
font-size: 3.6rem;
max-width: 300px
}
}
.section-intro h2:empty+p {
margin-top: 0
}
.section-intro p {
line-height: 1.55;
max-width: 590px;
font-size: 2rem;
color: #444;
position: relative;
visibility: hidden;
top: 40px
}
.section-intro p:not(:empty) {
margin: 30px auto 0
}
@media only screen and (max-width:767px) {
.section-intro p {
font-size: 1.4rem;
max-width: 199px
}
}
.section-intro a {
text-transform: uppercase;
text-decoration: underline;
letter-spacing: 2px;
color: #c9177d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem;
position: relative;
visibility: hidden;
top: 40px
}
.section-intro a:not(:empty) {
margin: 30px auto 0
}
.breadcrumb {
position: relative;
margin: 0 0 25px
}
@media only screen and (max-width:767px) {
.breadcrumb {
display: none
}
}
.breadcrumb a {
font-size: 1.6rem;
line-height: 1.06;
margin-right: 5px;
color: #444
}
.breadcrumb a:last-child {
margin-right: 0
}
.breadcrumb a:not(:last-child):after {
content: "\f105";
font-family: Font Awesome\ 5 Free;
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
margin-left: 15px;
color: #444
}
.breadcrumb p {
display: inline;
font-size: 1.6rem;
line-height: 1.06;
margin-right: 15px;
color: #444
}
.breadcrumb a+p {
margin-left: 10px
}
.category-list {
position: relative;
width: 100%;
margin: 0 0 40px
}
.category-list:before {
content: "";
display: block;
width: 67%;
max-width: 800px;
height: 5px;
margin: 0 auto 50px;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: contain
}
@media only screen and (max-width:767px) {
.category-list:before {
width: 100%;
height: 4px;
background-size: cover
}
}
.category-list ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:900px) {
.category-list ul {
margin: auto;
max-width: 800px;
-ms-flex-pack: justify;
justify-content: space-between
}
}
@media only screen and (max-width:767px) {
.category-list ul {
width: 100%
}
}
.category-list ul li {
position: relative;
margin-right: 35px
}
@media only screen and (max-width:900px) {
.category-list ul li {
-ms-flex: 0 45%;
flex: 0 45%;
margin-right: 0;
margin-bottom: 20px;
}
}
.category-list ul li:last-child {
margin: 0
}
@media only screen and (max-width:900px) { }
.category-list ul li .category-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:900px) {
.category-list ul li .category-container {
width: 67%;
max-width: 800px;
margin: auto
}
}
@media only screen and (max-width:767px) {
.category-list ul li .category-container {
width: 100%
}
}
.category-list ul li .cat-abb-container {
display: inline-block;
vertical-align: middle
}
.category-list ul li .cat-abb-container .cat-abb {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 50px;
height: 50px; background-image: url(//silk.com/wp-content/themes/silk/img/Checkbox_Circle.png);
background-repeat: no-repeat;
background-size: contain;
margin-right: 15px
}
@media only screen and (max-width:767px) {
.category-list ul li .cat-abb-container .cat-abb {
width: 40px;
height: 40px
}
}
.category-list ul li .cat-abb-container span {
letter-spacing: .7px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2.8rem;
color: #001d89;
color: #fff
}
@media only screen and (max-width:767px) {
.category-list ul li .cat-abb-container span {
font-size: 2rem
}
}
.category-list ul li p {
display: inline-block;
vertical-align: middle;
line-height: 1.1;
letter-spacing: .6px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2rem;
color: #001d89;
color: #0075ab
}
@media only screen and (max-width:767px) {
.category-list ul li p {
font-size: 1.4rem
}
}
.type-filter {
width: 100%;
height: 58px
}
@media only screen and (max-width:767px) {
.type-filter {
height: inherit
}
}
.type-filter .type-filter-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 40 !important;
background-color: #001d89
}
@media only screen and (max-width:767px) {
.type-filter .type-filter-container {
position: relative;
background-color: #fff
}
}
.type-filter .type-filter-container.fixed {
position: fixed;
top: 85px
}
@media only screen and (max-width:767px) {
.type-filter .type-filter-container.fixed {
top: 55px
}
}
.type-filter .container {
padding: 0
}
@media only screen and (max-width:767px) {
.type-filter .container {
padding: 20px 0 0
}
}
.type-filter .type-category-btn {
cursor: pointer;
position: relative;
width: 100%;
padding: 19px 20px 20px;
min-width: 218px;
line-height: 1;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 4px;
color: rgba(68, 68, 68, .7);
border: 1px solid rgba(68, 68, 68, .2);
background-color: #fff
}
.type-filter .type-category-btn.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.type-filter .type-category-btn.open:after {
transform: translateY(-50%) rotate(180deg)
}
.type-filter .type-category-btn:after {
content: "\f078";
position: absolute;
top: 50%;
margin: auto;
font-size: 1.3rem;
font-weight: 600;
color: #444;
font-family: Font Awesome\ 5 Free;
right: 20px;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
@media only screen and (max-width:767px) {
.type-filter .type-category-btn {
display: block
}
}
.type-filter ul {
padding: 20px 0;
display: -ms-flexbox;
display: flex;
justify-content: space-evenly;
-ms-flex-pack: distribute
}
@media only screen and (max-width:767px) {
.type-filter ul {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 20px;
background-color: #001d89
}
}
.type-filter ul li.current-menu-item a {
font-weight: 700;
color: #fff
}
@media only screen and (max-width:767px) {
.type-filter ul li {
margin: 0 0 15px
}
.type-filter ul li:last-child {
margin: 0
}
}
.type-filter ul li a {
font-size: 1.2rem;
font-weight: 500;
letter-spacing: .7px;
text-transform: uppercase;
color: hsla(0, 0%, 100%, .6)
}
@media only screen and (max-width:1024px) {
.type-filter ul li a {
font-size: 1rem
}
}
@media only screen and (max-width:767px) {
.type-filter ul li a {
font-size: 1.2rem;
color: #fff
}
}
.category-filter {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin: 0 0 40px;
z-index: 10
}
.category-filter.align-right {
-ms-flex-pack: end;
justify-content: flex-end
}
.category-filter.align-right .filter-btns .filter-btn {
-ms-flex-order: 2;
order: 2;
margin-right: 0;
margin-left: 40px
}
@media only screen and (max-width:767px) {
.category-filter.align-right .filter-btns .filter-btn {
margin: 0 0 20px
}
}
.category-filter.align-right .category-filter-container {
border-top-left-radius: 4px;
border-top-right-radius: 0
}
@media only screen and (max-width:767px) {
.category-filter {
position: relative;
margin: 0 0 40px;
display: block
}
}
.category-filter .filter-btns {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.category-filter .filter-btns {
display: block
}
}
.category-filter .filter-btns .filter-btn {
cursor: pointer;
position: relative;
padding: 19px 20px 20px;
margin-right: 40px;
min-width: 218px;
line-height: 1;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 4px;
color: rgba(68, 68, 68, .7);
border: 1px solid rgba(68, 68, 68, .2);
background-color: #fff
}
@media only screen and (max-width:767px) {
.category-filter .filter-btns .filter-btn {
width: 100%;
margin: 0 0 20px
}
}
.category-filter .filter-btns .filter-btn.filter-open:after {
transform: translateY(-50%) rotate(180deg)
}
.category-filter .filter-btns .filter-btn:after {
content: "\f078";
position: absolute;
top: 50%;
margin: auto;
font-size: 1.3rem;
font-weight: 600;
color: #444;
font-family: Font Awesome\ 5 Free;
right: 20px;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
.category-filter .filter-btns .filter-reset {
cursor: pointer;
font-weight: 700;
letter-spacing: 1px;
color: rgba(68, 68, 68, .7);
font-size: 1.2rem;
text-transform: uppercase;
text-decoration: underline
}
@media only screen and (max-width:767px) {
.category-filter .filter-btns .filter-reset {
font-size: 1rem
}
}
.category-filter .category-filter-container {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
border-radius: 4px;
border-top-left-radius: 0;
z-index: 2;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
background-color: #001d89
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container {
top: 52px
}
}
.category-filter .category-filter-container form {
width: 100%
}
.category-filter .category-filter-container form .checkbox-container {
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container {
display: block;
padding-left: 15px;
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col {
-ms-flex: 1 1 0px;
flex: 1 1 0;
padding-top: 30px
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col {
width: 100%
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col:first-child {
padding-left: 30px
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col:first-child {
padding: 20px
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col:nth-child(2) {
padding-left: 30px;
padding-right: 30px;
margin: 0 30px;
border-left: 1px solid hsla(0, 0%, 100%, .2);
border-right: 1px solid hsla(0, 0%, 100%, .2)
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col:nth-child(2) {
padding: 20px;
margin: 0;
border-top: 1px solid hsla(0, 0%, 100%, .2);
border-bottom: 1px solid hsla(0, 0%, 100%, .2);
border-left: none;
border-right: none
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col:last-child {
border-right: none;
margin-right: 0;
padding-right: 30px
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col:last-child {
padding: 20px
}
}
.category-filter .category-filter-container form .checkbox-container .category-type {
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .5px;
text-transform: uppercase;
color: #fff
}
.category-filter .category-filter-container form .checkbox-container .category-type:not(:empty) {
margin: 0 0 20px
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin: 0 23px 30px;
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container {
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container.two {
-ms-flex-pack: justify;
justify-content: space-between
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container.two .form-checkbox {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-top: 10px
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container.two .form-checkbox:nth-child(-n+6) {
margin-top: 10px
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container.two .form-checkbox:nth-child(-n+2) {
margin-top: 0
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox {
-ms-flex-preferred-size: 16.66%;
flex-basis: 16.66%;
margin-top: 10px
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox {
-ms-flex-preferred-size: 48%;
flex-basis: 48%;
margin-top: 10px
}
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox input[type=checkbox]+label {
color: #fff
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox input[type=checkbox]+label:before {
border-color: #fff;
background-color: #fff
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox input[type=checkbox]+label:after {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-check-white.png)
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox input[type=checkbox]:checked+label:before {
background-color: transparent
}
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox:nth-child(-n+6) {
margin-top: 0
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox:nth-child(-n+6) {
margin-top: 10px
}
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .checkbox-container .checkbox-col-container .form-checkbox:nth-child(-n+2) {
margin-top: 0
}
}
.category-filter .category-filter-container form .submit-container {
padding: 15px 30px
}
@media only screen and (max-width:767px) {
.category-filter .category-filter-container form .submit-container {
text-align: center
}
}
.category-filter .category-filter-container form .submit-container .btn {
color: #001d89
}
.category-filter .item-count {
font-size: 1.6rem;
font-weight: 500;
color: #001d89
}
@media only screen and (max-width:767px) {
.category-filter .item-count {
position: absolute;
right: 0;
bottom: 0
}
}
.error-404 {
margin: 40px 0
}
.error-404 .container {
padding: 85px 85px 300px;
background-color: #fff
}
@media only screen and (max-width:767px) {
.error-404 .container {
padding: 30px 30px 150px
}
}
.error-404 h1 {
font-size: 6rem;
margin: 0 0 40px
}
@media only screen and (max-width:767px) {
.error-404 h1 {
font-size: 4.5rem
}
}
.error-404 li,
.error-404 p {
font-size: 2rem
}
.error-404 li a,
.error-404 p a {
color: #c83f44
}
.error-404 p {
margin: 0 0 40px
}
.error-404 ul {
padding-left: 20px;
list-style-type: disc
}
.wp-pagenavi {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 80px 0 0
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size: 1.6rem;
font-weight: 700;
font-style: normal;
font-stretch: condensed;
text-align: center;
color: rgba(68, 68, 68, .4);
margin: 0 10px;
transition: all .2s ease-out
}
.wp-pagenavi a.current,
.wp-pagenavi span.current {
color: #001d89
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.nextpostslink,
.wp-pagenavi span.previouspostslink {
font-size: 1rem;
font-weight: 500;
letter-spacing: .4px;
text-transform: uppercase;
color: #001d89
}
.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.previouspostslink {
margin-left: 0;
margin-right: 30px
}
@media only screen and (max-width:767px) {
.wp-pagenavi a.previouspostslink,
.wp-pagenavi span.previouspostslink {
margin-right: 15px
}
}
.wp-pagenavi a.previouspostslink:before,
.wp-pagenavi span.previouspostslink:before {
content: "\f104";
font-family: Font Awesome\ 5 Free;
position: relative;
top: -1px;
margin-right: 15px;
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-weight: 600;
color: #001d89
}
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
margin-right: 0;
margin-left: 30px
}
@media only screen and (max-width:767px) {
.wp-pagenavi a.nextpostslink,
.wp-pagenavi span.nextpostslink {
margin-left: 15px
}
}
.wp-pagenavi a.nextpostslink:after,
.wp-pagenavi span.nextpostslink:after {
content: "\f105";
font-family: Font Awesome\ 5 Free;
position: relative;
top: -1px;
margin-left: 15px;
display: inline-block;
vertical-align: middle;
font-size: 1.6rem;
font-weight: 600;
color: #001d89
}
.btn {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 18px 30px 19px;
min-width: 150px;
border: 1px solid;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem;
font-weight: 500
}
@media only screen and (max-width:767px) {
.btn {
font-size: 1.2rem
}
}
.btn.smaller {
padding: 13px 20px 14px
}
.btn.blue {
background-color: #001d89;
border-color: #001d89
}
.btn.lt-blue {
background-color: #0075ab;
border-color: #0075ab
}
.btn.white {
background-color: #fff;
border-color: #001d89;
color: #001d89
}
form input {
width: 100%;
font-size: 1.2rem;
padding: 9px 10px;
border-radius: 4px;
border: 1px solid rgba(68, 68, 68, .15);
-webkit-appearance: none;
background-color: #fff
}
@media only screen and (max-width:767px) {
form input {
font-size: 1.4rem;
padding: 15px 10px
}
}
form input::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
form input:-moz-placeholder,
form input::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
form input:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)
}
form input[type=submit] {
width: auto
}
form input.form-error {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-error.png);
background-repeat: no-repeat;
background-size: 16px 17px;
background-position: 97% 50%;
border-color: #f44;
color: #f44
}
form input.form-error::-webkit-input-placeholder {
color: #f44
}
form input.form-error:-moz-placeholder,
form input.form-error::-moz-placeholder {
color: #f44
}
form input.form-error:-ms-input-placeholder {
color: #f44
}
form textarea {
width: 100%;
height: 120px;
font-size: 1.2rem;
padding: 9px 10px;
border-radius: 2px;
border: 1px solid rgba(68, 68, 68, .15);
background-color: #fff;
resize: none;
font-family: inherit;
}
form textarea::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
form textarea:-moz-placeholder,
form textarea::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
form textarea:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)
}
form textarea.form-error {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-error.png);
background-repeat: no-repeat;
background-size: 16px 17px;
background-position: 97% 13px;
border-color: #f44;
color: #f44
}
form textarea.form-error::-webkit-input-placeholder {
color: #f44
}
form textarea.form-error:-moz-placeholder,
form textarea.form-error::-moz-placeholder {
color: #f44
}
form textarea.form-error:-ms-input-placeholder {
color: #f44
}
form label {
display: block;
margin: 0 0 5px
}
form input[type=checkbox],
form input[type=radio] {
opacity: 0;
margin: 0;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top
}
form input[type=checkbox]+label,
form input[type=checkbox]+span,
form input[type=radio]+label,
form input[type=radio]+span {
position: relative;
padding-left: 10px;
display: inline-block;
width: calc(100% - 26px);
cursor: pointer;
line-height: 1.3;
letter-spacing: 0;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem;
text-transform: uppercase;
}
form input[type=checkbox]+label a,
form input[type=checkbox]+span a,
form input[type=radio]+label a,
form input[type=radio]+span a {
text-decoration: underline;
color: #444
}
form input[type=checkbox]+label:after,
form input[type=checkbox]+label:before,
form input[type=checkbox]+span:after,
form input[type=checkbox]+span:before,
form input[type=radio]+label:after,
form input[type=radio]+label:before,
form input[type=radio]+span:after,
form input[type=radio]+span:before {
content: "";
position: absolute;
display: block;
transition: all .2s ease-out
}
form input[type=checkbox]+label:before,
form input[type=checkbox]+span:before {
top: -1px;
left: -24px;
width: 16px;
height: 16px;
border: 2px solid #9b9b9b;
border-radius: 3px;
display: block
}
form input[type=checkbox]+label:after,
form input[type=checkbox]+span:after {
width: 10px;
height: 10px;
top: 5px;
left: -19px;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-check.png);
background-size: contain;
background-repeat: no-repeat;
transform: scale(0)
}
form input[type=radio]+label:before,
form input[type=radio]+span:before {
top: -1px;
left: -24px;
width: 16px;
height: 16px;
border: 2px solid #9b9b9b;
border-radius: 50%;
display: block
}
form input[type=radio]+label:after,
form input[type=radio]+span:after {
width: 8px;
height: 8px;
top: 5px;
left: -18px;
border-radius: 50%;
display: block;
background-color: #212b36;
transform: scale(0)
}
form input[type=checkbox]:checked+label:before,
form input[type=checkbox]:checked+span:before,
form input[type=radio]:checked+label:before,
form input[type=radio]:checked+span:before {
border-color: #212b36
}
form input[type=checkbox]:checked+label:after,
form input[type=checkbox]:checked+span:after,
form input[type=radio]:checked+label:after,
form input[type=radio]:checked+span:after {
transform: scale(1)
}
form input[type=submit] {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
min-width: 150px;
border: 1px solid;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem;
font-weight: 500;
background-color: #001d89;
border-color: #001d89
}
form .form-row,
form .form-row .form-field {
position: relative;
width: 100%
}
form .form-row .form-field {
float: left
}
form .form-row.col-2 .form-field {
width: 47.5%
}
@media only screen and (max-width:767px) {
form .form-row.col-2 .form-field {
width: 100%
}
}
form .form-row.col-2 .form-field:first-child {
margin-right: 5%
}
@media only screen and (max-width:767px) {
form .form-row.col-2 .form-field:first-child {
margin: 0 0 15px
}
}
form .form-row:not(:first-child) {
margin: 15px 0 0
}
form .form-row.btn-container {
margin: 45px 0 0
}
@media only screen and (max-width:767px) {
form .form-row.btn-container .form-field {
text-align: center
}
}
form .form-row:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.ui-selectmenu-button {
position: relative;
width: 100% !important;
padding: 0;
margin: 0;
outline: none;
border-radius: 4px;
background: #fff !important
}
.ui-selectmenu-button,
.ui-selectmenu-button:active {
border: 1px solid rgba(68, 68, 68, .2)
}
.ui-selectmenu-button span.ui-icon {
position: absolute;
width: 10px;
height: 5px;
top: 0;
bottom: 0;
right: 20px;
margin: auto;
background-position: inherit;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-dropdown.png) !important;
background-repeat: no-repeat;
background-size: contain
}
.ui-selectmenu-button span.ui-selectmenu-text {
padding: 19px 20px 20px;
line-height: 1;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .5px;
color: rgba(68, 68, 68, .7)
}
select.error+label+.ui-selectmenu-button {
border: 3px solid #c83f44
}
select.valid+label+.ui-selectmenu-button {
border: 1px solid #cecece
}
select.error+label+.ui-autocomplete-input {
border: 3px solid #c83f44
}
select.valid+label+.ui-autocomplete-input {
border: 1px solid #cecece
}
.ui-selectmenu-menu .ui-menu {
border-top: none
}
.ui-selectmenu-menu .ui-menu .ui-menu-item.ui-state-disabled {
display: none
}
.ui-selectmenu-menu .ui-menu .ui-menu-item div {
padding: 12px 20px;
line-height: 1;
font-size: 1.5rem;
color: #444
}
.ui-selectmenu-menu .ui-menu .ui-menu-item div.ui-state-active,
.ui-selectmenu-menu .ui-menu .ui-menu-item div.ui-state-focus,
.ui-selectmenu-menu .ui-menu .ui-menu-item div.ui-state-hover {
border: none;
color: #fff;
background-color: #0075ab
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave {
height: auto
}
}
.page-search-results .hero-wave .container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
padding: 30px 0 150px
}
@media only screen and (max-width:1024px) {
.page-search-results .hero-wave .container {
padding: 30px 0 120px
}
}
.page-search-results .hero-wave .search-hero-content h1 {
font-size: 7.4rem;
letter-spacing: 1.5px;
text-align: center;
line-height: 1;
margin: 0 0 40px;
color: #fff
}
@media only screen and (max-width:1024px) {
.page-search-results .hero-wave .search-hero-content h1 {
font-size: 5rem;
margin: 0 0 20px
}
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave .search-hero-content h1 {
font-size: 4.4rem
}
}
.page-search-results .hero-wave .search-hero-content .search-input {
margin: 0 0 20px
}
.page-search-results .hero-wave .search-hero-content .search-input div {
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave .search-hero-content .search-input div {
display: block
}
}
.page-search-results .hero-wave .search-hero-content .search-input form input {
padding: 16px 20px 17px
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave .search-hero-content .search-input form input {
padding: 12px 20px 13px
}
}
.page-search-results .hero-wave .search-hero-content .search-input form input[type=text] {
width: 400px;
margin-right: 10px;
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave .search-hero-content .search-input form input[type=text] {
width: 100%;
margin: 0 0 20px
}
}
.page-search-results .hero-wave .search-hero-content .search-input form input[type=submit] {
width: 160px
}
@media only screen and (max-width:767px) {
.page-search-results .hero-wave .search-hero-content .search-input form input[type=submit] {
width: 100%
}
}
.page-search-results .hero-wave .search-query {
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .3px;
text-align: center;
color: #fff
}
.page-search-results .search-results ul li {
padding: 0 0 100px;
margin: 0 0 100px;
border-bottom: 2px solid rgba(68, 68, 68, .2)
}
@media only screen and (max-width:767px) {
.page-search-results .search-results ul li {
padding: 0 0 30px;
margin: 0 0 30px
}
}
.page-search-results .search-results ul li:last-child {
border: none;
padding-bottom: 0
}
.page-search-results .search-results ul li .result-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-width: 600px;
margin: auto
}
.page-search-results .search-results ul li .img-container {
max-width: 200px;
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width:767px) {
.page-search-results .search-results ul li .img-container {
display: none
}
}
.page-search-results .search-results ul li .img-container.product-img {
width: 168px
}
.page-search-results .search-results ul li .img-container.product-img img {
max-width: 106px;
max-height: 239px
}
.page-search-results .search-results ul li .img-container.recipe-img {
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 20px
}
.page-search-results .search-results ul li .img-container.recipe-img img {
max-width: 175px;
max-height: 175px
}
.page-search-results .search-results ul li .result-info .result-type {
display: block;
font-weight: 700;
margin: 0 0 5px
}
.page-search-results .search-results ul li .result-info a {
text-transform: uppercase;
text-decoration: underline;
margin: 0 0 5px;
color: #c9177d
}
.page-search-results .search-results ul li .result-info p {
font-size: 1.6rem;
line-height: 1.5;
margin: 0 0 20px
}
.page-search-results .search-results ul li .result-info p.result-title {
line-height: 1;
letter-spacing: 1.4px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 5rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.page-search-results .search-results ul li .result-info p.result-title {
font-size: 3.6rem
}
}
header.navigation {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
border-bottom: 1px solid rgba(68, 68, 68, .2);
background-color: #fff;
transition: all .2s ease-out
}
header.navigation .container {
padding: 14px 0
}
@media only screen and (max-width:767px) {
header.navigation .container {
padding: 4px 0
}
}
header.navigation .nav-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
header.navigation .nav-wrapper .logo {
position: relative;
margin-right: 5%
}
header.navigation .nav-wrapper .logo img {
max-width: 80px
}
@media only screen and (max-width:767px) {
header.navigation .nav-wrapper .logo img {
max-width: 64px
}
}
header.navigation .nav-wrapper .nav-container {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
margin-right: auto
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container {
display: none;
position: fixed;
top: 85px;
left: 0;
width: 100%;
max-height: calc(100vh - 54px);
padding: 20px 20px 40px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
background-color: #001d89
}
}
@media only screen and (max-width:767px) {
header.navigation .nav-wrapper .nav-container {
top: 55px
}
}
header.navigation .nav-wrapper .nav-container .nav:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
header.navigation .nav-wrapper .nav-container .nav li {
float: left
}
header.navigation .nav-wrapper .nav-container .nav li:not(:last-child) {
margin-right: 0;
}
header.navigation .nav-wrapper .nav-container .nav >li:not(:last-child) {
margin-right: 45px;
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li:not(:last-child) {
margin: 0
}
}
header.navigation .nav-wrapper .nav-container .nav li.current-menu-item>a,
header.navigation .nav-wrapper .nav-container .nav li.current-menu-parent>a,
header.navigation .nav-wrapper .nav-container .nav li.current-page-ancestor>a {
color: #001d89;
font-weight: 700
}
@media only screen and (max-width:767px) {
header.navigation .nav-wrapper .nav-container .nav li.current-menu-item>a,
header.navigation .nav-wrapper .nav-container .nav li.current-menu-parent>a,
header.navigation .nav-wrapper .nav-container .nav li.current-page-ancestor>a {
color: #fff
}
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li {
float: left;
width: 15.5%;
margin-left: 0.25%;
margin-top: 30px;
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li {
float: none;
width: 100%;
text-align: center
}
}
@media only screen and (max-width:1024px) and (max-width:767px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li:not(:first-child) {
margin: 20px 0 0 !important
}
}
@media only screen and (max-width:1024px) and (max-width:767px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.dairy-free-yogurt {
margin: 0 !important
}
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li:nth-child(-n+6) {
margin-top: 0
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li:nth-child(5n) {
margin-right: 0
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.almondmilk a:before {
width: 47px;
height: 80px;
background-position: -3px -46px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.cashewmilk a:before {
width: 47px;
height: 82px;
background-position: -3px -132px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.coconutmilk a:before {
width: 47px;
height: 81px;
background-position: -3px -220px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.creamer a:before {
width: 37px;
height: 75px;
background-position: -3px -307px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.dairy-free-yogurt a:before {
width: 51px;
height: 40px;
background-position: -3px -731px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.protein a:before {
width: 46px;
height: 82px;
background-position: -3px -474px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.oatmilk a:before {
width: 47px;
height: 80px;
background-position: -4px -388px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.shelf-stable a:before {
width: 47px;
height: 75px;
background-position: -3px -562px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.all-products a:before {
background-position: -3px -3px
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.soymilk a:before {
width: 54px;
height: 82px;
background-position: -4px -646px
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li:not(.all-products) a:before {
transform: rotate(-0deg)
}
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li a {
padding: 26px 0 26px 65px;
font-weight: 700
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li a:hover:before {
animation: productRock .75s !important
}
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li a {
max-width: 220px;
text-align: left;
padding: 26px 0 26px 80px
}
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li a:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
display: block;
vertical-align: middle;
margin-right: 10px;
width: 60px;
height: 37px;
background-image: url(//silk.com/wp-content/themes/silk/img/spritesheet-product-nav.png);
background-position: -3px -3px;
background-size: 66px;
background-repeat: no-repeat
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li {
float: none;
text-align: center
}
}
header.navigation .nav-wrapper .nav-container .nav li a {
text-transform: uppercase;
letter-spacing: .5px;
color: rgba(68, 68, 68, .7);
transition: all .2s ease-out
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li a {
width: 100%;
padding: 10px 0
}
}
@media only screen and (max-width:767px) {
header.navigation .nav-wrapper .nav-container .nav li a {
padding: 20px 0;
color: #fff
}
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
header.navigation .nav-wrapper .nav-container .nav li a:hover {
color: #001d89
}
}
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper {
display: none;
position: fixed;
width: 100%;
top: 84px;
left: 0;
background-color: #001d89
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper {
position: relative;
top: 0
}
}
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper .sub-menu {
width: 100%;
padding: 40px 0 40px 25px;
margin: 0 auto;
max-width: 1340px;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper .sub-menu {
padding: 0
}
}
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper .sub-menu:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
header.navigation .nav-wrapper .nav-container .sub-menu-wrapper .sub-menu li a {
position: relative;
text-transform: capitalize;
line-height: .8;
font-size: 1.5rem;
line-height: 1.3;
color: #fff
}
header.navigation .nav-wrapper .mobile-nav-btn {
display: none;
cursor: pointer;
margin-left: auto
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .mobile-nav-btn {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 40px;
-ms-flex-pack: center;
justify-content: center
}
}
header.navigation .nav-wrapper .mobile-nav-btn.open span:first-child {
top: 6px;
transform: rotate(45deg)
}
header.navigation .nav-wrapper .mobile-nav-btn.open span:nth-child(2) {
opacity: 0
}
header.navigation .nav-wrapper .mobile-nav-btn.open span:last-child {
bottom: 6px;
transform: rotate(-45deg)
}
header.navigation .nav-wrapper .mobile-nav-btn span {
position: relative;
display: block;
width: 32px;
height:4px;
border-radius: 2px;
background-color: #001d89;
transition: all .2s ease-out
}
header.navigation .nav-wrapper .mobile-nav-btn.open span {
height: 2px;
}
header.navigation .nav-wrapper .mobile-nav-btn span:not(:first-child) {
margin-top: 4px
}
header.navigation .nav-wrapper .search {
width: 233px
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search {
margin: 20px auto 0;
max-width: 233px;
width: 100%
}
}
header.navigation .nav-wrapper .search form {
position: relative
}
header.navigation .nav-wrapper .search form input[type=text] {
width: 100%;
border: 1px solid #e0e1e2;
padding: 10px 13px;
color: #444;
background-color: #fff
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=text] {
background-color: transparent;
color: #fff;
border-color: #fff
}
}
header.navigation .nav-wrapper .search form input[type=text]::-webkit-input-placeholder {
color: rgba(68, 68, 68, .7)
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=text]::-webkit-input-placeholder {
color: #fff
}
}
header.navigation .nav-wrapper .search form input[type=text]:-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=text]:-moz-placeholder {
color: #fff
}
}
header.navigation .nav-wrapper .search form input[type=text]::-moz-placeholder {
color: rgba(68, 68, 68, .7)
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=text]::-moz-placeholder {
color: #fff
}
}
header.navigation .nav-wrapper .search form input[type=text]:-ms-input-placeholder {
color: rgba(68, 68, 68, .7)
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=text]:-ms-input-placeholder {
color: #fff
}
}
header.navigation .nav-wrapper .search form input[type=submit] {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
min-width: inherit;
padding: 16px 20px;
margin: auto;
text-indent: -9999px;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-search.png);
background-size: 14px;
background-repeat: no-repeat;
width: 14px;
height: 14px;
border: none;
background-position: 50%;
background-color: transparent
}
@media only screen and (max-width:1024px) {
header.navigation .nav-wrapper .search form input[type=submit] {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-search-white.png)
}
}
footer {
text-align: center;
background-color: #001d89
}
footer .container {
padding: 20px 0
}
footer .logo {
margin: 0 auto 20px
}
footer .logo img {
max-width: 58px
}
footer .footer-nav {
max-width: 550px;
margin: 0 auto 20px
}
footer .footer-nav li {
display: inline-block; margin: 0 15px
}
@media only screen and (max-width:767px) {
footer .footer-nav li {
display: block;
width: 100%;
margin: 0 0 10px
}
footer .footer-nav li:last-child {
margin: 0
}
}
footer .footer-nav li a {
text-transform: uppercase;
line-height: 3.33;
letter-spacing: 1px;
color: #fff;
font-size: 1.2rem
}
footer .social {
margin: 0 0 20px
}
footer .social ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
footer .social ul li {
position: relative;
margin-right: 15px
}
footer .social ul li:before {
content: "";
font-weight: 900;
font-size: 2rem;
color: hsla(0, 0%, 100%, .3);
font-family: Font Awesome\ 5 Brands
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
footer .social ul li:hover:before {
color: #fff
}
}
footer .social ul li.facebook:before {
content: "\f39e"
}
footer .social ul li.twitter:before {
content: "\f099"
}
footer .social ul li.instagram:before {
content: "\f16d"
}
footer .social ul li.youtube:before {
content: "\f167"
}
footer .social ul li.pinterest:before {
content: "\f0d2"
}
footer .social ul li:last-child {
margin: 0
}
footer .social ul li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px
}
footer .copyright {
opacity: .3;
font-size: .9rem;
color: #fff
}
.item-review {
background-color: #fff
}
.item-review .item-review-bg {
position: absolute;
width: 100%;
height: 20%;
max-height: 600px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.item-review .item-review-bg {
height: 28%
}
}
.item-review .item-review-bg:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png);
background-size: cover;
background-repeat: no-repeat
}
.item-review .review-wrapper .review-title {
margin: 0 0 25px
}
.item-review .review-wrapper .review-title h2 {
font-size: 5rem
}
@media only screen and (max-width:767px) {
.item-review .review-wrapper .review-title h2 {
text-align: center;
font-size: 3.6rem
}
}
.write-a-review .container {
max-width: 600px
}
.p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-header .pr-review-snapshot-header-intro {
display: none !important
}
.pr-review_popup .p-w-r .pr-alert-container,
#pr-reviewsnippet .p-w-r .pr-alert-container,
#pr-write .p-w-r .pr-alert-container {
margin-top: 0
}
.pr-review_popup .p-w-r .pr-star-accessible-0-filled,
.pr-review_popup .p-w-r .pr-star-v4,
.pr-review_popup .p-w-r .pr-star-v4-0-filled,
#pr-reviewsnippet .p-w-r .pr-star-accessible-0-filled,
#pr-reviewsnippet .p-w-r .pr-star-v4,
#pr-reviewsnippet .p-w-r .pr-star-v4-0-filled,
#pr-write .p-w-r .pr-star-accessible-0-filled,
#pr-write .p-w-r .pr-star-v4,
#pr-write .p-w-r .pr-star-v4-0-filled {
background-image: url(//silk.com/wp-content/themes/silk/img/review-star-0.png)
}
.pr-review_popup .p-w-r .pr-star-accessible-25-filled,
.pr-review_popup .p-w-r .pr-star-v4-25-filled,
#pr-reviewsnippet .p-w-r .pr-star-accessible-25-filled,
#pr-reviewsnippet .p-w-r .pr-star-v4-25-filled,
#pr-write .p-w-r .pr-star-accessible-25-filled,
#pr-write .p-w-r .pr-star-v4-25-filled {
background-image: url(//silk.com/wp-content/themes/silk/img/review-star-25.png)
}
.pr-review_popup .p-w-r .pr-star-accessible-50-filled,
.pr-review_popup .p-w-r .pr-star-v4-50-filled,
#pr-reviewsnippet .p-w-r .pr-star-accessible-50-filled,
#pr-reviewsnippet .p-w-r .pr-star-v4-50-filled,
#pr-write .p-w-r .pr-star-accessible-50-filled,
#pr-write .p-w-r .pr-star-v4-50-filled {
background-image: url(//silk.com/wp-content/themes/silk/img/review-star-50.png)
}
.pr-review_popup .p-w-r .pr-star-accessible-75-filled,
.pr-review_popup .p-w-r .pr-star-v4-75-filled,
#pr-reviewsnippet .p-w-r .pr-star-accessible-75-filled,
#pr-reviewsnippet .p-w-r .pr-star-v4-75-filled,
#pr-write .p-w-r .pr-star-accessible-75-filled,
#pr-write .p-w-r .pr-star-v4-75-filled {
background-image: url(//silk.com/wp-content/themes/silk/img/review-star-75.png)
}
.pr-review_popup .p-w-r .pr-star-accessible-100-filled,
.pr-review_popup .p-w-r .pr-star-v4-100-filled,
#pr-reviewsnippet .p-w-r .pr-star-accessible-100-filled,
#pr-reviewsnippet .p-w-r .pr-star-v4-100-filled,
#pr-write .p-w-r .pr-star-accessible-100-filled,
#pr-write .p-w-r .pr-star-v4-100-filled {
background-image: url(//silk.com/wp-content/themes/silk/img/review-star-100.png)
} .pr-review_popup .p-w-r label.pr-control-label,
#pr-reviewsnippet .p-w-r label.pr-control-label,
#pr-write .p-w-r label.pr-control-label {
display: block;
margin: 20px 0 14px !important
}
.pr-review_popup .p-w-r .form-control,
#pr-reviewsnippet .p-w-r .form-control,
#pr-write .p-w-r .form-control,#pr-reviewdisplay .p-w-r .pr-image-snippet .pr-textarea, #pr-reviewdisplay .p-w-r .pr-image-snippet .pr-textinput,#pr-reviewdisplay .p-w-r .pr-irlsnippet .pr-textarea, #pr-reviewdisplay .p-w-r .pr-irlsnippet .pr-textinput, #pr-reviewdisplay .p-w-r .pr-review-display .pr-textarea, #pr-reviewdisplay .p-w-r .pr-review-display .pr-textinput, #pr-reviewdisplay .p-w-r .pr-rid .pr-textarea, #pr-reviewdisplay .p-w-r .pr-rid .pr-textinput {
border-radius: 4px !important;
border: 1px solid rgba(77, 77, 77, .15) !important;
padding: 5px 15px !important;
color: #4d4d4d !important;
background-color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem !important
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox],
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox],
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox],
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox],
#pr-write .p-w-r .checkbox input[type=checkbox],
#pr-write .p-w-r .pr-checkbox input[type=checkbox] {
opacity: 0;
margin: 0;
width: 20px !important;
height: 20px !important;
display: inline-block;
vertical-align: top
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]+span,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]+span,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]+span,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]+span,
#pr-write .p-w-r .checkbox input[type=checkbox]+span,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]+span {
position: relative;
padding-left: 10px;
display: inline-block;
width: calc(100% - 26px);
cursor: pointer;
line-height: 1.65;
opacity: .5;
letter-spacing: 0;
color: #4d4d4d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]+span:after,
.pr-review_popup .p-w-r .checkbox input[type=checkbox]+span:before,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]+span:after,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]+span:before,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]+span:after,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]+span:before,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]+span:after,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]+span:before,
#pr-write .p-w-r .checkbox input[type=checkbox]+span:after,
#pr-write .p-w-r .checkbox input[type=checkbox]+span:before,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]+span:after,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]+span:before {
content: "";
position: absolute;
display: block;
transition: all .2s ease-out
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]+span:before,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]+span:before,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]+span:before,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]+span:before,
#pr-write .p-w-r .checkbox input[type=checkbox]+span:before,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]+span:before {
top: -1px;
left: -21px;
width: 20px;
height: 20px;
border: 2px solid #9b9b9b;
border-radius: 3px;
display: block
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]+span:after,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]+span:after,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]+span:after,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]+span:after,
#pr-write .p-w-r .checkbox input[type=checkbox]+span:after,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]+span:after {
width: 10px;
height: 10px;
top: 5px;
left: -16px;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-check.png);
background-size: contain;
background-repeat: no-repeat;
transform: scale(0)
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]:checked+span:before,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]:checked+span:before,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]:checked+span:before,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]:checked+span:before,
#pr-write .p-w-r .checkbox input[type=checkbox]:checked+span:before,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]:checked+span:before {
border-color: #212b36
}
.pr-review_popup .p-w-r .checkbox input[type=checkbox]:checked+span:after,
.pr-review_popup .p-w-r .pr-checkbox input[type=checkbox]:checked+span:after,
#pr-reviewsnippet .p-w-r .checkbox input[type=checkbox]:checked+span:after,
#pr-reviewsnippet .p-w-r .pr-checkbox input[type=checkbox]:checked+span:after,
#pr-write .p-w-r .checkbox input[type=checkbox]:checked+span:after,
#pr-write .p-w-r .pr-checkbox input[type=checkbox]:checked+span:after {
transform: scale(1)
}
.pr-review_popup .p-w-r input[type=text],
#pr-reviewsnippet .p-w-r input[type=text],
#pr-write .p-w-r input[type=text] {
height: 40px !important
}
.pr-review_popup .p-w-r .pr-accessible-btn,
#pr-reviewsnippet .p-w-r .pr-accessible-btn,
#pr-write .p-w-r .pr-accessible-btn,.p-w-r .pr-accessible-btn:hover, .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a:hover,.p-w-r .pr-accessible-btn:hover {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 17px 30px 18px;
min-width: 150px;
border: 1px solid;
color: #fff !important;
background-color: #001d89 !important;
border-color: #001d89 !important;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
.pr-review_popup .p-w-r .pr-accessibly-hidden-file-input+label,
#pr-reviewsnippet .p-w-r .pr-accessibly-hidden-file-input+label,
#pr-write .p-w-r .pr-accessibly-hidden-file-input+label,.open>.p-w-r .pr-accessibly-hidden-file-input+label.dropdown-toggle, .p-w-r .pr-accessibly-hidden-file-input+label.active, .p-w-r .pr-accessibly-hidden-file-input+label:active, .p-w-r .pr-accessibly-hidden-file-input+label:focus, .p-w-r .pr-accessibly-hidden-file-input+label:hover {
cursor: pointer;
display: inline-block;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 11px 30px 12px;
min-width: 150px;
border: 1px solid;
background-color: #001d89 !important;
border-color: #001d89 !important;
margin:15px 0;
}
.pr-review_popup .p-w-r .pr-accessibly-hidden-file-input+label span,
#pr-reviewsnippet .p-w-r .pr-accessibly-hidden-file-input+label span,
#pr-write .p-w-r .pr-accessibly-hidden-file-input+label span {
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
.pr-review_popup .p-w-r .pr-accessibly-hidden-file-input+label span:after,
#pr-reviewsnippet .p-w-r .pr-accessibly-hidden-file-input+label span:after,
#pr-write .p-w-r .pr-accessibly-hidden-file-input+label span:after {
font-size: 1.3rem;
color: #fff
}
.pr-review_popup .p-w-r .pr-footer,
#pr-reviewsnippet .p-w-r .pr-footer,
#pr-write .p-w-r .pr-footer {
border: none
}
.pr-review_popup .p-w-r .has-error .checkbox,
.pr-review_popup .p-w-r .has-error .checkbox-inline,
.pr-review_popup .p-w-r .has-error .control-label,
.pr-review_popup .p-w-r .has-error .help-block,
.pr-review_popup .p-w-r .has-error .pr-checkbox,
.pr-review_popup .p-w-r .has-error .pr-control-label,
.pr-review_popup .p-w-r .has-error .radio,
.pr-review_popup .p-w-r .has-error .radio-inline,
.pr-review_popup .p-w-r .pr-has-error .checkbox,
.pr-review_popup .p-w-r .pr-has-error .checkbox-inline,
.pr-review_popup .p-w-r .pr-has-error .control-label,
.pr-review_popup .p-w-r .pr-has-error .control-label span,
.pr-review_popup .p-w-r .pr-has-error .help-block,
.pr-review_popup .p-w-r .pr-has-error .pr-checkbox,
.pr-review_popup .p-w-r .pr-has-error .pr-control-label,
.pr-review_popup .p-w-r .pr-has-error .pr-control-label span,
.pr-review_popup .p-w-r .pr-has-error .radio,
.pr-review_popup .p-w-r .pr-has-error .radio-inline,
#pr-reviewsnippet .p-w-r .has-error .checkbox,
#pr-reviewsnippet .p-w-r .has-error .checkbox-inline,
#pr-reviewsnippet .p-w-r .has-error .control-label,
#pr-reviewsnippet .p-w-r .has-error .help-block,
#pr-reviewsnippet .p-w-r .has-error .pr-checkbox,
#pr-reviewsnippet .p-w-r .has-error .pr-control-label,
#pr-reviewsnippet .p-w-r .has-error .radio,
#pr-reviewsnippet .p-w-r .has-error .radio-inline,
#pr-reviewsnippet .p-w-r .pr-has-error .checkbox,
#pr-reviewsnippet .p-w-r .pr-has-error .checkbox-inline,
#pr-reviewsnippet .p-w-r .pr-has-error .control-label,
#pr-reviewsnippet .p-w-r .pr-has-error .control-label span,
#pr-reviewsnippet .p-w-r .pr-has-error .help-block,
#pr-reviewsnippet .p-w-r .pr-has-error .pr-checkbox,
#pr-reviewsnippet .p-w-r .pr-has-error .pr-control-label,
#pr-reviewsnippet .p-w-r .pr-has-error .pr-control-label span,
#pr-reviewsnippet .p-w-r .pr-has-error .radio,
#pr-reviewsnippet .p-w-r .pr-has-error .radio-inline,
#pr-write .p-w-r .has-error .checkbox,
#pr-write .p-w-r .has-error .checkbox-inline,
#pr-write .p-w-r .has-error .control-label,
#pr-write .p-w-r .has-error .help-block,
#pr-write .p-w-r .has-error .pr-checkbox,
#pr-write .p-w-r .has-error .pr-control-label,
#pr-write .p-w-r .has-error .radio,
#pr-write .p-w-r .has-error .radio-inline,
#pr-write .p-w-r .pr-has-error .checkbox,
#pr-write .p-w-r .pr-has-error .checkbox-inline,
#pr-write .p-w-r .pr-has-error .control-label,
#pr-write .p-w-r .pr-has-error .control-label span,
#pr-write .p-w-r .pr-has-error .help-block,
#pr-write .p-w-r .pr-has-error .pr-checkbox,
#pr-write .p-w-r .pr-has-error .pr-control-label,
#pr-write .p-w-r .pr-has-error .pr-control-label span,
#pr-write .p-w-r .pr-has-error .radio,
#pr-write .p-w-r .pr-has-error .radio-inline {
color: #c83f44
}
.pr-review_popup .p-w-r .pr-has-error .form-control,
.pr-review_popup .p-w-r .pr-has-error .form-control:focus,
#pr-reviewsnippet .p-w-r .pr-has-error .form-control,
#pr-reviewsnippet .p-w-r .pr-has-error .form-control:focus,
#pr-write .p-w-r .pr-has-error .form-control,
#pr-write .p-w-r .pr-has-error .form-control:focus {
border-color: #c83f44
}
.pr-review_popup .p-w-r .pr-subscript,
.pr-review_popup .p-w-r .pr-subscript span,
#pr-reviewsnippet .p-w-r .pr-subscript,
#pr-reviewsnippet .p-w-r .pr-subscript span,
#pr-write .p-w-r .pr-subscript,
#pr-write .p-w-r .pr-subscript span,.pr-review_popup .modal__body .p-w-r .pr-submit a, .pr-review_popup .modal__body .p-w-r .pr-subscript, .pr-review_popup .modal__body .p-w-r .pr-subscript span {
line-height: 1.36 !important;
color: #4d4d4d !important;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif !important;
font-size: 2.2rem;
font-weight: 400 !important;
font-style: normal !important;
font-stretch: normal !important;
font-size: 1.1rem !important
}
.pr-review_popup .p-w-r .pr-submit a,
#pr-reviewsnippet .p-w-r .pr-submit a,
#pr-write .p-w-r .pr-submit a {
line-height: 1.36 !important;
text-decoration: underline !important;
color: #4d4d4d !important;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400 !important;
font-style: normal !important;
font-stretch: normal !important;
font-size: 1.1rem !important;
text-transform: inherit !important;
letter-spacing: 0 !important;
}
.pr-review_popup .pr-footer .pr-accessible-btn+a,
#pr-reviewsnippet .pr-footer .pr-accessible-btn+a,
#pr-write .pr-footer .pr-accessible-btn+a {
visibility: hidden
}
#pr-write .p-w-r .pr-war {
margin: auto;
max-width: 100%
}
#pr-write .p-w-r .pr-header {
border: none
}
#pr-write .p-w-r .pr-header .pr-header-table {
margin: 0
}
#pr-write .p-w-r .pr-table-cell,
#pr-write .p-w-r .table-cell {
padding: 0
}
#pr-write .p-w-r .pr-header .pr-header-product-img {
display: none
}
#pr-write .p-w-r .pr-header-title {
margin: 0 0 10px;
color: #0075ab;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-size: 1.4rem
}
#pr-write .p-w-r .pr-header-title,
#pr-write .p-w-r h5 {
letter-spacing: 1px;
font-weight: 700;
font-style: normal;
font-stretch: normal
}
#pr-write .p-w-r h5 {
margin: 0;
font-family: hwt-artz, sans-serif;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
#pr-write .p-w-r h5 {
font-size: 2.4rem
}
}
#pr-write .p-w-r .pr-header-product-name a {
letter-spacing: 1px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
#pr-write .p-w-r .pr-header-product-name a {
font-size: 2.4rem
}
}
#pr-write .p-w-r .pr-header-required,
#pr-write .p-w-r .pr-header-required span {
margin: 0 0 25px;
line-height: 1.17;
color: #4d4d4d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
#pr-write .p-w-r .pr-rating-form-group .control-label span,
#pr-write .p-w-r .pr-rating-form-group .pr-control-label span {
letter-spacing: 1px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
#pr-write .p-w-r .pr-rating-form-group .control-label span,
#pr-write .p-w-r .pr-rating-form-group .pr-control-label span {
font-size: 2.4rem
}
}
#pr-write .p-w-r .pr-star-accessible-0-filled,
#pr-write .p-w-r .pr-star-accessible-25-filled,
#pr-write .p-w-r .pr-star-accessible-50-filled,
#pr-write .p-w-r .pr-star-accessible-75-filled,
#pr-write .p-w-r .pr-star-accessible-100-filled,
#pr-write .p-w-r .pr-star-v4,
#pr-write .p-w-r .pr-star-v4-0-filled,
#pr-write .p-w-r .pr-star-v4-25-filled,
#pr-write .p-w-r .pr-star-v4-50-filled,
#pr-write .p-w-r .pr-star-v4-75-filled,
#pr-write .p-w-r .pr-star-v4-100-filled {
width: 27px;
height: 25px
}
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-read-and-write,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-reco-reco,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-reco-reco {
margin-top: 0
}
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write a,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write span {
display: inline-block;
vertical-align: middle;
line-height: 1.42;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: underline;
color: #c9177d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
@media only screen and (max-width:767px) {
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-compact .pr-snippet-stars-container,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-stars-container,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write a,
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-read-and-write span {
display: block;
margin: 0 0 20px
}
}
@media only screen and (max-width:767px) {
#pr-reviewsnippet .p-w-r .pr-snippet-stars-reco-inline .pr-snippet-stars-reco-stars .pr-snippet {
text-align: center
}
}
#pr-reviewsnippet .p-w-r .pr-snippet-stars {
background: transparent
}
#pr-reviewsnippet .pr-snippet-rating-decimal,
#pr-reviewsnippet .pr-snippet-stars-reco-reco {
display: none !important
}
.pr-review_popup #pr-rd-main-header {
position: relative
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-header-contents,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-review-header-contents,
.pr-review_popup .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-contents {
display: none
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-read-and-write a {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 18px 20px 19px;
min-width: 150px;
border: 1px solid;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem;
font-weight: 500;
background-color: #001d89;
border-color: #001d89
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort,
.pr-review_popup .p-w-r .pr-review-display .pr-rd-sort {
position: relative;
opacity: 1;
visibility: visible;
z-index: 1;
border: 1px solid rgba(68, 68, 68, .2);
min-width: 200px;
padding: 17px 30px 16px;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-arrow-down.png);
background-size: 10px 5px;
background-repeat: no-repeat;
background-position: 90% 50%;
letter-spacing: .5px;
color: rgba(68, 68, 68, .7);
text-transform: uppercase;
background-color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort,
.pr-review_popup .p-w-r .pr-review-display .pr-rd-sort {
width: 100%
}
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort::-ms-expand,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-header-with-filters .pr-rd-review-header-sorts .pr-rd-sort::-ms-expand,
.pr-review_popup .p-w-r .pr-review-display .pr-rd-sort::-ms-expand {
display: none
}
.pr-review_popup .p-w-r .pr-review-display .pr-rd-main-header-with-filters .pr-rd-review-header-sorts {
padding: 0
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block-histogram,
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-block-recommend,
.pr-review_popup .pr-review-snapshot-snippets-headline {
display: none
}
.pr-review_popup .p-w-r .pr-snippet-stars {
background: transparent
}
.pr-review_popup .p-w-r .pr-snippet .pr-snippet-stars-png {
display: block
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-snippet .pr-snippet-stars-png {
text-align: center
}
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-rating-stars {
float: none
}
.pr-review_popup .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple {
margin: 0 0 60px
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-snapshot.pr-review-enhanced .pr-review-snapshot-simple {
margin: 0 0 30px
}
}
.pr-review_popup .pr-review-snapshot-block.pr-review-snapshot-block-snippet {
border: none;
padding: 0;
width: 100%;
min-height: inherit;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-review-count {
line-height: 1.06;
text-align: left;
margin: 10px 0 20px;
color: #c9177d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 500;
font-style: normal;
font-stretch: normal;
font-size: 1.6rem
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-simple .pr-review-snapshot-snippets .pr-snippet-review-count {
text-align: center
}
}
.pr-review_popup .pr-review-snapshot-snippets {
border: none;
-ms-flex: inherit;
flex: inherit
}
.pr-review_popup .p-w-r .pr-review-snapshot {
background-color: transparent
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-negative,
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-positive {
padding: 50px 45px 30px
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-negative,
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-positive {
padding: 20px
}
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-positive {
padding-right: 50px
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-positive {
padding-bottom: 50px
}
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-negative {
padding-left: 50px
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-negative {
padding-top: 50px
}
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-label {
line-height: 1.21;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2.8rem;
color: #001d89
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff {
border-color: rgba(68, 68, 68, .2);
background-color: #fff
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-stars {
margin: 0 0 20px
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-title {
text-transform: inherit;
font-size: 2.2rem;
font-weight: 700;
font-size: 1.6rem
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-review,
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-title {
line-height: 1.5;
color: #444;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-style: normal;
font-stretch: normal
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-review {
letter-spacing: .5px;
font-size: 2.2rem;
font-weight: 400;
font-size: 1.4rem
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-readcomplete {
position: relative;
line-height: 2;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: underline;
color: #c9177d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1.2rem
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-img {
border-color: rgba(68, 68, 68, .2)
}
.pr-review_popup .p-w-r .pr-review-snapshot .pr-faceoff-img-txt {
left: -29px;
padding: 18px;
border: none;
background-image: url(//silk.com/wp-content/themes/silk/img/blue-circle.png);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
letter-spacing: .5px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2.2rem;
color: #001d89;
color: #fff
}
.pr-review_popup .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-faceoff-img-txt {
top: -25px;
left: 50%
}
.pr-review_popup .p-w-r .pr-review-display .pr-snippet-rating-decimal,
.pr-review_popup .p-w-r .pr-review-snapshot .pr-review-snapshot-faceoff .pr-snippet-rating-decimal,
.pr-review_popup .p-w-r .pr-review-snapshot.pr-snapshot-mobile .pr-review-snapshot-simple .pr-snippet-rating-decimal {
display: none
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-star-rating,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-star-rating {
float: none;
margin: 0 0 10px
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-review-headline,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-review-headline {
display: block;
float: none;
margin: 0;
line-height: .85;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
.pr-review_popup .p-w-r .pr-review-display p {
line-height: 1.5;
letter-spacing: .5px;
color: #444;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
.pr-review_popup .p-w-r .pr-rd-bold {
font-weight: 700 !important;
color: #001d89 !important
}
.pr-review_popup .p-w-r .pr-review-display a {
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: underline;
color: #c9177d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1rem
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-helpful-btn,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-helpful-btn {
border-color: rgba(68, 68, 68, .2)
}
.pr-review_popup .p-w-r .pr-helpful-yes {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.pr-review_popup .p-w-r .pr-helpful-no {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.pr-review_popup .p-w-r .pr-thumbs-icon {
background-size: contain;
background-repeat: no-repeat
}
.pr-review_popup .p-w-r .pr-thumbs-icon.pr-thumbs-icon-up {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-thumbs-up.png)
}
.pr-review_popup .p-w-r .pr-thumbs-icon.pr-thumbs-icon-down {
background-image: url(//silk.com/wp-content/themes/silk/img/icon-thumbs-down.png)
}
.pr-review_popup .p-w-r .pr-thumbs-icon svg {
display: none
}
.pr-review_popup .pr-rd-no-reviews a {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 18px 20px 19px;
min-width: 150px;
border: 1px solid;
text-decoration: none !important;
color: #fff !important;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem;
font-weight: 500 !important;
background-color: #001d89;
border-color: #001d89
}
.pr-review_popup .modal__body {
width: 80%;
height: 90%;
max-width: 1025px;
padding: 100px 50px
}
@media only screen and (max-width:767px) {
.pr-review_popup .modal__body {
width: 90%;
padding: 35px 20px
}
}
.pr-review_popup .modal__body>div {
max-width: 600px;
margin: auto
}
.pr-review_popup .modal__body .p-w-r .pr-war {
margin: auto;
max-width: 100%
}
.pr-review_popup .modal__body .p-w-r .pr-header {
border: none
}
.pr-review_popup .modal__body .p-w-r .pr-header .pr-header-table {
margin: 0
}
.pr-review_popup .modal__body .p-w-r .pr-table-cell,
.pr-review_popup .modal__body .p-w-r .table-cell {
padding: 0
} .pr-review_popup .modal__body .p-w-r .pr-header-title {
letter-spacing: 1px;
margin: 0 0 10px;
color: #0075ab;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
.pr-review_popup .modal__body .p-w-r h5 {
margin: 0;
letter-spacing: 1px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.pr-review_popup .modal__body .p-w-r h5 {
font-size: 2.4rem
}
}
.pr-review_popup .modal__body .p-w-r .pr-header-product-name a {
letter-spacing: 1px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89;
text-decoration: none;
line-height: 1;
}
@media only screen and (max-width:767px) {
.pr-review_popup .modal__body .p-w-r .pr-header-product-name a {
font-size: 2.4rem
}
}
.pr-review_popup .modal__body .p-w-r .pr-header-required,
.pr-review_popup .modal__body .p-w-r .pr-header-required span,.pr-review_popup .modal__body .p-w-r .pr-header-required span {
margin: 0 0 25px;
line-height: 1.17;
color: #4d4d4d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
letter-spacing: .5px;
font-size: 1.2rem
}
.p-w-r .form-group {
margin-bottom:0px !important;
display: inline-block;
width: 100%;
}
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .control-label span,
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .pr-control-label span {
letter-spacing: 1px;
line-height: 1;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .pr-control-label span
{
letter-spacing: 1px;
line-height: 1;
font-family: hwt-artz, sans-serif !important;
font-weight: 700 !important;
font-style: normal !important;
font-stretch: normal !important;
text-transform: uppercase;
font-size: 4rem !important;
color: #001d89 !important;
}
@media only screen and (max-width:767px) {
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .control-label span,
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .pr-control-label span {
font-size: 2.4rem
}
.pr-review_popup .modal__body .p-w-r .pr-rating-form-group .pr-control-label span
{
font-size: 2.4rem !important;
}
}
.pr-review_popup .modal__body .pr-rating-stars {
float: none
}
.pr-review_popup .modal__body .p-w-r .pr-star-accessible-0-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-accessible-25-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-accessible-50-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-accessible-75-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-accessible-100-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-v4,
.pr-review_popup .modal__body .p-w-r .pr-star-v4-0-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-v4-25-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-v4-50-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-v4-75-filled,
.pr-review_popup .modal__body .p-w-r .pr-star-v4-100-filled,.p-w-r .pr-read-review .pr-star-accessible-0-filled, .p-w-r .pr-read-review .pr-star-accessible-0-filled:hover, .p-w-r .pr-read-review .pr-star-accessible-25-filled, .p-w-r .pr-read-review .pr-star-accessible-25-filled:hover, .p-w-r .pr-read-review .pr-star-accessible-50-filled, .p-w-r .pr-read-review .pr-star-accessible-50-filled:hover, .p-w-r .pr-read-review .pr-star-accessible-75-filled, .p-w-r .pr-read-review .pr-star-accessible-75-filled:hover, .p-w-r .pr-read-review .pr-star-accessible-100-filled, .p-w-r .pr-read-review .pr-star-accessible-100-filled:hover, .p-w-r .pr-read-review .pr-star-v4, .p-w-r .pr-read-review .pr-star-v4-0-filled, .p-w-r .pr-read-review .pr-star-v4-0-filled:hover, .p-w-r .pr-read-review .pr-star-v4-25-filled, .p-w-r .pr-read-review .pr-star-v4-25-filled:hover, .p-w-r .pr-read-review .pr-star-v4-50-filled, .p-w-r .pr-read-review .pr-star-v4-50-filled:hover, .p-w-r .pr-read-review .pr-star-v4-75-filled, .p-w-r .pr-read-review .pr-star-v4-75-filled:hover, .p-w-r .pr-read-review .pr-star-v4-100-filled, .p-w-r .pr-read-review .pr-star-v4-100-filled:hover, .p-w-r .pr-read-review .pr-star-v4:hover, .p-w-r .pr-review-display .pr-star-accessible-0-filled, .p-w-r .pr-review-display .pr-star-accessible-0-filled:hover, .p-w-r .pr-review-display .pr-star-accessible-25-filled, .p-w-r .pr-review-display .pr-star-accessible-25-filled:hover, .p-w-r .pr-review-display .pr-star-accessible-50-filled, .p-w-r .pr-review-display .pr-star-accessible-50-filled:hover, .p-w-r .pr-review-display .pr-star-accessible-75-filled, .p-w-r .pr-review-display .pr-star-accessible-75-filled:hover, .p-w-r .pr-review-display .pr-star-accessible-100-filled, .p-w-r .pr-review-display .pr-star-accessible-100-filled:hover, .p-w-r .pr-review-display .pr-star-v4, .p-w-r .pr-review-display .pr-star-v4-0-filled, .p-w-r .pr-review-display .pr-star-v4-0-filled:hover, .p-w-r .pr-review-display .pr-star-v4-25-filled, .p-w-r .pr-review-display .pr-star-v4-25-filled:hover, .p-w-r .pr-review-display .pr-star-v4-50-filled, .p-w-r .pr-review-display .pr-star-v4-50-filled:hover, .p-w-r .pr-review-display .pr-star-v4-75-filled, .p-w-r .pr-review-display .pr-star-v4-75-filled:hover, .p-w-r .pr-review-display .pr-star-v4-100-filled, .p-w-r .pr-review-display .pr-star-v4-100-filled:hover, .p-w-r .pr-review-display .pr-star-v4:hover {
width: 27px !important;
height: 25px !important;
margin-right: 5px !important;
}
.pr-review_popup .modal__body .p-w-r .pr-subscript,
.pr-review_popup .modal__body .p-w-r .pr-subscript span {
display: block;
margin: 0 0 20px;
opacity: .5
}
.pr-review_popup .modal__body .p-w-r .pr-submit a,
.pr-review_popup .modal__body .p-w-r .pr-subscript,
.pr-review_popup .modal__body .p-w-r .pr-subscript span {
line-height: 1.36;
color: #4d4d4d;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem
}
.pr-review_popup .modal__body .p-w-r .pr-submit a {
text-decoration: underline
}
.pr-review_popup .p-w-r .pr-review-display .pr-content-collection-form .pr-media-modal .pr-cross-icon__line {
stroke: #0b7bc1
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio label,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio label,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio label,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio label {
cursor: pointer
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio input,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio input,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio input,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio input {
width: 20px !important;
height: 20px !important;
padding: 0 !important;
margin: 0 !important
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio input+span,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio input+span,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio input+span,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio input+span {
width: 0;
padding: 0;
margin-right: 10px
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio input+span:before,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio input+span:before,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio input+span:before,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio input+span:before {
top: -12px;
left: -18px
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio input+span:after,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio input+span:after,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio input+span:after,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio input+span:after {
top: -8px;
left: -14px
}
.pr-review_popup .p-w-r .pr-image-snippet .pr-flagging-radio input+span+span,
.pr-review_popup .p-w-r .pr-irlsnippet .pr-flagging-radio input+span+span,
.pr-review_popup .p-w-r .pr-review-display .pr-flagging-radio input+span+span,
.pr-review_popup .p-w-r .pr-rid .pr-flagging-radio input+span+span {
width: calc(100% - 26px)
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer {
border: none;
padding: 0
}
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-desktop .pr-rd-main-footer:before,
.pr-review_popup .p-w-r .pr-review-display.pr-rd-display-tablet .pr-rd-main-footer:before {
content: none
}
.pr-review_popup .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-content-block {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%
}
.pr-review_popup .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-content-block:after,
.pr-review_popup .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-content-block:before {
content: none
}
.pr-review_popup .p-w-r .pr-review-display .pr-rd-pagination .pr-rd-pagination-btn {
cursor: pointer;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
border: none;
padding: 18px 20px 19px;
min-width: 150px;
border: 1px solid;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.1rem;
font-weight: 500;
background-color: #001d89;
border-color: #001d89
}
@media only screen and (max-width:767px) {
.pr-review_popup .thank-you-page .pr-row,
#pr-write .thank-you-page .pr-row {
padding: 0 20px
}
}
.pr-review_popup .p-w-r .thank-you-page .header,
#pr-write .p-w-r .thank-you-page .header {
padding: 0 0 20px !important;
margin: 0 0 20px;
border-color: rgba(68, 68, 68, .2)
}
.pr-review_popup .p-w-r .thank-you-page .title,
#pr-write .p-w-r .thank-you-page .title {
letter-spacing: 1px;
margin: 0 0 10px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .thank-you-page .title,
#pr-write .p-w-r .thank-you-page .title {
font-size: 2.4rem
}
}
.pr-review_popup .p-w-r .thank-you-page .subtitle,
#pr-write .p-w-r .thank-you-page .subtitle {
line-height: 1.5;
text-transform: inherit;
margin: 0;
color: #444;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.6rem
}
.pr-review_popup .p-w-r .thank-you-page .pr-rating-date,
.pr-review_popup .p-w-r .thank-you-page .pr-rating-number,
#pr-write .p-w-r .thank-you-page .pr-rating-date,
#pr-write .p-w-r .thank-you-page .pr-rating-number {
display: none
}
.pr-review_popup .p-w-r .thank-you-page .headline,
#pr-write .p-w-r .thank-you-page .headline {
letter-spacing: 1px;
margin: 0 0 10px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.pr-review_popup .p-w-r .thank-you-page .headline,
#pr-write .p-w-r .thank-you-page .headline {
font-size: 2.4rem
}
}
.pr-review_popup .p-w-r .col-sm-12,
#pr-write .p-w-r .col-sm-12 {
padding: 0 !important
}
.pr-review_popup .p-w-r .thank-you-page .pr-rating-stars,
#pr-write .p-w-r .thank-you-page .pr-rating-stars {
margin: 0 0 10px
}
.pr-review_popup .p-w-r .thank-you-page .pr-text,
#pr-write .p-w-r .thank-you-page .pr-text {
line-height: 1.5;
letter-spacing: .5px;
color: #444;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.5rem
}
.homepage-hero .homepage-hero-container {
position: relative;
width: 100%;
height: 49vw;
max-height: 680px;
background-color: #0075ab
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container {
height: 85vw;
max-height: 550px
}
}
.homepage-hero .homepage-hero-container:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 17%;
max-height: 118px;
background-color: #fafafa;
z-index: 1;
background: #f0f0f0;
background: linear-gradient(180deg, #f0f0f0 0, #f5f5f5 33%, #fafafa 65%, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0f0f0", endColorstr="#ffffff", GradientType=0)
}
.homepage-hero .homepage-hero-container .background-image {
width: 72%;
max-width: 1000px;
height: 50%;
max-height: 350px;
z-index: 1;
position: absolute;
left: 0;
right: 0;
margin: auto;
position: relative;
visibility: hidden;
top: 80px
}
.homepage-hero .homepage-hero-container .background-image h1 {
width: 100%;
height: 100%
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .background-image {
width: 90%
}
}
.homepage-hero .homepage-hero-container .hero-link {
position: absolute;
bottom: 25%;
left: 0;
right: 0;
width: 72%;
margin: auto;
max-width: 1000px;
text-align: right;
z-index: 2
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .hero-link {
width: 25%;
max-width: 100px;
left: inherit;
right: 5%;
bottom: 20%;
text-shadow: 1px 0px 2px rgba(0, 0, 0, 0.92);
}
}
.homepage-hero .homepage-hero-container .hero-link a {
text-transform: uppercase;
font-weight: 500;
line-height: .86;
letter-spacing: 1.3px;
text-decoration: underline;
color: #fff;
position: relative;
visibility: hidden;
top: 20px
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .hero-link a {
line-height: 1.3;
font-size:2.5vw;
top: 10px
}
}
.homepage-hero .homepage-hero-container .hero-link a span {
display: inline-block;
width: 18.9px;
height: 29.8px;
vertical-align: middle;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-carton.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 12px
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .hero-link a span {
display: none
}
}
.homepage-hero .homepage-hero-container .hero-splash {
position: absolute;
bottom: calc(17% - 5px);
left: 0;
width: 100%;
background-image: url(//silk.com/wp-content/themes/silk/img/hero-splash-top.png);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
background-position: center 13vw;
transform-origin: bottom;
height: 42vw;
z-index: 2;
transform: scale(0)
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .hero-splash {
height:79vw;
background-image: url(//silk.com/wp-content/themes/silk/img/Homepage_Mobile.png);
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
background-position: center 33vw;
}
}
.homepage-hero .homepage-hero-container .foreground-image {
position: absolute;
right: 0;
bottom: calc(100% + 85px);
left: 0;
width: 23%;
max-width: 330px;
height: 80%;
max-height: 540px;
margin: auto;
z-index: 2
}
.homepage-hero .homepage-hero-container .foreground-image img {
max-height: 100%;
margin: auto
}
@media only screen and (max-width:767px) {
.homepage-hero .homepage-hero-container .foreground-image {
width: 43%;
max-width: 275px
}
}
.homepage-hero+.module .container {
padding-top: 80px
}
@media only screen and (max-width:767px) {
.homepage-hero+.module .container {
padding-top: 60px
}
}
.three-across .container.alt {
padding-bottom: 0
}
.three-across .three-across-container {
position: relative;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom
}
.three-across .three-across-container:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(50% - 60px);
background-color: #fff
}
@media only screen and (max-width:1024px) {
.three-across .three-across-container:before {
height: 14%
}
}
.three-across .three-across-container .container {
padding: 0 0 140px;
max-width: 1060px
}
@media only screen and (max-width:767px) {
.three-across .three-across-container .container {
padding: 0 0 40px
}
}
.three-across .three-across-container ul {
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:1024px) {
.three-across .three-across-container ul {
display: block
}
}
.three-across .three-across-container ul li {
position: relative;
top: 40px;
opacity: 0;
-ms-flex-preferred-size: 33.33%;
flex-basis: 33.33%;
max-width: 350px;
height: 350px;
padding: 20px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: column;
flex-direction: column;
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
text-align: center;
transform: scale(1)
}
.three-across .three-across-container ul li.transition {
transition: all .2s ease-out
}
@media only screen and (max-width:1024px) {
.three-across .three-across-container ul li {
height: 325px;
margin: auto
}
}
@media only screen and (max-width:767px) {
.three-across .three-across-container ul li {
width: 100%;
margin: auto
}
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
.three-across .three-across-container ul li:hover {
z-index: 2;
transform: scale(1.05)
}
}
.three-across .three-across-container ul li:first-child {
background-image: url(//silk.com/wp-content/themes/silk/img/button-red.png)
}
.three-across .three-across-container ul li:nth-child(2) {
margin: 0 10px;
background-image: url(//silk.com/wp-content/themes/silk/img/button-magenta.png)
}
@media only screen and (max-width:1024px) {
.three-across .three-across-container ul li:nth-child(2) {
margin: 20px auto
}
}
.three-across .three-across-container ul li:nth-child(3) {
background-image: url(//silk.com/wp-content/themes/silk/img/button-blue.png)
}
@media only screen and (max-width:767px) {
.three-across .three-across-container ul li:first-child {
background-image: url(//silk.com/wp-content/themes/silk/img/button-red-sm.png)
}
.three-across .three-across-container ul li:nth-child(2) {
background-image: url(//silk.com/wp-content/themes/silk/img/button-magenta-sm.png)
}
.three-across .three-across-container ul li:nth-child(3) {
background-image: url(//silk.com/wp-content/themes/silk/img/button-blue-sm.png)
}
}
.three-across .three-across-container ul li .img-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 73%;
height: 145px;
max-height: 145px;
margin: 0 auto
}
.three-across .three-across-container ul li img {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: auto;
max-height: 100%
}
.three-across .three-across-container ul li p,
.three-across .three-across-container ul li span {
color: #fff
}
.three-across .three-across-container ul li p {
line-height: 1.5;
width: 80%;
max-width: 266px;
margin: 10px auto 20px;
font-size: 2rem;
color: #fff
}
@media only screen and (max-width:1024px) {
.three-across .three-across-container ul li p {
font-size: 1.6rem
}
}
.three-across .three-across-container ul li a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px
}
.three-across .three-across-container ul li span {
font-size: 1.2rem;
line-height: 2.83;
letter-spacing: 1.7px;
line-height: 1;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700
}
.video {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-position: top
}
.video,
.video:after {
background-size: cover;
background-repeat: no-repeat
}
.video:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png)
}
.video .container {
padding: 100px 0 200px
}
@media only screen and (max-width:767px) {
.video .container {
width: 100%;
padding: 20px 0 120px
}
}
.video .video-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: end;
align-items: flex-end
}
@media only screen and (max-width:767px) {
.video .video-container {
display: block
}
}
.video .video-poster {
cursor: pointer;
position: relative;
width: 67%;
max-width: 767px;
padding-bottom: 50px;
overflow: hidden;
z-index: 2
}
@media only screen and (max-width:767px) {
.video .video-poster {
width: 100%;
padding-bottom: 0
}
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
.video .video-poster:hover:after {
transform: translateX(-50%) translateY(-50%) scale(1.15)
}
}
.video .video-poster:after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 111px;
height: 111px;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-play_b.png);
background-size: contain;
background-repeat: no-repeat;
transition: all .2s ease-out;
transform: translateX(-50%) translateY(-50%) scale(1);
opacity:0.7;
}
.video .video-poster:hover:after {
opacity:1;
}
.video .video-poster .video-id {
display: none
}
.video .video-info {
position: relative;
width: 45%;
max-width: 534px;
padding: 60px 45px 60px 50px;
background-color: #fff
}
@media only screen and (max-width:767px) {
.video .video-info {
width: 94%;
margin: auto;
padding: 30px 5px;
max-width: inherit;
text-align: center
}
}
.video .video-info:before {
content: "";
display: block;
position: absolute;
top: 0;
left: -129px;
width: 130px;
height: 100%;
background-color: #fff
}
@media only screen and (max-width:767px) {
.video .video-info:before {
content: none
}
}
.video .video-info:after {
content: "";
display: block;
position: absolute;
bottom: 20px;
right: 45px;
width: calc(100% + 130px);
height: 6px;
background-image: url(//silk.com/wp-content/themes/silk/img/line2.png);
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.video .video-info:after {
position: relative;
width: 90%;
bottom: 0;
right: 0;
margin: 40px auto 0
}
}
.video .video-info h3 {
line-height: .92;
letter-spacing: 1.5px;
margin: 0 0 30px;
font-size: 5rem
}
@media only screen and (max-width:767px) {
.video .video-info h3 {
font-size: 3.6rem;
max-width: 300px;
margin: 0 auto 30px
}
}
.video .video-info p {
line-height: 1.38;
font-size: 1.6rem;
margin: 0 0 30px
}
@media only screen and (max-width:767px) {
.video .video-info p {
font-size: 1.4rem;
max-width: 235px;
margin: 0 auto 30px
}
}
.video .video-info a {
font-weight: 500;
line-height: 1.38;
letter-spacing: 1px;
font-size: 1.6rem;
text-decoration: underline;
text-transform: uppercase;
color: #c9177d
}
@media only screen and (max-width:767px) {
.video .video-info a {
font-size: 1.4rem
}
}
.video-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .8);
z-index: 1000
}
.video-overlay .video-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%
}
.video-overlay .video-wrapper .video-container {
position: relative;
padding-bottom: 28%;
height: 0;
width: 50%;
max-width: 717px
}
@media only screen and (max-width:767px) {
.video-overlay .video-wrapper .video-container {
padding-bottom: 53.25%;
width: 94%
}
}
.video-overlay .video-wrapper .video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-overlay .overlay-close {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px
}
.video-overlay .overlay-close i {
font-size: 2.5rem;
color: #fff
}
.dashboard-coupons .page-container,
.dashboard-coupons .recipes-container,
.page-callout .page-container,
.page-callout .recipes-container,
.recipes-callout .page-container,
.recipes-callout .recipes-container {
position: relative;
z-index: 2
}
.dashboard-coupons .coupon-heading,
.dashboard-coupons .recipe-heading,
.page-callout .coupon-heading,
.page-callout .recipe-heading,
.recipes-callout .coupon-heading,
.recipes-callout .recipe-heading {
line-height: .92;
letter-spacing: 1.5px;
margin: 0 0 35px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 5rem;
color: #001d89
}
.dashboard-coupons .coupons-row,
.dashboard-coupons .page-row,
.dashboard-coupons .recipes-row,
.page-callout .coupons-row,
.page-callout .page-row,
.page-callout .recipes-row,
.recipes-callout .coupons-row,
.recipes-callout .page-row,
.recipes-callout .recipes-row {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center
}
@media only screen and (max-width:767px) {
.dashboard-coupons .coupons-row,
.dashboard-coupons .page-row,
.dashboard-coupons .recipes-row,
.page-callout .coupons-row,
.page-callout .page-row,
.page-callout .recipes-row,
.recipes-callout .coupons-row,
.recipes-callout .page-row,
.recipes-callout .recipes-row {
display: block
}
}
.dashboard-coupons .coupons-row>li,
.dashboard-coupons .page-row>li,
.dashboard-coupons .recipes-row>li,
.page-callout .coupons-row>li,
.page-callout .page-row>li,
.page-callout .recipes-row>li,
.recipes-callout .coupons-row>li,
.recipes-callout .page-row>li,
.recipes-callout .recipes-row>li {
-ms-flex-preferred-size: calc(33.33% - 14px);
flex-basis: calc(33.33% - 14px);
margin-bottom: 40px;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
.dashboard-coupons .coupons-row>li:hover .img-container img,
.dashboard-coupons .page-row>li:hover .img-container img,
.dashboard-coupons .recipes-row>li:hover .img-container img,
.page-callout .coupons-row>li:hover .img-container img,
.page-callout .page-row>li:hover .img-container img,
.page-callout .recipes-row>li:hover .img-container img,
.recipes-callout .coupons-row>li:hover .img-container img,
.recipes-callout .page-row>li:hover .img-container img,
.recipes-callout .recipes-row>li:hover .img-container img {
transform: translateX(-50%) translateY(-50%) scale(1.15)
}
}
@media only screen and (max-width:767px) {
.dashboard-coupons .coupons-row>li,
.dashboard-coupons .page-row>li,
.dashboard-coupons .recipes-row>li,
.page-callout .coupons-row>li,
.page-callout .page-row>li,
.page-callout .recipes-row>li,
.recipes-callout .coupons-row>li,
.recipes-callout .page-row>li,
.recipes-callout .recipes-row>li {
width: 100%
}
}
.dashboard-coupons .coupons-row>li:nth-last-child(-n+3),
.dashboard-coupons .page-row>li:nth-last-child(-n+3),
.dashboard-coupons .recipes-row>li:nth-last-child(-n+3),
.page-callout .coupons-row>li:nth-last-child(-n+3),
.page-callout .page-row>li:nth-last-child(-n+3),
.page-callout .recipes-row>li:nth-last-child(-n+3),
.recipes-callout .coupons-row>li:nth-last-child(-n+3),
.recipes-callout .page-row>li:nth-last-child(-n+3),
.recipes-callout .recipes-row>li:nth-last-child(-n+3) {
margin-bottom: 0
}
.dashboard-coupons .coupons-row>li:nth-child(3n+2),
.dashboard-coupons .page-row>li:nth-child(3n+2),
.dashboard-coupons .recipes-row>li:nth-child(3n+2),
.page-callout .coupons-row>li:nth-child(3n+2),
.page-callout .page-row>li:nth-child(3n+2),
.page-callout .recipes-row>li:nth-child(3n+2),
.recipes-callout .coupons-row>li:nth-child(3n+2),
.recipes-callout .page-row>li:nth-child(3n+2),
.recipes-callout .recipes-row>li:nth-child(3n+2) {
margin: 0 20px
}
@media only screen and (max-width:767px) {
.dashboard-coupons .coupons-row>li:nth-child(3n+2),
.dashboard-coupons .page-row>li:nth-child(3n+2),
.dashboard-coupons .recipes-row>li:nth-child(3n+2),
.page-callout .coupons-row>li:nth-child(3n+2),
.page-callout .page-row>li:nth-child(3n+2),
.page-callout .recipes-row>li:nth-child(3n+2),
.recipes-callout .coupons-row>li:nth-child(3n+2),
.recipes-callout .page-row>li:nth-child(3n+2),
.recipes-callout .recipes-row>li:nth-child(3n+2) {
margin: 40px 0
}
}
.dashboard-coupons .coupons-row>li a,
.dashboard-coupons .page-row>li a,
.dashboard-coupons .recipes-row>li a,
.page-callout .coupons-row>li a,
.page-callout .page-row>li a,
.page-callout .recipes-row>li a,
.recipes-callout .coupons-row>li a,
.recipes-callout .page-row>li a,
.recipes-callout .recipes-row>li a {
display: block;
width: 100%
}
.dashboard-coupons .coupons-row>li .img-container,
.dashboard-coupons .page-row>li .img-container,
.dashboard-coupons .recipes-row>li .img-container,
.page-callout .coupons-row>li .img-container,
.page-callout .page-row>li .img-container,
.page-callout .recipes-row>li .img-container,
.recipes-callout .coupons-row>li .img-container,
.recipes-callout .page-row>li .img-container,
.recipes-callout .recipes-row>li .img-container {
position: relative;
width: 100%;
height: 19vw;
max-height: 270px;
overflow: hidden;
margin: 0 0 15px
}
@media only screen and (max-width:767px) {
.dashboard-coupons .coupons-row>li .img-container,
.dashboard-coupons .page-row>li .img-container,
.dashboard-coupons .recipes-row>li .img-container,
.page-callout .coupons-row>li .img-container,
.page-callout .page-row>li .img-container,
.page-callout .recipes-row>li .img-container,
.recipes-callout .coupons-row>li .img-container,
.recipes-callout .page-row>li .img-container,
.recipes-callout .recipes-row>li .img-container {
height: inherit;
max-height: inherit
}
}
.dashboard-coupons .coupons-row>li .img-container img,
.dashboard-coupons .page-row>li .img-container img,
.dashboard-coupons .recipes-row>li .img-container img,
.page-callout .coupons-row>li .img-container img,
.page-callout .page-row>li .img-container img,
.page-callout .recipes-row>li .img-container img,
.recipes-callout .coupons-row>li .img-container img,
.recipes-callout .page-row>li .img-container img,
.recipes-callout .recipes-row>li .img-container img {
position: absolute;
top: 50%;
left: 50%;
min-width: inherit;
min-height: 100%;
max-width: 125%;
max-height: 105%;
transition: all .2s ease-out;
transform: translateX(-50%) translateY(-50%) scale(1)
}
@media only screen and (max-width:767px) {
.dashboard-coupons .coupons-row>li .img-container img,
.dashboard-coupons .page-row>li .img-container img,
.dashboard-coupons .recipes-row>li .img-container img,
.page-callout .coupons-row>li .img-container img,
.page-callout .page-row>li .img-container img,
.page-callout .recipes-row>li .img-container img,
.recipes-callout .coupons-row>li .img-container img,
.recipes-callout .page-row>li .img-container img,
.recipes-callout .recipes-row>li .img-container img {
position: relative;
top: 0;
left: 0;
min-width: inherit;
max-width: 100%;
min-height: inherit;
transform: translateX(0) translateY(0) scale(1)
}
}
.dashboard-coupons .coupons-row>li h5,
.dashboard-coupons .page-row>li h5,
.dashboard-coupons .recipes-row>li h5,
.page-callout .coupons-row>li h5,
.page-callout .page-row>li h5,
.page-callout .recipes-row>li h5,
.recipes-callout .coupons-row>li h5,
.recipes-callout .page-row>li h5,
.recipes-callout .recipes-row>li h5 {
line-height: 1.36;
letter-spacing: .5px;
margin: 0 0 15px;
font-size: 2.2rem
}
.dashboard-coupons .coupons-row>li p,
.dashboard-coupons .page-row>li p,
.dashboard-coupons .recipes-row>li p,
.page-callout .coupons-row>li p,
.page-callout .page-row>li p,
.page-callout .recipes-row>li p,
.recipes-callout .coupons-row>li p,
.recipes-callout .page-row>li p,
.recipes-callout .recipes-row>li p {
line-height: 1.54;
max-width: 236px;
margin: 0 auto 15px;
color: #000;
font-size: 1.3rem
}
.dashboard-coupons .coupons-row>li span,
.dashboard-coupons .page-row>li span,
.dashboard-coupons .recipes-row>li span,
.page-callout .coupons-row>li span,
.page-callout .page-row>li span,
.page-callout .recipes-row>li span,
.recipes-callout .coupons-row>li span,
.recipes-callout .page-row>li span,
.recipes-callout .recipes-row>li span {
font-size: 1.2rem;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
color: #c9177d
}
.dashboard-coupons .coupons-row>li .post-categories .tag,
.dashboard-coupons .coupons-row>li .post-categories li,
.dashboard-coupons .coupons-row>li .post-tags .tag,
.dashboard-coupons .coupons-row>li .post-tags li,
.dashboard-coupons .coupons-row>li .tags .tag,
.dashboard-coupons .coupons-row>li .tags li,
.dashboard-coupons .page-row>li .post-categories .tag,
.dashboard-coupons .page-row>li .post-categories li,
.dashboard-coupons .page-row>li .post-tags .tag,
.dashboard-coupons .page-row>li .post-tags li,
.dashboard-coupons .page-row>li .tags .tag,
.dashboard-coupons .page-row>li .tags li,
.dashboard-coupons .recipes-row>li .post-categories .tag,
.dashboard-coupons .recipes-row>li .post-categories li,
.dashboard-coupons .recipes-row>li .post-tags .tag,
.dashboard-coupons .recipes-row>li .post-tags li,
.dashboard-coupons .recipes-row>li .tags .tag,
.dashboard-coupons .recipes-row>li .tags li,
.page-callout .coupons-row>li .post-categories .tag,
.page-callout .coupons-row>li .post-categories li,
.page-callout .coupons-row>li .post-tags .tag,
.page-callout .coupons-row>li .post-tags li,
.page-callout .coupons-row>li .tags .tag,
.page-callout .coupons-row>li .tags li,
.page-callout .page-row>li .post-categories .tag,
.page-callout .page-row>li .post-categories li,
.page-callout .page-row>li .post-tags .tag,
.page-callout .page-row>li .post-tags li,
.page-callout .page-row>li .tags .tag,
.page-callout .page-row>li .tags li,
.page-callout .recipes-row>li .post-categories .tag,
.page-callout .recipes-row>li .post-categories li,
.page-callout .recipes-row>li .post-tags .tag,
.page-callout .recipes-row>li .post-tags li,
.page-callout .recipes-row>li .tags .tag,
.page-callout .recipes-row>li .tags li,
.recipes-callout .coupons-row>li .post-categories .tag,
.recipes-callout .coupons-row>li .post-categories li,
.recipes-callout .coupons-row>li .post-tags .tag,
.recipes-callout .coupons-row>li .post-tags li,
.recipes-callout .coupons-row>li .tags .tag,
.recipes-callout .coupons-row>li .tags li,
.recipes-callout .page-row>li .post-categories .tag,
.recipes-callout .page-row>li .post-categories li,
.recipes-callout .page-row>li .post-tags .tag,
.recipes-callout .page-row>li .post-tags li,
.recipes-callout .page-row>li .tags .tag,
.recipes-callout .page-row>li .tags li,
.recipes-callout .recipes-row>li .post-categories .tag,
.recipes-callout .recipes-row>li .post-categories li,
.recipes-callout .recipes-row>li .post-tags .tag,
.recipes-callout .recipes-row>li .post-tags li,
.recipes-callout .recipes-row>li .tags .tag,
.recipes-callout .recipes-row>li .tags li {
display: inline-block;
margin-right: 10px;
letter-spacing: .6px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.1rem;
color: #001d89;
color: #0075ab
}
.dashboard-coupons .coupons-row>li .post-categories .tag a,
.dashboard-coupons .coupons-row>li .post-categories li a,
.dashboard-coupons .coupons-row>li .post-tags .tag a,
.dashboard-coupons .coupons-row>li .post-tags li a,
.dashboard-coupons .coupons-row>li .tags .tag a,
.dashboard-coupons .coupons-row>li .tags li a,
.dashboard-coupons .page-row>li .post-categories .tag a,
.dashboard-coupons .page-row>li .post-categories li a,
.dashboard-coupons .page-row>li .post-tags .tag a,
.dashboard-coupons .page-row>li .post-tags li a,
.dashboard-coupons .page-row>li .tags .tag a,
.dashboard-coupons .page-row>li .tags li a,
.dashboard-coupons .recipes-row>li .post-categories .tag a,
.dashboard-coupons .recipes-row>li .post-categories li a,
.dashboard-coupons .recipes-row>li .post-tags .tag a,
.dashboard-coupons .recipes-row>li .post-tags li a,
.dashboard-coupons .recipes-row>li .tags .tag a,
.dashboard-coupons .recipes-row>li .tags li a,
.page-callout .coupons-row>li .post-categories .tag a,
.page-callout .coupons-row>li .post-categories li a,
.page-callout .coupons-row>li .post-tags .tag a,
.page-callout .coupons-row>li .post-tags li a,
.page-callout .coupons-row>li .tags .tag a,
.page-callout .coupons-row>li .tags li a,
.page-callout .page-row>li .post-categories .tag a,
.page-callout .page-row>li .post-categories li a,
.page-callout .page-row>li .post-tags .tag a,
.page-callout .page-row>li .post-tags li a,
.page-callout .page-row>li .tags .tag a,
.page-callout .page-row>li .tags li a,
.page-callout .recipes-row>li .post-categories .tag a,
.page-callout .recipes-row>li .post-categories li a,
.page-callout .recipes-row>li .post-tags .tag a,
.page-callout .recipes-row>li .post-tags li a,
.page-callout .recipes-row>li .tags .tag a,
.page-callout .recipes-row>li .tags li a,
.recipes-callout .coupons-row>li .post-categories .tag a,
.recipes-callout .coupons-row>li .post-categories li a,
.recipes-callout .coupons-row>li .post-tags .tag a,
.recipes-callout .coupons-row>li .post-tags li a,
.recipes-callout .coupons-row>li .tags .tag a,
.recipes-callout .coupons-row>li .tags li a,
.recipes-callout .page-row>li .post-categories .tag a,
.recipes-callout .page-row>li .post-categories li a,
.recipes-callout .page-row>li .post-tags .tag a,
.recipes-callout .page-row>li .post-tags li a,
.recipes-callout .page-row>li .tags .tag a,
.recipes-callout .page-row>li .tags li a,
.recipes-callout .recipes-row>li .post-categories .tag a,
.recipes-callout .recipes-row>li .post-categories li a,
.recipes-callout .recipes-row>li .post-tags .tag a,
.recipes-callout .recipes-row>li .post-tags li a,
.recipes-callout .recipes-row>li .tags .tag a,
.recipes-callout .recipes-row>li .tags li a {
display: inline-block;
width: auto;
letter-spacing: .6px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.1rem;
color: #001d89;
color: #0075ab
}
.dashboard-coupons .coupons-row>li .post-categories .tag:before,
.dashboard-coupons .coupons-row>li .post-categories li:before,
.dashboard-coupons .coupons-row>li .post-tags .tag:before,
.dashboard-coupons .coupons-row>li .post-tags li:before,
.dashboard-coupons .coupons-row>li .tags .tag:before,
.dashboard-coupons .coupons-row>li .tags li:before,
.dashboard-coupons .page-row>li .post-categories .tag:before,
.dashboard-coupons .page-row>li .post-categories li:before,
.dashboard-coupons .page-row>li .post-tags .tag:before,
.dashboard-coupons .page-row>li .post-tags li:before,
.dashboard-coupons .page-row>li .tags .tag:before,
.dashboard-coupons .page-row>li .tags li:before,
.dashboard-coupons .recipes-row>li .post-categories .tag:before,
.dashboard-coupons .recipes-row>li .post-categories li:before,
.dashboard-coupons .recipes-row>li .post-tags .tag:before,
.dashboard-coupons .recipes-row>li .post-tags li:before,
.dashboard-coupons .recipes-row>li .tags .tag:before,
.dashboard-coupons .recipes-row>li .tags li:before,
.page-callout .coupons-row>li .post-categories .tag:before,
.page-callout .coupons-row>li .post-categories li:before,
.page-callout .coupons-row>li .post-tags .tag:before,
.page-callout .coupons-row>li .post-tags li:before,
.page-callout .coupons-row>li .tags .tag:before,
.page-callout .coupons-row>li .tags li:before,
.page-callout .page-row>li .post-categories .tag:before,
.page-callout .page-row>li .post-categories li:before,
.page-callout .page-row>li .post-tags .tag:before,
.page-callout .page-row>li .post-tags li:before,
.page-callout .page-row>li .tags .tag:before,
.page-callout .page-row>li .tags li:before,
.page-callout .recipes-row>li .post-categories .tag:before,
.page-callout .recipes-row>li .post-categories li:before,
.page-callout .recipes-row>li .post-tags .tag:before,
.page-callout .recipes-row>li .post-tags li:before,
.page-callout .recipes-row>li .tags .tag:before,
.page-callout .recipes-row>li .tags li:before,
.recipes-callout .coupons-row>li .post-categories .tag:before,
.recipes-callout .coupons-row>li .post-categories li:before,
.recipes-callout .coupons-row>li .post-tags .tag:before,
.recipes-callout .coupons-row>li .post-tags li:before,
.recipes-callout .coupons-row>li .tags .tag:before,
.recipes-callout .coupons-row>li .tags li:before,
.recipes-callout .page-row>li .post-categories .tag:before,
.recipes-callout .page-row>li .post-categories li:before,
.recipes-callout .page-row>li .post-tags .tag:before,
.recipes-callout .page-row>li .post-tags li:before,
.recipes-callout .page-row>li .tags .tag:before,
.recipes-callout .page-row>li .tags li:before,
.recipes-callout .recipes-row>li .post-categories .tag:before,
.recipes-callout .recipes-row>li .post-categories li:before,
.recipes-callout .recipes-row>li .post-tags .tag:before,
.recipes-callout .recipes-row>li .post-tags li:before,
.recipes-callout .recipes-row>li .tags .tag:before,
.recipes-callout .recipes-row>li .tags li:before {
content: "";
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
border-radius: 50%;
margin-right: 5px;
background-color: #0075ab
}
.dashboard-coupons .coupons-row>li .post-categories .tag:last-child,
.dashboard-coupons .coupons-row>li .post-categories li:last-child,
.dashboard-coupons .coupons-row>li .post-tags .tag:last-child,
.dashboard-coupons .coupons-row>li .post-tags li:last-child,
.dashboard-coupons .coupons-row>li .tags .tag:last-child,
.dashboard-coupons .coupons-row>li .tags li:last-child,
.dashboard-coupons .page-row>li .post-categories .tag:last-child,
.dashboard-coupons .page-row>li .post-categories li:last-child,
.dashboard-coupons .page-row>li .post-tags .tag:last-child,
.dashboard-coupons .page-row>li .post-tags li:last-child,
.dashboard-coupons .page-row>li .tags .tag:last-child,
.dashboard-coupons .page-row>li .tags li:last-child,
.dashboard-coupons .recipes-row>li .post-categories .tag:last-child,
.dashboard-coupons .recipes-row>li .post-categories li:last-child,
.dashboard-coupons .recipes-row>li .post-tags .tag:last-child,
.dashboard-coupons .recipes-row>li .post-tags li:last-child,
.dashboard-coupons .recipes-row>li .tags .tag:last-child,
.dashboard-coupons .recipes-row>li .tags li:last-child,
.page-callout .coupons-row>li .post-categories .tag:last-child,
.page-callout .coupons-row>li .post-categories li:last-child,
.page-callout .coupons-row>li .post-tags .tag:last-child,
.page-callout .coupons-row>li .post-tags li:last-child,
.page-callout .coupons-row>li .tags .tag:last-child,
.page-callout .coupons-row>li .tags li:last-child,
.page-callout .page-row>li .post-categories .tag:last-child,
.page-callout .page-row>li .post-categories li:last-child,
.page-callout .page-row>li .post-tags .tag:last-child,
.page-callout .page-row>li .post-tags li:last-child,
.page-callout .page-row>li .tags .tag:last-child,
.page-callout .page-row>li .tags li:last-child,
.page-callout .recipes-row>li .post-categories .tag:last-child,
.page-callout .recipes-row>li .post-categories li:last-child,
.page-callout .recipes-row>li .post-tags .tag:last-child,
.page-callout .recipes-row>li .post-tags li:last-child,
.page-callout .recipes-row>li .tags .tag:last-child,
.page-callout .recipes-row>li .tags li:last-child,
.recipes-callout .coupons-row>li .post-categories .tag:last-child,
.recipes-callout .coupons-row>li .post-categories li:last-child,
.recipes-callout .coupons-row>li .post-tags .tag:last-child,
.recipes-callout .coupons-row>li .post-tags li:last-child,
.recipes-callout .coupons-row>li .tags .tag:last-child,
.recipes-callout .coupons-row>li .tags li:last-child,
.recipes-callout .page-row>li .post-categories .tag:last-child,
.recipes-callout .page-row>li .post-categories li:last-child,
.recipes-callout .page-row>li .post-tags .tag:last-child,
.recipes-callout .page-row>li .post-tags li:last-child,
.recipes-callout .page-row>li .tags .tag:last-child,
.recipes-callout .page-row>li .tags li:last-child,
.recipes-callout .recipes-row>li .post-categories .tag:last-child,
.recipes-callout .recipes-row>li .post-categories li:last-child,
.recipes-callout .recipes-row>li .post-tags .tag:last-child,
.recipes-callout .recipes-row>li .post-tags li:last-child,
.recipes-callout .recipes-row>li .tags .tag:last-child,
.recipes-callout .recipes-row>li .tags li:last-child {
margin: 0
}
.dashboard-coupons .coupons-row>li .dashboard-remove,
.dashboard-coupons .page-row>li .dashboard-remove,
.dashboard-coupons .recipes-row>li .dashboard-remove,
.page-callout .coupons-row>li .dashboard-remove,
.page-callout .page-row>li .dashboard-remove,
.page-callout .recipes-row>li .dashboard-remove,
.recipes-callout .coupons-row>li .dashboard-remove,
.recipes-callout .page-row>li .dashboard-remove,
.recipes-callout .recipes-row>li .dashboard-remove {
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: 24px;
border-radius: 50%;
z-index: 9;
background-color: #001d89
}
.dashboard-coupons .coupons-row>li .dashboard-remove:after,
.dashboard-coupons .coupons-row>li .dashboard-remove:before,
.dashboard-coupons .page-row>li .dashboard-remove:after,
.dashboard-coupons .page-row>li .dashboard-remove:before,
.dashboard-coupons .recipes-row>li .dashboard-remove:after,
.dashboard-coupons .recipes-row>li .dashboard-remove:before,
.page-callout .coupons-row>li .dashboard-remove:after,
.page-callout .coupons-row>li .dashboard-remove:before,
.page-callout .page-row>li .dashboard-remove:after,
.page-callout .page-row>li .dashboard-remove:before,
.page-callout .recipes-row>li .dashboard-remove:after,
.page-callout .recipes-row>li .dashboard-remove:before,
.recipes-callout .coupons-row>li .dashboard-remove:after,
.recipes-callout .coupons-row>li .dashboard-remove:before,
.recipes-callout .page-row>li .dashboard-remove:after,
.recipes-callout .page-row>li .dashboard-remove:before,
.recipes-callout .recipes-row>li .dashboard-remove:after,
.recipes-callout .recipes-row>li .dashboard-remove:before {
content: "";
display: block;
position: absolute;
background-color: #fff;
transform: rotate(45deg)
}
.dashboard-coupons .coupons-row>li .dashboard-remove:before,
.dashboard-coupons .page-row>li .dashboard-remove:before,
.dashboard-coupons .recipes-row>li .dashboard-remove:before,
.page-callout .coupons-row>li .dashboard-remove:before,
.page-callout .page-row>li .dashboard-remove:before,
.page-callout .recipes-row>li .dashboard-remove:before,
.recipes-callout .coupons-row>li .dashboard-remove:before,
.recipes-callout .page-row>li .dashboard-remove:before,
.recipes-callout .recipes-row>li .dashboard-remove:before {
height: 10px;
width: 2px;
top: 7px;
left: 11px
}
.dashboard-coupons .coupons-row>li .dashboard-remove:after,
.dashboard-coupons .page-row>li .dashboard-remove:after,
.dashboard-coupons .recipes-row>li .dashboard-remove:after,
.page-callout .coupons-row>li .dashboard-remove:after,
.page-callout .page-row>li .dashboard-remove:after,
.page-callout .recipes-row>li .dashboard-remove:after,
.recipes-callout .coupons-row>li .dashboard-remove:after,
.recipes-callout .page-row>li .dashboard-remove:after,
.recipes-callout .recipes-row>li .dashboard-remove:after {
width: 10px;
height: 2px;
top: 11px;
left: 7px
}
.dashboard-coupons .coupons-row>li .img-container img,
.page-callout .coupons-row>li .img-container img,
.recipes-callout .coupons-row>li .img-container img {
width: 100%;
height: 100%
}
.dashboard-coupons .page-row,
.page-callout .page-row,
.recipes-callout .page-row {
-ms-flex-pack: center;
justify-content: center
}
.newsletter-callout {
overflow: hidden;
background-color: #0075ab
}
.newsletter-callout:before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: calc(32% + 40px);
max-height: 215px;
background-color: #fff
}
@media only screen and (max-width:767px) {
.newsletter-callout:before {
height: calc(16% + 40px);
max-height: 120px
}
}
.newsletter-callout .container {
padding-bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.newsletter-callout .container {
display: block;
text-align: center;
padding-bottom: 30px
}
}
.newsletter-callout .milk-logo {
position: relative;
width: 42%;
max-width: 486px;
margin: 0 auto -60px 0
}
@media only screen and (max-width:767px) {
.newsletter-callout .milk-logo {
width: 65%;
max-width: 226px;
margin: 0 auto 20px
}
}
.newsletter-callout .signup-form {
margin: 15% 7% 0 0
}
@media only screen and (max-width:1024px) {
.newsletter-callout .signup-form {
margin-right: 0
}
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form {
margin: 0
}
}
.newsletter-callout .signup-form h2 {
line-height: .92;
letter-spacing: 1.5px;
margin: 0 0 35px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 5rem;
color: #fff
}
@media only screen and (max-width:1024px) {
.newsletter-callout .signup-form h2 {
font-size: 3.5rem
}
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form h2 {
font-size: 2.2rem;
margin: 0 0 15px
}
}
.newsletter-callout .signup-form p {
line-height: 1.38;
font-size: 1.6rem;
margin: 0 0 20px;
color: #fff
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form p {
max-width: 270px;
margin: 0 auto 20px
}
}
.newsletter-callout .signup-form .form-container {
position: relative;
width: 100%
}
.newsletter-callout .signup-form .form-container form:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.newsletter-callout .signup-form .form-container form input {
float: left
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form .form-container form input {
float: none
}
}
.newsletter-callout .signup-form .form-container form input[type=text] {
width: calc(70% - 10px);
line-height: 1.09;
color: #444;
padding: 12px 20px 13px;
border-radius: 4px;
border: none;
background-color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form .form-container form input[type=text] {
width: 100%;
margin: 0 0 20px
}
}
.newsletter-callout .signup-form .form-container form .btn {
width: 30%;
margin-left: 10px;
min-width: inherit
}
@media only screen and (max-width:767px) {
.newsletter-callout .signup-form .form-container form .btn {
width: 100%;
margin-left: 0
}
}
.hero {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-products.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position-y: 0;
background-position-x: 50%;
transition-property: background-position;
background-color: #fff
}
@media only screen and (max-width:767px) {
.hero {
background-size: auto 335px
}
}
.hero.recipes {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-recipes.jpg)
}
@media only screen and (max-width:767px) {
.hero.recipes {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-recipes-sm.jpg);
}
}
.hero.dashboard {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-dashboard.jpg)
}
.hero.svm {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-wave-texture.jpg)
}
.hero.subs {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-subs.jpg)
}
.hero.sustainability {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-sustainability.jpg)
}
.hero.b-corp {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-b-corp.jpg)
}
.hero.our-story {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-our-story.jpg)
}
.hero.center {
background-position-x: left
}
.hero.center .hero-image-container {
-ms-flex-pack: center;
justify-content: center;
text-align: center
}
.hero.center .hero-image-container .foreground-text {
-ms-flex-align: center;
align-items: center;
width: 50%;
max-width: 575px
}
@media only screen and (max-width:767px) {
.hero.center .hero-image-container .foreground-text {
width: auto;
max-width: 94%
}
.hero.center .hero-image-container .foreground-text h1 {
font-size: 6rem
}
}
.hero.center .foreground-text {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width:767px) {
.hero.mobile-justify-top .hero-image-container,
.hero.mobile-justify-top .hero-image-container .foreground-text {
-ms-flex-align: start;
align-items: flex-start
}
}
@media only screen and (max-width:767px) {
.hero.mobile-justify-bottom .hero-image-container,
.hero.mobile-justify-bottom .hero-image-container .foreground-text {
-ms-flex-align: end;
align-items: flex-end
}
}
.hero.text-blue .foreground-text h1 {
color: #001d89
}
.hero.has-image.center .foreground-text {
max-width: 80%;
width: auto;
height: 70%;
max-height: 309px
}
@media only screen and (max-width:767px) {
.hero.has-image.center .foreground-text {
max-height: 180px;
max-width: 94%
}
}
.hero.has-image .foreground-text {
height: 70%;
max-height: 310px
}
.hero.has-image .foreground-text h1 {
width: 100%;
height: 100%
}
.hero.has-image .foreground-text h1,
.hero .hero-image-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.hero .hero-image-container {
height: 34vw;
max-height: 480px;
padding: 20px 0
}
@media only screen and (max-width:767px) {
.hero .hero-image-container {
height: 335px;
-ms-flex-pack: center;
justify-content: center
}
}
.hero .foreground-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 1;
width: 41%;
max-width: 488px;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.hero .foreground-text {
width: 100%;
max-width: 94%;
-ms-flex-pack: center;
justify-content: center
}
}
.hero .foreground-text h1 {
font-size: 7vw;
line-height: .88;
color: #fff
}
@media only screen and (min-width:1440px) {
.hero .foreground-text h1 {
font-size: 9rem
}
}
@media only screen and (max-width:767px) {
.hero .foreground-text h1 {
font-size: 5.8rem;
width:100%;
}
}
@media only screen and (max-width:340px) {
.hero .foreground-text h1 {
font-size: 5rem
}
}
.hero .foreground-text img {
margin: auto;
max-height: 100%
}
.hero .hero-info {
position: absolute;
top: 60px;
right: 0;
max-width: 500px;
padding: 40px 90px 40px 60px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-white.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
@media only screen and (max-width:1200px) {
.hero .hero-info {
top: 50%;
transform: translateY(-50%)
}
}
@media only screen and (max-width:900px) {
.hero .hero-info {
padding: 40px;
max-width: 450px
}
}
@media only screen and (max-width:767px) {
.hero .hero-info {
position: relative;
background-image: none;
max-width: inherit;
padding: 40px;
top: inherit;
transform: none;
background-color: #fff
}
}
.hero .hero-info h1 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1.3px;
margin: 0 0 20px
}
@media only screen and (max-width:1200px) {
.hero .hero-info h1 {
font-size: 3.5rem
}
}
.hero .hero-info p {
font-size: 1.8rem;
line-height: 1.33;
margin: 0 0 20px
}
.hero .hero-info a {
margin: 0 0 30px;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: 1.7px;
text-transform: uppercase;
text-decoration: underline;
color: #c9177d
}
.hero .hero-info hr {
display: block;
width: 100%;
height: 5px;
margin: 0;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: cover;
border: none
}
.hero+.module .container {
padding-top: 80px
}
@media only screen and (max-width:767px) {
.hero+.module .container {
padding-top: 40px
}
}
@media only screen and (max-width:767px) {
.learn-about-callout .container {
width: 100%
}
}
.learn-about-callout .background-image {
position: absolute;
left: 20%;
bottom: 10px;
width: auto;
height: 90%
}
@media only screen and (max-width:767px) {
.learn-about-callout .background-image {
left: 10px;
bottom: 6px
}
}
.learn-about-callout .background-image img {
max-height: 100%
}
.learn-about-callout .la-cta-wrapper {
position: relative;
padding: 75px 0;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-red.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
.learn-about-callout .foreground-text {
width: 50%;
max-width: 600px;
margin: auto;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.learn-about-callout .foreground-text {
width: 90%
}
}
.learn-about-callout .foreground-text .callout-link {
margin: 25px 0 0;
max-width: 1000px;
text-align: right;
z-index: 2
}
@media only screen and (max-width:767px) {
.learn-about-callout .foreground-text .callout-link {
text-align: center
}
}
.learn-about-callout .foreground-text .callout-link a {
text-transform: uppercase;
font-weight: 500;
line-height: .86;
letter-spacing: 1.3px;
text-decoration: underline;
color: #fff;
position: relative;
visibility: hidden;
top: 20px
}
@media only screen and (max-width:767px) {
.learn-about-callout .foreground-text .callout-link a {
padding: 20px;
text-decoration: none;
background-color: #fff;
border-radius: 4px;
border: 2px solid #c83f44;
color: #c83f44
}
}
.learn-about-callout .foreground-text .callout-link a span {
display: inline-block;
width: 18.9px;
height: 29.8px;
vertical-align: middle;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-carton.png);
background-size: contain;
background-repeat: no-repeat;
margin-right: 12px
}
@media only screen and (max-width:767px) {
.learn-about-callout .foreground-text .callout-link a span {
display: none
}
}
.splash-hero {
height: 34vw;
max-height: 320px;
padding: 0;
display: -ms-flexbox;
display: flex;
background-color: #0075ab
}
.splash-hero:before {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 30px;
background-color: #fafafa;
z-index: 1;
background: #fafafa;
background: linear-gradient(180deg, #fafafa 0, #fdfdfd 59%, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fafafa", endColorstr="#ffffff", GradientType=0)
}
@media only screen and (max-width:767px) {
.splash-hero {
height: 250px
}
}
.splash-hero .container {
padding: 50px 0
}
.splash-hero .foreground-text {
z-index: 1;
max-width: 80%;
text-align: center;
margin: auto;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.splash-hero .foreground-text {
width: 100%;
max-width: 94%
}
}
.splash-hero .foreground-text h1 {
font-size: 7vw;
line-height: .88;
color: #fff
}
@media only screen and (min-width:1440px) {
.splash-hero .foreground-text h1 {
font-size: 10rem
}
}
@media only screen and (max-width:767px) {
.splash-hero .foreground-text h1 {
font-size: 16vw
}
}
.splash-hero .hero-splash {
position: absolute;
bottom: 28px;
left: 0;
width: 100%;
background-image: url(//silk.com/wp-content/themes/silk/img/hero-splash-top.png);
background-size: auto 100%;
background-position: 50%;
background-repeat: no-repeat;
background-position: bottom;
transform-origin: bottom;
height: 30vw;
z-index: 1;
transform: scale(0)
}
@media only screen and (min-width:1440px) {
.splash-hero .hero-splash {
background-size: 1360px
}
}
@media only screen and (max-width:767px) {
.splash-hero .hero-splash {
height: 50vw;
background-size: 175% auto
}
}
.product-category-callout .product-callout-bg,
.product-category-list .product-callout-bg,
.products-callout .product-callout-bg {
position: absolute;
width: 100%;
height: 60%;
max-height: 330px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat;
z-index: 1
}
@media only screen and (max-width:767px) {
.product-category-callout .product-callout-bg,
.product-category-list .product-callout-bg,
.products-callout .product-callout-bg {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-sm.png);
height: 28%
}
}
.product-category-callout .product-callout-bg:after,
.product-category-list .product-callout-bg:after,
.products-callout .product-callout-bg:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png);
background-size: cover;
background-repeat: no-repeat
}
.product-category-callout .container,
.product-category-list .container,
.products-callout .container {
padding-bottom: 100px
}
@media only screen and (max-width:767px) {
.product-category-callout .container,
.product-category-list .container,
.products-callout .container {
padding-bottom: 40px
}
}
.product-category-callout .product-category,
.product-category-list .product-category,
.products-callout .product-category {
position: relative;
z-index: 2;
margin: 0 0 100px
}
.product-category-callout .product-category:last-child,
.product-category-list .product-category:last-child,
.products-callout .product-category:last-child {
margin: 0
}
.product-category-callout .product-category .category-title,
.product-category-list .product-category .category-title,
.products-callout .product-category .category-title {
line-height: .92;
letter-spacing: 1px;
font-size: 5rem;
margin: 0 0 65px
}
@media only screen and (max-width:767px) {
.product-category-callout .product-category .category-title,
.product-category-list .product-category .category-title,
.products-callout .product-category .category-title {
text-align: center
}
}
.product-category-callout .product-category ul,
.product-category-list .product-category ul,
.products-callout .product-category ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-category-callout .product-category ul li,
.product-category-list .product-category ul li,
.products-callout .product-category ul li {
text-align: center;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (min-device-height:768px) and (min-device-width:1024px) {
.product-category-callout .product-category ul li:hover .img-container,
.product-category-list .product-category ul li:hover .img-container,
.products-callout .product-category ul li:hover .img-container {
transform: scale(1.15)
}
}
.product-category-callout .product-category ul li a,
.product-category-list .product-category ul li a,
.products-callout .product-category ul li a {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}
.product-category-callout .product-category ul li .img-container,
.product-category-list .product-category ul li .img-container,
.products-callout .product-category ul li .img-container {
width: auto;
height: auto;
margin: auto auto 35px;
display: -ms-flexbox;
display: flex;
transform: scale(1);
transition: all .2s ease-out
}
.product-category-callout .product-category ul li .img-container img,
.product-category-list .product-category ul li .img-container img,
.products-callout .product-category ul li .img-container img {
margin: auto auto 0;
-ms-flex-item-align: end;
align-self: flex-end
}
.product-category-callout .product-category ul li .product-details,
.product-category-list .product-category ul li .product-details,
.products-callout .product-category ul li .product-details {
margin: auto auto 0;
min-height: 70px;
}
.product-category-callout .product-category ul li .product-details h6,
.product-category-list .product-category ul li .product-details h6,
.products-callout .product-category ul li .product-details h6 {
line-height: 1.36;
letter-spacing: .5px;
font-size: 2.0rem
}
.product-category-callout .product-category ul li .product-details p,
.product-category-list .product-category ul li .product-details p,
.products-callout .product-category ul li .product-details p {
margin: 0 0 15px;
font-size: 1.2rem;
line-height: 1.5;
color: #000
}
.product-category-callout ul li,
.product-category-list ul li {
-ms-flex-preferred-size: 17.6%;
flex-basis: 17.6%;
margin-right: 3%;
margin-top: 60px
}
@media only screen and (max-width:1024px) {
.product-category-callout ul li,
.product-category-list ul li {
-ms-flex-preferred-size: 22%;
flex-basis: 22%
}
}
@media only screen and (max-width:767px) {
.product-category-callout ul li,
.product-category-list ul li {
margin-right: 8%;
margin-top: 40px;
-ms-flex-preferred-size: 46%;
flex-basis: 46%
}
}
@media only screen and (min-width:1024px) {
.product-category-callout ul li:nth-child(5n),
.product-category-list ul li:nth-child(5n) {
margin-right: 0
}
.product-category-callout ul li:nth-child(-n+5),
.product-category-list ul li:nth-child(-n+5) {
margin-top: 0
}
}
@media only screen and (max-width:1024px) {
.product-category-callout ul li:nth-child(4n),
.product-category-list ul li:nth-child(4n) {
margin-right: 0
}
.product-category-callout ul li:nth-child(-n+5),
.product-category-list ul li:nth-child(-n+5) {
margin-top: 0
}
}
@media only screen and (max-width:767px) {
.product-category-callout ul li:nth-child(4n),
.product-category-list ul li:nth-child(4n) {
margin-right: 8%
}
}
@media only screen and (max-width:1024px) {
.product-category-callout ul li:nth-child(-n+4),
.product-category-list ul li:nth-child(-n+4) {
margin-top: 0
}
}
@media only screen and (max-width:767px) {
.product-category-callout ul li:nth-child(-n+4),
.product-category-list ul li:nth-child(-n+4) {
margin-top: 40px
}
}
@media only screen and (max-width:767px) {
.product-category-callout ul li:nth-child(-n+2),
.product-category-list ul li:nth-child(-n+2) {
margin-top: 0
}
}
@media only screen and (max-width:767px) {
.product-category-callout ul li:nth-child(2n),
.product-category-list ul li:nth-child(2n) {
margin-right: 0
}
}
.product-category-callout ul li img,
.product-category-list ul li img {
max-width: inherit;
max-height: 210px
}
.products-callout ul li {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
margin-right: 3%
}
@media only screen and (max-width:767px) {
.products-callout ul li:nth-child(-n+2) {
margin-top: 0
}
}
@media only screen and (max-width:767px) {
.products-callout ul li:nth-child(2n) {
margin-right: 0
}
}
@media only screen and (max-width:767px) {
.products-callout ul li {
margin-right: 8%;
margin-top: 40px;
-ms-flex-preferred-size: 46%;
flex-basis: 46%
}
}
.products-callout ul li img {
max-width: 155px;
max-height: 360px
}
@media only screen and (max-width:767px) {
.products-callout ul li img {
max-width: 135px;
max-height: 239px
}
}
.benefits .benefits-hero {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 29vw;
max-height: 415px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-blue-hero.jpg);
background-repeat: no-repeat;
background-position: 50%;
background-size: cover
}
@media only screen and (max-width:767px) {
.benefits .benefits-hero {
height: 200px
}
}
.benefits .benefits-hero:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 10%
}
.benefits .benefits-hero .hero-image-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-width: 900px;
height: 100%;
padding: 0;
z-index: 2
}
.benefits .benefits-hero .hero-splash {
position: absolute;
bottom: -1px;
left: 0;
width: 50%;
max-width: 750px;
background-image: url(//silk.com/wp-content/themes/silk/img/benefits-splash.png);
background-size: auto 90%;
background-position: 50%;
background-repeat: no-repeat;
background-position: bottom;
transform-origin: bottom;
height: 18.9vw;
z-index: 1;
transform: scale(0)
}
.benefits .benefits-hero .foreground-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 1;
width: 60%;
max-width: 490px;
margin-left: auto;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.benefits .benefits-hero .foreground-text {
width: 100%;
max-width: 60%;
-ms-flex-pack: center;
justify-content: center;
visibility: visible;
top: 0
}
.benefits .benefits-hero .hero-splash {
background-image: url(//silk.com/wp-content/themes/silk/img/benefits-splash-sm.png);
}
}
.benefits .benefits-hero .foreground-text h1 {
font-size: 7vw;
line-height: .88;
color: #fff
}
@media only screen and (min-width:1440px) {
.benefits .benefits-hero .foreground-text h1 {
font-size: 10rem
}
}
@media only screen and (max-width:767px) {
.benefits .benefits-hero .foreground-text h1 {
font-size: 4rem
}
}
.benefits .benefits-hero .benefit-icon {
position: absolute;
bottom: 0;
right: 7%;
width: 14%;
max-width: 200px;
z-index: 2;
transform: translateY(40%)
}
.benefits .benefits-product-anchor,
.benefits .benefits-product-container {
position: fixed;
left: 10%;
z-index: 10;
width: 21%;
max-height: 680px
}
.benefits .benefits-product-anchor {
visibility: hidden
}
.benefits .benefits-product-container.bottom {
position: absolute;
bottom: 120px;
top: inherit !important
}
@media only screen and (max-width:767px) {
.benefits .benefits-product-container {
position: absolute
}
}
.benefits .benefits-product-container img {
max-height: 680px;
margin: auto;
position: relative;
visibility: hidden;
top: -100%
}
@media only screen and (max-width:767px) {
.benefits .benefits-product-container img {
max-height: 200px
}
}
.benefits .benefit-sections-container {
position: relative
}
.benefits .benefit-sections-container .benefits-section {
position: relative;
background-color: #fff
}
.benefits .benefit-sections-container .benefits-section:first-child:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 17%;
max-height: 118px;
background-color: #fafafa;
z-index: 1;
background: #eff0ec;
background: linear-gradient(180deg, #eff0ec 0, #f7f8f6 64%, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eff0ec", endColorstr="#ffffff", GradientType=0)
}
.benefits .benefit-sections-container .benefits-section:nth-child(2) {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat
}
.benefits .benefit-sections-container .benefits-section:nth-child(2) .container {
padding: 60px 0 100px
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section:nth-child(2) .container {
padding: 40px 0 100px
}
}
.benefits .benefit-sections-container .benefits-section:nth-child(2):after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png);
background-size: cover;
background-repeat: no-repeat
}
.benefits .benefit-sections-container .benefits-section:last-child .container {
padding-bottom: 10%
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section:last-child .container {
padding-top: 0;
padding-bottom: 120px
}
.benefits .benefit-sections-container .benefits-section:nth-child(2):after {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave-sm.png);
}
}
.benefits .benefit-sections-container .benefits-section:last-child:after {
content: "";
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 53%;
max-width: 800px;
height: 51%;
max-height: 235px;
background-image: url(//silk.com/wp-content/themes/silk/img/almond-wave.png);
background-size: contain;
background-position: 100% 100%;
background-repeat: no-repeat;
left: auto;
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section:last-child:after {
width: 100%;
background-size: 100% 100%;
height: 100px
}
}
.benefits .benefit-sections-container .benefits-section .benefit-image {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 30%;
max-width: 450px;
max-height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: auto;
z-index: 2;
transform: translateX(-35%)
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section .benefit-image {
display: none
}
}
.benefits .benefit-sections-container .benefits-section .benefit-image img {
max-height: 100%
}
.benefits .benefit-sections-container .benefits-section .container {
padding: 60px 0;
max-width: 900px
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section .container {
padding: 40px 0
}
}
.benefits .benefit-sections-container .benefits-section .benefit-info {
position: relative;
max-width: 490px;
margin-left: auto;
z-index: 2
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section .benefit-info {
width: 100%
}
}
.benefits .benefit-sections-container .benefits-section .benefit-info hr {
display: block;
width: 100%;
height: 5px;
margin: 0 0 30px;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: cover;
border: none
}
.benefits .benefit-sections-container .benefits-section .benefit-info h2 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1px;
margin: 0 0 20px
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section .benefit-info h2 {
font-size: 4rem
}
}
.benefits .benefit-sections-container .benefits-section .benefit-info p {
font-size: 2rem;
line-height: 1.7;
color: #001d89
}
@media only screen and (max-width:767px) {
.benefits .benefit-sections-container .benefits-section .benefit-info p {
font-size: 1.6rem
}
}
.benefits+.module .container {
padding-top: 100px
}
@media only screen and (max-width:767px) {
.benefits+.module .container {
padding-top: 40px
}
}
.banner .banner-container {
position: relative
}
.banner .banner-container .banner-bg {
width: 100%
}
.banner .banner-container .banner-bg:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 1px);
background-image: url(//silk.com/wp-content/themes/silk/img/border-banner.png);
background-repeat: no-repeat;
background-size: 100% 100%
}
.banner .banner-container .banner-bg img {
width: 100%
}
.banner .banner-container a {
position: absolute;
bottom: 70px;
right: 70px;
text-transform: uppercase;
text-decoration: underline;
font-weight: 700;
font-size: 1.2rem;
transform: matrix(1, 0, 0, 1, 0, 40);
color: #fff
}
@media only screen and (max-width:767px) {
.banner .banner-container >a.banner-img{
margin: 10px 0 0;
border: 1px solid;padding: 0;
border-color: transparent;
background-color: transparent;
}
.banner .banner-container  a {
position: relative;
top: 0;
left: 0;
width: 100%;
margin: 20px 0 0;
border-radius: 4px;
line-height: 1.09;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
text-decoration: none;
padding: 12px 20px 13px;
min-width: 150px;
border: 1px solid;
border-color: #001d89;
background-color: #001d89
}
}
.tips .container {
padding: 100px 0 !important
}
@media only screen and (max-width:767px) {
.tips .container {
padding: 60px 0 !important
}
}
.tips .tips-list {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:767px) {
.tips .tips-list {
-ms-flex-direction: column;
flex-direction: column
}
}
.tips .tips-list li {
width: 21.5%;
margin-right: 4.666%;
text-align: center
}
@media only screen and (max-width:767px) {
.tips .tips-list li {
width: 100%;
margin-bottom: 40px
}
}
.tips .tips-list li:nth-child(4n) {
margin-right: 0
}
.tips .tips-list li:nth-last-child(-n+4) {
margin-top: 45px
}
@media only screen and (max-width:767px) {
.tips .tips-list li:nth-last-child(-n+4) {
margin-top: 0;
margin-bottom: 40px
}
}
.tips .tips-list li .img-container {
position: relative;
width: 100%
}
.tips .tips-list li .img-container:after {
content: "";
display: block;
width: 104px;
height: 4px;
margin: 25px auto;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: cover
}
.tips .tips-list li .img-container img {
width: 100%;
max-width: 218px;
margin: auto
}
.tips .tips-list li p {
line-height: 1.71
}
.tips .tips-list li p a {
text-decoration: underline
}
.substitutions .container {
padding: 100px 0
}
@media only screen and (max-width:767px) {
.substitutions .container {
padding: 60px 0
}
}
.substitutions .substitutions-bg {
position: absolute;
width: 100%;
height: 60%;
max-height: 570px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat;
z-index: 1
}
@media only screen and (max-width:767px) {
.substitutions .substitutions-bg {
height: 60%
}
}
.substitutions .substitutions-bg:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png);
background-size: cover;
background-repeat: no-repeat
}
.substitutions .section-intro h2 {
max-width: inherit
}
.substitutions .section-intro p {
font-size: 1.6rem;
line-height: 1.75
}
@media only screen and (max-width:767px) {
.substitutions .section-intro p {
font-size: 1.4rem;
max-width: 100%
}
}
.substitutions .subs-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 2
}
@media only screen and (max-width:767px) {
.substitutions .subs-container {
-ms-flex-direction: column;
flex-direction: column
}
}
.substitutions .subs-container .sub-category {
position: relative;
-ms-flex-preferred-size: 50%;
flex-basis: 50%
}
@media only screen and (max-width:1024px) {
.substitutions .subs-container .sub-category {
-ms-flex-preferred-size: 40%;
flex-basis: 40%
}
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-category {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
margin: 0 0 30px
}
}
.substitutions .subs-container .sub-category .sub-category-btn {
cursor: pointer;
position: relative;
margin: auto;
width: 94%;
padding: 19px 20px 20px;
min-width: 218px;
line-height: 1;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 4px;
color: rgba(68, 68, 68, .7);
border: 1px solid rgba(68, 68, 68, .2);
background-color: #fff
}
.substitutions .subs-container .sub-category .sub-category-btn.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.substitutions .subs-container .sub-category .sub-category-btn.open:after {
transform: translateY(-50%) rotate(180deg)
}
.substitutions .subs-container .sub-category .sub-category-btn:after {
content: "\f078";
position: absolute;
top: 50%;
margin: auto;
font-size: 1.3rem;
font-weight: 600;
color: #444;
font-family: Font Awesome\ 5 Free;
right: 20px;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-category .sub-category-btn {
display: block
}
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-category ul {
display: none;
position: absolute;
top: calc(100% - 1px);
right: 0;
left: 0;
margin: auto;
z-index: 1;
border-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border: 1px solid rgba(68, 68, 68, .2);
border-top: none;
width: 94%;
background-color: #001d89
}
}
.substitutions .subs-container .sub-category ul li {
cursor: pointer;
line-height: 1.73;
letter-spacing: .5px;
padding: 20px 10px;
border-bottom: 2px solid #ddd;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2.6rem;
color: #001d89;
transition: all .2s ease-out;
color: rgba(77, 77, 77, .5)
}
@media only screen and (max-width:1024px) {
.substitutions .subs-container .sub-category ul li {
font-size: 2rem
}
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-category ul li {
padding: 10px 20px;
border: none;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
}
.substitutions .subs-container .sub-category ul li:last-child {
border: none
}
.substitutions .subs-container .sub-category ul li.active {
font-size: 4rem;
padding: 10px;
color: #001d89
}
@media only screen and (max-width:1024px) {
.substitutions .subs-container .sub-category ul li.active {
font-size: 3rem
}
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-category ul li.active {
padding: 10px 20px;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-size: 1.4rem
}
}
.substitutions .subs-container .sub-section-container {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
margin-left: 20px
}
@media only screen and (max-width:1024px) {
.substitutions .subs-container .sub-section-container {
-ms-flex-preferred-size: 60%;
flex-basis: 60%
}
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
margin: 0
}
}
.substitutions .subs-container .sub-section-container .sub-section {
position: relative;
top: 40px;
visibility: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section {
-ms-flex-direction: column;
flex-direction: column;
text-align: center
}
}
.substitutions .subs-container .sub-section-container .sub-section:not(.active) {
display: none
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info {
width: 50%;
max-width: 284px;
line-height: 1.2;
letter-spacing: .5px;
color: #000;
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section .sub-info {
-ms-flex-order: 2;
order: 2;
width: 100%;
max-width: 300px;
margin: auto
}
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info h3 {
font-size: 4rem;
line-height: 1;
letter-spacing: .3px
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section .sub-info h3 {
font-size: 2.6rem
}
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info h5 {
font-size: 2.2rem;
line-height: 1.09;
letter-spacing: .5px;
margin: 0 0 10px
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .directions span,
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need span {
text-transform: uppercase;
font-weight: 700;
line-height: 1.86;
letter-spacing: normal
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need {
margin: 0 0 10px
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need span {
color: #0075ab
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul {
padding-left: 20px;
list-style-type: disc
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul {
padding-left: 0
}
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul li {
font-size: 2rem;
line-height: 1.2;
letter-spacing: .5px;
color: #0075ab
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul li {
position: relative;
display: inline-block;
font-size: 1.4rem;
padding-left: 10px
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul li:before {
content: "";
position: absolute;
top: 7px;
left: 0;
display: block;
width: 3px;
height: 3px;
border-radius: 50%;
background-color: #0075ab
}
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .need ul li:not(:first-child) {
margin-top: 10px
}
.substitutions .subs-container .sub-section-container .sub-section .sub-info .directions p {
font-size: 1.6rem;
line-height: 1.63
}
.substitutions .subs-container .sub-section-container .sub-section .sub-image-container {
width: 44%;
max-width: 275px;
}
@media only screen and (max-width:767px) {
.substitutions .subs-container .sub-section-container .sub-section .sub-image-container {
-ms-flex-order: 1;
order: 1;
max-width: 130px;
margin: 0 auto 30px
}
}
.substitutions .subs-container .sub-section-container .sub-section .sub-image-container .sub-image {
width: 100%
}
.substitutions .subs-container .sub-section-container .sub-section .sub-image-container .sub-image:not(:first-child):before {
content: "OR";
display: block;
width: 100%;
margin: 20px 0;
text-align: center;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 4rem;
color: #001d89
}
.preface .container {
padding: 90px 0;
max-width: 870px
}
@media only screen and (max-width:767px) {
.preface .container {
padding: 60px 0
}
}
.preface .section-intro {
max-width: 100%
}
.preface .section-intro p {
font-size: 2.6rem;
max-width: 100%
}
@media only screen and (max-width:767px) {
.preface .section-intro p {
font-size: 1.8rem
}
}
.preface ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:767px) {
.preface ul {
-ms-flex-direction: column;
flex-direction: column
}
}
.preface ul li {
position: relative;
top: 40px;
visibility: hidden;
max-width: 190px
}
@media only screen and (max-width:767px) {
.preface ul li:not(:first-child) {
margin: 20px 0 0
}
}
.masonry .container {
padding: 0
}
.masonry ul li {
padding: 90px 0 60px
}
@media only screen and (max-width:767px) {
.masonry ul li {
padding: 40px 0 20px
}
}
.masonry ul li:nth-child(odd) {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-wave.png);
background-position: top;
background-repeat: no-repeat;
background-size: 100% 50%
}
.masonry ul li:nth-child(2n) .masonry-row-container .img-container {
-ms-flex-order: 2;
order: 2;
margin-right: 0;
margin-left: 5%
}
@media only screen and (max-width:767px) {
.masonry ul li:nth-child(2n) .masonry-row-container .img-container {
-ms-flex-order: 1;
order: 1;
margin: 0 0 20px
}
}
.masonry ul li:nth-child(2n) .masonry-row-container .masonry-info {
-ms-flex-order: 1;
order: 1
}
@media only screen and (max-width:767px) {
.masonry ul li:nth-child(2n) .masonry-row-container .masonry-info {
-ms-flex-order: 2;
order: 2
}
}
.masonry ul li:nth-child(2n) .masonry-row-container .masonry-info:before {
right: inherit;
left: 0
}
.masonry ul li .masonry-row-container {
position: relative;
top: 40px;
visibility: hidden;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0
}
@media only screen and (max-width:767px) {
.masonry ul li .masonry-row-container {
-ms-flex-direction: column;
flex-direction: column
}
}
.masonry ul li .masonry-row-container .img-container {
width: 58%;
margin-right: 5%;
max-width: 645px
}
@media only screen and (max-width:1024px) {
.masonry ul li .masonry-row-container .img-container {
width: 50%
}
}
@media only screen and (max-width:767px) {
.masonry ul li .masonry-row-container .img-container {
width: 100%;
margin: 0 0 20px
}
}
.masonry ul li .masonry-row-container .masonry-info {
position: relative;
width: 42%;
max-width: 490px
}
@media only screen and (max-width:1024px) {
.masonry ul li .masonry-row-container .masonry-info {
width: 50%
}
}
@media only screen and (max-width:767px) {
.masonry ul li .masonry-row-container .masonry-info {
width: 100%
}
}
.masonry ul li .masonry-row-container .masonry-info:before {
content: "";
display: block;
position: absolute;
top: -30px;
right: 0;
width: calc(100% + 120px);
height: 6px;
background-image: url(//silk.com/wp-content/themes/silk/img/line2.png);
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.masonry ul li .masonry-row-container .masonry-info:before {
position: relative;
width: 100%;
top: 0;
right: 0;
margin: 20px auto
}
}
.masonry ul li .masonry-row-container .masonry-info h2 {
font-size: 5rem;
max-width: 400px;
letter-spacing: 1.5px;
line-height: 1;
margin: 0 0 15px
}
@media only screen and (max-width:1024px) {
.masonry ul li .masonry-row-container .masonry-info h2 {
font-size: 3.6rem
}
}
.masonry ul li .masonry-row-container .masonry-info p {
font-size: 1.6rem;
line-height: 1.75
}
@media only screen and (max-width:1024px) {
.masonry ul li .masonry-row-container .masonry-info p {
font-size: 1.4rem
}
}
.masonry ul li .masonry-row-container .masonry-info p:not(:first-of-type) {
margin: 30px 0 0
}
.general-intro .container {
padding: 80px 0;
max-width: 830px;
text-align: center
}
@media only screen and (max-width:767px) {
.general-intro .container {
padding: 60px 0
}
}
.general-intro p {
font-size: 2.6rem;
line-height: 1.54;
color: #001d89
}
@media only screen and (max-width:767px) {
.general-intro p {
font-size: 1.8rem
}
}
.general-intro p:not(:first-child) {
margin: 30px 0 0
}
.our-path {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-blue.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: 50%
}
.our-path .container {
padding: 100px 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
@media only screen and (max-width:767px) {
.our-path .container {
-ms-flex-direction: column;
flex-direction: column;
padding: 60px 0
}
}
.our-path .our-path-aside {
width: 29%;
margin-right: 5%;
max-width: 400px
}
@media only screen and (max-width:767px) {
.our-path .our-path-aside {
width: 100%;
margin: 0 auto 50px;
text-align: center
}
}
.our-path .our-path-aside h2 {
font-size: 5rem;
line-height: 1;
letter-spacing: 1px;
margin: 0 0 20px;
color: #fff
}
.our-path .our-path-aside p {
font-size: 1.6rem;
line-height: 1.75;
color: #fff
}
.our-path .our-path-slider {
width: 66%;
max-width: 740px
}
@media only screen and (max-width:1300px) {
.our-path .our-path-slider {
width: 60%
}
}
@media only screen and (max-width:767px) {
.our-path .our-path-slider {
width: 100%;
max-width: 250px;
padding: 0 20px
}
}
.our-path .our-path-slider .slick-track {
display: -ms-flexbox;
display: flex
}
.our-path .our-path-slider .slick-track:before {
content: "";
position: absolute;
top: 94px;
left: 0;
right: 0;
margin: auto;
display: block;
width: 90%;
height: 4px;
background-image: url(//silk.com/wp-content/themes/silk/img/line-white.png);
background-repeat-y: no-repeat;
z-index: -1
}
@media only screen and (max-width:767px) {
.our-path .our-path-slider .slick-track:before {
top: 96px
}
}
.our-path .our-path-slider .slick-track .slick-slide {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: auto
}
.our-path .our-path-slider li {
text-align: center
}
.our-path .our-path-slider li .slide-img {
width: auto;
max-width: 135px;
height: 190px;
max-height: 190px;
margin: 0 auto 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.our-path .our-path-slider li .slide-img img {
max-height: 190px;
margin: auto;
-ms-flex-negative: 0;
flex-shrink: 0
}
.our-path .our-path-slider li .slide-info {
max-width: 160px;
margin: 0 auto
}
.our-path .our-path-slider li .slide-info p,
.our-path .our-path-slider li .slide-info span {
letter-spacing: .3px;
color: #fff
}
.our-path .our-path-slider li .slide-info span {
display: block;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.17;
margin: 0 0 10px
}
.our-path .our-path-slider li .slide-info p {
line-height: 1.5
}
.lead-in {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-bottom.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
z-index: 2
}
.lead-in .container {
padding: 90px 0 140px;
max-width: 870px
}
@media only screen and (max-width:767px) {
.lead-in .container {
padding: 60px 0 100px
}
}
.lead-in .section-intro {
max-width: 100%
}
.lead-in .section-intro p {
font-size: 2.6rem;
max-width: 100%
}
@media only screen and (max-width:767px) {
.lead-in .section-intro p {
font-size: 1.8rem
}
}
.lead-in ul {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
@media only screen and (max-width:767px) {
.lead-in ul {
-ms-flex-direction: column;
flex-direction: column
}
}
.lead-in ul li {
position: relative;
top: 40px;
visibility: hidden;
max-width: 330px
}
.lead-in ul li:not(:first-child) {
margin-left: 80px
}
@media only screen and (max-width:767px) {
.lead-in ul li:not(:first-child) {
margin: 20px 0 0
}
}
.lead-in ul li .img-container {
max-width: 218px;
margin: auto
}
.lead-in ul li .img-container:after {
content: "";
display: block;
width: 104px;
height: 5px;
margin: 30px auto;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: cover;
border: none
}
.lead-in ul li p {
text-align: center;
font-size: 1.6rem;
line-height: 1.75
}
.lead-in+.module {
margin-top: -135px
}
@media only screen and (max-width:767px) {
.lead-in+.module {
margin-top: -90px
}
}
.lead-in+.module .container {
padding-top: 250px
}
@media only screen and (max-width:767px) {
.lead-in+.module .container {
padding-top: 100px
}
}
.comparisons {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-blue.jpg);
background-size: 100% auto
}
.comparisons .container {
padding: 80px 0
}
.comparisons .comparisons-title {
max-width: 900px;
margin: 0 auto 20px;
text-align: center
}
.comparisons .comparisons-title h2 {
font-size: 7.4rem;
line-height: 1;
letter-spacing: 1px;
color: #fff
}
@media only screen and (max-width:767px) {
.comparisons .comparisons-title h2 {
font-size: 3.6rem
}
}
.comparisons .comparison-info .comparison-other-title,
.comparisons .comparison-info .comparison-silk-title {
text-align: center
}
.comparisons .comparison-info .comparison-other-title h3,
.comparisons .comparison-info .comparison-silk-title h3 {
color: #fff
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-other-title h3,
.comparisons .comparison-info .comparison-silk-title h3 {
font-size: 2.8rem
}
}
.comparisons .comparison-info .comparison-other-title p,
.comparisons .comparison-info .comparison-silk-title p {
font-size: 1.8rem;
line-height: 1.67;
max-width: 500px;
color: #fff
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-other-title p,
.comparisons .comparison-info .comparison-silk-title p {
font-size: 1.4rem
}
}
.comparisons .comparison-info .comparison-other-title p:not(:empty),
.comparisons .comparison-info .comparison-silk-title p:not(:empty) {
margin: 10px auto 0
}
.comparisons .comparison-info .comparison-cols {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 40px 0
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols {
max-width: 250px;
margin: 40px auto
}
}
.comparisons .comparison-info .comparison-cols .comparison-col {
position: relative
}
.comparisons .comparison-info .comparison-cols .comparison-col:after {
content: "";
display: block;
width: 4px;
height: 75%;
background-image: url(//silk.com/wp-content/themes/silk/img/line-gray.png);
background-size: contain;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%)
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .comparison-col:after {
width: 100%;
height: 7px;
background-image: url(//silk.com/wp-content/themes/silk/img/line-gray-horizontal.png);
background-repeat: no-repeat;
background-position: 50%
}
}
.comparisons .comparison-info .comparison-cols .comparison-col:not(:last-child) {
margin-right: 20px
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .comparison-col:not(:last-child) {
margin: 0
}
}
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+1) .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+1) .comparison-silk {
background-image: url(//silk.com/wp-content/themes/silk/img/button-magenta.png)
}
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+2) .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+2) .comparison-silk {
background-image: url(//silk.com/wp-content/themes/silk/img/button-blue.png)
}
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+3) .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+3) .comparison-silk {
background-image: url(//silk.com/wp-content/themes/silk/img/button-green.png)
}
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+4) .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col:nth-child(4n+4) .comparison-silk {
background-image: url(//silk.com/wp-content/themes/silk/img/button-red.png)
}
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 150px;
height: 150px;
padding: 20px;
z-index: 1
}
@media only screen and (max-width:1024px) {
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk {
width: 110px;
height: 110px
}
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk {
width: 150px;
height: 150px;
margin: auto
}
}
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other p,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk p {
line-height: 1;
letter-spacing: 1px;
text-align: center;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2rem;
color: #fff
}
@media only screen and (max-width:1024px) {
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other p,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk p {
font-size: 1.4rem
}
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-other p,
.comparisons .comparison-info .comparison-cols .comparison-col .comparison-silk p {
font-size: 2rem
}
}
.comparisons .comparison-info .comparison-cols .comparison-col .vs {
position: relative;
display: -ms-flexbox;
display: flex;
width: 33px;
height: 33px;
margin: 50px auto;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .comparison-col .vs {
margin: 20px auto
}
}
.comparisons .comparison-info .comparison-cols .comparison-col .vs p {
display: inline-block;
line-height: 1;
padding: 8px 9px 11px;
background-image: url(//silk.com/wp-content/themes/silk/img/button-white-small.png);
background-size: contain;
background-repeat: no-repeat;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.comparisons .comparison-info .comparison-cols .slick-next,
.comparisons .comparison-info .comparison-cols .slick-prev {
top: 44.5%;
z-index: 2
}
.comparisons .comparison-info .comparison-cols .slick-prev {
left: 0
}
.comparisons .comparison-info .comparison-cols .slick-next {
right: 0
}
}
.comparisons+.module .container {
padding-top: 80px
}
@media only screen and (max-width:767px) {
.comparisons+.module .container {
padding-top: 40px
}
}
.product-list .product-list-wrapper {
position: relative
}
.product-list .category-filter {
position: absolute;
top: 0;
right: 0
}
@media only screen and (max-width:767px) {
.product-list .category-filter {
position: relative
}
}
.product-details .product-link {
padding: 15px 10px;
background-color: #fff
}
.product-details .product-link a {
color: #444
}
.product-details .product-link a:before {
content: "\f104";
font-family: Font Awesome\ 5 Free;
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
margin-right: 10px;
font-size: 1.6rem;
color: #444
}
.product-details .product-details-wrapper {
background-image: url(//silk.com/wp-content/themes/silk/img/bg-pdp.jpg);
background-repeat: no-repeat;
background-size: 100% auto;
background-color: #fff
}
.product-details .product-details-wrapper .container {
padding: 90px 0
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .container {
padding: 45px 0
}
}
.product-details .product-details-wrapper .product-details-container {
position: relative;
margin: 0 0 80px
}
.product-details .product-details-wrapper .product-details-container:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.product-details .product-details-wrapper .product-image {
position: relative;
float: left;
width: 39%;
max-width: 480px;
margin-right: 4%;
visibility: hidden;
transform: matrix(1, 0, 0, 1, 0, 40)
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-image {
margin: 0 auto 40px;
float: none;
width: 75%;
max-width: 400px
}
}
.product-details .product-details-wrapper .product-image img {
margin: auto
}
.product-details .product-details-wrapper .product-info {
float: right;
width: 57%;
max-width: 600px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info {
float: none;
width: 100%;
text-align: center
}
}
.product-details .product-details-wrapper .product-info .product-attributes {
margin: 0 0 25px
}
.product-details .product-details-wrapper .product-info .product-attributes h1 {
font-size: 2.1vw;
line-height: .77;
letter-spacing: 1.8px;
margin: 0 0 20px;   
}
.product-benefits .disclaimer img.wp-smiley, img.emoji {
display: inline-block;
height: 14px;
width: 16px;
}
@media(min-width:768px) and (max-width:1920px) {
.product-details .product-details-wrapper .product-info .product-attributes h1 {
white-space: nowrap;
} 
}
@media(max-width:1800px){
.product-details .product-details-wrapper .product-info .product-attributes h1 {
font-size: 27px;
}
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-attributes h1 {
font-size: 3rem
}
}
.product-details .product-details-wrapper .product-info .product-attributes p {
font-size: 2.18rem;
line-height: 1.64;
color: #001d89
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-attributes p {
font-size: 1.8rem
}
}
.product-details .product-details-wrapper .product-info .where-to-buy {
margin: 0 0 30px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .where-to-buy .btn {
display: block;
width: 100%;
margin: auto
}
}
.product-details .product-details-wrapper .product-info .where-to-buy .btn:first-child {
margin-right: 5px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .where-to-buy .btn:first-child {
margin: 0 auto 10px
}
}
.product-details .product-details-wrapper .product-info .product-review-callout {
margin: 0 0 30px
}
.product-details .product-details-wrapper .product-info .product-benefits {
width: 100%;
background-image: url(//silk.com/wp-content/themes/silk/img/box-texture-blue.png);
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 40px 30px 40px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-benefits {
padding: 40px 20px
}
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container {
position: relative
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container:before {
content: "";
display: block;
position: absolute;
top: -23px;
right: 0;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-benefits.png);
background-size: contain;
background-repeat: no-repeat;
width: 141px;
height: 85px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container:before {
content: none
}
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container h3 {
font-size: 4rem;
line-height: .85;
letter-spacing: 1.5px;
margin: 0 0 20px;
color: #fff
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul {
position: relative;
padding-left: 14px;
column-count: 2;
column-gap: 67px;
list-style-type: disc;
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul {
column-count: inherit;
column-gap: inherit;
text-align: left
}
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul:before {
content: "";
display: block;
background-image: url(//silk.com/wp-content/themes/silk/img/line-blue.png);
background-size: contain;
width: 5px;
height: 100%;
position: absolute;
left: 50%;
transform: translateX(-50%)
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul:before {
content: none
}
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul li {
line-height: 1.86;
font-weight: 700;
margin: 0 0 10px;
color: #fff; display: inline-block;
position:relative;
width:100%;
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul li:before {
content: '•';
font-size: 100%;
position: absolute;
left: -16px;
top: 12px;
line-height: 0;
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul li {
margin: 0 0 5px
}
}
.product-details .product-details-wrapper .product-info .product-benefits .product-benefits-container ul li:last-child {
margin: 0
}
.product-details .product-details-wrapper .product-detail-accordions:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col {
float: left;
width: 49%;
margin-right: 2%
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col {
float: none;
width: 100%
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col:nth-child(2n) {
margin-right: 0
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col:last-child .product-accordion:last-child {
border-bottom: 1px solid rgba(68, 68, 68, .2)
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion {
border-top: 1px solid rgba(68, 68, 68, .2)
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion:not(:first-child) {
border-bottom: 1px solid rgba(68, 68, 68, .2)
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion:not(:first-child) {
border-bottom: none
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label {
display: block;
width: 100%;
max-width: 400px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .nutrition-label-table {
width: 100%;
border-collapse: collapse;
font-family: inherit;
table-layout: fixed
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label td,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tr {
font-size: 1.6rem;
font-weight: 700
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label th {
text-align: left
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody td,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody tr {
font-size: 1.4rem
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody tr {
border-bottom: 1px solid #000
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody tr.no-border {
border-bottom: none
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody tr.right-aligned {
text-align: right
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody td {
padding: 5px 0;
vertical-align: middle
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label tbody td:not(.left-aligned):last-child {
float: right;
text-align: right;
white-space: nowrap;
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .amount-per-serving td,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .calories td {
font-weight: 400
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .fats td {
font-weight: 400;
padding: 2px 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .dv-row td {
text-align: right
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.nutrition-facts .nutrition-label .sugars+.protein {
border-top: 1px solid #000
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.ingredients p {
line-height: 1.71;
letter-spacing: .5px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.ingredients p {
font-size: 1.2rem
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table {
width: 100%
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table td,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table th {
font-size: 1.4rem;
line-height: 1.57
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table td,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table th {
font-size: 1.2rem
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table td:not(:first-child),
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table th:not(:first-child) {
text-align: center
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table th {
padding: 0 0 15px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table td {
padding: 0 0 5px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table td:not(:first-child) {
font-weight: 700
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy table tbody tr:last-child td {
padding: 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.compare-to-dairy .disclaimer {
font-size: 1.1rem;
line-height: 1.55;
letter-spacing: .4px;
color: rgba(68, 68, 68, .5);
margin: 40px 0 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table {
width: 100%;
table-layout: fixed
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table tr:not(:first-child) td {
padding: 30px 0 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td {
padding: 0 5px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td:first-child {
padding-left: 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td:last-child {
padding-right: 0
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td .product-size,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td p:first-child {
font-size: 2rem;
letter-spacing: 1px;
line-height: 1.7;
color: #0075ab
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td .product-size,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td p:first-child {
font-size: 1.6rem
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td .type,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td p:last-child {
line-height: 1.33;
letter-spacing: .5px
}
@media only screen and (max-width:767px) {
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td .type,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion.size table td p:last-child {
font-size: 1.2rem
}
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title {
cursor: pointer;
position: relative;
padding: 20px 0;
font-weight: 700;
letter-spacing: 1.5px;
font-size: 3rem
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title.open:before {
transform: translateY(-50%) rotate(90deg)
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title:after,
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
background-color: #c9177d;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title:before {
height: 14px;
width: 2px;
right: 6px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-title:after {
width: 14px;
height: 2px
}
.product-details .product-details-wrapper .product-detail-accordions .accordion-col .product-accordion .accordion-content {
display: none;
padding: 0 0 20px
}
.recipe-details .recipe-link {
padding: 15px 10px;
background-color: #fff
}
.recipe-details .recipe-link a {
color: #444
}
.recipe-details .recipe-link a:before {
content: "\f104";
font-family: Font Awesome\ 5 Free;
position: relative;
top: -1px;
display: inline-block;
vertical-align: middle;
font-weight: 600;
margin-right: 10px;
font-size: 1.6rem;
color: #444
}
.recipe-details .recipe-details-wrapper .container {
padding: 90px 0 40px
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .container {
padding: 0 0 20px
}
}
.recipe-details .recipe-details-wrapper .recipe-details-container {
position: relative;
margin: 0 0 80px
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-details-container {
margin: 0 0 20px
}
}
.recipe-details .recipe-details-wrapper .recipe-details-container:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.recipe-details .recipe-details-wrapper .recipe-image,
.recipe-details .recipe-details-wrapper .recipe-info {
position: relative;
width: 48%;
float: left
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-image,
.recipe-details .recipe-details-wrapper .recipe-info {
width: 100%;
float: none
}
}
.recipe-details .recipe-details-wrapper .recipe-image {
margin-right: 4%
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-image {
margin: 0 0 20px
}
}
.recipe-bookmark {
cursor: pointer;
position: absolute;
top: 26px;
right: 27px;
font-size: 22px;
color: #001d89;
}
@media only screen and (max-width:767px) {
.recipe-bookmark .wpf-favorite-link {
right: 0;
top: -26px;
}
.recipe-bookmark {
top:inherit;
right: 10px;
bottom: calc(100% + 12px)
}
}
.recipe-bookmark.bookmarked i {
color: #001d89
}
.recipe-details .recipe-details-wrapper .recipe-image i {
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #7e8fca;
font-size: 2.4rem;
color: #7e8fca;
opacity:1;
transition: all .2s ease-out
}
.fas.fa-bookmark.pro_link.favorited{
-webkit-text-stroke-color: #001d89;
color: #001d89;
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share {
position: relative;
display: block;
margin: 0 0 45px
}
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share p {
font-size: 1.2rem;
text-transform: uppercase;
font-weight: 700;
line-height: 1.17;
letter-spacing: 1px;
margin-right: 20px;
color: #c9177d
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share p {
display: block;
margin: 0 0 10px;
text-align: center
}
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share ul li {
margin-right: 15px
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share ul li:last-child {
margin-right: 0
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share ul li i {
font-size: 1.7rem;
color: #c9177d
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-attributes {
margin: 0 0 60px
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-attributes h1 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1px;
margin: 0 0 20px
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-info .recipe-attributes h1 {
font-size: 3.6rem;
text-align: center
}
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-attributes .recipe-review-callout {
margin: 0 0 30px
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-attributes p {
font-size: 1.6rem;
line-height: 1.56;
color: #001d89;
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 500px;
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics {
max-width: 100%;
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-align: center;
align-items: center
}
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics .cook-time,
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics .serving-size {
text-align: center
}
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics p {
font-size: 2rem;
font-weight: 700;
line-height: 1.7;
color: #001d89
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-metrics h3 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1.5px
}
.recipe-details .recipe-details-wrapper .category-list {
margin: 0
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-details-wrapper .category-list:before {
display: none
}
.recipe-details .recipe-details-wrapper .category-list:after {
content: "";
display: block;
width: 100%;
max-width: 800px;
height: 4px;
margin: 50px auto 0;
background-image: url(//silk.com/wp-content/themes/silk/img/line-magenta.png);
background-size: cover
}
}
.recipe-details .recipe-instructions .instruction-cols {
position: relative;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .instruction-cols {
-ms-flex-direction: column;
flex-direction: column
}
}
.recipe-details .recipe-instructions .instruction-cols .instruction-col {
-ms-flex: 1;
flex: 1;
padding: 15px 0 0;
border-top: 1px solid rgba(68, 68, 68, .2)
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .instruction-cols .instruction-col {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border: none
}
}
.recipe-details .recipe-instructions .instruction-cols .instruction-col:first-child {
margin-right: 30px
}
.recipe-details .recipe-instructions .col-heading {
margin: 0 0 30px
}
.recipe-details .recipe-instructions .col-heading h4 {
font-size: 3rem;
line-height: 1.13;
letter-spacing: 1px
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .col-heading h4 {
font-size: 2rem
}
}
.recipe-details .recipe-instructions .servings-counter {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .servings-counter {
display: none;
-ms-flex-direction: column;
flex-direction: column;
margin: 20px 0 0;
width: 100%
}
}
.recipe-details .recipe-instructions .servings-counter p {
font-size: 1rem;
font-weight: 700;
line-height: 4.1;
letter-spacing: .4px;
text-transform: uppercase;
margin-right: 12px;
color: #001d89
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .servings-counter p {
font-size: 1.4rem;
line-height: 1;
margin: 0 0 20px
}
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper {
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper {
width: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count {
position: relative;
cursor: pointer;
width: 37px;
background-color: #001d89
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count {
width: 90px;
height: 35px
}
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count:after,
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count:before {
content: "";
display: block;
border-radius: 1px;
background-color: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%)
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count.add {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count.add:before {
width: 14px;
height: 2px
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count.add:after {
height: 14px;
width: 2px
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count.subtract {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .serving-count.subtract:before {
width: 14px;
height: 2px
}
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .servings-number {
padding: 3px 12px;
letter-spacing: .7px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2rem;
color: #001d89
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .servings-counter .servings-counter-wrapper .servings-number {
font-size: 3.6rem
}
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .prep {
-ms-flex-order: 2;
order: 2
}
}
.recipe-details .recipe-instructions .prep ol {
counter-reset: blue-circle
}
.recipe-details .recipe-instructions .prep ol li {
position: relative;
counter-increment: blue-circle;
padding: 6px 0 6px 50px;
margin: 0 0 15px;
font-size: 1.6rem;
line-height: 1.5
}
.recipe-details .recipe-instructions .prep ol li:before {
content: counter(blue-circle);
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 35px;
height: 37px;
background-image: url(//silk.com/wp-content/themes/silk/img/blue-circle.png);
background-size: contain;
background-repeat: no-repeat;
text-align: center;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.6rem;
color: #001d89;
color: #fff
}
.recipe-details .recipe-instructions .prep ol ul.ul_with_dot{list-style: disc;}
.recipe-details .recipe-instructions .prep ol ul.ul_with_dot li{counter-increment: none;padding-left: 0;list-style-position: inside;margin: 0;}
.recipe-details .recipe-instructions .prep ol ul.ul_with_dot li:before{content: '';display: none;}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .ingredients {
margin: 0 0 50px
}
}
.recipe-details .recipe-instructions .ingredients .col-heading {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .ingredients .col-heading {
-ms-flex-direction: column;
flex-direction: column
}
}
.recipe-details .recipe-instructions .ingredients ul li {
border-bottom: 1px solid rgba(68, 68, 68, .15);
padding: 0 0 10px;
margin: 0 0 10px
}
.recipe-details .recipe-instructions .ingredients ul li p {
display: inline-block;
font-size: 1.2rem;
font-weight: 700;
line-height: 2.33;
text-transform: uppercase;
color: #001d89
}
@media only screen and (max-width:767px) {
.recipe-details .recipe-instructions .ingredients ul li p {
font-size: 1.4rem;
line-height: 1.5
}
}
.recipe-details .recipe-instructions .ingredients ul li .product-callout {
display: inline-block;
position: relative;
padding: 5px 0 10px
}
.recipe-details .recipe-instructions .ingredients ul li .product-callout:before {
content: " ";
display: inline-block
}
.recipe-details .recipe-instructions .ingredients ul li .product-callout a {
font-size: 1.2rem;
font-weight: 700;
line-height: 2.33;
text-transform: uppercase;
text-decoration: underline;
color: #001d89
}
.hero-wave {
height: 34vw;
max-height: 480px;
padding: 0;
display: -ms-flexbox;
display: flex;
background-color: #0075ab;
background-image: url(//silk.com/wp-content/themes/silk/img/hero-bg-wave.jpg);
background-position: bottom;
background-size: cover;
background-repeat: no-repeat
}
@media only screen and (max-width:767px) {
.hero-wave {
height: 230px
}
}
.hero-wave:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 30px;
background-image: linear-gradient(0deg, #fff 58%, hsla(0, 0%, 100%, 0))
}
.hero-wave .container {
padding: 50px 0
}
@media only screen and (max-width:767px) {
.hero-wave .container {
padding: 30px 0
}
}
.hero-wave .foreground-text {
z-index: 1;
max-width: 80%;
text-align: center;
margin: auto;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.hero-wave .foreground-text {
width: 100%;
max-width: 94%
}
}
.hero-wave .foreground-text h1 {
font-size: 7vw;
line-height: .88;
color: #fff
}
@media only screen and (min-width:1440px) {
.hero-wave .foreground-text h1 {
font-size: 10rem
}
}
@media only screen and (max-width:767px) {
.hero-wave .foreground-text h1 {
font-size: 10vw
}
}
.faqs .container {
padding: 40px 0 60px
}
@media only screen and (max-width:767px) {
.faqs .container {
padding: 20px 0 40px;
width: 100%
}
}
.faqs .container:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.faqs .faq-category,
.faqs .faq-section-container {
float: left
}
.faqs .faq-category {
position: relative;
width: 23.5%;
text-align: right;
margin-right: 5%
}
@media only screen and (max-width:767px) {
.faqs .faq-category {
width: 100%;
text-align: left;
margin: 0 0 20px
}
}
.faqs .faq-category .faq-category-btn {
display: none;
cursor: pointer;
position: relative;
width: 100%;
padding: 19px 20px 20px;
min-width: 218px;
line-height: 1;
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 4px;
color: rgba(68, 68, 68, .7);
border: 1px solid rgba(68, 68, 68, .2);
background-color: #fff
}
@media only screen and (max-width:767px) {
.faqs .faq-category .faq-category-btn {
margin: auto;
width: 94%
}
}
.faqs .faq-category .faq-category-btn.open {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.faqs .faq-category .faq-category-btn.open:after {
transform: translateY(-50%) rotate(180deg)
}
.faqs .faq-category .faq-category-btn:after {
content: "\f078";
position: absolute;
top: 50%;
margin: auto;
font-size: 1.3rem;
font-weight: 600;
color: #444;
font-family: Font Awesome\ 5 Free;
right: 20px;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
@media only screen and (max-width:767px) {
.faqs .faq-category .faq-category-btn {
display: block
}
}
@media only screen and (max-width:767px) {
.faqs .faq-category ul {
display: none;
position: absolute;
top: calc(100% - 1px);
right: 0;
left: 0;
margin: auto;
z-index: 1;
border-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border: 1px solid rgba(68, 68, 68, .2);
border-top: none;
width: 94%;
background-color: #001d89;
}
}
.faqs .faq-category ul li {
cursor: pointer;
font-size: 1.4rem;
line-height: 1.3;
padding: 1.21rem 0 0.8rem;
letter-spacing: .5px;
text-transform: uppercase;
color: rgba(68, 68, 68, .7);
transition: all .2s ease-out
}
@media only screen and (max-width:767px) {
.faqs .faq-category ul li {
padding: 0 20px;
color: #fff
}
}
.faqs .faq-category ul li.active {
font-weight: 700;
color: #001d89
}
@media only screen and (max-width:767px) {
.faqs .faq-category ul li.active {
color: #fff
}
}
.faqs .faq-section-container {
width: 70%;
max-width: 850px
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container {
width: 100%
}
}
.faqs .faq-section-container .faq-section {
position: relative
}
.faqs .faq-section-container .faq-section:not(.active) {
display: none
}
.faqs .faq-section-container .faq-section-title {
font-size: 1.4rem;
font-weight: 700;
line-height: 3;
text-transform: uppercase;
letter-spacing: .5px;
color: #001d89
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container .faq-section-title {
margin: auto;
width: 94%;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 2.2rem;
color: #001d89
}
}
.faqs .faq-section-container ul li {
position: relative;
left: 40px;
visibility: hidden;
border-bottom: 2px solid #ddd
}
.faqs .faq-section-container ul li:first-child {
border-top: 2px solid #ddd
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container ul li.open .faq-question {
color: #fff;
background-color: #001d89
}
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container ul li.open .faq-question:after,
.faqs .faq-section-container ul li.open .faq-question:before {
background-color: #fff
}
}
.faqs .faq-section-container ul li.open .faq-question:before {
transform: translateY(-50%) rotate(90deg)
}
.faqs .faq-section-container ul li .faq-question {
cursor: pointer;
position: relative;
padding: 22px 40px 26px 0;
font-size: 2.2rem;
font-weight: 700;
color: #001d89;
transition: all .2s ease-out
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container ul li .faq-question {
padding-left: 3%;
padding-right: 3%
}
}
.faqs .faq-section-container ul li .faq-question:after,
.faqs .faq-section-container ul li .faq-question:before {
content: "";
display: block;
position: absolute;
top: 50%;
right: 0;
background-color: #c9177d;
transition: all .2s ease-out;
transform: translateY(-50%) rotate(0deg)
}
.faqs .faq-section-container ul li .faq-question:before {
height: 14px;
width: 2px;
right: 26px
}
.faqs .faq-section-container ul li .faq-question:after {
width: 14px;
height: 2px;
right: 20px
}
.faqs .faq-section-container ul li .faq-answer {
display: none;
padding: 0 0 24px
}
@media only screen and (max-width:767px) {
.faqs .faq-section-container ul li .faq-answer {
padding: 20px 0;
margin: auto;
width: 94%
}
}
.faqs .faq-section-container ul li .faq-answer p {
font-size: 1.6rem;
line-height: 1.5
}
.legal-hero {
position: relative;
height: 36vw;
max-height: 515px;
padding: 0;
background-color: #fff;
background-image: url(//silk.com/wp-content/themes/silk/img/hero-legal.png);
background-repeat: no-repeat;
background-size: cover;
background-position: bottom
}
@media only screen and (max-width:767px) {
.legal-hero {
height: 300px
}
}
.legal-hero h1 {
position: relative;
top: 25%;
font-size: 6rem;
line-height: .9;
letter-spacing: 1.5px;
text-align: center;
color: #fff
}
@media only screen and (max-width:767px) {
.legal-hero h1 {
font-size: 4rem
}
}
.legal-section .container {
padding-top: 80px;
max-width: 795px
}
.legal-section h1,
.legal-section h2 {
font-size: 4rem;
margin: 0 0 10px
}
.legal-section h3,
.legal-section h4 {
font-size: 2rem;
margin: 0 0 20px
}
.legal-section h5 {
font-size: 2.2rem;
font-size: 1.6rem;
font-size: 2rem;
margin: 0 0 30px
}
.legal-section h5,
.legal-section h6 {
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
font-stretch: normal;
text-transform: inherit;
color: #0075ab
}
.legal-section h6 {
font-size: 2.2rem;
font-size: 1.6rem;
font-size: 1.4rem
}
.legal-section p {
font-size: 1.4rem;
line-height: 1.57
}
.legal-section a {
color: #0075ab
}
.milk-river-hero {
height: 34vw;
max-height: 480px;
padding: 0;
display: -ms-flexbox;
display: flex;
background-color: rgb(0, 117, 171);
background-image: url(//silk.com/wp-content/themes/silk/img/bg-milk-river.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom
}
@media only screen and (max-width:767px) {
.milk-river-hero {
height: 300px
}
}
.milk-river-hero .container {
padding: 40px 0 60px
}
@media only screen and (max-width:1024px) {
.milk-river-hero .container {
padding: 40px 0 60px
}
}
.milk-river-hero .foreground-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
z-index: 1;
width: 65%;
max-width: 744px;
margin: auto;
position: relative;
visibility: hidden;
top: 40px
}
@media only screen and (max-width:767px) {
.milk-river-hero .foreground-text {
width: 100%;
max-width: 94%
}
}
.milk-river-hero .foreground-text h1 {
font-size: 7vw;
line-height: .88;
color: #fff
}
@media only screen and (min-width:1440px) {
.milk-river-hero .foreground-text h1 {
font-size: 10rem
}
}
@media only screen and (max-width:767px) {
.milk-river-hero .foreground-text h1 {
font-size: 6rem
}
}
.contact-info .container {
padding: 80px 0 150px;
max-width: 995px
}
.contact-info h4 {
display: block;
line-height: 1.2;
text-transform: inherit;
color: #0075ab;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 2rem
}
.contact-info h4 a {
color: #0075ab
}
.contact-info .contact-info-container {
max-width: 580px;
margin: auto
}
.contact-info .contact-intro {
padding: 0 0 40px;
border-bottom: 2px solid rgba(77, 77, 77, .15)
}
.contact-info .contact-intro p {
font-size: 2.2rem;
line-height: 1.36;
margin: 0 0 45px
}
.contact-info .contact-intro p a {
text-decoration: underline
}
.contact-info .contact-intro .contact-social {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.contact-info .contact-intro .contact-social div {
margin-right: 25px
}
.contact-info .contact-intro .contact-social div:last-child {
margin-right: 0
}
.contact-info .contact-intro .contact-social i {
font-size: 2.5rem;
color: #001d89
}
.contact-info .call-write {
padding: 40px 0;
border-bottom: 2px solid rgba(77, 77, 77, .15)
}
.contact-info .call-write .contact-option:not(:first-child) {
margin: 40px 0 0
}
.contact-info .call-write .contact-option h2 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1.3px;
margin: 0 0 15px
}
@media only screen and (max-width:767px) {
.contact-info .call-write .contact-option h2 {
font-size: 4rem
}
}
.contact-info .call-write .contact-option h4 {
margin: 0 0 5px
}
.contact-info .contact-form {
padding: 40px 0 0;
margin: 0 0 50px
}
.contact-info .contact-form .contact-form-intro {
margin: 0 0 30px
}
.contact-info .contact-form .contact-form-intro .contact-form-intro-section {
margin: 0 0 40px
}
.contact-info .contact-form .contact-form-intro .contact-form-intro-section:last-child {
margin: 0
}
.contact-info .contact-form .contact-form-intro h2 {
font-size: 5rem;
line-height: .92;
letter-spacing: 1.3px;
margin: 0 0 15px
}
@media only screen and (max-width:767px) {
.contact-info .contact-form .contact-form-intro h2 {
font-size: 4rem
}
}
.contact-info .contact-form .contact-form-intro p {
line-height: 1.57
}
.contact-info .contact-form .contact-form-intro p a {
text-decoration: underline
}
.contact-info .contact-form .form-container h4 {
margin: 0 0 10px
}
.contact-info .contact-form form form input[type=checkbox]+span,
.contact-info .contact-form form input[type=checkbox]+label {
font-size: 1rem;
color: rgba(68, 68, 68, .4);
line-height: 1.8
}
.contact-info .contact-form form form input[type=checkbox]+span a,
.contact-info .contact-form form input[type=checkbox]+label a {
color: rgba(68, 68, 68, .4)
}
.contact-info .contact-disclaimer .disclaimer-section:not(:first-child) {
margin: 35px 0 0
}
.contact-info .contact-disclaimer .disclaimer-section p {
line-height: 1.43;
letter-spacing: .4px
}
.contact-info .contact-disclaimer .disclaimer-section p:not(:first-child) {
margin: 30px 0 0
}
.login-hero {
min-height: 55vw;
max-height: 880px;
display: -ms-flexbox;
display: flex;
background-color: #0075ab
}
@media only screen and (max-width:1024px) {
.login-hero {
max-height: inherit;
min-height: inherit
}
}
.login-hero:after,
.login-hero:before {
content: "";
display: block;
position: absolute;
background-image: url(//silk.com/wp-content/themes/silk/img/hero-bg-wave.jpg);
background-position: bottom;
background-size: cover;
background-repeat: no-repeat
}
.login-hero:after {
bottom: 0;
left: 0;
width: 100%;
height: 34vw;
max-height: 480px
}
.login-hero:before {
bottom: -1px;
left: 0;
width: 100%;
height: 45px;
z-index: 1;
background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0))
}
@media only screen and (max-width:767px) {
.login-hero:after,
.login-hero:before {
background-image: url(//silk.com/wp-content/themes/silk/img/hero-bg-wave-sm.jpg);
}
.login-hero:before {
background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0))
}
}
@media only screen and (min-width:1440px) {
.login-hero {
min-height: inherit;
height: 830px
}
}
.login-hero .hero-info,
.login-hero .login-form {
z-index: 1
}
.login-hero .hero-content-container {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 90px 0
}
@media only screen and (max-width:1024px) {
.login-hero .hero-content-container {
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 0 90px
}
}
.login-hero .hero-content-container:after {
content: none
}
.login-hero .hero-info {
width: 60%;
max-width: 693px;
padding: 30px 0 0;
color: #fff
}
@media only screen and (max-width:1024px) {
.login-hero .hero-info {
width: 60%;
max-width: inherit;
margin: 0 auto 30px
}
}
@media only screen and (max-width:767px) {
.login-hero .hero-info {
width: 100%
}
}
.login-hero .hero-info h1 {
font-size: 7vw;
line-height: .88;
margin: 0 0 20px;
color: #fff
}
@media only screen and (min-width:1440px) {
.login-hero .hero-info h1 {
font-size: 10rem
}
}
@media only screen and (max-width:767px) {
.login-hero .hero-info h1 {
font-size: 6rem
}
}
.login-hero .hero-info p {
font-size: 2.4rem;
line-height: 1.42;
margin: 0 0 20px
}
@media only screen and (max-width:1100px) {
.login-hero .hero-info p {
font-size: 1.8rem;
margin: 0 0 10px
}
}
.login-hero .hero-info span {
display: block;
font-size: 1.2rem
}
.login-hero .login-form {
-ms-flex-item-align: start;
align-self: flex-start;
width: 37%;
max-width: 445px;
padding: 30px 35px;
border-radius: 4px;
background-color: #fff
}
@media only screen and (max-width:1024px) {
.login-hero .login-form {
width: 60%;
max-width: inherit;
margin: 0 auto
}
}
@media only screen and (max-width:767px) {
.login-hero .login-form {
width: 100%
}
}
.login-hero .login-form .login-switch {
position: relative;
margin: 0 0 20px
}
.login-hero .login-form .login-switch:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.login-hero .login-form .login-switch .sign-in-btn,
.login-hero .login-form .login-switch .sign-up-btn {
float: left;
width: 50%;
text-align: center;
font-size: 1.2rem;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
padding: 12px;
border: 2px solid;
color: #001d89;
transition: all .2s ease-out
}
.login-hero .login-form .login-switch .sign-in-btn:not(.active),
.login-hero .login-form .login-switch .sign-up-btn:not(.active) {
cursor: pointer;
border-color: rgba(77, 77, 77, .15)
}
.login-hero .login-form .login-switch .sign-in-btn.active,
.login-hero .login-form .login-switch .sign-up-btn.active {
color: #fff;
border-color: #001d89;
background-color: #001d89
}
.login-hero .login-form .login-switch .sign-up-btn {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
border-right: none
}
.login-hero .login-form .login-switch .sign-in-btn {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-left: none
}
.login-hero .login-form .login-container form input:not(.btn) {
padding: 14px 10px
}
.login-hero .login-form .login-container form .btn {
width: 100%;
font-size: 1.4rem
}
.login-hero .login-form .login-container .forgot-password,
.login-hero .login-form .login-container .sign-up {
display: none
}
.login-hero .login-form .login-container .forgot-password .form-footer {
-ms-flex-pack: center;
justify-content: center
}
.login-hero .login-form .login-container .reset-password {
display: none
}
.login-hero .login-form .login-container .required-disc {
font-size: 1.2rem;
color: #9b9b9b;
margin: 10px 0 20px
}
.login-hero .login-form .login-container .form-header {
margin: 0 0 20px
}
.login-hero .login-form .login-container .form-header h3 {
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 2.2rem;
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-size: 2.4rem;
text-transform: inherit
}
.login-hero .login-form .login-container .form-header p:not(:empty) {
margin: 10px 0 0
}
.login-hero .login-form .login-container .form-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 20px 0 0
}
.login-hero .login-form .login-container .form-footer p {
font-size: 1.2rem;
line-height: 1.83
}
.login-hero .login-form .login-container .form-footer p span {
cursor: pointer;
text-decoration: underline
}
.login-hero .hero-btns {
position: absolute;
left: 0;
bottom: 10%;
z-index: 2;
margin: 0 auto;
width: auto;
max-width: 1200px
}
@media only screen and (max-width:1350px) {
.login-hero .hero-btns {
bottom: 5%
}
}
@media only screen and (max-width:1024px) {
.login-hero .hero-btns {
position: relative;
width: 60%;
margin: 0 auto 30px;
bottom: inherit
}
}
@media only screen and (max-width:767px) {
.login-hero .hero-btns {
width: 100%
}
}
.login-hero .hero-btns ul {
width: auto;
display: -ms-flexbox;
display: flex
}
@media only screen and (max-width:1250px) {
.login-hero .hero-btns ul {
width: 45%
}
}
@media only screen and (max-width:1024px) {
.login-hero .hero-btns ul {
width: 100%
}
}
.login-hero .hero-btns ul li {
max-width: 210px
}
.login-hero .hero-btns ul li:not(:last-child) {
margin-right: 20px
}
.interests-and-favorites .container {
padding: 50px 0 100px
}
@media only screen and (max-width:767px) {
.interests-and-favorites .container {
padding: 40px 0 60px
}
}
.interests-and-favorites h3 {
margin: 0 0 20px
}
.interests-and-favorites .btn-container .btn {
display: inline-block
}
@media only screen and (max-width:767px) {
.interests-and-favorites .btn-container .btn {
width: 100%
}
}
.interests-and-favorites .personal-info {
margin: 0 0 40px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col:after {
content: "";
display: block;
clear: both;
height: 0;
line-height: 0
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col .survey-col-title {
margin: 0 0 15px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col .survey-contents {
position: relative;
padding: 40px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-blue.png);
background-repeat: no-repeat;
background-size: 100% 100%;
min-height: 375px
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col .survey-contents {
background-image: none;
background-color: #001d89
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more {
float: left;
width: 40%;
max-width: 490px;
margin-right: 20px
}
@media only screen and (max-width:1024px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more {
float: none;
width: 100%;
max-width: inherit;
margin: 0 auto 40px
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .slick-next,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .slick-prev {
top: 50%;
transform: translateY(-50%)
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .slick-prev {
left: -20px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .slick-next {
right: -20px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .slick-track {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .check-question,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-question {
text-align: center;
max-width: 290px;
margin: 0 auto 40px
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .check-question,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-question {
max-width: 250px
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .check-question h4,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-question h4 {
font-size: 4rem;
line-height: 1;
letter-spacing: 1.4px;
margin: 0 0 20px;
color: #0075ab
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .check-question p,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-question p {
letter-spacing: .6px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.8rem;
color: #fff
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .check-question p,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-question p {
font-size: 1.4rem
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes {
position: relative;
display: -ms-flexbox;
display: flex;
text-align: center;
max-width: 380px;
margin: auto
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes label:before {
top: -20px;
left: 0;
right: 0;
margin: auto
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .survey-check:not(:last-child),
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .survey-check:not(:last-child) {
margin-right: 20px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .survey-check input[type=checkbox]:checked+label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .survey-check input[type=checkbox]:checked+span:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .survey-check input[type=checkbox]:checked+label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .survey-check input[type=checkbox]:checked+span:before {
background-color: transparent
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .survey-check label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .survey-check label:before {
width: 20px;
height: 20px;
border-color: #fff;
background-color: #fff
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .survey-check label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .survey-check label:after {
width: 11px;
height: 9px;
top: -13px;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-check-white.png)
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio {
position: relative;
-ms-flex: 1;
flex: 1
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio input,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio input {
padding: 0
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio:first-child:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio:first-child:before {
width: 50%;
left: inherit;
right: 0
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio:last-child:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio:last-child:before {
width: 50%
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio:before {
content: "";
position: absolute;
top: 7px;
left: 0;
display: block;
width: 100%;
height: 1px;
background-color: #fff
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio input[type=radio]:checked+label,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio input[type=radio]:checked+span,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio input[type=radio]:checked+label,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio input[type=radio]:checked+span {
color: #c9177d
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio label:before {
width: 11px;
height: 11px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio label:before,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio label:before {
border-color: #fff;
background-color: #001d89
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range .input-radio label:after,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes .input-radio label:after {
border: 2px solid #fff;
background-color: #c9177d
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range label,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes label {
width: 100%;
padding: 0;
display: block;
padding: 15px 0 0;
margin: 0;
line-height: 1;
letter-spacing: .5px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.4rem;
color: #fff;
transition: all .2s ease-out
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range label,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes label {
font-size: 1.2rem
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .radio-range {
-ms-flex-pack: justify;
justify-content: space-between
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-checkboxes {
-ms-flex-pack: center;
justify-content: center
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .btn-container {
margin: 20px 0 0;
text-align: center
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture-blue.png);
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 2
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state {
background-image: none;
background-color: #001d89
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 230px;
margin: auto;
height: 100%;
text-align: center
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .img-container {
max-width: 170px;
margin: 0 0 20px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .survey-state-text h4,
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .survey-state-text p {
color: #fff
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .survey-state-text h4 {
font-size: 2.8rem;
margin: 0 0 10px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .survey-state-text p {
margin: 0 0 15px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.tell-us-more .survey-state .survey-state-container .survey-state-text span {
cursor: pointer;
display: block;
font-size: 1.2rem;
font-weight: 700;
text-transform: uppercase;
text-decoration: underline;
color: #c9177d
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try {
float: left;
width: calc(60% - 20px);
max-width: 690px
}
@media only screen and (max-width:1024px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try {
float: none;
width: 100%;
max-width: inherit;
margin: auto
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try .survey-contents {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul {
-ms-flex-direction: column;
flex-direction: column
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 33.33%;
margin-bottom: 15px
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li {
width: 100%
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li input[type=checkbox] {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li input[type=checkbox]:checked+.img-container+p {
color: #c9177d
}
@keyframes productRock {
0% {
transform: rotate(0deg)
}
33% {
transform: rotate(-5deg)
}
66% {
transform: rotate(5deg)
}
to {
transform: rotate(0deg)
}
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li input[type=checkbox]:checked+.img-container {
animation: productRock .75s !important
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li .img-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 45px;
height: 60px;
margin-right: 30px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li .img-container img {
max-height: 100%
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try ul li p {
font-size: 1.5rem;
font-weight: 700;
color: #fff;
transition: all .2s ease-out
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try .newsletter-save {
margin-top: 20px;
margin-left: auto
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try .newsletter-save .newsletter-signup {
margin: 0 0 20px
}
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try .newsletter-save .newsletter-signup label {
font-size: 1rem;
line-height: 1.8;
color: rgba(68, 68, 68, .4)
}
section.benefits {
overflow: hidden;
position: relative;
}
@media only screen and (max-width:767px) {
.interests-and-favorites .interest-survey .interest-survey-container .survey-col.love-want-to-try .newsletter-save .btn {
width: 100%
}
}
.edit-info-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: rgba(0, 0, 0, .8);
z-index: 1000
}
.edit-info-overlay .edit-info-wrapper {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%
}
.edit-info-overlay .edit-info-wrapper .edit-info-container {
position: relative;
width: 90%;
max-width: 1035px;
padding: 80px 40px;
max-height: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
background-color: #fff
}
@media only screen and (max-width:767px) {
.edit-info-overlay .edit-info-wrapper .edit-info-container {
width: 94%
}
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form {
max-width: 590px;
margin: auto
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header {
margin: 0 0 30px
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header span {
display: block;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin: 0 0 10px;
color: #0075ab
}
@media only screen and (max-width:767px) {
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header span {
font-size: 1.2rem
}
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header h4 {
font-size: 4rem;
letter-spacing: 1px;
margin: 0 0 15px
}
@media only screen and (max-width:767px) {
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header h4 {
font-size: 2.4rem
}
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header .required-disc {
font-size: 1.2rem;
line-height: 1.17;
color: #4d4d4d;
margin: 0 0 20px
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form .form-header .user-email-container p.user-email {
margin: 20px 0 0;
opacity: .5
}
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form form .form-row:last-child {
margin-top: 40px
}
@media only screen and (max-width:767px) {
.edit-info-overlay .edit-info-wrapper .edit-info-container .edit-form form .form-row .btn {
width: 100%
}
}
.edit-info-overlay .overlay-close {
cursor: pointer;
position: absolute;
top: 20px;
right: 20px
}
.edit-info-overlay .overlay-close i {
font-size: 2.5rem;
color: #4d4d4d
}
.dashboard-recipes .container {
padding: 90px 0
}
.dashboard-recipes .recipe-callout-bg {
position: absolute;
width: 100%;
height: 60%;
max-height: 390px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-texture.png);
background-size: cover;
background-repeat: no-repeat;
z-index: 1
}
@media only screen and (max-width:767px) {
.dashboard-recipes .recipe-callout-bg {
height: 28%
}
}
.dashboard-recipes .recipe-callout-bg:after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
background-image: url(//silk.com/wp-content/themes/silk/img/bg-wave.png);
background-size: cover;
background-repeat: no-repeat
}
.dashboard-recipes .all-recipes {
-ms-flex-item-align: start;
align-self: flex-start
}
.dashboard-recipes .all-recipes img {
width: 100%;
height: 100%
}
.banner .banner-container a.a_silk {
position: static;
}
.page-callout .page-row>li p {
max-width: inherit;
}
.login-hero .hero-btns ul li img {
width:100%;
display:inline-block;
}
@media (max-width:1460px) and (min-width:1200px) and (-ms-high-contrast:none)
{
.login-hero .hero-btns {
bottom:-76px;
}
*::-ms-backdrop, .login-hero .hero-btns {
bottom:-76px;
} 
}
@media(max-width:767px) {
.m-hide {
display: none;
}
.login-hero .hero-info p {
font-size: 2.4rem;
}
.accordion-content .size-table ul li {
padding-right: 10px ;
}
}
a.posit_show {
color: #c9177d;
}
.rec_link{
text-decoration: underline;
}
@media(min-width:768px){
footer .footer-nav {
width: 330px
} }
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.dha-omega-3 a:before {
width: 51px;
height: 84px;
background-position: -3px -780px;
}
header.navigation .nav-wrapper .nav-container .nav li.nav-products .sub-menu li.silk-latte a:before {
width: 51px;
height: 84px;
background-position: -3px -874px;
}
.defoot_note {
padding: 25px 10px 10px;
text-align: center;
font-size: 90%;
} .redbg {
background: #a52a2a url(//silk.com/wp-content/themes/silk/img/team-protein/textures/Silk_Warrior_Native_Texture_Red_R2.png);
background-size: 100%
}
.mainhero_banner {
display: flex;
position: relative;
margin-bottom: 0;
padding-top: 0;
font-size:14px;
}
.mainhero_banner .join-img {
max-width: 20.063em;
width: 100%;
position: absolute;
left:0;
top: 6.888555em;
}
.mainhero_banner .mainh_right {
width: 35%;
flex: 0 0 35%;
color: #fff;
}
.teampo_cont {
display: flex;
justify-content: flex-end;
align-items: center;
height:100%;
}
.mainjoindett {
font-size:1.375em;
padding-right:3.125em;
}
.teampo_abs{
position: absolute;
top: 0;
left:0;
right:0;
bottom: 2.375em;
width:100%;
z-index: 2;
}
.mainhero_banner picture{
margin:0 auto;
}
.teamhero_img {
width:100%;
}
.teamjoinbtn{
padding-top:2.375em;
}
.teamjoinbtn a {
padding: 1.2rem 0;
background: #fff;
color: #6d0709;
border-radius: 0.35em;
display: inline-block;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-style: normal;
font-stretch: normal;
text-transform: uppercase;
font-size: 1.375em;
max-width: 10.563em;
text-align: center;
width: 100%;
}
.teamjoinbtn a:hover{
background: #6d0709;
color: #fff; 
}
section.module.teamprotein.redbg {
margin-bottom: 6em;
margin-top: 2em;
}
.mainhero_banner {
background: url(//silk.com/wp-content/themes/silk/img/team-protein/hero/Silk_Warrior_Native_Hero_Athletes.png) no-repeat 64% -23.5vw;
height: 35.8788676761027VW;
background-size: 110.5%;
}
@media(min-width:768px){
.mainjoindett {
font-family: 'jaf-domus-400';
}
}
@media(max-width:767px){
section.module.teamprotein.redbg {
height:176.5625VW;
}
.mainhero_banner {
background: url(//silk.com/wp-content/themes/silk/img/team-protein/hero/Silk_Warrior_Native_Hero_Athletes_750x1360.png) no-repeat center bottom;
background-size:100%;
height:100%;
}
.redbg {
background: #a52a2a url(//silk.com/wp-content/themes/silk/img/team-protein/textures/Silk_Warrior_Native_Texture_Red_R2-sm.jpg);
}
}
@media(min-width:1100px){
.mainhero_banner .mainh_right {
padding-left: 1.75em;
padding-top: 6em;
}
.mainjoindett {
padding-right: 1.725em;
}
.teamjoinbtn a {
padding:0;
display:flex;
font-size: 20px;
max-width:217px;
height: 50px;
justify-content: center;
align-items: center;
}
}
@media(min-width:1100px) and (max-width:1250px){
.teampo_cont {
font-size: 13px;
}
.mainhero_banner .join-img {
left: 3em;
top: 5.888555em;
max-width: 19.063em;
}
.mainjoindett {
font-size: 1.375em;
padding-right: 1.2999em;
padding-top: 1em;
}
}
@media(min-width:992px) and (max-width:1099px){
.teampo_cont {
font-size: 13px;
}
.mainhero_banner .join-img {
left: 3em;
top: 5.888555em;
max-width: 18.063em;
}
.mainjoindett {
font-size: 1.375em;
padding-right: 0.5em;
padding-top: 5em;
}
}
@media(min-width:768px) and (max-width:991px){
section.module.teamprotein.redbg {
margin-bottom: 0;
margin-top: 0;
}
.teampo_cont {
font-size: 10px;
}
.mainhero_banner .join-img {
left: 2.5em;
top: 4.888555em;
max-width: 18.063em;
}
.mainjoindett {
font-size: 1.375em;
padding-right: 0.5em;
padding-top: 5em;
}
}
@media(max-width:767px){
section.module.teamprotein.redbg {
padding-top: 3em;
}
.teampo_abs {
top: -2em;
}
.teampo_cont {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 100%;
font-size: 10px;
text-align: center;
}
.mainhero_banner .join-img {
max-width: 28.063em;
top: 6.888555em;
}
.mainhero_banner picture {
margin: 0 auto;
width: 100%;
}
.mainhero_banner .join-img {
position: static;
margin:0.5em  auto 0 auto;
}
.mainhero_banner .mainh_right {
width: 100%;
flex: 0 0 100%;
color: #fff;
}
.mainjoindett {
font-size:2.38em;
padding-right: 0;
max-width: 80%;
margin: 0.5em auto;
}
.teamjoinbtn {
padding-top: 0;
position: absolute;
bottom: 2.2em;
left: 0;
right: 0;
text-align: center;
width: 100%;
}
.teamjoinbtn a {
font-size: 1.475em;
max-width: 13.563em;
}
.mainhero_banner::after {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/team-protein/borders/Silk_Warrior_Native_Borders_01_750x250.png) no-repeat bottom;
height: 100%;
background-size: 100%;
position: absolute;
left: 0;
width: 100%;
height: 33.86666666666667VW;
bottom: -12.85vw;
z-index: 0;
}
}
@media(min-width:600px) and (max-width:767px){
.mainhero_banner .join-img {
max-width: 34.063em;
}
}
@media(max-width:550px){
.mainhero_banner .join-img {
max-width: 24.063em;
top: 0;
}
.teampo_cont {
font-size: 10px;
}
.mainhero_banner .join-img {
margin:0.5em  auto 0 auto;
}
.mainjoindett {
font-size:1.8em;
margin: 0.5em auto;
max-width: 85%;
}
.teamjoinbtn {
bottom: 2.2em;
}
.teamjoinbtn a {       
font-size: 1.475em;
max-width: 13.563em;
}
}
@media(min-width:480px) and (max-width:540px){
.mainjoindett {
font-size: 1.998em;
max-width: 85%;
}
.mainhero_banner .join-img {
max-width: 28.063em;
}
}
@media(max-width:400px){
.mainhero_banner{
font-size:14px;
}
.mainjoindett {
font-size: 1.5675em;
padding-right: 0;
max-width: 86%;
}
.mainhero_banner .join-img {
max-width:20.63em;
}
}
@media(max-width:330px){
.mainhero_banner{
font-size:12px;
}
.mainhero_banner .join-img {
max-width: 18.063em;
top: 4.888555em;
}
.mainjoindett {
font-size: 1.375em;
max-width: 87%;
}
} .joinprotein {    
margin-left: 6rem;
white-space: nowrap;
margin-right: 1rem;
}
.joinprotein a {
padding: 1.2rem 2rem;
background: #cf3338;
color: #fff;
border-radius: 0.5rem;
display:block;
font-weight: 500;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
}
.joinprotein a:hover{
background: #6d0709;
}
@media(max-width:1200px) and (min-width:1024px){
.joinprotein {    
margin-left: 0.5rem;
margin-right:0.5rem;
}
.joinprotein a {
padding: 1rem 1rem;
}
}
@media(max-width:1024px){
.slide-menu ul li .joinprotein {
margin-left: 0;
margin-right: 0rem;
}
.slide-menu ul li .joinprotein a {
padding: 1.5rem 0;
border-radius: 0.5rem;
text-align: center;
font-size: 2.23vw;
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
max-width: 80%;
font-weight: 600;
}
}
@media(max-width:767px){
.slide-menu ul li .joinprotein a {    
margin-top: 4em;
font-size:3.13vw;
letter-spacing: normal;
max-width: 90%;
}
}
@media(max-width:420px){
.slide-menu ul li .joinprotein a {    
font-size:3.5vw;
max-width: 80%;
}
}
@media (max-width: 330px) {
.slide-menu ul li .joinprotein {
margin-left: 15px;
}
.slide-menu ul li .joinprotein a {
max-width: 95%;
margin-top: 1em;
font-size: 2.899vw;
padding: 4.2vw 0;
}
} @media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) {
.hero .foreground-text h1 {
font-size: 51px!important;
}
.breadcrumb {
margin: 0 0 5px;
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share {
position: static;
-ms-flex-pack: left;
justify-content: left;
-ms-flex-align: left;
align-items: center;
margin-bottom: 15px;
}
}
@media (min-width : 768px)
and (max-width : 1200px)
{
.hero .foreground-text h1 {
font-size: 51px!important;
}
.breadcrumb {
margin: 0 0 5px;
}
.recipe-details .recipe-details-wrapper .recipe-info .recipe-share {
position: static;
-ms-flex-pack: left;
justify-content: left;
-ms-flex-align: left;
align-items: center;
margin-bottom: 15px;
}
}.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
}  .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; }
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2.2em;
} button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
} .ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
} input.ui-button {
padding: .4em 1em;
} .ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
} .ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto; overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
} .ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
} .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//silk.com/wp-content/themes/silk/styles/images/ui-icons_cd0a0a_256x240.png);
} .ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
} .ui-widget-overlay {
background: #aaaaaa url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(//silk.com/wp-content/themes/silk/styles/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); border-radius: 8px;
}@media(min-width:1025px) {
.d-hide {
display: none !important;
}
header.navigation .container {
padding: 0;
}
.mainnav {
display: flex;
justify-content: space-between;
width: 61%;
flex-direction: row;
align-items: center;
}
.mainnav>li>a {
text-transform: uppercase;
letter-spacing: .5px;
color: rgba(68, 68, 68);
transition: all .2s ease-out;
padding: 34px 0;
font-weight: 500;
}
.mainnav>li>a:hover,
.mainnav>li.active>a,
.mainnav>li.active {
color: #001d89 !important;
background-color: transparent !important;
}
.navcontainer {
display: flex;
justify-content: space-between;
width: 100%;
align-items: center;
}
.desk_cat {
position: fixed;
top: -1000px;
left: 0;
background: #001d89;
display: block;
z-index: 1;
width: 100%;
padding: 0.5vw 0 1vw;
overflow: hidden;
-webkit-transition: top 0.5s ease-in;
-moz-transition: top 0.5s ease-in;
-o-transition: top 0.5s ease-in;
-ms-transition: top 0.5s ease-in;
transition: top 0.5s ease-in;
}
.desk_cat .container {
display: flex;
align-items: baseline;
}
.nav-container,
.logo {
z-index: 99;
} header.navigation .logo{
position:relative;
width:80px;
height:54.4px;
}
header.navigation .logo a{
display:block;
position:absolute;
top:0;
left:0;
width:80px;
transition: all .2s ease-out;
}
header.navigation .logo a img{
width:100%;
max-width: 100% !important;
}
header.navigation .logo a:hover{
top:-6px;
left:-6px;
width:92px;
height:57px;
}
.cat_img,footer .logo a img {
transform: scale(1);
transition: all .2s ease-out;
}
footer .logo a:hover img {
transform: scale(1.15);
}
header.navigation.tranp {
background-color: transparent;
}
.mainnav>li:hover .desk_cat {
display: block;
top: 86px;
}
.mainnav>li {
position: relative;
}
.pro_mega i {
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
transition: 0.3s ease-in;
margin-left: 3px;
}
.arr_rotate i {
-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);
-webkit-transition: 0.3s ease-in;
-moz-transition: 0.3s ease-in;
-o-transition: 0.3s ease-in;
-ms-transition: 0.3s ease-in;
transition: 0.3s ease-in;
}
.mega_menu {
top: 84px;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: top 0.5s ease-in;
}
header.navigation::before {
content: "";
height: 84px;
background-color: #fff;
width: 100%;
position: absolute;
top: 0;
z-index: 99;
}
.navigation {
position: relative;
}
.navigation .container {
position: static;
}
.desk_cat .container {
display: flex;
justify-content: space-between;
flex-flow: row wrap;
padding-bottom: 0 !important;
}
.desk_cat>ul {
color: #fff;
max-width: 270px;
}
.main_cat {
padding: 10px 0;
margin-right: 5%;
width: 20%;
flex: 0 0 20%;
}
.main_cat:nth-last-of-type(1) {
margin-right: -5%;
}
.subcategory,
.category_heading {
color: #fff;
}
.category_heading {
font-size: 24px;
font-family: hwt-artz, sans-serif;
font-weight: 700;
padding: 0.58em 0 0.2em;
}
.category_heading a:hover {
cursor: default;
}
.subcategory {
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
text-transform: capitalize;
}
.subcategory li a {
font-size: 1.65rem;
padding: 0.3em 0;
display: block;
white-space: nowrap;
}
.subcategory li a:hover {
text-decoration: underline
}
li.cat_img img {
max-width: 90%;
}
.all_pro {
width: 100%;
flex: 0 0 100%;
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
}
.all_pro a {
font-size: 1.5rem;
color: #fff;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
display: flex;
align-items: center;
text-transform: uppercase;
}
.silk_nav-logo {
width: 5vw;
padding-top: 0.4vw;
padding-right: 0.8vw;
}
.desk_cat.m-hide {
padding-bottom: 5.2vw;
}
.oaty-nav {
position: absolute;
right: 0;
bottom: 0.5vw;
}
.oat_yeah-navimg {
max-width: 35.06944444444444VW;
}
}
@media(min-width:1025px) and (max-width:1440px) {
li.cat_img img {
max-width: 13.2vw;
}
.category_heading {
font-size: 1.5vw;
padding: 0.5vw 0 0.2em;
}
.subcategory li a {
font-size: 1vw;
padding: 0.2vw 0;
}
.all_pro a {
font-size: 1vw;
}
}
@media(min-width:1025px) and (max-width:1200px) {
.mainnav {
width: 67%;
}
.desk_cat {
padding-top: 1vw;
}
.mainnav>li>a {
font-size: 13px;
}
.subcategory li a,
.all_pro a {
font-size: 1.35rem;
}
.category_heading {
font-size: 18px;
}
}
@-webkit-keyframes nav-down {
0% {
top: 0%;
}
100% {
top: 100%;
}
}
@-moz-keyframes nav-down {
0% {
top: 0%;
}
100% {
top: 100%;
}
}
@-o-keyframes nav-down {
0% {
top: 0%;
}
100% {
top: 100%;
}
}
@keyframes nav-down {
0% {
top: 0%;
}
100% {
top: 100%;
}
}
@media(max-width:1024px) {
.m-hide {
display: none !important;
}
#bg_img {
position: absolute;
left: 0;
bottom: 13vw;
z-index: 9;
width: 100%;
}
#bg_img .oaty-nav,
#bg_img .oaty-nav a,
#bg_img .oaty-nav a img {
display: block;
width: 100%;
}
#mobile-menu {
width: 100%;
position: fixed;
height: 100%;
top: 55px;
right: 0;
display: none;
overflow-y: auto;
box-sizing: border-box;
background: #001d89;
}
.mo-category {
height: 100vh;
} .slide-menu {
transition: -webkit-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-webkit-transform: translateX(100%);
transform: translateX(100%);
will-change: transform;
z-index: 1000;
}
.slide-menu nav {
max-width: 320px;
width: 100%;
margin: auto;
position: relative;
text-align: left;
height: 100vh;
overflow: hidden;
font-family: hwt-artz, sans-serif;
font-weight: 700;
z-index: 1;
}
.slide-menu .slider {
position: absolute;
top: 0;
left: 0;
width: 100%;
transition: -webkit-transform 300ms ease-in-out;
transition: transform 300ms ease-in-out;
transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
-webkit-transform: translateX(0);
transform: translateX(0);
will-change: transform;
}
.slide-menu .slider {
top: 0px;
}
.slide-menu .controls {
overflow: hidden;
}
.slide-menu .slide-menu-control {
font-size: 30px;
text-transform: uppercase;
margin-left: -14px;
font-weight: 600;
padding: 20px 16px 20px 30px;
line-height: 1;
position: relative;
margin-bottom: 5px;
}
li.category-link #searchform input[type="text"] {
background: transparent;
padding: 10px;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.42);
color: #fff;
font-size: 16px;
margin-top: 15px;
}
li.category-link #searchform input[type="text"]::placeholder {
opacity: 0.5;
color: #fff;
}
li.category-link #searchform input[type="text"]::-ms-input-placeholder {
opacity: 0.5;
color: #fff;
}
li.category-link #searchform input[type="text"]:-ms-input-placeholder {
opacity: 0.5;
color: #fff;
}
li.category-link #searchform #searchsubmit {
position: absolute;
min-width: 0px;
right: 9px;
top: 25px;
font-size: 0;
background-image: url(//silk.com/wp-content/themes/silk/img/icon-search-white.png);
background-repeat: no-repeat;
width: 10px;
height: 10px;
border: none;
background-position: 50%;
background-color: transparent;
background-size: 100%;
opacity: 0.5;
padding: 10px;
}
li.category-link #searchform {
position: relative;
max-width: 90%;
}
.slide-menu ul {
padding-left: 0;
list-style: none;
position: relative;
width: 320px;
max-width: 100%;
margin: 0 auto;
}
.slide-menu ul ul {
position: absolute;
top: 9vw;
left: 100%;
display: none;
}
ul.mo-category {
padding: 15vw 23px;
}
.slide-menu ul a {
display: block;
color: #fff;
text-decoration: none;
font-size: 30px;
padding: 8px 5px;
opacity: 1;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 2px;
}
.slide-menu ul.sub-category li a {
font-size: 16px;
padding: 3px 2px;
opacity: 0.7;
font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 1px;
display: block;
margin-bottom: 0;
}
.slide-menu ul li {
padding: 5px 15px;
}
.slide-menu ul.mo-category>li {
padding-left: 10px;
padding-right: 10px;
}
.slider[style="transform: translateX(0%)"]~nav::after {
content: "";
position: absolute;
left: 0;
width: 100%;
background: url(http://dev1.silk.com/wp-content/themes/silk/img/hero-splash-top.png) no-repeat;
background-size: 100%;
background-position: center center;
height: 37vw;
bottom: 49px;
}
.slide-menu ul a:hover {
color: #fff;
}
.slide-menu ul li ul.sub-category li {
padding: 3px 20px;
}
.slide-menu ul a.categorylink:hover,
.slide-menu ul a.submenu:hover,
.slide-menu ul a.subsubmenu:hover {
color: #fff;
}
.slide-menu.no-transition,
.slide-menu.no-transition * {
transition: none !important;
}
.slide-menu ul a.nav_smimg {
position: relative;
height: 80px;
padding: 0;
padding-left: 88px;
text-align: left;
font-size: 19px;
display: inline-flex;
align-items: center;
letter-spacing: 1px;
}
.nav_smimg::before {
width: 68px;
height: 68px;
position: absolute;
left: 12px;
top: 0;
}
.nav_smimg.silk_img::before {
width: 70px;
height: 70px;
position: absolute;
left: 3px;
top: 10px;
}
.sub-category::before {
content: "";
width: 225px;
height: 250px;
position: absolute;
margin: 0 auto;
top: -255px;
left: 18px;
}
.nav_smimg.palnt_img::before,
.sub-category.palnt_img::before {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/plant-based-milks_sm.png) no-repeat;
background-size: 100%;
background-position: center center;
}
.nav_smimg.creamers_img::before,
.sub-category.creamers_img::before {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/creamers_sm.png) no-repeat;
background-size: 100%;
background-position: center center;
}
.nav_smimg.yogurt-alternative_img::before,
.sub-category.yogurt-alternative_img::before {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/soy-milk-yogurt-alt-vanilla-strawberry_sm.png) no-repeat;
background-size: 100%;
background-position: center center;
}
.nav_smimg.silk-latte_img::before,
.sub-category.silk-latte_img::before {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/silk-latte_sm.png) no-repeat;
background-size: 100%;
background-position: center center;
}
.nav_smimg.silk_img::before {
content: "";
background: url(//silk.com/wp-content/themes/silk/img/silk-nav_logo.jpg) no-repeat;
background-size: 100%;
background-position: center center;
}
ul.sub-category.mnav_active {
top: 250px;
margin-top: 0;
}
.mo-category>li:first-child>a {
position: relative;
}
.mo-category>li:first-child>a::after {
content: "\f105";
position: absolute;
top: 20%;
margin: auto 0 0 10px;
font-size: 20px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
opacity: 0.5;
line-height: 30px;
}
.mo-category>li>.category>li:first-child>a::before {
content: "\f104";
position: absolute;
margin: auto 0 0 1rem;
font-size: 2.5rem;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
left: 0;
opacity: 0.5;
}
.slide-menu ul.sub-category li a.slide-menu-control[data-action="back"]::before {
content: "\f104";
position: absolute; margin: auto 0 0 0;
font-size: 16px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
left: -13px;
opacity: 0.5;
line-height: 20px;
}
.mo-category>li>.mnav_active>li:first-child>a::before {
content: "\f104";
position: absolute; margin: auto 0 0 1rem;
font-size: 18px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
left: 0;
opacity: 0.5;
line-height: 30px;
}
.mo-category>li>.mnav_active>li>a.submenu::after {
content: "\f105";
position: absolute; margin: auto 0 0 1rem;
font-size: 16px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
right: -13px;
opacity: 0.5;
line-height: 20px;
}
.slide-menu ul.sub-category li a.slide-menu-control {
padding-left: 0;
opacity: 1;
font-family: hwt-artz, sans-serif;
font-weight: 700;
font-size: 20px;
margin-left: 0;
}
#bg_img.show {
display: block;
}
#bg_img {
display: none;
}
}
@media(max-width:380px){
#bg_img {
bottom: 17vw;
}
}
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 2){
ul.mo-category {
padding-top: 5vw;
}
.slide-menu ul ul{
padding-top: 0vw;
}
.slide-menu .slide-menu-control {
padding: 10px 16px 10px 30px;
margin-bottom: 0;
}
.slide-menu ul li {
padding: 5px 15px;
}
.slide-menu ul a.nav_smimg {   
height: 63px;
}
.nav_smimg::before {
width: 65px;
height: 65px;
}
}
@media(max-width:375px){
.slide-menu ul ul {
top: 4vw;
}
.slide-menu ul li {
padding: 2px 15px;
}
.slide-menu ul a.nav_smimg {
height: 65px;
}
.nav_smimg::before {
width: 65px;
height: 65px;
}
.slide-menu .slide-menu-control {
padding: 10px 16px 10px 30px;
}
ul.sub-category.mnav_active {
top: 195px;
}
.sub-category::before {
content: "";
width: 192px;
height: 187px;
position: absolute;
margin: 0 auto;
top: -190px;
left: 18px;
}
}
@media(max-width:330px) {
ul.mo-category {
padding: 10vw 23px;
}
.slide-menu ul a,
.slide-menu .slide-menu-control {
font-size: 20px;
padding-left: 15px;
}
.slide-menu ul,
.slide-menu nav {
width: 250px;
}
.slide-menu ul a.nav_smimg {
height: 55px;
padding-left: 60px;
font-size: 15px;
}
.nav_smimg::before {
width: 47px;
height: 50px;
left: 0;
}
.nav_smimg.silk_img::before {
width: 45px;
height: 45px;
}
.slide-menu ul ul {
top: 8vw;
}
li.category-link #searchform {
position: relative;
max-width: 87%;
margin: 0 auto;
}
.mo-category>li>.mnav_active>li:first-child>a::before {
line-height: 20px;
margin: auto 0 0 0px;
font-size: 15px;
}
.sub-category::before {
content: "";
width: 155px;
height: 155px;
position: absolute;
margin: 0 auto;
top: -160px;
left: 18px;
}
ul.sub-category.mnav_active {
top: 156px;
}
.slide-menu ul li ul.sub-category li {
padding: 1px 20px;
}
.slide-menu ul.sub-category li a {
font-size: 13px;
}
.mo-category>li:first-child>a::after {
line-height: 20px;
margin: auto 0 0 5px;
font-size: 15px;
}
li.category-link #searchform input[type="text"] {
font-size: 14px;
margin-top: 10px;
}
li.category-link #searchform #searchsubmit {
top: 20px;
padding: 8px;
}
.slide-menu ul.sub-category li a.slide-menu-control {
font-size: 16px;
}
.mo-category>li>.mnav_active>li>a.submenu::after,
.slide-menu ul.sub-category li a.slide-menu-control[data-action="back"]::before {
font-size: 14px;
line-height: 18px;
}
}
@media(min-width:768px) and (max-width:1024px) {
ul.mo-category {
padding: 10vw 0vw;
}
#mobile-menu {
top: 86px;
}
.slide-menu nav {
max-width: 450px;
}
.slide-menu ul {
width: 450px;
}
.slide-menu ul a {
font-size: 40px;
padding: 10px;
}
.mo-category>li:first-child>a::after {
content: "\f105";
position: absolute;
top: 25%;
margin: auto 0 0 1rem;
font-size: 30px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
opacity: 0.5;
}
li.category-link #searchform input[type="text"] {
padding: 15px;
border: 2px solid rgba(255, 255, 255, 0.42);
font-size: 24px;
margin-top: 15px;
}
li.category-link #searchform #searchsubmit {
width: 50px;
right: 15px;
top: 32px;
width: 25px;
height: 25px;
}
.slide-menu .slide-menu-control {
font-size: 40px;
padding: 30px 24px 40px 40px;
margin-bottom: 0;
}
.mo-category>li>.mnav_active>li:first-child>a::before {
content: "\f104";
position: absolute; margin: auto 0 0 1rem;
font-size: 30px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
left: 0;
opacity: 0.5;
}
.slide-menu ul a.nav_smimg {
height: 120px;
padding-left: 130px;
font-size: 30px;
}
.nav_smimg::before {
width: 110px;
height: 120px;
position: absolute;
left: 0;
top: 0;
}
.nav_smimg.silk_img::before {
width: 100px;
height: 100px;
position: absolute;
left: -5px;
top: 10px;
}
.mo-category>li>.mnav_active>li>a.submenu::after {
content: "\f105";
position: absolute; margin: auto 0 0 1rem;
font-size: 24px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
right: -20px;
opacity: 0.5;
}
.sub-category::before {
content: "";
width: 350px;
height: 350px;
position: absolute;
margin: 0 auto;
top: -390px;
left: 0;
}
.slide-menu ul li ul.sub-category li {
padding: 5px 10px;
}
ul.sub-category.mnav_active {
top: 400px;
margin-top: 0;
padding: 0 24px;
}
.slide-menu ul.sub-category li a.slide-menu-control {
font-size: 30px;
}
.slide-menu ul.sub-category li a {
font-size: 22px;
}
.slide-menu ul.sub-category li a.slide-menu-control[data-action="back"]::before {
content: "\f104";
position: absolute; margin: auto 0 0 0;
font-size: 24px;
font-weight: 600;
color: #fff;
font-family: Font Awesome\ 5 Free;
left: -24px;
opacity: 0.5;
line-height: 28px;
}
}