/*! * Font Awesome 4.7.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.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.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}.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}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.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{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-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{-ms-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-feed:before,.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-pp: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-resistance: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-y-combinator-square:before,.fa-yc-square:before,.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"}.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-intersex:before,.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-genderless:before{content:"\f22d"}.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"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /*custom font*/ @font-face {font-family: "cc-font";src:url("../fonts/custom/cc-font.eot");src:url("../fonts/custom/cc-font.eot?#iefix") format("embedded-opentype"), url("../fonts/custom/cc-font.woff") format("woff"), url("../fonts/custom/cc-font.ttf") format("truetype"), url("../fonts/custom/cc-font.svg#cc-font") format("svg");font-weight: normal; font-style: normal;} [data-icon]:before {font-family: "cc-font" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} [class^="icon-"]:before, [class*=" icon-"]:before {font-family: "cc-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .icon-all:before {content: "\61";} .icon-arrow-down:before {content: "\62";} .icon-arrow-left:before {content: "\63";} .icon-notice:before {content: "\64";} .icon-plus:before {content: "\65";} .icon-quote:before {content: "\66";} .icon-arrow-right:before {content: "\67";} .icon-search:before {content: "\68";} .icon-share:before {content: "\69";} .icon-arrow-up:before {content: "\6a";} .icon-cart:before {content: "\6b";} .icon-star:before {content: "\6c";} .icon-success:before {content: "\6d";} .icon-comment:before {content: "\6e";} .icon-error:before {content: "\6f";} .icon-x-close:before {content: "\70";} .icon-hamburger:before {content: "\71";} .icon-info:before {content: "\72";} .icon-link:before {content: "\73";} .icon-map-marker:before {content: "\74";} .icon-minus:before {content: "\75";} .mainmenu li.icon a:before {font-size: 16px; text-transform: lowercase;} .mainmenu li.icon.icon-cart a:before {font-family: "cc-font" !important; content: "\6b";} .mainmenu li.icon.icon-search a:before {font-family: "cc-font" !important; content: "\68"; } /*Arvo*/ @font-face {font-family: 'Arvo'; font-style: normal; font-weight: 400; src: local('Arvo'), url('../fonts/arvo/regular.woff') format('woff');} @font-face {font-family: 'Arvo'; font-style: normal; font-weight: 700; src: local('Arvo Bold'), local('Arvo-Bold'), url('../fonts/arvo/bold.woff') format('woff');} /*PT Sans*/ @font-face {font-family: 'PT Sans'; font-weight: normal; font-style: normal; src: url('../fonts/pt-sans/regular.woff') format('woff');} @font-face {font-family: 'PT Sans'; font-weight: normal; font-style: italic; src: url('../fonts/pt-sans/italic.woff') format('woff'); } @font-face {font-family: 'PT Sans'; font-weight: bold; font-style: normal; src: url('../fonts/pt-sans/bold.woff') format('woff'); } /* Global basic styles ------------------------------------------ */ * {margin: 0; padding: 0} html {overflow-y: scroll; background: #ececec;} body {position: relative; background: #fff; color: #666; font: 17px/28px "PT Sans", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;} dt {font-weight: 700;} img {border: none; vertical-align: middle;} ul[class] {list-style: none;} a {color: #b24d26; -moz-transition: color 0.2s; -webkit-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; text-decoration: none;} a:hover {color: #8ac0cd; text-decoration: none;} a img {transition: all 0.3s;} a * {cursor: pointer;} hr {clear: both; margin: 1.5em 0; height: 0; border: none; border-top: 5px solid #06bcd1; overflow: hidden; } hr.clear {margin: 0; border: none;} hr.space {border: none;} hr.xhx {color:#06bcd1; height:3px;} address {font-style: normal;} 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: #666; 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: 10px 15px; border: 2px solid #dcd7d7; background: #fff; box-sizing: border-box; outline: none; color: #999; width: 100%; border-radius: 0;} input[type="text"], input[type="number"], input[type="email"], input[type="submit"], input[type="password"], textarea {-webkit-appearance: none;} input:focus, textarea:focus {border-color: #b24d26;} input[type="radio"], input[type="checkbox"] {width: auto; height: auto; border: none; padding: 0;} input[type="submit"] {width: auto;} input.error, textarea.error, select.error {border-color: #ebbcb5; background-color: #ffe6dc; color: #ef4437;} select {padding: 8px 15px; color: #999;} textarea { min-width: 100%; max-width: 100%; min-height: 150px; box-sizing: border-box;} input, textarea {border-radius: 0;} .select select {width: 100%; opacity: 0;} a.button, button, input[type="submit"], input[type="button"] {display: inline-block; padding: 6px 29px 5px; background: #b24d26; color: #fff; font-size: 14px; line-height: 25px; text-transform: uppercase; border: none; transition: all 0.3s; font-family: "PT Sans"; text-align: center;} a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {background-color: #8ac0cd;} .button {outline: none;} blockquote {margin: 1.5em 0 1.5em 0; padding: 0 0 0 15px; border-left: 5px solid #e6e6e6; font-style: italic;} input[name='post_password'] {padding: 7px 2%;} h1, .style-h1 {margin: 1em 0 0.3em; color: #333; font: 400 36px "Arvo", serif;} h2, .style-h2 {margin: 1em 0 0.5em; color: #333; font: 400 26px "Arvo", serif;} h3, .style-h3 {margin: 1.5em 0 1em; color: #333; font: 400 20px "Arvo", serif;} h4, .style-h4 {margin: 1.5em 0 1em; color: #333; font: 400 18px "Arvo", serif;} h5, .style-h5 {margin: 1.5em 0 1em; color: #333; font: 400 16px "Arvo", serif;} h6, .style-h6 {margin: 1.5em 0 1em; color: #333; font: 400 14px "Arvo", serif;} .custom-spacing h2, .custom-spacing h3, .custom-spacing h4 { margin-bottom: 9px; margin-top: 21px; } .custom-spacing p {margin-top: 0;} p {margin: 22px 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;} .text-align-right {text-align: right;} .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;} @media (max-width: 1210px) { .root {margin: 0; padding: 0 20px;} header, footer, .breadcrumb {margin: 0 -20px;} footer, .breadcrumb {padding-left: 20px; padding-right: 20px;} } @media (max-width: 400px) { .root {margin: 0; padding: 0 10px;} header, footer, .breadcrumb {margin: 0 -10px;} footer {padding-left: 10px; padding-right: 10px;} } header {position: relative; z-index: 60;} .main-header-content {position: relative;} .top {position: relative; z-index: 20; margin: 0; background: #e6e6e6; text-align: right;} .top.with-social {min-height: 48px; padding-bottom: 0;} .top-header-content {max-width: 1170px; margin: 0 auto;} .top .social > ul {padding-top: 7px;} .top p {float: left; margin: 0; padding: 0; font-size: 14px; line-height: 33px; color: #666;} .top p a {color: #666;} .top.with-social p {line-height: 48px;} @media (max-width: 800px) { .top p {margin-top: 3px;} } @media (max-width: 620px) { .top p {margin-top: 0;} } @media (min-width: 1210px) { header.full-width .top-header-content, header.full-width .main-header-content, header.full-width .single-post-header-content {max-width: 100%; padding: 0 20px; box-sizing: border-box;} } /* top menu */ .topmenu .menu-toggle {display: block; float: right; position: relative; top: -33px; height: 33px; margin: 0 0 -33px; padding: 0; color: #b24d26; line-height: 33px;} .topmenu {clear: both; float: none; width: 100%;} .topmenu > ul {display: none; clear: both; margin: 0; padding: 0; list-style: none; text-align: left;} .topmenu > ul > li {display: block; margin: 0;} .topmenu > ul > li.fa:before {display: none;} .topmenu > ul > li a {display: block; height: auto; padding: 10px; color: #b24d26; font-size: 16px; line-height: 33px; transition: color 0.3s background 0.3s;} .topmenu > ul > li:hover > a, .topmenu .sub-menu > li .current-menu-item > a, .topmenu .sub-menu > li .current_page_item > a {background: #8ac0cd; color: #fff;} .topmenu > ul > li.current-menu-item>a, .topmenu > ul > li.current-menu-item:hover>a, .topmenu > ul > li.current_page_item>a, .topmenu > ul > li.current_page_item:hover>a, .topmenu > ul > li.current-menu-ancestor>a {color: #fff; background-color: #b24d26;} .topmenu a.fa:before {display: inline-block; margin-right: 5px; font-family: "FontAwesome"; vertical-align: center;} .topmenu .sub-menu {display: block; position: static; width: auto; margin: 0; padding: 0 0 0 20px; background: transparent; box-shadow: none;} .topmenu .sub-menu li {display: block; margin: 0; padding: 0;} .topmenu .sub-menu a {display: block; color: #b24d26; font-family: "PT Sans", sans-serif; font-size: 13px;} .topmenu .sub-menu li:hover > a {background: #8ac0cd; color: #fff;} .topmenu li.fa > a {font-family: "PT Sans", sans-serif;} .topmenu li.parent > a {position: relative; padding-right: 30px;} .topmenu li.parent > a .pull-down {display: block; position: absolute; right: 0; top: 0; width: 30px; height: 100%; color: #b24d26; text-align: center;} .topmenu li.parent > a .pull-down:hover {background: #8ac0cd; color: #fff;} .pull-down .fa {position: absolute; left: 0; top: 50%; width: 100%; margin-top: -0.5em; text-align: center;} /* hi-res with stadard menus on */ @media (min-width: 800px) { .show-menus .topmenu .menu-toggle {display: none;} .show-menus .topmenu {float: right; clear: none; width: auto;} .show-menus .topmenu > ul {display: block; clear: none; min-height: 33px; font-size: 0;} .show-menus .topmenu > ul > li {display: inline-block; position: relative; font-size: 11px;} .show-menus .topmenu > ul > li > a {height: 34px; padding: 0 10px; line-height: 32px; font-size: 12px;} .show-menus .topmenu li.parent > a .pull-down {display: none;} } .main-header {padding-top: 0px; background: #fff;} .main-header-content {position: relative; z-index: 0; max-width: 1170px; margin: 0 auto;} .sticky .main-header {padding-top: 1; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.1);} .sticky.sticky-transparent .main-header {background: rgba(255,255,255,0.9);} .sticky.sticky-transparent .top {background: rgba(230,230,230,0.9);} header nav.social {text-align: right;} header.sticky {-webkit-transform: translateZ(0);} /* submenu */ @media (min-width: 1100px) { .show-menus header .sub-menu {display: none; position: absolute; left: 0; top: 100%; z-index: 2; width: 175px; margin: 0; padding: 10px 0; background: #fff; font-weight: 400; font-size: 13px;} .show-menus header .menu-item-cart .sub-menu {width: 250px;} .show-menus header .right > .sub-menu {right: 0; left: auto;} .show-menus header .sub-menu li, .show-menus header .sub-menu li.fa {display: block; float: none; position: relative; margin: 0;} .show-menus header .sub-menu li.fa:before {display: none;} .show-menus header .sub-menu li.parent > a {position: relative;} .show-menus header .sub-menu li.parent > a:hover {color: #fff; background: #8ac0cd;} .show-menus header .sub-menu li.parent > a:after {position: absolute; right: 10px; top: 6px; font-family: "FontAwesome"; content: "\f105";} .show-menus header .sub-menu li a, .show-menus header .sub-menu li.fa a {display: block; padding: 8px 15px 8px 14px; color: #b24d26; font-family: "PT Sans",sans-serif; line-height: 1.5em; border-top: 1px solid #b24d26; margin: 0 10px;} .show-menus header .sub-menu li.no-text a {line-height: 18px;} .show-menus header .sub-menu li:last-child > a {border-bottom: 1px solid #b24d26;} .show-menus header nav ul a.fa:before {display: inline-block; margin-right: 10px; font-family: "FontAwesome"; vertical-align: middle;} .show-menus header nav ul .no-text a.fa:before {margin-right: 0;} .show-menus header nav > ul > li .parent > a:after {display: inline-block; margin-left: 10px; font-family: "FontAwesome"; vertical-align: middle; content: "\f107";} .show-menus header .topmenu > ul > li .parent > a:after {margin-left: 5px;} .show-menus header nav .megamenu > ul > li .parent > a:after {display: none;} .show-menus header .sub-menu li a:hover, .show-menus header .sub-menu li:hover>a {color: #fff; background: #8ac0cd;} .show-menus header .sub-menu > li.current-menu-item > a, .show-menus header .sub-menu > li.current_page_item > a, .show-menus header .sub-menu > li.current-menu-parent > a {color: #fff; background: #b24d26;} .show-menus header .sub-menu > li.current-menu-item > a:hover, .show-menus header .sub-menu > li.current_page_item > a:hover, .show-menus header .sub-menu > li.current-menu-parent > a:hover {color: #fff; background: #b24d26;} .show-menus header .sub-menu > li.current-menu-item > a:hover, .show-menus header .sub-menu > li.current_page_item > a:hover, .show-menus header .sub-menu > li.current-menu-parent > a:hover {color: #fff;} .show-menus header .sub-menu ul {display: none; position: absolute; left: 100%; top: -10px; font-size: 1em;} .show-menus header li:hover>ul {display: block;} .show-menus .topmenu .sub-menu {width: 140px; font-size: 12px;} .show-menus header .megamenu > ul > li > a {font-weight: bold;} .show-menus header .megamenu > ul, .show-menus .topmenu > ul > li .megamenu > ul {width: auto; padding: 10px 0; white-space: nowrap; font-size: 0;} .show-menus header .megamenu > .sub-menu > li {display: inline-block; margin: 0; vertical-align: top; font-size: 12px;} .show-menus header .megamenu > .sub-menu > li > ul {display: block; position: static; margin: 0; padding: 0; background: none; box-shadow: none; font-size: 13px; white-space: normal; opacity: 1; border: none;} .show-menus header .megamenu > .sub-menu > li.current-menu-item > a, .show-menus header .megamenu > .sub-menu > li.current_page_item > a, .show-menus header .megamenu > .sub-menu > li.current-menu-parent > a {color: #b24d26; background: none;} .show-menus header .megamenu > .sub-menu > li.current-menu-item > a:hover, .show-menus header .megamenu > .sub-menu > li.current_page_item > a:hover, .show-menus header .megamenu > .sub-menu > li.current-menu-parent > a:hover {background-color: #8ac0cd; color: #fff;} .show-menus header .megamenu > .sub-menu > li:last-child a {border-bottom: none;} .show-menus header .megamenu > .sub-menu > li > ul li:last-child a {border-bottom: 1px solid #b24d26;} .show-menus header .megamenu.right > ul {left: auto; right: 0;} .show-menus header .megamenu.center > ul {left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%);} .show-menus header .megamenu > ul > li:hover > a {background: none; color: #b24d26;} .show-menus header .megamenu a:hover {color: #8ac0cd;} .show-menus header .megamenu.full > ul {width: 940px; white-space: normal; font-size: 0;} .show-menus header .megamenu.full > ul > li > ul {width: 100%; font-size: 13px;} .show-menus header .megamenu.full > ul > li > a {font-weight: 700;} .show-menus header .megamenu.full.cols2 > ul > li {width: 50%;} .show-menus header .megamenu.full.cols3 > ul > li {width: 33.33%;} .show-menus header .megamenu.full.cols4 > ul > li {width: 25%;} .show-menus header .megamenu.full.cols5 > ul > li {width: 20%;} .show-menus header .megamenu.full.cols6 > ul > li {width: 16.667%;} .show-menus nav li > .sub-menu {border: 5px solid #8ac0cd;} .show-menus .animate-menus nav li > .sub-menu {display: block; opacity: 0; transition: opacity 0.3s; pointer-events: none;} .show-menus nav li.current-menu-parent > .sub-menu, .show-menus nav li.current-menu-ancestor > .sub-menu {border-color: #b24d26;} .show-menus .animate-menus nav li:hover > .sub-menu {display: block; opacity: 1; pointer-events: auto;} .show-menus .animate-menus nav .megamenu > .sub-menu > li > ul {opacity: 1;} header nav.social > ul > li {text-align: left;} } header p.title {float: left; margin: 23px 0 0; color: #999; font: 400 1.154em "Arvo", serif;} header p.title a.site-title {background: #b24d26; color: #fff; font-size: 48px; line-height: 75px; height: 75px; font-weight: 400; padding: 9px 18px; text-transform: uppercase; box-decoration-break: clone; transition: color 0.25s ease 0s, background 0.25s ease 0s, padding 0.25s ease 0s, font-size 0.25s ease 0s;} header p.title a.site-title:hover {background: #8ac0cd;} header p.title img {max-width: 100%; height: auto !important; vertical-align: middle;} header.sticky p.title img {height: auto; max-height: 46px;} header p.main-header-content-msg {display: inline-block; margin: 28px 0 1px; padding: 0 0 0 0; color: #b24d26; font-size: 14px; line-height: 29px; text-align: right; vertical-align: middle;} header nav.social .fa-stack {width: 26px;} @media (max-width: 800px) { header p.title {margin-top: 20px;} header.sticky p.title img {max-height: none;} header nav > ul > li .parent > a:after {display: none;} } @media (max-width: 600px) { header p.title a.site-title {font-size: 35px; line-height: 61px;} } @media (max-width: 400px) { header p.title a.site-title {font-size: 30px; line-height: 54px;} } header .searchform {float: right; margin-top: 38px;} .searchform fieldset {display: block; position: relative; background: #fff;} .searchform input {margin: 0; width: 100%; padding: 7px 30px 6px 10px; border: 2px solid #dcd7d7; background: #fff; color: #666; font-size: 16px; } .searchform input:focus {border: 2px solid #b24d26;} .searchform button {position: absolute; z-index: 0; top: -1px; right: 0; white-space: nowrap; width: 38px; height: 40px; padding: 0; border: none; box-shadow: none; color: #fff; line-height: 38px; text-shadow: none; background: #b24d26; transition: all 0.3s; font-size: 18px;} .searchform button:hover {background: #8ac0cd;} .searchform .icon.icon-search { position: relative; top: 3px; } .top .searchform {display: inline-block; width: 300px; margin-top: 5px; margin-bottom: 3px;} @media (max-width: 1210px) { header section {margin: 0 -20px; padding: 0 20px;} header > .main-header-content {padding-left: 20px; padding-right: 20px;} } @media (max-width: 800px) { header .top {height: auto; text-align: right;} header .top .searchform {margin: 6px 0;} header .topmenu.social {width: auto; margin-top: 0; text-align: center; font-size: 0;} header .topmenu.social>ul> li {float: none; display: inline-block;} header nav>ul {display: none;} header .main-header nav.social {padding-top: 24px;} header .main-header nav.social > ul { padding-top: 41px; } header .main-header nav.social > p + ul {padding-top: 10px;} header nav {padding-bottom: 1px; text-align: center; } header p.main-header-content-msg {padding: 0; margin-top: 0;} } @media (max-width: 700px) { header p.title strong {text-align: center;} header p.title {float: none; margin-top: 20px; margin-bottom: 10px; text-align: center;} header .searchform {float: none; width: 220px; margin: 20px auto; text-align: center} header .main-header nav.social {padding-top: 0; text-align: center;} header .main-header nav.social ul {margin: 0 0 10px; padding: 1px 0 0;} header .top nav.social {text-align: right;} header > .main-header-content nav {float: none; clear: left;} header .main-header nav.social > ul { padding-top: 10px; } } @media (max-width: 620px) { header .top p {float: none; text-align: center;} header .top {text-align: center;} header .top nav.social {text-align: center;} } @media (max-width: 400px) { header>section {padding: 5px 10px 0;} header .top p {float: none; text-align: center; } header .top {text-align: center;} .main-header-content {padding: 0 10px;} header p.title {margin: 10px auto;} } /* search in menu */ .search-popup-link {text-align: center;} .show-menus header nav ul .search-popup-link.fa:before {margin-right: 0;} .search-popup-overlay {display: none;} .overlay.search-popup-overlay {z-index: 59;} .search-popup {display: none; position: fixed; top: 250px; left: 0; z-index: 100; width: 100%; margin: 0; padding: 10px 10px 30px; box-sizing: border-box; background: #fff;} .search-popup h3.underline {margin-top: 10px; margin-bottom: 30px;} .search-popup .fa-close {display: block; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; color: #999; font-size: 16px; line-height: 30px; text-align: center;} .search-popup .fa-close:hover {color: #3f3f3f; transform: rotate(360deg); transition: all 0.3s;} @media (min-width: 600px) { .search-popup {left: 50%; max-width: 600px; margin-left: -300px; padding: 10px 20px 30px;} } /* breadcrumb */ .breadcrumb {position: relative; z-index: 2; background-color: #e6e6e6;} .breadcrumb div {max-width: 1170px; margin: 0 auto; padding: 1em 0; color: #666; font-size: 14px; } @media (min-width: 1100px) { .breadcrumb div {padding-left: 15px;} } @media (min-width: 1210px) { .breadcrumb div {padding-left: 30px;} } .breadcrumb div div {display: inline; padding: 0; font-size: 1em;} .breadcrumb div a {color: #b24d26;} .breadcrumb div a:hover {color: #8ac0cd;} .breadcrumb div .delimiter {display: inline-block; overflow: hidden; width: 20px; color: #3f3f3f; text-align: center; vertical-align: middle; padding-bottom: 2px;} /* main content */ .content {position: relative; z-index: 2; clear: both; max-width: 100%; margin: 0 auto; padding: 6px 0 40px;} .content:after {clear: both; display: block; height: 0; content: ' ';} @media (min-width: 1210px) { .content {max-width: 1170px; background: #fff; box-shadow: 939px 0 0 #fff, -939px 0 0 #fff} } aside {margin-top: 3em;} .post-header + .main + aside {margin-top: 0;} aside h3 {margin-bottom: 1em; font-weight: normal; border-bottom: 1px solid #dcd7d7; color: #333; font-size: 1.5em; font-weight: 300;} aside h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 2px solid #b24d26;} .content ul.social li {margin: 0;} .content ul.social li:not(:last-child) {margin-right: 11px;} .social ul, ul.social { margin: 17px 0 11px; font-size: 13px;} .social ul li, ul.social li {display: inline-block; margin: 0; list-style: none; width: 30px; height: 30px;} .content .social ul li, .content ul.social li {transform: translateZ(0); -webkit-transform: translateZ(0);} .social ul li:not(:last-child), ul.social li:not(:last-child) {margin-right: 10px;} .social ul li a, ul.social li a, .share.social a {display: inline-block; overflow: visible; width: 30px; height: 30px; padding-left: 1px; color: #fff; line-height: 30px;} .share.social span {padding-right: 10px;} .share.social a {vertical-align: middle;} .share.social-colored a {display: inline-block; color: #fff; height: 30px; line-height: 30px; font-size: 11px; text-transform: uppercase; padding: 0; margin: 9px 5px 0 0; width: 82px; text-align: center; opacity: 1; transition: opacity 0.3s; } .share.social-colored a:hover {opacity:0.75;} .share.social-colored a>i { font-size: 21px; vertical-align: middle; padding: 0 9px 0 0; } .share.social-colored a.comment { width: 115px;} .share.social-colored a.comment>i { font-size: 18px; position: relative; top: 3px; } .share.social-colored .facebook { background: #3b5998; } .share.social-colored .twitter { background: #00aced; } .share.social-colored .googleplus { background: #d44132; } .share.social-colored .pinterest { background: #cd2b30; } .share.social-colored .comment { background: #b24d26; } /*social colored on hover*/ header .social ul {display: block; vertical-align: middle; margin-bottom: 0; margin-top: 0;} header .social > ul { padding-top: 67px; } header .social > p + ul {padding-top: 10px;} .social a {vertical-align: middle;} .social a .fa { background: #b24d26; color: #fff; height: 30px; line-height: 30px; text-align: center; width: 30px; font-size: 21px; transition: all 0.3s;} .social a .fa.fa-google-plus {font-size: 16px;} .social.double a .fa.fa-google-plus, .social.outline a .fa.fa-google-plus {font-size: 15px;} .social a .fa:hover { background: #8ac0cd; } /*type*/ .social.outline ul li:not(:last-child), ul.social.outline li:not(:last-child), .sidebar .widget .social.outline ul li:not(:last-child) {margin-right: 18px;} .social.outline a .fa {border-style: solid; border-width: 3px; background-color: #fff; border-color: #b24d26; color: #b24d26; font-size: 19px; line-height: 27px; width: 28px; height: 28px;} .social.double ul li:not(:last-child), ul.social.double li:not(:last-child), .sidebar .widget .social.double ul li:not(:last-child) {margin-right: 17px;} .social.double a .fa {border: 6px double #b24d26; background-clip: padding-box; /*fix for chrome*/ border-radius: 0.01px; font-size: 19px; line-height: 24px; width: 24px; height: 24px;} .social.simple ul li:not(:last-child), ul.social.simple li:not(:last-child), .sidebar .widget .social.simple ul li:not(:last-child) {margin-right: 12px;} .social.simple a .fa {border: 1px solid rgba(0, 0, 0, 0.3);} .social.vista a .fa {position: relative; z-index: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.19);} .social.vista a .fa:after {background-color: rgba(0, 0, 0, 0.05); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; content: ""; z-index: -1;} .social.vista.round a .fa:after {border-radius: 0 0 40px 40px;} .social.vista.rounded a .fa:after {border-radius: 0 0 3px 3px;} .social.classic ul li:not(:last-child), ul.social.classic li:not(:last-child), .sidebar .widget .social.classic ul li:not(:last-child) {margin-right: 12px;} .social.classic a .fa {border: 1px solid #b24d26; box-shadow: 0 2px 0px rgba(0, 0, 0, 0.08), 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.05) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;} /*shape*/ .social.round a .fa {border-radius: 40px;} .social.rounded a .fa {border-radius: 3px;} /*fix for footer position*/ footer .bottom .social.outline {position: relative; left: -6px; top: -3px;} footer .bottom .social.double {position: relative; left: -12px; top: -3px;} footer .bottom .social.simple {position: relative; left: -2px; top: -2px;} footer .bottom .social.classic {position: relative; left: -2px; top: -2px;} /*fix for content position*/ .top .social.outline, .content .social.outline {position: relative; top: -2px; margin-bottom: 15px;} .top .social.double, .content .social.double {position: relative; top: -3px;} .center .social.outline {position: relative; left: -3px;} .center .social.double {position: relative; left: -4px;} .content .social.simple {position: relative; top: -2px;} .content .social.classic {position: relative; top: -2px;} /*non boxed*/ .social.unboxed a .fa {color: #b24d26; background: transparent;} .social.unboxed a .fa:hover { color: #8ac0cd; } .social.unboxed .fc.fa-facebook {color: #3b5998; background: transparent;} .social.unboxed .fc.fa-twitter {color: #00aced; background: transparent;} .social.unboxed .fc.fa-google-plus {color: #d44132; background: transparent;} .social.unboxed .fc.fa-pinterest {color: #cd2b30; background: transparent;} .social.unboxed .fc.fa-rss {color: #f88f08; background: transparent;} .social.unboxed .fc.fa-instagram {color: #5180a4; background: transparent;} .social.unboxed .fc.fa-skype {color: #00aff0; background: transparent;} .social.unboxed .fc.fa-tumblr {color: #395975; background: transparent;} .social.unboxed .fc.fa-linkedin {color: #0077b5; background: transparent;} .social.unboxed .fc.fa-flickr {color: #0063db; background: transparent;} .social.unboxed .fc.fa-vimeo {color: #20b9eb; background: transparent;} .social.unboxed .fc.fa-behance {color: #1769ff; background: transparent;} .social.unboxed .fc.fa-youtube {color: #cd332d; background: transparent;} .social.unboxed .fc.fa-dribble {color: #ea4c89; background: transparent;} .social.unboxed .fc.fa-github {color: #272426; background: transparent;} .social.unboxed .fc.fa-stumbleupon {color: #ea4b24; background: transparent;} .social.unboxed .fc.fa-lastfm {color: #d51007; background: transparent;} .social.unboxed .fc.fa-email {color: #2a2a2c; background: transparent;} .social.unboxed .fc.fa-envelope {color: #666; background: transparent;} .social.unboxed .fc.fa-dribbble {color: #ea4c89; background: transparent;} .social.unboxed .fc.fa-reddit {color: #fa5112; background: transparent;} .social.unboxed .fc.fa-yahoo {color: #7e3585; background: transparent;} .social.unboxed .fc.fa-deviantart {color: #5c7061; background: transparent;} .social.unboxed .fc.fa-digg {color: #1d1d1e; background: transparent;} .social.unboxed .fc.fa-paypal {color: #002f86; background: transparent;} .social.unboxed .fc.fa-soundcloud {color: #fa6c14; background: transparent;} .social.unboxed .fc.fa-dropbox {color: #007ee5; background: transparent;} .social.unboxed .fc.fa-vk {color: #476a91; background: transparent;} .social.unboxed a:hover .hc.fa-facebook, .social.unboxed a:hover .fc.fa-facebook {color: #3b5998; background: transparent;} .social.unboxed a:hover .hc.fa-twitter, .social.unboxed a:hover .fc.fa-twitter {color: #00aced; background: transparent;} .social.unboxed a:hover .hc.fa-google-plus, .social.unboxed a:hover .fc.fa-google-plus {color: #d44132; background: transparent;} .social.unboxed a:hover .hc.fa-pinterest, .social.unboxed a:hover .fc.fa-pinterest {color: #cd2b30; background: transparent;} .social.unboxed a:hover .hc.fa-rss, .social.unboxed a:hover .fc.fa-rss {color: #f88f08; background: transparent;} .social.unboxed a:hover .hc.fa-instagram, .social.unboxed a:hover .fc.fa-instagram {color: #5180a4; background: transparent;} .social.unboxed a:hover .hc.fa-skype, .social.unboxed a:hover .fc.fa-skype {color: #00aff0; background: transparent;} .social.unboxed a:hover .hc.fa-tumblr, .social.unboxed a:hover .fc.fa-tumblr {color: #395975; background: transparent;} .social.unboxed a:hover .hc.fa-linkedin, .social.unboxed a:hover .fc.fa-linkedin {color: #0077b5; background: transparent;} .social.unboxed a:hover .hc.fa-flickr, .social.unboxed a:hover .fc.fa-flickr {color: #0063db; background: transparent;} .social.unboxed a:hover .hc.fa-vimeo, .social.unboxed a:hover .fc.fa-vimeo {color: #20b9eb; background: transparent;} .social.unboxed a:hover .hc.fa-behance, .social.unboxed a:hover .fc.fa-behance {color: #1769ff; background: transparent;} .social.unboxed a:hover .hc.fa-youtube, .social.unboxed a:hover .fc.fa-youtube {color: #cd332d; background: transparent;} .social.unboxed a:hover .hc.fa-dribble, .social.unboxed a:hover .fc.fa-dribble {color: #ea4c89; background: transparent;} .social.unboxed a:hover .hc.fa-github, .social.unboxed a:hover .fc.fa-github {color: #272426; background: transparent;} .social.unboxed a:hover .hc.fa-stumbleupon, .social.unboxed a:hover .fc.stumbleupon {color: #ea4b24; background: transparent;} .social.unboxed a:hover .hc.fa-lastfm, .social.unboxed a:hover .fc.fa-lastfm {color: #d51007; background: transparent;} .social.unboxed a:hover .hc.fa-email, .social.unboxed a:hover .fc.fa-email {color: #2a2a2c; background: transparent;} .social.unboxed a:hover .hc.fa-envelope, .social.unboxed a:hover .fc.fa-envelope {color: #666; background: transparent;} .social.unboxed a:hover .hc.fa-dribbble, .social.unboxed a:hover .fc.fa-dribbble {color: #ea4c89; background: transparent;} .social.unboxed a:hover .hc.fa-reddit, .social.unboxed a:hover .fc.fa-reddit {color: #fa5112; background: transparent;} .social.unboxed a:hover .hc.fa-yahoo, .social.unboxed a:hover .fc.fa-yahoo {color: #7e3585; background: transparent;} .social.unboxed a:hover .hc.fa-deviantart, .social.unboxed a:hover .fc.fa-deviantart {color: #5c7061; background: transparent;} .social.unboxed a:hover .hc.fa-digg, .social.unboxed a:hover .fc.fa-digg {color: #1d1d1e; background: transparent;} .social.unboxed a:hover .hc.fa-paypal, .social.unboxed a:hover .fc.fa-paypal {color: #002f86; background: transparent;} .social.unboxed a:hover .hc.fa-soundcloud, .social.unboxed a:hover .fc.fa-soundcloud {color: #fa6c14; background: transparent;} .social.unboxed a:hover .hc.fa-dropbox, .social.unboxed a:hover .fc.fa-dropbox {color: #007ee5; background: transparent;} .social.unboxed a:hover .hc.fa-vk, .social.unboxed a:hover .fc.fa-vk {color: #476a91; background: transparent;} /*outline*/ .social.outline a .fa:hover { color: #8ac0cd; border-color: #8ac0cd; } .social.outline .fc.fa-facebook {border-color: #3b5998; color: #3b5998; background: transparent;} .social.outline .fc.fa-twitter {border-color: #00aced; color: #00aced; background: transparent;} .social.outline .fc.fa-google-plus {border-color: #d44132; color: #d44132; background: transparent;} .social.outline .fc.fa-pinterest {border-color: #cd2b30; color: #cd2b30; background: transparent;} .social.outline .fc.fa-rss {border-color: #f88f08; color: #f88f08; background: transparent;} .social.outline .fc.fa-instagram {border-color: #5180a4; color: #5180a4; background: transparent;} .social.outline .fc.fa-skype {border-color: #00aff0; color: #00aff0; background: transparent;} .social.outline .fc.fa-tumblr {border-color: #395975; color: #395975; background: transparent;} .social.outline .fc.fa-linkedin {border-color: #0077b5; color: #0077b5; background: transparent;} .social.outline .fc.fa-flickr {border-color: #0063db; color: #0063db; background: transparent;} .social.outline .fc.fa-vimeo {border-color: #20b9eb; color: #20b9eb; background: transparent;} .social.outline .fc.fa-behance {border-color: #1769ff; color: #1769ff; background: transparent;} .social.outline .fc.fa-youtube {border-color: #cd332d; color: #cd332d; background: transparent;} .social.outline .fc.fa-dribble {border-color: #ea4c89; color: #ea4c89; background: transparent;} .social.outline .fc.fa-github {border-color: #272426; color: #272426; background: transparent;} .social.outline .fc.fa-stumbleupon {border-color: #272426; color: #272426; background: transparent;} .social.outline .fc.fa-lastfm {border-color: #d51007; color: #d51007; background: transparent;} .social.outline .fc.fa-email {border-color: #2a2a2c; color: #2a2a2c; background: transparent;} .social.outline .fc.fa-envelope {border-color: #666; color: #666; background: transparent;} .social.outline .fc.fa-dribbble {border-color: #ea4c89; color: #ea4c89; background: transparent;} .social.outline .fc.fa-reddit {border-color: #fa5112; color: #fa5112; background: transparent;} .social.outline .fc.fa-yahoo {border-color: #7e3585; color: #7e3585; background: transparent;} .social.outline .fc.fa-deviantart {border-color: #5c7061; color: #5c7061; background: transparent;} .social.outline .fc.fa-digg {border-color: #1d1d1e; color: #1d1d1e; background: transparent;} .social.outline .fc.fa-paypal {border-color: #002f86; color: #002f86; background: transparent;} .social.outline .fc.fa-soundcloud {border-color: #fa6c14; color: #fa6c14; background: transparent;} .social.outline .fc.fa-dropbox {border-color: #007ee5; color: #007ee5; background: transparent;} .social.outline .fc.fa-vk {border-color: #476a91; color: #476a91; background: transparent;} .social.outline a:hover .hc.fa-facebook, .social.outline a:hover .fc.fa-facebook {border-color: #3b5998; color: #3b5998; background: transparent;} .social.outline a:hover .hc.fa-twitter, .social.outline a:hover .fc.fa-twitter {border-color: #00aced; color: #00aced; background: transparent;} .social.outline a:hover .hc.fa-google-plus, .social.outline a:hover .fc.fa-google-plus {border-color: #d44132; color: #d44132; background: transparent;} .social.outline a:hover .hc.fa-pinterest, .social.outline a:hover .fc.fa-pinterest {border-color: #cd2b30; color: #cd2b30; background: transparent;} .social.outline a:hover .hc.fa-rss, .social.outline a:hover .fc.fa-rss {border-color: #f88f08; color: #f88f08; background: transparent;} .social.outline a:hover .hc.fa-instagram, .social.outline a:hover .fc.fa-instagram {border-color: #5180a4; color: #5180a4; background: transparent;} .social.outline a:hover .hc.fa-skype, .social.outline a:hover .fc.fa-skype {border-color: #00aff0; color: #00aff0; background: transparent;} .social.outline a:hover .hc.fa-tumblr, .social.outline a:hover .fc.fa-tumblr {border-color: #395975; color: #395975; background: transparent;} .social.outline a:hover .hc.fa-linkedin, .social.outline a:hover .fc.fa-linkedin {border-color: #0077b5; color: #0077b5; background: transparent;} .social.outline a:hover .hc.fa-flickr, .social.outline a:hover .fc.fa-flickr {border-color: #0063db; color: #0063db; background: transparent;} .social.outline a:hover .hc.fa-vimeo, .social.outline a:hover .fc.fa-vimeo {border-color: #20b9eb; color: #20b9eb; background: transparent;} .social.outline a:hover .hc.fa-behance, .social.outline a:hover .fc.fa-behance {border-color: #1769ff; color: #1769ff; background: transparent;} .social.outline a:hover .hc.fa-youtube, .social.outline a:hover .fc.fa-youtube {border-color: #cd332d; color: #cd332d; background: transparent;} .social.outline a:hover .hc.fa-dribble, .social.outline a:hover .fc.fa-dribble {border-color: #ea4c89; color: #ea4c89; background: transparent;} .social.outline a:hover .hc.fa-github, .social.outline a:hover .fc.fa-github {border-color: #272426; color: #272426; background: transparent;} .social.outline a:hover .hc.fa-stumbleupon, .social.outline a:hover .fc.stumbleupon {border-color: #ea4b24; color: #ea4b24; background: transparent;} .social.outline a:hover .hc.fa-lastfm, .social.outline a:hover .fc.fa-lastfm {border-color: #d51007; color: #d51007; background: transparent;} .social.outline a:hover .hc.fa-email, .social.outline a:hover .fc.fa-email {border-color: #2a2a2c; color: #2a2a2c; background: transparent;} .social.outline a:hover .hc.fa-envelope, .social.outline a:hover .fc.fa-envelope {border-color: #666; color: #666; background: transparent;} .social.outline a:hover .hc.fa-dribbble, .social.outline a:hover .fc.fa-dribbble {border-color: #ea4c89; color: #ea4c89; background: transparent;} .social.outline a:hover .hc.fa-reddit, .social.outline a:hover .fc.fa-reddit {border-color: #fa5112; color: #fa5112; background: transparent;} .social.outline a:hover .hc.fa-yahoo, .social.outline a:hover .fc.fa-yahoo {border-color: #7e3585; color: #7e3585; background: transparent;} .social.outline a:hover .hc.fa-deviantart, .social.outline a:hover .fc.fa-deviantart {border-color: #5c7061; color: #5c7061; background: transparent;} .social.outline a:hover .hc.fa-digg, .social.outline a:hover .fc.fa-digg {border-color: #1d1d1e; color: #1d1d1e; background: transparent;} .social.outline a:hover .hc.fa-paypal, .social.outline a:hover .fc.fa-paypal {border-color: #002f86; color: #002f86; background: transparent;} .social.outline a:hover .hc.fa-soundcloud, .social.outline a:hover .fc.fa-soundcloud {border-color: #fa6c14; color: #fa6c14; background: transparent;} .social.outline a:hover .hc.fa-dropbox, .social.outline a:hover .fc.fa-dropbox {border-color: #007ee5; color: #007ee5; background: transparent;} .social.outline a:hover .hc.fa-vk, .social.outline a:hover .fc.fa-vk {border-color: #476a91; color: #476a91; background: transparent;} /*classic*/ .social.classic a .fa:hover {border-color: #8ac0cd;} .social.classic .fc.fa-facebook {border-color: #3b5998;} .social.classic .fc.fa-twitter {border-color: #00aced;} .social.classic .fc.fa-google-plus {border-color: #d44132;} .social.classic .fc.fa-pinterest {border-color: #cd2b30;} .social.classic .fc.fa-rss {border-color: #f88f08;} .social.classic .fc.fa-instagram {border-color: #5180a4;} .social.classic .fc.fa-skype {border-color: #00aff0;} .social.classic .fc.fa-tumblr {border-color: #395975;} .social.classic .fc.fa-linkedin {border-color: #0077b5;} .social.classic .fc.fa-flickr {border-color: #0063db;} .social.classic .fc.fa-vimeo {border-color: #20b9eb;} .social.classic .fc.fa-behance {border-color: #1769ff;} .social.classic .fc.fa-youtube {border-color: #cd332d;} .social.classic .fc.fa-dribble {border-color: #ea4c89;} .social.classic .fc.fa-github {border-color: #272426;} .social.classic .fc.fa-stumbleupon {border-color: #ea4b24;} .social.classic .fc.fa-lastfm {border-color: #d51007;} .social.classic .fc.fa-email {border-color: #2a2a2c;} .social.classic .fc.fa-envelope {border-color: #666;} .social.classic .fc.fa-dribbble {border-color: #ea4c89;} .social.classic .fc.fa-reddit {border-color: #fa5112;} .social.classic .fc.fa-yahoo {border-color: #7e3585;} .social.classic .fc.fa-deviantart {border-color: #5c7061;} .social.classic .fc.fa-digg {border-color: #1d1d1e;} .social.classic .fc.fa-paypal {border-color: #002f86;} .social.classic .fc.fa-soundcloud {border-color: #fa6c14;} .social.classic .fc.fa-dropbox {border-color: #007ee5;} .social.classic .fc.fa-vk {border-color: #476a91;} .social.classic a:hover .hc.fa-facebook, .social.classic a:hover .fc.fa-facebook {border-color: #3b5998;} .social.classic a:hover .hc.fa-twitter, .social.classic a:hover .fc.fa-twitter {border-color: #00aced;} .social.classic a:hover .hc.fa-google-plus, .social.classic a:hover .fc.fa-google-plus {border-color: #d44132;} .social.classic a:hover .hc.fa-pinterest, .social.classic a:hover .fc.fa-pinterest {border-color: #cd2b30;} .social.classic a:hover .hc.fa-rss, .social.classic a:hover .fc.fa-rss {border-color: #f88f08;} .social.classic a:hover .hc.fa-instagram, .social.classic a:hover .fc.fa-instagram {border-color: #5180a4;} .social.classic a:hover .hc.fa-skype, .social.classic a:hover .fc.fa-skype {border-color: #00aff0;} .social.classic a:hover .hc.fa-tumblr, .social.classic a:hover .fc.fa-tumblr {border-color: #395975;} .social.classic a:hover .hc.fa-linkedin, .social.classic a:hover .fc.fa-linkedin {border-color: #0077b5;} .social.classic a:hover .hc.fa-flickr, .social.classic a:hover .fc.fa-flickr {border-color: #0063db;} .social.classic a:hover .hc.fa-vimeo, .social.classic a:hover .fc.fa-vimeo {border-color: #20b9eb;} .social.classic a:hover .hc.fa-behance, .social.classic a:hover .fc.fa-behance {border-color: #1769ff;} .social.classic a:hover .hc.fa-youtube, .social.classic a:hover .fc.fa-youtube {border-color: #cd332d;} .social.classic a:hover .hc.fa-dribble, .social.classic a:hover .fc.fa-dribble {border-color: #ea4c89;} .social.classic a:hover .hc.fa-github, .social.classic a:hover .fc.fa-github {border-color: #272426;} .social.classic a:hover .hc.fa-stumbleupon, .social.classic a:hover .fc.stumbleupon {border-color: #ea4b24;} .social.classic a:hover .hc.fa-lastfm, .social.classic a:hover .fc.fa-lastfm {border-color: #d51007;} .social.classic a:hover .hc.fa-email, .social.classic a:hover .fc.fa-email {border-color: #2a2a2c;} .social.classic a:hover .hc.fa-envelope, .social.classic a:hover .fc.fa-envelope {border-color: #666;} .social.classic a:hover .hc.fa-dribbble, .social.classic a:hover .fc.fa-dribbble {border-color: #ea4c89;} .social.classic a:hover .hc.fa-reddit, .social.classic a:hover .fc.fa-reddit {border-color: #fa5112;} .social.classic a:hover .hc.fa-yahoo, .social.classic a:hover .fc.fa-yahoo {border-color: #7e3585;} .social.classic a:hover .hc.fa-deviantart, .social.classic a:hover .fc.fa-deviantart {border-color: #5c7061;} .social.classic a:hover .hc.fa-digg, .social.classic a:hover .fc.fa-digg {border-color: #1d1d1e;} .social.classic a:hover .hc.fa-paypal, .social.classic a:hover .fc.fa-paypal {border-color: #002f86;} .social.classic a:hover .hc.fa-soundcloud, .social.classic a:hover .fc.fa-soundcloud {border-color: #fa6c14;} .social.classic a:hover .hc.fa-dropbox, .social.classic a:hover .fc.fa-dropbox {border-color: #007ee5;} .social.classic a:hover .hc.fa-vk, .social.classic a:hover .fc.fa-vk {border-color: #476a91;} /*double*/ .social.double a .fa:hover {border-color: #8ac0cd;} .social.double .fc.fa-facebook {border-color: #3b5998;} .social.double .fc.fa-twitter {border-color: #00aced;} .social.double .fc.fa-google-plus {border-color: #d44132;} .social.double .fc.fa-pinterest {border-color: #cd2b30;} .social.double .fc.fa-rss {border-color: #f88f08;} .social.double .fc.fa-instagram {border-color: #5180a4;} .social.double .fc.fa-skype {border-color: #00aff0;} .social.double .fc.fa-tumblr {border-color: #395975;} .social.double .fc.fa-linkedin {border-color: #0077b5;} .social.double .fc.fa-flickr {border-color: #0063db;} .social.double .fc.fa-vimeo {border-color: #20b9eb;} .social.double .fc.fa-behance {border-color: #1769ff;} .social.double .fc.fa-youtube {border-color: #cd332d;} .social.double .fc.fa-dribble {border-color: #ea4c89;} .social.double .fc.fa-github {border-color: #272426;} .social.double .fc.fa-stumbleupon {border-color: #ea4b24;} .social.double .fc.fa-lastfm {border-color: #d51007;} .social.double .fc.fa-email {border-color: #2a2a2c;} .social.double .fc.fa-envelope {border-color: #666;} .social.double .fc.fa-dribbble {border-color: #ea4c89;} .social.double .fc.fa-reddit {border-color: #fa5112;} .social.double .fc.fa-yahoo {border-color: #7e3585;} .social.double .fc.fa-deviantart {border-color: #5c7061;} .social.double .fc.fa-digg {border-color: #1d1d1e;} .social.double .fc.fa-paypal {border-color: #002f86;} .social.double .fc.fa-soundcloud {border-color: #fa6c14;} .social.double .fc.fa-dropbox {border-color: #007ee5;} .social.double .fc.fa-vk {border-color: #476a91;} .social.double a:hover .hc.fa-facebook, .social.double a:hover .fc.fa-facebook {border-color: #3b5998;} .social.double a:hover .hc.fa-twitter, .social.double a:hover .fc.fa-twitter {border-color: #00aced;} .social.double a:hover .hc.fa-google-plus, .social.double a:hover .fc.fa-google-plus {border-color: #d44132;} .social.double a:hover .hc.fa-pinterest, .social.double a:hover .fc.fa-pinterest {border-color: #cd2b30;} .social.double a:hover .hc.fa-rss, .social.double a:hover .fc.fa-rss {border-color: #f88f08;} .social.double a:hover .hc.fa-instagram, .social.double a:hover .fc.fa-instagram {border-color: #5180a4;} .social.double a:hover .hc.fa-skype, .social.double a:hover .fc.fa-skype {border-color: #00aff0;} .social.double a:hover .hc.fa-tumblr, .social.double a:hover .fc.fa-tumblr {border-color: #395975;} .social.double a:hover .hc.fa-linkedin, .social.double a:hover .fc.fa-linkedin {border-color: #0077b5;} .social.double a:hover .hc.fa-flickr, .social.double a:hover .fc.fa-flickr {border-color: #0063db;} .social.double a:hover .hc.fa-vimeo, .social.double a:hover .fc.fa-vimeo {border-color: #20b9eb;} .social.double a:hover .hc.fa-behance, .social.double a:hover .fc.fa-behance {border-color: #1769ff;} .social.double a:hover .hc.fa-youtube, .social.double a:hover .fc.fa-youtube {border-color: #cd332d;} .social.double a:hover .hc.fa-dribble, .social.double a:hover .fc.fa-dribble {border-color: #ea4c89;} .social.double a:hover .hc.fa-github, .social.double a:hover .fc.fa-github {border-color: #272426;} .social.double a:hover .hc.fa-stumbleupon, .social.double a:hover .fc.stumbleupon {border-color: #ea4b24;} .social.double a:hover .hc.fa-lastfm, .social.double a:hover .fc.fa-lastfm {border-color: #d51007;} .social.double a:hover .hc.fa-email, .social.double a:hover .fc.fa-email {border-color: #2a2a2c;} .social.double a:hover .hc.fa-envelope, .social.double a:hover .fc.fa-envelope {border-color: #666;} .social.double a:hover .hc.fa-dribbble, .social.double a:hover .fc.fa-dribbble {border-color: #ea4c89;} .social.double a:hover .hc.fa-reddit, .social.double a:hover .fc.fa-reddit {border-color: #fa5112;} .social.double a:hover .hc.fa-yahoo, .social.double a:hover .fc.fa-yahoo {border-color: #7e3585;} .social.double a:hover .hc.fa-deviantart, .social.double a:hover .fc.fa-deviantart {border-color: #5c7061;} .social.double a:hover .hc.fa-digg, .social.double a:hover .fc.fa-digg {border-color: #1d1d1e;} .social.double a:hover .hc.fa-paypal, .social.double a:hover .fc.fa-paypal {border-color: #002f86;} .social.double a:hover .hc.fa-soundcloud, .social.double a:hover .fc.fa-soundcloud {border-color: #fa6c14;} .social.double a:hover .hc.fa-dropbox, .social.double a:hover .fc.fa-dropbox {border-color: #007ee5;} .social.double a:hover .hc.fa-vk, .social.double a:hover .fc.fa-vk {border-color: #476a91;} /*default*/ .social .fc.fa-facebook {background-color: #3b5998;} .social .fc.fa-twitter {background-color: #00aced;} .social .fc.fa-google-plus {background-color: #d44132;} .social .fc.fa-pinterest {background-color: #cd2b30;} .social .fc.fa-rss {background-color: #f88f08;} .social .fc.fa-instagram {background-color: #5180a4;} .social .fc.fa-skype {background-color: #00aff0;} .social .fc.fa-tumblr {background-color: #395975;} .social .fc.fa-linkedin {background-color: #0077b5;} .social .fc.fa-flickr {background-color: #0063db;} .social .fc.fa-vimeo {background-color: #20b9eb;} .social .fc.fa-behance {background-color: #1769ff;} .social .fc.fa-youtube {background-color: #cd332d;} .social .fc.fa-dribble {background-color: #ea4c89;} .social .fc.fa-github {background-color: #272426;} .social .fc.fa-stumbleupon {background-color: #ea4b24;} .social .fc.fa-lastfm {background-color: #d51007;} .social .fc.fa-email {background-color: #2a2a2c;} .social .fc.fa-envelope {background-color: #666;} .social .fc.fa-dribbble {background-color: #ea4c89;} .social .fc.fa-reddit {background-color: #fa5112;} .social .fc.fa-yahoo {background-color: #7e3585;} .social .fc.fa-deviantart {background-color: #5c7061;} .social .fc.fa-digg {background-color: #1d1d1e;} .social .fc.fa-paypal {background-color: #002f86;} .social .fc.fa-soundcloud {background-color: #fa6c14;} .social .fc.fa-dropbox {background-color: #007ee5;} .social .fc.fa-vk {background-color: #476a91;} .social .fc:hover {opacity: 0.75;} .social a:hover .hc.fa-facebook, .social a:hover .fc.fa-facebook {background-color: #3b5998;} .social a:hover .hc.fa-twitter, .social a:hover .fc.fa-twitter {background-color: #00aced;} .social a:hover .hc.fa-google-plus, .social a:hover .fc.fa-google-plus {background-color: #d44132;} .social a:hover .hc.fa-pinterest, .social a:hover .fc.fa-pinterest {background-color: #cd2b30;} .social a:hover .hc.fa-rss, .social a:hover .fc.fa-rss {background-color: #f88f08;} .social a:hover .hc.fa-instagram, .social a:hover .fc.fa-instagram {background-color: #5180a4;} .social a:hover .hc.fa-skype, .social a:hover .fc.fa-skype {background-color: #00aff0;} .social a:hover .hc.fa-tumblr, .social a:hover .fc.fa-tumblr {background-color: #395975;} .social a:hover .hc.fa-linkedin, .social a:hover .fc.fa-linkedin {background-color: #0077b5;} .social a:hover .hc.fa-flickr, .social a:hover .fc.fa-flickr {background-color: #0063db;} .social a:hover .hc.fa-vimeo, .social a:hover .fc.fa-vimeo {background-color: #20b9eb;} .social a:hover .hc.fa-behance, .social a:hover .fc.fa-behance {background-color: #1769ff;} .social a:hover .hc.fa-youtube, .social a:hover .fc.fa-youtube {background-color: #cd332d;} .social a:hover .hc.fa-dribble, .social a:hover .fc.fa-dribble {background-color: #ea4c89;} .social a:hover .hc.fa-github, .social a:hover .fc.fa-github {background-color: #272426;} .social a:hover .hc.fa-stumbleupon, .social a:hover .fc.stumbleupon {background-color: #ea4b24;} .social a:hover .hc.fa-lastfm, .social a:hover .fc.fa-lastfm {background-color: #d51007;} .social a:hover .hc.fa-email, .social a:hover .fc.fa-email {background-color: #2a2a2c;} .social a:hover .hc.fa-envelope, .social a:hover .fc.fa-envelope {background-color: #666;} .social a:hover .hc.fa-dribbble, .social a:hover .fc.fa-dribbble {background-color: #ea4c89;} .social a:hover .hc.fa-reddit, .social a:hover .fc.fa-reddit {background-color: #fa5112;} .social a:hover .hc.fa-yahoo, .social a:hover .fc.fa-yahoo {background-color: #7e3585;} .social a:hover .hc.fa-deviantart, .social a:hover .fc.fa-deviantart {background-color: #5c7061;} .social a:hover .hc.fa-digg, .social a:hover .fc.fa-digg {background-color: #1d1d1e;} .social a:hover .hc.fa-paypal, .social a:hover .fc.fa-paypal {background-color: #002f86;} .social a:hover .hc.fa-soundcloud, .social a:hover .fc.fa-soundcloud {background-color: #fa6c14;} .social a:hover .hc.fa-dropbox, .social a:hover .fc.fa-dropbox {background-color: #007ee5;} .social a:hover .hc.fa-vk, .social a:hover .fc.fa-vk {background-color: #476a91;} footer {margin: 0; padding: 27px 7px 0; background: #e6e6e6; color: #666; border-top: 2px solid #b24d26;} footer.no-widgets, footer.no-widgets.full-width {border: none; padding-top: 0;} footer a {color: #b24d26;} footer a:hover {color: #8ac0cd;} footer section {overflow: hidden; margin: 0 auto; max-width: 1170px;} footer section.widgets {font-size: 0;} footer section.bottom {overflow: visible; padding: 10px 0 21px; color: #666; font-size: 14px; margin: 0 auto;} footer .footer-fullwidth {border-top: 2px solid #bebebe; background: #fff; margin-left: -7px; margin-right: -7px;} @media (min-width: 1210px) { footer.full-width .footer-fullwidth {margin-left: 0; margin-right: 0;} } footer section.widgets + section.bottom {padding: 20px 0;} footer section.bottom p {margin: 12px 0 0px; font-size: 13px; float: left;} footer nav.social {margin: 0;} footer nav.social ul { margin: 0; float: right; position: relative; top: 10px;} footer nav.social ul li { direction: rtl; } footer nav.social + .footer-menu .menu {margin-right: 11px;} footer nav.social.double + .footer-menu .menu {margin-right: 39px;} footer nav.social.outline + .footer-menu .menu {margin-right: 28px;} footer nav.social ul li a {color: #b24d26; opacity: 1;} footer nav.social ul li a:hover {color: #fff;} footer article .textwidget > p.custom-1 {margin-bottom: 5px;} footer article .textwidget > p.custom-2 {margin-bottom: 20px;} footer article .textwidget ul.social {margin-top: 21px;} footer article .textwidget > img {margin-top: 15px;} footer article.col {display: inline-block; font-size: 14px; line-height: 22px; vertical-align: top; margin-bottom: 32px;} footer article.col p:last-child {margin-bottom: 0;} @media (max-width: 768px) { footer article.col {margin-bottom: 18px;} } footer article h3 {margin-top: 7px; margin-bottom: 20px; font-weight: normal; border-bottom: 1px solid #575757; color: #333; font-size: 24px; font-weight: 300;} footer article h3 span {display: inline-block; margin-bottom: -1px; padding: 8px 0; border-bottom: 1px solid #333;} footer article ul {list-style: none;} footer article ul li {margin: 0 0 0.5em; line-height: 1.5em;} 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: #666;} footer article.tagcloud a {padding: 0 2px;} footer article input {padding: 4px 10px; border: 1px solid #dcd7d7; 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;} footer .featured-posts {margin-top: 28px;} footer .featured-posts > li {clear: both; } footer .featured-posts li a.post-thumbnail {float: left; margin-right: 15px; margin-bottom: 30px;} footer .featured-posts li:last-child a.post-thumbnail {margin-bottom: 0;} footer p.title {float: left; margin: 0px 0 13px; color: #999;} footer p.title+p {clear: both;} footer p.title a {font-family: "Arvo", serif; font-size: 37px; line-height: 65px; height: 68px; font-weight: 400; padding: 10px 18px; text-transform: uppercase; color: #fff; background: #b24d26; display: inline; transition: all 0.3s; box-decoration-break: clone;} footer p.title a:hover {background: #8ac0cd;} @media (max-width: 1050px) { footer p.title a {font-size: 25px;} } @media (max-width: 1210px) { footer {margin: 0 -20px; padding: 25px 20px 0;} footer .footer-fullwidth {margin: 0 -20px;} footer section.bottom {margin: 0 20px;} } @media (max-width: 400px) { footer {margin: 0 -10px; padding: 25px 10px 0;} footer .footer-fullwidth {margin: 0 -10px;} footer section.bottom {margin: 0 10px;} } @media (min-width: 400px) { footer {margin: 0 -20px; padding: 25px 20px 0;} } /*fixed footer*/ @media (min-width: 1225px) { footer.fixed {position: fixed; left: 0; bottom: 0; z-index: 1; width: 100%;} } .footer-menu .menu {margin: 0; padding: 7px 0 0 0; list-style: none; float: right;} .footer-menu .menu li {display: inline-block; margin:0;} .footer-menu .menu a {display: block; padding: 5px 5px 0; font-size: 13px;} .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: #fff;} @media (max-width: 645px) { header .social {text-align: center;} } @media (max-width: 890px) { footer nav.social {float: none; clear: both;} footer nav.social ul {float: none; text-align: center; margin-bottom: 10px;} footer nav.social ul li {float: none; display: inline-block; direction: ltr;} footer nav.social ul li a {display: inline-block; float: none;} footer section.bottom p, .footer-menu .menu {float: none; text-align: center;} footer nav.social + .footer-menu .menu, footer nav.social.double + .footer-menu .menu, footer nav.social.outline + .footer-menu .menu {margin-right: 0;} footer .bottom .social.double, footer .bottom .social.outline {left: -4px;} } /* Sticky post navigation */ .sticky-post-nav {display: none;} @media (min-width: 1110px) { .sticky-post-nav {display: block; position: fixed; top: 50%; z-index: 50; overflow: hidden; width: 80px; height: 94px; margin-top: -40px; padding: 15px; box-sizing: border-box; border: 2px solid #dcd7d7; background: #fff; color: #b24d26; font-size: 0; line-height: 50px; white-space: nowrap; transition: all 0.3s;} .sticky-post-nav img {float: left; margin-right: 15px; vertical-align: middle;} .sticky-post-nav .title {display: inline-block; width: 204px; font-size: 14px; line-height: 18px; white-space: normal; vertical-align: middle;} .sticky-post-nav img + .title {width: 144px;} .sticky-post-nav .fa {display: block; position: absolute; top: 0; z-index: 2; width: 80px; height: 80px; background: #fff; color: #b24d26; font-size: 40px; line-height: 88px; text-align: center; transition: all 0.3s;} .sticky-post-nav:hover {width: 340px; color: #8ac0cd;} .sticky-post-nav.prev:hover {padding-left: 80px;} .sticky-post-nav:hover .fa {color: #8ac0cd;} .sticky-post-nav.prev {left: 0; border-left: 0; text-align: left;} .sticky-post-nav.prev .fa {left: 0; text-indent: -5px;} .sticky-post-nav.next {right: 0; border-right: 0; text-align: left;} .sticky-post-nav.next .fa {right: 0; text-indent: 5px;} } /* Column system ------------------------------------------ */ .columns {margin: 30px -20px; font-size: 0;} footer section.columns {max-width: 1210px; margin: 0 auto;} .columns>h1 {margin-left: 20px; font-size: 30px;} .columns>h1:first-child {font-size: 33px;} .columns>h2 {margin-left: 20px; font-size: 28px;} .columns>h3 {margin-left: 20px; font-size: 24px;} .columns>h4 {margin-left: 20px; font-size: 20px;} .columns>h5 {margin-left: 20px; font-size: 18px;} .columns>h6 {margin-left: 20px; font-size: 16px;} .columns>p {margin-left: 20px; font-size: 13px;} .col {display: inline-block; margin: 0 0 26px; padding: 0 20px; font-size: 14px; line-height: 22px; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .col1 {width: 100%;} .col2 {width: 50%;} .col3 {width: 33.333%;} .col4 {width: 25%;} .col5 {width: 20%;} .col6 {width: 16.667%;} .col23 {width: 66.667%;} .col34 {width: 75%;} .no-space .col {margin: 0; padding: 0;} .vertical-align-top .col {vertical-align: top;} .vertical-align-middle .col {vertical-align: middle;} .vertical-align-bottom .col {vertical-align: bottom;} .equal-height {display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;} .safari .col2 {width: 49.8%;} .safari .col3 {width: 32.5%;} .safari .col4 {width: 24.7%;} .safari .col5 {width: 19.5%;} .safari .col6 {width: 16.3%;} .safari .col23 {width: 66.5%;} .safari .col34 {width: 74.5%;} /*change the glutter from 40px to 30px under resolution 940px*/ @media (max-width: 1170px) { .columns {margin: 30px -15px;} .col {padding: 0 15px;} } /*change the glutter from 40px to 20px under resolution 940px*/ @media (max-width: 940px) { .columns {margin: 30px -10px;} .col {padding: 0 10px;} } .columns>h2:first-child, .homepage section .columns h2:first-child, h2.underline {margin: 0 0 1.5em; font-weight: 400; 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: #b24d26;} .col2 h2 a:hover, .col3 h2 a:hover, .col2 h2 a:hover, .col3 h2 a:hover {color: #8ac0cd;} .columns .post h2 {font-weight: 300;} .columns h2:first-child, .columns h2.underline:first-child {margin-top: 0;} .content .columns .col2 > h3:first-child, .content .columns .col3 > h3:first-child, .content .columns .col23 > h3:first-child, .content .columns .col34 > h3:first-child, .content .columns .col4 > h3:first-child {margin-top: 0;} .columns .post h3:first-child {margin: 0;} .col .img img {width: 100%; max-width: 100%;} .content .col img.logo { max-height: 111px; } .content .col img { width: auto; } .col img {max-width: 100%; height: auto;} .col .gm-style img {max-width: none;} .img > p {display: none;} .col2.post {margin-bottom: 40px;} .col3.post h2, .col2.post h2 {margin: 0.5em 0 0;} .col3 h3 + .social, .col4 h3 + .social {margin-top: 37px;} .col3 h3 img, .col4 h3 img {width: auto; margin-right: 5px;} .img-border {max-width: 100%; width: auto; transition: opacity 0.3s;} .tiny-img-placeholder {display: block; width: 92px; height: 92px; background: #F2F2F2;} a:hover .img-border {opacity: 0.9;} .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 {max-width: 100%; height: auto; margin: 0;} @media (max-width: 1210px) { footer section.columns {margin: 0 -20px;} } @media (max-width: 1170px) { footer section.columns {margin: 0 -15px;} } @media (max-width: 768px){ footer section.columns {margin: 0 -10px;} } @media (max-width: 768px){ .col2, .col3, .col4, .col5, .col6, .col23, .col34 {width: 100%} .safari .col2, .safari .col3, .safari .col4, .safari .col5, .safari .col6, .safari .col23, .safari .col34 {width: 100%} .col2 .img-border, .col3 .img-border, .col4 .img-border {width:100%;} .col2 .wpcf7-submit + .img-border, .col3 .wpcf7-submit + .img-border, .col4 .wpcf7-submit + .img-border {width:auto;} } @media (min-width: 1210px) { footer.full-width {margin: 0; padding: 25px 0 0; box-sizing: border-box;} footer.full-width .footer-menu, footer.full-width section.bottom {max-width: 100%; margin-left: 20px; margin-right: 20px; box-sizing: border-box;} footer.full-width section.columns {max-width: 100%; margin: 0; padding-left: 10px; padding-right: 10px; box-sizing: border-box; } } /* Widely used classes and styles ------------------------------------------ */ .more, .col3 p.more {margin-top: 28px;} p.more {clear: both;} .hidden {display: none;} .dlink {color: #b24d26; cursor: pointer; transition: all 0.3s;} .dlink:hover {color: #8ac0cd;} .dlink.same-tab {position: relative;} .deeplink-tooltip {display: block; opacity: 0; position: absolute; top: 100%; left: 0; z-index: 50; padding: 5px 10px; box-sizing: border-box; border: 1px solid #ddd; background: rgba(255,255,255,0.9); color: #333; pointer-events: none; transition: opacity 0.2s;} .deeplink-tooltip:hover {color: #000;} .dlink.show-tooltip .deeplink-tooltip {opacity: 1; pointer-events: auto;} a.go-top {display: none;} @media (min-width: 1100px){ a.go-top {position: fixed; right: 20px; bottom: 90px; z-index: 100; display: block; overflow: hidden; width: 44px; height: 40px; background: #b24d26; opacity: 0.8; color: #fff; font-size: 0; transition: background-color 0.25s;} a.go-top .icon {display: block; width: 44px; height: 40px; line-height: 48px; font-size: 30px; text-align: center;} a.go-top:hover {background-color: #8ac0cd;} } h2.alt {border-bottom: 1px solid #dcd7d7; font-weight: 300; font-size: 1.846em;} h2.alt span {display: inline-block; margin-bottom: -1px; padding: 10px 0; border-bottom: 2px solid #b24d26;} .dc, .dc-alt {float: left; margin: 30px 10px 5px 0; color: #3f3f3f; font-size: 4em;} /*vc integration*/ p>.dc, p>.dc-alt {margin: 0.35em 15px 5px 0;} .dc-alt {color: #b24d26;} p+ul.tick {margin-top: -10px;} ul.tick li {position: relative; margin: 0; padding: 10px 0 0px 32px; line-height: 16px; color: #333;} ul.tick li .tick {position: absolute; left: -7px; top: 0;} ul.tick li .tick .fa:first-child {color: #b24d26; font-size: 1.2em;} ul.tick li .tick .fa + .fa {font-size: 13px;} 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;} ul.custom li > i.fa { margin-left: -24px; margin-right: 5px; } .content ul li { margin-bottom: 10px; } .content ul li>i.fa { padding: 3px; } 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; z-index: 0; width: 100%; height: 100%;} .img-border {display: inline-block; position: relative;} .img-border:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.3); content: " "; transition: all 0.3s;} a .img-border:hover:before {box-shadow: inset 0 0 10px 0 rgba(0,0,0,0.1);} .postlist.modern article a .img-border:hover:before {box-shadow: inset 0 0 40px 0 rgba(0,0,0,0.3);} .fancy-borders-disabled .img-border:before {box-shadow: none;} .img-frame {border: 1px solid #e6e6e6;} .img-frame.thin {padding: 5px;} .img-frame.thick {padding: 10px;} .posts .img-border {width: auto;} .table {clear: both; width: 100%; overflow-x: auto; margin-bottom: 1.5em;} /* tabs */ ul.tabs {border-bottom: 2px solid #b24d26;} ul.tabs:after {clear: both; display: block; height: 0; content: ' ';} ul.tabs li {float: left; margin: 2px 4px -2px 0;} ul.tabs li a {float: left; margin: 0 0 2px; padding: 4px 13px; border: 1px solid #e6e6e6; color: #666; font-family: "Arvo", serif; font-size: 15px; line-height: 28px; background: #e6e6e6; text-transform: uppercase;} ul.tabs li a:hover {color: #fff; background: #8ac0cd; border: 1px solid #8ac0cd;} ul.tabs li a.selected, ul.tabs .selected a, ul.tabs li.description_tab.active a.selected, ul.tabs li.description_tab.active a { border: 1px solid #b24d26; background: #b24d26; color: #fff; line-height: 30px; } .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 {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; margin-right: 2px; margin-bottom: 4px;} .tabbed.alt ul.tabs li a.selected {border-top: none; margin-right: 0;} .tabbed.alt .tab-content {overflow: hidden; padding: 0 0 0 15px; border-left: 2px solid #b24d26; font-size: 13px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} /* pagination */ .wp-pagenavi {display: block; clear: left; 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: 0 10px 10px; padding: 5px 15px; color: #fff; background: #b24d26;} .wp-pagenavi a {display: inline-block; margin: 15px 10px 10px; padding: 5px 15px; color: #666; background: #e6e6e6; transition: all 0.3s;} .wp-pagenavi a:hover {background: #8ac0cd; color: #fff;} .wp-pagenavi a.next {font-size: 14px;} .wp-pagenavi a.next:after {display: inline-block; margin-left: 5px; font-family: "FontAwesome"; content: "\f101";} .wp-pagenavi a.prev {margin-left: 0; font-size: 14px;} .wp-pagenavi a.prev:before {display: inline-block; margin-right: 5px; font-family: "FontAwesome"; content: "\f100";} .wp-pagenavi.hide {display: none;} .load-button {text-align: center;} .load-button a.button {padding-left: 20px; padding-right: 20px;} .sidebar + .load-button, .sidebar + .loader + .load-button {float: left; width: 100%; padding-right: 340px; box-sizing: border-box;} .reverse .sidebar + .load-button {float: right; padding-left: 340px; padding-right: 0;} .main .loader, .columns .loader, .content .loader {padding: 50px 0; font-size: 30px; text-align: center;} .content .sidebar + .loader {padding-right: 340px;} .page-marker {display: inline; width: 0; height: 0;} @media (max-width: 800px) { .sidebar + .load-button, .sidebar + .loader + .load-button {float: none; padding-right: 0;} .content .sidebar + .loader {padding-right: 0;} } .columns .wp-pagenavi {margin-left: 10px; margin-right: 10px;} /* 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: 10px 0 10px 40px; color: #333; font: 400 18px/28px "Arvo", serif; outline: none;} ul.accordion > li > a:before {float: left; position: relative; margin: 0 -36px 0; color: #b24d26; font-family: "cc-font"; content: "\65"; font-size: 32px; transition: all 0.3s;} ul.accordion > li > a:hover:before {color: #8ac0cd;} ul.accordion > li > a.expanded:before {color: #aeaeae; font-family: "cc-font"; content: "\75"; transition: all 0.3s; } ul.accordion > li > div {display: none;} ul.accordion > li p {margin-top: 3px; font-size: 14px; line-height: 22px;} /* 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; white-space: nowrap;} .content-slider .slider-box img {pointer-events: none;} .content-slider .controls {float: right; overflow: hidden; margin: 10px 10px 0 15px; padding: 0; background: #fff;} .t04 .content-slider .controls, .t08 .content-slider .controls {margin: 0 0 5px;} .t10 .content-slider .controls {margin-top: 0;} .content-slider .controls a {float: left; overflow: hidden; width: 22px; height: 22px; margin: 0; color: #999; font-family: "FontAwesome"; font-size: 22px; line-height: 22px; text-align: center; outline: none;} .content-slider .controls a:hover {color: #3f3f3f;} .content-slider .controls a.prev:before {display: inline-block; content: "\f104";} .content-slider .controls a.next:before {display: inline-block; content: "\f105";} .content-slider article {display: inline-block; width: 220px; margin: 0; padding: 0 10px; font-size: 13px; vertical-align: top; white-space: normal;} .main .content-slider article {width: 155px;} .wide .main .content-slider article {width: 200px;} .content-slider article.col6 {width: 141px;} .content-slider article h3 {margin: 0 0 0.5em 0; font-size: 18px;} .content-slider article h3 a {color: #3f3f3f;} .content-slider article h3 a:hover {color: #ff8400;} .content-slider article p {margin: 0; color: #999;} .content-slider article img {width: 100%; max-width: 220px; height: auto;} .content-slider article .img, .related-projects article .img {position: relative; overflow: hidden; margin-bottom: 10px;} .content-slider article .actions, .related-projects article .actions {display: block; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(138, 192, 205, 0.8); opacity: 0; transition: all 0.5s ease-in-out 0s;} .content-slider article .img:hover .actions, .related-projects article .img:hover .actions {opacity: 1; transition: all 0.5s ease-in-out 0s;} .content-slider .actions ul, .related-projects .actions ul {overflow: hidden; position: absolute; z-index: 3; bottom: 10px; left: 50px; list-style: none; margin: -20px 0 0 -40px; padding: 5px; background: rgba(255, 255, 255, 0.7); text-align: center;} .content-slider .actions ul li, .related-projects .actions ul li {display: inline-block; margin: 0 0 0 5px; padding: 0;} .content-slider .actions ul li:first-child, .related-projects .actions ul li:first-child {margin-left: 0;} .content-slider .actions ul li a, .related-projects .actions ul li a {display: inline-block; overflow: hidden; width: 30px; height: 30px; margin: 0; background: #b24d26; color: #fff; font-size: 0; vertical-align: middle; white-space: nowrap; transition: all 0.3s ease 0s;} .content-slider .actions ul li a:hover, .related-projects .actions ul li a:hover {background: #8ac0cd;} .content-slider .actions ul li a .icon, .related-projects .actions ul li a .icon {display: inline-block; width: 30px; height: 30px; border-radius: 50%; font-size: 18px; line-height: 36px; text-align: center; vertical-align: top;} .content-slider .action:before {display: block; width: 30px; height: 30px; margin: 0; font-family: "cc-font"; font-size: 16px; line-height: 30px;} .content-slider .action.view:before {content: "\68";} .content-slider .action.go:before {content: "\73";} .related-posts .col4 h3, .featured-posts .col4 h3, .related-projects .col4 h3 {font-size: 18px; margin-bottom: 0; margin-top: 12px;} /* top slider */ .top-slider {position: relative; margin: 0; padding: 40px 0;} .top-slider .controls {width: 100%; height: 0;} .top-slider .controls a {display: block; position: absolute; top: 50%; width: 120px; height: 120px; margin-top: -60px; background: #fff; color: #999; font-size: 40px; line-height: 120px; text-align: center;} .top-slider .controls a:hover {color: #3f3f3f;} .top-slider .controls a.prev {right: 100%;} .top-slider .controls a.next {left: 100%;} .top-slider .slider-box {position: relative; overflow: hidden; width: 100%; margin: 0; padding: 0; font-size: 0; white-space: nowrap;} .top-slider-item {display: inline-block; vertical-align: top; width: 240px; height: 100%; padding: 0 40px; border-left: 1px solid #f9f9f9; border-right: 1px solid #ededed; box-sizing: border-box; font-size: 13px; white-space: normal;} .top-slider-item .top-slider-item-title {margin: 0; font-size: 14px; font-weight: 500;} .top-slider-item p {margin: 0; line-height: 1.5em;} .top-slider-item .top-slider-item-thumbnail {margin-bottom: 10px;} /* clickable */ .clickable {cursor: pointer;} /* 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: 10px solid #b24d26;} .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 "Arvo", serif; text-align: center; text-transform: uppercase; text-indent: 0;} .d7 .text-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: -1px; height: 1em; margin: 0 40px; padding: 0 12px; background: #fff;} /* fullwidth ------------------------------------------ */ .fullwidth.parallax { background-size: cover; } @media (min-width: 1025px) { .fullwidth.parallax { background-attachment: fixed; } } .fullwidth {box-sizing: border-box;} .wide .fullwidth {left: 50%; width: 100vw; margin-left: -50vw; position: relative; overflow: hidden;} .wide .fullwidth.std-content {position: static; width: auto; margin-left: -100%; margin-right: -100%; padding-left: 100% !important; padding-right: 100% !important;} /*fix for PageSpeed Insights*/ @media (max-width: 400px) { .wide .fullwidth.std-content { margin-left: -10px !important; margin-right: -10px !important; padding-left: 10px !important; padding-right: 10px !important; } } @media (max-width: 600px) { .wide .fullwidth.std-content { margin-left: -20px !important; margin-right: -20px !important; padding-left: 20px !important; padding-right: 20px !important; } } .fullwidth h1 {margin-top: 0;} /* Home page styles ------------------------------------------ */ .hp-quote {position: relative; clear: both; width: 70%; margin: 25px auto; padding: 15px 0 15px 55px; color: #666;} .hp-quote:before {display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 40px; height: 40px; border-radius: 50%; background: #dcd7d7; color: #fff; font-family: "FontAwesome"; font-size: 20px; line-height: 40px; content: "\f10d"; text-align: center;} .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 "Arvo", serif;} .hp-quote p.signature {font: normal 1em "PT Sans",sans-serif; text-align: right;} .hp-quote p.signature span {color: #3f3f3f;} .hp-latest {margin-top: 0;} .hp-latest .post-meta {margin-bottom: 0;} .hp-latest .post-meta+p {margin-top: 10px;} .hp-latest .col2 h2, .hp-latest .col3 h2, .hp-latest .col4 h2 {font-size: 1.538em;} h2 + .hp-latest, h2 + .latest, h2+ul.event-list {margin-top: 40px;} .latest .post:not(:last-child) {margin-bottom: 45px;} .custom-sticky-img {position: relative; bottom: -23px;} .vertical-align-bottom {vertical-align: bottom;} .cat-archive>section {position: relative; overflow: visible; margin-bottom: 30px;} .cat-archive h3.category-title {position: absolute; left: 14px; top: 20px; z-index: 5; margin-top: 0; padding: 0 10px; border: none; box-shadow: 0 0 2px rgba(0,0,0,0.2); background: #b24d26; color: #fff; font-size: 1.538em; font-weight: 400; line-height: 40px; transition: background 0.25s;} .cat-archive a:hover h3.category-title {background: #8ac0cd;} .cat-archive h3.category-title:before {position: absolute; left: 0; top: 40px; width: 0; height: 0; border-right: 3px solid #666; border-top: 3px solid #666; border-left: 3px solid transparent; border-bottom: 3px solid transparent; content: " ";} .cat-archive ul {list-style: none;} .cat-archive ul li {margin: 0.85em 0; font: 300 16px/25px "Arvo", serif;} .cat-archive ul li p {margin: 0 0 15px; font: 400 14px/23px "PT Sans",sans-serif;} .cat-archive ul li a {color: #b24d26;} .cat-archive ul li a:hover {color: #8ac0cd; text-decoration: none;} .cat-archive ul li:first-child {margin-bottom: 10px; border-bottom: 2px solid #dcd7d7;} .cat-archive ul li:first-child h4 {margin: 0.5em 0 6px; font-size: 20px; line-height: 30px;} .cat-archive .img {min-height: 50px; margin: 0.5em 0; background: #dcd7d7;} .cat-archive .img img {width: 100%; height: auto;} @media (max-width: 1170px) { .cat-archive h3.category-title {left: 9px;} } @media (max-width: 940px) { .cat-archive h3.category-title {left: 4px;} } .magazine .post-meta {margin-top: 20px; margin-bottom: 11px;} .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: #b24d26;} .product-list-full h2:first-child {margin-bottom: 1.5em; border-bottom: 1px solid #dcd7d7; 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: #b24d26;} .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: #666;} /* portfolio ------------------------------------------*/ h1+.columns.portfolio {margin-top: 0;} .portfolio h2 {border-bottom: 1px solid #dcd7d7; font-weight: 300; font-size: 1.846em;} .columns.portfolio {margin-bottom: 0; margin-top: 15px;} .columns.portfolio>h2:first-child {margin-top: 43px;} .columns.portfolio+.columns.portfolio {margin-top: 0;} .portfolio article {display: inline-block; margin-bottom: 30px; margin-top: 34px;} .portfolio article img {width: 100%; height: auto; transition: all 0.8s;} .portfolio article .img:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);} .portfolio article h3, .homepage .portfolio article h3 {margin: 20px 0 4px; border-bottom: none; font-size: 1.385em;} .portfolio article h3 a {color: #b24d26;} .portfolio article h3 a:hover {color: #8ac0cd;} .portfolio article p {margin: 0; color: #666;} .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(138,192,205,0.8); text-align: center; opacity: 0; transition: all 0.8s 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; bottom: 10px; left: 50px; z-index: 3; list-style: none; margin: -20px 0 0 -40px; padding: 10px; background: rgba(255,255,255,0.7); 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: #b24d26; color: #fff; font-size: 0; vertical-align: middle; transition: all 0.3s;} .portfolio article div ul li a:hover {background: #8ac0cd;} .portfolio article div ul li a .fa {display: inline-block; width: 30px; height: 30px; border-radius: 50%; font-size: 16px; line-height: 30px; text-align: center; vertical-align: top;} .portfolio article div ul li a.action:before {display: block; width: 30px; height: 30px; margin: 0; font-family: "cc-font"; font-size: 19px; line-height: 30px;} .portfolio article div ul li a.action.view:before {content: "\68";} .portfolio article div ul li a.action.go:before {content: "\73";} .portfolio article p {line-height: 22px;} .col1 .img {float: left; width: 64%; max-width: 600px; margin-right: 4%; margin-bottom: 10px;} .portfolio article.col1 h3 {font-size: 18px;} .portfolio article.col1 p {margin: 1.5em 0;} .portfolio article .video-code {display: none; position: absolute;} .slider.portfolio-slider {overflow: hidden; max-width: 1170px; 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 -20px;} .masonry .filters {margin-left: 10px;} .brick {display: inline-block; vertical-align: top; margin-bottom: 20px; padding: 0 20px; font-size: 14px; line-height: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .m4 .brick {width: 25%;} .m3 .brick {width: 33.33%;} .m2 .brick {width: 50%;} .brick h2 {font-size: 1.538em;} .brick p.descr, .brick p.more {padding-bottom: 27px; border-bottom: 1px solid #dcd7d7;} .brick.sticky p.more {border-bottom-width: 2px;} @media (max-width: 800px) { .m4 .brick, .m3 .brick {width: 50%;} .brick {padding: 0 20px;} } @media (max-width: 600px) { .m4 .brick, .m3 .brick, .m2 .brick {width: 100%;} } .with-icons>h2 {border-bottom: 1px solid #dcd7d7;} /* post list filters */ .filters {display: block; overflow: hidden; margin: 37px 0 0; color: #999; font-size: 14px;} .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: 5px 10px; color: #b24d26; transition: all 0.3s;} .filters ul a:hover {color: #fff; background: #8ac0cd;} .filters ul a.selected {background: #b24d26; color: #fff;} .columns .filters {margin: 0; padding: 0 20px 2em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .post-list .filters ul a {padding: 0 10px 0 10px;} /* single project */ .project {overflow: hidden; margin-bottom: 1.5em; padding-bottom: 40px; border-bottom: 1px solid #dcd7d7;} .project .img {float: left; width: 60%; max-width: 703px; margin-right: 2%;} .project img {width: 100%;} .project .descr {float: right; width: 36%;} .project .descr p:first-child {margin-top: 0;} .project p.view-project {margin-top: 0; padding-left: 1px; color: #999;} .project dl {overflow: hidden; margin: 1.5em 0; padding:0 0 0 20px; border-left: 5px solid #e6e6e6;} .project dt {margin-top: 1.5em; color: #666; font-weight: 400; font-size: 0.846em;} .project dt:first-child {margin-top: 0;} .project dd {color: #333; font-size: 0.923em;} .project.wide p.view-project {margin: 1.5em 0;} .project.wide .descr {float: left; width: 67%;} .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: 768px) { .project.wide .descr, .project.wide dl {float: none; width: 100%;} } .project-nav {overflow: hidden; width: auto; margin: 0 0 3em; font-size: 14px;} .project-nav a {display: inline-block; color: #b24d26;} .project-nav a:hover {color: #8ac0cd;} .project-nav .prev a {float: left; margin-bottom: 10px;} .project-nav .next a {float: right;} .project-nav .prev a:before {margin-right: 5px; font-family: "FontAwesome"; content: "\f100";} .project-nav .next a:after {margin-left: 5px; font-family: "FontAwesome"; content: "\f101";} @media (max-width: 768px) { .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;} } /* ads */ .as-info { color: #999; text-transform: uppercase; font-size: 11px; margin-bottom: 2px; } .as-top { margin-bottom: 20px; } .as-bottom { text-align: center; } .as-bottom img { max-width: 100%; margin-bottom: 7px; } .as-bottom .as-info { text-align: left; max-width: 300px; margin-left: auto; margin-right: auto; } /* sidebar ads */ .textwidget p.as-info { margin-bottom: 2px; } .as-sidebar { text-align: center; } .as-sidebar .as-info { text-align: left; max-width: 160px; margin-left: auto; margin-right: auto; } .as-sidebar .img-border { margin-bottom: 0; } @media (max-width: 640px) { .a-middle { float: none; margin-left: 0;} } /* post navigation */ .post-nav {margin: 40px 0; font-size: 14px;} .post-nav a {float: left; width: 50%; padding: 5px 0 10px; color: #b24d26;} .post-nav a:hover {color: #8ac0cd;} .post-nav a .fa {float: left; margin-right: 15px; color: #999; font-size: 50px; transition: all 0.3s;} .post-nav a:hover .fa {color: #333;} .post-nav a .info {display: block; margin-top: 5px; color: #666; font-size: 11px; text-transform: uppercase;} .post-nav a + a {float: right; text-align: right;} .post-nav a + a .fa {float: right; margin-right: 0; margin-left: 15px;} /* blog page ------------------------------------------*/ .main {float: left; width: 100%; padding-right: 340px; box-sizing: border-box;} .main .main {padding-right: 0; padding-left: 0;} .main .project {padding-top: 40px;} .main .project h1 {margin-top: 0;} .sidebar {float: right; width: 300px; margin-left: -340px;} .sidebar:after {clear: both; display: block; content: " "; height: 0;} .sidebar .widgets {float: right; width: 300px;} .sidebar section:first-child {margin-top: 0;} .reverse .main {float: right; padding-left: 340px; padding-right: 0;} .reverse .main .main, .main .reverse .main {padding-left: 0;} .reverse .sidebar {float: left; margin-right: -340px; margin-left: 0;} .reverse .sidebar .widgets {float: none;} .wide .main, .main.buddypress, .main.no-sidebar {float: none; width: 100%; max-width: 1170px; padding-right: 0;} .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%;} .main, .reverse .main {padding-left: 0; padding-right: 0;} .sidebar, .reverse .sidebar {margin-left: 0; margin-right: 0;} .sidebar .widgets {float: none; width: auto;} } .postlist article h2 {font-size: 25px; font-weight: 300; line-height: 37px;} .postlist article h2 a {color: #b24d26;} .postlist article h2 a:hover {color: #8ac0cd;} article.col h2.post-title {font-size: 23px; margin-top: 16px;} .post-category { background: #b24d26; padding: 1px 9px 0px; color: #fff; font-size: 12px; margin-top: 47px; display: inline-block;} .post-category a {color: #fff; text-transform: uppercase;} .post-reading-time { float: right; position: relative; top: 48px; font-size: 12px; } .post-category + h1, .post-category + .post-reading-time + h1 {margin-top: 21px;} .post-category a:hover { text-decoration: underline; } .post-meta {margin: 4px 0 18px; font-size: 12px;} .post-meta.no-title {margin-top: 30px;} .post-meta a {color: #b24d26;} @media (max-width: 600px) { .post-meta {margin: 1.5em 0 1.5em; font-size: 0.846em;} } .post-meta a:hover {color: #8ac0cd;} .post-meta a.comment-link {margin-left: 2px; white-space: nowrap;} .post-meta a.comment-link:before {display: inline-block; margin-right: 5px; font-family: "cc-font"; content: "\6e"; font-size: 14px; position: relative; top: 4px;} .post-meta span.sep {padding: 0 5px; color: #dcd7d7;} .post-meta span.author {padding-left: 7px;} .postlist > article img.medium + p { margin-top: 0; } .postlist .post p.tags { margin-right: 30px; margin-top: 2px; font-size: 12px;} .postlist>article {overflow: hidden; margin: 0 0 25px; padding: 0 0 39px; border-bottom: 2px solid #dcd7d7;} .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: #b24d26; color: #fff; font: 400 20px/32px "Arvo", serif; text-align: center; height: 32px; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:before {display: block; position: absolute; left: 6px; top: 100%; border: 4px solid #b24d26; border-color: #b24d26 #fff #fff #b24d26; content: ' '; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:hover {background: #8ac0cd; transition: 0.3s;} .postlist .post-meta-exposed a.comment-link:hover:before {border-color: #8ac0cd #fff #fff #8ac0cd; transition: 0.3s;} .postlist .post-meta-exposed .post-date {margin: 0 0 6px; background: #e6e6e6; color: #666; text-align: center;} .postlist .post-meta-exposed .post-date .day {display: block; border-bottom: 2px solid #fff; font: 400 26px/37px "Arvo", 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 p.more {clear: right; margin-top: 10px; text-align: right;} .postlist > article .the-post p.more {float: none;} .columns .col3.type-post {margin-bottom: 40px;} .postlist.modern h1 {margin-bottom: 20px;} .postlist.modern article {border: 0;} .postlist.modern article.col {margin: 0; padding: 20px 20px;} .postlist.modern article .inside {position: relative; padding: 0;} .postlist.modern article .post-content {position: absolute; z-index: 3; left: 0; bottom: 0; width: 100%; padding: 0 25px 20px; box-sizing: border-box; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);} .postlist.modern article.no-image .post-content {background: none;} .postlist.modern article .post-title {margin: 10px 0 0; font-size: 23px; line-height: 1.3em; text-shadow: 1px 1px 2px rgba(0,0,0,0.7);} .postlist.modern article .post-title a {color: #fff;} .postlist.modern article:hover .post-title a {} .postlist.modern article a.post-thumbnail {display: block; background: #000;} .postlist.modern article a.post-thumbnail .img-border {opacity: 1; transition: all 0.3s;} .postlist.modern article:hover a.post-thumbnail .img-border {opacity: 0.85;} .postlist.modern article .post-meta {display: inline-block; margin: 0; padding: 0px 8px; background: rgba(178,77,38,0.9); color: #fff; font-size: 11px; text-transform: uppercase;} .postlist.modern article .post-meta a {color: #fff; text-transform: uppercase;} .postlist.modern article .post-meta a:hover {text-decoration: underline;} .postlist.modern article.no-image .inside {padding: 0; box-shadow: inset 0 0 0 4px #e2e2e2; background: #eee;} .postlist.modern article.no-image .post-content {padding: 25px;} .postlist.modern article.no-image .post-title a {color: #444; text-shadow: none;} .postlist.modern article.no-image:hover .post-title a {color: #b24d26;} .postlist.modern article.col .inside:before {display: block; content: ""; width: 100%;} .postlist.modern article.col1.no-image .inside:before {padding-top: 36.17%;} .postlist.modern article.col2.no-image .inside:before {padding-top: 65.217%;} .postlist.modern article.col3.no-image .inside:before {padding-top: 66.667%;} .postlist.modern article.col3.mix2.no-image .inside:before {padding-top: 66.667%;} .postlist.modern article.col3.mix3.no-image .inside:before {padding-top: 116.667%;} .postlist.modern article.col23.mix3.no-image .inside:before {padding-top: 56.451%;} .postlist.modern article.vertical.no-image .inside:before {padding-top: 137.333%;} .postlist.modern article.vertical.v1 {float: right;} .postlist.modern article.vertical.v2 {float: left;} .postlist.modern article.mix3-ext .post-content {padding-top: 10px; background: rgba(51,51,51,0.6); margin: 0 20px 20px; max-width: calc(100% - 40px);} .postlist.modern article.mix3-ext.no-image .post-content {background: none;} .postlist.modern article.mix3-ext .post-cats {display: block; position: absolute; bottom: 100%; left: 25px; margin: 0; padding: 5px 10px; background: rgba(178,77,38,0.9); color: #fff; font-size: 12px; line-height: 18px;} .postlist.modern article.mix3-ext .post-cats a {color: #fff;} .postlist.modern article.mix3-ext .post-cats a:hover {text-decoration: underline;} .postlist.modern article.mix3-ext .post-title {margin: 14px 0 0; text-shadow: none;} .postlist.modern article.mix3-ext .post-title a {color: #fff;} .postlist.modern article.mix3-ext:hover .post-title a{color: #fff;} .postlist.modern article.mix3-ext .post-meta {padding: 0; background: none; color: #fff; text-transform: none;} .postlist.modern article.mix3-ext .post-meta span {color:#fff;} .postlist.modern article.mix3-ext .post-meta a {color: #737574;} .postlist.modern article.mix3-ext .post-meta a:hover {color: #222;} .postlist.modern article.mix3-ext.no-image .post-title a {color: #b24d26;} .postlist.modern article.mix3-ext.no-image:hover .post-title a {color: #8ac0cd;} .postlist.modern article.mix3-ext.no-image .post-meta {color: #666;} @media (max-width: 1170px) { .postlist.modern article.col3 .post-title {font-size: 16px;} } @media (max-width: 800px) { .postlist.modern article.no-image .inside:before {display: none;} .postlist.modern article.no-image .post-content {position: static;} .postlist.modern article.mix3-ext.no-image .post-cats {position: static; float: right; margin-bottom: 10px; text-align: right;} .postlist.modern article.mix3-ext.no-image .post-cats + .post-title {clear: right;} .postlist.modern article.col2 .post-title, .postlist.modern article.col3 .post-title {font-size: 18px;} } @media (max-width: 600px) { .postlist.modern article.col2 .excerpt {display: none;} } @media (max-width: 460px) { .postlist.modern article.col2 .post-title, .postlist.modern article.col3 .post-title {font-size: 16px;} } .postlist.modern.trendy article.col {padding-bottom: 5px; padding-top: 5px; } .postlist.modern.trendy article .post-title {text-shadow: none; background: #666; padding: 5px 10px; display: inline; box-decoration-break: clone;} .postlist.modern.trendy article:hover .post-title {background: #8ac0cd;} .postlist.modern.trendy article .post-content {background: none;} .postlist.modern.trendy article .post-meta {position: relative; top: 50px; left: 20px; z-index: 2;} .postlist.modern.trendy article.no-image .post-title a {color: #fff;} .postlist.modern.trendy article .post-content {padding: 0 20px 20px;} .postlist.modern.trendy article.col3 .post-title, .postlist.modern.trendy article.col2 .post-title {font-size: 18px;} .postlist.modern.trendy article:hover a.post-thumbnail .img-border {opacity: 1;} /*glutter change*/ @media (max-width: 1170px) { .postlist.modern article.col {padding-left: 15px; padding-right: 15px; padding-bottom: 10px;} .postlist.modern.trendy article.col {padding-bottom: 0px; padding-top: 0px;} } @media (max-width: 940px) { .postlist.modern article.col {padding-left: 10px; padding-right: 10px; padding-bottom: 5px;} .postlist.modern.trendy article.col {margin-top: -10px;} } @media (max-width: 400px) { .postlist.modern article.col { margin-top: -15px; } .postlist.modern.trendy article.col { margin-top: -20px;} } /*limit post width*/ .single .post-content > p, .single .post-content > blockquote, .single .post-content > h1, .single .post-content > h2, .single .post-content > h3, .single .post-content > h4, .single .post-content > h5, .single .post-content > h6, .single .post-content > ul, .single .post-content > ol, .single .post-content > div.toc, .single .post-content > pre, .single .post-content > code, .single .post-content > dl, .single .post-content > address, .single .post-content > .twitter-tweet, .single .post-content > .as-middle, .single .post-content > .information-box { margin-left: auto; margin-right: auto; max-width: 640px;} .single .post-content .post-intro, .single .post-content .post-meta, .single .post-content > h1.post-title, .single .post-content .share.share-top {max-width: 100%;} /* article header with big image */ .article-head {position: relative; z-index: 2; min-height: 520px; padding-bottom: 1px; background: #fff; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.3); line-height: 520px; text-align: center;} .article-head:before {display: block; position: absolute; z-index: 1; left: 0; bottom: 1px; width: 100%; height: 80%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); content: " ";} .article-head-content {display: inline-block; position: relative; z-index: 2; width: 100%; max-width: 1170px; margin: 0 auto; padding-bottom: 30px; line-height: 1.5em; text-align: left; vertical-align: bottom;} .article-head img.attachment-clean-cutta-header-image {position: absolute; left: 50%; top: 0; margin-left: -800px;} .article-head .thumbnail-caption {position: absolute; left: 0; top: 100%; z-index: 2; width: 100%; background: #fff; color: #999; font-size: 12px; line-height: 1.5em; text-shadow: none;} .article-head .thumbnail-caption p {width: auto; max-width: 1170px; margin: 0 auto; padding: 10px 0; text-align: left;} .article-head a {color: #fff;} .article-head a:hover {text-decoration: underline;} .article-head-title {margin: 0.25em 0; color: #fff; font-size: 43px;} .article-head-excerpt {margin-bottom: 2em; font-size: 17px; line-height: 28px;} .article-head-cats {display: inline-block; margin: 0; padding: 5px 10px; background: rgba(178,77,38,0.8); color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase;} .article-head-cats a {text-transform: uppercase;} .article-head-meta {font-size: 12px;} .article-head-meta span.sep {color: #dcd7d7; padding: 0 5px;} .article-head-meta span.author {padding-left: 7px;} .thumbnail-caption {color: #999; font-size: 12px;} .thumbnail-caption .fa {margin-right: 5px;} .thumbnail-caption p {margin-top: 2px; text-align: left;} /*autoloading posts fixes*/ .related-content h1 {color: #333;} .related-content .article-head-cats {background: #b24d26;} .related-content .article-head-cats a {color: #fff;} .related-content .article-head-cats a:hover {text-decoration: underline;} .related-content .post-content > p.article-head-meta {max-width: 100%;} @media (max-width: 1210px) { .article-head:before {margin: 0 -20px; padding: 0 20px;} } @media (max-width: 400px) { .article-head:before {margin: 0 -10px; padding: 0 10px;} .article-head-title {font-size: 30px;} .article-head-excerpt {font-size: 14px;} } /* wide article header */ .post-header {position: static; margin: 0; box-shadow: none;} .post-intro {font-size: 19px; font-weight: bold;} .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: 3.5%;} .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: 25%; 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;} .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;} p.share {padding: 1em 0; border-top: 1px solid #dcd7d7; border-bottom: 1px solid #dcd7d7;} p.share.social-colored {padding: 3px 0 12px; border: none; margin-top: 0;} .single p.share .single p>img:first-child, .single p>.img-border:first-child {margin: 10px 0 15px;} .single .tagcloud {margin-top: 30px; margin-bottom: 22px;} .single .post-content .img-border + p {margin-top: 30px;} .single .post-content blockquote {box-sizing: border-box;} .single .post-content ul li {line-height: 28px; margin-right: 10px;} .single .post-content p.views {font-size: 13px} /* author box */ .post-author {overflow: hidden; margin: 38px 0; padding: 30px; background: #e6e6e6;} .post-author p {color: #666;} .post-author .img-border {float: left; margin-right: 20px;} .post-author div {overflow: hidden; font-size: 16px;} .post-author h3 {margin-top: 0; margin-bottom: 15px; color: #666;} .post-author p {margin-top: 12px;} .post-author h3 a {color: #3f3f3f;} .post-author h3 a:hover {color: #b24d26;} .post-author ul.social {margin-bottom: 0;} @media (max-width: 600px) { .post-author .img-border {max-width: 50px;} .post-author {padding: 20px 20px 10px; margin: 28px 0;} .post-author ul.social {margin-bottom: 10px;} } /*fullwidth image for single post*/ @media (max-width: 768px) { figure {left: 50%; width: 100vw; position: relative; overflow: hidden;} figure.aligncenter {margin-left: -50vw; margin-right: 0;} figure .thumbnail-caption p {padding-left: 20px; padding-right: 20px;} } @media (max-width: 400px) { figure .thumbnail-caption p {padding-left: 10px; padding-right: 10px;} } /* 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;} .commentlist .comment-body p {font-size: 16px; line-height: 24px; margin-top: 10px;} .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: #333; font-style: normal; font-size: 1.083em; font-weight: bold;} .comment-author a {color: #b24d26;} .comment-author a.comment-reply-link {color: #b24d26;} .comment-author a:hover {color: #b24d26;} .comment-author .sep {padding: 0 5px;} p.comment-meta {margin: 0;} .comment-form {margin: 2em 0;} .comment-form input[type="submit"]:hover {background: #8ac0cd;} .comment-form textarea {min-width: 200px; max-width: 530px;} .comment-form input, .comment-form select {max-width: 530px;} .comment-form label {display: block; padding: 10px 0 0;} .comment-form .comment-respond h3 {display: none;} .comments>h2, .comment-form>h2 {border-bottom: 1px solid #dcd7d7;} .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: 24px;} .comment-form p.stars span:before {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ccc; font-size: 17px; font-family: "FontAwesome"; line-height: 1.5em; content: "\f005\f005\f005\f005\f005";} .comment-form p.stars span a {float: left; position: absolute; left: 0; top: 0; overflow: hidden; height: 24px; font-size: 0; outline: none;} .comment-form p.stars span a:before {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #ff8400; font-size: 17px; font-family: "FontAwesome"; line-height: 1.5em; pointer-events: none;} .comment-form p.stars span a:hover:before, .comment-form p.stars span a.active:before {display: block;} .comment-form p.stars span a.star-1 { width: 16px; z-index: 10; font-size: 0;} .comment-form p.stars span a.star-1:before {content: "\f005";} .comment-form p.stars span a.star-2 { width: 32px; z-index: 9; font-size: 0;} .comment-form p.stars span a.star-2:before {content: "\f005\f005";} .comment-form p.stars span a.star-3 { width: 48px; z-index: 8; font-size: 0;} .comment-form p.stars span a.star-3:before {content: "\f005\f005\f005";} .comment-form p.stars span a.star-4 { width: 64px; z-index: 7; font-size: 0;} .comment-form p.stars span a.star-4:before {content: "\f005\f005\f005\f005";} .comment-form p.stars span a.star-5 { width: 80px; z-index: 6; font-size: 0;} .comment-form p.stars span a.star-5:before {content: "\f005\f005\f005\f005\f005";} .comment-form .form-submit { display: none; } .comment-form button {display: block; margin-top: 20px;} .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: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;} .col .wpcf7 input, .col .wpcf7 .select {width: 100%;} .wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"], .wpcf7 input[type="submit"] {width: auto;} .wpcf7-display-none {display: none;} .wpcf7-not-valid-tip {color: #EF4437;} .wpcf7 .screen-reader-response {display: none;} .wpcf7 .wpcf7-submit {margin-top: 2px;} .wpcf7 br {margin-bottom: 5px;} .wpcf7 .ajax-loader {margin-left: 9px;} .wpcf7+p {margin: 0;} .wpcf7-submit + .img-border::before {box-shadow: none;} /* Contact page ------------------------------------------ */ .widget .social li:before {display: none;} .widget .menu .center a {text-align: left;} .gmap {height: 300px;} .large-map {z-index: 2; width: auto; height: 430px; margin: 0; background: #fff; position: relative;} .gmap img, .large-map img {max-width: none;} @media (max-width: 1210px) { .large-map {margin: 0 -20px;} } @media (max-width: 400px) { .large-map {margin: 0 -10px;} } @media (max-width: 800px) { .contact>article {float: none; width: 100%; padding: 0;} .contact>aside {float: none; width: 100%; padding: 0;} } /* events ------------------------------------------*/ ul.event-list {list-style: none; padding: 0;} ul.event-list li {overflow: hidden; margin: 0 0 31px; 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: #e6e6e6; color: #666; font: 300 1.231em/28px "PT Sans",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+p {margin: 10px 0 0; font-size: 14px; line-height: 22px; } /* sidebar ------------------------------------------*/ .sidebar .widget {margin: 0 0 2em;} .sidebar .widget:first-child {margin-top: -4px;} .sidebar .widget:first-child h3 {margin-top: -14px;} .sidebar .widget ul {list-style: none; padding-left: 0; font-size: 14px;} .sidebar .widget ul li {overflow: hidden; margin: 0; color: #666; line-height: 28px;} .sidebar .widget ul.custom-categories-widget li {font-weight: bold;} .sidebar .widget ul.custom-categories-widget li small {font-weight: 400;} .sidebar .widget ul.custom-categories-widget li > a {font-weight: 400;} .sidebar .widget ul.custom-categories-widget li.current-cat-item>a {color: #666; font-weight: bold;} .sidebar .widget ul.custom-categories-widget li.current-cat-item>small {font-weight: bold;} .sidebar .widget ul.tick {font-size: 13px; margin-bottom: 30px;} .sidebar .widget ul.tick li {margin: 0; line-height: 20px; color: #333; padding-top: 7px;} .sidebar .widget ul.tick li:before {content: ''; margin-right: 0; width: 0;} .sidebar .widget ul li:before {float: left; width: 7px; overflow: hidden; margin-right: 7px; content: "—"; color: #666; margin-bottom: 1px;} .sidebar .widget ul.tabs li {margin: 2px 4px -2px 0;} .sidebar .widget ul.tabs li a.selected {color: #fff;} .sidebar .widget ul.tweets li:before, .sidebar .widget ul.recent-posts li:before, .sidebar .widget ul.featured-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 15px; font-size: 13px;} .sidebar .widget>p, .sidebar .widget .textwidget {font-size: 14px;} .sidebar select {width: 100%;} .sidebar .widget ul.recent-posts li, .sidebar .widget ul.featured-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.featured-posts li .img-border, .widget ul.featured-posts li .img-border .sidebar .widget ul.recent-comments li .img-border, .sidebar .widget ul.posts li .img-border {float: left; margin: 0 17px 10px 0px;} .sidebar .widget ul.recent-posts li span, .sidebar .widget ul.featured-posts span, .sidebar .widget ul.recent-comments li span, .sidebar .widget ul.posts span, .sidebar .widget ul.tweets li span {color: #666; font-size: 0.917em; float: left;} .sidebar .widget ul.posts span {display: block;} .sidebar .widget ul.featured-posts p {margin-top: 7px;} .widget .menu li.fa:before {display: none;} .widget .menu a.fa:before {display: inline-block; margin-right: 10px; font-family: "FontAwesome"; vertical-align: middle;} @media (min-width: 800px) { .sidebar .widget.sticky {position: fixed; z-index: 45; top: 0; width: 300px; margin-top: 0; -webkit-transform: translateX(0); transform: translateX(0);} .sidebar .widget.sticky h3 {margin-top: 0;} .sidebar .widget.sticky.go-away {position: absolute; right: 0;} .reverse .sidebar .widget.sticky.go-away {position: absolute; left: 0; right: auto;} } @media (max-width: 600px) { .sidebar .widget ul.tabs li {margin: 0 4px 0 0;} } .sidebar .widget .social ul li {overflow: visible;} .sidebar .widget .social ul li:not(:last-child) {margin: 0 10px 0 0;} .widget ul.recent-comments li p {margin: 0 0 0.5em 50px;} .widget ul.latest-works {margin-right: -10px; overflow: hidden; font-size: 0;} .widget ul.latest-works li {display: inline-block; vertical-align: top; margin: 0 11px 11px 0;} .widget ul.latest-works li .img-border {display: block;} .widget ul.tweets li {position: relative; margin: 10px 0; padding: 0 0 0 28px;} .widget ul.tweets i.fa {position: absolute; left: 0; top: 3px; color: #dcd7d7; font-size: 18px;} .widget ul.ads li {display: inline-block; width: 96px; height: 96px; margin: 0 7px 7px 0; border: 2px solid #dcd7d7; background: #f3f3f3; line-height: 100px; text-align: center;} .tagcloud a {display: inline-block; font-size: 14px !important; line-height: 26px; border: 1px solid #dcd7d7; margin: 0 1px 6px 0; color: #b24d26; padding: 0 6px; text-transform: capitalize;} .tagcloud a:hover {color: #8ac0cd;} .sidebar .widget > div > ul.menu {margin-top: 0; border-top: 1px solid #b24d26; border-bottom: 1px solid #b24d26; font: 300 15px "PT Sans",sans-serif;} .sidebar .widget > div > ul.menu li {border-top: 1px solid #b24d26; line-height: 18px;} .sidebar .widget > div > ul.menu li:first-child {border-top: none;} .sidebar .widget > div > ul.menu li a {display: block; padding: 14px 20px 12px 10px; transition: all 0.1s;} .sidebar .widget > div > ul.menu ul li a { font: 300 14px "Arvo", serif; } .sidebar .widget > div > ul.menu li a:hover {background: #8ac0cd; color: #fff;} .sidebar .widget > div > ul.menu li.current-menu-item>a, .sidebar .widget > div > ul.menu li.current_page_item>a {background-color: #b24d26; color: #fff;} .sidebar .widget > div > ul.menu li:before {display: none;} .sidebar .widget > div > ul.menu li.parent>a {position: relative;} .sidebar .widget > div > ul.menu li.parent>a span:before {display: inline-block; margin-left: 5px; font-size: 13px; font-family: "FontAwesome"; content: "\f054"; vertical-align: middle;} .sidebar .widget > div > ul.menu li.parent.expanded>a span:before {color: #b24d26; content: "\f078";} .sidebar .widget > div > ul.menu li.parent.expanded>a:hover span:before {color: #fff;} .sidebar .widget > div > ul.menu li.parent>a>span {display: block; position: absolute; right: 0; top: 0; width: 30px; height: 100%; line-height: 43px;} .sidebar .widget > div > ul.menu li.fa {display: block;} .sidebar .widget > div > ul.menu > li.no-text > a {font-size: 0; line-height: 21px;} .sidebar .widget > div > ul.menu > li.no-text > a.fa:before {font-size: 16px;} .sidebar .widget > div > ul.menu ul li.no-text > a {font-size: 0; line-height: 15px;} .sidebar .widget > div > ul.menu ul li.no-text > a.fa:before {font-size: 13px;} .sidebar .widget > div > ul.menu li.fa > a {display: block; font-family: "Arvo", serif; font-weight: 300; line-height: 1.25em;} .sidebar .widget > div > ul.menu ul {margin: 0; padding: 0 0 0 20px; border-top: 1px solid #b24d26; font: 400 13px "PT Sans",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: #333; font-weight: normal; font-size: 0.917em; text-align: center;} .sidebar .widget table#wp-calendar td {border: none; border-bottom: 1px solid #e5e5e5; color: #666; text-align: center;} .sidebar .widget table#wp-calendar td#today {color: #666; background: #e6e6e6;} .sidebar .widget table#wp-calendar tfoot td {border-bottom: none;} .sidebar .widget table caption {padding: 15px 0; font: 700 1.083em "PT Sans",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: 264px !important; height: 36px; max-width: 100%; padding: 3px 0 0 12px; font-size: 14px; vertical-align: middle; border-right: none;} .newsletter-widget button {width: 36px; height: 36px; padding: 0; line-height: 36px; vertical-align: middle; font-size: 20px;} input.newsletter-submit, .newsletter-widget button {height: 36px; padding: 0 5px; line-height: 39px; vertical-align: top;} .newsletter-widget input:required {box-shadow: none;} .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-top: 55px;} .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; color: #555;} button[type="reset"]:hover {background: #e7e7e7;} form > p {clear: both; margin: 19px 0; font-weight: bold; font-weight: 400;} label {display: block; margin: 5px 0 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;} /* background ---------------------------------*/ .p01 {background-image: url("../images/patterns/pattern01.svg"); background-size: 10px 10px;} .p02 {background-image: url("../images/patterns/pattern02.svg");} .p03 {background-image: url("../images/patterns/pattern03.svg"); background-size: 10px 10px;} .p04 {background-image: url("../images/patterns/pattern04.svg"); background-size: 40px 40px;} .p05 {background-image: url("../images/patterns/pattern05.svg"); background-size: 88px 83px;} .p06 {background-image: url("../images/patterns/pattern06.svg");} .p07 {background-image: url("../images/patterns/pattern07.svg");} .p08 {background-image: url("../images/patterns/pattern08.svg");} .p09 {background-image: url("../images/patterns/pattern09.svg");} .p-none {background-image: none;} .p01 p, .p02 p, .p03 p, .p04 p, .p05 p, .p06 p, .p07 p, .p08 p, .p09 p {color: #333;} /* buttons ---------------------------------*/ a.btn {display: inline-block; margin: 3px 1px 3px 0; color: #fff; font-size: 14px; font-family: "PT Sans",sans-serif; text-transform: uppercase; transition: all 0.3s; line-height: 1.6; text-align: center;} a.btn .fa.pos-left {padding-right: 14px;} .btn.small .fa.pos-left {padding-right: 7px;} a.btn .fa.pos-right {padding-right: 0; padding-left: 14px;} .btn.small .fa.pos-right {padding-left: 7px;} /* sizes */ .btn.small, .button.small { padding: 5px 15px; font-size: 13px; font-weight: normal; } .btn.normal, .button.normal { padding: 8px 28px 6px; font-size: 14px; font-weight: normal; } .btn.large, .button.large { padding: 9px 28px; font-size: 16px; font-weight: normal; } .btn.x-large, .button.x-large { padding: 12px 28px; font-size: 18px; font-weight: normal; } .btn.xx-large, .button.xx-large { padding: 16px 36px; font-size: 24px; font-weight: normal; } /* types */ .btn.double { background-clip: padding-box; border: 6px double #b24d26; /*fix for chrome*/ border-radius: 0.01px; } .btn.outline { border-style: solid; border-width: 3px; background: transparent; } .btn.vista { position: relative; z-index: 0; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.19); } .btn.vista:after { background-color: rgba(0, 0, 0, 0.05); position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; content: ""; z-index: -1; } .btn.vista.round:after { border-radius: 0 0 40px 40px; } .btn.vista.rounded:after { border-radius: 0 0 3px 3px; } .btn.simple { border: 1px solid rgba(0, 0, 0, 0.3); } .btn.classic { border: 1px solid #b24d26; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08), 1px 1px 0 0 rgba(255, 255, 255, 0.2) inset, 0 26px 10px 0 rgba(255, 255, 255, 0.05) inset, -1px -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0 -10px 10px 0 rgba(0, 0, 0, 0.05) inset;} /* shapes */ .btn.round { border-radius: 40px; } .btn.rounded { border-radius: 3px; } /*wide*/ .btn.wide { display: block; } .btn.orange {background-color: #b24d26;} .btn.orange:hover {background-color: #8ac0cd; color: #fff;} .btn.green {background-color: #9acd8a;} .btn.green:hover {background-color: #8ac0cd;} .btn.turquoise {background-color: #3acd94;} .btn.turquoise:hover {background-color: #8ac0cd;} .btn.azure {background-color: #00c6db;} .btn.azure:hover {background-color: #8ac0cd;} .btn.blue {background-color: #8ac0cd;} .btn.blue:hover {background-color: #8ac0cd;} .btn.purple {background-color: #a693e3;} .btn.purple:hover {background-color: #8ac0cd;} .btn.pink {background-color: #f568b6;} .btn.pink:hover {background-color: #8ac0cd;} .btn.red {background-color: #f57171;} .btn.red:hover {background-color: #8ac0cd;} .btn.brown {background-color: #d4a747;} .btn.brown:hover {background-color: #8ac0cd;} .btn.dark-gray {background-color: #666; } .btn.dark-gray:hover {background-color: #8ac0cd;} .btn.light-gray {background-color: #e6e6e6; color: #666;} .btn.light-gray:hover {background-color: #8ac0cd; color: #fff;} /* colors outline */ .btn.orange.outline {background-color: #fff; border-color: #b24d26; color: #b24d26;} .btn.orange.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.green.outline {background-color: #fff; border-color: #9acd8a; color: #9acd8a;} .btn.green.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.turquoise.outline {background-color: #fff; border-color: #3acd94; color: #3acd94;} .btn.turquoise.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.azure.outline {background-color: #fff; border-color: #00c6db; color: #00c6db;} .btn.azure.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.blue.outline {background-color: #fff; border-color: #8ac0cd; color: #8ac0cd;} .btn.blue.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.purple.outline {background-color: #fff; border-color: #a693e3; color: #a693e3;} .btn.purple.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.pink.outline {background-color: #fff; border-color: #f568b6; color: #f568b6;} .btn.pink.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.red.outline {background-color: #fff; border-color: #f57171; color: #f57171;} .btn.red.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.brown.outline {background-color: #fff; border-color: #d4a747; color: #d4a747;} .btn.brown.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.dark-gray.outline {background-color: #fff; border-color: #666; color: #666;} .btn.dark-gray.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} .btn.light-gray.outline {background-color: #fff; border-color: #e6e6e6; color: #666;} .btn.light-gray.outline:hover {border-color: #8ac0cd; color: #8ac0cd;} /* colors double */ .btn.orange.double {border-color: #b24d26;} .btn.orange.double:hover {border-color: #8ac0cd;} .btn.green.double {border-color: #9acd8a; } .btn.green.double:hover {border-color: #8ac0cd;} .btn.turquoise.double {border-color: #3acd94;} .btn.turquoise.double:hover {border-color: #8ac0cd;} .btn.azure.double {border-color: #00c6db;} .btn.azure.double:hover {border-color: #8ac0cd;} .btn.blue.double {border-color: #8ac0cd;} .btn.blue.double:hover {border-color: #8ac0cd;} .btn.purple.double {border-color: #a693e3;} .btn.purple.double:hover {border-color: #8ac0cd;} .btn.pink.double {border-color: #f568b6;} .btn.pink.double:hover {border-color: #8ac0cd;} .btn.red.double {border-color: #f57171;} .btn.red.double:hover {border-color: #8ac0cd;} .btn.brown.double {border-color: #d4a747;} .btn.brown.double:hover {border-color: #8ac0cd;} .btn.dark-gray.double {border-color: #666;} .btn.dark-gray.double:hover {border-color: #8ac0cd;} .btn.light-gray.double {border-color: #e6e6e6;} .btn.light-gray.double:hover {border-color: #8ac0cd;} /* colors classic */ .btn.orange.classic {border: 1px solid #b24d26;} .btn.orange.classic:hover {border: 1px solid #8ac0cd;} .btn.green.classic {border: 1px solid #9acd8a;} .btn.green.classic:hover {border: 1px solid #8ac0cd;} .btn.turquoise.classic {border: 1px solid #3acd94;} .btn.turquoise.classic:hover {border: 1px solid #8ac0cd;} .btn.azure.classic {border: 1px solid #00c6db;} .btn.azure.classic:hover {border: 1px solid #8ac0cd;} .btn.blue.classic {border: 1px solid #8ac0cd;} .btn.blue.classic:hover {border: 1px solid #8ac0cd;} .btn.purple.classic {border: 1px solid #a693e3;} .btn.purple.classic:hover {border: 1px solid #8ac0cd;} .btn.pink.classic {border: 1px solid #f568b6;} .btn.pink.classic:hover {border: 1px solid #8ac0cd;} .btn.red.classic {border: 1px solid #f57171;} .btn.red.classic:hover {border: 1px solid #8ac0cd;} .btn.brown.classic {border: 1px solid #d4a747;} .btn.brown.classic:hover {border: 1px solid #8ac0cd;} .btn.dark-gray.classic {border: 1px solid #666; } .btn.dark-gray.classic:hover {border: 1px solid #8ac0cd;} .btn.light-gray.classic {border: 1px solid #e6e6e6;} .btn.light-gray.classic:hover {border: 1px solid #8ac0cd;} /* colors unboxed */ .btn.orange.unboxed {color: #b24d26; background-color: transparent;} .btn.green.unboxed {color: #9acd8a; background-color: transparent;} .btn.turquoise.unboxed {color: #3acd94; background-color: transparent;} .btn.azure.unboxed {color: #00c6db; background-color: transparent;} .btn.blue.unboxed {color: #8ac0cd; background-color: transparent;} .btn.purple.unboxed {color: #a693e3; background-color: transparent;} .btn.pink.unboxed {color: #f568b6; background-color: transparent;} .btn.red.unboxed {color: #f57171; background-color: transparent;} .btn.brown.unboxed {color: #d4a747; background-color: transparent;} .btn.dark-gray.unboxed {color: #666; background-color: transparent;} .btn.light-gray.unboxed {color: #e6e6e6; background-color: transparent;} .btn.unboxed:hover {color: #fff; background-color: #8ac0cd;} /* quotes ---------------------------------*/ blockquote.quote {position: relative; max-width: 710px; margin: 85px auto; padding: 0 0 0 60px; border: none; color: #666;} .columns + blockquote.quote {margin-top: 0px;} blockquote.quote:before {display: inline-block; position: absolute; left: 0; top: -3px; z-index: 0; width: 40px; height: 40px; color: #b24d26; font-family: "cc-font"; font-size: 30px; line-height: 40px; content: "\66"; text-align: center; font-style: normal;} aside blockquote.quote {margin: 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 17px; font: 300 18px/26px "PT Sans",sans-serif;} blockquote.quote p.signature, aside blockquote.quote p.signature {font: normal 1em "PT Sans",sans-serif; text-align: right;} blockquote.quote p.signature span {color: #333;} /* progress bars ---------------------------------*/ .progress {display: block; position: relative; font: 300 16px/30px "Arvo", serif;} .progress .track {display: block; position: relative; overflow: hidden; height: 30px; margin: 0; background: #e6e6e6; } .progress .fill {display: block; position: absolute; left: 0; top: 0; width: 0; height: 30px; background: #3f3f3f;} .progress .text {display: block; position: absolute; left: 0; top: 0; z-index: 5; padding: 0 10px; color: #fff; line-height: 29px; white-space: nowrap;} .progress.thin {} .progress.thin .track {height: 8px; border: 1px solid #fbfbfb;} .progress.thin .fill {height: 8px;} .progress.thin .text {position: static; padding: 0; color: #3f3f3f; text-shadow: none; line-height: 24px;} /* circle charts ---------------------------------*/ .circle-chart {position: relative; margin: 20px 0;} .circle-chart .paper {margin: 0 auto;} .circle-chart .value {position: absolute; left: 0; top: 50%; z-index: 3; width: 100%; margin: -20px 0 0; color: #3f3f3f; font: 400 32px/40px "Arvo", serif; text-align: center;} .circle-chart img, .single .circle-chart p > img:first-child {margin: 0; vertical-align: middle;} /* tooltips and highlights ---------------------------------*/ span.tooltip {padding: 1px 0; color: #fff; cursor: pointer;} span.tooltip.dark {background: #b24d26;} 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;} p.tooltip.custom {margin-top: -10px; box-sizing: border-box; border: 2px solid #3f3f3f; border-radius: 2px; background: #dfdfdf; color: #3f3f3f;} p.tooltip.custom span {display: none;} p.tooltip.custom:before {display: block; position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #3f3f3f transparent transparent transparent; content: " "; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);} p.tooltip.left {-webkit-transform: translateX(-100%) translateY(-50%); transform: translateX(-100%) translateY(-50%);} p.tooltip.right {-webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);} p.tooltip.left:before {left: 100%; top: 50%; margin-top: 0; border-color: transparent transparent transparent #3f3f3f; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);} p.tooltip.right:before {left: auto; right: 100%; top: 50%; margin-top: 0; border-color: transparent #3f3f3f transparent transparent; -webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%);} p.tooltip.bottom:before {bottom: 100%; top: auto; margin-top: 0; border-color: transparent transparent #3f3f3f transparent; -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0);} /* 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 #dcd7d7;} .testimonial>div>p:first-child:before {float: left; margin-right: 10px; color: #b24d26; font-family: "cc-font"; content: "\66";} .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; margin: 0; color: #999; font-family: "FontAwesome"; font-size: 22px; line-height: 22px; outline: none; vertical-align: middle;} .testimonial-slider .controls a:hover {color: #3f3f3f;} .testimonial-slider .controls a.prev:before {display: inline-block; content: "\f104";} .testimonial-slider .controls a.next:before {display: inline-block; content: "\f105";} /* message and content boxes ---------------------------------*/ .msg, div.wpcf7-response-output {position: relative; margin: 20px 0; padding: 11px 10px 11px 50px;} .msg:before, div.wpcf7-response-output:before {display: block; position: absolute; left: 14px; top: 10px; width: 22px; height: 22px; font-family: "FontAwesome"; font-size: 22px; text-align: center;} .msg a.hide {float: right; overflow: hidden; width: 18px; height: 18px; margin-left: 10px; opacity: 0.25; transition: all 0.3s;} .msg a.hide .fa {display: block; width: 18px; height: 18px; color: #000; line-height: 18px; text-align: center;} .msg a.hide:hover {opacity: 0.9;} .msg.info {background-color: #e7f7ff; color: #4f9ec2;} .msg.info:before {content: "\f05a";} .msg.success, .wpcf7-mail-sent-ok {background-color: #eeffda; color: #8ab04f;} .msg.success:before, .wpcf7-mail-sent-ok:before {content: "\f00c";} .msg.notice {background-color: #fff9d8; color: #caa533;} .msg.notice:before {content: "\f071";} .msg.error, div.wpcf7-validation-errors {background-color: #ffe6dc; color: #ef4437; font-size: 13px} .msg.error:before, div.wpcf7-validation-errors:before {content: "\f00d";} .msg p {margin: 0;} .msg ul {list-style: none; margin: 1em 0 0} .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: "—";} .box p {margin: 1em 0;} .box h4 {margin: 20px 0 0.5em; color: #3f3f3f; font: 300 1.538em "Arvo", serif;} .box {position: relative; margin-top: 0; margin-bottom: 20px; padding: 14px 30px 17px; background: #e6e6e6;} .box:before {display: block; position: absolute; left: 20px; top: 30px; width: 35px; height: 35px; font-family: "FontAwesome"; font-size: 30px; line-height: 35px;} .box.info {padding-left: 70px; background-color: #e7f7ff; color: #4f9ec2;} .box.info:before {color: #4f9ec2; content: "\f05a";} .box.confirm {padding-left: 70px; background-color: #eeffda; color: #8ab04f;} .box.confirm:before {color: #8ab04f; content: "\f00c";} .box.alert {padding-left: 70px; background-color: #fff9d8; color: #caa533;} .box.alert:before {color: #caa533; content: "\f071";} .box.warning {padding-left: 70px; background-color: #ffe6dc; color: #ef4437;} .box.warning:before {color: #ef4437; content: "\f00d";} /*boxes */ .txt-center { text-align: center; } .box-1 p { font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-top: 0;} .box-1 .fa + h2 { margin-bottom: 17px; margin-top: 14px; } .box-1 i.fa-5x { font-size: 70px; } .box-2 { margin-top: 57px; } .box-2 h4 { margin-top: 17px; margin-bottom: 13px; } .box-2 p { padding-bottom: 10px; margin-top: 7px;} .box-2 i {color: #fff; padding: 50px;} .box-colored { padding: 41px 30px; color: #fff; font-size: 14px; line-height: 22px; margin-top: 30px; margin-bottom: 10px; } .box-colored.alt h3 { margin-bottom: 9px; } .box-colored h2 { color: #fff; margin-top: 16px; } .box-colored.alt { font-size: 14px; line-height: 22px; margin-top: 24px; margin-bottom: 10px; background: #fff; border-top: 10px solid #b24d26; color: #666; text-align: center; padding: 20px; } .box-colored.alt > h4 { margin-bottom: 9px; } .box-colored.alt > p {margin-top: 0;} .box-colored.alt .top-icon { margin: -72px auto 0px; display: inline-block; height: 80px; line-height: 80px; width: 80px; text-align: center; vertical-align: middle; } .box-colored.alt .top-icon .fa { vertical-align: middle; } .box-colored.alt .price { color: #999; font-size: 16px; line-height: 34px; margin-bottom: 20px; } .box-colored.alt .price strong { color: #333; font-size: 34px; font-weight: 400; text-align: center; } .box-colored.alt .price strong > span { font-weight: 300; } .box-colored.alt ul { list-style: none; padding: 0; margin: 0 0 20px 0; } .box-colored.alt ul li { border-top: 1px solid #bebebe; padding: 12px 0 13px 0; margin: 0; line-height: 1; } .box-colored.alt ul li:last-child { border-bottom: 1px solid #bebebe; } .fa.fa-radius { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .box-colored .fa-stack { text-align: center; } .box-colored .fa-stack .fa { width: 80px; height: 80px; margin: 0 auto; } .box-icon-left { margin-bottom: 11px; } .box-icon-left h4 { margin-bottom: 0; margin-left: 85px; } .box-icon-left .fa-stack { float: left; margin-right: 23px; } .box-icon-left .fa-stack.fa-2x { font-size: 28px; } .box-icon-left .fa-stack.fa-3x { margin-right: 1px; margin-top: -23px; } .box-icon-left .fa-stack.fa-3x .fa { font-size: 36px; } .box-icon-left p { padding-left: 85px; margin-top: 10px; } .box-default { padding: 15px 31px 30px; background: #fff;} .box-default h3 { margin-bottom: 0px; margin-top: 10px; } .box-default h4 { font-size: 19px; margin-bottom: 0px; margin-top: 10px; } .box-default p + .btn { margin-top: 13px; } .box-default p {margin-top: 9px;} .top-border { border-top: 10px solid #b24d26; } .left-border { border-left: 10px solid #b24d26; } .right-border { border-right: 10px solid #b24d26; } .bottom-border { border-bottom: 10px solid #b24d26; } .all-borders { border: 10px solid #b24d26; } .fa + h2, .fa + h4 { margin-bottom: 13px; margin-top: 24px; } i.fa-5x { font-size: 70px; } i.fa-6x { font-size: 90px; } i.fa-7x { font-size: 100px; } i.fa-8x { font-size: 130px; } i.fa-9x { font-size: 160px; } i.fa-10x { font-size: 200px; } .fa + h3 { font-size: 24px; margin-bottom: 14px; margin-top: 18px; } .fa + h3 + p { font-size: 14px; line-height: 22px; color: #777; } /*information box*/ .information-box {background: #e6e6e6; padding: 30px 20px; box-sizing: border-box; margin-top: 22px;} .information-box h4 {margin: 0; padding: 0;} .information-box .fa {width: 35px;} .information-box p {padding: 0 0 0 35px; margin: 20px 0 0 0;} /* 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: none; background: #e6e6e6; color: #666; font: 300 1em "Arvo", 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: 20px; 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: 41px; padding: 0; border: 2px solid #dcd7d7; background: #fff; cursor: pointer; width: 99.5%;} 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: 3px 10px; color: #999; zoom: 1;} span.select span.value:before {float: right; color: #999; font-family: "FontAwesome"; content: "\f0d7"; margin-top: 5px; margin-right: 5px;} @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%; opacity: 0;} span.select span.value span {display: block; overflow: hidden; padding: 5px; 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: 3px 5%;} .sidebar .select {display: block;} .limit75 {display: inline-block; width: 75%;} /* gravity forms */ .gform_body li {margin-left: 0;} .gform_body label.checkbox, .gform_body label.radio {display: inline-block; clear: left; width: 18px; margin-right: 5px; vertical-align: top;} label.radio + label, label.checkbox + label {display: inline-block;} /* pricing and plans ---------------------------------*/ .pricing-plans {overflow: hidden; padding: 1px 0; margin-top: 50px; margin-bottom: 50px;} .pricing-plan {float: left; margin: 36px -1px 30px 0; padding: 10px 1% 7px; border: 1px solid #dcd7d7; text-align: center; box-sizing: border-box;} .pricing-plans.cols1 .pricing-plan {width: 100%;} .pricing-plans.cols2 .pricing-plan {width: 50%;} .pricing-plans.cols3 .pricing-plan {width: 33.33%;} .pricing-plans.cols4 .pricing-plan {width: 25%;} .pricing-plans.cols5 .pricing-plan {width: 20%;} .pricing-plans.cols6 .pricing-plan {width: 16.667%;} .pricing-plan ul {list-style: none; margin: 8px auto 25px; text-align: left; max-width: 200px;} .pricing-plan ul li {margin: 0; line-height: 28px;} .pricing-plan ul strong {color: #3f3f3f;} .pricing-plan h2 {margin: 8px 0 0 0;} .pricing-plan hr {margin: 40px 40px 40px;} .pricing-plan p.subtitle {margin: 0 0 10px; font: 300 1.154em "Arvo", serif;} .pricing-plan hr {border: none; border-top: 1px solid #06bcd1;} .pricing-plan p.price {margin: 0; color: #999; font: 300 1.154em/65px "Arvo", 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.selected {margin: 9px -1px 20px 0; padding: 20px 1%; border: 5px solid #b24d26; position: relative; z-index: 2;} .pricing-plan.selected p.price strong {color: #b24d26;} .pricing-plan.selected h2 {color: #b24d26; font-size: 2.308em; line-height: 1.2em;} .pricing-plan.selected { top: -7.5px;} @media (max-width: 768px) { .pricing-plans.cols1 .pricing-plan, .pricing-plans.cols2 .pricing-plan, .pricing-plans.cols3 .pricing-plan, .pricing-plans.cols4 .pricing-plan, .pricing-plans.cols5 .pricing-plan, .pricing-plans.cols6 .pricing-plan {width: 100%;} } table.pricing {margin-bottom: 54px;} table.pricing th {padding: 10px 0; color: #999; font: 300 1.154em/3em "Arvo", 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 span.yes {display: block; overflow: hidden; width: 18px; height: 21px; margin: 0 auto; text-align: left;} table.pricing span.yes:before {display: inline-block; font-family: "FontAwesome"; color: #9acd8a; font-size: 18px; content: "\f00c";} table.pricing span.no {display: block; overflow: hidden; width: 18px; height: 21px; margin: 0 auto; text-align: left;} table.pricing span.no:before {display: inline-block; font-family: "FontAwesome"; color: #999; font-size: 18px; content: "\f00d";} @media (max-width: 520px) { table.pricing th {font-size: 1em;} } /* 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 3px rgba(0,0,0,0.1); -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-color: rgba(0,0,0,0.6); font-size: 0; text-align: center; transition: all 0.3s;} .modal-img a.close:hover {background-color: rgba(0,0,0,1);} .modal-img a.close:before {color: #fff; font-family: "FontAwesome"; font-size: 15px; line-height: 29px; content: "\f00d";} .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-color: rgba(255,255,255,0.6); font-size: 0; text-align: center; line-height: 60px; outline: none; transition: all 0.3s;} .modal-img a.next {left: 100%; margin-left: -50px;} .modal-img a.prev:before, .modal-img a.next:before {color: #787878; font-family: "FontAwesome"; font-size: 15px;} .modal-img a.prev:before {content: "\f053";} .modal-img a.next:before {content: "\f054";} .modal-img a.prev:hover, .modal-img a.next:hover {background-color: rgba(255,255,255,1);} .modal-img .vid {display: none; position: relative; z-index: 1; min-width: 320px; width: auto;} .modal-img p {margin-bottom: 0;} @media (max-width: 1210px) { .modal-img {max-width: 95%;} } /* error 404 page */ .e404 p {color: #3f3f3f; font-family: "Arvo", serif; text-align: center;} .e404 article:first-child p:first-child {margin: 25px 0 0; font: 700 15.385em/1em "PT Sans",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 #dcd7d7; color: #999; font: 300 1.231em/0.231em "Arvo", 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; white-space: nowrap;} @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: 23px; line-height: 1.417em;} h2.underline span {display: inline-block;} .columns > h2.underline {margin-left: 20px; margin-right: 20px;} @media (max-width: 1170px) { .columns > h2.underline {margin-left: 15px; margin-right: 15px;} } @media (max-width: 940px) { .columns > h2.underline {margin-left: 10px; margin-right: 10px;} } h2.t01.underline {margin-top: 32px; border-bottom: 2px solid #333; color: #333; font-weight: 300;} h2.t01.underline span {margin-bottom: -2px; padding: 3px 10px; border: 2px solid #333; text-transform: uppercase;} h2.t02.underline {margin-top: 32px; padding-bottom: 10px; border-bottom: 2px solid #333; color: #333; font-weight: 300; } h2.t02.underline span {display: inline; padding: 0; border: none;} h2.t03.underline {margin-top: 32px; padding: 4px 0; border-bottom: 2px solid #333; border-top: 2px solid #333; color: #333; font-weight: 300;} h2.t03.underline span {display: inline; padding: 0; border: none;} h2.t04.underline {margin-top: 37px; color: #fff; background: #333; font-weight: 300; line-height: 16px; border: none;} h2.t04.underline span {padding: 8px 10px; border: none; line-height: 1em;} h2.t05.underline {margin-top: 32px; margin-bottom: 17px; border: none; font-weight: 300;} h2.t05.underline span {display: inline; padding: 0; border: none;} h2.t06.underline {margin-top: 37px; margin-bottom: 25px; border: none; color: #333; font-size: 20px; line-height: 1em; text-transform: uppercase;} h2.t06.underline span {display: inline; padding: 0; border: none;} h2.t07.underline {margin-top: 32px; margin-bottom: 21px; border: none; background: #e6e6e6; color: #333; font-size: 23px; line-height: 1em; text-transform: uppercase;} h2.t07.underline span {margin-top: -5px; padding-right: 15px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em;} h2.t08.underline {margin-top: 37px; margin-bottom: 23px; border-bottom: 1px solid #333; color: #333; font-size: 20px; line-height: 15px; text-transform: uppercase;} h2.t08.underline span {margin-bottom: -30px; padding: 0 15px 5px 0; border: none; background: #fff; line-height: 1em;} h2.t09.underline {margin-top: 33px; margin-bottom: 26px; border-bottom: 2px solid #333; color: #fff; font-size: 20px;} h2.t09.underline span {margin-bottom: -1.7px; border-bottom: 2px solid #333; background: #333; padding: 5px 10px;} h2.t10.underline {margin-top: 33px; margin-bottom: 26px; padding-bottom: 15px; border-bottom: 4px double #333; color: #333; font-size: 20px; text-transform: uppercase;} h2.t10.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;} h3.t01.underline {border-bottom: 2px solid #333; color: #333; font-weight: 300;} h3.t01.underline span {margin-bottom: -2px; padding: 3px 10px; border: 2px solid #333; text-transform: uppercase;} h3.t02.underline {padding-bottom: 10px; border-bottom: 2px solid #333; color: #333; font-weight: 300; } h3.t02.underline span {display: inline; padding: 0; border: none;} h3.t03.underline {padding: 5px 0; border-bottom: 2px solid #333; border-top: 2px solid #333; color: #333; font-weight: 300;} h3.t03.underline span {display: inline; padding: 0; border: none;} h3.t04.underline {color: #fff; background: #333; font-weight: 300; line-height: 1em;} h3.t04.underline span {padding: 8px 10px; border: none;} h3.t05.underline {border: none; color: #333; font-weight: 300;} h3.t05.underline span {display: inline; padding: 0; border: none;} h3.t06.underline {border: none; color: #333; line-height: 1em; text-transform: uppercase;} h3.t06.underline span {display: inline; padding: 0; border: none;} h3.t07.underline {border: none; background: #e6e6e6; color: #333; line-height: 1em; text-transform: uppercase;} h3.t07.underline span {margin-top: -5px; padding-right: 10px; padding-bottom: 0; border-bottom: none; background: #fff; line-height: 1em;} h3.t08.underline {border-bottom: 1px solid #333; color: #333; line-height: 1em; text-transform: uppercase;} h3.t08.underline span {margin-bottom: -30px; padding: 0 15px 5px 0; border: none; background: #fff; line-height: 1em;} h3.t09.underline {border-bottom: 2px solid #333; color: #fff;} h3.t09.underline span {margin-bottom: -1.7px; border-bottom: 2px solid #333; background: #333; padding: 5px 10px;} h3.t10.underline {padding-bottom: 15px; border-bottom: 4px double #333; color: #333; text-transform: uppercase;} h3.t10.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: 2px solid #333; color: #333; font-weight: 300; font-size: 15px;} .t01 aside .widget h3 span {margin-bottom: -2px; padding: 3px 10px; border: 2px solid #333; text-transform: uppercase;} .t02 aside .widget h3 {padding-bottom: 10px; border-bottom: 2px solid #333; color: #333; font-weight: 300; font-size: 23px;} .t02 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t03 aside .widget h3 {padding: 3px 0; border-bottom: 2px solid #333; border-top: 2px solid #333; color: #333; font-weight: 300; font-size: 23px;} .t03 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t04 aside .widget h3 {color: #fff; background: #333; font-weight: 300; font-size: 23px; line-height: 1em; border: none;} .t04 aside .widget h3 span {padding: 8px 10px; border: none;} .t05 aside .widget h3 {border: none; color: #333; font-weight: 300; font-size: 20px;} .t05 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t06 aside .widget h3 {border: none; color: #333; font-size: 23px; text-transform: uppercase;} .t06 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} .t07 aside .widget h3 {border: none; background: #e6e6e6; color: #333; font-size: 23px; line-height: 1em; text-transform: uppercase;} .t07 aside .widget h3 span {margin-top: -9px; padding-right: 15px; padding-bottom: 0; border-bottom: none; background: #fff;} .t08 aside .widget h3 {border-bottom: 1px solid #333; color: #333; font-size: 23px; line-height: 0.8em; text-transform: uppercase;} .t08 aside .widget h3 span {margin-bottom: -30px; padding: 0 15px 5px 0; border: none; background: #fff;} .t09 aside .widget h3 {border-bottom: 2px solid #333; color: #fff; font-size: 20px;} .t09 aside .widget h3 span {margin-bottom: -1.7px; border-bottom: 2px solid #333; background: #333; padding: 5px 10px;} .t10 aside .widget h3 {padding-bottom: 10px; border-bottom: 4px double #333; color: #333; font-size: 23px; text-transform: uppercase;} .t10 aside .widget h3 span {display: inline; padding-bottom: 0; border: none;} footer .col h3, footer .widget h3 {margin: 7px 0 13px; color: #333;} .t01 footer h3 {border-bottom: 2px solid #333; font-weight: 300; font-size: 15px;} .t01 footer h3 span {margin-bottom: -2px; padding: 5px 10px; border: 2px solid #333; text-transform: uppercase;} .t02 footer h3 {padding-bottom: 10px; border-bottom: 2px solid #333; font-weight: 300; font-size: 23px;} .t02 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t03 footer h3 {padding: 6px 0; border-bottom: 2px solid #333; border-top: 2px solid #333; font-weight: 300; font-size: 23px;} .t03 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t04 footer h3 {border-bottom: none; color: #fff; background: #333; font-weight: 300; font-size: 23px; } .t04 footer h3 span {padding: 8px 10px; border: none;} .t05 footer h3 {border: none; font-weight: 300; font-size: 20px;} .t05 footer h3 span {display: inline; padding-bottom: 0; border: none;} .t06 footer h3 {border: none; font-size: 23px; 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: 23px; text-transform: uppercase; background: #ccc;} .t07 footer h3 span {margin-bottom: 0; padding-right: 15px; padding-bottom: 0; background: #e6e6e6; border-bottom-width: 0; margin-top: -8px;} .t08 footer h3 {border-bottom: 1px solid #333; font-weight: 300; font-size: 23px; line-height: 0.8em; text-transform: uppercase;} .t08 footer h3 span {margin-bottom: -5px; padding: 0 15px 5px 0; background: #e6e6e6; border-bottom-width: 0;} .t09 footer h3 {border-bottom: 2px solid #333; color: #fff; font-size: 20px;} .t09 footer h3 span {margin-bottom: -2px; background: #333; padding: 5px 10px; } .t10 footer h3 {padding-bottom: 10px; border-bottom: 4px double #333; font-size: 23px; text-transform: uppercase;} .t10 footer h3 span {display: inline; padding-bottom: 0; border: none;} /* team page */ .team h3 {margin: 26px 0 0; font-weight: 300; font-size: 1.538em;} .team p { margin: 14px 0 22px; } .team p.position {margin: 0; color: #999;font-size: 0.769em; text-transform: uppercase;} .team ul.social {margin: 10px 0 17px;} .team .img-border img {width: 100%; max-width: 100%;} .col1 .team h3 {margin-top: 0;} .col1 .team .img-border {float: left; max-width: 48.3%; margin: 0 40px 20px 0;} @media (max-width: 1170px) { .col1 .team .img-border {margin-right: 30px; margin-bottom: 10px;} } @media (max-width: 940px) { .col1 .team .img-border {margin-right: 20px;} } @media (max-width: 600px) { .col1 .team .img-border {float: none; max-width: 100%; margin-right: 0; margin-bottom: 0;} .col1 .team h3 {margin-top: 26px;} } .img.round {border-radius: 50%;} .round .img-border::before {border-radius: 50%;} .round .img-border img {border-radius: 50%;} .round img {border-radius: 50%;} .rounded {border-radius: 3px;} .rounded .img-border::before {border-radius: 3px;} .rounded .img-border img {border-radius: 3px;} .img.rounded img {border-radius: 3px;} .team.boxed { border: 1px solid #dcd7d7; } .team.boxed p, .team.boxed h3, .team.boxed ul {padding: 0 30px 0;} .team.boxed .btn {margin: 0 30px 28px;} /* 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: #666; font-size: 25px;} .timeline .line:before {display: block; content: '\f0d8'; width: 14px; height: 7px; margin: -15px 0 35px -5px; font-family: "FontAwesome"; color: #666;} .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; margin-top: 60px;} li.timeline-milestone {clear: both; margin: 20px 0; text-align: center;} li.timeline-milestone h2 {display: inline-block; padding: 15px 25px; background: #747474; color: #fff; font-size: 21px; white-space: nowrap;} li.timeline-milestone p {padding: 10px 20px; background: #fff; 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 #666; background: #fff; content: " ";} .timeline-event:hover:before {border-color: #8ac0cd;} .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: 1.5px solid #dcd7d7; background: #fff;} .timeline-event .event-body > p {font-size: 14px; line-height: 22px;} .timeline-event .event-body:before {position: absolute; top: 23px; display: inline-block; border-style: solid; border-color: transparent #dcd7d7; 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:after {content: none;} .timeline-event:hover .event-body {border-color: #8ac0cd; background-color: #8ac0cd; color: #fff;} .timeline-event:hover .event-body h3 {color: #fff;} .timeline-event:hover .event-body:before {border-color: transparent #8ac0cd;} .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;} } /* show/hide */ .show-hide .hidden-part {position: absolute; width: 0; height: 0; overflow: hidden;} .show-hide .show-more {display: inline-block; vertical-align: baseline;} .show-hide .show-less {display: none;} .show-hide.showing .hidden-part {position: static; width: auto; height: auto;} .show-hide.showing .show-more {display: none;} .show-hide.showing .show-less {display: inline-block; vertical-align: baseline;} .show-hide-p .button.show-more.button, .show-hide-p .button.show-less.button { margin-top: 0; } .show-more.button, .show-less.button { margin-top: 23px; margin-right: calc(100% - 160px);} /* misc ------------------------------------------ */ code, pre {padding: 10px 15px; border: 1px solid #DFDFDF; background: #f5f5f5; font-family: "Courier New", monospace; margin-bottom: 22px; box-sizing: border-box;} code {display: block;} pre {white-space: pre-wrap; word-wrap: break-word;} pre > code {padding: 0; margin: 0; border: none; background: none;} .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, .single .post-content .img-border + p.wp-caption-text {margin: 2px 0 0.5em; color: #999; font-size: 12px;} .nocomments {clear: both;} iframe {max-width: 100%;} .circle {display: inline-block; width: 90px; height: 90px; border: 2px solid #b24d26; border-radius: 50%; background: #fff; line-height: 90px; text-align: center; vertical-align: middle; transition: background 0.2s; margin-bottom: 6px;} a:hover .circle {background: #b24d26; color: #fff;} .circle .fa {vertical-align: middle; transition: color 0.1s;} .fa.fa-radius {border-radius: 50%; padding: 7px;} .lead {max-width: 710px; text-align: center; margin: 82px auto 77px;} .lead p {margin-top: 8px;} .columns + .lead {padding-top: 0;} .col .fluid-vids { margin-top: -22px; } h3 > .fa-stack { margin-right: 10px; } .fullwidth.custom-border { border-bottom: 2px solid #bebebe; } .no-margin-bottom {margin-bottom: -40px;} .columns.no-margins {margin-bottom: 0;} .columns.no-margins .col {margin-bottom: 0;} 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;} .required {color: #b24d26;} .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: #666; text-align: center;} .gallery-caption {margin: 5px;} [id*="gallery"] img {border: none !important;} p.pagination {overflow: hidden; clear: both; margin: 30px 0; padding: 0;} p.pagination a {display: inline-block; height: 20px; margin: 5px 0; font-weight: bold; font-size: 0.846em; letter-spacing: -0.03em; text-transform: uppercase;} p.pagination a:hover {color: #a12f0c; text-decoration: none;} p.pagination .prev {float: left;} p.pagination .prev a span {float: left; margin-right: 5px;} p.pagination .next {float: right; margin-left: 5px;} p.pagination span span {font-size: 1.5em;} p.pages {clear: both; padding: 1em 0;} p.pages strong {display: inline-block; margin-right: 10px;} p.pages .pagination-link {display: inline-block; margin: 0 10px; padding: 2px 7px; font-size: 17px; transition: all 0.3s;} p.pages a:hover .pagination-link {background: #3f3f3f; color: #fff;} p label {display: inline; float: none; width: auto; margin-bottom: 5px;} .contact-form p label {display: block;} p.comment-form-comment label {display: block;} .gallery-caption {position: static;} .bypostauthor {position: static;} .post-password-form label input {margin-bottom: 20px;} /* banner */ .banner {position: relative; overflow: hidden; max-width: 300px; min-height: 250px; margin: 0 auto 15px; padding: 1px 0; box-sizing: border-box; text-align: center; } .banner + .banner {margin-top: 15px;} .banner img {position: absolute; left: 0; top: 0; z-index: 0; max-width: 100%;} .banner-content {position: relative; z-index: 2; margin: 20px; padding: 20px; background: rgba(255, 255, 255, 0.8);} .banner-content .banner-text {margin: 0; color: #666; font: 400 24px/1.4em "Arvo", serif;} .banner-content p.banner-button {margin: 21px 0 7px;} /*table of contents*/ .toc { border-left: 4px solid #b24d26; box-sizing: border-box; padding-left: 20px; margin-bottom: 30px;} .toc h2 {font-size: 17px; line-height: 28px;} .toc ul {list-style: none;} .toc ul li {margin-left: 0;} /* coming soon page */ .coming-soon {background: #fff;} .coming-soon body {max-width: 500px; margin: 0 auto; padding-top: 100px; 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.site-title {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 #dcd7d7;} .coming-soon .searchform input {border: none;} .coming-soon .sidebar {float: none; width: 100%; max-width: 100%; margin-left: 0; text-align: left;} .coming-soon .widget {width: 100%; color: #666; 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 #dcd7d7; 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;} /* squeeze page */ .squeeze.boxed {padding: 20px 0;} .squeeze.no-logo .root {padding-top: 20px;} .squeeze header {box-shadow: none;} .squeeze header .title {float: none; max-width: 1170px; margin: 0 auto; padding: 30px 0; text-align: center;} .squeeze header .title span {display: inline-block;} @media (max-width: 1040px) { .squeeze.boxed .root {margin-left: 10px; margin-right: 10px;} } @media (max-width: 1210px) { .squeeze.boxed .root {overflow: hidden; margin-left: 0; margin-right: 0;} } /* counter */ .counter {padding: 10px 0 5px; font-size: 0; line-height: 95px; text-align: center;} .counter .part {display: inline-block; width: 90px; height: 105px; margin: 0 8px 15px; padding: 0; background: #666; font-size: 14px; font-family: "Arvo", serif; text-transform: uppercase; text-align: center; vertical-align: middle;} .counter .text {display: block; color: #666; font-size: 10px; line-height: 27px; margin: 0 12px 0; background: #fff;} .counter .num {display: block; color: #fff; font-size: 36px; line-height: 67px;} .counter.light {} .counter.light .part {height: 70px; margin: 0; background: transparent; color: #3f3f3f;} .counter.light .text {border: none; color: #3f3f3f; line-height: 20px; margin: 0; background: none;} .counter.light .num {color: #3f3f3f; line-height: 50px;} .counter.light .part.days {border-right: 1px solid #dcd7d7;} .counter.light .days .text, .counter.light .days .num {color: #b24d26;} @media (max-width: 1210px) { .coming-soon body {padding-top: 0;} } @media (max-width: 500px) { .coming-soon body {padding: 0 10px;} } @media (max-width: 380px) { .counter li {width: 65px;} } /* milestone */ .milestone {display: block; font: 400 60px "Arvo", serif; text-align: center; margin-bottom: 13px;} /* Lead page */ .lead-page {height: 100%;} .lead-page .root {position: relative; z-index: 2; max-width: 350px; margin: 100px auto 100px; padding: 0 30px 15px; box-sizing: border-box; background: #fff; font-size: 14px;} .lead-page h1 {margin-top: 20px;} .lead-page-left {padding-bottom: 50px;} .lead-page-left .root {margin: 100px 0 0 0;} .lead-page p.title {margin: 35px 0 0; color: #999; font: 400 30px "Arvo", serif; margin-bottom: 25px; text-align: center;} .lead-page p.title a.site-title {background: #b24d26; color: #fff; font-size: 34px; line-height: 59px; height: 59px; font-weight: 400; padding: 9px 18px; text-transform: uppercase; box-decoration-break: clone; transition: color 0.25s ease 0s, background 0.25s ease 0s, padding 0.25s ease 0s, font-size 0.25s ease 0s;} .lead-page p.title a.site-title:hover {background: #8ac0cd;} .lead-page p.title img {max-width: 100%; height: auto !important; vertical-align: middle;} .lead-page .wpcf7 input {width: 100%;} .lead-page .wpcf7 input[type="checkbox"], .lead-page .wpcf7 input[type="radio"], .lead-page .wpcf7 input[type="submit"] {width: auto;} .lead-page-bg {position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; padding: 1px; box-sizing: border-box; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;} @media (min-width: 360px) { .lead-page-left .root {margin-left: 10px; margin-right: 10px;} } @media (min-width: 940px) { .lead-page-left .root {position: relative; left: 50%; margin-left: -470px;} } @media (max-width: 400px) { .lead-page .root {margin-left: 10px; margin-right: 10px;} } /* directory */ .in-page-search .searchform {margin-top: 30px; margin-bottom: 32px; padding: 20px; background: #f4f4f4;} .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;} /* help center aka posts by categories */ .subcat {margin-bottom: 0; padding-top: 1px;} .subcat .subcat-title, .content .columns .subcat .subcat-title:first-child {margin: 1.5em 0; font-size: 18px;} .subcat .subcat-title .fa {margin-right: 10px; font-size: 15px;} .category-posts {padding: 0;} .category-posts li {margin-left: 0; font-size: 14px; line-height: 19.5px;} .category-posts .fa {display: inline-block; width: 1em; margin-right: 10px;} .help-center h2.underline {margin-top: 12px;} .help-center p.more {margin-top: 11px; font-size: 14px;} .help-center p.more span.array {padding-left: 4px;} /*upprev plugin*/ #upprev_box {box-shadow: none; padding: 15px 20px 15px 15px; border-top: 2px solid #dcd7d7; border-left: 2px solid #dcd7d7; border-bottom: 2px solid #dcd7d7; } #upprev_box a.upprev_thumbnail img {margin-right: 15px;} #upprev_box .upprev_excerpt p {font-size: 14px; line-height: 24px;} #upprev_box h6 {margin-bottom: 14px; font-family: "Arvo", serif; color: #333;} #upprev_box div.upprev_thumbnail h5 {font-size: 18px; margin-bottom: 7px;} /* basic scrollbar styling */ .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} .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} .mCSB_scrollTools .mCSB_draggerRail{background:#ebebeb} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#aeaeae} /* images for retina and other hi-density screens */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .testimonial>div:before {background-image: url("../images/testimonial-tip@2x.png"); background-size: 12px 13px;} .soc-tooltip {background-image: url("../images/social-tooltip@2x.png"); background-size: 12px 6px;} 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;} 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;} .d3 {background-image: url("../images/patterns/pattern12@2x.png"); background-size: 5px 5px;} .d5 {background-image: url("../images/patterns/pattern13@2x.png"); background-size: 10px 1px;} .d6 {background-image: url("../images/patterns/pattern14@2x.png"); background-size: 10px 7px;} } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #3f3f3f; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #fff; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }