/* Theme Name: Mirua Artworks Author: Jaime Zubiaur | Digital Design Author URI: http://www.jaimezubiaur.com/ Description: Theme desarrollado por Jaime Zubiaur, sobre diseño de Joseba Lau para la web de Mirua Artworks. Version: 1.0 License: Copyright Text Domain: mirua */ /* Import Reset //////////////////////////////////////////////////// */ @import url('css/style-reset.css'); /* Fonts //////////////////////////////////////////////////// */ @font-face { font-family: 'festivo_letters'; src: url('fonts/festivoletters.woff2') format('woff2'), url('fonts/festivoletters.woff') format('woff'), url('fonts/festivoletters.ttf') format('truetype'), url('fonts/festivoletters.otf') format('opentype'); font-weight: normal; font-style: normal; } /* FontAwesome */ @font-face {font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.3.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-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"} /* Structure //////////////////////////////////////////////////// */ body {font: 300 125%/100% 'festivo_letters', sans-serif; color: #000; } .wrapper {width: 100%; /*height: 100%;*/ font-size: 0.5em; line-height: 1.3; outline:none;} .container {max-width: 1680px; margin: 0 auto; padding: 3em 10% 5em;} .site-title {max-width: 1680px; margin: 0 auto; padding: 80px 10% 2em;} .site-title a {display: block; margin:0 auto; width: 180px; height: 144px; background-size: cover;} .site-title a img {display: block; width: 180px; height: 144px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease;} .site-title a:hover img {opacity: .8;} /* Navigation //////////////////////////////////////////////////// */ *, *:after, *::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bt-menu {position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 0; border-width: 0px; border-style: solid; border-color: #333; background-color: rgba(0,0,0,0); -webkit-backface-visibility: hidden; -webkit-transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; transition: border-width 0.3s, background-color 0.3s, height 0s 0.3s; } .bt-menu.bt-menu-open {height: 100%; border-width: 0px 0px 50px 150px; background-color: rgba(0,0,0,0.3); -webkit-transition: border-width 0.3s, background-color 0.3s; transition: border-width 0.3s, background-color 0.3s; } .bt-overlay {position: absolute; width: 100%; } .bt-menu-open .bt-overlay {height: 100%; } .bt-menu-trigger {position: fixed; top: 10px; left: 20px; z-index: 100; display: block; width: 50px; height: 50px; cursor: pointer; outline: none; } .bt-menu-trigger span {position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 8%; background-color: #ff5000; font-size: 0px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .bt-menu-trigger span:before, .bt-menu-trigger span:after {position: absolute; left: 0; width: 100%; height: 100%; background: #ff5000; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .bt-menu-open .bt-menu-trigger span:before, .bt-menu-open .bt-menu-trigger span:after, .bt-menu-open .bt-menu-trigger span {background-color: #fff;} .bt-menu-trigger span.over-orange:before, .bt-menu-trigger span.over-orange:after, .bt-menu-trigger span.over-orange {background-color: #eee;} .bt-menu-open .bt-menu-trigger span.over-orange:before, .bt-menu-open .bt-menu-trigger span.over-orange:after, .bt-menu-open .bt-menu-trigger span.over-orange {background-color: #fff;} .bt-menu-trigger span:before {-webkit-transform: translateY(-250%); transform: translateY(-250%); } .bt-menu-trigger span:after {-webkit-transform: translateY(250%); transform: translateY(250%); } .bt-menu-open .bt-menu-trigger span:before {-webkit-transform: translateY(-300%); transform: translateY(-300%); } .bt-menu-open .bt-menu-trigger span:after {-webkit-transform: translateY(300%); transform: translateY(300%); } .bt-menu ul {position: fixed; margin: 0; padding: 0; list-style: none; } .bt-menu ul:first-of-type {top: 75px; left: 0; } .bt-menu ul:nth-of-type(2) {right: 20px; bottom: 0; } .bt-menu ul li, .bt-menu ul li a {display: block; } .bt-menu ul:nth-of-type(2) li {float: left; } .bt-menu ul li {visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s, visibility 0s 0.3s; transition: transform 0.3s, opacity 0.2s, visibility 0s 0.3s; } .bt-menu.bt-menu-open ul:first-of-type li, .bt-menu.bt-menu-open ul:nth-of-type(2) li {visibility: visible; opacity: 1; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s 0.1s; transition: transform 0.3s, opacity 0.3s; } /* First menu */ .bt-menu ul:first-of-type li {width: 150px; height: 50px; line-height: 50px; -webkit-transform: translate3d(-100%,50%,0); transform: translate3d(-100%,50%,0); } .bt-menu.bt-menu-open ul:first-of-type li {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /* Second menu */ .bt-menu ul:nth-of-type(2) li {width: 50px; height: 50px; line-height: 50px; -webkit-transform: scale(0); transform: scale(0); } .bt-menu.bt-menu-open ul:nth-of-type(2) li:first-child {-webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(2) {-webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(3) {-webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li:nth-child(4) {-webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .bt-menu.bt-menu-open ul:nth-of-type(2) li {-webkit-transform: scale(1); transform: scale(1); } .bt-menu ul li a {display: block; outline: none; text-decoration: none; } .bt-menu ul:first-of-type li a {padding: 0 20px; box-shadow: inset 0 1px rgba(0,0,0,0.2); color: #fff; text-transform: uppercase; letter-spacing: 1px; font-size: 1.4em; -webkit-transition: color 0.2s; transition: color 0.2s; } .bt-menu ul:first-of-type li:last-child a {box-shadow: inset 0 1px rgba(0,0,0,0.2), inset 0 -1px rgba(0,0,0,0.2); } .bt-menu ul:nth-of-type(2) li a {color: #fff; text-align: center; } .bt-menu ul li a:before {color: #fff; font-size: 24px; -webkit-transition: color 0.2s; transition: color 0.2s; } .bt-menu ul:first-of-type li a:hover, .bt-menu ul:first-of-type li a:focus, .bt-menu ul li a:hover:before, .bt-menu ul li a:focus:before, .bt-menu ul:nth-of-type(2) li a:hover, .bt-menu ul:nth-of-type(2) li a:focus {color: #ff5000; } .bt-menu ul:nth-of-type(2) li.tlf {width: auto;} .bt-menu ul:nth-of-type(2) li.tlf a {margin-top: -1px;} .bt-menu ul:nth-of-type(2) li.tlf a i {} .bt-menu ul:nth-of-type(2) li.tlf a span {padding-left: 0.3em; font-size: 1.5em; vertical-align: super;} /* Copyright */ .copy { position: fixed; visibility: hidden; opacity: 0; margin: 0; padding: 0; list-style: none; left: 20px; bottom: 17px; color: #fff; font-size: 1.1em;} .bt-menu-close .copy {visibility: hidden; opacity: 0;} .bt-menu-open .copy {visibility: visible; opacity: 1;} /* Inicio //////////////////////////////////////////////////// */ .page-template-page-inicio .wrapper-content {height: 100%;} .intro {position: relative; width: 100%; /*height: 100%;*/} .page-template-page-inicio .site-title {position: relative; top: 14%; padding-top: 8em;} .page-template-page-inicio .header-colophon {position: absolute; bottom: 0; left: 0; right: 0; width: 100%;} .page-template-page-inicio .header-colophon p:last-child {margin-bottom: 0;} .page-template-page-inicio .site-title a, .page-template-page-inicio .site-title a img {width: 280px; height: 248px;} .helper {display: inline-block; height: 100%; vertical-align: middle; margin-left: -6px; } .arrow {position: absolute; z-index: 2; top: 56%; left: 0; right: 0; margin-left: auto; margin-right: auto; color: #222; font-size: 40px; text-align: center; -webkit-animation: bounce 4s infinite; } .arrow i {font-size: 40px;} @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } .intro-header {width: 100%; padding: 9em 0 5em; color: #fff; text-align: center; background: #ff5000 url(images/nishika-intro.gif) center center no-repeat;} .intro-header h1 {font-family: 'festivo_letters'; font-size: 5.8em;} .intro-header h2 {font-family: 'festivo_letters'; font-size: 5.8em;} .presentacion-content {margin: 3em auto 0; max-width: 98em; width: 100%; padding: 0 3em; text-align: center;} .presentacion-content p {font-size: 1.9em; line-height: 1.4em;} #sobre-mi {padding: 8em 8% 3em; overflow: hidden;} #sobre-mi .sobre-mi-content {float: left; margin-left: 5%; width: 34%; font-size: 15px;} #sobre-mi .sobre-mi-content h2 {margin-bottom: 35px; margin-left: -10px; padding: 4.5px 3px 6px 27px; font-size: 32px; color: #fff; background: url(images/bg-sobre-mi.svg) left center no-repeat;} #sobre-mi .sobre-mi-content p {font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 20px; } #sobre-mi .sobre-mi-img {float: left;width: 59%; margin-left: 5%; margin-right: -5%;} #sobre-mi .sobre-mi-img img {margin-top: 30px; margin-bottom: 20px; width: 100%; height: auto; mix-blend-mode: multiply; background-blend-mode: multiply; } #servicios {clear:both; } #servicios .servicios-title {margin-bottom: 70px; text-align: center;} #servicios .servicios-title img {display: inline-block; width: 180px;} #servicios .servicios-content {} #servicios .servicios-content img {display: inline-block; margin-bottom: 40px; width: 33%; vertical-align: top;} /* Portfolio //////////////////////////////////////////////////// */ .viba-portfolio-page .site-title {padding-bottom: 0;} .viba-portfolio-single-description, .viba-portfolio-single-meta { font-family: 'Open Sans', sans-serif;} .viba-portfolio-entry-title {margin: .2em 0 0.4em; font-size: 4.7em; line-height: 1.1; text-align: left; color: #000; font-family: 'festivo_letters';} .viba-portfolio-page .viba-portfolio-entry-title {DISPLAY:NONE;} .viba-portfolio-single-item .viba-portfolio-entry-title {margin: -6px 0 0.4em; font-size: 3.8em; text-align: left; color: #000; font-family: 'festivo_letters';} .viba-portfolio-single-description {font-size: 1.3em;} .viba-portfolio-single-description p {margin-bottom: 1.1em;} .viba-portfolio-single-meta {border: 1px solid #ddd; padding: 1em 2.5em 1.5em; font-size: 1.3em;} .viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta h3 {text-transform: uppercase;} .viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta span {color: #000; font-weight: 700;} .viba-portfolio-single-description a, .viba-portfolio-single-item .viba-portfolio-single-categories a, .viba-portfolio-single-item .viba-portfolio-single-tags a, .viba-portfolio-single-item .viba-portfolio-single-client a {color: #000; font-weight: 700;} .viba-portfolio-single-description a:hover, .viba-portfolio-single-item .viba-portfolio-single-categories a:hover, .viba-portfolio-single-item .viba-portfolio-single-tags a:hover, .viba-portfolio-single-item .viba-portfolio-single-client a:hover {opacity: .8} .viba-portfolio-single-date span {text-transform: capitalize;} .vp-style-default.viba-portfolio-wrapper h3 {margin-bottom: 0.7em; padding: 4px; color: #fff; font-size: 3.2em; text-align: center; background: url('images/bg-viba-portfolio-relacionados.svg') no-repeat center 3px;} .vp-style-default.viba-portfolio-wrapper h3.viba-portfolio-title {background: none;} .viba-portfolio-single-item .viba-portfolio-single-project-link a {background-color: #aaa;} .viba-portfolio-single-item .viba-portfolio-single-project-link a:hover {opacity: 1;} .viba-portfolio-single-item .viba-portfolio-single-content .viba-portfolio-single-meta .btn span {color: #fff;} .viba-portfolio-filter li:after {display: inline-block; content: "|"; color: #222; font-size: 14px;} .viba-portfolio-filter li:last-child:after {display: none;} .viba-portfolio-filter li:first-child a, .viba-portfolio-filter li:last-child a {border-radius: 0;} .viba-portfolio-filter li a {display: inline-block; padding: 1px 19px; border: none; color: #222; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 400; background-color: transparent;} .vp-style-default.viba-portfolio-wrapper .viba-portfolio.vp-margins .viba-portfolio-item {padding: 10px;} .vp-style-default .viba-portfolio .viba-portfolio-title {text-align: left;font-size: 28px; line-height: 30px;} .vp-style-default .viba-portfolio-overlay {background: url(images/bg-portfolio-hover.jpg) center center repeat; background-size: cover; } .viba-portfolio-pre-entry-title {display: none;} .viba-portfolio-pre-de-entry-title {display: none;} .term-grafico .viba-portfolio-pre-entry-title, .term-web .viba-portfolio-pre-entry-title, .term-altruista .viba-portfolio-pre-entry-title {display: inline;} .term-app .viba-portfolio-pre-de-entry-title, .term-identidad .viba-portfolio-pre-de-entry-title {display: inline;} .viba-portfolio-pre-entry-title a, .viba-portfolio-pre-de-entry-title a {display: block; text-transform: uppercase; font-size: .6em;} .viba-portfolio-filter {margin: 0 auto 10px; text-align: center;} .viba-portfolio-wrapper .viba-portfolio-filter li {margin-right: 2px; } .vp-style-default .viba-portfolio-filter li a:hover, .vp-style-default .viba-portfolio-filter li a.selected, .vp-style-default .vp-filter-slide-in .vp-filter-button:hover {color: #000; font-weight: 600; background-color: transparent;} .viba-portfolio-single-content .viba-portfolio-share-icons a { color: #000; text-decoration: none; } .viba-portfolio-share { width:40px; height: 40px; line-height: 40px; font-size: 0; text-align: center; display: block; overflow: hidden; color: #000; background: #fafafa; border: 1px solid #ddd; -webkit-transition: all 0.4s; transition: all 0.4s; } .viba-portfolio-share-icons .vp-share { display: none; } .viba-portfolio-share-icons .vp-share-facebook:hover { color: #fff; background: #3b5998; border-color: #3b5998 } .viba-portfolio-share-icons .vp-share-twitter:hover { color: #fff; background: #00aced; border-color: #00aced } .viba-portfolio-share-icons .vp-share-google-plus:hover { color: #fff; background: #dd4b39; border-color: #dd4b39 } .viba-portfolio-share-icons .vp-share-pinterest:hover { color: #fff; background: #cb2027; border-color: #cb2027 } .viba-portfolio-share-icons .vp-share-linkedin:hover { color: #fff; background: #007bb6; border-color: #007bb6 } .viba-portfolio-share-icons .vp-share-reddit:hover { color: #fff; background: #ff5700; border-color: #ff5700 } .viba-portfolio-share-icons .vp-share-tumblr:hover { color: #fff; background: #32506d; border-color: #32506d } .viba-portfolio-share-icons .vp-share-vk:hover { color: #fff; background: #45668e; border-color: #45668e } .viba-portfolio-share-icons .vp-share-mail:hover { color: #fff; background: #5bc1af; border-color: #5bc1af } .viba-portfolio-media-caption {font-family: 'Open Sans', sans-serif;} .vp-style-default.viba-portfolio-wrapper {margin-bottom: 60px; } /* Trampa para que todo la imagen sea enlace */ .viba-portfolio-media a.viba-portfolio-link {position: relative; z-index: 9999999999;} .viba-portfolio-media:hover a.viba-portfolio-link img {opacity: 0.05;} .viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page span { box-shadow: 0 0 1px rgba(0,0,0,0.9);} .viba-portfolio-gallery.viba-portfolio-owl .owl-controls .owl-page.active span, .viba-portfolio-gallery.viba-portfolio-owl .owl-controls.clickable .owl-page:hover span { background: #222; border-color: #222; box-shadow: none; } /* Contacto //////////////////////////////////////////////////// */ #contacto {padding: 8em 8% 3em; overflow: hidden;} #contacto .contacto-content {float: left; width: 39%; font-size: 15px;} #contacto .contacto-content h1.page-title {margin-bottom: 35px; margin-left: -10px; width: 175px; padding: 8px 4px 8px 0; font-size: 31px; color: #fff; text-align: center; background: url(images/bg-contacto.svg) center center no-repeat;} #contacto .contacto-content p {font-family: 'Open Sans', sans-serif; font-size: 15px; margin-bottom: 20px; } #contacto .contacto-content p a:hover {opacity: .65;} #contacto .contacto-img {float: left;width: 56%; } #contacto .contacto-img img {margin-bottom: 20px; margin-left: 5%; width: 100%; height: auto; mix-blend-mode: multiply; background-blend-mode: multiply; } .contacto-content .footer-icons {padding-bottom: 2px;} .contacto-content .footer-icons-phone {padding-bottom: 3px;} .wpcf7-form {margin-top: 40px;} .wpcf7-form p {margin-bottom: 12px;} .wpcf7-form p label {display: flex; width: 100%; flex-wrap: wrap;} .wpcf7-form p label span.label {padding-top: 4px; font-weight: 600;} .wpcf7-form p label span.wpcf7-form-control-wrap {flex: 1; padding-left: 10px;} .wpcf7-form p label span.wpcf7-form-control-wrap input, .wpcf7-form p label span.wpcf7-form-control-wrap textarea {width: 100%; border: #ddd 1px solid; padding: 5px 8px; color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px;} input.wpcf7-submit {border: none; margin: 0px 0 10px 70px; border-radius: 2px; padding: 5px 18px; color: #fff; font-size: 15px; font-weight: 600; text-transform: uppercase; background-color: #000; cursor: pointer;} input.wpcf7-submit:hover {opacity: .65;} .wpcf7-form span.aviso {display: block; margin-top: -19px; margin-bottom: -20px; text-align: right; font-size: 12px;} #contacto .contacto-content p.redes a:first-child {padding-left: 0;} /* Efecto BTN //////////////////////////////////////////////////// */ .btn {display:inline-block;line-height:normal;padding:9px 20px 16px 20px;position:relative;font-weight:700;text-transform:uppercase;font-size:14px;letter-spacing:1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:background .15s;-moz-transition:background .15s;-ms-transition:background .15s;-o-transition:background .15s;transition:background .15s} .btn span{color:inherit} .btn span{position:relative;z-index:1;-webkit-transition:color .25s;-moz-transition:color .25s;-ms-transition:color .25s;-o-transition:color .25s;transition:color .25s} .btn:before{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:0;display:block;padding:0;-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-o-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .no-csstransforms .btn:before{height:0;bottom:auto} .btn:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .no-csstransforms .btn:hover:before{height:100%} .btn{background:#aaa;color:#fff} .btn:hover{background:#6c6c6c;color:#fff} .btn:before{background:#ff5000;} /* .btn.yellow2{background:#efc337;color:#1d1d1d} .btn.yellow2:hover{background:#efc337;color:#fff} .btn.yellow2:before{background:#6c6c6c} .btn.black{background:#313335;color:#fff} .btn.black:hover{background:#313335;color:#313335} .btn.black:before{background:#fff} .btn.grey{background:#efefef;color:#879199} .btn.grey:hover{background:#efefef;color:#fff} .btn.grey:before{background:#879199} .btn-icon{position:relative} .btn-icon .icon,.btn-icon .home-clients-slider .flex-direction-nav a,.home-clients-slider .flex-direction-nav .btn-icon a{right:-44px;top:-12px;left:auto} .btn-center{max-width:260px;margin:0 auto;display:block;text-align:center;clear:both} .btn-border{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);border:2px solid #aaa;color:#888;padding:15px 20px 14px 20px;background:none;color:#888} .btn-border span{position:relative;z-index:1;-webkit-transition:color .25s;-moz-transition:color .25s;-ms-transition:color .25s;-o-transition:color .25s;transition:color .25s} .btn-border:before{content:"";position:absolute;top:0;left:0;width:100%;bottom:0;z-index:0;display:block;padding:0;-webkit-transform:scale(1, 0);-moz-transform:scale(1, 0);-ms-transform:scale(1, 0);-o-transform:scale(1, 0);transform:scale(1, 0);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out} .no-csstransforms .btn-border:before{height:0;bottom:auto} .btn-border:hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .no-csstransforms .btn-border:hover:before{height:100%} .btn-border:hover{background:none;color:#fff} .btn-border:before{background:#aaa} .btn-border.white{color:#6c6c6c;border-color:#fff;background:none;color:#6c6c6c} .btn-border.white:hover{background:none;color:#6c6c6c} .btn-border.white:before{background:#fff} */ a {outline: none} h1, h2, h3, h4, h5, h6 {font-weight: normal;} /* FORM //////////////////////////////////////////////////// */ .frm-group .col {padding: 0 16px; } .grid-col-50 {width: 50%; float: left; list-style-type: none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .frm-row {position: relative; } .special-input {position: relative; z-index: 1; vertical-align: top; overflow: hidden; padding-bottom: 1px; } .input-text {outline: none; display: block; width: 100%; font-size: 1.0555555556em; border-radius: 0; width: 100%; background: none; color: #1d1d1d; position: relative; padding: 15px 0 15px 0; border: none; border-radius: 0; margin-bottom: 1px; margin-top: 22px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .special-input .frm-label {display: block; margin-bottom: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 51px; text-align: left; pointer-events: none; } .frm-label {font-weight: 700; font-size: 1.0555555556em; display: block; margin-bottom: 12px; color: #b4b4b4; margin-top: 35px; } .special-input .frm-label:before, .special-input .frm-label:after {content: ''; position: absolute; left: 0; width: 100%; bottom: 1px; border-bottom: 2px solid #b4b4b4; } #success, #error {display:none } #success span, #error span {display:block; position:absolute; top: 6px;; } #success span p, #error span p { font-size: 2em; font-family: 'festivo_letters';} #success span p {color:#ff5000; } #error span p {color:#c0392b } .special-input{position:relative;z-index:1;vertical-align:top;overflow:hidden;padding-bottom:1px} .special-input .frm-label{display:block;margin-bottom:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;bottom:0;left:0;width:100%;height:51px;text-align:left;pointer-events:none} .special-input .frm-label:before,.special-input .frm-label:after{content:'';position:absolute;left:0;width:100%;bottom:1px;border-bottom:2px solid #b4b4b4} .special-input .frm-label:after{margin-top:2px;bottom:0px;border-bottom:4px solid #1d1d1d;-webkit-transform:translate3d(-102%, 0, 0);transform:translate3d(-102%, 0, 0);-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s} .special-input .frm-label span{position:absolute;display:block;padding:15px 0;width:100%; font-weight: 900; font-family: 'festivo_letters';} .no-csstransitions .special-input .frm-label:after,.no-csstransforms .special-input .frm-label:after,.no-cssanimation .special-input .frm-label:after{display:none} .no-csstransitions .input-text:focus+.frm-label:after,.no-csstransitions .input-text.filled+.frm-label:after,.no-csstransforms .input-text:focus+.frm-label:after,.no-csstransforms .input-text.filled+.frm-label:after,.no-cssanimation .input-text:focus+.frm-label:after,.no-cssanimation .input-text.filled+.frm-label:after{display:block} .no-csstransitions .input-text:focus+.frm-label span,.no-csstransitions .input-text.filled+.frm-label span,.no-csstransforms .input-text:focus+.frm-label span,.no-csstransforms .input-text.filled+.frm-label span,.no-cssanimation .input-text:focus+.frm-label span,.no-cssanimation .input-text.filled+.frm-label span{top:-25px} @-webkit-keyframes anim-1{ 50%{opacity:0;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0)} 51%{opacity:0;-webkit-transform:translate3d(-1em, -25px, 0);transform:translate3d(-1em, -25px, 0)} 100%{opacity:1;-webkit-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0)} } @keyframes anim-1{ 50%{opacity:0;-webkit-transform:translate3d(1em, 0, 0);transform:translate3d(1em, 0, 0)} 51%{opacity:0;-webkit-transform:translate3d(-1em, -25px, 0);transform:translate3d(-1em, -25px, 0)} 100%{opacity:1;-webkit-transform:translate3d(0, -25px, 0);transform:translate3d(0, -25px, 0)} } .input-text{outline:none;display:block;width:100%;font-size:1.8em;border-radius:0;width:100%;background:none;color:#1d1d1d;position:relative;padding:13px 0 10px 0;border:none;border-radius:0;margin-bottom:1px;margin-top:19px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .input-text:focus+.frm-label:after,.input-text.filled+.frm-label:after{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)} .input-text:focus+.frm-label span,.input-text.filled+.frm-label span{-webkit-animation:anim-1 0.3s forwards;animation:anim-1 0.3s forwards} textarea.input-text{background:#dddddd;margin-top:0;resize:none;padding:15px} .input-text-normal{background:#fff;font-size:0.7777777778em;border:none;outline:none;color:#1d1d1d;width:100%;display:block;padding:15px 0 15px 15px;border-radius:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .input-text-normal::-webkit-input-placeholder{font-weight:300;color:#343434;} .input-text-normal:-moz-placeholder{font-weight:300;color:#343434;} .input-text-normal::-moz-placeholder{font-weight:300;color:#343434;} .input-text-normal:-ms-input-placeholder{font-weight:300;color:#343434;} .frm-row{position:relative} .frm-row .radio,.frm-row .checkbox{display:inline-block;margin-right:20px;text-transform:none} .frm-row .feedback{bottom:auto !important;bottom:65px} .frm-row .description{font-size:.8em} .frm-row.error.special-input{color:#ff5000} .frm-row.error.special-input .input-text,.frm-row.error.special-input .frm-label{color:#ff5000} .frm-row.error.special-input .frm-label:after,.frm-row.error.special-input .frm-label:before{border-color:#ff5000} .frm-row.error .frm-label{color:#ff5000} .frm-row.error input,.frm-row.error textarea{color:#ff5000} .frm-label{font-family: 'festivo_letters'; font-weight:900;font-size:1.8em;display:block;margin-bottom:12px;color:#b4b4b4;margin-top:35px} .frm-footer{position:relative;margin-top:1.7em;margin-bottom:4em} .frm-footer .feedback{font-size:.8em;display:none;position:absolute;right:0;top:3px} .frm-help-text{font-size:.8em;display:block;text-align:right;padding-top:5px} .frm-group{margin:0 -16px} .frm-group .col{padding:0 16px} .hentry .page-title {font-size: 30px; margin-bottom: 20px;} .hentry .entry-content {font-family: 'Open Sans', sans-serif; font-size: 15px;} .hentry .entry-content h2 {margin: 1.4em 0 .8em; font-family: 'festivo_letters'; font-size: 24px} .hentry .entry-content h3 {margin: 1.4em 0 .8em; font-family: 'festivo_letters'; font-size: 20px} .hentry .entry-content h4 {margin: 1.4em 0 .8em; font-family: 'festivo_letters'; font-size: 18px} .hentry .entry-content p {margin-bottom: 20px;} /* ERROR404 page //////////////////////////////////////////////////// */ .error404 {} .error404 .content {text-align: center;} .error404 h1 {color:#ff5000; font-family: 'festivo_letters';font-size: 8em; margin: 1.5em 0 0.2em;} .error404 h2 {font-family: 'festivo_letters'; font-size: 3.7em; margin-bottom: .6em;} .error404 p { font-size: 1.7em; margin-bottom: 1em;} .error404 p a {text-decoration: underline;} /* Footer //////////////////////////////////////////////////// */ .colophon {max-width: 1680px; margin: 0 auto; padding: 0 10% 2em; font-family: 'Open Sans', sans-serif; font-size: 1.23em; text-align: center; } .colophon p {margin-bottom: 15px;} .footer-icons {width: 15px; vertical-align: sub;} .redes a {display: inline-block; padding: 0 0.5em;} .redes a img {width: 24px;} .colophon a:hover {opacity: .65;} /* Varios //////////////////////////////////////////////////// */ .clear {clear: both;} .imagen {width: 100%;} .mobile {display: none !important;} .mobile-title {display: none;} .none {display: none} .white {color: #FFF;} .black {color: #000;} .show-for-small {display: none;} img.alignnone {max-width: 100%; height: auto;} .alignleft {float: left; margin: 0 1% 8px 0;} .alignright {float: right; margin: 0 0 8px 1%;} /* ========================================================================== Corección plugin de cookies ========================================================================== */ #cookie-law-info-bar {position: absolute; opacity: .8;} #cookie-law-info-bar .cli-plugin-button, #cookie-law-info-bar .cli-plugin-button:visited, #cookie-law-info-bar .medium.cli-plugin-button, #cookie-law-info-bar .medium.cli-plugin-button:visited { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #cookie-notice {font-family: 'Open Sans', sans-serif;} /* Media queries -------------------------------------------------------------- */ /* Minimum width of 600 pixels. */ @media only screen and (max-width: 1250px) { /*body {font-size: 120%; background-color: red;} */ } @media only screen and (max-width: 1000px) { /*body, .text-video h1, .text-video div.page-title {background-color: blue;}*/ body {background: #f1f1f1;} .textured-logo {display: none;} .smooth-logo {display: inline;} #sobre-mi .sobre-mi-content {float: none; margin-left: 0; width: 100%;} #sobre-mi .sobre-mi-img {float: none; width: 100%;} #contacto .contacto-content {float: none; margin-left: 0; width: 100%;} #contacto .contacto-img {float: none; width: 100%;} .contact-content h1 {font-size: 4.1em;} /* BNT */ .btn:hover:before{display:none;height:0} .btn:hover{background:#ff5000;color:#fff} .btn.yellow2:hover{background:#efc337;color:#1d1d1d} .btn.black:hover{background:#313335; color:#fff} .btn.grey:hover{background:#efefef;color:#879199} .btn-border:hover:before{display:none;height:0} .btn-border:hover{background:none;color:#888} .btn-border.white:hover{background:none;color:#6c6c6c} } /* MOBILE LAYOUT (PORTRAIT/320PX) ----------------------------------------------- */ @media only screen and (max-width: 767px) { /*body, .text-video h1, .text-video div.page-title {background-color: transparent;} */ .hide-for-small {display: none;} .show-for-small {display: block;} .pane-wrapper .logo.show-for-small {display: inline;} .intro-header {font-size: .9em;} .intro-header h1, .intro-header h2 {padding: 0 .5em; font-size: 5.4em; line-height: 1;} .intro-header h1 {margin-bottom: .5em;} .inspiration {padding: 7em 0;} .hability:nth-child(2n+1) {padding-right: 0;} .hability {width: 93%; padding-left: 7%;} .anime-container {float: none; width: 100%; max-height: 380px; background-image: url(images/nishika-mini-alt.gif);} .contact-container {float: none; margin-top: 8%; width: 100%;} .contact-content h1 {font-size: 3.4em;} .grid-col-50 {float: none; width: 100%;} .viba-portfolio-wrapper .viba-portfolio-filter li {width: auto;} .bt-menu ul:nth-of-type(2) li.tlf a {margin-top: 4px; padding-right: 4px;} .bt-menu ul:nth-of-type(2) li.tlf a span {display: none;} .viba-portfolio-filter {margin: 0 0 20px 0;} .page-template-page-inicio .site-title a, .page-template-page-inicio .site-title a img {width: 190px; height: 152px;} #sobre-mi .sobre-mi-img {margin-left: -15px; margin-right: 0; margin-top: 25px;} #sobre-mi .sobre-mi-img img {margin-top: 0; width: 118%;} } /* IPAD ----------------------------------------------- */ @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) { /*.content {background-color: yellow}*/ body {background: #f1f1f1;} .textured-logo {display: none;} .smooth-logo {display: inline;} .hide-for-small {display: none;} .show-for-small {display: block;} .pane-wrapper .logo.show-for-small {display: inline;} } @media only screen and (max-width: 480px) { .hamburger {position: absolute; right: 45%; left: 44%;} .site-title {padding-top: 7em} #sobre-mi {padding: 11em 8% 0;} #servicios {padding: 3em 4% 5em;} #servicios .servicios-content img {width: 100%;} .page-template-page-inicio .header-colophon, .colophon {padding: 0 4% 2em;} .page-template-page-inicio .header-colophon, .colophon p {font-size: 12px;} .global-menu__item--demo-3.is-opened {font-size: 40px;} #contacto {padding-top: 20px;} #contacto .contacto-img img {margin-left: -10px; width: 127%;} } @media screen and (max-width: 1024px) and (orientation: landscape) { .site-title, .page-template-page-inicio .site-title {padding-top: 80px;} .colophon {padding-bottom: 2em;} .page-template-page-inicio .site-title a, .page-template-page-inicio .site-title a img {width: 190px; height: 152px;} } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .arrow, .page-template-page-inicio .header-colophon {display: none;} } /* INTERNET EXPLORER 10 & 11 */ @media all and (-ms-high-contrast:none) { } /* INTERNET EXPLORER 8 & 9 */ .btn:hover span {-webkit-transform: rotateX(0deg) translateY(0)\0; -moz-transform: rotateX(0deg) translateY(0)\0; transform: rotateX(0deg) translateY(0)\0;} .btn:hover span {opacity: .9\0;} .colophon div a.btn span {height: 34px\0; overflow: hidden\0;} .special-input .frm-label {opacity: 0.5\0;} /* PRINT */ @media print{ *{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important} a,a:visited{text-decoration:underline} a[href]:after{content:" (" attr(href) ")"} abbr[title]:after{content:" (" attr(title) ")"} a[href^="#"]:after,a[href^="javascript:"]:after{content:""} pre,blockquote{border:1px solid #999;page-break-inside:avoid} thead{display:table-header-group} tr,img{page-break-inside:avoid} img{max-width:100% !important} p,h2,h3{orphans:3;widows:3} h2,h3{page-break-after:avoid} }