/* Theme Name: MultiPurpose Theme URI: http://thememotive.com/ Description: Responsive multi-purpose WordPress theme with a lot of features. Author: ThemeMotive Author URI: http://thememotive.com/ Version: 1.5.26 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: orange, black, blue, brown, gray, green, pink, purple, red, white, yellow, dark, light, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, sticky-post, theme-options, threaded-comments, translation-ready */ /*! * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.3.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /* Global basic styles ------------------------------------------ */ * {margin: 0; padding: 0} html {overflow-y: scroll; background: #ececec;} body {position: relative; background: #fff; color: #747474; font: 0.813em/1.5em "Arial", sans-serif;} body.boxed {background-color: #ededed;} dt {font-weight: 700;} img {border: none; vertical-align: middle;} ul[class] {list-style: none;} a {color: #3f3f3f; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: color 0.5s; text-decoration: none;} a:hover {color: #ff8400; text-decoration: none;} a * {cursor: pointer;} hr {clear: both; margin: 1.5em 0; height: 0; border: none; border-top: 1px solid #dfdfdf; overflow: hidden; } select option {padding: 0 10px;} fieldset {overflow: hidden; border: none;} legend {display: none;} option {padding: 0 5px;} table {border-collapse: collapse;} button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {padding: 0; border: none;} label {display: block; color: #3f3f3f; font-weight: bold;} textarea, input, select, option, optgroup, button {font-family: inherit; font-size: inherit; vertical-align: middle;} button, [type="radio"], [type="checkbox"], [type="submit"], [type="button"], [type="reset"], label, select {cursor: pointer; vertical-align: middle;} input, textarea, select {padding: 9px 15px; border: 1px solid #ccc; border-radius: 2px; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none;} input[type="radio"], input[type="checkbox"] {width: auto; height: auto; border: none; padding: 0;} input.error, textarea.error, select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;} select {padding: 8px 15px; color: #999;} textarea { min-width: 92%; max-width: 100%; min-height: 150px;} .select select {width: 100%;} a.button, button, input[type="submit"], input[type="button"], .directory .searchform button {display: inline-block; height: 32px; padding: 0 20px; border: 1px solid #de6200; border-radius: 3px; background: #ff9e00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjZhMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9e00 0%, #ff6a00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9e00), color-stop(100%,#ff6a00)); background: -webkit-linear-gradient(top, #ff9e00 0%,#ff6a00 100%); background: -o-linear-gradient(top, #ff9e00 0%,#ff6a00 100%); background: -ms-linear-gradient(top, #ff9e00 0%,#ff6a00 100%); background: linear-gradient(to bottom, #ff9e00 0%,#ff6a00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9e00', endColorstr='#ff6a00',GradientType=0 ); color: #fff; font-weight: bold; font-size: 1em; line-height: 32px; text-shadow: 0 -1px 0 #da5c00; text-transform: uppercase; box-shadow: 0 2px 2px rgba(0,0,0,0.2);} a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, .directory .searchform button:hover {background: #ff6a00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff6a00 0%, #ff9e00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a00), color-stop(100%,#ff9e00)); background: -webkit-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: -o-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: -ms-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: linear-gradient(to bottom, #ff6a00 0%,#ff9e00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ff9e00',GradientType=0 );} blockquote {margin: 1.5em 0 1.5em 1em; padding: 1px 0 1px 1.5em; border-left: 2px solid #ff8400; font-style: italic;} input[name='post_password'] {padding: 7px 2%;} h1 {margin: 1em 0 0.5em; color: #3f3f3f; font: 400 2.308em "Signika",sans-serif;} h1:first-child {margin: 1em 0 0.3em; font-size: 2.615em;} h2 {margin: 1em 0 0.5em; color: #3f3f3f; font: 300 2.154em "Signika",sans-serif;} h3 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.846em "Signika",sans-serif;} h4 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.538em "Signika",sans-serif;} h5 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.385em "Signika",sans-serif;} h6 {margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.231em "Signika",sans-serif;} p {margin: 1em 0;} ul, ol {margin: 1em 0; padding: 0;} li {margin: 0.5em 0 0.5em 2em;} .alignleft {float: left; margin: 0 20px 20px 0;} .alignright {float: right; margin: 0 20px 20px 0;} .aligncenter {text-align: center;} .content .center {text-align: center;} .clear {clear: both; height: 0; overflow: hidden;} .cf:after {display: block; clear: both; height: 0; overflow: hidden; font-size: 0; content: ' ';} /* Main layout ------------------------------------------ */ .root {position: relative; overflow: hidden;} body.boxed .root { max-width: 1000px; margin: 0 auto; background: #fff; } @media (max-width: 980px) { .root {margin: 0; padding: 0 20px;} .boxed .root .content {padding: 0;} header, footer, .breadcrumb {margin: 0 -20px;} footer, .breadcrumb {padding-left: 20px; padding-right: 20px;} } @media (max-width: 400px) { .root {margin: 0; padding: 0 10px;} footer {padding-left: 10px; padding-right: 10px;} } body.boxed.shadow .root {box-shadow: 0 0 3px rgba(0,0,0,0.3);} body.boxed.f01 {background: url("images/frames/frame01.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;} body.boxed.f02 {background: url("images/frames/frame02.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #bbb;} body.boxed.f03 {background: url("images/frames/frame03.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #ddd;} body.boxed.f04 {background: url("images/frames/frame04-1.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;} body.boxed.f05 {background: url("images/frames/frame04-2.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;} body.boxed.f06 {background: url("images/frames/frame05.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;} body.boxed.f07 {background: url("images/frames/frame06.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;} body.boxed.f08 {background: url("images/frames/frame07.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #d6d6d6;} body.boxed.f09 {background: url("images/frames/frame08.png") center 0 repeat-y, url("images/patterns/pattern05.png") left top repeat; background-color: #eee;} header {position: relative; z-index: 50; box-shadow: 0 0 4px rgba(0,0,0,0.3);} .top {position: relative; z-index: 20; margin: 0; box-shadow: inset 0 -2px 2px rgba(0,0,0,0.05); background: #747474; color: #fff; font-size: 0.846em; text-align: right;} .top.with-social {min-height: 40px; padding-bottom: 0;} .top>div {max-width: 940px; margin: 0 auto;} .top>div:after {display: block; clear: both; content: ' '; overflow: hidden; height: 0; margin: 0;} .top p {float: left; margin: 0; padding: 0; line-height: 30px;} .top p a {color: #fff;} .top.with-social p {line-height: 40px;} .top nav {float: right; display: block;} .top nav>ul {min-height: 30px; margin: 0; padding: 0; list-style: none; text-align: left;} .top nav>ul>li {float: left; position: relative; margin: 0;} .top nav>ul>li>a {display: inline-block; height: 30px; padding: 0 10px; color: #fff; line-height: 30px;} .top nav>ul>li:hover>a {background-color: #3f3f3f; color: #fff;} .top nav>ul>li.current-menu-item>a, .top nav>ul>li.current-menu-item:hover>a, .top nav>ul>li.current_page_item>a, .top nav>ul>li.current_page_item:hover>a, .top nav>ul>li.current-menu-ancestor>a {color: #fff; background-color: #ff8400;} .top nav>ul>ul {font-size: 1.182em; line-height: 1em;} .top li.cart > a {padding: 0 16px 0 30px; background: url("images/utils-cart.png") 8px 50% no-repeat;} .top li.login > a {padding: 0 16px 0 30px; background: url("images/utils-padlock.png") 8px 50% no-repeat;} .top li.dropdown > a {padding: 0 20px 0 10px; background: url("images/utils-down.png") 100% 50% no-repeat;} .top nav > ul > li > a:hover {background-color: #555;} @media (max-width: 800px) { .top p {margin-top: 3px;} } @media (max-width: 620px) { .top p {margin-top: 0;} } .main-header-wrapper {padding-top: 1px; background: #fff;} .main-header {position: relative; z-index: 0; max-width: 940px; margin: 0 auto;} .sticky .main-header-wrapper {padding-top: 0;} .sticky.sticky-transparent .main-header-wrapper {background: rgba(255,255,255,0.9);} .sticky.sticky-transparent .top {background: rgba(116,116,116,0.9);} header nav.social {text-align: right;} header nav.social ul {height: 24px; line-height: 24px;} .mainmenu {float: right; clear: right; margin: 10px 0 0;} .mainmenu ul {list-style: none; margin: 0;} .mainmenu>ul {padding: 9px 0 13px;} .sticky .mainmenu>ul {padding-top: 0;} .mainmenu>ul>li {float: left; position: relative; height: 20px; margin: 0 -1px 0 0;} .mainmenu>ul>li:first-child {border: none;} .mainmenu>ul>li>a {float: left; height: 20px; padding: 0 19px; border-left: 1px solid #e3e3e3; color: #3f3f3f; font: 300 1.231em/20px "Signika",sans-serif;} .mainmenu>ul>li:hover {z-index: 30; height: 43px; margin: -10px -1px 0 0; padding-bottom: 0;} .mainmenu>ul>li:hover>a {height: 40px; border-bottom: 3px solid #3f3f3f; background: #e6e6e6; color: #3f3f3f; line-height: 40px;} .mainmenu>ul>li>a:active {color: #ff8400;} .mainmenu>ul>li.current-menu-item>a, .mainmenu>ul>li.current_page_item>a, .mainmenu>ul>li.current-menu-ancestor>a {color: #ff8400;} .h1 .mainmenu>ul>li.current-menu-item:hover, .h1 .mainmenu>ul>li.current_page_item:hover, .h1 .mainmenu>ul>li.current-menu-ancestor:hover {height: 20px; margin: 0 -1px 0 0; padding-bottom: 13px;} .h1 .mainmenu>ul>li.current-menu-item:hover>a, .h1 .mainmenu>ul>li.current_page_item:hover>a, .h1 .mainmenu>ul>li.current-menu-ancestor:hover>a {height: 20px; padding: 0 19px; border-left: 1px solid #e3e3e3; background: none; border-bottom: none; line-height: 20px;} .mainmenu .select {width: 350px; max-width: 100%;} @media (max-width: 800px) { .mainmenu {margin-top: 0;} .main-header-wrapper .mainmenu {margin-bottom: 3px;} } @media (max-width: 645px) { .mainmenu {clear: both; float: none;} .main-header-wrapper .mainmenu {margin: 0;} .mainmenu .select {display: block; float: none; width: auto; margin: 0 auto 10px;} } .mainmenu>ul>li>ul {font-size: 0.923em;} .megamenu > ul > li > a {font-weight: bold;} .megamenu > ul, .top nav > ul > li.megamenu > ul {width: auto; padding: 10px 0; white-space: nowrap; font-size: 0;} .megamenu > ul > li {display: inline-block; margin: 0; vertical-align: top; font-size: 12px;} .megamenu > ul > li > ul {display: block; position: static; margin: 0; padding: 0; background: none; box-shadow: none; font-size: 12px; white-space: normal;} .megamenu.right > ul {left: auto; right: 0;} .megamenu.center > ul {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .megamenu > ul > li:hover > a {background: none;} header nav>ul ul {display: none; position: absolute; left: 0; top: 100%; width: 150px; margin: 0; padding: 10px 0 10px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); font-weight: 400;} header .top nav>ul>li>ul {width: 140px; font-size: 1.091em;} header .top nav>ul>li>ul ul {font-size: 1em;} header nav ul ul li {display: block; float: none; position: relative; margin: 0;} header nav ul ul li.parent>a {background: url("images/sm-arrow.png") 100% 50% no-repeat;} header nav ul ul li a {display: block; padding: 4px 15px 4px 14px; color: #3f3f3f;} header nav ul ul li a:hover, header nav ul ul li:hover>a {background-color: #ebebeb; color: #3f3f3f;} header nav ul ul>li.current-menu-item>a, header nav ul ul>li.current_page_item>a, header nav ul ul>li.current-menu-parent>a {background-color: #ebebeb; color: #3f3f3f;} header nav ul ul ul {display: none; position: absolute; left: 100%; top: -10px; font-size: 1em;} header li:hover>ul {display: block;} header nav>ul>li.right>ul {left: auto; right: 0;} header nav>ul>li.right ul ul {left: auto; right: 100%;} header nav.social>ul>li {text-align: left;} header nav a {-moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none;} header nav .select, header select {display: none;} header p.title {float: left; margin: 13px 0; color: #999; font: 400 1.154em "Signika",sans-serif;} header p.title a {display: block; color: #3f3f3f; font-size: 2.267em; font-weight: 400;} header p.title a:hover {color: #ff8400;} header p.title img {max-width: 100%; vertical-align: middle; height: auto;} header.sticky img {max-height: 20px; width: auto;} header p.main-header-msg {display: inline-block; margin: 13px 0 7px; padding: 0 19px 0 0; color: #999; font-size: 1.154em; line-height: 29px; text-align: right; vertical-align: middle;} @media (max-width: 800px) { header p.title {margin-top: 3px;} header.sticky img {max-height: none;} } header .searchform {float: right; margin-top: 18px;} .searchform fieldset {display: block; position: relative; background: #fff; border: 1px solid #ccc; border-radius: 2px;} .searchform input{margin: 0; width: 100%; padding: 6px 30px 6px 8px; border: none; box-shadow: none; background: #fff; color: #747474; font-size: 0.917em;} .searchform button {position: absolute; z-index: 2; top: 0; right: 0; white-space: nowrap; width: 24px; height: 26px; padding: 0; border: none; background: #fff url("images/search.png") center center no-repeat; box-shadow: none; line-height: 24px;} .searchform button .button-text {display: none;} .top .searchform {display: inline-block; width: 244px; margin-top: 7px; font-size: 1.091em;} .top .searchform fieldset {background: #fff;} .top .searchform button {height: 24px;} @media (max-width: 980px) { header section {margin: 0 -20px; padding: 0 20px;} header > .main-header {padding-left: 20px; padding-right: 20px;} .boxed header > .main-header {margin: 0 -20px; padding: 0 40px;} } @media (max-width: 800px) { header .top {height: auto; text-align: right;} header .top nav {width: 280px; margin-top: 3px;} header .top .searchform {margin: 6px 0;} header .top nav.social {width: auto; text-align: center; font-size: 0;} header .top nav.social>ul>li {float: none; display: inline-block;} header > .main-header nav .select {width: 350px;} header nav>ul {display: none;} header nav.social>ul {display: block; height: 24px; margin: 10px 0 0; padding: 0; line-height: 24px;} header nav .select {display: block; margin: 10px auto; text-align: left;} header > .main-header nav .select {margin: 0 0 9px;} header .top nav .select {margin: 2px 0 5px;} header nav .select select {display: auto; width: 100%;} header nav {padding-bottom: 1px; text-align: center; } header p.main-header-msg {padding: 0;} } @media (max-width: 645px) { header p.title strong {text-align: center;} header p.title {float: none; margin: 10px auto; text-align: center;} header .searchform {float: none; width: 220px; margin: 20px auto 0; text-align: center} header nav.social {margin-bottom: 10px; text-align: center;} header > .main-header nav {float: none; clear: left;} header > .main-header nav .select {width: auto;} } @media (max-width: 620px) { header .top p {float: none; text-align: center;} header .top {text-align: center;} header .top nav {clear: both; width: 100%; margin: 0 auto;} } @media (max-width: 400px) { header>section {padding: 5px 10px 0;} header .top p {float: none; text-align: center; } header .top {text-align: center;} header nav {padding: 0 10px 1px;} header nav.mainmenu {padding: 0 0 1px;} header .top nav {display: block; float: none; clear: both; width: auto; margin: 0 10px; padding: 0 0 5px;} header .top nav .select {display: block; width: auto; margin: 2px 0 5px;} .boxed header > .main-header {padding: 0 30px;} } .breadcrumb {border-bottom: 1px solid #e6e6e6; background-color: #ececec;} .breadcrumb div {max-width: 940px; margin: 0 auto; padding: 1em 0; color: #999; font-size: 0.846em; } .breadcrumb div div {display: inline; padding: 0; font-size: 1em;} .breadcrumb div a {color: #3f3f3f;} .breadcrumb div a:hover {color: #999;} .breadcrumb div .delimiter {display: inline-block; overflow: hidden; width: 20px; background: url("images/bcrumb-arrow.gif") 50% 50% no-repeat; text-indent: -50em; vertical-align: middle;} .content {position: relative; clear: both; max-width: 940px; margin: 0 auto; padding: 1px 0 40px;} .content:after {clear: both; display: block; height: 0; content: ' ';} .boxed .content {max-width: 100%; padding: 1px 30px 40px;} @media (max-width: 980px) { .content {max-width: 100%;} } aside {margin-top: 3em;} aside h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.5em; font-weight: 300;} aside h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;} .social ul, ul.social {overflow: hidden; margin: 10px 0;} .social ul li, ul.social li {display: inline-block; margin: 0 0 0 5px; list-style: none; width: 24px; height: 24px;} .social ul li:before, ul.social li:before {display: none;} .social ul li a, ul.social li a, .share.social a {display: inline-block; overflow: hidden; width: 24px; height: 24px; background: url("images/icons.png"); text-indent: -500em; opacity: 0.3;} .share.social a {vertical-align: middle;} .social ul li a:hover, ul.social li a:hover, .share.social a:hover {opacity: 1;} header .social ul {display: inline-block; vertical-align: middle; margin-bottom: 0;} footer {margin: 0 -7px; padding: 31px 7px 0; background: url("images/footer.png"); box-shadow: inset 0 3px 7px rgba(0,0,0,0.2); color: #aeaeae;} footer a {color: #ebebeb;} footer a:hover {color: #aeaeae;} footer section {overflow: hidden; margin: 0 auto; max-width: 940px;} footer section.widgets {font-size: 0;} footer section.bottom {overflow: hidden; padding: 10px 0 25px; color: #999; font-size: 0.923em;} footer section.widgets + section.bottom {padding: 20px 0; border-top: 1px solid #575757;} .boxed footer section.bottom {padding: 20px 0;} footer section.bottom p {float: left; margin: 0 0 1em; font-size: 0.917em;} footer nav.social {float: right; margin: 0;} footer nav.social ul {float: right; overflow: hidden; margin: 0;} footer nav.social ul li {float: left; margin-left: 8px;} footer article {display: inline-block; font-size: 12px; font-size: 0.75rem; vertical-align: top;} footer article h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #575757; color: #efefef; font-size: 1.5em; font-weight: 300;} footer article h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 1px solid #ff8400;} footer article ul {list-style: none;} footer article ul li {margin: 0 0 0.5em; line-height: 1.39em;} footer article.widget_photos ul li {display: inline-block; margin: 0 3px 6px 0;} footer article.widget ul.menu li:before {float: left; overflow: hidden; width: 7px; margin-right: 7px; content: "—"; color: #747474;} footer article.tagcloud a {padding: 0 2px;} footer article input {padding: 4px 10px; border: 1px solid #ccc; border-radius: 2px; font-size: 1.167em; vertical-align: top; color: #777;} footer article button {width: 35px; height: 28px; padding: 0; border-radius: 3px; line-height: 17px; vertical-align: top; box-shadow: 0 1px 1px rgba(0,0,0,0.18); text-align: center;} footer article th {padding: 3px 0; border-color: #575757; color: #AEAEAE; text-align: center;} footer article td {padding: 3px 0; border-color: #575757; text-align: center;} footer .widget ul.tabs a {color: #ebebeb;} footer .widget .tab-content .posts span {display: block;} footer .widget .tab-content img {float: left; margin: 0 10px 10px 0;} footer .widget .tab-content li {clear: left;} @media (max-width: 980px) { footer {margin: 0 -20px; padding: 25px 20px 0;} } .social a.email {background-position: 0 0;} .social a.facebook {background-position: -32px 0;} .social a.twitter {background-position: -64px 0;} .social a.pinterest {background-position: -96px 0;} .social a.rss {background-position: -128px 0;} .social a.linkedin {background-position: -160px 0;} .social a.flickr {background-position: -192px 0;} .social a.vimeo {background-position: -224px 0;} .social a.blogger {background-position: -256px 0;} .social a.tumblr {background-position: -288px 0;} .social a.skype {background-position: -320px 0;} .social a.behance {background-position: -352px 0;} .social a.googleplus {background-position: -384px 0;} .social a.youtube {background-position: -416px 0;} .social a.dribble {background-position: -448px 0;} .social a.instagram {background-position: -480px 0;} .social a.picasa {background-position: -512px 0;} .social a.github {background-position: -544px 0;} .social a.stumbleupon {background-position: -576px 0;} .social a.lastfm {background-position: -608px 0;} footer .social a.email {background-position: 0 -30px;} footer .social a.facebook {background-position: -32px -30px;} footer .social a.twitter {background-position: -64px -30px;} footer .social a.pinterest {background-position: -96px -30px;} footer .social a.rss {background-position: -128px -30px;} footer .social a.linkedin {background-position: -160px -30px;} footer .social a.flickr {background-position: -192px -30px;} footer .social a.vimeo {background-position: -224px -30px;} footer .social a.blogger {background-position: -256px -30px;} footer .social a.tumblr {background-position: -288px -30px;} footer .social a.skype {background-position: -320px -30px;} footer .social a.behance {background-position: -352px -30px;} footer .social a.googleplus {background-position: -384px -30px;} footer .social a.youtube {background-position: -416px -30px;} footer .social a.dribble {background-position: -448px -30px;} footer .social a.instagram {background-position: -480px -30px;} footer .social a.picasa {background-position: -512px -30px;} footer .social a.github {background-position: -544px -30px;} footer .social a.stumbleupon {background-position: -576px -30px;} footer .social a.lastfm {background-position: -608px -30px;} .soc-tooltip {position: absolute; z-index: 100; padding-bottom: 5px; background: url("images/social-tooltip.png") 50% 100% no-repeat;} .soc-tooltip p {height: 20px; margin: 0; padding: 0 8px; border-radius: 2px; background: #999; color: #fff; font-size: 0.846em; line-height: 20px;} .soc-tooltip.ft p {color: #3f3f3f;} @media (max-width: 645px) { header .social {text-align: center;} } @media (max-width: 550px) { footer nav.social {float: none; clear: both;} footer nav.social ul {float: none; text-align: center;} footer nav.social ul li {float: none; display: inline-block;} footer nav.social ul li a {display: inline-block; float: none;} footer section.bottom p {float: none; text-align: center;} } /* Column system ------------------------------------------ */ .columns {margin: 30px -10px; font-size: 0;} footer section.columns {max-width: 960px; margin: 0 auto;} .columns>h1 {margin-left: 10px; font-size: 30px;} .columns>h1:first-child {font-size: 33px;} .columns>h2 {margin-left: 10px; font-size: 28px;} .columns>h3 {margin-left: 10px; font-size: 24px;} .columns>h4 {margin-left: 10px; font-size: 20px;} .columns>h5 {margin-left: 10px; font-size: 18px;} .columns>h6 {margin-left: 10px; font-size: 16px;} .columns>p {margin-left: 10px; font-size: 13px;} .col {display: inline-block; margin: 0 0 20px; padding: 0 10px; font-size: 13px; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .col1 {width: 100%; margin: 0 0 50px;} .col2 {width: 50%;} .col3 {width: 33.334%;} .col4 {width: 25%;} .col5 {width: 20%;} .col6 {width: 16.667%;} .col23 {width: 66.667%;} .col34 {width: 75%;} .safari .col2 {width: 49.8%;} .safari .col3 {width: 32.5%;} .safari .col4 {width: 24.7%;} .safari .col5 {width: 19.5%;} .safari .col6 {width: 16.3%;} .safari .col23 {width: 66.5%;} .safari .col34 {width: 74.5%;} .columns>h2:first-child, .homepage section .columns h2:first-child, .why-us h2, h2.underline {margin: 0 0 1.5em; font-weight: 300; font-size: 24px;} .columns>h2:first-child {margin-left: 10px; margin-bottom: 1em;} .columns>h2:first-child {margin-bottom: 20px;} section .why-us h2:first-child span {padding-top: 0; padding-bottom: 7px;} .columns .more:first-child+h2 {clear: none; margin: 0 0 1em;} .columns .more:first-child {float: right; margin: 1em 0 0;} .why-us h2 {margin-top: 0;} .col2 img.post-thumbnail {width: 100%; max-width: 455px;} .homepage .col2 h2, .homepage .col3 h2 {font-size: 1.846em; font-weight: 400;} .col2 h2 a, .col3 h2 a, .col2 h2 a, .col3 h2 a {color: #3f3f3f;} .col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover {color: #ff8400;} .columns .post h2 {font-weight: 300;} .columns h2:first-child, .columns h2.underline:first-child {margin-top: 0;} .columns .col3 h3:first-child {margin-top: 0; font-size: 1.385em;} .columns .post h3:first-child {margin: 0; font-size: 1.538em;} .col .img img {width: 100%; max-width: 100%;} .col img {max-width: 100%;} .img > p {display: none;} .col2.post {margin-bottom: 40px;} .col3.post h2, .col2.post h2 {margin: 0.5em 0 0;} .col3 h3, .col4 h3 {margin: 0.5em 0; font-size: 1.538em;} .col3 h3 img, .col4 h3 img {width: auto; margin-right: 5px;} .col3 p {margin: 0.5em 0;} .img-border {max-width: 100%; width: auto;} a:hover span.img-border {opacity: 0.7;} .post>p>img, .single>article>p>img, .post>p>.img-border img, .single>article>p>.img-border img, .post .img-border img {max-width: 100%; height: auto;} *>.img-border>img {margin: 0;} @media (max-width: 980px) { footer section.columns {margin: 0 -10px;} } @media (max-width: 800px){ .col3, .col4, .col5, .col6, .col23, .col34 {width: 50%;} .safari .col3, .safari .col4, .safari .col5, .safari .col6, .safari .col23, .safari .col34 {width: 49.8%;} } @media (max-width: 400px) { .col2, .col3, .col4, .col5, .col6, .col23, .col34 {width: 100%} .safari .col2, .safari .col3, .safari .col4, .safari .col5, .safari .col6, .safari .col23, .safari .col34 {width: 100%} .col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;} } /* Widely used classes and styles ------------------------------------------ */ .more a {padding-left: 15px; background: url("images/more.png") 0 50% no-repeat; color: #3f3f3f;} .more a:hover {color: #ff8400;} .hidden {display: none;} a.go-top {display: none;} @media (min-width: 1100px){ a.go-top {position: fixed; right: 0; bottom: 50px; z-index: 100; display: block; overflow: hidden; width: 44px; height: 40px; background: #ff8400 url("images/go-top.png") 50% 50% no-repeat; text-indent: -50em; transition: background-color 0.25s ease 0s;} a.go-top:hover {background-color: #747474;} } h2.alt {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;} h2.alt span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 2px solid #ff8400;} .dc, .dc-alt {float: left; margin: 0.3em 10px 5px 0; color: #3f3f3f; font-size: 4em;} .dc-alt {color: #ff8400;} ul.tick li {margin: 7px 0; padding-left: 25px; background: url("images/tick.png") 0 1px no-repeat;} ul.tick li:before {display: none;} ul.dash li {margin-left: 0;} ul.dash li:before {overflow: hidden; float: left; width: 7px; margin-right: 10px; content: "—";} ul.unstyled {list-style: none;} ul.unstyled li {margin-left: 0; padding-left: 0;} iframe {max-width: 100%; border: none;} div.video {position: relative; padding-bottom: 45%; padding-top: 25px; height: 0;} div.video iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .img-border {display: inline-block; position: relative;} .img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 0 4px rgba(0,0,0,0.1); content: " ";} .fancy-borders-disabled .img-border:before {box-shadow: none;} .posts .img-border {width: auto;} .table {overflow-x: auto;} /* tabs */ ul.tabs {margin: 0 0 1em; border-bottom: 1px solid #dfdfdf;} ul.tabs:after {clear: both; display: block; height: 0; content: ' ';} ul.tabs li {float: left; margin: 2px 4px -2px 0; } ul.tabs a {float: left; margin: 0 0 1px; padding: 0 10px; border: 1px solid #dfdfdf; color: #3f3f3f; font: 300 1.231em/35px "Signika",sans-serif;} ul.tabs a.selected {padding-bottom: 2px; border: 1px solid #ff8400; border-bottom: 3px solid #d97000; background: #ff8400; color: #fff; line-height: 31px;} .tab-content h2 {font-weight: 300; font-size: 1.538em;} .col ul.tabs {padding-top: 7px;} @media (max-width: 600px) { ul.tabs li {float: none; margin: 0;} ul.tabs li a {float: none; display: block; margin: 0;} ul.tabs li a.selected {border-bottom-color: #d97000;} ul.tabs {height: auto;} } .tabbed.alt {font-size: 0;} .tabbed.alt ul.tabs {float: left; width: 25%; height: auto; margin: 0; border-bottom: none; font-size: 14px;} .tabbed.alt ul.tabs li {float: none; margin: 0 0 -1px;} .tabbed.alt ul.tabs li a {float: none; display: block; border-right: none; border-top: none;} .tabbed.alt ul.tabs li:first-child a {border-top: 1px solid #dfdfdf;} .tabbed.alt ul.tabs li:first-child a.selected {border-top: none;} .tabbed.alt .tab-content {overflow: hidden; padding: 0 0 0 15px; border-left: 1px solid #dfdfdf; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* pagination */ .wp-pagenavi {display: block; clear: both; margin: 1em 0; font-size: 17px;} .masonry .wp-pagenavi {position: absolute; top: 100%; left: 0; margin-top: 0; margin-bottom: -30px;} .wp-pagenavi span.current {display: inline-block; margin-right: 5px; padding: 0 5px; color: #ff8400;} .wp-pagenavi a {display: inline-block; margin-right: 5px; padding: 0 5px; color: #3f3f3f;} .wp-pagenavi a:hover {color: #ff8400;} .wp-pagenavi a.next {padding-right: 20px; background: url("images/more.png") right center no-repeat; font-size: 0.706em;} .wp-pagenavi a.prev {padding-left: 20px; background: url("images/back.png") left center no-repeat; font-size: 0.706em;} /* accordion */ ul.accordion {border-top: 1px solid #e5e5e5;} ul.accordion li {margin: 0; border-bottom: 1px solid #e5e5e5;} ul.accordion li>a {display: block; padding: 5px 0 5px 25px; color: #3f3f3f; font: 300 1.333em "Signika",sans-serif; outline: none;} ul.accordion li>a:before {float: left; position: relative; margin: -3px -20px 0; color: #ff8400; font: 400 1.308em "Signika",sans-serif; content: "+";} ul.accordion li>a.expanded:before {color: #aeaeae; content: "-";} ul.accordion li>div {display: none;} /* sliders in content */ .content-slider {overflow: hidden;} .content-slider > h2.underline {margin: 0 10px 0.75em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 24px;} .t01 .content-slider > h2.underline, .t02 .content-slider > h2.underline, .t03 .content-slider > h2.underline, .t04 .content-slider > h2.underline, .t05 .content-slider > h2.underline, .t06 .content-slider > h2.underline, .t07 .content-slider > h2.underline, .t08 .content-slider > h2.underline, .t09 .content-slider > h2.underline, .t10 .content-slider > h2.underline {margin-top: 0;} .t07 .content-slider>h2.underline {margin-bottom: 1.5em;} .content-slider>div.slider-box {position: relative; overflow: hidden; width: 100%; height: 250px; margin: 0; padding: 0;} .content-slider .controls {float: right; overflow: hidden; margin: 10px 10px 0 15px; padding: 0; background: #fff;} .t10 .content-slider .controls {margin-top: 0;} .content-slider .controls a {float: left; overflow: hidden; width: 22px; height: 22px; margin: 0; background: url("images/slider2-controls.png"); text-indent: -1000px; outline: none;} .content-slider .controls a.prev {background-position: 0 0;} .content-slider .controls a.next {background-position: -22px 0;} .content-slider article {display: inline-block; width: 220px; margin: 0; padding: 0 10px; font-size: 13px; vertical-align: top;} .main .content-slider article {width: 155px;} .wide .main .content-slider article {width: 220px;} .content-slider article.col6 {width: 141px;} .content-slider article h3 {margin: 0 0 0.5em 0; font-size: 18px;} .content-slider article h3 a {color: #3f3f3f;} .content-slider article h3 a:hover {color: #ff8400;} .content-slider article p {margin: 0; color: #999;} .content-slider article img {width: 100%; max-width: 220px; height: auto;} .content-slider article .img {position: relative; overflow: hidden; margin-bottom: 10px;} .content-slider article .actions {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); opacity: 0; transition: all 0.5s ease-in-out 0s;} .content-slider article .img:hover .actions {opacity: 1; transition: all 0.5s ease-in-out 0s;} .content-slider .actions ul {overflow: hidden; position: absolute; z-index: 3; top: 50%; left: 50%; list-style: none; width: 70px; margin: -20px 0 0 -40px; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;} .content-slider .actions ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;} .content-slider .actions ul li:first-child {margin-left: 0;} .content-slider .actions ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("images/actions.png"); text-indent: -500em; vertical-align: middle;} .content-slider .actions ul li a.view {background-position: 0 0;} .content-slider .actions ul li a.go {background-position: -34px 0;} /* Our clients logo list */ .our-clients .slider-box {height: 100px;} .our-clients .slider-box p {float: left; width: 140px; margin: 0 10px;} /* dividers ------------------------------------------ */ .divider {clear: both; overflow: hidden; margin: 1.5em 0; border: none; text-indent: 100%; white-space: nowrap;} .d1 {height: 0; border-top: 1px solid #e5e5e5;} .d2 {height: 0; border-top: 1px solid #ff8400;} .d3 {height: 16px; background: url("images/patterns/pattern12.png");} .d4 {height: 2px; border-width: 1px 0; border-style: solid; border-color: #e5e5e5;} .d5 {height: 1px; background: url("images/patterns/pattern13.png") repeat-x;} .d6 {height: 6px; background: url("images/patterns/pattern14.png") repeat-x;} .d7 {font: 300 1.231em/0.231em "Signika",sans-serif; text-align: center; text-transform: uppercase; text-indent: 0;} .d7 .box {display: inline-block; padding: 0 40px;} .d7 .line {display: block; position: relative; z-index: 0; height: 8px; border-bottom: 1px solid #e5e5e5;} .d7 .text {display: inline-block; position: relative; z-index: 1; top: -4px; height: 1em; margin: 0 40px; padding: 0 12px; background: #fff;} /* fullwidth ------------------------------------------ */ .fullwidth.parallax {background-attachment: fixed; background-size: cover;} .wide .fullwidth {margin-left: -100%; margin-right: -100%; padding-left: 100% !important; padding-right: 100% !important;} .boxed .wide .fullwidth {margin-left: -30px; margin-right: -30px; padding-left: 30px !important; padding-right: 30px !important;} .boxed .wide .fullwidth.with-edges {position: relative; margin-left: -40px; margin-right: -40px; padding-left: 40px !important; padding-right: 40px !important;} .boxed .wide .fullwidth.with-edges:before {position: absolute; left: 0; bottom: -10px; display: block; width: 0; height: 0; border: 5px solid #3f3f3f; border-color: #3f3f3f #3f3f3f transparent transparent; content: ' ';} .boxed .wide .fullwidth.with-edges:after {position: absolute; right: 0; bottom: -10px; display: block; width: 0; height: 0; border: 5px solid #3f3f3f; border-color: #3f3f3f transparent transparent #3f3f3f; content: ' ';} /* sliders ------------------------------------------ */ .slider {position: relative; z-index: 20; overflow: hidden;} .slider div.video {overflow: hidden; height: auto;} @media (max-width: 980px){ .slider {margin: 0 -20px;} } .slider > * {opacity:0;} .slider .loader, .slider10 .loader {position: absolute; left: 50%; top: 50%; z-index: 50; opacity: 1; width: 70px; height: 70px; margin: -35px 0 0 -35px; border-radius: 35px; background: rgba(255,255,255,0.5); color: #ccc; font-size: 50px; line-height: 70px; text-align: center;} .slider1 {width: 100%; height: 430px; background: #f0f1f2;} .boxed .slider1 {width: 100%; padding: 0;} .slider1 article {position: absolute; left: 0; top: 0; width: 100%; min-height: 430px; margin: 0;} .slider1 article div {position: absolute; left: 50%; top: 60px; z-index: 2; width: 480px; margin: 0 0 0 -480px;} .boxed .slider1 article div {margin: 0 0 0 -450px;} .slider1 article img, .slider1 article div.video {position: relative; left: 50%; top: 0; z-index: 1; width: 1260px; margin: 0 0 0 -630px;} .slider1 article div.video {width: 960px; margin-left: -480px;} .slider1 article h3 {margin: 0; color: #3f3f3f; font-size: 3.462em; line-height: 1.2em;}t .slider1 article h3 strong {color: #ff8400; font-weight: 300;} .slider1 article p {color: #3f3f3f; font-size: 1.077em;} .slider1 article p.cta {width: 254px; height: 59px; margin-top: 2em; padding: 0 15px; background: url("images/slider-cta-bg.png") no-repeat; line-height: 59px;} .slider1 article p.cta a {color: #3f3f3f;} .slider1 article p.cta a:hover {color: #ff8400;} .slider1 article p.cta a.button {margin-right: 15px; border: none; color: #fff; } .slider1 .next-prev {position: absolute; left: 0; top: 0; width: 100%; z-index: 50; margin: 0; padding: 0; list-style: none;} .slider1 .next-prev li {position: absolute; top: 50%; margin: 0; width: 30px;} .slider1 .next-prev .prev {left: 0;} .slider1 .next-prev .next {right: 0;} .slider1 .next-prev a {display: block; position: absolute; top: 50%; overflow: hidden; width: 30px; height: 100px; margin: -50px 0 0 0; background: url("images/slider1-controls.png"); text-indent: -1000px; outline: none;} .slider1 .next-prev .prev a {background-position: 0 -100px;} .slider1 .next-prev .prev a:hover {background-position: 0 0;} .slider1 .next-prev .next a {background-position: -30px -100px;} .slider1 .next-prev .next a:hover {background-position: -30px 0;} .slider1 .slider-pager {overflow: hidden; position: absolute; left: 50%; bottom: 20px; z-index: 50; margin: 0 0 0 -480px; padding: 0; list-style: none; opacity: 1;} .boxed .slider1 .slider-pager {margin-left: -430px;} .slider-pager li {display: inline-block; margin: 0; padding: 0;} .slider-pager a {float: left; overflow: hidden; width: 18px; height: 18px; background: url("images/paginator-orange.png") -13px 50% no-repeat; text-indent: 500px; outline: none;} .slider-pager a.selected {background-position: 4px 50%;} @media (max-width: 1260px){ .slider1 article {left: 0; margin-left: 0;} .slider1 .slider-pager {left: auto; right: 20px; margin-left: 0;} } @media (max-width: 1080px){ .slider1 article {left: 0; margin: 0 -20px 0 0; padding: 0 20px;} .slider1 article div, .boxed .slider1 article div {width: 60%; top: 30px; left: 40px; margin-left: 0;} .slider1 article p {font-size: 1em; line-height: 1.3em;} } @media (max-width: 980px){ .slider.slider1 {margin: 0 -20px; padding: 0 20px;} } @media (max-width: 940px){ .slider1 article div {top: 1em;} } @media (max-width: 790px) { .slider1 .next-prev {display: none;} .slider1 article {padding: 0;} .slider1 article div, .boxed .slider1 article div {left: 20px;} } @media (max-width: 650px) { .slider1 article h3 {font-size: 2.308em;} } .slider2 {max-width: 940px; height: 351px; margin: 0 auto; padding: 20px; } .slider2 article {position: absolute; left: 50%; top: 20px; width: 100%; max-width: 940px; margin-left: -470px;} @media (max-width: 960px){ .slider2 article {left: 0; margin-left: 0;} } .slider2 article {min-height: 80px;} .slider2 article img, .slider2 article div.video {position: static; width: 100%;} .slider2 article div {position: absolute; left: 0; bottom: 20px; width: 94%; margin: 0 3%; background: rgba(255,255,255,0.8);} .slider2 article div h3 {width: 80%; margin: 0 auto; padding: 10px 0; color: #3f3f3f; font-size: 1.769em; text-align: center;} .slider2 .slider-pager {display: none;} .slider2 .next-prev {position: absolute; left: 0; bottom: 85px; z-index: 50; width: 88%; height: 0; margin: 0 6%;} .slider2 .next-prev li {position: absolute; top: 10px; margin: 0; width: 22px;} .slider2 .next-prev .prev {left: 0;} .slider2 .next-prev .next {right: 0;} .slider2 .next-prev a {display: block; overflow: hidden; width: 22px; height: 22px; background: url("images/slider2-controls.png"); white-space: nowrap; text-indent: 100%; outline: none;} .slider2 .next-prev .prev a {background-position: 0 0;} .slider2 .next-prev .next a {background-position: -22px 0;} @media (max-width: 800px) { .slider2 article div h3 {font-size: 1.077em; line-height: 2em;} } @media (max-width: 400px) { .slider2 article div h3 {font-size: 0.923em;} } .slider3 {width: 100%; padding: 25px 0 30px; background: #ebebeb;} .slider3 .slider {height: 370px; overflow: visible!important;} .slider3>div {position: relative; overflow: visible; width: 94%; max-width: 940px; margin: 0 auto; padding-bottom: 15px; background: url("images/slider3-shadow.png") 50% 100% no-repeat;} .slider3 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 10px 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2);} .slider3 .img-border, .slider3 .video {float: left; width: 75%; max-width: 700px; margin: 0 20px 0 10px;} .slider3 .img-border img {width: 100%;} .slider3 h3 {margin: 0.5em 0; font-size: 2.615em; font-weight: 500; line-height: 1em;} .slider3 h3, .slider3 p {margin-right: 10px;} .slider3 p {font-size: 1.077em;} .slider3 p a.button {font-size: 0.929em;} .slider3 .next-prev {position: absolute; left: -30px; top: 0; z-index: 1; width: 100%; height: 70px; margin: 0; padding: 0 30px;} .slider3 .next-prev li {position: absolute; top: 0; height: 370px; margin: 0; padding: 0;} .slider3 .next-prev li.next {right: 0;} .slider3 .next-prev li.prev {left: 0;} .slider3 .next-prev a {display: block; overflow: hidden; position: absolute; top: 50%; width: 30px; height: 70px; margin-top: -35px; background: url("images/slider3-controls.png"); text-indent: -50em; opacity: .5;} .slider3 .next-prev a:hover {opacity: 1;} .slider3 .next-prev .next a {right: 0; background-position: -30px 0;} .slider3 .next-prev .prev a {left: 0; background-position: 0 0;} .slider3 .slider-pager {position: absolute; z-index: 50; left: 0; top: auto; bottom: -25px; width: 100%; margin: 0; padding: 0; text-align: center; opacity: 1;} /* uncomment to hide arrows for boxed version */ .boxed .slider3 .next-prev {display:none;} @media (max-width: 1045px) { .slider3 h3 {font-size: 2em;} .slider3 p {font-size: 1em;} } @media (max-width: 980px) { .slider3 {margin-left: -20px; margin-right: -20px; padding: 25px 20px 45px;} } @media (max-width: 940px) { .slider3 h3 {font-size: 1.692em;} .slider3>div {background-image: none;} } @media (max-width: 900px) { .slider3 h3 {font-size: 1.538em;} .slider3 .img-border {max-width: 60%;} .slider3>div {background: none;} } @media (max-width: 770px) { .slider3 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;} .slider3 h3, .slider3 p {margin-left: 10px; margin-right: 10px;} .slider3 article {margin: 0 -10px; padding: 10px;} .slider3 .next-prev .next a {right: -10px;} .slider3 .next-prev .prev a {left: -10px;} } .slider4 {width: 100%; padding: 25px 0 45px; background: #ececec;} .slider4 .slider {height: 308px; overflow: visible!important;} .slider4>div {position: relative; overflow: visible; width: 100%; max-width: 960px; margin: 0 auto;} .slider4 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 0;} .slider4 article>div {float: right; width: 63%; max-width: 600px; margin: 0 20px 0 10px; padding: 5px 0 15px; background: url("images/slider4-shadow.png") 50% 100% no-repeat;} .slider4 article>div>span {display: block;} .slider4 article>div>span, .slider4 article>div>div.video {box-shadow: 0 0 4px rgba(0,0,0,0.2);} .slider4 .img-border, .slider4 .video {border: 10px solid #fff; } .slider4 .img-border img {width: 100%;} .slider4 div.video {height: auto !important; padding: 0;} .slider4 h3 {margin: 0.5em 0; font-size: 2.846em; font-weight: 400; line-height: 1em;} .slider4 h3, .slider4 p {margin-right: 10px;} .slider4 p {font-size: 1.077em;} .slider4 h3+p {color: #3f3f3f; font: 300 1.643em/1.2em "Signika",sans-serif;} .slider4 p a.button {font-size: 0.929em;} .slider4 .next-prev {display: none;} .slider4 .slider-pager {position: absolute; top: auto; bottom: -40px; z-index: 50; width: 100%; margin: 0; text-align: center; opacity: 1;} /* uncomment to hide arrows for boxed version */ /*.boxed .slider4 .next-prev {display:none;}*/ @media (max-width: 1045px) { .slider4 h3 {font-size: 2em;} .slider4 p+p {font-size: 1em;} } @media (max-width: 980px) { .slider4 {margin-left: -20px; margin-right: -20px; padding: 25px 20px 45px;} } @media (max-width: 940px) { .slider4 h3 {font-size: 1.692em;} .slider4 article>div {background-image: none;} } @media (max-width: 900px) { .slider4 h3 {font-size: 1.538em;} .slider4 h3+p {font-size: 1.385em;} } @media (max-width: 770px) { .slider4 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;} } @media (max-width: 600px) { .slider4 article>span {float: none; width: 100%;} .slider4 article>div {float: none; width: auto; margin: 0;} } .slider5 {background: #4b3d30;} .slider5>div {overflow: hidden; width: auto; max-width: 940px; margin: 0 auto; padding: 45px 0 30px;} .slider5 form {float: left; width: 460px; max-width: 50%; height: 320px; font-size: 0;} .slider5 .slider {position: relative; float: right; width: 45%; max-width: 480px; padding: 0 0 23px; border: 10px solid #fff; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.15);} .slider5 article {position: absolute; left: 0; top: 0; width: 100%; padding: 0;} .slider5 article .img-border, .slider5 article .video {position: relative; z-index: 0;} .slider5 article .img-border img {width: 100%;} .slider5 .next-prev {display: none;} .slider5 .slider-pager {position: absolute; left: 0; bottom: -8px; width: 100%; margin: 0; text-align: center; opacity: 1;} .slider5 h2 {margin-top: 0; margin-bottom: 0.5em; border: none; color: #fff; font-size: 28px; line-height: 1.2em; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);} .slider5 h2 strong {color: #ff8400; font-weight: 500; } .slider5 h3 {position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; margin: 0; padding: 10px 0; background: rgba(0,0,0,0.6); color: #fff; font: 300 1.385em/1em "Signika",sans-serif; text-align: center;} .slider5 h2 + p {margin: 30px 0 15px; color: #fff; font: 300 23px "Signika", sans-serif; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);} .slider5 p.input {display: inline-block; width: 50%; margin: 0 0 10px 0; padding: 0 10px 0 0; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .slider5 p.input input {width: 100%; margin: 0; padding: 8px 10px; border: none; border-radius: 2px;} .slider5 p.textarea {margin: 0 0 10px; padding-right: 10px; font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .slider5 p.textarea textarea {width: 100%; max-width: 100%; height: 70px; min-height: 70px; margin: 0; padding: 8px 10px; border: none; border-radius: 2px; font-size: 1.077em;} .slider5 p.submit {margin: 0; font-size: 14px;} .slider5 form {height: auto;} .slider5 .msg.success {text-shadow: none;} @media (max-width: 980px) { .slider5 {margin: 0 -20px; padding: 0 20px;} .slider5>div {margin: 0 -20px; padding: 25px 20px;} .slider5 .slider {margin-right: 0;} } @media (min-width: 601px) and (max-width: 670px) { .slider5 h2 {font-size: 16px;} .slider5 h2 + p {font-size: 13px;} .slider5 h2:first-child {margin-right: 10px;} } @media (max-width: 600px) { .slider5 .slider {float: none; width: auto; margin: 0 auto 1em;} .slider5 form {float: none; width: 100%; max-width: 500px; margin: 1em auto;} } .slider6 {position: relative; padding: 25px 0 10px; background: #ebebeb;} .slider6>div {width: 95%; max-width: 940px; margin: 0 auto; padding-bottom: 15px; background: url("images/slider6-shadow.png") 50% 100% no-repeat;} .slider6>div>div {border: 10px solid #fff; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);} .slider6>div.loader {position: absolute; left: 50%; top: 50%; z-index: 50; opacity: 1; width: 70px; height: 70px; margin: -35px 0 0 -35px; padding: 0; border-radius: 35px; background: rgba(255,255,255,0.5); color: #ccc; font-size: 50px; line-height: 70px; text-align: center;} .slider6 .slides {float: left; position: relative; width: 81%!important; max-width: 750px; height: 344px;} .slider6 article {display: none; position: absolute; left: 0; top: 0; width: 100%; } .slider6 article:after {clear: both;} .slider6 article:first-child {display: block;} .slider6 article .img {overflow: hidden; width: 100%;} .slider6 article img {position: relative; z-index: 0; width: 100%; margin: 0;} .slider6 article h3 {position: absolute; left: -16px; bottom: 23px; z-index: 2; margin: 0; padding: 10px 30px; background: #fff; box-shadow: 0 0 3px rgba(0,0,0,0.15); color: #747474; font: 300 2.154em/1em "Signika", sans-serif;} .slider6 article h3:before {display: block; position: absolute; left: 0; bottom: -10px; content: ' '; width: 0; height: 0; border-left: 3px solid transparent; border-top: 5px solid #aeaeae; border-right: 3px solid #aeaeae; border-bottom: 5px solid transparent;} .slider6 .img-border, .slider6 .video {display: block;} .slider6 .menu {float: right; position: relative; width: 18%!important;} .slider6 .menu a.prev {display: block; overflow: hidden; height: 16px; background: #fff url("images/up-down.png") 50% 0 no-repeat; text-indent: -50em;} .slider6 .menu a.next {display: block; overflow: hidden; height: 16px; background: #fff url("images/up-down.png") 50% 100% no-repeat; text-indent: -50em;} .slider6 .menu div {overflow: hidden; position: relative; height: auto; margin-top: 6px;} .slider6 .menu ul {position: absolute; left: 0; top: 0; list-style: none; margin: 0; padding: 0;max-width:97%!important} .slider6 .menu li {width: 100%; margin: 0 0 6px; padding: 0;} .slider6 .menu li .img-border, .slider6 .menu li .img-border img {max-width: 100%;} .slider6 .caroufredsel_wrapper {width: 100% !important;height:100%!important} @media (max-width: 980px) { .slider6 {margin: 0 -20px; padding: 25px 20px 10px;} } @media (max-width: 960px) { .slider6>div {background: none;} } @media (max-width: 600px) { .slider6 article h3 {font-size: 1.385em;} } @media (max-width: 650px) { .slider6 .menu ul { width: 100%; } .slider6 .menu { margin-right: -4px; } } .slider7 {overflow: hidden; margin: 0; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGYwZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); } .slider7>div {margin: 0 -5px; padding: 0 5px; box-shadow: inset 0 -3px 2px 2px rgba(0,0,0,0.05);} .slider7>div>div {overflow: hidden; position: relative; width: 100%; max-width: 960px; margin: 0 auto; padding: 25px 0;} .slider7 .slider {position: relative; z-index: 2; float: right; width: 68%; max-width: 650px; height: 360px; margin: 0; padding: 0; box-shadow: 0 0 4px rgba(0,0,0,0.25);} .slider7 article {overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: #fff;} .slider7 article img, .slider7 article div.video {position: absolute; z-index: 1; left: 0; top: 0; width: 100%; margin: 0; padding: 0;} .slider7 article img { height: 100%; width: auto; } .slider7 article div.video {position: static; height: auto !important; max-width: 100%; max-height: 100%;} .slider7 article div.fluid-vids {padding: 0;} .slider7 article div {position: relative; z-index: 2; float: right; width: 40%; padding: 40px 20px 0;} .slider7 h3 {margin: 0 0 0.5em; color: #fff; font-size: 2.462em;} .slider7 article p {color: #fff; font-size: 1.077em;} .slider7 .next-prev, .slider7 .slider-pager {display: none; opacity: 1;} .slider7 .controls {position: absolute; left: 0; z-index: 1; width: 33%; margin-left: 0;} .slider7 .controls .button {margin: 0 15px;} .slider7 .controls ul {margin: 10px 0 3em;} .slider7 .controls ul li {margin: 0; padding: 0;} .slider7 .controls ul a {display: block; padding: 15px 0; color: #3f3f3f; font: 300 1.385em/1em "Signika",sans-serif; outline: none;} .slider7 .controls ul a:hover, .slider7 .controls ul .active a {background: rgba(0,0,0,0.12);} .slider7 .controls ul a:before {float: left; width: 30px; height: 30px; margin: -5px 10px 0 15px; border-radius: 16px; background-color: #999; background-position: 50% 50%; background-repeat: no-repeat; content: ' ';} .slider7 .controls ul .active a:before {background-color: #ff8400;} .slider7 .controls ul a:before {background-image: url("images/icon-camera.png");} .slider7 .controls ul a.info:before {background-image: url("images/icon-info.png");} .slider7 .controls ul a.cart:before {background-image: url("images/icon-cart.png");} .slider7 .controls ul a.people:before {background-image: url("images/icon-people.png");} .slider7 .controls ul a.mail:before {background-image: url("images/icon-mail.png");} @media (max-width: 1000px) and (min-width: 651px) { .slider7 {margin: 0 -20px; padding: 0 20px;} .slider7>div {margin: 0 -20px;} .slider7 .controls ul a {font-size: 1.077em;} .slider7 .controls ul a:before {margin-top: -8px;} } @media (max-width: 880px) and (min-width: 651px) { .slider7 .controls {left: -10px;} .slider7 .slider {margin-right: 10px;} .slider7 h3 {font-size: 1.385em;} } @media (max-width: 840px) and (min-width: 651px) { .slider7 .slider {width: 60%;} .slider7 .controls {width: 40%;} .slider7 .controls ul {margin-bottom: 1em;} } @media (max-width: 800px) and (min-width: 651px) { .slider7 .controls ul a {padding: 12px 0;} } @media (max-width: 700px) and (min-width: 651px) { .slider7 .controls ul {margin: 0;} .slider7 .controls ul a:before {display: none;} .slider7 .controls ul a {padding: 10px;} .slider7 article div {padding: 20px 10px 0;} .slider7 h3 {font-size: 1.154em} .slider7 article p {font-size: 1em; line-height: 1.2em;} } @media (max-width: 650px) { .slider7 {margin: 0 -20px; padding: 0 20px;} .slider7>div {margin: 0 -20px;} .slider7 .controls {position: static; float: none; clear: both; width: 100%; margin-left: 0;} .slider7 .slider {float: none; width: 100%;} } @media (max-width: 650px) { .slider7 h3 {font-size: 1.462em;} .slider7 article div {padding: 20px 10px 0;} } @media (max-width: 450px) { .slider7 h3 {font-size: 1.231em; line-height: 1.2em;} .slider7 article p {font-size: 1em; line-height: 1.2em;} } .slider8 {position:relative; width: 100%; height: 542px;} .slider8 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; height: 100%; padding: 0;} .slider8 article>div {position: relative; z-index: 2; width: 100%; max-width: 940px; height: 100%; margin: 0 auto;} .slider8 article>div>div {float: right; width: 28%; height: 100%; max-width: 275px; margin: 0; padding: 1px 20px; background: rgba(0,0,0,0.75); color: #fff;} .slider8 img {position: absolute; left: 0; top: 0; z-index: 1; width: 100%;} .slider8 h3 {margin: 1em 0 0.5em; color: #fff; font-size: 2.769em; font-weight: 300; line-height: 1em;} .slider8 h3 strong {color: #ff8400; font-weight: 300;} .slider8 p a.cta {display: inline-block; height: 30px; padding: 0 30px 0 20px; background: url("images/slider-cta-bg.png") 100% 50% no-repeat; color: #3f3f3f; font-size: 0.929em; font-weight: 700; line-height: 30px; text-transform: uppercase;} .slider8 .next-prev {position: absolute; left: 0; top: 50%; z-index: 50; width: 100%; height: 0; margin: -30px 0 0;} .slider8 .next-prev li {margin: 0; width: 30px;} .slider8 .next-prev .prev {float: left;} .slider8 .next-prev .next {float: right;} .slider8 .next-prev a {display: block; overflow: hidden; width: 30px; height: 60px; background: url("images/slider8-controls.png") no-repeat; background-color: rgba(255,255,255,0.9); text-indent: -1000px; outline: none;} .slider8 .next-prev a:hover {background-color: #fff;} .slider8 .next-prev .prev a {background-position: 0 50%;} .slider8 .next-prev .next a {background-position: -30px 50%;} .slider8 .slider-pager {position: absolute; z-index: 50; left: 50%; z-index: 100; top: auto; bottom: 30px; width: 275px; margin: 0 0 0 170px; padding: 0 20px; opacity: 1;} .slider8 .slider-pager li {display: inline-block; width: 18px; margin: 0; padding: 0;} .slider8 .slider-pager a {float: left; overflow: hidden; width: 10px; height: 10px; border-radius: 6px; background: rgba(255,255,255,0.4); text-indent: 500px; outline: none;} .slider8 .slider-pager a.selected {background: rgba(255,255,255,1);} /* uncomment to hide arrows for boxed version */ /* .boxed .slider8 .next-prev {display: none;} */ @media (max-width: 1000px) { .slider8 .slider-pager {left: auto; right: 0; bottom: 10px; width: 28%;} } @media (max-width: 980px) { .slider8 {margin: 0 -20px; padding: 0 20px;} } @media (max-width: 960px) { .slider8 article>div>div {width: 50%; max-width: 50%; padding-right: 40px;} .slider8 .slider-pager {width: auto;} } @media (max-width: 800px) { .slider8 h3 {font-size: 2em;} } @media (max-width: 650px) { .slider8 article>div>div {width: 75%; max-width: 75%;} .slider8 h3 {font-size: 1.5em;} .slider8 p {line-height: 1.2em;} } @media (max-width: 580px) { .slider8 h3 {font-size: 1.3em;} .slider8 p {font-size: 0.917em; line-height: 1.2em;} } @media (max-width: 420px) { .slider8 h3 {font-size: 1em;} .slider8 p {font-size: 0.769em;} .slider8 p a.cta {padding: 0; height: auto; background: none; color: #fff; line-height: 1em;} } @media (max-width: 400px) { .slider8 .next-prev li.prev {padding-left: 10px;} .slider8 .next-prev li.next {padding-right: 10px;} .slider8 h3 {margin-bottom: -0.5em; font-size: 0.923em;} } .slider9 {position:relative; width: 100%; padding: 30px 0 65px; background: #f6f6f6;} .slider9 .slider {max-width: 940px; height: 347px;overflow:visible!important} .slider9>div {position: relative; overflow: visible; width: 100%; max-width: 960px; margin: 0 auto;} .slider9 article {position: absolute; left: 0; top: 0; z-index: 2; overflow: hidden; width: 100%; padding: 0;} .slider9 article>div {float: right; width: 60%; max-width: 580px; margin: 2px 2px 2px 0; padding: 0 0 15px; background: url("images/slider4-shadow.png") 50% 100% no-repeat;} .slider9 article>div>div {position: relative; padding: 10px; background: #fff; box-shadow: 0 0 2px rgba(0,0,0,0.1);} .slider9 .img-border {border: none;} .slider9 .video {width: auto;} .slider9 .img-border img {width: 100%;} .slider9 h3 {margin: 0.5em 0; font-size: 2.615em; font-weight: 400; line-height: 1em;} .slider9 h3, .slider9 p {margin-right: 10px;} .slider9 h3+p {font: 300 1.385em/1.2em "Signika",sans-serif;} .slider9 p a.button {margin-right: 20px; font-size: 0.929em;} .slider9 p .more {white-space: nowrap;} .slider9 .next-prev {display: none;} .slider9 .slider-pager {display: none; opacity: 1;} .slider9 .slider-titles {position: absolute; z-index: 21; left: 0; bottom: 0; width: 100%; height: 50px; margin: 0; border-bottom: 1px solid #636363; background: #747474; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset; list-style: none; text-align: center;} .slider9 .slider-titles li {display: inline-block; height: 50px; margin: 0;} .slider9 .slider-titles li:hover, .slider9 .slider-titles li.active {background: #3f3f3f;} .slider9 .slider-titles a {display: inline-block; height: 50px; padding: 0 20px; color: #fff; font: 300 1.154em/50px "Signika",sans-serif;} .slider9 .slider-titles .active>a {margin-top: -6px; padding-top: 6px; background: url("images/arrow-up-gray.png") 50% 0 no-repeat;} @media (max-width: 980px) { .slider9 {margin-left: -20px; margin-right: -20px; padding: 25px 20px 65px;} .slider9 .slider-titles li a {padding: 0 10px;} } @media (max-width: 900px) { .slider9 h3 {font-size: 2em;} .slider9 .slider-titles a {font-size: 1em;} } @media (max-width: 770px) { .slider9 .img-border {display: block; float: none; width: auto; max-width: 770px; margin: 0;} .slider9 {padding-bottom: 25px;} .slider9 article>div {float: none; width: auto; max-width: 770px; margin: 0;} .slider9 .slider-titles {display: none;} .slider9 .slider-pager {display: block; position: absolute; top: auto; bottom: -17px; width: 100%; margin: 0; text-align: center;} .slider9 h3 {font-size: 1.538em;} .slider9 h3+p {font-size: 1em;} } @media (max-width: 400px) { .slider9 {margin-left: -10px; margin-right: -10px; padding: 25px 10px 65px;} } .slider10 {position: relative; overflow: hidden; width: 100%; max-width: 1070px; height: 330px; margin: 0 auto; padding: 40px 0 0;} .slider10 ul {overflow-x: scroll; width: 100%; max-width: 940px; margin: 0 auto; padding: 0 0 20px; list-style: none; white-space: nowrap;} .slider10 li {display: inline-block; margin: 0 16px 0 0; padding: 0;} .slider10 li:last-child {margin-right:0} .slider10>a {display: block; position: absolute; z-index: 10; top: 40px; overflow: hidden; width: 60px; height: 300px; background: #fff url("images/slider10-controls.png") 0 50% no-repeat; text-indent: -50em;} .slider10>a.prev {left: 0; background-position: 0 50%;} .slider10>a.next {right: 0; background-position: 100% 50%;} /* comment or remove this line to show navigation arrows */ .boxed .slider10>a {display: none;} @media (max-width: 1070px) { .slider10>a {width: 30px;} } @media (max-width: 960px) { .slider10>a {display: none;} } .slider11 {border-bottom: 1px solid #ececec; background: #f7f7f7;} .slider11>div {position: relative; width: auto; max-width: 940px; height: 430px; margin: 0 auto;} .slider11 article {position: absolute; left: 0; top: 0; overflow: hidden; width: 100%; min-height: 362px; max-width: 590px; padding: 25px 350px 0 0;} .slider11 article div {float: left; width: 44.3%; padding-right: 4%;} .slider11 article img {float: left; width: 51.7%; max-width: 305px;} .slider11 .next-prev {display: none;} .slider11 .slider-pager {position: absolute; left: 0; bottom: 25px; margin: 0; opacity: 1;} .slider11 h3 {margin-top: 1em; font-size: 2.615em; font-weight: 400;} .slider11 h3+p {color: #747474; font: 300 1.385em "Signika",sans-serif;} .slider11 p.more {font-size: 0.923em;} @media (max-width: 980px) { .slider11 {margin: 0 -20px; padding: 0 20px;} .slider11 article {width: 60%; max-width: 60%;} } @media (max-width: 920px) { .slider11 article {width: 100%; max-width: 100%; min-height: 0; padding-right: 0;} } @media (max-width: 630px) { .slider11 h3 {margin-top: 0; font-size: 1.846em;} .slider11 h3+p {font-size: 1.077em;} .slider11 article {height: auto;} } @media (max-width: 450px) { .slider11 article {text-align: center;} .slider11 article div {float: none; width: 100%; margin: 0 auto 1em; text-align: left;} .slider11 article img {float: none; margin: 1em 0;} } .slider12 {position:relative; width: 100%; padding: 25px 0; border-bottom: 1px solid #e4e4e4; background: #f6f6f6;} .slider12 .slider {position: relative; width: 100%; max-width: 940px; height: 360px; margin: 0 auto; background: url("images/footer.png"); box-shadow: inset 0 0 7px rgba(0,0,0,0.15); } .slider12 article {position: absolute; left: 0; top: 0; width: 100%; max-width: 940px; overflow: hidden;} .slider12 .img {float: left; width: 65%; max-width: 610px;} .slider12 .img img, .slider12 .video {width: 100%;} .slider12 .video {height: auto !important; padding: 0;} .slider12 .text {float: right; width: 29%; padding: 0 3% 0 0; color: #fff;} .slider12 h3 {color: #fff; font-weight: 300; font-size: 2em;} .slider12 p {color: #ccc;} .slider12 article a {color: #fff; text-decoration: none;} .slider12 article a:hover {color: #ccc;} .slider12 .next-prev {position: absolute; right: 0; bottom: 0; z-index: 31; height: 50px; padding: 0; margin: 0 10px 0 0;} .slider12 .next-prev li {float: left; margin: 0; padding: 0;} .slider12 .next-prev li a {float: left; overflow: hidden; width: 30px; height: 50px; background: url("images/slider12controls.png") no-repeat; text-indent: -50em;} .slider12 .next-prev li.prev a {background-position: 10px 0;} .slider12 .next-prev li.prev a:hover {background-position: 10px -50px;} .slider12 .next-prev li.next a {background-position: -20px 0;} .slider12 .next-prev li.next a:hover {background-position: -20px -50px;} .slider12 .slider-pager {position: absolute; left: 65%; bottom: 0; z-index: 30; width: 40%; height: 50px; margin: 0; padding: 0 0 0 3%; background: rgba(0,0,0,0.4); line-height: 50px; opacity: 1;} .slider12 .slider-pager li {display: inline-block; margin: 0; vertical-align: middle;} .slider12 .slider-pager a {background: url("images/paginator-slider12.png") -12px 4px no-repeat;} .slider12 .slider-pager a.selected {background-position: 5px 4px;} @media (max-width: 980px) { .slider12 {margin: 0 -25px; padding: 25px;} } @media (max-width: 880px) { .slider12 h3 {font-size: 1.25em;} .slider12 p {font-size: 0.923em; line-height: 1.3em;} } @media (max-width: 720px) { .slider12 h3 {margin: 0.5em 0;} } @media (max-width: 675px) { .slider12 .img {width: 50%;} .slider12 .text {width: 45%;} .slider12 h3 {font-size: 1em;} .slider12 .slider-pager {left: 50%; padding-left: 2%; width: 50%; height: 35px; line-height: 35px;} .slider12 .next-prev, .slider12 .next-prev li a {height: 35px;} .slider12 .next-prev li.prev a {background-position: 10px -7px;} .slider12 .next-prev li.prev a:hover {background-position: 10px -57px;} .slider12 .next-prev li.next a {background-position: -20px -7px;} .slider12 .next-prev li.next a:hover {background-position: -20px -57px;} } @media (max-width: 675px) { .slider12 .slider {padding-bottom: 50px;} .slider12 .img, .slider12 .text {float: none; width: auto;} .slider12 .text {padding: 10px 20px;} .slider12 h3 {font-size: 2em;} .slider12 p {font-size: 1em;} .slider12 .slider-pager {left: 0; width: 100%; height: 50px; line-height: 50px;} .slider12 .next-prev, .slider12 .next-prev li a {height: 50px;} .slider12 .next-prev li.prev a {background-position: 10px 0;} .slider12 .next-prev li.prev a:hover {background-position: 10px -50px;} .slider12 .next-prev li.next a {background-position: -20px 0;} .slider12 .next-prev li.next a:hover {background-position: -20px -50px;} } @media (max-width: 400px) { .slider12 h3 {font-size: 1.25em;} .slider12 p {font-size: 0.923em;} } /* Home page styles ------------------------------------------ */ .hp-quote {clear: both; width: 70%; margin: 25px auto; padding: 15px 0 15px 55px; background: url("images/quote.png") 0 30px no-repeat; color: #747474;} .hp-quote blockquote, blockquote.hp-quote {margin: 0; padding: 0; border: none;} article .hp-quote {width: auto; padding: 0 0 0 55px; background-position: 0 0;} .hp-quote p {margin: 0.5em 0; font: 300 1.846em/1.1em "Signika",sans-serif;} .hp-quote p.signature {font: normal 1em "Arial",sans-serif; text-align: right;} .hp-quote p.signature span {color: #3f3f3f;} .why-us ul {margin-top: 0; color: #3f3f3f; font-size: 0.923em;} .why-us li {margin-left: 0; padding-left: 25px; background: url("images/tick.png") 0 1px no-repeat;} .homepage section .why-us h2 {margin-bottom: 1em;} .hp-latest2 .col2 h2 {font-size: 1.538em;} .homepage .tabbed .tab-content h2 {font-weight: 400;} .homepage .tabbed .img-border:before {box-shadow: inset 0 0 0 3px rgba(0,0,0,0.1);} /* intro */ .hp-intro {overflow: hidden; margin: 0; padding: 20px 0;} .boxed .hp-intro {margin: 0 -30px; padding: 20px;} .hp-intro p.cta {float: right; height: 79px; margin: 0; padding: 0 20px 0 50px; background: url("images/cta.png") left center no-repeat; font-size: 1.231em; line-height: 79px;} .hp-intro p.slogan {float: left; width: 60%; margin: 0; color: #3f3f3f; font: 300 2em/1.3em "Signika",sans-serif;} .boxed .hp-intro p.slogan {margin-left: 2%;} .intro {margin-bottom: 3em;} .intro h1 {font-weight: 300; font-size: 2.462em; line-height: 1.2em;} .intro h1 strong {color: #ff8400; font-weight: 300;} @media (max-width: 820px) { .hp-intro p.cta, .hp-intro p.slogan, .boxed .hp-intro p.slogan {float: none; width: 90%; margin: 1em auto; padding: 0; background: none; text-align: center;} .hp-intro p.cta a {display: block; padding: 10px; text-align: center;} } /* services list */ ul.hp-services {margin: -1.5em 0 0; padding: 0; list-style: none;} ul.hp-services li {overflow: hidden; margin: 0; padding: 20px 0; border-top: 1px solid #dfdfdf;} ul.hp-services li:first-child {border-top: none;} ul.hp-services li img {float: left; width: auto; margin-right: 25px;} ul.hp-services li div {overflow: hidden;} ul.hp-services li h3 {margin: 0 0 0.5em; font-size: 1.846em;} ul.hp-services li h3 a {color: #3f3f3f;} ul.hp-services li h3 a:hover {color: #ff8400;} .homepage .col3 h3 {margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em;} .homepage .col3 h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #ff8400;} .homepage .col4 h3, .homepage .with-icons .col3 h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.538em;} .homepage .col4 h3 a, .homepage .col3 h3 a {color: #3f3f3f;} .homepage .col4 h3 a:hover, .homepage .col3 h3 a:hover {color: #ff8400;} .homepage h2+p {margin-top: 0;} .latest h3 {margin-bottom: 0; font-size: 1.538em; font-weight: 400;} .latest h3 a {color: #3f3f3f;} .latest h3 a:hover {color: #ff8400;} .latest article {clear: both;} .latest .post-meta {margin-bottom: 0.75em; margin-top: 0.7em;} .cat-archive>section {position: relative; overflow: visible; margin-bottom: 30px;} .cat-archive h3.category-title {position: absolute; left: 4px; top: 10px; z-index: 5; margin-top: 0; padding: 0 10px; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.2); background: #ff8400; color: #fff; font-size: 1.538em; font-weight: 400; line-height: 40px;} .cat-archive h3.category-title:before {position: absolute; left: 0; top: 40px; width: 0; height: 0; border-right: 3px solid #c76700; border-top: 3px solid #c76700; border-left: 3px solid #fff; border-bottom: 3px solid #fff; content: " ";} .cat-archive ul {list-style: none;} .cat-archive ul li {margin: 0.75em 0; font: 300 1.231em "Signika",sans-serif;} .cat-archive ul li p {margin: 1em 0 2em; font: 400 0.813em/1.3em "Arial",sans-serif;} .cat-archive ul li a {color: #3f3f3f;} .cat-archive ul li a:hover {color: #ff8400; text-decoration: none;} .cat-archive ul li:first-child {margin-bottom: 1em; border-bottom: 1px solid #dfdfdf;} .cat-archive ul li:first-child h4 {margin: 0.5em 0; font-size: 1.25em;} .cat-archive .img {min-height: 50px; margin: 0.5em 0; background: #ccc;} .cat-archive .img img {width: 100%; height: auto;} .cat-list li {margin: 0; padding: 0; font-size: 0.923em;} .cat-list a {color: #3f3f3f; font-size: 1.083em;} .cat-list a:hover {color: #ff8400;} .product-list-full h2:first-child {margin-bottom: 1.5em; border-bottom: 1px solid #dfdfdf; font-size: 1.846em} .product-list-full ul {list-style: none;} .product-list-full ul li {overflow: hidden; margin: 1em 0;} .product-list-full ul li .img {float: left; margin: 0 20px 20px 0;} .product-list-full ul li p {overflow: hidden;} .product-list-full ul li h3 {margin: 0; font-size: 1.538em;} .product-list-full ul li h3 a {color: #3f3f3f;} .product-list-full ul li h3 a:hover {color: #ff8400;} .product-list-full ul li dl {margin: 1em 0; font-size: 0.923em; line-height: 1em;} .product-list-full ul li dl dt {padding: 0 5px 0 10px;} .product-list-full ul li dl dd {padding: 0 10px 0 5px; color: #747474;} /* portfolio ------------------------------------------*/ h1+.columns.portfolio {margin-top: 0;} .portfolio h2 {border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;} .columns.portfolio {margin-bottom: 0;} .columns.portfolio>h2:first-child {margin-top: 0;} .columns.portfolio+.columns.portfolio {margin-top: 0;} .portfolio article {display: inline-block; margin-bottom: 30px;} .portfolio article img {width: 100%; height: auto;} .portfolio article h3, .homepage .portfolio article h3 {margin: 0.5em 0; border-bottom: none; font-size: 1.385em;} .portfolio article h3 a {color: #3f3f3f;} .portfolio article h3 a:hover {color: #ff8400;} .portfolio article p {margin: 0; color: #999;} .portfolio article>div {position: relative; overflow: hidden;} .portfolio article div div {position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(255,132,0,0.8); text-align: center; opacity: 0; transition: all 0.5s ease-in-out 0s;} .portfolio article div:hover div, .portfolio article div.item-selected div {opacity: 1; transition: all 0.5s ease-in-out 0s;} .portfolio article div ul {display: inline-block; overflow: hidden; position: absolute; top: 50%; left: 50%; z-index: 3; list-style: none; margin: -20px 0 0 -40px; padding: 5px; border-radius: 20px; background: rgba(255,255,255,0.3); text-align: center;} .portfolio article div ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;} .portfolio article div ul li:first-child {margin-left: 0;} .portfolio article div ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: url("images/actions.png"); text-indent: -500em; vertical-align: middle;} .portfolio article div ul li a.view {background-position: 0 0;} .portfolio article div ul li a.go {background-position: -34px 0;} .portfolio article p {line-height: 1.3em;} .col1 .img {float: left; width: 64%; max-width: 600px; margin-right: 4%;} .portfolio article.col1 h3 {font-size: 1.538em;} .portfolio article.col1 p {margin: 1.5em 0;} .portfolio article .video-code {display: none; position: absolute;} .slider.portfolio-slider {overflow: hidden; max-width: 940px; height: 410px; margin: 30px auto;} .slider.portfolio-slider article {position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;} .slider.portfolio-slider img {position: static; width: 100%;} .slider.portfolio-slider div {position: absolute; left: 0; bottom: 15px; width: 280px; padding: 10px 20px; background: rgba(0,0,0,0.70);} .slider.portfolio-slider div p {color: #fff;} .slider.portfolio-slider div h3 {margin: 0.5em 0; color: #fff; font-size: 1.385em;} .slider.portfolio-slider .next-prev {display: none;} .slider.portfolio-slider .slider-pager {position: absolute; left: auto; right: 20px; bottom: 15px; z-index: 3; opacity: 1; overflow: hidden; margin: 0; padding: 8px; border-radius: 13px; background: rgba(0,0,0,0.5); line-height: 26px;} .slider.portfolio-slider .slider-pager li {float: left; margin: 0 0 0 7px; padding: 0;} .slider.portfolio-slider .slider-pager li:first-child {float: left; margin: 0;} .slider.portfolio-slider .slider-pager li a {float: left; overflow: hidden; width: 10px; height: 10px; border-radius: 6px; background: #b6b4b2; text-indent: -50em;} .slider.portfolio-slider .slider-pager li a.selected {background: #fff;} @media (max-width: 550px) { .slider.portfolio-slider div {padding: 5px 10px;} .slider.portfolio-slider div p {font-size: 0.923em; line-height: 1.2em;} .slider.portfolio-slider div h3 {margin: 0;} } /* masonry post/project list */ .masonry {position: relative; margin: 30px -10px;} .masonry .filters {margin-left: 10px;} .brick {display: inline-block; vertical-align: top; margin-bottom: 20px; padding: 0 10px; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .m4 .brick {width: 25%;} .m2 .brick {width: 50%;} .brick h2 {font-size: 1.538em;} .brick p.descr, .brick p.more {padding-bottom: 20px; border-bottom: 1px solid #dfdfdf;} .brick.sticky p.more {border-bottom-width: 2px;} @media (max-width: 800px) { .m4 .brick {width: 50%;} } @media (max-width: 400px) { .m4 .brick, .m2 .brick {width: 100%;} } .with-icons>h2 {border-bottom: 1px solid #dfdfdf;} /* post list filters */ .filters {display: block; visibility: hidden; overflow: hidden; margin: 2em 0 1em; color: #999; font-size: 12px;} .filters:first-child {margin-top: 0;} .filters p {display: inline-block; margin: 0 5px 0 0;} .filters ul {display: inline; margin: 0; padding: 0; list-style: none;} .filters ul li {display: inline; margin: 0;} .filters ul a {display: inline-block; padding: 0 5px; color: #3f3f3f;} .filters ul a:hover {color: #ff8400;} .filters ul a.selected {background: #ff8400; color: #fff;} .columns .filters {margin: 0; padding: 0 10px 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .post-list .filters ul a {padding: 0 10px 0 0;} /* single project */ .project {overflow: hidden; margin-bottom: 1.5em; padding-bottom: 40px; border-bottom: 1px solid #dfdfdf;} .project .img {float: left; width: 60%; max-width: 600px; margin-right: 2%;} .project img {width: 100%;} .project .descr {float: right; width: 36%;} .project p.copyright {margin-top: 0; padding-left: 1px; color: #999; font-size: 1.077em;} .project p.copyright a {color: #3f3f3f;} .project p.copyright a:hover {color: #ff8400;} .project dl {overflow: hidden; margin: 1.5em 0; padding:0 0 0 20px; border-left: 2px solid #ff8400;} .project dt {margin-top: 1.5em; color: #999; font-weight: 400; font-size: 0.846em;} .project dt:first-child {margin-top: 0;} .project dd {color: #3f3f3f; font-size: 0.923em;} .project.wide p.copyright {margin: 1.5em 0;} .project.wide p.copyright span {padding: 0 5px;} .project.wide .descr {float: left; width: 70%;} .project.wide .descr p:first-child {margin-top: 0;} .project.wide dl {float: right; width: 25%; margin: 0;} .project.wide .video {margin: 1.5em 0; text-align:center;} @media (max-width: 560px) { .project.wide .descr, .project.wide dl {float: none; width: 100%;} } .project-nav {overflow: hidden; width: auto; margin: 0 0 3em; font-size: 0.923em;} .project-nav a {display: inline-block; color: #3f3f3f;} .project-nav a:hover {color: #ff8400;} .project-nav span {display: inline-block;} .project-nav .prev a{margin-right: 20px; padding-left: 15px; background: url("images/back.png") 0 50% no-repeat;} .project-nav .next a {padding-right: 15px; background: url("images/more.png") 100% 50% no-repeat;} @media (max-width: 550px) { .project .img {float: none; width: 98%; margin: 0 1% 1.5em; text-align: center;} .project .descr {float: none; width: 98%; margin: 1.5em 1%;} .project.wide dl {float: none; width: 98%; margin: 1.5em 1%;} .project-nav {width: 98%; margin: 0 0 3em;} } /* blog page ------------------------------------------*/ .main {float: left; width: 74%; max-width: 680px;} .sidebar {float: right; width: 24%; max-width: 220px;} .homepage .main {width: 63%; max-width: 570px;} .homepage .sidebar {width: 33%; max-width: 300px; margin-top: 1em;} .homepage .sidebar section:first-child h3 {margin-top: 0;} .sidebar section:first-child {margin-top: 0;} .reverse .main {float: right;} .reverse .sidebar {float: left;} .wide .main {float: none; width: 100%; max-width: 940px;} .wide-sidebar .main {width: 66%; max-width: 602px;} .wide-sidebar .sidebar {width: 33%; max-width: 300px;} @media (max-width: 800px) { .main, .wide-sidebar .main, .sidebar, .wide-sidebar .sidebar {width: 100%; max-width: 100%;} } .postlist article h2 {font-weight: 300; line-height: 1.2em;} .postlist article h2 a {color: #3f3f3f;} .postlist article h2 a:hover {color: #ff8400;} .post-meta {margin: 0.5em 0 1.5em; font-size: 0.846em;} .post-meta a, .tags a {color: #3f3f3f;} .post-meta a:hover, .tags a:hover {color: #ff8400;} /*.post-meta a.comment-link {padding-left: 25px; background: url("images/icon-comment.png") 10px 50% no-repeat; background-size: 10px 11px; white-space: nowrap;}*/ .post-meta a.comment-link {padding-left: 25px; background-image: url('data:image/svg+xml;utf8,'); background-attachment: scroll; background-repeat: no-repeat; background-position: 10px 50%; white-space: nowrap;} .post-meta span {padding: 0 5px; color: #ccc;} .post-meta span.author {padding: 0;} .postlist>article p.more {float: right;} .postlist .post p.tags {float: left; clear: left; margin-right: 30px; font-size: 0.846em;} .postlist>article {overflow: hidden; margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid #dfdfdf;} .postlist>article:first-child {padding-top: 0;} .postlist>article.sticky {border-bottom-width: 2px;} .postlist h2 {margin-bottom: 0; border-bottom: 0;} .postlist .columns .posts h2 {font-size: 1.385em;} .postlist .columns .col23.posts article {overflow: hidden; margin-bottom: 3em;} .postlist .columns .col23.posts article h2 {font-size: 1.538em;} .postlist .columns .col3.posts article {overflow: hidden; margin-bottom: 2em;} .postlist .columns .col3.posts article img {width: auto;} .postlist .columns .posts .img-border {float: left; margin-right: 15px;} .postlist .columns .posts img+div {overflow: hidden;} .postlist p.post-meta+p .img-border:first-child {margin: 10px 0 15px;} .postlist .post-meta-exposed {float: left; width: 60px; margin: 28px 20px 0 0;} .postlist .post-meta-exposed a.comment-link {display: block; position: relative; background: #bbb; color: #fff; font: 400 20px/32px "Signika", sans-serif; text-align: center; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:before {display: block; position: absolute; left: 6px; top: 100%; border: 4px solid #bbb; border-color: #bbb #fff #fff #bbb; content: ' '; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:hover {background: #3f3f3f; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:hover:before {border-color: #3f3f3f #fff #fff #3f3f3f; transition: 0.3s;} .postlist .post-meta-exposed .post-date {margin: 0 0 6px; background: #3f3f3f; color: #fff; text-align: center;} .postlist .post-meta-exposed .post-date .day {display: block; border-bottom: 1px solid #666; font: 400 26px/37px "Signika", sans-serif;} .postlist .post-meta-exposed .post-date .month-year {display: block; padding: 6px 0; font-size: 10px; line-height: 1.2em; text-transform: uppercase;} .postlist .the-post {overflow: hidden;} .postlist > article .the-post p.more {float: none;} .main .post img, .main .page img {max-width: 100%; height: auto;} .main .post .img.medium, .main .page .img.medium {float: left; width: 50%; max-width: 300px; margin-right: 4%;} .gallery {margin-left: -10px; margin-right: -10px; font-size: 0;} .gallery:after {clear: both; content: ' '; font-size: 0;} .gallery-icon img {max-width: 100%; height: auto;} dl.gallery-item {display: inline-block; width: 33%; padding: 10px; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top;} .gallery-item:first-child, br+.gallery-item {clear: left; margin-left: 0;} @media (max-width: 800px) { .main, .reverse .main {float: none; width: auto; max-width: auto; margin: 0 0 20px;} .sidebar, .reverse .sidebar {float: none; width: auto; max-width: auto; margin: 0 0 20px;} .homepage .main {width: auto; max-width: 100%;} .homepage aside {width: auto; max-width: 100%;} .main .post img, .main .page img {max-width: 100%;} } /* single page/post content */ .single h1 {margin-bottom: 0;} .single.single-project h1 {margin-bottom: 0.5em;} .single blockquote p {margin: 0.5em 0;} .single p.tags {margin: 2em 0; font-size: 0.846em;} .single p.share {padding: 1em 0; border-top: 1px solid #e5e5e5;} .single p>img:first-child, .single p>.img-border:first-child {margin: 10px 0 15px;} /* author box */ .post-author {overflow: hidden; margin: 2em 0; padding: 30px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; box-shadow: inset 0 0 10px #f2f2f2;} .post-author .img-border {float: left; margin-right: 20px;} .post-author div {overflow: hidden; font-size: 0.923em;} .post-author h3 {margin-top: 0; color: #999; font-size:1.5em;} .post-author h3 a {color: #3f3f3f;} .post-author h3 a:hover {color: #ff8400;} /* comments */ .commentlist {list-style: none; padding: 0;} .commentlist>li, .commentlist>li>.children>li {margin: 0; padding: 15px 0 0 50px;} .commentlist .comment-body {padding: 0 0 15px; border-bottom: 1px solid #e5e5e5;} .comment-author {overflow: hidden; margin-left: -50px; color: #999; font-size: 0.923em;} .comment-author .img-border {float: left; margin: 0 20px 0 0;} .comment-author .fn {color: #3f3f3f; font-style: normal; font-size: 1.083em; font-weight: bold;} .comment-author a {color: #999;} .comment-author a.comment-reply-link {color: #3f3f3f;} .comment-author a:hover {color: #ff8400;} .comment-author .sep {padding: 0 5px;} p.comment-meta {margin: 0;} .comment-form {margin: 2em 0;} .comment-form input, .comment-form textarea {width: 44%; padding: 5px; border: 1px solid #ccc; border-radius: 2px;} .comment-form textarea {padding: 10px 2%;} .comment-form input[type="submit"] {display: inline-block; height: 32px; padding: 0 20px; border: none; border: 1px solid #de6200; border-radius: 3px; color: #fff; font: bold 1em/32px "Arial",sans-serif; text-shadow: 0 -1px 0 #da5c00; text-transform: uppercase; box-shadow: 0 2px 2px rgba(0,0,0,0.2);} .comment-form input[type="submit"]:hover {background: #ff6a00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjllMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff6a00 0%, #ff9e00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6a00), color-stop(100%,#ff9e00)); background: -webkit-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: -o-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: -ms-linear-gradient(top, #ff6a00 0%,#ff9e00 100%); background: linear-gradient(to bottom, #ff6a00 0%,#ff9e00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6a00', endColorstr='#ff9e00',GradientType=0 );} .comment-form textarea {width: 92%; min-width: 92%;} .comment-form label {padding: 1em 0 0.5em;} .comment-form .comment-respond h3 {display: none;} .comments>h2, .comment-form>h2 {border-bottom: 1px solid #dfdfdf;} .comment-awaiting-moderation {font-style: italic;} .comment-form p.stars {margin: 5px 0 1.5em;} .comment-form p.stars span {position: relative; float:left; overflow:hidden; width: 80px; height: 16px; background: url("images/star.png") repeat-x left 0;} .comment-form p.stars span a {float:left; position:absolute; left: 0; top: 0; overflow:hidden; width: 16px; height: 0; padding-top: 16px;} .comment-form p.stars span a:hover, .comment-form p.stars span a:focus {background: url("images/star.png") repeat-x left -16px;} .comment-form p.stars span a.active {background: url("images/star.png") repeat-x left -32px;} .comment-form p.stars span a.star-1 { width: 16px; z-index: 10; } .comment-form p.stars span a.star-2 { width: 32px; z-index: 9; } .comment-form p.stars span a.star-3 { width: 48px; z-index: 8; } .comment-form p.stars span a.star-4 { width: 64px; z-index: 7; } .comment-form p.stars span a.star-5 { width: 80px; z-index: 6; } .tag-link-1 {font-size: 8pt;} .tag-link-2 {font-size: 11.405405405405pt;} .tag-link-3 {font-size: 22pt;} /* Contact Form 7 form styles */ .wpcf7 p label {display: block; width: auto; padding: 1em 0 0.5em;} .col .wpcf7 label {float: left; width: 33%; margin: 0; padding: 0 0 0.5em;} .wpcf7 p label.checkbox, .wpcf7 p label.radio, .col .wpcf7 label.checkbox, .col .wpcf7 label.radio {display: inline-block; width: 22px; margin: 0 5px 0 0; padding: 0; vertical-align: middle;} .wpcf7 input, .wpcf7 .select {width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;} .col .wpcf7 input, .col .wpcf7 .select {width: 66%;} .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {width: auto;} .wpcf7-display-none {display: none;} .wpcf7-not-valid-tip {padding-left: 10px; color: #EF4437;} .wpcf7 .screen-reader-response {display: none;} /* Contact page ------------------------------------------ */ .contact {overflow: hidden;} .contact>article {float: left; width: 64%;} .contact>aside {float: right; width: 33%; max-width: 300px; color: #3f3f3f;} .contact>aside p {font-size: 0.923em;} .contact input {width: 100%; max-width: 100%; margin: 5px 0;} .contact textarea {width: 100%; max-width: 100%; min-width: 93%; margin: 5px 0;} .contact select {width: 100%; max-width: 100%; margin: 5px 0;} .contact .select {width: 99%; max-width: 99%; margin: 5px 0;} .contact .select select {margin: 0;} .contact textarea {min-height: 200px;} .contact article h2 {font-weight: 300;} .contact article p.half {float: left; width: 48%; padding-right: 4%} .contact article p.half+p.half {clear: none; padding-right: 0;} .widget .social li {margin-right: 8px; margin-left: 0;} .widget .social li:before {display: none;} .widget .menu .center a {text-align: left;} .gmap {height: 300px;} @media (max-width: 800px) { .contact>article {float: none; width: 98%; padding: 0 1%;} .contact>aside {float: none; width: 98%; padding: 0 1%;} } /* product page ------------------------------------------*/ .product {overflow: hidden; padding-top: 40px;} .product .product-img {float: left; width: 43%; margin: 0 4% 0 0;} .product .product-img img {width: 100%; max-width: 600px; height: auto;} .product .product-img .thumbnails {margin-top: 10px;} .product .product-img .thumbnails a {margin-right: 23px;} .product>div {overflow: hidden;} .product h1 {margin-top: 0; margin-bottom: 0.75em; font-size: 2.154em; font-weight: 300;} .product .add-to-cart-form {float: right; white-space: nowrap;} .product .add-to-cart-form.single_variation_wrap {float: none;} .product .add-to-cart-form .quantity {display: inline-block; margin-right: 15px;} .quantity .input-text.qty {max-width: 40px; margin: 0 5px; padding: 7px 3%; text-align: center;} .quantity input[type="button"] {width: 30px; padding: 0; border-color: #c9c9c9; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 ); text-shadow: 0 1px 0 #fff; color: #555;} .quantity input[type="button"]:hover {background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5',GradientType=0 );}} .product p.price {margin-bottom: 1.5em;} .product .price span {padding: 0 5px; color: #3f3f3f; font: 400 2.923em "Signika",sans-serif;} .product-list {clear: both; font-size: 0;} .product-list .product {font-size: 13px;} .product-list .product .price span {padding: 0;} .product-list .product .price span.amount {font: 700 1.077em "Arial",sans-serif;} .product-list .img {position: relative;} .product .price span.from {font: 400 1em "Arial",sans-serif;} .product .price span.currency {position: relative; top: -15px; padding: 0;} .product .product-meta {clear: both; overflow: hidden; margin: 1em 0; font-size: 0.846em; line-height: 1.3em;} .product .product-meta img {float: left; margin: 0 15px 0 0;} .product .group_table {margin-bottom: 1em;} .product .group_table + button {margin-left: 15px;} .product .single_variation p.stock {display: inline-block;} .product ins {text-decoration: none;} .product ins span.amount {color: #e94141;} .product del span.amount {color: #747474;} @media (max-width: 600px) { .product .product-img {float: none; width: auto; max-width: 600px; margin: 0 auto 15px;} .product .add-to-cart-form {float: none;} } .product.sale {position: relative;} .product.sale .onsale {position: absolute; top: 50px; left: 10px; z-index: 10; padding: 0 5px; border-radius: 6px; background-color: #e94141; color: #fff; font-size: 0.817em; text-transform:uppercase;} .product-list .product {padding-top: 0;} .product-list .product.sale .onsale {position: absolute; left: 10px; top: 10px; z-index: 10; padding: 2px 5px 0; border-radius: 6px; background-color: #e94141; color: #fff; font-size: 0.817em; text-transform:uppercase;} .product-list .product.sale a:hover .onsale {color: #fff; background-color: #BA3434;} .product-slider .product {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .product-slider a {color: #3f3f3f;} .product-slider a:hover {color: #ff8400;} .product-slider span.price {font-size: 1.077em;} .product-slider span.price strong {color: #3f3f3f;} .product-slider .product span.price .amount {padding: 0; font: 700 1em "Arial","sans-serif";} .product-slider .img {margin-bottom: 5px;} .product-slider .img a {display: block; position: relative;} .product-slider .img .onsale {top: 10px;} .product-slider h2 {margin-bottom: 1em;} .product .woocommerce-tabs {clear: both; padding-top: 2em;} @font-face{font-family:'star';src:url('fonts/star.eot'); src:url('fonts/star.eot?#iefix') format('embedded-opentype'),url('fonts/star.woff') format('woff'),url('fonts/star.ttf') format('truetype'),url('fonts/star.svg#star') format('svg'); font-weight: normal; font-style: normal} .star-rating {overflow: hidden; position: relative; width: 5.4em; height: 1.5em; background: #fff; color: #fff; font-size: 1em; font-family: 'star'; line-height: 1.5em;} .star-rating:before {content: "\73\73\73\73\73"; float: left; top: 0; left: 0; position: absolute; background: #fff; color: #ff8400;} .star-rating span {overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; background: #fff; color: #ff8400; font-size: 1em;} .star-rating span:before {content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #ff8400;} .products .star-rating {display: block; margin: 0 0 .5em; float: none} .hreview-aggregate .star-rating {margin: 10px 0 0 0} .tab-content #review_form {display: none;} .product-cats li {margin-left: 0;} .product .product-meta a {color: #999;} .product .product-meta a:hover {color: #3f3f3f;} .product .descr {overflow: hidden; clear: both; padding: 1em 0 0;} .product .descr h2 {margin: 0; border: none; color: #3f3f3f; font-size: 1.231em; font-weight: 300;} dl.product-data {overflow: hidden; margin: 1.5em 0; padding-bottom: 1em; border-bottom: 1px solid #e5e5e5;} dl.product-data dt {float: left; padding: 2px 5px 2px 10px; border-left: 1px solid #ccc; font-weight: 400; line-height: 16px;} dl.product-data dt:first-child {padding-left: 0; border-left: 0;} dl.product-data dd {float: left; padding: 2px 10px 2px 5px; color: #3f3f3f; line-height: 16px;} .product+section>h2, .product+section+section>h2 {margin-bottom: 1em; border-bottom: 1px solid #dfdfdf; font-weight: 300; font-size: 1.846em;} @media (max-width: 700px) { .product>div.descr {clear: both;} } @media (max-width: 450px) { .product p.product-img {float: none; width: 100%; margin: 1em auto;} } /* events ------------------------------------------*/ .events .rss-link {float: right; position: relative; top: 3em;} .events .rss-link a {padding-left: 20px; background: url("images/rss.png") 0 50% no-repeat; color: #3f3f3f; font: 300 1.231em "Signika",sans-serif; } .events .rss-link a:hover {color: #ff8400;} .events-head {overflow: hidden; padding: 1.5em 1em; border: 1px solid #dfdfdf; border-width: 1px 0;} .events-head a {color: #3f3f3f; } .events-head a:hover {color: #ff8400;} .events-head a.prev {float: left; height: 18px; margin-top: 5px; line-height: 18px;} .events-head a.next {float: right; height: 18px; margin-top: 5px; line-height: 18px;} .events-head a span {display: inline-block; overflow: hidden; width: 15px; height: 18px; margin: 0 5px; background: url("images/slider2-controls.png") no-repeat; text-indent: -50em; vertical-align: middle;} .events-head a.prev span {margin-right: 10px; background-position: 0 50%;} .events-head a.next span {margin-left: 10px; background-position: 100% 50%;} .events-head h2 {margin: 0; font-size: 1.846em; text-align: center;} ul.event-list {list-style: none; padding: 0;} ul.event-list li {overflow: hidden; margin: 0 0 1em; padding: 0 0 0 45px;} ul.event-list p.date {float: left; width: 32px; margin: 0 0 0 -45px; text-align: center;} ul.event-list p.date span:first-child {display: block; background: #ff8400; color: #fff; font: 300 1.231em/28px "Arial",sans-serif;} ul.event-list p.date span+span {color: #999; font-size: 0.769em; text-transform: uppercase;} ul.event-list h4 {margin: 0; font-size: 1.231em; line-height: 1.2em;} ul.event-list h4 a {color: #3f3f3f;} ul.event-list h4 a:hover {color: #ff8400;} ul.event-list h4+p {margin: 0; color: #999; font-size: 0.923em; line-height: 1.3em; } table.calendar {border: none; margin: 0 1px; max-width: 99.8%;} .calendar th {padding: 1em 0; border-bottom: none; color: #999; font: 300 1.231em "Signika",sans-serif; text-align: center;} .calendar td {width: 12%; padding: 5px 1% 10px; border: 1px solid #dfdfdf; font-size: 0.923em; vertical-align: top;} .calendar td.empty {border: none;} .calendar td span.day, .calendar td a.day {float: left; width: 32px; height: 27px; margin: -5px 10px 10px 0; background: #ccc; color: #fff; font: 400 1.231em/27px "Signika",sans-serif; text-align: center;} .calendar td span.hours {color: #999; font-size: 0.917em;} .calendar td a.day {background: #3f3f3f;} .calendar td a.day:hover {background: #ff8400; color: #fff;} .calendar td p {clear: left; margin: 0; padding: 5px 0; line-height: 1.3em;} @media (max-width: 560px) { table.calendar {max-width: 99%;} } /* sidebar ------------------------------------------*/ .sidebar a {color: #3f3f3f;} .sidebar a:hover {color: #ff8400;} .sidebar a.button {color: #fff;} .sidebar .widget {margin: 0 0 2em;} .sidebar .widget:first-child {margin-top: 0;} .sidebar .widget:first-child h3 {margin-top: -14px;} .sidebar .widget ul {list-style: none; padding-left: 0; font-size: 0.923em;} .sidebar .widget ul li {overflow: hidden; margin: 0; color: #747474;} .sidebar .widget ul.tick {font-size: 1em;} .sidebar .widget ul.tick li {margin: 5px 0; color: #3f3f3f;} .sidebar .widget ul li:before {float: left; width: 7px; overflow: hidden; margin-right: 7px; content: "—"; color: #747474;} .sidebar .widget ul.tabs li {margin: 2px 4px -2px 0;} .sidebar .widget ul.tabs li a.selected:hover {color: #fff;} .sidebar .widget ul.tweets li:before, .sidebar .widget ul.recent-posts li:before, .sidebar .widget ul.recent-comments li:before, .sidebar .widget ul.posts li:before, .sidebar .widget ul.latest-works li:before, .sidebar .widget ul.accordion li:before, .sidebar .widget ul.tabs li:before, .sidebar .widget ul.ads li:before {display: none; content: "";} .sidebar .widget ul ul {margin: 0; padding: 3px 0 3px 2em; font-size: 1em;} .sidebar .widget>p {font-size: 0.923em;} .sidebar select {width: 100%;} .sidebar .widget ul.recent-posts li, .sidebar .widget ul.recent-comments li, .sidebar .widget ul.posts li {margin: 10px 0; line-height: 1.3em;} .sidebar .widget ul.recent-posts li .img-border, .sidebar .widget ul.recent-comments li .img-border, .sidebar .widget ul.posts li .img-border {float: left; margin: 0 10px 10px 0;} .sidebar .widget ul.recent-posts li span, .sidebar .widget ul.recent-comments li span, .sidebar .widget ul.posts span, .sidebar .widget ul.tweets li span {color: #999; font-size: 0.917em;} .sidebar .widget ul.posts span {display: block;} @media (max-width: 600px) { .sidebar .widget ul.tabs li {margin: 0 4px 0 0;} } .sidebar .widget .social ul li {margin: 0 5px 0 0;} .widget ul.recent-comments li p {margin: 0 0 0.5em 50px;} .widget ul.latest-works {margin-right: -10px; overflow: hidden;} .widget ul.latest-works li {float: left; margin: 0 7px 7px 0;} .widget ul.tweets li {position: relative; margin: 10px 0; padding: 0 0 0 25px;} .widget ul.tweets i.fa {position: absolute; left: 0; top: 0; color: #ccc; font-size: 18px;} .widget ul.ads li {display: inline-block; width: 96px; height: 96px; margin: 0 7px 7px 0; border: 2px solid #dfdfdf; background: #f3f3f3; line-height: 100px; text-align: center;} .widget ul.product_list_widget {margin: 0 -10px;} .widget ul.product_list_widget li {display: inline-block; width: 50%; margin: 0; padding: 0 10px 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: top;} .widget ul.product_list_widget li .img-border {display: inline-block; width: 90px; max-width: 100%; margin: 0 auto 5px;} @media (max-width: 800px) { .widget ul.product_list_widget li {width: 120px;} } .sidebar .widget > div > ul.menu {margin-top: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font: 300 1.231em "Signika",sans-serif;} .sidebar .widget > div > ul.menu li {border-top: 1px solid #e5e5e5;} .sidebar .widget > div > ul.menu li:first-child {border-top: none;} .sidebar .widget > div > ul.menu li a {display: block; padding: 7px 20px 7px 10px;} .sidebar .widget > div > ul.menu li a:hover {background: #f5f5f5; color: #3f3f3f;} .sidebar .widget > div > ul.menu li.current-menu-item>a, .sidebar .widget > div > ul.menu li.current_page_item>a {background-color: #ff8400; color: #fff;} .sidebar .widget > div > ul.menu li:before {display: none;} .sidebar .widget > div > ul.menu li.parent>a {position: relative; background-image: url("images/nav-right.png"); background-position: 95% 50%; background-repeat: no-repeat;} .sidebar .widget > div > ul.menu li.parent.expanded>a {background-image: url("images/nav-down.png"); background-position: 95% 50%; background-repeat: no-repeat;} .sidebar .widget > div > ul.menu li.parent>a>span {display: block; position: absolute; right: 0; top: 0; width: 30px; height: 100%;} .sidebar .widget > div > ul.menu ul {margin: 0; padding: 0 0 0 20px; border-top: 1px solid #e5e5e5; font: 400 0.813em "Arial",sans-serif;} .sidebar .widget table {width: 100%; margin-bottom: 0;} .sidebar .widget table th {padding: 5px 3px; color: #999; font-size: 0.923em; font-weight: bold;} .sidebar .widget table td {padding: 5px 0; color: #3f3f3f;} .sidebar .widget table#wp-calendar {font-size: 0.923em;} .sidebar .widget table#wp-calendar th {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; color: #3f3f3f; font-weight: normal; font-size: 0.917em; text-align: center;} .sidebar .widget table#wp-calendar td {border: none; border-bottom: 1px solid #e5e5e5; color: #747474; text-align: center;} .sidebar .widget table#wp-calendar tfoot td {border-bottom: none;} .sidebar .widget table caption {padding: 15px 0; font: 700 1.083em "Arial",sans-serif; color: #444; text-align: left;} .newsletter-widget form {font-size: 0; text-align: center;} .newsletter-widget p {display: inline-block; margin: 0 0 5px; vertical-align: top;} .newsletter-widget input, .newsletter-widget p input[type='text'], .newsletter-widget p input[type='email'] {width: 175px; height: 28px; max-width: 100%; margin-right: 5px; padding: 5px 8px; font-size: 14px; vertical-align: middle;} .newsletter-widget button {width: 40px; height: 28px; padding: 0; line-height: 15px; vertical-align: middle; box-shadow: 0 1px 2px rgba(0,0,0,0.2); font-size: 20px;} input.newsletter-submit, .newsletter-widget button {height: 28px; padding: 0 5px; line-height: 15px; vertical-align: top; box-shadow: 0 1px 2px rgba(0,0,0,0.2);} .sidebar .widget .post-date {display: block; padding-left: 1em; margin-bottom: 0.5em;} .sidebar ul.colors {list-style: none; overflow: hidden;} .sidebar ul.colors li {float: left; width: 27px; height: 27px; overflow: hidden; margin: 0 9px 9px 0;} .sidebar ul.colors li:before {display: none;} ul.colors a {float: left; overflow: hidden; width: 21px; height: 21px; border-width: 3px; border-style: solid; text-indent: -50em;} ul.colors a.red {border-color: #cd2222; background: #e42626;} ul.colors a.orange {border-color: #e0730a; background: #f9800b;} ul.colors a.yellow {border-color: #e5c700; background: #ffde00;} ul.colors a.green {border-color: #3fba19; background: #46cf1c;} ul.colors a.azure {border-color: #03acb2; background: #03c0c6;} ul.colors a.blue {border-color: #185bd4; background: #1b65ec;} ul.colors a.purple {border-color: #7837a4; background: #863db7;} ul.colors a.pink {border-color: #e56f9c; background: #ff7cae;} ul.colors a.white {border-color: #e5e5e5; background: #fff;} ul.colors a.gray {border-color: #898989; background: #999;} ul.colors a.black {border-color: #000; background: #000;} ul.colors a.brown {border-color: #8e6739; background: #9e7340;} @media (max-width: 800px){ .sidebar {clear: left; float: none; width: auto; max-width: 100%; margin: 1em 0;} .sidebar .widget {float: left; width: 100%; margin: 0 0 2em} .sidebar .widget:nth-of-type(2n-1) {clear: left;} .sidebar .widget h3 {margin-top: 0;} } @media (max-width: 400px) { .sidebar .widget {float: none; width: 100%; margin: 1em 0;} } /* forms ------------------------------------------*/ button[type="reset"] {margin-left: 5px; border: 1px solid #c9c9c9; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 ); text-shadow: 0 1px 0 #fff; color: #555; box-shadow: 0 2px 2px rgba(0,0,0,0.15);} button[type="reset"]:hover {background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5',GradientType=0 );} form p {clear: both; margin: 1.5em 0;} label {display: block; margin: 5px 0;} .form1 input {width: 90%; padding: 8px 3%;} .form1 select {width: 99%; padding: 5px 3%;} .form1 .input {overflow: hidden;} .form1 .input label {display: inline-block; margin: 0 10px 0 0; font-weight: normal;} .form1 textarea {width: 97%; min-width: 97%; max-width: 97%; min-height: 100px; padding: 5px 1%;} .form2 label {float: left; clear: left; width: 25%;} .form2 input {width: 65%; padding: 8px 3%;} .form2 select {width: 72%; padding: 5px 3%;} .form2 .input {overflow: hidden; width: 75%;} .form2 .input label {display: inline-block; float: none; clear: none; width: auto; margin: 0 10px 0 0; font-weight: normal;} .landing-form {width: 100%; max-width: 960px; margin: 0 auto; padding: 0 0 10px; } .landing-form form {position: relative; top: -390px; z-index: 20; float: right; width: 270px; margin: 0 0 -400px; padding: 25px 30px 11px; box-shadow: 0 0 5px rgba(0,0,0,0.5); background: url("images/footer.png"); color: #fff;} .landing-form h2:first-child {margin: 0; border-bottom: none; color: #fff; font-size: 1.846em; font-weight: 300;} .landing-form label {display: block; margin-bottom: 8px; color: #fff;} .landing-form label.chk {font-weight: 400;} .landing-form input, .landing-form select {width: 100%; padding: 8px 10px; border: none; border-radius: 2px;} .landing-form input.error, .landing-form select.error, .wpcf7-not-valid {border: 1px solid #ebbcb5; background-color: #ffe6dc; color: #ef4437;} .landing-form select {width: 270px;} .landing-form input[type="checkbox"] {width: auto; margin-right: 5px; padding: 0 10px 0 0; vertical-align: middle;} .landing-form button, .landing-form input[type="submit"] {width: 100%; height: 32px; margin: 0; padding: 0 20px; border-radius: 3px; border: 1px solid #de8b00; border-bottom-color: #de6200; font-size: 1.077em; text-align: center;} .landing-form p {margin: 15px 0;} .landing-form .wpcf7-not-valid-tip {display: block; padding: 5px 0;} .landing-form .ajax-loader {display: none;} @media (max-width: 920px) { .landing-form form {position:static; float: none; margin: 2em auto;} } @media (max-width: 365px) { .landing-form form {width: 225px;} .landing-form select {width: 225px;} } /* background ---------------------------------*/ .p01 {background-image: url("images/patterns/pattern01.png");} .p02 {background-image: url("images/patterns/pattern02.png");} .p03 {background-image: url("images/patterns/pattern03.png");} .p04 {background-image: url("images/patterns/pattern04.png");} .p05 {background-image: url("images/patterns/pattern05.png");} .p06 {background-image: url("images/patterns/pattern06.png");} .p07 {background-image: url("images/patterns/pattern07.png");} .p08 {background-image: url("images/patterns/pattern08.png");} .p09 {background-image: url("images/patterns/pattern09.png");} .p10 {background-image: url("images/patterns/pattern10.png");} .p-none {background-image: none;} /* buttons ---------------------------------*/ a.btn {display: inline-block; height: 30px; margin: 2px; padding: 0 20px; border-width: 1px; border-style: solid; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,0.2); color: #fff; font: bold 1.077em/30px "Arial",sans-serif; text-transform: uppercase;} a.btn.large, .button.large {height: 40px; line-height: 40px;} a.btn.orange {border-color: #de6200; background: #ff9f00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9f00 0%, #ff7100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7100)); background: -webkit-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: -o-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: -ms-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: linear-gradient(to bottom, #ff9f00 0%,#ff7100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7100',GradientType=0 ); text-shadow: 0 -1px 0 #de6200;} a.btn.orange:hover {background: #ff7100; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7100 0%, #ff9f00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7100), color-stop(100%,#ff9f00)); background: -webkit-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: -o-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: -ms-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: linear-gradient(to bottom, #ff7100 0%,#ff9f00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7100', endColorstr='#ff9f00',GradientType=0 );} a.btn.green {border-color: #6f9911; background: #accf37; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjY2YzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MWIxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #accf37 0%, #81b114 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#accf37), color-stop(100%,#81b114)); background: -webkit-linear-gradient(top, #accf37 0%,#81b114 100%); background: -o-linear-gradient(top, #accf37 0%,#81b114 100%); background: -ms-linear-gradient(top, #accf37 0%,#81b114 100%); background: linear-gradient(to bottom, #accf37 0%,#81b114 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#accf37', endColorstr='#81b114',GradientType=0 ); text-shadow: 0 -1px 0 #6f9911;} a.btn.green:hover {background: #81b114; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzgxYjExNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2NmMzciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #81b114 0%, #accf37 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81b114), color-stop(100%,#accf37)); background: -webkit-linear-gradient(top, #81b114 0%,#accf37 100%); background: -o-linear-gradient(top, #81b114 0%,#accf37 100%); background: -ms-linear-gradient(top, #81b114 0%,#accf37 100%); background: linear-gradient(to bottom, #81b114 0%,#accf37 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81b114', endColorstr='#accf37',GradientType=0 );} a.btn.turquoise {border-color: #249e6d; background: #3acd94; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhY2Q5NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNWFmNjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3acd94 0%, #15af64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3acd94), color-stop(100%,#15af64)); background: -webkit-linear-gradient(top, #3acd94 0%,#15af64 100%); background: -o-linear-gradient(top, #3acd94 0%,#15af64 100%); background: -ms-linear-gradient(top, #3acd94 0%,#15af64 100%); background: linear-gradient(to bottom, #3acd94 0%,#15af64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3acd94', endColorstr='#15af64',GradientType=0 ); text-shadow: 0 -1px 0 #249e6d;} a.btn.turquoise:hover {background: #15af64; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE1YWY2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzYWNkOTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #15af64 0%, #3acd94 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#15af64), color-stop(100%,#3acd94)); background: -webkit-linear-gradient(top, #15af64 0%,#3acd94 100%); background: -o-linear-gradient(top, #15af64 0%,#3acd94 100%); background: -ms-linear-gradient(top, #15af64 0%,#3acd94 100%); background: linear-gradient(to bottom, #15af64 0%,#3acd94 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15af64', endColorstr='#3acd94',GradientType=0 );} a.btn.azure {border-color: #0098ab; background: #00c6db; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYzZkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE1YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00c6db 0%, #00a5c3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00c6db), color-stop(100%,#00a5c3)); background: -webkit-linear-gradient(top, #00c6db 0%,#00a5c3 100%); background: -o-linear-gradient(top, #00c6db 0%,#00a5c3 100%); background: -ms-linear-gradient(top, #00c6db 0%,#00a5c3 100%); background: linear-gradient(to bottom, #00c6db 0%,#00a5c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6db', endColorstr='#00a5c3',GradientType=0 ); text-shadow: 0 -1px 0 #0098ab;} a.btn.azure:hover {background: #00a5c3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTVjMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGM2ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #00a5c3 0%, #00c6db 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a5c3), color-stop(100%,#00c6db)); background: -webkit-linear-gradient(top, #00a5c3 0%,#00c6db 100%); background: -o-linear-gradient(top, #00a5c3 0%,#00c6db 100%); background: -ms-linear-gradient(top, #00a5c3 0%,#00c6db 100%); background: linear-gradient(to bottom, #00a5c3 0%,#00c6db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a5c3', endColorstr='#00c6db',GradientType=0 );} a.btn.blue {border-color: #3579be; background: #61aef2; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTgzZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #61aef2 0%, #3183e8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61aef2), color-stop(100%,#3183e8)); background: -webkit-linear-gradient(top, #61aef2 0%,#3183e8 100%); background: -o-linear-gradient(top, #61aef2 0%,#3183e8 100%); background: -ms-linear-gradient(top, #61aef2 0%,#3183e8 100%); background: linear-gradient(to bottom, #61aef2 0%,#3183e8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61aef2', endColorstr='#3183e8',GradientType=0 ); text-shadow: 0 -1px 0 #3579be;} a.btn.blue:hover {background: #3183e8; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMxODNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3183e8 0%, #61aef2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3183e8), color-stop(100%,#61aef2)); background: -webkit-linear-gradient(top, #3183e8 0%,#61aef2 100%); background: -o-linear-gradient(top, #3183e8 0%,#61aef2 100%); background: -ms-linear-gradient(top, #3183e8 0%,#61aef2 100%); background: linear-gradient(to bottom, #3183e8 0%,#61aef2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3183e8', endColorstr='#61aef2',GradientType=0 );} a.btn.purple {border-color: #7c6bb2; background: #a693e3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E2OTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3OTYyZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #a693e3 0%, #7962d0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a693e3), color-stop(100%,#7962d0)); background: -webkit-linear-gradient(top, #a693e3 0%,#7962d0 100%); background: -o-linear-gradient(top, #a693e3 0%,#7962d0 100%); background: -ms-linear-gradient(top, #a693e3 0%,#7962d0 100%); background: linear-gradient(to bottom, #a693e3 0%,#7962d0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a693e3', endColorstr='#7962d0',GradientType=0 ); text-shadow: 0 -1px 0 #7c6bb2;} a.btn.purple:hover {background: #7962d0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc5NjJkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhNjkzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7962d0 0%, #a693e3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7962d0), color-stop(100%,#a693e3)); background: -webkit-linear-gradient(top, #7962d0 0%,#a693e3 100%); background: -o-linear-gradient(top, #7962d0 0%,#a693e3 100%); background: -ms-linear-gradient(top, #7962d0 0%,#a693e3 100%); background: linear-gradient(to bottom, #7962d0 0%,#a693e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7962d0', endColorstr='#a693e3',GradientType=0 );} a.btn.pink {border-color: #c3488a; background: #f568b6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NjhiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjM3OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f568b6 0%, #ef378d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f568b6), color-stop(100%,#ef378d)); background: -webkit-linear-gradient(top, #f568b6 0%,#ef378d 100%); background: -o-linear-gradient(top, #f568b6 0%,#ef378d 100%); background: -ms-linear-gradient(top, #f568b6 0%,#ef378d 100%); background: linear-gradient(to bottom, #f568b6 0%,#ef378d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f568b6', endColorstr='#ef378d',GradientType=0 ); text-shadow: 0 -1px 0 #c3488a;} a.btn.pink:hover {background: #ef378d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmMzc4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTY4YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ef378d 0%, #f568b6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef378d), color-stop(100%,#f568b6)); background: -webkit-linear-gradient(top, #ef378d 0%,#f568b6 100%); background: -o-linear-gradient(top, #ef378d 0%,#f568b6 100%); background: -ms-linear-gradient(top, #ef378d 0%,#f568b6 100%); background: linear-gradient(to bottom, #ef378d 0%,#f568b6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef378d', endColorstr='#f568b6',GradientType=0 );} a.btn.red {border-color: #c34f4f; background: #f57171; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1NzE3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f57171 0%, #ef4040 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f57171), color-stop(100%,#ef4040)); background: -webkit-linear-gradient(top, #f57171 0%,#ef4040 100%); background: -o-linear-gradient(top, #f57171 0%,#ef4040 100%); background: -ms-linear-gradient(top, #f57171 0%,#ef4040 100%); background: linear-gradient(to bottom, #f57171 0%,#ef4040 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f57171', endColorstr='#ef4040',GradientType=0 ); text-shadow: 0 -1px 0 #c34f4f;} a.btn.red:hover {background: #ef4040; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmNDA0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNTcxNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ef4040 0%, #f57171 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef4040), color-stop(100%,#f57171)); background: -webkit-linear-gradient(top, #ef4040 0%,#f57171 100%); background: -o-linear-gradient(top, #ef4040 0%,#f57171 100%); background: -ms-linear-gradient(top, #ef4040 0%,#f57171 100%); background: linear-gradient(to bottom, #ef4040 0%,#f57171 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef4040', endColorstr='#f57171',GradientType=0 );} a.btn.brown {border-color: #9e7c52; background: #cca674; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjYTY3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZTc5NDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #cca674 0%, #ae7943 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cca674), color-stop(100%,#ae7943)); background: -webkit-linear-gradient(top, #cca674 0%,#ae7943 100%); background: -o-linear-gradient(top, #cca674 0%,#ae7943 100%); background: -ms-linear-gradient(top, #cca674 0%,#ae7943 100%); background: linear-gradient(to bottom, #cca674 0%,#ae7943 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca674', endColorstr='#ae7943',GradientType=0 ); text-shadow: 0 -1px 0 #9e7c52;} a.btn.brown:hover {background: #ae7943; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlNzk0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2E2NzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ae7943 0%, #cca674 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae7943), color-stop(100%,#cca674)); background: -webkit-linear-gradient(top, #ae7943 0%,#cca674 100%); background: -o-linear-gradient(top, #ae7943 0%,#cca674 100%); background: -ms-linear-gradient(top, #ae7943 0%,#cca674 100%); background: linear-gradient(to bottom, #ae7943 0%,#cca674 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae7943', endColorstr='#cca674',GradientType=0 );} a.btn.dark-gray {border-color: #545454; background: #929292; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyOTI5MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MTYxNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #929292 0%, #616161 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#929292), color-stop(100%,#616161)); background: -webkit-linear-gradient(top, #929292 0%,#616161 100%); background: -o-linear-gradient(top, #929292 0%,#616161 100%); background: -ms-linear-gradient(top, #929292 0%,#616161 100%); background: linear-gradient(to bottom, #929292 0%,#616161 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#929292', endColorstr='#616161',GradientType=0 ); text-shadow: 0 -1px 0 #545454;} a.btn.dark-gray:hover {background: #616161; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxNjE2MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #616161 0%, #929292 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#929292)); background: -webkit-linear-gradient(top, #616161 0%,#929292 100%); background: -o-linear-gradient(top, #616161 0%,#929292 100%); background: -ms-linear-gradient(top, #616161 0%,#929292 100%); background: linear-gradient(to bottom, #616161 0%,#929292 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#929292',GradientType=0 );} a.btn.light-gray {border-color: #c9c9c9; background: #f5f5f5; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f5f5 0%, #e7e7e7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e7e7e7)); background: -webkit-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -o-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: -ms-linear-gradient(top, #f5f5f5 0%,#e7e7e7 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#e7e7e7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e7e7e7',GradientType=0 ); text-shadow: 0 1px 0 #fff; color: #555;} a.btn.light-gray:hover {background: #e7e7e7; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #e7e7e7 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -o-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: -ms-linear-gradient(top, #e7e7e7 0%,#f5f5f5 100%); background: linear-gradient(to bottom, #e7e7e7 0%,#f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#f5f5f5',GradientType=0 );} .btn .fa { padding-right: 7px; } /* quotes ---------------------------------*/ blockquote.quote {max-width: 70%; margin: 4em auto; padding: 0 0 0 55px; border: none; background: url("images/quote.png") 0 0 no-repeat; color: #747474;} aside blockquote.quote {margin: 0;} .columns blockquote.quote {margin: 25px auto 0;} .col2 blockquote.quote, .col3 blockquote.quote, .col4 blockquote.quote, .col23 blockquote.quote, .col34 blockquote.quote {max-width: 100%} blockquote.quote p {margin: 0.5em 0 20px; font: 300 1.846em/1.1em "Signika",sans-serif;} .col23 blockquote.quote p {font-size: 1.692em;} .col3 blockquote.quote p, aside blockquote.quote p {font-size: 1.385em;} blockquote.quote p.signature, aside blockquote.quote p.signature {font: normal 1em "Arial",sans-serif; text-align: right;} blockquote.quote p.signature span {color: #3f3f3f;} /* progress bars ---------------------------------*/ p.progress {position: relative; overflow: hidden; height: 30px; margin: 10px 0; border-radius: 16px; background: #ebebeb; box-shadow: inset 0 1px 1px rgba(0,0,0,0.2); color: #fff; font: 300 1.231em/30px "Signika",sans-serif;} p.progress>span.fill {display: block; position: absolute; left: 0; top: 0; width: 0; height: 30px; border-radius: 16px; background: #ff8400; transition: width 0.5s;} p.progress>span.fill {width: attr(data-width);} p.progress>span.fill>span {display: block; padding: 0 10px; line-height: 29px; white-space: nowrap;} .skill-1 {width: 80%;} .skill-2 {width: 70%;} .skill-3 {width: 55%;} .skill-4 {width: 60%;} /* tooltips and highlights ---------------------------------*/ span.tooltip {padding: 1px 0; color: #fff; cursor: pointer;} span.tooltip.dark {background: #ff8400;} span.tooltip.bright {background: #3f3f3f;} p.tooltip {position: absolute; z-index: 450; margin: 0; padding: 0 9px; font-size: 0.846em; line-height: 27px;} p.tooltip span {display: block; width: 13px; height: 7px; margin: 0 auto -7px;} p.tooltip.dark {border-radius: 2px; background: #3f3f3f; color: #fff;} p.tooltip.dark span {background: url("images/tooltip-dark.png") 50% 0 no-repeat;} p.tooltip.bright {border: 1px solid #3f3f3f; border-radius: 2px; background: #fff; color: #3f3f3f;} p.tooltip.bright span {background: url("images/tooltip-bright.png") 50% 0 no-repeat;} /* testimonial ---------------------------------*/ .testimonial {overflow: hidden;} .testimonial > p > img, .single .testimonial p > img:first-child, .testimonial > img {float: left; width: 40px; height: 40px; margin: 0 13px 0 0;} .testimonial>p {color: #3f3f3f; line-height: 1.3em; } .testimonial>p span {color: #999; font-size: 0.846em;} .testimonial>div {position: relative; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;} .testimonial>div>p {font-style: italic;} .testimonial>div>p:first-child {background-image: url('data:image/svg+xml;utf8,'); background-position: 0 0; background-repeat: no-repeat; text-indent: 30px;} .testimonial>div:before {display: block; position: absolute; bottom: -14px; left: 53px; width: 13px; height: 14px; background: url("images/testimonial-tip.png") no-repeat; content: ' ';} .testimonial-slider .testimonial {float: left;} .testimonial-slider h2.underline, .columns .testimonial-slider h2.underline {margin-top: 0; margin-bottom: 20px;} .testimonial-slider .controls {float: right; overflow: hidden; margin: 0; padding: 0; background: #fff;} .testimonial-slider .controls a {display: inline-block; overflow: hidden; width: 22px; height: 22px; background: url("images/slider2-controls.png"); text-indent: -1000px; outline: none; vertical-align: middle;} .testimonial-slider .controls a.prev {background-position: 0 0;} .testimonial-slider .controls a.next {background-position: -22px 0;} /* message and content boxes ---------------------------------*/ .msg, div.wpcf7-response-output {margin: 20px 0; padding: 11px 10px 11px 45px; border: 1px solid #dfdfdf; background-repeat: no-repeat; background-position: 13px 10px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);} .msg a.hide {float: right; overflow: hidden; width: 18px; height: 18px; margin-left: 10px; background: url("images/x.png") 50% 50% no-repeat; text-indent: -50em; opacity: 0.2;} .msg.info {border-color: #c5dce7; background-color: #e7f7ff; background-image: url("images/msg-info.png"); color: #4f9ec2;} .msg.success, .wpcf7-mail-sent-ok {border-color: #cbe3b4; background-color: #eeffda; background-image: url("images/msg-success.png"); color: #8ab04f;} .msg.notice {border-color: #e9dab1; background-color: #fff9d8; background-image: url("images/msg-notice.png"); color: #caa533;} .msg.error, div.wpcf7-validation-errors {border-color: #ebbcb5; background-color: #ffe6dc; background-image: url("images/msg-error.png"); color: #ef4437; font-size: 13px} .msg ul, .msg p {margin: 1em 0 0;} .msg ul {list-style: none;} .msg ul:first-child, .msg p:first-child {margin: 0;} .msg ul li {margin-left: 0;} .msg ul li:before {float: left; clear: left; overflow: hidden; width: 8px; height: 20px; margin-right: 5px; content: "—";} .woocommerce-message a.button {display: inline-block; vertical-align: middle; float: right; padding: 0; border: none; background: none; box-shadow: none; color: #8AB04F; font: 700 0.813em/1.5em "Arial",sans-serif; text-shadow: none; text-transform: none;} .woocommerce-message a.button:hover {color: #ff8400;} .box h4 {margin: 20px 0 0.5em; color: #3f3f3f; font: 300 1.538em "Signika",sans-serif;} .box {margin-top: 0; margin-bottom: 20px; padding: 14px 30px 17px; border: 1px solid #dfdfdf; border-top: 2px solid #747474; background-repeat: no-repeat; background-position: 20px 30px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04);} .box.info {padding-left: 70px; border-color: #c5dce7; border-top: 2px solid #747474; background-color: #e7f7ff; background-image: url("images/box-info.png");} .box.confirm {padding-left: 70px; border-color: #cbe3b4; border-top: 2px solid #747474; background-color: #eeffda; background-image: url("images/box-confirm.png");} .box.alert {padding-left: 70px; border-color: #e9dab1; border-top: 2px solid #747474; background-color: #fff9d8; background-image: url("images/box-alert.png");} .box.warning {padding-left: 70px; border-color: #ebbcb5; border-top: 2px solid #747474; background-color: #ffe6dc; background-image: url("images/box-warning.png");} /* tables ---------------------------------*/ table {width: 100%; border: none;} th {padding: 5px 15px; border: none; border-bottom: 2px solid #e5e5e5; color: #3f3f3f; font-weight: 700; font-size: 0.923em; text-align: left;} td {padding: 10px 15px; border: none; border-bottom: 1px solid #e5e5e5; text-align: left;} table.alt th {padding: 7px 15px; border-bottom: 3px solid #d97000; background: #ff8400; color: #fff; font: 300 1em "Signika",sans-serif;} @media (max-width: 500px) { th, td {padding: 5px;} td button, td .button, td [type="button"], td [type="submit"] {margin: 5px;} } /* custom form elements ---------------------------------*/ label.checkbox {display: inline-block; float: none; clear: none; overflow: hidden; height: 19px; padding-left: 5px; background: url("images/input.png") 0 0 no-repeat; line-height: 19px; vertical-align: middle;} label.checkbox.checked {background-position: 0 -19px;} label.radio {display: inline-block; float: none; clear: none; overflow: hidden; height: 19px; padding-left: 5px; background: url("images/input.png") 0 -38px no-repeat; line-height: 19px; vertical-align: middle;} label.radio.checked {background-position: 0 -57px;} label.radio input, label.checkbox input {visibility: hidden; -webkit-appearance: none;} .file-input {position: relative; white-space: nowrap; text-overflow: ellipsis; cursor: text; } .file-input a.btn {height: 28px; margin-right: 5px; padding: 0 10px; font-weight: 400; font-size: 1em; text-transform: none; cursor: text;} .file-input input.fake {border: none; width: auto; padding: 2px 0; vertical-align: middle; cursor: text;} .file-input input.fake.file {display: inline-block; width: auto; min-width: 0; padding-left: 15px; background: url("images/input.png") 0 -76px no-repeat; cursor: text;} .file-input a.empty {display: inline-block; overflow: hidden; position: relative; top: 5px; width: 19px; height: 17px; background: url("images/input.png") 0 -93px no-repeat; text-indent: -50em; cursor: pointer;} .file-input input[type="file"] {position: relative; top: -5px; cursor: pointer;} span.select {position: relative; display: inline-block; height: 32px; padding: 0; border: 1px solid #ccc; border-radius: 3px; background: #fff; cursor: pointer;} span.select.error {border-color: #e65842; background-color: #ffe6dc; box-shadow: 0 0 2px 1px #ffece6; color: #ef4437;} span.select span.value {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; display: block; padding: 7px 10px; background-image: url('data:image/svg+xml;utf8,'); background-position: right 50%; background-repeat: no-repeat; color: #999; zoom: 1;} @media not all and (-webkit-min-device-pixel-ratio:0) { noindex:-o-prefocus, span.select span.value { text-indent: -99999px; } noindex:-o-prefocus, header span.select select {top: 5px!important;left:10px!important;} } span.select.error span.value>span {color: #ef4437;} header .top span.select {height: 25px;} header .top span.select span.value {padding: 3px 10px;} header .top span.select select {margin: 0; max-height: 100%;} span.select span.value span {display: block; overflow: hidden; padding: 0; white-space: nowrap; text-overflow: ellipsis;} span.select select {position: relative; z-index: 1; display: block; margin: 0; -webkit-appearance: menulist-button;} .sidebar .select>span.value {padding: 7px 5%;} .sidebar .select {display: block;} .limit75 {display: inline-block; width: 75%;} /* pricing and plans ---------------------------------*/ .pricing-plans {overflow: hidden; padding: 1px 0; margin-top: 26px;} .pricing-plan {float: left; width: 22.5%; margin: 20px -1px 30px 0; padding: 10px 1% 7px; border: 1px solid #dfdfdf; text-align: center;} .pricing-plan ul {list-style: none; margin: 8px 1.5em 25px; text-align: left;} .pricing-plan ul li {margin: 0;} .pricing-plan ul strong {color: #3f3f3f;} .pricing-plan h2 {margin: 0;} .pricing-plan hr {margin: 0;} .pricing-plan p.subtitle {margin: 0 0 10px; font: 300 1.154em "Signika",sans-serif;} .pricing-plan hr {border: none; border-top: 1px solid #dfdfdf;} .pricing-plan p.price {margin: 0; color: #999; font: 300 1.154em/65px "Signika",sans-serif; height: 65px; line-height: 65px;} .pricing-plan p.price strong {color: #3f3f3f; font-size: 3em;} .pricing-plan p.price sup {position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em;} .pricing-plan p.price.free {font-size: 2.667em; text-transform: uppercase;} .pricing-plan a.button {padding: 0 30px; border: 1px solid #9b9b9b; background: #b1b1b1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IxYjFiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4Nzg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b1b1b1 0%, #878787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b1b1), color-stop(100%,#878787)); background: -webkit-linear-gradient(top, #b1b1b1 0%,#878787 100%); background: -o-linear-gradient(top, #b1b1b1 0%,#878787 100%); background: -ms-linear-gradient(top, #b1b1b1 0%,#878787 100%); background: linear-gradient(to bottom, #b1b1b1 0%,#878787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1b1b1', endColorstr='#878787',GradientType=0 ); text-shadow: 0 -1px 0 rgba(0,0,0,0.3);} .pricing-plan:hover a.button, .pricing-plan.selected a.button, table.pricing a.button {border-color: #de6200; background: #ff9f00; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOWYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjcxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff9f00 0%, #ff7100 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#ff7100)); background: -webkit-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: -o-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: -ms-linear-gradient(top, #ff9f00 0%,#ff7100 100%); background: linear-gradient(to bottom, #ff9f00 0%,#ff7100 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#ff7100',GradientType=0 );} .pricing-plan a.button:hover, table.pricing a.button:hover {background: #ff7100; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ff7100 0%, #ff9f00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7100), color-stop(100%,#ff9f00)); background: -webkit-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: -o-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: -ms-linear-gradient(top, #ff7100 0%,#ff9f00 100%); background: linear-gradient(to bottom, #ff7100 0%,#ff9f00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7100', endColorstr='#ff9f00',GradientType=0 );} .pricing-plan:hover, .pricing-plan.selected {margin: 9px -1px 20px 0; padding: 20px 1%; border-top: 2px solid #ff8400; box-shadow: inset 0 0 25px rgba(0,0,0,0.2);} .pricing-plan:hover p.price strong, .pricing-plan.selected p.price strong {color: #ff8400;} .pricing-plan:hover h2, .pricing-plan.selected h2 {color: #ff8400; font-size: 2.308em; line-height: 1.2em;} .homepage .pricing-plans {margin-top: 2em;} .homepage section .pricing-plans h2:first-child {margin: 0; border-bottom: none; line-height: 1.2em;} @media (max-width: 770px) { .pricing-plan {width: 47.5%;} } @media (max-width: 420px) { .pricing-plan {width: 95%;} } table.pricing th {padding: 10px 0; color: #999; font: 300 1.154em/3em "Signika",sans-serif; text-align: center;} table.pricing strong {color: #3f3f3f; font-size: 2.667em;} table.pricing sup {position: relative; top: -0.5em; color: #3f3f3f; font-size: 1.2em;} table.pricing td {color: #3f3f3f; text-align: center;} table.pricing td:first-child {color: #999; text-align: left;} table.pricing td:nth-child(2n+2) {background: #f7f7f7;} table.pricing tr.action td {padding: 20px 10px; border-bottom-width: 2px;} table.pricing tr.action td:first-child a {padding-left: 20px; background: url("images/more.png") 0 50% no-repeat; color: #3f3f3f;} table.pricing tr.action td:first-child a:hover {color: #ff8400;} table.pricing span.yes {display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url("images/msg-success.png") 50% 50% no-repeat; text-indent: -50em;} table.pricing span.no {display: block; overflow: hidden; width: 18px; height: 18px; margin: 0 auto; background: url("images/no.png") 50% 50% no-repeat; text-indent: -50em;} @media (max-width: 920px) { table.pricing tr.action a.button {padding: 0 5px; white-space: nowrap;} } @media (max-width: 520px) { table.pricing th {font-size: 1em;} table.pricing tr.action a.button {font-size: 0.813em;} } /* modal window for images */ .overlay {position: absolute; left: 0; top: 0; z-index: 60; width: 100%; height: 100%; background: #999; opacity: 0.5;} .modal-img {display: none; position: absolute; left: 50%; top: 0; z-index: 500; max-width: 940px; padding: 20px; background: #fff; box-shadow: 0 0 0 4px rgba(0,0,0,0.2); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .modal-img img {max-width: 100%;} .modal-img a.close {position: absolute; right: 20px; top: -29px; display: block; width: 49px; height: 29px; overflow: hidden; background: #000 url("images/modal-close.png") 50% 50% no-repeat; text-indent: -50em;} .modal-img a.prev, .modal-img a.next {position: absolute; top: 50%; z-index: 50; display: block; overflow: hidden; width: 30px; height: 60px; margin: -30px 0 0; background: url("images/slider8-controls.png") no-repeat; background-color: rgba(255,255,255,0.6); text-indent: -1000px; outline: none;} .modal-img a.prev:hover, .modal-img a.next:hover {background-color: rgba(255,255,255,1);} .modal-img a.prev {left: 20px; background-position: 0 50%;} .modal-img a.next {right: 20px; background-position: -30px 50%;} .modal-img .vid {display: none; position: relative; z-index: 1; min-width: 320px; width: auto;} .modal-img p {margin-bottom: 0;} @media (max-width: 900px) { .modal-img {max-width: 95%;} } /* error 404 page */ .e404 p {color: #3f3f3f; font-family: "Signika",sans-serif; text-align: center;} .e404 article:first-child p:first-child {margin: 25px 0 0; font: 700 15.385em/1em "Arial",sans-serif;} .e404 article:first-child p+p {margin: 0; font-size: 2em; line-height: 1.3em;} .e404 article+article p:first-child {margin-top: 3em; font-weight: 300; font-size: 1.538em; line-height: 1.3em;} .e404 article form+p {width: 120px; margin: 1.3em auto; border-bottom: 1px solid #dfdfdf; color: #999; font: 300 1.231em/0.231em "Signika",sans-serif;} .e404 article form+p span {margin-top: 10px; padding: 0 10px; background: #fff; text-transform: uppercase;} .e404 fieldset {overflow: hidden; display: block; width: auto; border: 1px solid #ccc; border-radius: 2px; white-space: nowrap;} .e404 input {border: none; font-size: 1.077em;} .e404 button {padding: 9px 0; border: none; background: #fff url("images/search-large.png") 50% 50% no-repeat; box-shadow: none;} @media (max-width: 750px) { .e404 article:first-child p:first-child {font-size: 11.538em;} } @media (max-width: 560px) { .e404 article:first-child p:first-child {font-size: 7.692em;} } /* Heading shortcodes */ h2.underline {margin: 2em 0 27px; font-size: 24px; line-height: 1.417em;} h2.underline span {display: inline-block;} .columns > h2.underline {margin-left: 10px; margin-right: 10px;} .t01 h2.underline {margin-top: 32px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300;} .t01 h2.underline span {margin-bottom: -1px; padding-bottom: 10px; border-bottom: 2px solid #ff8400;} .t02 h2.underline {margin-top: 32px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; } .t02 h2.underline span {display: inline; padding: 0; border: none;} .t03 h2.underline {margin-top: 32px; padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300;} .t03 h2.underline span {display: inline; padding: 0; border: none;} .t04 h2.underline {margin-top: 37px; border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; line-height: 16px;} .t04 h2.underline span {margin-bottom: -35px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;} .t05 h2.underline {margin-top: 32px; margin-bottom: 18px; border: none; color: #747474; font-weight: 300;} .t05 h2.underline span {display: inline; padding: 0; border: none;} .t06 h2.underline {margin-top: 37px; margin-bottom: 25px; border: none; color: #3f3f3f; font-size: 20px; line-height: 1em; text-transform: uppercase;} .t06 h2.underline span {display: inline; padding: 0; border: none;} .t07 h2.underline {margin-top: 32px; margin-bottom: 21px; border: none; background: url("images/patterns/pattern11.png"); color: #3f3f3f; font-size: 20px; line-height: 0.8em; text-transform: uppercase;} .t07 h2.underline span {margin-top: -5px; padding-right: 10px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em;} .t08 h2.underline {margin-top: 37px; margin-bottom: 24px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 20px; line-height: 15px; text-transform: uppercase;} .t08 h2.underline span {margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;} .t09 h2.underline {margin-top: 33px; margin-bottom: 26px; border-bottom: 2px solid #dfdfdf; color: #3f3f3f; font-size: 20px; text-transform: uppercase;} .t09 h2.underline span {margin-bottom: -2px; padding-bottom: 15px; border-bottom: 2px solid #3f3f3f;} .t10 h2.underline {margin-top: 33px; margin-bottom: 26px; padding-bottom: 15px; border-bottom: 4px double #dfdfdf; color: #747474; font-size: 20px; text-transform: uppercase;} .t10 h2.underline span {display: inline; padding: 0; border: none;} h3.underline {margin: 2em 0 1.5em; line-height: 1.3em;} h3.underline span {display: inline-block;} .columns > .underline {margin-left: 15px; margin-right: 15px;} .t01 h3.underline {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300;} .t01 h3.underline span {margin-bottom: -1px; padding-bottom: 10px; border-bottom: 2px solid #ff8400;} .t02 h3.underline {padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; } .t02 h3.underline span {display: inline; padding: 0; border: none;} .t03 h3.underline {padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300;} .t03 h3.underline span {display: inline; padding: 0; border: none;} .t04 h3.underline {border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; line-height: 1em;} .t04 h3.underline span {margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;} .t05 h3.underline {border: none; color: #747474; font-weight: 300;} .t05 h3.underline span {display: inline; padding: 0; border: none;} .t06 h3.underline {border: none; color: #3f3f3f; line-height: 1em; text-transform: uppercase;} .t06 h3.underline span {display: inline; padding: 0; border: none;} .t07 h3.underline {border: none; background: url("images/patterns/pattern11.png"); color: #3f3f3f; line-height: 0.8em; text-transform: uppercase;} .t07 h3.underline span {margin-top: -5px; padding-right: 10px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em;} .t08 h3.underline {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; line-height: 1em; text-transform: uppercase;} .t08 h3.underline span {margin-bottom: -30px; padding: 0 10px 5px 0; border: none; background: #fff; line-height: 1em;} .t09 h3.underline {border-bottom: 2px solid #dfdfdf; color: #3f3f3f; text-transform: uppercase;} .t09 h3.underline span {margin-bottom: -2px; padding-bottom: 15px; border-bottom: 2px solid #3f3f3f;} .t10 h3.underline {padding-bottom: 15px; border-bottom: 4px double #dfdfdf; color: #747474; text-transform: uppercase;} .t10 h3.underline span {display: inline; padding: 0; border: none;} aside .widget h3 {margin: 2em 0 1em; line-height: 1.5em;} .t01 aside .widget h3 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;} .t01 aside .widget h3 span {margin-bottom: -1px; padding-bottom: 10px; border-bottom-width: 2px;} .t02 aside .widget h3 {padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; font-size: 1.385em;} .t02 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t03 aside .widget h3 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; color: #3f3f3f; font-weight: 300; font-size: 1.385em;} .t03 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t04 aside .widget h3 {border-bottom: 1px solid #dfdfdf; color: #747474; font-weight: 300; font-size: 1.385em; line-height: 1em;} .t04 aside .widget h3 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #fff;} .t05 aside .widget h3 {border: none; color: #747474; font-weight: 300; font-size: 1.385em;} .t05 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t06 aside .widget h3 {border: none; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;} .t06 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t07 aside .widget h3 {border: none; background: url("images/patterns/pattern11.png"); color: #3f3f3f; font-size: 1.385em; line-height: 0.8em; text-transform: uppercase;} .t07 aside .widget h3 span {margin-top: -5px; padding-right: 5px; padding-bottom: 0; border-bottom: none; background: #fff;} .t08 aside .widget h3 {border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; line-height: 1em; text-transform: uppercase;} .t08 aside .widget h3 span {margin-bottom: -30px; padding: 0 5px 5px 0; border: none; background: #fff;} .t09 aside .widget h3 {border-bottom: 2px solid #dfdfdf; color: #3f3f3f; font-size: 1.385em; text-transform: uppercase;} .t09 aside .widget h3 span {margin-bottom: -2px; padding-bottom: 10px; border-bottom: 2px solid #3f3f3f;} .t10 aside .widget h3 {padding-bottom: 10px; border-bottom: 4px double #dfdfdf; color: #747474; font-size: 1.385em; text-transform: uppercase;} .t10 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} footer .col h3, footer .widget h3 {margin: 8px 0 20px; color: #efefef;} .t01 footer h3 {border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;} .t01 footer h3 span {margin-bottom: -1px; padding: 0 0 10px; border-bottom-width: 1px;} .t02 footer h3 {padding-bottom: 10px; border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em;} .t02 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t03 footer h3 {padding-bottom: 10px; border-bottom: 1px solid #ff8400; font-weight: 300; font-size: 1.385em;} .t03 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t04 footer h3 {border-bottom: none; font-weight: 300; font-size: 1.385em;} .t04 footer h3 span {margin-bottom: 0; padding: 0; border-bottom-width: 0;} .t05 footer h3 {border: none; font-weight: 300; font-size: 1.385em;} .t05 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t06 footer h3 {border: none; font-size: 1.385em; text-transform: uppercase;} .t06 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t07 footer h3 {border-bottom: none; font-weight: 300; font-size: 1.385em; text-transform: uppercase;} .t07 footer h3 span {margin-bottom: 0; padding: 0; border-bottom-width: 0;} .t08 footer h3 {border-bottom: none; font-weight: 300; font-size: 1.385em; text-transform: uppercase;} .t08 footer h3 span {margin-bottom: 0; padding: 0; border-bottom-width: 0;} .t09 footer h3 {border-bottom: 1px solid #575757; font-size: 1.385em; text-transform: uppercase;} .t09 footer h3 span {margin-bottom: -2px; padding: 0 0 10px; border-bottom: 1px solid #dfdfdf;} .t10 footer h3 {padding-bottom: 10px; border-bottom: 4px double #575757; font-size: 1.385em; text-transform: uppercase;} .t10 footer h3 span {display: inline; padding-bottom: 0; border: none;} /* team page */ .team h3 {margin: 0.75em 0 0; font-weight: 300; font-size: 1.538em;} .team p.position {margin: 0; color: #999;font-size: 0.769em; text-transform: uppercase;} .team ul.social {margin: 1em 0;} .team ul.social li {margin: 0 5px 0 0;} .team .img-border img {width: 100%; max-width: 100%;} .team.col2 .img-border {float: left; margin: 0 20px 0 0;} .team.col1 .img-border {float: left; max-width: 60%; margin: 0 40px 0 0;} .team.col2 h3, .team.col1 h3 {margin-top: 0;} .team.col4 h3 {font-size: 1.385em;} .team.col1 h3 {font-size: 1.846em;} .team.col1 p {overflow: hidden;} .team.col2 ul.social, .team.col1 ul.social {margin: 1.5em 0;} @media (max-width: 800px) { .team.col1 .img-border {margin-right: 20px;} .team.col2 .img-border {float: none; max-width: 100%;} .team.col2 h3 {margin-top: 1em;} .team.col4 h3 {font-size: 1.538em;} } @media (max-width: 600px) { .team.col1 .img-border {float: none; max-width: 100%; margin-right: 0;} .team.col1 h3 {margin-top: 1em; font-size: 1.538em;} } /* timeline */ .timeline {position: relative; } .timeline .line {position: absolute; left: 50%; z-index: 1; width: 4px; height: 100%; margin: 0 0 0 -2px; padding: 0; background: #dfdfdf;} .timeline .line:before {display: block; content: ' '; width: 14px; height: 7px; margin: 0 0 35px -5px; background: url("images/timeline-arrow.png") 50% 0 no-repeat;} .timeline-begin {clear: both; position: relative; z-index: 2; padding: 15px; background: #fff; text-align: center;} .timeline-begin h2 {margin: 0; font-size: 20px;} .timeline-begin p {margin: 0; color: #b0b0b0;} * ul.timeline-events {position: relative; z-index: 2; list-style: none; padding: 35px 0;} li.timeline-milestone {clear: both; margin: 20px 0; text-align: center;} li.timeline-milestone h2 {display: inline-block; padding: 5px 20px; border: 1px solid #dfdfdf; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1); font-size: 20px; white-space: nowrap;} li.timeline-event {position: relative; width: 50%; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} li.timeline-event:first-child + li.timeline-event, li.timeline-milestone + li.timeline-event + li.timeline-event {margin-top: 90px;} .timeline-event:before {position: absolute; top: 27px; display: block; width: 6px; height: 6px; border: 3px solid #dfdfdf; border-radius: 6px; background: #fff; content: " ";} .timeline-event:hover:before {border-color: #3f3f3f;} .timeline-event:nth-of-type(2n-1) {float: right; clear: right; margin: 20px 0 0; padding-left: 25px;} .timeline-event:nth-of-type(2n-1):before {left: -6px;} .timeline-event:nth-of-type(2n) {float: left; clear: left; margin: 0 0 20px; padding-right: 25px;} .timeline-event:nth-of-type(2n):before {right: -6px;} .timeline-event .event-body {position: relative; padding: 20px; border: 1px solid #dfdfdf; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.1);} .timeline-event .event-body:before {position: absolute; top: 23px; display: inline-block; border-style: solid; border-color: transparent #dfdfdf; content: " ";} .timeline-event .event-body:after {position: absolute; top: 24px; display: inline-block; border-style: solid; border-color: transparent #fff; content: " ";} .timeline-event:hover .event-body {border-color: #bbb; box-shadow: 0 1px 5px rgba(0,0,0,0.3);} .timeline-event:hover .event-body:before {border-color: transparent #bbb;} .timeline-event:nth-of-type(2n-1) .event-body:before {left: -10px; border-width: 10px 10px 10px 0;} .timeline-event:nth-of-type(2n-1) .event-body:after {left: -8px; display: inline-block; border-width: 9px 9px 9px 0;} .timeline-event:nth-of-type(2n) .event-body:before {right: -10px; border-width: 10px 0 10px 10px;} .timeline-event:nth-of-type(2n) .event-body:after {right: -8px; display: inline-block; border-width: 9px 0 9px 9px;} .timeline-event .event-body h3:first-child {margin-top: 0; font-size: 20px;} @media (max-width: 550px) { .timeline .line {left: 7px;} .timeline-begin {padding: 15px 0; text-align: left;} li.timeline-milestone {text-align: left;} .timeline-event:nth-of-type(2n-1), .timeline-event:nth-of-type(2n) {float: right; clear: right; width: 100%; margin: 0 0 20px; padding: 0 0 0 25px;} .timeline-event:nth-of-type(2n-1):before, .timeline-event:nth-of-type(2n):before {left: 1px; right: auto;} .timeline-event:nth-of-type(2n-1) .event-body:before, .timeline-event:nth-of-type(2n) .event-body:before {left: -10px; right: auto; border-width: 10px 10px 10px 0;} .timeline-event:nth-of-type(2n-1) .event-body:after, .timeline-event:nth-of-type(2n) .event-body:after {left: -8px; right: auto; border-width: 9px 9px 9px 0;} li.timeline-event:first-child + li.timeline-event, li.timeline-milestone + li.timeline-event + li.timeline-event {margin-top: 0;} } /* misc ------------------------------------------ */ pre {overflow-x: auto; padding: 10px; border: 1px solid #DFDFDF; background: #f5f5f5; box-shadow: 0 1px 3px 0 rgba(50, 50, 50, 0.05); font-family: "Courier New", monospace;} .alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; } .alignright {float: right; margin: 5px 0 5px 20px; padding: 0; } .aligncenter {display: block; margin: 1em auto; text-align: center;} .img-border.alignleft, .single p > .img-border.alignleft:first-child {margin: 5px 20px 5px 0;} .img-border.alignright, .single p > .img-border.alignright:first-child {margin: 5px 0 5px 20px;} .single p > .img-border.aligncenter:first-child {margin: 1em auto;} .img-border.th {margin: 5px;} .wp-caption-text {margin: 0.5em 0; color: #747474; font-size: 0.923em;} .nocomments {clear: both;} iframe {max-width: 100%;} .circle {display: inline-block; width: 90px; height: 90px; border: 5px solid #e9e9e9; border-radius: 55px; background: #f4f4f4; line-height: 90px; text-align: center; vertical-align: middle;} a:hover .circle {border-color: #d97000; background: #ff8400; color: #fff;} .circle .fa {vertical-align: middle;} .fa.fa-radius {border-radius: 50%; padding: 7px;} a.post-edit-link {font-size: 0.5em;} embed {width: 100%; height: auto; max-width: 680px;} .wp-caption img, .wp-caption embed {width: 100%; max-width: 680px;} label+.required {margin-left: -17px;} .main input[type="submit"] {width: auto;} .main ul {list-style-image: url("images/bullet.png");} .required {color: #FF8400;} .gallery {overflow: hidden; padding: 1.5em 0;} .gallery dl {text-align: center;} .gallery dl dt {float: none; width: auto;} .gallery dl dd {width: auto; margin: 0; text-align: center;} .gallery a img, .gallery a img[class] {margin: 0; padding: 0;} .wp-caption {max-width: 100%;} .wp-caption, .gallery-caption {padding: 0; color: #747474; text-align: center;} .gallery-caption {margin: 5px;} [id*="gallery"] img {border: none !important;} p.pagination {overflow: hidden; clear: both; margin: 30px 0; padding: 0;} p.pagination a {display: inline-block; height: 20px; margin: 5px 0; font-weight: bold; font-size: 0.846em; letter-spacing: -0.03em; text-transform: uppercase;} p.pagination a:hover {color: #a12f0c; text-decoration: none;} p.pagination .prev {float: left;} p.pagination .prev a span {float: left; margin-right: 5px;} p.pagination .next {float: right; margin-left: 5px;} p.pagination span span {font-size: 1.5em;} p.pages {clear: both;} p label {display: inline; float: none; width: auto; margin-bottom: 0;} /*.main h3, .main h2 {clear: both;}*/ p.comment-form-comment label {display: block;} .gallery-caption {position: static;} .bypostauthor {position: static;} /* woocommerce comment form */ div.pp_woocommerce .pp_content_container {padding: 20px 0;} .pp_content_container .pp_left, .pp_content_container .pp_right {padding: 0;} .pp_content_container h3:first-child {margin-top: 0;} div.pp_woocommerce .pp_content_container .pp_content {width: auto !important; height: auto !important; text-align: center;} div.pp_woocommerce .pp_details {padding: 0;} div.pp_woocommerce #respond .form-submit {margin: 1em 0;} .form-submit input {width: auto;} div.pp_woocommerce .pp_description {display: none !important;} /* woocommerce forms */ .woocommerce-error li {margin: 20px 0; padding: 11px 10px 11px 45px; border: 1px solid #ebbcb5; background: #ffe6dc url("images/msg-error.png") no-repeat 13px 10px; box-shadow: inset 0 0 15px rgba(0,0,0,0.04); color: #ef4437;} p.form-row label {display: block;} p.form-row input {width: 75%; padding: 10px;} p.form-row input[type="checkbox"] {width: auto;} p.form-row .select {width: 75%;} p.form-row input[type="radio"] {width: auto;} .payment_methods input[type="radio"] {float: left; width: 16px; height: 16px; margin: 3px 10px 0 0;} .payment_methods input[type="radio"] label {clear: none;} .payment_methods li {margin-left: 1em;} .main * .payment_methods img {width: auto;} .checkout .create-account, .checkout .shipping_address {padding-top: 1px;} form.checkout_coupon {display: none; padding: 1px 0;} form.login {padding-top: 1px;} form.login p:first-child, form.checkout_coupon p:first-child {margin-top: 0;} @media (max-width: 400px) { p.form-row.submit, p.remind {padding-left: 0;} } .address h3 {margin-top: 0;} .chzn-container-single .chzn-single {border: none; background-image: none; box-shadow: none;} .woocommerce-checkout .form-row .chzn-container-single .chzn-single {height: 32px; line-height: 32px;} .woocommerce-checkout .form-row .chzn-container-single .chzn-single div b {background-position: 0 6px !important;} /* other woocommerce styles */ .woocommerce-result-count {float: left; margin: 0.6em 0 1.5em;} .woocommerce-ordering {float: right; margin: 0 0 1.5em;} @media (max-width: 400px) { .woocommerce-result-count, .woocommerce-ordering {float: none; margin: 0 0 1.5em; text-align: center;} .woocommerce-ordering .select {text-align: left;} } a.remove {font-size: 2em;} .shipping-calculator-form {padding: 10px 0;} .cart .coupon {padding-bottom: 5px;} .cart .actions input {margin-right: 2px;} @media (max-width: 500px) { td.actions p {text-align: center;} td.product-thumbnail img {width: 60px;} .coupon label {display: block; width: 100%; text-align: left;} .coupon input {width: 100%;} } /*woocommerce fixes for product variation*/ .single-product span.select select { opacity: 1 !important; } .single-product span.select {border: none;} .quantity .input-text.qty {margin: 3px 0 14px; max-width: 60px; padding: 5px;} /* the mini cart */ .content > aside section ul.product_list_widget li:before {display: none;} .content > aside section ul.product_list_widget li {overflow: hidden; margin: 0 0 1em;} ul.product_list_widget img {float: left; margin: 0 10px 0 0} ul.product_list_widget .quantity {display: block; white-space: nowrap;} .widget_shopping_cart_content .total {text-align: center;} .widget_shopping_cart_content p.buttons {text-align: center;} .widget_shopping_cart_content p.buttons a.button {margin: 0 10px 10px 0;} /*cart*/ .wc-proceed-to-checkout {margin-top: 30px;} /*fix for checkbox*/ .woocommerce label.checkbox {background: none; padding-left: 25px; position: relative; top: -22px;} /* coming soon page */ .coming-soon {background: #fff url("images/coming-soon-bg.png");} .coming-soon body {max-width: 500px; margin: 0 auto; padding-top: 150px; background: none; font-size: 0.875em; text-align: center;} .coming-soon header {margin: 0; background: none; box-shadow: none; } .coming-soon header p.title {float: none; color: #999; text-align: center;} .coming-soon header p.title a {display: inline-block; margin-bottom: 10px;} .coming-soon header p.title span {display: block;} .coming-soon .content {margin-bottom: 30px; padding-bottom: 35px; border-bottom: 1px solid #e5e5e5; background: none; text-align: center;} .coming-soon .content > p, .coming-soon .content > ul > li, .coming-soon .content > table {font-size: 14px;} .coming-soon .content form p {margin: 0;} .coming-soon .divider {margin: 2em 0;} .coming-soon h2 {font-size: 23px;} .coming-soon input {width: 100%; padding: 7px 15px; border: 1px solid #ccc;} .coming-soon .searchform input {border: none;} .coming-soon .sidebar {float: none; width: 100%; max-width: 100%; text-align: left;} .coming-soon .widget {width: 100%; color: #747474; font-size: 13px; text-align: left;} .coming-soon .widget:first-child {padding-top: 2em;} .coming-soon .sidebar .widget ul.menu a:hover {background: #3f3f3f; color: #fff;} .coming-soon .newsletter-widget p {display: inline-block;} .coming-soon .newsletter-widget input, .coming-soon .newsletter-widget input[type="email"], .coming-soon .newsletter-widget input[type="text"] {width: 370px; max-width: 100%; padding: 7px 15px; border: 1px solid #ccc; font-size: 13px;} /* mailchimp widget */ .coming-soon input#mc_signup_submit {display: inline-block; width: auto; height: 32px; margin: 0; padding: 0 20px; line-height: 32px;} .coming-soon .mc_signup_submit {padding: 20px 0; text-align: center;} /* counter */ .counter {padding: 10px 0 5px; font-size: 0; text-align: center;} .counter li {display: inline-block; width: 80px; height: 95px; margin: 0 4px; padding: 0; background: #3f3f3f; font-size: 14px; font-family: "Signika", sans-serif; text-transform: uppercase;} .counter li span {display: block; border-top: 1px solid #666; color: #bbb; font-size: 10px; line-height: 27px;} .counter li span.num {border: none; color: #fff; font-size: 36px; line-height: 67px;} @media (max-width: 980px) { .coming-soon body {padding-top: 0;} } @media (max-width: 500px) { .coming-soon body {padding: 0 10px;} } @media (max-width: 380px) { .counter li {width: 65px;} } /* directory */ .directory .searchform {margin-top: 30px; padding: 20px; background: #f4f4f4;} .directory .searchform fieldset {overflow: hidden; height: 32px; padding-right: 106px; border: none; background: none;} .directory .searchform input {float: left; border-radius: 3px; width: 100%; padding: 8px 15px; font-size: 14px;} .directory .searchform button {float: right; width: 98px; height: 32px; line-height: 32px;} .directory .searchform button .button-text {display: inline;} .directory .col3 h2 {margin-bottom: 5px; color: #999; font-size: 16px;} .directory .col3 h2 a {font-size: 20px;} .directory .col2 h2 {margin-bottom: 5px; color: #999; font-size: 18px;} .directory .col2 h2 a {font-size: 24px;} /* basic scrollbar styling */ /* vertical scrollbar */ .mCSB_container { width:auto; margin-right:0; overflow:hidden; } .mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{ margin-right:0; } .mCustomScrollBox>.mCSB_scrollTools{ width:16px; height:100%; top:0; right:0; } .mCSB_scrollTools .mCSB_draggerContainer{ position:absolute; top:0; left:0; bottom:0; right:0; height:auto; } .mCSB_scrollTools a+.mCSB_draggerContainer{ margin:20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width:2px; height:100%; margin:0 auto; border-radius:10px; } .mCSB_scrollTools .mCSB_dragger{ cursor:pointer; width:100%; height:30px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width:4px; height:100%; margin:0 auto; border-radius:10px; text-align:center; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; } .mCSB_scrollTools .mCSB_buttonDown{ top:100%; margin-top:-40px; } /* horizontal scrollbar */ .mCSB_horizontal>.mCSB_container{ height:auto; margin-right:0; margin-bottom:30px; overflow:hidden; } .mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-bottom:0; } .mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{ margin-right:0; margin-bottom:30px; } .mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{ width:100%; height:16px; top:auto; right:auto; bottom:0; left:0; overflow:hidden; } .mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{ margin:0 20px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{ width:100%; height:8px; margin: 0; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{ width:30px; height:100%; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:100%; height:8px; margin:0 auto; border-radius:10px; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft, .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{ display:block; position:relative; width:20px; height:100%; overflow:hidden; margin:0 auto; cursor:pointer; float:left; } .mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight {margin-left:-40px; float:right;} .mCustomScrollBox {-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/} /* default scrollbar colors and backgrounds (default theme) */ .mCSB_scrollTools .mCSB_draggerRail {background:#ebebeb;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#aeaeae; /* rgba fallback */} /* images for retina and other hi-density screens */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { header nav ul ul li.parent>a {background-image: url("images/sm-arrow@2x.png"); background-size: 12px 7px;} header .searchform button, aside .searchform button {background-image: url("images/search@2x.png"); background-size: 14px 14px;} .breadcrumb p a {background-image: url("images/bcrumb-arrow@2x.gif"); background-size: 4px 7px;} .social ul li a, ul.social li a {background-image: url("images/icons@2x.png"); background-size: 632px 54px;} .soc-tooltip {background-image: url("images/social-tooltip@2x.png"); background-size: 12px 6px;} footer {background-image: url("images/footer@2x.png"); background-size: 6px 8px;} .more a {background-image: url("images/more@2x.png"); background-size: 11px 11px;} a.go-top {background-image: url("images/go-top@2x.png"); background-size: 19px 10px;} ul.tick li {background-image: url("images/tick@2x.png"); background-size: 16px 16px;} .hp-quote, blockquote.quote {background-image: url("images/quote@2x.png"); background-size: 40px 40px;} .wp-pagenavi a.nextpostslink {background-image: url("images/more@2x.png"); background-size: 11px 11px;} .wp-pagenavi a.previouspostslink {background-image: url("images/back@2x.png"); background-size: 11px 11px;} .content-slider .controls a {background-image: url("images/slider2-controls@2x.png"); background-size: 44px 22px;} .content-slider .actions ul li a {background-image: url("images/actions@2x.png"); background-size: 64px 30px;} .slider1 article p.cta {background-image: url("images/slider-cta-bg@2x.png"); background-size: 254px 59px;} .slider1 .next-prev a {background-image: url("images/slider1-controls@2x.png"); background-size: 60px 218px;} .slider-pager a {background-image: url("images/paginator-orange@2x.png"); background-size: 27px 11px;} .slider2 .next-prev a {background-image: url("images/slider2-controls@2x.png"); background-size: 44px 22px;} .slider3>div {background-image: url("images/slider3-shadow@2x.png"); background-size: 864px 39px;} .slider3 .next-prev a {background-image: url("images/slider3-controls@2x.png"); background-size: 60px 70px;} .slider4 article>div {background-image: url("images/slider4-shadow@2x.png"); background-size: 578px 39px;} .slider6>div {background-image: url("images/slider6-shadow@2x.png"); background-size: 998px 33px;} .slider6 .menu a.prev {background-image: url("images/up-down@2x.png"); background-size: 19px 34px;} .slider6 .menu a.next {background-image: url("images/up-down@2x.png"); background-size: 19px 34px;} .slider7 .controls ul a:before {background-image: url("images/icon-camera@2x.png"); background-size: 20px 15px;} .slider7 .controls ul a.info:before {background-image: url("images/icon-info@2x.png"); background-size: 19px 18px;} .slider7 .controls ul a.cart:before {background-image: url("images/icon-cart@2x.png"); background-size: 22px 16px;} .slider7 .controls ul a.people:before {background-image: url("images/icon-people@2x.png"); background-size: 20px 14px;} .slider7 .controls ul a.mail:before {background-image: url("images/icon-mail@2x.png"); background-size: 18px 14px;} .slider8 p a.cta {background-image: url("images/slider-cta-bg@2x.png"); background-size: 254px 59px;} .slider8 .next-prev a {background-image: url("images/slider8-controls@2x.png"); background-size: 60px 12px;} .slider9 article>div {background-image: url("images/slider4-shadow@2x.png"); background-size: 578px 39px;} .slider9 .slider-titles .active>a {background-image: url("images/arrow-up-gray@2x.png"); background-size: 13px 7px;} .slider10>a {background-image: url("images/slider10-controls@2x.png"); background-size: 120px 60px;} .slider12 .slider {background-image: url("images/footer@2x.png"); background-size: 6px 8px;} .slider12 .next-prev li a {background-image: url("images/slider12controls@2x.png"); background-size: 40px 100px;} .slider12 .slider-pager a {background-image: url("images/paginator-slider12@2x.png"); background-size: 27px 11px;} .why-us li {background-image: url("images/tick@2x.png"); background-size: 16px 16px;} .content-slider .actions ul li a {background-image: url("images/actions@2x.png"); background-size: 64px 30px;} .portfolio article div ul li a {background-image: url("images/actions@2x.png"); background-size: 64px 30px;} .project-nav .prev a {background-image: url("images/back@2x.png"); background-size: 11px 11px;} .project-nav .next a {background-image: url("images/more@2x.png"); background-size: 11px 11px;} .product .product-meta span {background-image: url("images/stars@2x.png"); background-size: 18px 48px;} div.star-rating,div.star-rating a {background-image:url("images/stars@2x.png"); background-size: 18px 48px;} .events .rss-link a {background-image: url("images/rss@2x.png"); background-size: 16px 16px;} .events-head a span {background-image: url("images/slider2-controls@2x.png"); background-size: 44px 22px;} .sidebar .widget.menu>ul li.parent>a {background-image: url("images/nav-right@2x.png"); background-size: 11px 11px;} .sidebar .widget.menu>ul li.parent.expanded>a {background-image: url("images/nav-down@2x.png"); background-size: 11px 11px;} .landing-form form {background-image: url("images/footer@2x.png"); background-size: 6px 8px;} .p01 {background-image: url("images/patterns/pattern01@2x.png"); background-size: 600px 120px;} .p02 {background-image: url("images/patterns/pattern02@2x.png"); background-size: 55px 66px;} .p03 {background-image: url("images/patterns/pattern03@2x.png"); background-size: 57px 154px;} .p04 {background-image: url("images/patterns/pattern04@2x.png"); background-size: 16px 18px;} .p05 {background-image: url("images/patterns/pattern05@2x.png"); background-size: 100px 100px;} .p06 {background-image: url("images/patterns/pattern06@2x.png"); background-size: 8px 8px;} .p07 {background-image: url("images/patterns/pattern07@2x.png"); background-size: 6px 8px;} .p08 {background-image: url("images/patterns/pattern08@2x.png"); background-size: 372px 326px;} .p09 {background-image: url("images/patterns/pattern09@2x.png"); background-size: 25px 25px;} .p10 {background-image: url("images/patterns/pattern10@2x.png"); background-size: 106px 20px;} p.tooltip.dark span {background-image: url("images/tooltip-dark@2x.png"); background-size: 11px 6px;} p.tooltip.bright span {background-image: url("images/tooltip-bright@2x.png"); background-size: 13px 7px;} .msg a.hide {background-image: url("images/x@2x.png"); background-size: 12px 11px;} .msg.info {background-image: url("images/msg-info@2x.png"); background-size: 18px 18px;} .msg.success {background-image: url("images/msg-success@2x.png"); background-size: 18px 18px;} .msg.notice {background-image: url("images/msg-notice@2x.png"); background-size: 18px 18px;} .msg.error {background-image: url("images/msg-error@2x.png"); background-size: 18px 17px;} .box.info {background-image: url("images/box-info@2x.png"); background-size: 32px 32px;} .box.confirm {background-image: url("images/box-confirm@2x.png"); background-size: 34px 27px;} .box.alert {background-image: url("images/box-alert@2x.png"); background-size: 32px 29px;} .box.warning {background-image: url("images/box-warning@2x.png"); background-size: 34px 32px;} label.checkbox {background-image: url("images/input@2x.png"); background-size: 19px 110px;} label.radio {background-image: url("images/input@2x.png"); background-size: 19px 110px;} .file-input input.fake.file {background-image: url("images/input@2x.png"); background-size: 19px 110px;} .file-input a.empty {background-image: url("images/input@2x.png"); background-size: 19px 110px;} table.pricing tr.action td:first-child a {background-image: url("images/more@2x.png"); background-size: 11px 11px;} table.pricing span.yes {background-image: url("images/msg-success@2x.png"); background-size: 18px 18px;} table.pricing span.no {background-image: url("images/no@2x.png"); background-size: 18px 17px;} .modal-img a.close {background-image: #000 url("images/modal-close@2x.png"); background-size: 11px 11px;} .modal-img a.prev, .modal-img a.next {background-image: url("images/slider8-controls@2x.png"); background-size: 60px 12px;} .e404 button {background-image: #fff url("images/search-large@2x.png"); background-size: 16px 16px;} .modal-img a.prev, .modal-img a.next {background-image: url("images/slider8-controls@2x.png"); background-size: 60px 12px;} h2.t07 {background-image: url("images/patterns/pattern11@2x.png"); background-size: 5px 5px;} .sidebar h3.t07 {background-image: url("images/patterns/pattern11@2x.png"); background-size: 5px 5px;} .hp-intro p.cta {background: ("images/cta@2x.png"); background-size: 300px 79px;} .sidebar .widget > div > ul.menu li.parent>a {background-image: url("images/nav-right@2x.png"); background-size: 11px 11px;} .sidebar .widget > div > ul.menu li.parent.expanded>a {background-image: url("images/nav-down@2x.png"); background-size: 11px 11px;} .wp-pagenavi a.next {background-image: url("images/more@2x.png"); background-size: 11px 11px;} .wp-pagenavi a.prev {background-image: url("images/back@2x.png"); background-size: 11px 11px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) and (min-width: 420px) { .slider8 p a.cta {background-image: url("images/slider-cta-bg@2x.png"); background-size: 254px 59px;} }