/* 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.7 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: #f16133; 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; -webkit-appearance: 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; } .request-quotes textarea{ height: 90px;min-height:90px; width: 100%; min-width: 100%;border: 1px solid #f16136; } .col .wpcf7 .request-quotes input { width: 100%;border: 1px solid #f16136; } .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 #f16133; 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: #f16133; } .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: #f16133; } .mainmenu>ul>li.current-menu-item>a, .mainmenu>ul>li.current_page_item>a, .mainmenu>ul>li.current-menu-ancestor>a { color: #f16133; } .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: 225px; 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: #f16133; } header p.title img { max-width: 100%; vertical-align: middle; } header.sticky img { max-height: 85px !important; width: 210px !important; } 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 #f16133; } .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 #f16133; } footer article ul { list-style: none; } footer article ul li { margin: 0 0 0.5em; line-height: 1.3em; } 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%; } .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:#f16133; } .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%; } } @media (max-width: 400px) { .col2, .col3, .col4, .col5, .col6, .col23, .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: #f16133; } .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: #F16133 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 #f16133; } .dc, .dc-alt { float: left; margin: 0.3em 10px 5px 0; color: #3f3f3f; font-size: 4em; } .dc-alt { color: #f16133; } 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: relative; 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 */ .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 #f16133; border-bottom: 3px solid #d97000; background: #f16133; 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: #f16133; } .wp-pagenavi a { display: inline-block; margin-right: 5px; padding: 0 5px; color: #3f3f3f; } .wp-pagenavi a:hover { color: #f16133; } .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: #f16133; 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: #f16133; } .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 #f16133; } .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; } .slider1 article h3 strong { color: #f16133; 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: #f16133; } .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: #f16133; 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: #f16133; } .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: #f16133; 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: #f16133; 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: #f16133; } .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 #f16133; } .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: #f16133; } .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: #f16133; } .latest article { clear: both; } .latest .post-meta { margin-bottom: 0.75em; } .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: #f16133; 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: #f16133; 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: #f16133; } .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: #f16133; } .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: #f16133; } .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 -23px; 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;display:none; } .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: #f16133; } .filters ul a.selected { background: #f16133; 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: 50%; max-width: 600px; margin-right: 2%; } .project img {/*width: 100%;*/} .project .descr { float: right; width: 46%; } .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: #f16133; } .project dl { overflow: hidden; margin: 1.5em 0; padding:0 0 0 20px; border-left: 2px solid #f16133; } .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: #f16133; } .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: #f16133; } .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: #f16133; } /*.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; } .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: #f16133; } /* 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: #f16133; } .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: #f16133; } .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: #f16133; } .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; background: #fff; color: #f16133; font-size: 1em; } .star-rating span:before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; color: #f16133; } .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: #f16133; } .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: #f16133; } .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: #f16133; 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: #f16133; } 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: #f16133; 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: #f16133; } .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: #f16133; 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%, #f16133 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#f16133)); background: -webkit-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: -o-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: -ms-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: linear-gradient(to bottom, #ff9f00 0%,#f16133 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#f16133',GradientType=0 ); text-shadow: 0 -1px 0 #de6200; } a.btn.orange:hover { background: #f16133; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f16133 0%, #ff9f00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f16133), color-stop(100%,#ff9f00)); background: -webkit-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: -o-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: -ms-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: linear-gradient(to bottom, #f16133 0%,#ff9f00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16133', 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 );} .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: #f16133; 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: #f16133; } 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: #f16133; } .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: #f16133; 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%, #f16133 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9f00), color-stop(100%,#f16133)); background: -webkit-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: -o-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: -ms-linear-gradient(top, #ff9f00 0%,#f16133 100%); background: linear-gradient(to bottom, #ff9f00 0%,#f16133 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f00', endColorstr='#f16133',GradientType=0 ); } .pricing-plan a.button:hover, table.pricing a.button:hover { background: #f16133; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNzEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjlmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f16133 0%, #ff9f00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f16133), color-stop(100%,#ff9f00)); background: -webkit-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: -o-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: -ms-linear-gradient(top, #f16133 0%,#ff9f00 100%); background: linear-gradient(to bottom, #f16133 0%,#ff9f00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16133', endColorstr='#ff9f00',GradientType=0 ); } .pricing-plan:hover, .pricing-plan.selected { margin: 9px -1px 20px 0; padding: 20px 1%; border-top: 2px solid #f16133; 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: #f16133; } .pricing-plan:hover h2, .pricing-plan.selected h2 { color: #f16133; 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: #f16133; } 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; } able.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 #f16133; } .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 #f16133; 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 #f16133; } .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 #f16133; 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 #f16133; 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 #f16133; 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: #f16133; 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: #f16133; } .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; } .pagination .prev { float: left; } .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; } .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%; } } /* 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; } /* 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: url("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; } } .input#formname, #emailform, #subject, #message { width:75%;margin-top: 5px;margin-bottom: 5px; } .group-companies{ background:#F16133;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;-o-border-radius:10px 10px 0 0;-ms-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;color:#ffffff;position:fixed;right:-69px;top:210px;padding:10px 20px;transform: rotate(270deg);-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);z-index:1000; } .sticky .group-companies{ top:0; } .group-companies:hover{ color:#ffffff; } /* certificate */ .home .cerificate{ display:inline-block; } .cerificate{ background:#4A4A4C;display:inline-block;width:100%;text-align:center;margin:0 -20px;padding:0 20px !important;display:none; } .cerificate ul{ display:inline-block;margin:15px auto 10px; } .cerificate ul li{ display:inline-block;list-style:none;margin:0 10px;float:left; } .cerificate ul li h2{ font-size: 20px;color: #fff;margin: 10px 0;float: left;margin: 26px 20px;clear:none; } @media only screen and (min-width:768px) and (max-width:1024px){ .cerificate img { height: 58px !important; } } @media only screen and (max-width:767px){ .cerificate img { height: 50px !important; } .bottom .cerifications{ display:block;text-align:center; } } @media only screen and (max-width:600px){ .cerificate ul li{ float:none;margin-bottom:10px; } .cerificate{ padding:10px 0; } .cerificate ul li h2{ float:none; } } @media only screen and (max-width:480px){ .cerificate img { height: 40px !important; } } .demoslide { margin: 50px auto; position: relative; width: 240px; height: 100px;padding: 10px; } .demoslide > div { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; } .portfolio_detail { color: #F16133;font-size: 16px;font-weight: bold;margin: 0;padding: 1% 0;text-align: center; width: 100%; } .imgsetleft{ float:left; } .imgsetright{ float:right; } .talk { background-color:#F16133;padding: 10px !important; border-radius: 10px !important; } #owl-demo .item img{ display: block; width: 100%; height: auto; } /* Changes by Jalpa on Date 6-6-2016 */ h1.underline { margin: 2em 0 27px; font-size: 24px; line-height: 1.417em; } h1.underline span { display: inline-block; } .t01 h1.underline { margin-top: 32px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; } .columns > h1.underline { margin-left: 10px; margin-right: 10px; } .t01 h1.underline { margin-top: 32px; border-bottom: 1px solid #dfdfdf; color: #3f3f3f; font-weight: 300; } .t01 h1.underline span { margin-bottom: -1px; padding-bottom: 10px; border-bottom: 2px solid #f16133; } .blogHeading{ font-size: 17px; } /* end */ .bottomcer .cer-img{ background: url("http://www.aistechnolabs.com/wp-content/uploads/2016/05/certificate-alliance-sprite.jpg") no-repeat scroll 0 0;background-size: 100% 100%;text-align: center;position: relative;height: 120px; } .bottomcer .innercer h2{ font-size: 20px;text-transform: capitalize;margin: 20px 0 0;font-family: bold; } .innercer p{ font-size: 15px;line-height: 24px; } #rattingsection{ background:#F5F5F5;margin-bottom:0 !important;display: inline-block;width: 100%; } #rattingsection .tuto-cnt{ margin:0px auto 0px; } #rattingsection .col{ margin-bottom:5px; } .page-template-post-list-date-exposed #rattingsection { display:none; } .single-post #rattingsection { display:none; } .category #rattingsection { display:none; } .page .heading_override.first_100 .col.col1{ margin-bottom:0; } .heading_style{ margin: 1.5em 0 1em; color: #3f3f3f; font: 300 1.846em "Signika",sans-serif; } footer .footer_widget_title { border-bottom: 1px solid #575757; font-weight: 300; font-size: 1.385em; margin: 8px 0 20px; color: #efefef; line-height: 39px; } footer .footer_widget_title span { margin-bottom: -1px;font-family: signika; border-bottom: 1px solid #f16133; padding: 0 0 10px;border-bottom-width: 1px; } .heading_style { margin: 1.5em 0 1em;color: #3f3f3f;font: 300 1.846em "Signika",sans-serif; } .t01 .heading_override div.underline { margin-left: 0px;margin-right: 0px;font-size: 1.6em; margin-bottom: 30px; padding-bottom: 15px;font-family: "Signika",sans-serif; border-bottom: 1px solid #dfdfdf; color: #3f3f3f;font-weight: 300; } .t01 div.underline span { margin-bottom: -1px; padding-bottom: 11px;border-bottom: 2px solid #f16133; } .small_style_title { margin: 20px 0 13px;color: #3f3f3f;font: 300 15px "Signika",sans-serif; text-transform: uppercase; } .heading_style_blog_title { margin: 1.5em 0 0em; color: #3f3f3f; font: 300 1.5em "Signika",sans-serif; } /* Our units CSS */ footer .pace_we_serve{ margin: 10px 0 10px; } footer .pace_we_serve a{ display: inline-block;text-transform: capitalize !important; padding: 0 8px; font-size: 10px; border-right: 1px solid #5f5858; margin: 5px 0; } footer .pace_we_serve a:hover{ text-decoration:none; } footer .pace_we_serve a:first-child{ padding: 0px 9px 0px 0px ; } footer .pace_we_serve a:last-child{ border-right:none; } footer .pace_we_serve .serve_heading{ font-size: 15px;color: #FFF;margin: 8px 0 10px 7px;font-weight: 400;text-transform: uppercase; } .cerifications{ text-align: left;display: block;float: left;width: 100%;clear: both; } #responsive-menu-title-image img{ max-width: 194px; } #responsive-menu-container{ z-index: 99999 !important; } #responsive-menu-additional-content nav.social li{ margin: 0 3px !important; } html.responsive-menu-open body{position:fixed;}#responsive-menu-container { background-position: center center; } @media screen and (max-width: 768px){ #responsive-menu-container .responsive-menu-search-box { height: 40px !important; } #responsive-menu-container #responsive-menu-title { text-align: center !important; } footer nav.social ul li a { background-color: #000 !important;border-radius: 4px !important; } .group-companies{ display:none; } } /* TapTap Changes .tap-tap-header {display:none;} @media only screen and (max-width: 767px) { .tap-tap-header { background-color: #fff;display:block; border-bottom: 1px solid #747a7d; box-shadow: 0 0 0 #CCC !important;} section.top { margin-top: 68px;} } */ /* 4-5-17 */ .page-id-6 .heading_override div.underline { padding-bottom:0; } .page-id-6 div.underline span { display:inline-block; } @media only screen and (max-width:600px) { .page-id-6 .tp-caption img { opacity:0.2; } .page-id-6 .forcefullwidth_wrapper_tp_banner { height:300px; } .page-id-6 .revolution-slider { height:300px; } .forcefullwidth_wrapper_tp_banner { height:300px !important; } .page-id-6 #rev_slider_6_1_wrapper { height:300px !important; } .page-id-6 #rev_slider_6_1 { height:300px !important; } .page-id-6 .tp-fullwidth-forcer { height:300px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-1, #slide-17-layer-14, #slide-18-layer-4, #slide-19-layer-3, #slide-20-layer-3 { font-size:20px !important; line-height:23px !important; margin-top:60px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-2, #slide-17-layer-15, #slide-19-layer-4, #slide-20-layer-4 { font-size:16px !important; margin-top:75px !important; line-height:20px !important; max-width:none; } .page-id-6 .tp-revslider-mainul, #slide-16-layer-3, #slide-17-layer-16, #slide-19-layer-9, #slide-19-layer-11, #slide-20-layer-5{ font-size:14px !important; margin-top:110px !important; line-height:16px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-4, #slide-17-layer-17, #slide-19-layer-6, #slide-19-layer-10 { font-size:14px !important; margin-top:120px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-11, #slide-17-layer-23, #slide-18-layer-14, #slide-20-layer-8 { font-size:12px !important; line-height:12px !important; margin: 140px 100px 0 100px !important; } .page-id-6 .tp-revslider-mainul #slide-17-layer-16, #slide-18-layer-5 { font-size:14px !important; margin-top:90px !important; line-height:16px !important; } .page-id-6 .tp-revslider-mainul #slide-18-layer-8{ font-size:14px !important; margin-top:104px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-17-layer-17 { font-size:14px !important; margin-top:100px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-11, #slide-19-layer-15, #slide-19-layer-16, #slide-19-layer-18, #slide-19-layer-19 { margin-left:24px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-10 { left:40px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-11 { left:24px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-16 { left:-82px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-15 { left:-82px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-12, #slide-19-layer-13, #slide-19-layer-17 { display:none; } .page-id-6 .tp-revslider-mainul #slide-19-layer-16, #slide-19-layer-19 { margin-top:160px !important; font-size:14px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-15, #slide-19-layer-18 { margin-top:170px !important; font-size:14px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-23 {font-size:12px !important; line-height:12px !important; margin: 190px 100px 0 100px !important; } .contact_input{ width: 100%; padding: 10px 0; } .wpcf7 .contact_input.textarea{ width: 100%; } } @media only screen and (max-width:320px) { .page-id-6 .tp-revslider-mainul #slide-16-layer-3 { font-size:13px !important; margin-top:130px !important; line-height:16px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-4 { font-size:13px !important; margin-top:142px !important; line-height:18px !important; } .page-id-6 .tp-revslider-mainul #slide-16-layer-11 { font-size:12px !important; line-height:12px !important; margin: 170px 80px 0 80px !important; } .page-id-6 .tp-revslider-mainul #slide-17-layer-23, #slide-18-layer-14, #slide-20-layer-8 { font-size:12px !important; line-height:12px !important; margin: 140px 80px 0 80px !important; } .page-id-6 .tp-revslider-mainul #slide-19-layer-23 { font-size:12px !important; line-height:12px !important; margin: 190px 80px 0 80px !important; } } @media only screen and (max-width:414px) { .page-id-6 .tp-revslider-mainul #slide-20-layer-4, .page-id-6 .tp-revslider-mainul #slide-20-layer-3, .page-id-6 .tp-revslider-mainul #slide-18-layer-5 { white-space:normal !important; width:310px !important; } .page-id-6 .tp-revslider-mainul #slide-20-layer-4 { margin-top:90px !important; } .page-id-6 .tp-revslider-mainul #slide-20-layer-3 { margin-top:45px !important; } .page-id-6 .tp-revslider-mainul #slide-20-layer-5 { margin-top:120px !important; } .page-id-6 .tp-revslider-mainul #slide-18-layer-8 { margin-top:120px !important; } } /* 4-5-17 *//*16-5*/ #responsive-menu-wrapper { height:100%; }/*16-5*/ .contact_input { padding: 10px;width: 100%; display: inline-block } .wpcf7 .contact_main .contact_input input, .wpcf7 .contact_main .contact_input select, .wpcf7 .contact_main .contact_input textarea { padding: 9px 10px;border: 1px solid #ccc;border-radius: 2px;background: #fff;width: 100%; -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;-webkit-appearance: none; } .wpcf7 .contact_input input, .wpcf7 .contact_input .select{ width: 100%; display: block;height: 40px } .wpcf7 .contact_input.textarea{ width: 94%; } /* This is the header service menu css */ /* Date: 23/01/2026 */ /* Parent mega menu */ .megamenu:hover > .sub-menu {display: flex ;flex-direction: column ;gap: 0;padding: 0;background: #fff;border-bottom: 2px solid #e5e5e5;} /* First-level menu items (tabs) */ .megamenu > .sub-menu > li {position: relative;/* padding: 6px 6px; */white-space: nowrap;} /* Tab links */ .megamenu > .sub-menu > li > a {font-weight: 600;color: #222;} /* Active / hover tab */ .megamenu > .sub-menu > li:hover, .megamenu > .sub-menu > li.current-menu-item {background: #f5f5f5;} /* Hide inner dropdowns initially */ .megamenu > .sub-menu > li > .sub-menu {display: none;position: absolute;top: 100%;left: 0;min-width: 280px;background: #fff;padding: 15px 0;box-shadow: 0 10px 40px rgba(0,0,0,0.15);z-index: 999;} /* Show dropdown on hover */ .megamenu > .sub-menu > li:hover > .sub-menu {display: block;} /* Inner dropdown links */ .megamenu > .sub-menu > li > .sub-menu li a {padding: 8px 20px;display: block;font-weight: 400;} /* Mega menu container */ .megamenu > .sub-menu {display: none;position: absolute;top: 100%;left: 0;background: #fff;box-shadow: 0 10px 40px rgba(0,0,0,0.12);/* display: flex; */z-index: 999;} /* Show mega menu on hover */ .megamenu:hover > .sub-menu {display: flex;} /* Left column */ .megamenu > .sub-menu > li {/* width: 35%; */position: relative;} /* Right column (hidden by default) */ .megamenu > .sub-menu > li > .sub-menu {display: none;position: absolute;top: 0;left: 100%;width: 65%;background: #fff;padding-left: 30px;} /* Show right column on hover */ .megamenu > .sub-menu > li:hover > .sub-menu {display: block;} /* Menu links styling */ .megamenu a {display: block;padding: 10px 12px;font-weight: 500;color: #222;} /* Hover effect */ .megamenu li:hover > a {background: #f5f3ff;color: #f16133;border-radius: 6px;} /* Remove default bullets */ .megamenu ul {list-style: none;margin: 0;padding: 0;} /* ❌ Prevent submenu from opening on page load */ .megamenu > .sub-menu > li.current-menu-item > .sub-menu, .megamenu > .sub-menu > li.current-menu-parent > .sub-menu, .megamenu > .sub-menu > li.current-menu-ancestor > .sub-menu {display: none !important;} /* ✅ Open submenu ONLY on hover */ .megamenu > .sub-menu > li:hover > .sub-menu {display: block;}