/*==================================== = PRISM = ====================================*/ code[class*=language-],pre[class*=language-]{color:#000;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.important,.token.regex{color:#e90}.token.important{font-weight:700}.token.entity{cursor:help}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:-moz-linear-gradient(left,hsla(24,20%,50%,.1)70%,hsla(24,20%,50%,0));background:-webkit-linear-gradient(left,hsla(24,20%,50%,.1)70%,hsla(24,20%,50%,0));background:-o-linear-gradient(left,hsla(24,20%,50%,.1)70%,hsla(24,20%,50%,0));background:linear-gradient(left,hsla(24,20%,50%,.1)70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}pre.line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre.line-numbers>code{position:relative}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{pointer-events:none;display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}.token.cr:before,.token.lf:before,.token.tab:not(:empty):before{color:#e0d7d1}.token.tab:not(:empty):before{content:'▸'}.token.cr:before{content:'␍'}.token.lf:before{content:'␊'}.token a{color:inherit}code[class*=language-] a[href],pre[class*=language-] a[href]{cursor:help;text-decoration:none}code[class*=language-] a[href]:hover,pre[class*=language-] a[href]:hover{cursor:help;text-decoration:underline}pre[class*=language-]{position:relative}pre[class*=language-]>code[data-language]{overflow:scroll;max-height:28em;display:block}pre[class*=language-]>code[data-language]::before{content:attr(data-language);color:#000;background-color:#CFCFCF;display:inline-block;position:absolute;top:0;right:0;font-size:.9em;border-radius:0 0 0 5px;padding:0 .5em;text-shadow:none} /*==================================== = FONT AWESOME = ====================================*/ */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.1.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.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:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes 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);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-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);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.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-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{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: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{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-square:before,.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-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-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"} /*==================================== = DESKTOP STYLES = ====================================*/ /* Homepage Structure Styles *****************************************/ #about {background:#9FC9EB; padding:110px 0;} #about .overview {border:7px solid #A5D3F8; color:#fff; padding:35px; margin:0 auto 70px; text-align:center; width:1200px;} #about .overview h2 {font-size:1.75em; line-height:1.3em; margin-bottom:10px;} #about .overview p {font-size:1em; line-height:1.5em;} #about .features {margin:0 auto; width:1554px;} #about .features .column {float:left; text-align:center; width:33.333333333%;} #about .features .column img {margin-bottom:25px;} #about .features .column p {color:#fff; font-size:1.3em; line-height:1.5em; margin:0;} #services {background:#000;} #services .box {float:left; height:440px; position:relative; width:50%;} #services .box a {display:block; height:440px; position:absolute; text-decoration:none; top:0; width:100%;} #services .box a:hover {opacity:0.5;} #services .box .text {display:table; height:440px; padding:0 30px; pointer-events:none; position:absolute; text-align:center; top:0; width:100%;} #services .box .text div {display:table-cell; height:440px; vertical-align:middle;} #services .box .text h2 {border-bottom:1px solid transparent; color:#fff; display:inline-block; font-size:1.5em; font-weight:700; line-height:1.3em; margin:0 0 20px 0; text-transform:uppercase;} #services .box:hover h2 {border-bottom:1px solid #fff;} #services .box .text p {color:#fff; font-size:1em; line-height:1.5em; margin:0;} #services .quote {background:#6366AE; display:table; height:440px;} #services .quote .container {display:table-cell; height:440px; padding:0 160px 0 175px; vertical-align:middle;} #services .quote h2 {color:#fff; font-size:1.5em; font-weight:700; line-height:1.3em; margin:0; text-align:center; text-transform:uppercase;} #services .quote:hover h2 {border-bottom:none !important;} #services .quote h3 {color:#fff; font-size:1.5em; font-weight:400; line-height:1.3em; margin:0 0 40px; text-align:center;} #services .quote p {color:#fff; font-family: 'Lato', sans-serif; font-size:0.95em; font-weight:400; line-height:1.4em; margin:0;} #services .quote form {margin-bottom:33px;} #url {display:none;} #services .quote input[type="email"]{background:#6366AE; border:4px solid #6F72B8; color:#000; font-size:15px; font-weight:700; height:64px; line-height:64px; padding:0 15px; margin-right:5%; text-transform:uppercase; width:59.3%; max-width:375px;} #services .quote input[type="email"]:focus {background:#6F72B8; outline:none;} #services .quote input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;} #services .quote input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #000;} #services .quote input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #000;} #services .quote input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #000;} #services .quote input[type="submit"], #services .quote button{color:#fff; background:#000; border:none; font-size:15px; font-weight:700; height:64px; line-height:64px; text-transform:uppercase; width:35.7%; max-width:215px;} #services .quote input[type="submit"]:hover, #services .quote button:hover {background:#fff; color:#596ca8; cursor:pointer;} #quote-form div {display:inline !important;} .grecaptcha-badge {bottom:50px !important; z-index:9999999 !important;} #quote-form #requiredField {display:none; color:#9FC9EB; font-size:17px; font-weight:700; padding-top:15px;} #services .world a {background:url(../images/home/world.jpg) no-repeat; background-size:cover;} #services .unlimited a {background:url(../images/home/unlimited.jpg) no-repeat; background-size:cover;} #services .charities a {background:url(../images/home/charities.jpg) no-repeat; background-size:cover;} #news {padding:95px 0 115px;} #news .box {width:1200px; margin:0 auto;} #news h1 {margin-bottom:0;} #news .news-header {background:url(../images/icons/news-arrow.png) no-repeat center right; display:inline-block; color:#3e3e3e; font-size:1.5em; line-height:1.3em; padding:0 40px 0 0; margin:0 0 65px;} #news .news-header:hover {text-decoration:none;} #news .news-header:hover span {text-decoration:underline;} #news .news-item {float:left; width:29.83333333%;} #news .news-item .title a {color:#596ca8; display:block; font-size:1.5em; line-height:1.3em; margin-bottom:45px;} #news .news-item .title a:hover {text-decoration:underline;} #news .news-item .date {color:#95A0A6; font-size:0.975em; padding-bottom:20px; border-bottom:2px solid #C7C6C6;} #news .news-spacer {float:left; width:5.25%; height:10px;} footer {background:#000; padding:80px;} footer .box {margin:0 auto; width:1200px;} footer .item {float:left; width:29.8333333333%; line-height:1.8em;} footer .item .blue {color:#9FC9EB;} footer .address {color:#fff; font-size:0.900em;} footer .address a {color:#fff; display:inline-block; font-size:0.722em; padding-top:30px; text-decoration:underline;} footer .address a:hover {text-decoration:none;} footer .contact {color:#fff; font-size:0.900em;} footer .contact a {color:#fff;} footer .contact a:hover {text-decoration:underline;} footer .links ul {list-style:none; padding:0; margin:0;} footer .links ul li a {color:#9FC9EB;} footer .links ul li a:hover {text-decoration:underline;} footer .links2 {margin-top:60px;} footer .links2 ul {font-size:0.7em; line-height:1em; list-style:none; padding:0; margin:0;} footer .links2 ul li {display:inline-block; line-height:1em; padding:0; margin:0 20px 0 0;} footer .links2 ul li a {color:#909090; display:inline-block; line-height:1em; } footer .copyright {width:auto; color:#909090; font-size:0.65em; margin-top:60px;} footer .spacer {float:left; width:5.25%; height:10px;} /* Innerpage Structure Styles *****************************************/ .top-spacer-mobile {display:none;} #overview {padding:170px 0 100px;} #overview .box {width:1558px; margin:0 auto;} #overview .box h1 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:25px; text-transform:uppercase;} #overview .box h2 {color:#1a1a1a; font-size:2.5em; font-weight:300; line-height:1.2em; margin-bottom:40px;} #overview .box h3 {color:#1a1a1a; font-size:1em; font-weight:700; line-height:1.2em; margin-bottom:15px; padding-top:25px;} #overview .box p {line-height:1.5em; color:#5f5f5f; font-family: 'Lato', sans-serif; margin-bottom:25px;} #overview ul {list-style:square; margin:0 0 15px 40px;} #overview ol {list-style:decimal; margin:0 0 15px 40px;} #overview li {padding-bottom:13px; line-height:1.2em;} #overview ul li ul {margin:15px 0 0 40px; list-style:circle;} .stack-reversal {direction:rtl !important;} #quote {background:#696CBC; padding:60px 0; text-align:center;} #quote h2 {color:#fff; font-size:1.5em; font-weight:400; line-height:1.3em; margin-bottom:30px;} #quote input[type="email"]{background:#696CBC; border:4px solid #7C80D0; color:#000; font-size:15px; font-weight:700; height:64px; line-height:64px; padding:0 15px; margin-right:20px; text-transform:uppercase; width:335px;} #quote input[type="email"]:focus {background:#7C80D0; outline:none;} #quote input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;} #quote input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #000;} #quote input[type="email"]:-ms-input-placeholder { /* IE 10+ */ color: #000;} #quote input[type="email"]:-moz-placeholder { /* Firefox 18- */ color: #000;} #quote input[type="submit"], #quote button{color:#fff; background:#000; border:none; font-size:15px; font-weight:700; height:64px; line-height:64px; text-transform:uppercase; width:220px;} #quote input[type="submit"]:hover, #quote button:hover {background:#fff; color:#596ca8; cursor:pointer;} /* Websites Page Styles *********************************************************/ #websites-banner {min-height:1015px; background:url(../images/banners/websites.jpg) no-repeat top right; background-size:cover;} #websites-banner .box {position:relative; padding:170px 972px 40px 0; width:1558px; margin:0 auto;} #websites-banner .box h1 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:25px; text-transform:uppercase;} #websites-banner .box h2 {color:#1a1a1a; font-size:2.5em; font-weight:300; line-height:1.2em; margin-bottom:40px;} #websites-banner .box p {font-family: 'Lato', sans-serif; margin-bottom:25px; line-height:1.5em;} #websites-banner .box .feature {display:table; float:left; width:100%;} #websites-banner .box .feature .icon {display:table-cell; width:80px; padding:20px 0; vertical-align:middle;} #websites-banner .box .feature .text {display:table-cell; color:#6368ac; font-family: 'Oxygen', sans-serif; font-weight:400; line-height:1.3em; padding:20px 0; vertical-align:middle;} #portfolio-banner {min-height:685px; background:url(../images/banners/service-details.jpg) no-repeat top right; background-size:cover;} #portfolio-banner .box {position:relative; padding:170px 500px 0 0; width:1558px; margin:0 auto;} #portfolio-banner .box h1 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:7px; text-transform:uppercase;} #portfolio-banner .box h2 {color:#1a1a1a; font-size:2.8em; font-weight:300; line-height:1.2em; margin-bottom:15px;} #portfolio-banner .box p {font-family: 'Lato', sans-serif; margin-bottom:25px; line-height:1.3em;} #portfolio {margin-top:100px;} #portfolio .box {position:relative; width:1558px; margin:0 auto 50px;} #portfolio .box h1 {color:#1a1a1a; font-weight:300; font-size:2.5em; margin-bottom:20px;} #portfolio .box p {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; text-transform:uppercase;} #portfolio .box .more-examples {position:absolute; top:20px; right:0; background:#000; color:#fff; text-transform:uppercase; font-size:0.75em; padding:20px 40px; line-height:1.3em; text-decoration:none; font-weight:700;} #portfolio .box .more-examples:hover {opacity:0.7;} .portfolio-item {position:relative; float:left; width:45%; margin:0 2.5% 4%; text-align:center; padding:3% 3% 0;} .portfolio-item img {height:auto; width:100%; max-width:700px; margin:0; padding:0; border:0;} .portfolio-item a:hover img {opacity:0.7;} .john-watlings {background:#0050A8;} .poet-technologies {background:#D64B10;} .eight-one-two {background:#C88253;} .allegro-interiors {background:#BBBDCA;} .pr-exchange {background:#628325;} .peruvian {background:#AB7B00;} .super-rocket {background:#B92B1A;} .lets-party {background:#CF1B67;} .integracare {background:#00CCCC;} .bayfield-strategy {background:#075184;} .liberty {background:#C0D6ED;} #approach {} #approach .textbox {padding:20px 0 100px; text-align:center;} #approach .textbox h1 {color:#596ca8; font-size:2.5em; font-weight:400; line-height:1.3em; margin-bottom:35px;} #approach .textbox p {font-size:1.2em; line-height:1.5em;} #approach .left {background:#fff; float:left; height:560px; padding:6% 10% 0 10%; width:50%;} #approach .left h2 {color:#596ca8; font-size:2.1em; font-weight:400; line-height:1.3em; margin-bottom:35px;} #approach .left p {font-family: 'Lato', sans-serif; font-size:1em; font-weight:400; line-height:1.5em; margin-bottom:20px;} #approach .right {background:#fff; float:right; height:560px; padding:6% 10% 0 10%; width:50%;} #approach .right h2 {color:#596ca8; font-size:2.1em; font-weight:400; line-height:1.3em; margin-bottom:35px;} #approach .right p {font-family: 'Lato', sans-serif; font-size:1em; font-weight:400; line-height:1.5em; margin-bottom:20px;} #approach .grey-bg {background:#E5E3E3;} #approach .light-blue-bg {background:#9FC9EC;} #approach .light-blue-bg p {color:#fff !important;} /* Services Page Styles **************************************************/ #service-overview {padding:170px 0 100px;} #service-overview .box {width:1558px; margin:0 auto;} #service-overview .box h1 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:25px; text-transform:uppercase;} #service-overview .box h2 {color:#1a1a1a; font-size:2.5em; font-weight:300; line-height:1.2em; margin-bottom:40px;} #service-overview .box p {padding-right:50%; line-height:1.5em; color:#5f5f5f; font-family: 'Lato', sans-serif; } #service-offerings {background:#000;} #service-offerings .box {float:left; height:440px; position:relative; width:50%;} #service-offerings .box a {display:block; height:440px; position:absolute; text-decoration:none; top:0; width:100%;} #service-offerings .box a:hover {opacity:0.5;} #service-offerings .box .text {display:table; height:440px; padding:0 30px; pointer-events:none; position:absolute; text-align:center; top:0; width:100%;} #service-offerings .box .text div {display:table-cell; height:440px; vertical-align:middle;} #service-offerings .box .text img {display:block; margin:0 auto 25px;} #service-offerings .box .text h2 {border-bottom:1px solid transparent; color:#fff; display:inline-block; font-size:1.5em; font-weight:700; line-height:1.3em; margin:0 0 20px 0; text-transform:uppercase;} #service-offerings .box:hover h2 {border-bottom:1px solid #fff;} #service-offerings .box .text p {color:#fff; font-size:1em; line-height:1.5em; margin:0;} #service-offerings .fullwidth {width:100% !important;} #service-offerings .hosting a {background:#9FC9EB; opacity:1 !important;} #service-offerings .hosting a:hover {background:#696CBC;} #service-offerings .mobile a {background:url(../images/services/mobile.jpg) no-repeat; background-size:cover;} #service-offerings .design a {background:url(../images/services/design.jpg) no-repeat; background-size:cover;} #service-offerings .analytics a {background:url(../images/services/analytics.jpg) no-repeat; background-size:cover;} #service-offerings .adword a {background:#9FC9EB; opacity:1 !important;} #service-offerings .adword a:hover {background:#696CBC;} #service-offerings .maintenance a {background:url(../images/services/maintenance.jpg) no-repeat; background-size:cover;} #service-offerings .email a {background:#9FC9EB; opacity:1 !important;} #service-offerings .email a:hover {background:#696CBC;} #service-offerings .wordpress a {background:url(../images/services/wordpress.jpg) no-repeat; background-size:cover;} #additional-services {padding:110px 0;} #additional-services .box {width:1200px; margin:0 auto;} #additional-services .box h2 {color:#1a1a1a; font-size:2.1em; font-weight:400; line-height:1.3em; padding:0 2%; margin-bottom:80px; text-align:center;} #additional-services .box p {line-height:1.5em; text-align:center;} #additional-services .box .container {width:100%;} #additional-services .box .container .service {display:table; float:left; width:31.333333333%; margin:0 1%; border-bottom:1px solid #c7c6c6;} #additional-services .box .container .service .icon {display:table-cell; width:70px; padding:15px 0; vertical-align:middle;} #additional-services .box .container .service .text {display:table-cell; color:#6366AE; font-size:24px; font-weight:400; line-height:1.3em; padding:15px 0; vertical-align:middle;} /* Services Details Page Styles **************************************************/ #service-details-banner {height:685px; background:url(../images/banners/service-details.jpg) no-repeat top right; background-size:cover;} #service-details-banner .box {position:relative; padding:170px 0 40px; width:1558px; margin:0 auto;} #service-details-banner .box img {margin-bottom:30px;} #service-details-banner .box h1 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:7px; text-transform:uppercase;} #service-details-banner .box h2 {color:#6366AE; font-size:3em; font-weight:300; line-height:1.2em; text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);} #service-details-banner .box .back {display:inline-block; font-family: 'Lato', sans-serif; background:#6366AE; color:#fff; padding:13px 30px; margin-top:15px; line-height:1.3em; text-decoration:none;} #service-details-banner .box .back:hover {opacity:0.7;} #service-features {padding:110px 0; background:#9FC9EB;} #service-features .box {width:1500px; margin:0 auto;} #service-features .box h2 {color:#fff; font-size:1.5em; font-weight:400; line-height:1.3em; padding:0; margin-bottom:30px;} #service-features .box .left {width:40%; float:left; margin-left:10%;} #service-features .box .right {width:40%; float:right;} #service-features .box .feature {display:table; float:left; width:100%; margin:0 1%; border-bottom:1px solid #A5D3F8;} #service-features .box .feature .icon {display:table-cell; width:55px; padding:15px 0; vertical-align:middle;} #service-features .box .feature .text {display:table-cell; color:#000; font-family: 'Lato', sans-serif; font-size:18px; font-weight:400; line-height:1.3em; padding:15px 0; vertical-align:middle;} #service-features-spacer {display:none;} .wufoo .info h2{display: none;} input.medium, input.large{width: 100%;} .wufoo input.text, .wufoo textarea.textarea, .wufoo input.file, .wufoo select.select { background: #f0f0f0; border: none; color: #000; font-size: 15px!important; font-weight: 700; height: 32px; line-height: 32px; padding: 0 15px; text-transform: uppercase; } .wufoo input.btTxt { color: #fff; background: #e49552; border: none; font-size: 15px; font-weight: 700; height: 32px; line-height: 32px; text-transform: uppercase; width: 100%; cursor: pointer; } .wufoo input.btTxt:hover {opacity:0.7;} .traffic {height:735px !important; background:url(../images/banners/traffic.jpg) no-repeat top right !important; background-size:cover !important;} /* Blog Styles ***********************************************************/ .alignleft {margin-right:30px; margin-bottom:20px;} .alignright {margin-left:30px; margin-bottom:20px;} #blog {padding-top:40px;} #blog .box {width:1558px; margin:0 auto;} #overview .featuredimage {float:right; margin:0 0 30px 50px; width:565px;} #overview .featuredimage img {width:100%; height:auto; border:5px solid #f0f0f0; padding:5px;} div.atclear {clear: left !important; margin-bottom:25px !important;} .news-button {display:inline-block; font-family: 'Lato', sans-serif; background:#6366AE; color:#fff !important; padding:10px 15px; margin:15px 15px 0 0; line-height:1.3em; text-decoration:none !important;} .news-button:hover {opacity:0.7; text-decoration:none !important;} #blog .news-item {float:left; height:440px; position:relative; background:#000; margin:10px; width: -moz-calc(50% - 20px); width: -webkit-calc(50% - 20px); width: -o-calc(50% - 20px); width: calc(50% - 20px);} #blog .news-item a {display:block; height:440px; text-decoration:none; position:absolute; width:100%; opacity:0.8;} #blog .news-item a:hover {opacity:0.5 !important;} #blog .news-item .noimage {background:#9FC9EB !important;} #blog .news-item .noimage:hover {background:#696CBC !important;} #blog .text {display:table; height:440px; padding:0 50px; pointer-events:none; position:absolute; text-align:center; top:0; width:100%; text-shadow: 0px 0px 100px rgba(0, 0, 0, 0.75);} #blog .noimage-text {text-shadow:none !important;} #blog .text div {display:table-cell; height:440px; vertical-align:middle;} #blog .text h2 {color:#fff !important; display:inline-block; font-size:1.5em; font-weight:700; line-height:1.3em; margin:0 0 20px 0; text-transform:uppercase;} #blog .news-item:hover h2 {text-decoration:underline;} #blog .text p {color:#fff; font-size:1em; font-weight:700; line-height:1.5em; margin:0;} #blog .news-item:hover .text {text-shadow:none !important;} .paginationbox {padding:50px; text-align:center;} .wp-pagenavi a, .wp-pagenavi span {padding: 10px !important;} .tw-pagination {list-style:none !important; margin:0 !important; padding:0 !important; text-align:center !important;} .tw-pagination li {display:inline-block !important; margin:0 3px;} .tw-pagination li .current {display:block; padding:10px;} .tw-pagination li a {display:block; background:#eee; padding:10px;} .tw-pagination li a:hover {text-decoration:none !important; background:#9FC9EB !important; color:#fff !important;} /* Sponsored Charities Page Styles **************************************************/ #charities {padding:50px 0; background:#e5e5e5;} #charities .box {width:1200px; margin:0 auto;} #charities .feature {float:left; width:47%; margin:25px 1.5%;} #charities .feature .img {float:left; width:30%;} #charities .feature .img img {width:100%; height: auto;} #charities .feature .text{float:right; width:66%;} #charities .feature .text img {margin-bottom:15px;} #charities .feature .text p {font-size:0.8em; line-height:1.3em; margin-bottom:20px;} #charities .feature .text a {display:inline-block; color:#596ca8; border: 3px solid #596ca8; padding:3px 12px; font-size:0.8em;} #charities .feature .text a:hover {background:#596ca8; text-decoration:none; color:#fff;} #charities .box .linebreak {background:#bbb; height:1px; margin:15px 0;} #charities .box .hidden {display:none;} /* Contact Page Styles **************************************************/ #contact-banner {min-height:600px; background:url(../images/banners/contact.jpg) no-repeat top right; background-size:cover;} #contact-banner .box {position:relative; padding:170px 0 40px; width:1558px; margin:0 auto;} #contact-banner .form-box h1 {font-size:1.5em; font-weight:700; line-height:1.3em; color:#fff; text-transform:uppercase; text-align:center; letter-spacing:1px; margin-bottom:20px;} #contact-banner .form-box {background:#9EC9EB; padding:50px 106px; position:relative; width:612px;} #contact-banner .form-box label {width:100%;} #contact-banner .form-box span {position:absolute; left:-9999px;} #contact-banner .form-box input[type="email"], #contact-banner .form-box input[type="tel"], #contact-banner .form-box input[type="text"] {background:none; border:3px solid #fff; color:#000; font-size:15px; font-weight:700; height:64px; line-height:64px; padding:0 15px; margin-bottom:15px; text-transform:uppercase; width:100%;} #contact-banner .form-box input[type="email"]:focus, #contact-banner .form-box input[type="tel"]:focus, #contact-banner .form-box input[type="text"]:focus {background:#fff; outline:none;} #contact-banner .form-box textarea {background:none; border:3px solid #fff; color:#000; font-size:15px; font-weight:700; height:140px; line-height:1.4em; padding:15px; margin-bottom:15px; text-transform:uppercase; width:100%;} #contact-banner .form-box textarea:focus {background:#fff; outline:none;} ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000;} ::-moz-placeholder { /* Firefox 19+ */ color: #000;} :-ms-input-placeholder { /* IE 10+ */ color: #000;} :-moz-placeholder { /* Firefox 18- */ color: #000;} #contact-banner .form-box button {color:#fff; background:#333; border:none; font-size:15px; font-weight:700; height:64px; line-height:64px; text-transform:uppercase; width:100%;} #contact-banner .form-box button:hover {background:#fff; color:#596ca8; cursor:pointer;} #contact-info {} #contact-info .details {color:#fff; font-size:1.25em; line-height:1.3em; background:#6365AF; float:left; height:460px; padding:65px 9%; width:50%;} #contact-info .details .icon {display:block; margin-bottom:25px;} #contact-info .details .black {color:#000;} #contact-info .details .left {float:left;} #contact-info .details a {color:#fff;} #contact-info .details .left .social {display:block; margin:25px 0 20px;} #contact-info .details .left a:hover img {opacity:0.7;} #contact-info .details .right {float:right;} #contact-info .details .right .find-us {display:inline-block; margin-top:30px; font-size:15px; text-decoration:underline;} #contact-info .details .right .find-us:hover {text-decoration:none;} #contact-info .map-box {position:relative; float:right; height:460px; width:50%;} #map { position:absolute; top:0; bottom:0; width:100%; } #jobs {background:#fff; padding:90px 0;} #jobs .box {width:1200px; margin:0 auto;} #jobs .box h2 {color:#858585; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; line-height:1.3em; margin-bottom:40px; text-transform:uppercase;} #jobs .box h3 {color:#1a1a1a; font-size:1.5em; font-weight:400; line-height:1.5em; margin-bottom:60px;} #jobs .box h3 a {color:#6366AE; text-decoration:underline;} #jobs .box h3 a:hover {text-decoration:none;} /*#jobs .box ul {margin:0; padding:0; list-style:none;} #jobs .box ul li {color:#6366AE; font-family: 'Lato', sans-serif; font-size:0.9em; font-weight:700; display:inline; margin-right:50px; text-transform:uppercase;}*/ /* CSS Tabs styling for Jobs section *****************/ .tabs { margin-left: 0; list-style: none; *zoom: 1;} .tabs > li > a {display: block;} .tabs:before, .tabs:after {display: table; content: "";} .tabs:after { clear: both;} .tabs > li {float: left; margin-bottom: -1px;} .tabs > li > a {color:#6366AE; font-family: 'Lato', sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; padding: 0 50px 0 0; line-height: 1.3em; cursor:default;} .tabs > li > a:hover, .tabs > li > a:active {color:#6366ae; text-decoration:none !important; } /*.tabs > li > a {color:#6366AE; font-family: 'Lato', sans-serif; font-size:18px; font-weight:700; text-transform:uppercase; padding: 12px 25px; line-height: 1.3em;} .tabs > li > a:hover {background:#6366AE; color:#fff; text-decoration:none; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none;} .tabs > li.active > a, .tabs > li.active > a:hover {color: #fff; cursor: default; background-color: #9EC9EB; text-decoration:none;}*/ .tab-content.active{display: block; line-height:1.5em; padding:45px 25px 25px; background:#9EC9EB; color:#fff;} .tab-content.hide{display: none;} .tab-content p {margin:0 0 25px; font-size:0.9em;} /*==================================== = OFFCANVAS = ====================================*/ header .toggle-panel {position: absolute; top: 0; right: 0; font-size: 25px; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #333; display: none;} #scotch-panel {background: #444;} #scotch-panel ul {list-style: none; padding: 0; margin: 0; text-align: center;} #scotch-panel ul li a {display: block; width: 100%; height: 50px; line-height: 50px; background: transparent; color: #fff;} #scotch-panel ul li a:hover {background: #555;} @media only screen and (min-width : 769px) {.scotch-panel-canvas {-o-transform: translate3d(0px, 0px, 0px) !important; -ms-transform: translate3d(0px, 0px, 0px) !important; -moz-transform: translate3d(0px, 0px, 0px) !important; -webkit-transform: translate3d(0px, 0px, 0px) !important; transform: translate3d(0px, 0px, 0px) !important;}} @media only screen and (max-width : 768px) {header .toggle-panel {display: block;} header ul {display: none;}} /*==================================== = 1200 - 1599 PIXELS VIEW = ====================================*/ @media only screen and (max-width:1599px) { /* Homepage Structure Styles *****************************************/ #about {padding:80px 50px;} #about .overview {width:100%; max-width:1200px;} #about .features {width:100%; padding:0 50px;} #about .features .column p {color:#fff; font-size:1.1em; line-height:1.5em; margin:0;} #services .quote .container {padding:0 50px 0 50px;} #services .world a {background-position:bottom center;} #services .unlimited a {background-position:center center;} #services .charities a {background-position:center center;} #news {padding:80px 50px 100px;} #news .box {width:100%; max-width:1200px;} #news .news-item .title a {font-size:1.3em; margin-bottom:30px;} #news .news-item .date {font-size:0.9em;} footer {padding:80px 50px;} footer .box {width:100%; max-width:1200px;} /* Innerpage Structure Styles *****************************************/ #overview {padding:170px 50px 80px;} #overview .box {width:100%;} #quote {padding:60px 50px;} /* Websites Page Styles *********************************************************/ #websites-banner {min-height:812px; padding:0 50px; background:url(../images/banners/websites-1200.jpg) no-repeat top center; background-size:cover;} #websites-banner .box {padding:170px 50% 40px 0; width:100%;} #websites-banner .box h2 {font-size:2.3em; margin-bottom:30px;} #websites-banner .box p {margin-bottom:20px; line-height:1.3em;} #websites-banner .box .feature .icon {padding:10px 0;} #websites-banner .box .feature .text {padding:10px 0;} #portfolio-banner {min-height:590px; padding:0 50px; background:url(../images/banners/service-details-1200.jpg) no-repeat top center; background-size:cover;} #portfolio-banner .box {padding:170px 0 0 0; width:100%; text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.9);} #portfolio-banner .box h2 {font-size:2.3em;} #portfolio-banner .box p {margin-bottom:20px;} #portfolio {margin-top:80px; padding:0 50px;} #portfolio .box {width:100%;} #portfolio .box h1 {font-size:40px;} #portfolio .box p {font-size:18px;} #portfolio .box .more-examples {position:absolute; top:20px; right:0; background:#000; color:#fff; text-transform:uppercase; font-size:17px; padding:20px 40px; line-height:1.3em; text-decoration:none; font-weight:700;} #portfolio .box .more-examples:hover {opacity:0.7;} /* Services Page Styles **************************************************/ #service-overview {padding:170px 50px 80px;} #service-overview .box {width:100%;} #service-overview .box p {padding-right:40%;} #additional-services {padding:80px 50px;} #additional-services .box {width:100%;} #additional-services .box h2 {padding:0; margin-bottom:60px;} /* Services Details Page Styles **************************************************/ #service-details-banner {height:590px; padding:0 50px; background:url(../images/banners/service-details-1200.jpg) no-repeat top center; background-size:cover;} #service-details-banner .box {padding:170px 0 40px; width:100%;} #service-details-banner .box h2 {font-size:2.5em;} #service-details-banner .box .back {padding:10px 20px;} #service-features {padding:80px 50px;} #service-features .box {width:100%;} #service-features .box h2 {font-size:1.4em;} #service-features .box .left {width:47%; margin-left:0;} #service-features .box .right {width:47%;} .traffic {height:590px !important; background:url(../images/banners/traffic-1200.jpg) no-repeat top center !important; background-size:cover !important;} /* Blog Styles ***********************************************************/ #blog .box {width:100%;} #overview .featuredimage {margin:0 0 30px 40px; width:450px;} #blog .news-item {height:360px;} #blog .news-item a {height:360px;} #blog .text {height:360px;} #blog .text div {height:360px;} /* Sponsored Charities Page Styles **************************************************/ #charities {padding:50px;} #charities .box {width:100%; max-width:1200px;} /* Contact Page Styles **************************************************/ #contact-banner {min-height:980px; padding:0 50px; background:url(../images/banners/contact-1200.jpg) no-repeat top right; background-size:cover;} #contact-banner .box {width:100%;} #contact-banner .form-box h1 {font-size:1.2em;} #contact-banner .form-box {padding:40px 80px; width:461px;} #contact-banner .form-box input[type="email"], #contact-banner .form-box input[type="tel"], #contact-banner .form-box input[type="text"] {height:40px; line-height:40px;} #contact-banner .form-box input[type="email"]:focus, #contact-banner .form-box input[type="tel"]:focus, #contact-banner .form-box input[type="text"]:focus {background:#fff; outline:none;} #contact-banner .form-box textarea {height:110px; line-height:1.3em;} #contact-banner .form-box button {height:40px; line-height:40px;} #contact-info .details {font-size:19px; line-height:1.3em; height:380px; padding:65px 8%;} #contact-info .details .left .social {display:block; margin:20px 0 20px;} #contact-info .details .left a:hover img {opacity:0.7;} #contact-info .details .right {float:right;} #contact-info .details .right .find-us {display:inline-block; margin-top:30px; font-size:15px; text-decoration:underline;} #contact-info .details .right .find-us:hover {text-decoration:none;} #contact-info .map-box {height:380px;} #jobs {padding:80px 50px;} #jobs .box {width:100%;} /*==================================== = 980 - 1199 PIXELS VIEW = ====================================*/ @media only screen and (max-width:1199px) { /* Homepage Structure Styles *****************************************/ #about .features {padding:0;} #about .features .column p {font-size:1em; line-height:1.4em;} #services .box {height:340px;} #services .box a {height:340px;} #services .box .text {height:340px;} #services .box .text div {height:340px;} #services .quote {height:340px;} #services .quote .container {height:340px;} #services .quote h2 {font-size:25px;} #services .quote h3 {font-size:25px;} #services .quote p {font-size:15px;} #news .news-item .title a {font-size:1.1em;} /* Innerpage Structure Styles *****************************************/ #overview .box h2 br {display:none;} /* Websites Page Styles *********************************************************/ #websites-banner {min-height:812px; background:url(../images/banners/websites-1024.jpg) no-repeat top right; background-size:cover;} #websites-banner .box {padding:170px 40% 40px 0;} #portfolio-banner {min-height:550px; background:url(../images/banners/service-details-1024.jpg) no-repeat top right; background-size:cover;} } #portfolio .box .more-examples {padding:15px 30px;} #approach .textbox h1 {font-size:1.9em;} #approach .textbox p {font-size:1.1em;} /* Services Page Styles **************************************************/ #service-offerings .box {height:380px;} #service-offerings .box a {height:380px;} #service-offerings .box .text {height:380px;} #service-offerings .box .text div {height:380px;} #additional-services .box .container {padding-right:0 !important; padding-left:0 !important;} #additional-services .box .container .service .text {font-size:20px;} /* Services Details Page Styles **************************************************/ #service-details-banner {height:550px; background:url(../images/banners/service-details-1024.jpg) no-repeat top right; background-size:cover;} #service-features .box h2 {font-size:1.1em;} #service-features .box .feature .text {font-size:0.9em;} .traffic {height:550px !important; background:url(../images/banners/traffic-1024.jpg) no-repeat top right !important; background-size:cover !important;} /* Blog Styles ***********************************************************/ #overview .featuredimage {margin:0 0 30px 40px; width:450px;} #blog .news-item {height:320px;} #blog .news-item a {height:320px;} #blog .text {height:320px;} #blog .text div {height:320px;} /* Contact Page Styles **************************************************/ #contact-banner {min-height:955px; background:url(../images/banners/contact-1024.jpg) no-repeat top right; background-size:cover;} #contact-banner .form-box input[type="email"], #contact-banner .form-box input[type="tel"], #contact-banner .form-box input[type="text"] {height:36px; line-height:36px;} #contact-banner .form-box textarea {height:100px;} #contact-banner .form-box button {height:36px; line-height:36px;} #contact-info .details {padding:65px 4.5%;} .tabs > li > a {font-size:16px; padding: 12px 15px;} } /*==================================== = 768 - 979 PIXELS VIEW = ====================================*/ @media only screen and (max-width:979px) { footer .address {font-size:16px;} footer .address a {font-size:12px;} footer .contact {font-size:16px;} footer .links ul {font-size:16px;} footer .links2 ul {font-size:12px;} footer .copyright {font-size:12px;} /* Homepage Structure Styles *****************************************/ #about .overview h2 {font-size:30px;} #about .overview p {font-size:16px;} #about .features .column {width:33.333333333%; padding:0 1%;} #about .features .column img {width:auto; height:70px;} #about .features .column p {font-size:19px;} #services .box {float:none; width:100%;} #services .quote .container {text-align:center; padding:0 15%;} #news .news-item {width:47.375%;} .hidden-news {display:none !important;} /* Innerpage Structure Styles *****************************************/ .top-spacer-mobile {display:block; height:80px; background:#fff;} #overview {padding:90px 50px 80px;} .stack-reversal {direction:ltr !important;} /* Websites Page Styles *********************************************************/ #websites-banner {background:url(../images/banners/websites-768.jpg) no-repeat top right; background-size:cover;} #websites-banner .box {padding:90px 25% 40px 0;} #portfolio-banner {min-height:486px; background:url(../images/banners/service-details-768.jpg) no-repeat top right; background-size:cover;} #portfolio-banner .box {padding:90px 40% 0 0;} #portfolio .box {text-align:center;} #portfolio .box p {padding-bottom:20px;} #portfolio .box .more-examples {position:relative; top:0; right:auto; left:auto;} #approach .textbox {padding:40px 50px;} #approach .textbox h1 {font-size:1.8em;} #approach .textbox p {font-size:1em;} #approach .textbox p br {display:none;} /* Services Page Styles **************************************************/ #service-overview {padding:90px 50px 80px;} #service-overview .box p {padding-right:0;} #service-offerings .box {float:none; width:100%} /* Services Details Page Styles **************************************************/ #service-details-banner {height:486px; background:url(../images/banners/service-details-768.jpg) no-repeat top right; background-size:cover;} #service-details-banner .box {padding:90px 0 40px;} #service-features .box .left {width:100%; float:none; margin-left:0;} #service-features .box .right {width:100%; float:none;} #service-features-spacer {display:block; height:50px; clear:both;} .traffic {height:486px !important; background:url(../images/banners/traffic-768.jpg) no-repeat top right !important; background-size:cover !important;} /* Blog Styles ***********************************************************/ #blog {padding:15px;} #overview .featuredimage {float:none; margin:0 0 30px; width:100%;} #blog .news-item {float:none; height:320px; margin:0 0 15px; width: -moz-calc(100%); width: -webkit-calc(100%); width: -o-calc(100%); width: calc(100%);} .paginationbox {padding:10px 30px 30px;} /* Contact Page Styles **************************************************/ #contact-banner {min-height:839px; background:url(../images/banners/contact-768.jpg) no-repeat top right; background-size:cover;} #contact-banner .box {padding:60px 0 40px;} #contact-info .details {float:none; width:100%; padding:65px 15%;} #contact-info .details .left {margin-left:10%;} #contact-info .details .icon img {width:auto; height:65px;} #contact-info .map-box {float:none; width:100%;} #jobs {text-align:center;} #jobs .box h3 {font-size:25px;} .tabs-table {display:table; margin:0 auto;} .tabs {min-width:50px; text-align:center;} .tabs > li {display:inline-block; float:none;} .tabs > li > a {font-size:16px; padding: 12px 25px;} } /*==================================== = 480 - 767 PIXELS VIEW = ====================================*/ @media only screen and (max-width:767px) { footer {padding:40px;} footer .address {width:45% !important; font-size:15px !important;} footer .address a {padding-top:12px;} footer .contact {width:50% !important; font-size:15px !important;} footer .links {float:none !important; width:100% !important; padding-top:35px;} footer .links2 {width:100% !important; text-align:center; margin-top:30px !important;} footer .links2 ul li {display:inline; margin:0 10px;} footer .copyright {width:100% !important; margin-top:20px; text-align:center;} footer .spacer {width:5% !important;} footer .mobile-spacer {float:none !important; width:100% !important; height:0px !important; clear:both !important;} /* Homepage Structure Styles *****************************************/ #about {padding: 20px;} #about .overview {padding:30px; margin:0 auto;} #about .overview h2 br {display:none;} #about .overview p br {display:none;} #about .features .column {width:100%; padding:0; text-align:center; float:none; padding-top:25px;} #about .features .column p {font-size:21px;} #news {padding:50px;} #news .news-header {margin:0 0 40px;} #news .news-item {float:none; width:100%; padding-top:20px;} #news .news-spacer {display:none;} /* Inner Page Styles *************************************************************/ #overview {padding:45px 50px;} #overview img {max-width:100%; height:auto;} #quote {padding: 50px 30px;} #quote input[type="email"]{width:55%;} #quote input[type="submit"], #quote button{width:35%;} /* Websites Page Styles *********************************************************/ #websites-banner {background:none; min-height:inherit;} #websites-banner .box {padding:45px 0;} #portfolio-banner {min-height:600px; background:url(../images/banners/service-details-480.jpg) no-repeat bottom center; background-size:cover;} #portfolio-banner .box {padding:45px 0 0 0;} #portfolio {padding:25px; margin-top:0;} #approach .textbox {padding:40px 50px;} #approach .textbox h1 {font-size:1.8em;} #approach .textbox p {font-size:1em;} #approach .textbox p br {display:none;} /* Services Page Styles **************************************************/ #service-overview {padding:45px 50px;} #service-offerings .mobile a {background:url(../images/services/mobile-480.jpg) no-repeat; background-size:cover;} #service-offerings .design a {background:url(../images/services/design-480.jpg) no-repeat; background-size:cover;} #service-offerings .analytics a {background:url(../images/services/analytics-480.jpg) no-repeat topright; background-size:cover;} #service-offerings .maintenance a {background:url(../images/services/maintenance-480.jpg) no-repeat left; background-size:cover;} #service-offerings .wordpress a {background:url(../images/services/wordpress-480.jpg) no-repeat top right; background-size:cover;} #additional-services {padding: 50px;} #additional-services .box h2 {text-align:left;} #additional-services .box p {text-align:left;} /* Services Details Page Styles **************************************************/ #service-details-banner {height:600px; background:url(../images/banners/service-details-480.jpg) no-repeat bottom center; background-size:cover;} #service-details-banner .box {padding:45px 0;} #service-details-banner .box h2 {font-size: 1.8em;} #service-details-banner .box img {width:auto; height:70px; margin-bottom:15px;} .traffic {height:600px !important; background:url(../images/banners/traffic-480.jpg) no-repeat bottom center !important; background-size:cover !important;} /* Blog Styles ***********************************************************/ #overview iframe {width:100% !important;} #blog .text {padding:0 20px;} #blog .text h2 {font-size:1.3em;} .paginationbox {padding:10px 15px 30px;} .wp-pagenavi a, .wp-pagenavi span {padding: 6px !important;} /* Sponsored Charities Page Styles **************************************************/ #charities {padding:30px 50px;} #charities .feature {float:none; width:100%; margin:25px 0;} #charities .box .hidden {display:block !important; visibility:visible !important;} /* Contact Page Styles **************************************************/ #contact-banner {min-height:inherit; background:#9EC9EB; background-size:auto; padding:0 20px;} #contact-banner .box {padding:45px 0;} #contact-banner .form-box {padding: 0; width: 100%; max-width:320px; margin:0 auto; background:none;} #contact-info .details {float:none; width:100%; padding:45px 20%; font-size:17px;} #contact-info .details .left {margin-left:0;} #jobs {text-align:center; padding:50px;} #jobs .box h3 {font-size:22px;} #jobs .box h3 br {display: none;} .tabs > li {display:block;} } @media only screen and (max-width:600px) { #contact-info .details {padding:45px 15%;} } @media only screen and (max-width:520px) { #contact-info .details {padding:45px 10%;} } /*==================================== = 320 - 479 PIXELS VIEW = ====================================*/ @media only screen and (max-width:479px) { footer {padding:30px 25px;} footer .address {width:100% !important; text-align:center; padding-bottom:30px;} footer .contact {width:100% !important; text-align:center; padding-bottom:25px;} footer .links {text-align:center; padding-bottom:25px;} /* Homepage Structure Styles *****************************************/ #about {padding:25px 20px 40px;} #about .overview h2 {font-size: 26px;} #services .box .text h2 {border-bottom:none; font-size:1.2em;} #services .box:hover h2 {border-bottom:none;} #services .quote {padding:25px; height:auto;} #services .quote .container {padding: 0; height:auto;} #services .quote h2 {font-size:24px;} #services .quote h3 {font-size:18px;} #services .quote form {margin:0 auto;} #services .quote input[type="email"]{display:block; height:55px; line-height:55px; margin-right:0; width:100%; text-align:center; max-width:inherit;} #services .quote input[type="submit"], #services .quote button{height:55px; line-height:55px; width:150px; max-width:150px; margin-top:10px; margin-bottom:20px;} #services .world a {background:url(../images/home/world-320.jpg) no-repeat; background-size:cover;} #services .unlimited a {background:url(../images/home/unlimited-320.jpg) no-repeat; background-size:cover;} #services .charities a {background:url(../images/home/charities-320.jpg) no-repeat; background-size:cover;} #news {padding:25px 25px 40px;} #news .news-header {font-size:1.2em; margin:0 0 20px;} /* Innerpage Structure Styles *****************************************/ #overview {padding:45px 25px;} #overview .box h2 {font-size:1.6em;} #overview .box p {font-size:0.9em;} #overview ul {margin:0 0 15px 23px;} #overview ol {margin:0 0 15px 23px;} #overview .box li {font-size:0.9em;} #quote {padding:40px 25px;} #quote h2 {font-size:1.1em; margin-bottom:25px;} #quote input[type="email"]{height:55px; line-height:55px; margin-right:0; width:100%; text-align:center;} #quote input[type="submit"], #quote button{height:55px; line-height:55px; width:150px; margin-top:10px;} /* Websites Page Styles *********************************************************/ #websites-banner {padding:0 25px;} #websites-banner .box h2 {font-size: 1.6em;} #websites-banner .box p {font-size:0.9em;} #websites-banner .box .feature .text {font-size:0.9em;} #portfolio .box h1 {font-size: 1.6em;} #portfolio-banner {min-height:inherit; background:none; padding:0 25px;} #portfolio-banner .box h2 {font-size:1.6em;} #approach .textbox {padding: 25px 25px 35px; text-align:left;} #approach .textbox h1 {font-size: 1.6em;} /* Services Page Styles **************************************************/ #service-overview {padding:45px 25px;} #service-overview .box h2 {font-size:1.6em; margin-bottom:25px;} #service-overview .box p {font-size:0.9em;} #service-offerings .box .text h2 {border-bottom:none; font-size:1.3em;} #service-offerings .box:hover h2 {border-bottom:none;} #additional-services {padding: 40px 25px;} #additional-services .box h2 {font-size:1.6em; margin-bottom:25px;} #additional-services .box p {font-size:0.9em;} /* Services Details Page Styles **************************************************/ #service-details-banner {height:auto; background:none; padding:0 25px;} #service-details-banner .box {padding:45px 0;} #service-details-banner .box h2 {font-size: 1.6em;} /* Blog Page Styles **************************************************/ .news-button {padding:9px 12px; margin:15px 10px 0 0; font-size:16px;} .tw-pagination li a {margin:5px 0;} /* Sponsored Charities Page Styles **************************************************/ #charities {padding:30px 25px;} #charities .feature .img {float:none; width:100%; text-align:center; margin-bottom:25px;} #charities .feature .img img {max-width:166px;} #charities .feature .text {float: none; width:100%; text-align:center;} /* Contact Page Styles **************************************************/ #contact-banner .form-box h1 {font-size: 1.1em;} .g-recaptcha {transform:scale(0.88);-webkit-transform:scale(0.88);transform-origin:0 0;-webkit-transform-origin:0 0; width:267px !important;} #contact-info .details {padding:45px 25px; height:auto;} #contact-info .details .left {float:none; width:100%; text-align:center; margin-bottom:40px;} #contact-info .details .left .social {margin: 20px 0 5px;} #contact-info .details .right {float:none; width:100%; text-align:center;} #jobs {padding:40px 25px;} #jobs .box h2 {margin-bottom:25px;} #jobs .box h3 {font-size:18px;} }