/* Theme Name: Micron Theme URI: http://www.micron.ninzio.com Description: Micron Multipurpose Responsive Retina-Ready Wordpress Premium Theme Author: Ninzio Team Author URI: http://www.ninzio.com Version: 3.4 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, editor-style, featured-images, post-formats, sticky-post, translation-ready Text Domain: micron */ /* NORMALIZE /*====================================================================*/ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:"201C" "201D" "2018" "2019";}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;padding:0;}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;} /* HEADER MENU ICONS /*====================================================================*/ .header-menu ul li.fa-glass:before {content: "\f000";} .header-menu ul li.fa-music:before {content: "\f001";} .header-menu ul li.fa-search:before {content: "\f002";} .header-menu ul li.fa-envelope-o:before {content: "\f003";} .header-menu ul li.fa-heart:before {content: "\f004";} .header-menu ul li.fa-star:before {content: "\f005";} .header-menu ul li.fa-star-o:before {content: "\f006";} .header-menu ul li.fa-user:before {content: "\f007";} .header-menu ul li.fa-film:before {content: "\f008";} .header-menu ul li.fa-th-large:before {content: "\f009";} .header-menu ul li.fa-th:before {content: "\f00a";} .header-menu ul li.fa-th-list:before {content: "\f00b";} .header-menu ul li.fa-check:before {content: "\f00c";} .header-menu ul li.fa-remove:before, .header-menu ul li.fa-close:before, .header-menu ul li.fa-times:before {content: "\f00d";} .header-menu ul li.fa-search-plus:before {content: "\f00e";} .header-menu ul li.fa-search-minus:before {content: "\f010";} .header-menu ul li.fa-power-off:before {content: "\f011";} .header-menu ul li.fa-signal:before {content: "\f012";} .header-menu ul li.fa-gear:before, .header-menu ul li.fa-cog:before {content: "\f013";} .header-menu ul li.fa-trash-o:before {content: "\f014";} .header-menu ul li.fa-home:before {content: "\f015";} .header-menu ul li.fa-file-o:before {content: "\f016";} .header-menu ul li.fa-clock-o:before {content: "\f017";} .header-menu ul li.fa-road:before {content: "\f018";} .header-menu ul li.fa-download:before {content: "\f019";} .header-menu ul li.fa-arrow-circle-o-down:before {content: "\f01a";} .header-menu ul li.fa-arrow-circle-o-up:before {content: "\f01b";} .header-menu ul li.fa-inbox:before {content: "\f01c";} .header-menu ul li.fa-play-circle-o:before {content: "\f01d";} .header-menu ul li.fa-rotate-right:before, .header-menu ul li.fa-repeat:before {content: "\f01e";} .header-menu ul li.fa-refresh:before {content: "\f021";} .header-menu ul li.fa-list-alt:before {content: "\f022";} .header-menu ul li.fa-lock:before {content: "\f023";} .header-menu ul li.fa-flag:before {content: "\f024";} .header-menu ul li.fa-headphones:before {content: "\f025";} .header-menu ul li.fa-volume-off:before {content: "\f026";} .header-menu ul li.fa-volume-down:before {content: "\f027";} .header-menu ul li.fa-volume-up:before {content: "\f028";} .header-menu ul li.fa-qrcode:before {content: "\f029";} .header-menu ul li.fa-barcode:before {content: "\f02a";} .header-menu ul li.fa-tag:before {content: "\f02b";} .header-menu ul li.fa-tags:before {content: "\f02c";} .header-menu ul li.fa-book:before {content: "\f02d";} .header-menu ul li.fa-bookmark:before {content: "\f02e";} .header-menu ul li.fa-print:before {content: "\f02f";} .header-menu ul li.fa-camera:before {content: "\f030";} .header-menu ul li.fa-font:before {content: "\f031";} .header-menu ul li.fa-bold:before {content: "\f032";} .header-menu ul li.fa-italic:before {content: "\f033";} .header-menu ul li.fa-text-height:before {content: "\f034";} .header-menu ul li.fa-text-width:before {content: "\f035";} .header-menu ul li.fa-align-left:before {content: "\f036";} .header-menu ul li.fa-align-center:before {content: "\f037";} .header-menu ul li.fa-align-right:before {content: "\f038";} .header-menu ul li.fa-align-justify:before {content: "\f039";} .header-menu ul li.fa-list:before {content: "\f03a";} .header-menu ul li.fa-dedent:before, .header-menu ul li.fa-outdent:before {content: "\f03b";} .header-menu ul li.fa-indent:before {content: "\f03c";} .header-menu ul li.fa-video-camera:before {content: "\f03d";} .header-menu ul li.fa-photo:before, .header-menu ul li.fa-image:before, .header-menu ul li.fa-picture-o:before {content: "\f03e";} .header-menu ul li.fa-pencil:before {content: "\f040";} .header-menu ul li.fa-map-marker:before {content: "\f041";} .header-menu ul li.fa-adjust:before {content: "\f042";} .header-menu ul li.fa-tint:before {content: "\f043";} .header-menu ul li.fa-edit:before, .header-menu ul li.fa-pencil-square-o:before {content: "\f044";} .header-menu ul li.fa-share-square-o:before {content: "\f045";} .header-menu ul li.fa-check-square-o:before {content: "\f046";} .header-menu ul li.fa-arrows:before {content: "\f047";} .header-menu ul li.fa-step-backward:before {content: "\f048";} .header-menu ul li.fa-fast-backward:before {content: "\f049";} .header-menu ul li.fa-backward:before {content: "\f04a";} .header-menu ul li.fa-play:before {content: "\f04b";} .header-menu ul li.fa-pause:before {content: "\f04c";} .header-menu ul li.fa-stop:before {content: "\f04d";} .header-menu ul li.fa-forward:before {content: "\f04e";} .header-menu ul li.fa-fast-forward:before {content: "\f050";} .header-menu ul li.fa-step-forward:before {content: "\f051";} .header-menu ul li.fa-eject:before {content: "\f052";} .header-menu ul li.fa-chevron-left:before {content: "\f053";} .header-menu ul li.fa-chevron-right:before {content: "\f054";} .header-menu ul li.fa-plus-circle:before {content: "\f055";} .header-menu ul li.fa-minus-circle:before {content: "\f056";} .header-menu ul li.fa-times-circle:before {content: "\f057";} .header-menu ul li.fa-check-circle:before {content: "\f058";} .header-menu ul li.fa-question-circle:before {content: "\f059";} .header-menu ul li.fa-info-circle:before {content: "\f05a";} .header-menu ul li.fa-crosshairs:before {content: "\f05b";} .header-menu ul li.fa-times-circle-o:before {content: "\f05c";} .header-menu ul li.fa-check-circle-o:before {content: "\f05d";} .header-menu ul li.fa-ban:before {content: "\f05e";} .header-menu ul li.fa-arrow-left:before {content: "\f060";} .header-menu ul li.fa-arrow-right:before {content: "\f061";} .header-menu ul li.fa-arrow-up:before {content: "\f062";} .header-menu ul li.fa-arrow-down:before {content: "\f063";} .header-menu ul li.fa-mail-forward:before, .header-menu ul li.fa-share:before {content: "\f064";} .header-menu ul li.fa-expand:before {content: "\f065";} .header-menu ul li.fa-compress:before {content: "\f066";} .header-menu ul li.fa-plus:before {content: "\f067";} .header-menu ul li.fa-minus:before {content: "\f068";} .header-menu ul li.fa-asterisk:before {content: "\f069";} .header-menu ul li.fa-exclamation-circle:before {content: "\f06a";} .header-menu ul li.fa-gift:before {content: "\f06b";} .header-menu ul li.fa-leaf:before {content: "\f06c";} .header-menu ul li.fa-fire:before {content: "\f06d";} .header-menu ul li.fa-eye:before {content: "\f06e";} .header-menu ul li.fa-eye-slash:before {content: "\f070";} .header-menu ul li.fa-warning:before, .header-menu ul li.fa-exclamation-triangle:before {content: "\f071";} .header-menu ul li.fa-plane:before {content: "\f072";} .header-menu ul li.fa-calendar:before {content: "\f073";} .header-menu ul li.fa-random:before {content: "\f074";} .header-menu ul li.fa-comment:before {content: "\f075";} .header-menu ul li.fa-magnet:before {content: "\f076";} .header-menu ul li.fa-chevron-up:before {content: "\f077";} .header-menu ul li.fa-chevron-down:before {content: "\f078";} .header-menu ul li.fa-retweet:before {content: "\f079";} .header-menu ul li.fa-shopping-cart:before {content: "\f07a";} .header-menu ul li.fa-folder:before {content: "\f07b";} .header-menu ul li.fa-folder-open:before {content: "\f07c";} .header-menu ul li.fa-arrows-v:before {content: "\f07d";} .header-menu ul li.fa-arrows-h:before {content: "\f07e";} .header-menu ul li.fa-bar-chart-o:before, .header-menu ul li.fa-bar-chart:before {content: "\f080";} .header-menu ul li.fa-twitter-square:before {content: "\f081";} .header-menu ul li.fa-facebook-square:before {content: "\f082";} .header-menu ul li.fa-camera-retro:before {content: "\f083";} .header-menu ul li.fa-key:before {content: "\f084";} .header-menu ul li.fa-gears:before, .header-menu ul li.fa-cogs:before {content: "\f085";} .header-menu ul li.fa-comments:before {content: "\f086";} .header-menu ul li.fa-thumbs-o-up:before {content: "\f087";} .header-menu ul li.fa-thumbs-o-down:before {content: "\f088";} .header-menu ul li.fa-star-half:before {content: "\f089";} .header-menu ul li.fa-heart-o:before {content: "\f08a";} .header-menu ul li.fa-sign-out:before {content: "\f08b";} .header-menu ul li.fa-linkedin-square:before {content: "\f08c";} .header-menu ul li.fa-thumb-tack:before {content: "\f08d";} .header-menu ul li.fa-external-link:before {content: "\f08e";} .header-menu ul li.fa-sign-in:before {content: "\f090";} .header-menu ul li.fa-trophy:before {content: "\f091";} .header-menu ul li.fa-github-square:before {content: "\f092";} .header-menu ul li.fa-upload:before {content: "\f093";} .header-menu ul li.fa-lemon-o:before {content: "\f094";} .header-menu ul li.fa-phone:before {content: "\f095";} .header-menu ul li.fa-square-o:before {content: "\f096";} .header-menu ul li.fa-bookmark-o:before {content: "\f097";} .header-menu ul li.fa-phone-square:before {content: "\f098";} .header-menu ul li.fa-twitter:before {content: "\f099";} .header-menu ul li.fa-facebook:before {content: "\f09a";} .header-menu ul li.fa-github:before {content: "\f09b";} .header-menu ul li.fa-unlock:before {content: "\f09c";} .header-menu ul li.fa-credit-card:before {content: "\f09d";} .header-menu ul li.fa-rss:before {content: "\f09e";} .header-menu ul li.fa-hdd-o:before {content: "\f0a0";} .header-menu ul li.fa-bullhorn:before {content: "\f0a1";} .header-menu ul li.fa-bell:before {content: "\f0f3";} .header-menu ul li.fa-certificate:before {content: "\f0a3";} .header-menu ul li.fa-hand-o-right:before {content: "\f0a4";} .header-menu ul li.fa-hand-o-left:before {content: "\f0a5";} .header-menu ul li.fa-hand-o-up:before {content: "\f0a6";} .header-menu ul li.fa-hand-o-down:before {content: "\f0a7";} .header-menu ul li.fa-arrow-circle-left:before {content: "\f0a8";} .header-menu ul li.fa-arrow-circle-right:before {content: "\f0a9";} .header-menu ul li.fa-arrow-circle-up:before {content: "\f0aa";} .header-menu ul li.fa-arrow-circle-down:before {content: "\f0ab";} .header-menu ul li.fa-globe:before {content: "\f0ac";} .header-menu ul li.fa-wrench:before {content: "\f0ad";} .header-menu ul li.fa-tasks:before {content: "\f0ae";} .header-menu ul li.fa-filter:before {content: "\f0b0";} .header-menu ul li.fa-briefcase:before {content: "\f0b1";} .header-menu ul li.fa-arrows-alt:before {content: "\f0b2";} .header-menu ul li.fa-group:before, .header-menu ul li.fa-users:before {content: "\f0c0";} .header-menu ul li.fa-chain:before, .header-menu ul li.fa-link:before {content: "\f0c1";} .header-menu ul li.fa-cloud:before {content: "\f0c2";} .header-menu ul li.fa-flask:before {content: "\f0c3";} .header-menu ul li.fa-cut:before, .header-menu ul li.fa-scissors:before {content: "\f0c4";} .header-menu ul li.fa-copy:before, .header-menu ul li.fa-files-o:before {content: "\f0c5";} .header-menu ul li.fa-paperclip:before {content: "\f0c6";} .header-menu ul li.fa-save:before, .header-menu ul li.fa-floppy-o:before {content: "\f0c7";} .header-menu ul li.fa-square:before {content: "\f0c8";} .header-menu ul li.fa-navicon:before, .header-menu ul li.fa-reorder:before, .header-menu ul li.fa-bars:before {content: "\f0c9";} .header-menu ul li.fa-list-ul:before {content: "\f0ca";} .header-menu ul li.fa-list-ol:before {content: "\f0cb";} .header-menu ul li.fa-strikethrough:before {content: "\f0cc";} .header-menu ul li.fa-underline:before {content: "\f0cd";} .header-menu ul li.fa-table:before {content: "\f0ce";} .header-menu ul li.fa-magic:before {content: "\f0d0";} .header-menu ul li.fa-truck:before {content: "\f0d1";} .header-menu ul li.fa-pinterest:before {content: "\f0d2";} .header-menu ul li.fa-pinterest-square:before {content: "\f0d3";} .header-menu ul li.fa-google-plus-square:before {content: "\f0d4";} .header-menu ul li.fa-google-plus:before {content: "\f0d5";} .header-menu ul li.fa-money:before {content: "\f0d6";} .header-menu ul li.fa-caret-down:before {content: "\f0d7";} .header-menu ul li.fa-caret-up:before {content: "\f0d8";} .header-menu ul li.fa-caret-left:before {content: "\f0d9";} .header-menu ul li.fa-caret-right:before {content: "\f0da";} .header-menu ul li.fa-columns:before {content: "\f0db";} .header-menu ul li.fa-unsorted:before, .header-menu ul li.fa-sort:before {content: "\f0dc";} .header-menu ul li.fa-sort-down:before, .header-menu ul li.fa-sort-desc:before {content: "\f0dd";} .header-menu ul li.fa-sort-up:before, .header-menu ul li.fa-sort-asc:before {content: "\f0de";} .header-menu ul li.fa-envelope:before {content: "\f0e0";} .header-menu ul li.fa-linkedin:before {content: "\f0e1";} .header-menu ul li.fa-rotate-left:before, .header-menu ul li.fa-undo:before {content: "\f0e2";} .header-menu ul li.fa-legal:before, .header-menu ul li.fa-gavel:before {content: "\f0e3";} .header-menu ul li.fa-dashboard:before, .header-menu ul li.fa-tachometer:before {content: "\f0e4";} .header-menu ul li.fa-comment-o:before {content: "\f0e5";} .header-menu ul li.fa-comments-o:before {content: "\f0e6";} .header-menu ul li.fa-flash:before, .header-menu ul li.fa-bolt:before {content: "\f0e7";} .header-menu ul li.fa-sitemap:before {content: "\f0e8";} .header-menu ul li.fa-umbrella:before {content: "\f0e9";} .header-menu ul li.fa-paste:before, .header-menu ul li.fa-clipboard:before {content: "\f0ea";} .header-menu ul li.fa-lightbulb-o:before {content: "\f0eb";} .header-menu ul li.fa-exchange:before {content: "\f0ec";} .header-menu ul li.fa-cloud-download:before {content: "\f0ed";} .header-menu ul li.fa-cloud-upload:before {content: "\f0ee";} .header-menu ul li.fa-user-md:before {content: "\f0f0";} .header-menu ul li.fa-stethoscope:before {content: "\f0f1";} .header-menu ul li.fa-suitcase:before {content: "\f0f2";} .header-menu ul li.fa-bell-o:before {content: "\f0a2";} .header-menu ul li.fa-coffee:before {content: "\f0f4";} .header-menu ul li.fa-cutlery:before {content: "\f0f5";} .header-menu ul li.fa-file-text-o:before {content: "\f0f6";} .header-menu ul li.fa-building-o:before {content: "\f0f7";} .header-menu ul li.fa-hospital-o:before {content: "\f0f8";} .header-menu ul li.fa-ambulance:before {content: "\f0f9";} .header-menu ul li.fa-medkit:before {content: "\f0fa";} .header-menu ul li.fa-fighter-jet:before {content: "\f0fb";} .header-menu ul li.fa-beer:before {content: "\f0fc";} .header-menu ul li.fa-h-square:before {content: "\f0fd";} .header-menu ul li.fa-plus-square:before {content: "\f0fe";} .header-menu ul li.fa-angle-double-left:before {content: "\f100";} .header-menu ul li.fa-angle-double-right:before {content: "\f101";} .header-menu ul li.fa-angle-double-up:before {content: "\f102";} .header-menu ul li.fa-angle-double-down:before {content: "\f103";} .header-menu ul li.fa-angle-left:before {content: "\f104";} .header-menu ul li.fa-angle-right:before {content: "\f105";} .header-menu ul li.fa-angle-up:before {content: "\f106";} .header-menu ul li.fa-angle-down:before {content: "\f107";} .header-menu ul li.fa-desktop:before {content: "\f108";} .header-menu ul li.fa-laptop:before {content: "\f109";} .header-menu ul li.fa-tablet:before {content: "\f10a";} .header-menu ul li.fa-mobile-phone:before, .header-menu ul li.fa-mobile:before {content: "\f10b";} .header-menu ul li.fa-circle-o:before {content: "\f10c";} .header-menu ul li.fa-quote-left:before {content: "\f10d";} .header-menu ul li.fa-quote-right:before {content: "\f10e";} .header-menu ul li.fa-spinner:before {content: "\f110";} .header-menu ul li.fa-circle:before {content: "\f111";} .header-menu ul li.fa-mail-reply:before, .header-menu ul li.fa-reply:before {content: "\f112";} .header-menu ul li.fa-github-alt:before {content: "\f113";} .header-menu ul li.fa-folder-o:before {content: "\f114";} .header-menu ul li.fa-folder-open-o:before {content: "\f115";} .header-menu ul li.fa-smile-o:before {content: "\f118";} .header-menu ul li.fa-frown-o:before {content: "\f119";} .header-menu ul li.fa-meh-o:before {content: "\f11a";} .header-menu ul li.fa-gamepad:before {content: "\f11b";} .header-menu ul li.fa-keyboard-o:before {content: "\f11c";} .header-menu ul li.fa-flag-o:before {content: "\f11d";} .header-menu ul li.fa-flag-checkered:before {content: "\f11e";} .header-menu ul li.fa-terminal:before {content: "\f120";} .header-menu ul li.fa-code:before {content: "\f121";} .header-menu ul li.fa-mail-reply-all:before, .header-menu ul li.fa-reply-all:before {content: "\f122";} .header-menu ul li.fa-star-half-empty:before, .header-menu ul li.fa-star-half-full:before, .header-menu ul li.fa-star-half-o:before {content: "\f123";} .header-menu ul li.fa-location-arrow:before {content: "\f124";} .header-menu ul li.fa-crop:before {content: "\f125";} .header-menu ul li.fa-code-fork:before {content: "\f126";} .header-menu ul li.fa-unlink:before, .header-menu ul li.fa-chain-broken:before {content: "\f127";} .header-menu ul li.fa-question:before {content: "\f128";} .header-menu ul li.fa-info:before {content: "\f129";} .header-menu ul li.fa-exclamation:before {content: "\f12a";} .header-menu ul li.fa-superscript:before {content: "\f12b";} .header-menu ul li.fa-subscript:before {content: "\f12c";} .header-menu ul li.fa-eraser:before {content: "\f12d";} .header-menu ul li.fa-puzzle-piece:before {content: "\f12e";} .header-menu ul li.fa-microphone:before {content: "\f130";} .header-menu ul li.fa-microphone-slash:before {content: "\f131";} .header-menu ul li.fa-shield:before {content: "\f132";} .header-menu ul li.fa-calendar-o:before {content: "\f133";} .header-menu ul li.fa-fire-extinguisher:before {content: "\f134";} .header-menu ul li.fa-rocket:before {content: "\f135";} .header-menu ul li.fa-maxcdn:before {content: "\f136";} .header-menu ul li.fa-chevron-circle-left:before {content: "\f137";} .header-menu ul li.fa-chevron-circle-right:before {content: "\f138";} .header-menu ul li.fa-chevron-circle-up:before {content: "\f139";} .header-menu ul li.fa-chevron-circle-down:before {content: "\f13a";} .header-menu ul li.fa-html5:before {content: "\f13b";} .header-menu ul li.fa-css3:before {content: "\f13c";} .header-menu ul li.fa-anchor:before {content: "\f13d";} .header-menu ul li.fa-unlock-alt:before {content: "\f13e";} .header-menu ul li.fa-bullseye:before {content: "\f140";} .header-menu ul li.fa-ellipsis-h:before {content: "\f141";} .header-menu ul li.fa-ellipsis-v:before {content: "\f142";} .header-menu ul li.fa-rss-square:before {content: "\f143";} .header-menu ul li.fa-play-circle:before {content: "\f144";} .header-menu ul li.fa-ticket:before {content: "\f145";} .header-menu ul li.fa-minus-square:before {content: "\f146";} .header-menu ul li.fa-minus-square-o:before {content: "\f147";} .header-menu ul li.fa-level-up:before {content: "\f148";} .header-menu ul li.fa-level-down:before {content: "\f149";} .header-menu ul li.fa-check-square:before {content: "\f14a";} .header-menu ul li.fa-pencil-square:before {content: "\f14b";} .header-menu ul li.fa-external-link-square:before {content: "\f14c";} .header-menu ul li.fa-share-square:before {content: "\f14d";} .header-menu ul li.fa-compass:before {content: "\f14e";} .header-menu ul li.fa-toggle-down:before, .header-menu ul li.fa-caret-square-o-down:before {content: "\f150";} .header-menu ul li.fa-toggle-up:before, .header-menu ul li.fa-caret-square-o-up:before {content: "\f151";} .header-menu ul li.fa-toggle-right:before, .header-menu ul li.fa-caret-square-o-right:before {content: "\f152";} .header-menu ul li.fa-euro:before, .header-menu ul li.fa-eur:before {content: "\f153";} .header-menu ul li.fa-gbp:before {content: "\f154";} .header-menu ul li.fa-dollar:before, .header-menu ul li.fa-usd:before {content: "\f155";} .header-menu ul li.fa-rupee:before, .header-menu ul li.fa-inr:before {content: "\f156";} .header-menu ul li.fa-cny:before, .header-menu ul li.fa-rmb:before, .header-menu ul li.fa-yen:before, .header-menu ul li.fa-jpy:before {content: "\f157";} .header-menu ul li.fa-ruble:before, .header-menu ul li.fa-rouble:before, .header-menu ul li.fa-rub:before {content: "\f158";} .header-menu ul li.fa-won:before, .header-menu ul li.fa-krw:before {content: "\f159";} .header-menu ul li.fa-bitcoin:before, .header-menu ul li.fa-btc:before {content: "\f15a";} .header-menu ul li.fa-file:before {content: "\f15b";} .header-menu ul li.fa-file-text:before {content: "\f15c";} .header-menu ul li.fa-sort-alpha-asc:before {content: "\f15d";} .header-menu ul li.fa-sort-alpha-desc:before {content: "\f15e";} .header-menu ul li.fa-sort-amount-asc:before {content: "\f160";} .header-menu ul li.fa-sort-amount-desc:before {content: "\f161";} .header-menu ul li.fa-sort-numeric-asc:before {content: "\f162";} .header-menu ul li.fa-sort-numeric-desc:before {content: "\f163";} .header-menu ul li.fa-thumbs-up:before {content: "\f164";} .header-menu ul li.fa-thumbs-down:before {content: "\f165";} .header-menu ul li.fa-youtube-square:before {content: "\f166";} .header-menu ul li.fa-youtube:before {content: "\f167";} .header-menu ul li.fa-xing:before {content: "\f168";} .header-menu ul li.fa-xing-square:before {content: "\f169";} .header-menu ul li.fa-youtube-play:before {content: "\f16a";} .header-menu ul li.fa-dropbox:before {content: "\f16b";} .header-menu ul li.fa-stack-overflow:before {content: "\f16c";} .header-menu ul li.fa-instagram:before {content: "\f16d";} .header-menu ul li.fa-flickr:before {content: "\f16e";} .header-menu ul li.fa-adn:before {content: "\f170";} .header-menu ul li.fa-bitbucket:before {content: "\f171";} .header-menu ul li.fa-bitbucket-square:before {content: "\f172";} .header-menu ul li.fa-tumblr:before {content: "\f173";} .header-menu ul li.fa-tumblr-square:before {content: "\f174";} .header-menu ul li.fa-long-arrow-down:before {content: "\f175";} .header-menu ul li.fa-long-arrow-up:before {content: "\f176";} .header-menu ul li.fa-long-arrow-left:before {content: "\f177";} .header-menu ul li.fa-long-arrow-right:before {content: "\f178";} .header-menu ul li.fa-apple:before {content: "\f179";} .header-menu ul li.fa-windows:before {content: "\f17a";} .header-menu ul li.fa-android:before {content: "\f17b";} .header-menu ul li.fa-linux:before {content: "\f17c";} .header-menu ul li.fa-dribbble:before {content: "\f17d";} .header-menu ul li.fa-skype:before {content: "\f17e";} .header-menu ul li.fa-foursquare:before {content: "\f180";} .header-menu ul li.fa-trello:before {content: "\f181";} .header-menu ul li.fa-female:before {content: "\f182";} .header-menu ul li.fa-male:before {content: "\f183";} .header-menu ul li.fa-gittip:before {content: "\f184";} .header-menu ul li.fa-sun-o:before {content: "\f185";} .header-menu ul li.fa-moon-o:before {content: "\f186";} .header-menu ul li.fa-archive:before {content: "\f187";} .header-menu ul li.fa-bug:before {content: "\f188";} .header-menu ul li.fa-vk:before {content: "\f189";} .header-menu ul li.fa-weibo:before {content: "\f18a";} .header-menu ul li.fa-renren:before {content: "\f18b";} .header-menu ul li.fa-pagelines:before {content: "\f18c";} .header-menu ul li.fa-stack-exchange:before {content: "\f18d";} .header-menu ul li.fa-arrow-circle-o-right:before {content: "\f18e";} .header-menu ul li.fa-arrow-circle-o-left:before {content: "\f190";} .header-menu ul li.fa-toggle-left:before, .header-menu ul li.fa-caret-square-o-left:before {content: "\f191";} .header-menu ul li.fa-dot-circle-o:before {content: "\f192";} .header-menu ul li.fa-wheelchair:before {content: "\f193";} .header-menu ul li.fa-vimeo-square:before {content: "\f194";} .header-menu ul li.fa-turkish-lira:before, .header-menu ul li.fa-try:before {content: "\f195";} .header-menu ul li.fa-plus-square-o:before {content: "\f196";} .header-menu ul li.fa-space-shuttle:before {content: "\f197";} .header-menu ul li.fa-slack:before {content: "\f198";} .header-menu ul li.fa-envelope-square:before {content: "\f199";} .header-menu ul li.fa-wordpress:before {content: "\f19a";} .header-menu ul li.fa-openid:before {content: "\f19b";} .header-menu ul li.fa-institution:before, .header-menu ul li.fa-bank:before, .header-menu ul li.fa-university:before {content: "\f19c";} .header-menu ul li.fa-mortar-board:before, .header-menu ul li.fa-graduation-cap:before {content: "\f19d";} .header-menu ul li.fa-yahoo:before {content: "\f19e";} .header-menu ul li.fa-google:before {content: "\f1a0";} .header-menu ul li.fa-reddit:before {content: "\f1a1";} .header-menu ul li.fa-reddit-square:before {content: "\f1a2";} .header-menu ul li.fa-stumbleupon-circle:before {content: "\f1a3";} .header-menu ul li.fa-stumbleupon:before {content: "\f1a4";} .header-menu ul li.fa-delicious:before {content: "\f1a5";} .header-menu ul li.fa-digg:before {content: "\f1a6";} .header-menu ul li.fa-pied-piper:before {content: "\f1a7";} .header-menu ul li.fa-pied-piper-alt:before {content: "\f1a8";} .header-menu ul li.fa-drupal:before {content: "\f1a9";} .header-menu ul li.fa-joomla:before {content: "\f1aa";} .header-menu ul li.fa-language:before {content: "\f1ab";} .header-menu ul li.fa-fax:before {content: "\f1ac";} .header-menu ul li.fa-building:before {content: "\f1ad";} .header-menu ul li.fa-child:before {content: "\f1ae";} .header-menu ul li.fa-paw:before {content: "\f1b0";} .header-menu ul li.fa-spoon:before {content: "\f1b1";} .header-menu ul li.fa-cube:before {content: "\f1b2";} .header-menu ul li.fa-cubes:before {content: "\f1b3";} .header-menu ul li.fa-behance:before {content: "\f1b4";} .header-menu ul li.fa-behance-square:before {content: "\f1b5";} .header-menu ul li.fa-steam:before {content: "\f1b6";} .header-menu ul li.fa-steam-square:before {content: "\f1b7";} .header-menu ul li.fa-recycle:before {content: "\f1b8";} .header-menu ul li.fa-automobile:before, .header-menu ul li.fa-car:before {content: "\f1b9";} .header-menu ul li.fa-cab:before, .header-menu ul li.fa-taxi:before {content: "\f1ba";} .header-menu ul li.fa-tree:before {content: "\f1bb";} .header-menu ul li.fa-spotify:before {content: "\f1bc";} .header-menu ul li.fa-deviantart:before {content: "\f1bd";} .header-menu ul li.fa-soundcloud:before {content: "\f1be";} .header-menu ul li.fa-database:before {content: "\f1c0";} .header-menu ul li.fa-file-pdf-o:before {content: "\f1c1";} .header-menu ul li.fa-file-word-o:before {content: "\f1c2";} .header-menu ul li.fa-file-excel-o:before {content: "\f1c3";} .header-menu ul li.fa-file-powerpoint-o:before {content: "\f1c4";} .header-menu ul li.fa-file-photo-o:before, .header-menu ul li.fa-file-picture-o:before, .header-menu ul li.fa-file-image-o:before {content: "\f1c5";} .header-menu ul li.fa-file-zip-o:before, .header-menu ul li.fa-file-archive-o:before {content: "\f1c6";} .header-menu ul li.fa-file-sound-o:before, .header-menu ul li.fa-file-audio-o:before {content: "\f1c7";} .header-menu ul li.fa-file-movie-o:before, .header-menu ul li.fa-file-video-o:before {content: "\f1c8";} .header-menu ul li.fa-file-code-o:before {content: "\f1c9";} .header-menu ul li.fa-vine:before {content: "\f1ca";} .header-menu ul li.fa-codepen:before {content: "\f1cb";} .header-menu ul li.fa-jsfiddle:before {content: "\f1cc";} .header-menu ul li.fa-life-bouy:before, .header-menu ul li.fa-life-buoy:before, .header-menu ul li.fa-life-saver:before, .header-menu ul li.fa-support:before, .header-menu ul li.fa-life-ring:before {content: "\f1cd";} .header-menu ul li.fa-circle-o-notch:before {content: "\f1ce";} .header-menu ul li.fa-ra:before, .header-menu ul li.fa-rebel:before {content: "\f1d0";} .header-menu ul li.fa-ge:before, .header-menu ul li.fa-empire:before {content: "\f1d1";} .header-menu ul li.fa-git-square:before {content: "\f1d2";} .header-menu ul li.fa-git:before {content: "\f1d3";} .header-menu ul li.fa-hacker-news:before {content: "\f1d4";} .header-menu ul li.fa-tencent-weibo:before {content: "\f1d5";} .header-menu ul li.fa-qq:before {content: "\f1d6";} .header-menu ul li.fa-wechat:before, .header-menu ul li.fa-weixin:before {content: "\f1d7";} .header-menu ul li.fa-send:before, .header-menu ul li.fa-paper-plane:before {content: "\f1d8";} .header-menu ul li.fa-send-o:before, .header-menu ul li.fa-paper-plane-o:before {content: "\f1d9";} .header-menu ul li.fa-history:before {content: "\f1da";} .header-menu ul li.fa-circle-thin:before {content: "\f1db";} .header-menu ul li.fa-header:before {content: "\f1dc";} .header-menu ul li.fa-paragraph:before {content: "\f1dd";} .header-menu ul li.fa-sliders:before {content: "\f1de";} .header-menu ul li.fa-share-alt:before {content: "\f1e0";} .header-menu ul li.fa-share-alt-square:before {content: "\f1e1";} .header-menu ul li.fa-bomb:before {content: "\f1e2";} .header-menu ul li.fa-soccer-ball-o:before, .header-menu ul li.fa-futbol-o:before {content: "\f1e3";} .header-menu ul li.fa-tty:before {content: "\f1e4";} .header-menu ul li.fa-binoculars:before {content: "\f1e5";} .header-menu ul li.fa-plug:before {content: "\f1e6";} .header-menu ul li.fa-slideshare:before {content: "\f1e7";} .header-menu ul li.fa-twitch:before {content: "\f1e8";} .header-menu ul li.fa-yelp:before {content: "\f1e9";} .header-menu ul li.fa-newspaper-o:before {content: "\f1ea";} .header-menu ul li.fa-wifi:before {content: "\f1eb";} .header-menu ul li.fa-calculator:before {content: "\f1ec";} .header-menu ul li.fa-paypal:before {content: "\f1ed";} .header-menu ul li.fa-google-wallet:before {content: "\f1ee";} .header-menu ul li.fa-cc-visa:before {content: "\f1f0";} .header-menu ul li.fa-cc-mastercard:before {content: "\f1f1";} .header-menu ul li.fa-cc-discover:before {content: "\f1f2";} .header-menu ul li.fa-cc-amex:before {content: "\f1f3";} .header-menu ul li.fa-cc-paypal:before {content: "\f1f4";} .header-menu ul li.fa-cc-stripe:before {content: "\f1f5";} .header-menu ul li.fa-bell-slash:before {content: "\f1f6";} .header-menu ul li.fa-bell-slash-o:before {content: "\f1f7";} .header-menu ul li.fa-trash:before {content: "\f1f8";} .header-menu ul li.fa-copyright:before {content: "\f1f9";} .header-menu ul li.fa-at:before {content: "\f1fa";} .header-menu ul li.fa-eyedropper:before {content: "\f1fb";} .header-menu ul li.fa-paint-brush:before {content: "\f1fc";} .header-menu ul li.fa-birthday-cake:before {content: "\f1fd";} .header-menu ul li.fa-area-chart:before {content: "\f1fe";} .header-menu ul li.fa-pie-chart:before {content: "\f200";} .header-menu ul li.fa-line-chart:before {content: "\f201";} .header-menu ul li.fa-lastfm:before {content: "\f202";} .header-menu ul li.fa-lastfm-square:before {content: "\f203";} .header-menu ul li.fa-toggle-off:before {content: "\f204";} .header-menu ul li.fa-toggle-on:before {content: "\f205";} .header-menu ul li.fa-bicycle:before {content: "\f206";} .header-menu ul li.fa-bus:before {content: "\f207";} .header-menu ul li.fa-ioxhost:before {content: "\f208";} .header-menu ul li.fa-angellist:before {content: "\f209";} .header-menu ul li.fa-cc:before {content: "\f20a";} .header-menu ul li.fa-shekel:before, .header-menu ul li.fa-sheqel:before, .header-menu ul li.fa-ils:before {content: "\f20b";} .header-menu ul li.fa-meanpath:before {content: "\f20c";} /* HELPER STYLES /*====================================================================*/ /*Hide*/ .hidden { display: none !important; visibility: hidden !important; } /*Show*/ .visible { display: block !important; visibility: visible !important; } /*ninzio-clearfix*/ .ninzio-clearfix:after { content: ""; display: table; clear: both; } .inline-ninzio-clearfix { clear: both; display: block; } .ninzio-not-found { margin: 0 auto; padding:20px 0; } /*Remove extra br tag from uploaded image*/ img[class*="wp-image-"] + br, img + br, img + p:empty {display: none;} p:empty {display:none !important;} .project-category > span.comma:last-child { display: none; } /* GENERAL MARKUP /*====================================================================*/ /*Box sizing*/ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap: break-word; } html { height: 100%; overflow-y: scroll; } html.dark-skin { background-color: #333333; } body { margin: 0; min-height: 100%; } /*Media*/ figure {margin: 0} svg:not(:root) {overflow: hidden;} iframe, object, embed { border: none; vertical-align: bottom; } img { max-width: 100%; height: auto !important; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; margin:0; } /*Code*/ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /*Tables*/ table { border-collapse: collapse; border-spacing: 0; } th {text-align: left} /*Quotes*/ blockquote, q {quotes: none;} q:before, q:after {content: ''; content: none;} blockquote { border-left-width:5px; border-left-style:solid; padding:15px 30px; margin: 0 0 25px 0; font-family: Georgia, Times New Roman, Times, serif; font-style: italic; background-color: #f9f9f9; } .dark-skin blockquote { background-color: #444; } blockquote > p { margin-bottom: 0; } blockquote > p:last-child {padding: 0;} /*Lists*/ ul, ol {list-style-position: inside;} /*Hyperlinks*/ a {text-decoration: none;} .content a:not(.button):not(.page-numbers):hover, .content .post-social-share a:hover {color: #222;} .dark-skin .content a:not(.button):not(.page-numbers):hover, .dark-skin .content .post-social-share a:hover {color: #fff;} .content a:hover {text-decoration:none;} a:hover, a:active {outline: none;} /*Abbreviation*/ abbr[title], dfn[title] {cursor: help;} /*Marked/Inserted/Deleted and Selected text*/ ins, mark {text-decoration: none;} del {text-decoration: line-through;} ::-moz-selection { text-shadow: none; } ::selection { text-shadow: none; } /*Others*/ strong, b { font-weight: bold;} var, address {font-style: normal;} sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sup {top: -8px;} sub {bottom: -4px;} p, q, pre, address, hr, code, samp, dl, ol, ul, li ul, li ol, form, table, fieldset,menu, kbd, samp { margin: 0 0 15px 0; padding: 0; } tr, th, td {padding: 10px;} dl dd {margin-left: 25px;} h1, h2, h3, h4, h5, h6 { margin: 0 0 5px 0; font-weight: normal; } fieldset {border: none;} .button, button, input[type="reset"], input[type="submit"], input[type="button"] { cursor: pointer; display: inline-block; outline: 0; overflow: visible; text-decoration: none; width: auto; text-align: center; text-decoration: none; text-transform: uppercase; font-weight:bold; margin: 0 5px 5px 0; border: none; max-width: 100%; border-radius: 3px; padding:15px 28px 15px 28px; font-size: 16px; line-height: 20px; background-color: #444; color: #fff; -webkit-backface-visibility: hidden; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .button:hover, button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover { opacity: 0.75; } button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { border: 0; padding: 0; } textarea, select[size], select[multiple] { height: auto; } textarea { min-height: 100px; overflow: auto; resize: vertical; width: 100%; } optgroup { font-style: normal; font-weight: normal; } optgroup::-moz-focus-inner { border: 0; padding: 0; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { outline: 0; margin: 0; text-align: left; height: 40px; max-width: 100%; padding: 5px 10px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; background-color: #f1f1f1; border-width: 1px; border-style: solid; border-color: #ccc #e0e0e0 #e0e0e0 #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } select { border: 1px solid #e0e0e0; } .dark-skin select { background-color: #3b3b3b !important; border: 1px solid #444444; } textarea:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus { background-color: #f9f9f9; } .dark-skin textarea, .dark-skin select, .dark-skin input[type="date"], .dark-skin input[type="datetime"], .dark-skin input[type="datetime-local"], .dark-skin input[type="email"], .dark-skin input[type="month"], .dark-skin input[type="number"], .dark-skin input[type="password"], .dark-skin input[type="search"], .dark-skin input[type="tel"], .dark-skin input[type="text"], .dark-skin input[type="time"], .dark-skin input[type="url"], .dark-skin input[type="week"] { border-color: #333333 #444444 #444444 #333333; background-color: #3b3b3b; } .dark-skin textarea:focus, .dark-skin input[type="date"]:focus, .dark-skin input[type="datetime"]:focus, .dark-skin input[type="datetime-local"]:focus, .dark-skin input[type="email"]:focus, .dark-skin input[type="month"]:focus, .dark-skin input[type="number"]:focus, .dark-skin input[type="password"]:focus, .dark-skin input[type="search"]:focus, .dark-skin input[type="tel"]:focus, .dark-skin input[type="text"]:focus, .dark-skin input[type="time"]:focus, .dark-skin input[type="url"]:focus, .dark-skin input[type="week"]:focus { background-color: #2e2e2e; } /* LAYOUT /*====================================================================*/ /* Wrap /*----------------------------------------------------------------*/ #wrap, #wrap.full { width: 100%; min-height: 100%; margin: 0 auto; background-color: #fff; -webkit-overflow-scrolling: touch; } .dark-skin #wrap, .dark-skin #wrap.full { background-color: #333333; } #wrap.boxed { -webkit-box-shadow: 0px -5px 5px rgba(0,0,0,.3); box-shadow: 0px -5px 5px rgba(0,0,0,.3); } /* Header /*----------------------------------------------------------------*/ /* General /*............................................................*/ .header { position: relative; width: 100%; z-index:99; background-color: #fff; -webkit-box-shadow: 0 0px 0px 3px rgba(0,0,0,0.02); -moz-box-shadow: 0 0px 0px 3px rgba(0,0,0,0.02); box-shadow: 0 0px 0px 3px rgba(0,0,0,0.02); } .dark-skin .header { background-color: #2e2e2e; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .header-top { width: 100%; min-height: 40px; line-height: 40px; background-color: #f34a53; color: #ffffff; } .header-top .slogan { line-height: 20px; padding: 10px 0; text-align: center; } .header-top .slogan * { color: inherit; } .header-top .social-links { text-align: center; } .header-top .social-links a { display: inline-block; color: inherit; margin: 0; background-color: transparent !important; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; width: 30px; height: 40px; border-radius: 0px; } .header-top .social-links a:hover { background-color: #ea3d47; } .header-top .social-links i { margin: 0; font-size: 15px; line-height: inherit; display: block; width: 100%; height: 100%; text-align: center; color: inherit; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .header-top .social-links a:hover i { color: #fff; } .header-content { line-height:90px; position: relative; } .menu-fallback {display:block;} .responsive-menu-toggle, .search-toggle { position: absolute !important; top:0; right: 0; cursor: pointer; z-index: 1; display:block; height:inherit; width:40px; line-height:inherit; } .search-toggle { right: 40px; } .header-search-false .search-toggle { display: none; } .responsive-menu-toggle i, .search-toggle i { margin: 0 !important; display: block !important; line-height: inherit !important; width: inherit !important; height: inherit !important; font-weight: normal !important; font-size: 28px !important; color: #444; } /* Logo /*............................................................*/ .header .logo { position: relative; overflow: hidden; padding: 0 25px 0 0; float: left; height:inherit; line-height:inherit; display:block; } .header .logo a { display: block; height: 100%; width: 100%; text-decoration: none; text-align: center; line-height:inherit; } .header .logo a img { margin-bottom: 0; margin-top: -2px; border:none; vertical-align: middle; max-height: 70px; width:auto; } /* Search /*............................................................*/ .header .search { margin:0; position:relative; z-index: 99; width: 100%; height: 80px; line-height: 80px; background-color:#19262b; display: none; } .header .search .container { height: inherit; position: relative; } .header .search form, .header .search fieldset, .header .search input { margin: 0; padding: 0; height:inherit; } .header .search input[type="text"] { width:100%; border: none; background-color:transparent; padding: 0px 30px 0px 0px; text-transform: uppercase; font-size: 32px !important; color:#fff !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .header .search-off { width: 30px; height:inherit; background-color: transparent; background-image: url(images/close_icon.png); background-repeat: no-repeat; background-position: center center; position: absolute; right: 0; top: 0; cursor: pointer; } .header .search input[type="submit"] { display: none; } /* Menu /*............................................................*/ .header-menu { display: none; margin: 10px 0px 40px 0; } .header-menu ul { margin: 0; padding: 0; list-style:none; } .header-menu ul li { margin: 0; padding: 0; position: relative; } .header-menu ul li a { display: block; position: relative; text-decoration: none; color: #333; text-align: left; padding: 15px 20px 15px 20px; margin: 0; line-height: 22px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; border-bottom: 1px solid rgba(51,51,51,0.2); position: relative; z-index: 10; } .header-menu > ul > li:first-child > a { border-top:1px solid rgba(51,51,51,0.2); } .header-menu ul ul li a { padding-left:40px; } .header-menu ul ul ul li a { padding-left:60px; } .header-menu ul li > a:after { content: "\f107"; display:block; position: absolute; right:5px; top: 50%; margin-top: -10px; height: 20px; width: 20px; line-height:20px; text-align: center; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-family: FontAwesome !important; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .header-menu > ul li > a:only-child:after { content: ""; margin: 0 !important; display: none !important; width: 0; height: 0; } /* WPML Language select /*............................................................*/ .menu-item-language img { vertical-align: middle; margin-right: 7px !important; } .menu-item-language img { vertical-align: middle; margin-right: 7px !important; } .menu-item-language a:after { display: none !important; } .header-menu ul li.menu-item-language ul li a { padding-left: 20px; } .header-top #lang_sel ul, .header-top #lang_sel_list ul { list-style: none; margin: 0; } .header-top #lang_sel ul li, .header-top #lang_sel_list ul li { min-height: 40px; line-height: 40px; } .header-top #lang_sel ul li a, .header-top #lang_sel_list ul li a { display: block; text-decoration: none; line-height: inherit; padding: 0 10px; } .header-top #lang_sel ul li a img, .header-top #lang_sel_list ul li a img { vertical-align: middle; } /* Header height /*............................................................*/ .height-60 .header-content {line-height: 60px;} .height-60.header .logo a img {max-height: 50px;} .height-60 .menu-fallback {line-height: 34px;} .height-70 .header-content {line-height: 70px;} .height-70.header .logo a img {max-height: 60px;} .height-70 .menu-fallback {line-height: 34px;} .height-80 .header-content {line-height: 80px;} .height-80.header .logo a img {max-height: 70px;} .height-80 .menu-fallback {line-height:34px;} .height-90 .header-content {line-height: 90px;} .height-90.header .logo a img {max-height: 80px;} .height-90 .menu-fallback {line-height: 34px;} .height-100 .header-content {line-height: 100px;} .height-100.header .logo a img {max-height: 90px;} .height-100 .menu-fallback {line-height: 34px;} .height-110 .header-content {line-height: 110px;} .height-110.header .logo a img {max-height: 100px;} .height-110 .menu-fallback {line-height: 34px;} .height-120 .header-content {line-height: 120px;} .height-120.header .logo a img {max-height: 110px;} .height-120 .menu-fallback {line-height: 34px;} /* Rich header /*----------------------------------------------------------------*/ .rich-header { background-color: #3b3b3b; } .blog-header, .faq-header, .page-header, .search-header { background-color: #f6f6f6; } .dark-skin .blog-header, .dark-skin .faq-header, .dark-skin .search-header { background-color: #333333; } .rich-header .container { padding: 20px 0; position: relative; } .page-header .container { padding: 80px 0; } .blog-header .container, .faq-header .container, .search-header .container { padding: 0px 0; } .single .blog-header .container, .single .faq-header .container { padding: 20px 0; } .single .rich-header .container { padding: 40px 0 20px 0; border-bottom:1px solid #e0e0e0; } .dark-skin .single .rich-header .container { border-bottom:1px solid #444444; } .rich-header .container > *, .rich-header .container > div > * { height: 100%; max-width: 100%; } .rich-header h1 { font-size: 28px; line-height: 34px; } .page-header { text-align: center; } .page-header h1 { padding-top:5px; padding-bottom:15px; font-size:72px; line-height:88px; display: inline-block; } .page-header .page-subtitle { padding-top:5px; padding-bottom:5px; font-size:28px; line-height:40px; display: inline-block; margin-bottom: 0; } .blog-header h1, .faq-header h1, .search-header h1 { padding: 40px 0 20px 0; border-bottom:1px solid #e0e0e0; } .dark-skin .blog-header h1, .dark-skin .faq-header h1, .dark-skin .search-header h1 { border-bottom:1px solid #444444; } .single .blog-header h1, .single .faq-header h1 { padding: 0px; border-bottom:none; } .portfolio-header h1 { font-size: 22px; line-height: 34px; color: #fff; } .single .portfolio-header { background-color: #f6f6f6; } .dark-skin .single .portfolio-header { background-color: #333333; } .single .portfolio-header h1 { font-size: 28px; line-height: 34px; color: #333333; } .dark-skin .single .portfolio-header h1 { color: #ffffff; } .rich-header #ninzio-nav-single { position: absolute; width: 80px; height: 40px; top: 50%; right: 0; margin-top: -20px; } .rich-header #ninzio-nav-single > * { display:block; float: left; width: 40px; height: inherit; } .rich-header #ninzio-nav-single > div a { display: block; height: inherit; width: inherit; background-repeat: no-repeat; background-position: center center; opacity: 0.7; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .rich-header #ninzio-nav-single > div a:hover { opacity: 1; } .rich-header #ninzio-nav-single > .nav-next a { background-image: url(images/arrow_right.png); } .rich-header #ninzio-nav-single > .nav-previous a { background-image: url(images/arrow_left.png); } .js .page-header { opacity: 0; } /* Content /*----------------------------------------------------------------*/ .blog .page-content-container, .archive .page-content-container, .single .page-content-container { background-color: #f6f6f6; } .dark-skin .blog .page-content-container, .dark-skin .archive .page-content-container, .dark-skin .single .page-content-container { background-color: #333333; } .content { padding: 70px 0 0 0; } .content.loop { padding: 50px 0 25px 0; } .main-content, .sidebar { margin-bottom: 25px; width: 100%; } .single .page-content-container > .container, .search .page-content-container > .container { padding-bottom: 40px; } .page-content-wrap { background-color: #ffffff; } .dark-skin .page-content-wrap { background-color: #333333; } /* Footer /*----------------------------------------------------------------*/ .footer { position: relative; background-color: #444444; } .footer .footer-content a, .footer .footer-content {color: #fff;} .footer .footer-content { width: 100%; min-height: 50px; line-height: 50px; } .footer .footer-info { line-height: 20px; padding: 15px 0; text-align: center; } .footer .footer-info * { color: inherit; } .footer .social-links { text-align: center; } .footer .social-links a { display: inline-block; color: inherit; width: 40px; height: 50px; margin: 0; background-color: transparent !important; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; border-radius: 0px; } .footer .social-links a:hover { background-color: rgba(0,0,0,0.2) !important; } .footer .social-links i { margin: 0; font-size: 15px; line-height: 50px; display: block; width: 100%; height: 100%; text-align: center; color: inherit !important; } .footer .social-links a:hover i { color: #fff !important; } .footer-widget-area-wrap { background-color: #333333; } .footer-widget-area-wrap .widget { padding-top: 40px; } .footer-widget-area-wrap .widget .widget_title { margin-bottom: 15px; } .footer-widget-area-wrap .widget a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .footer-widget-area-wrap .widget a:hover { opacity: 0.7; } .footer-widget-area-wrap .widget .widget_title { border-bottom: none; padding-bottom: 0; } .footer-widget-area-wrap .widget_calendar tbody td a { opacity: 0.4; } .footer-widget-area-wrap .widget_calendar tbody td a:hover { opacity: 1; } .footer-widget-area-wrap .widget_search input[type="submit"] { background-image: url(images/zoom_icon_white.png); } .footer .footer-menu { padding: 5px 0; } .footer .footer-menu ul { list-style: none; margin: 0; } .footer .footer-menu ul li { margin: 0; padding:0; display:block; } .footer .footer-menu ul li a { display:block; text-decoration: none; text-align: center; -webkit-transition: all ease-out 0.7s; -moz-transition: all ease-out 0.7s; -o-transition: all ease-out 0.7s; -ms-transition: all ease-out 0.7s; transition: all ease-out 0.7s; -webkit-backface-visibility: hidden; } .footer .footer-menu ul li a:hover { opacity: 0.7; } /* THUMBNAIL /*====================================================================*/ .ninzio-thumbnail { text-align: center; position: relative; width: 100%; max-width: 100%; margin-bottom:0px; } .ninzio-thumbnail > img { margin: 0 auto; } .ninzio-thumbnail:hover .ninzio-overlay-content { opacity: 1 } .single .ninzio-thumbnail, .single .post-video, .single .post-gallery, .single .post-audio { margin-bottom:15px; } .single-portfolio .portfolio .ninzio-thumbnail, .single-portfolio .portfolio .post-video, .single-portfolio .portfolio .post-gallery, .single-portfolio .portfolio .post-audio { margin-bottom:25px; width: 100%; } .single-portfolio .portfolio .post-audio { padding: 0; } .single-portfolio .portfolio .post-gallery .ninzio-thumbnail { margin-bottom: 0; } .post-gallery .flex-direction-nav a { margin: 0; top:auto; bottom:10px; left: auto; right: 10px; opacity: 1; } .post-gallery .flex-direction-nav a.flex-prev { right: 42px; } .ninzio-overlay { position: absolute; top: 0; left: 0; z-index: 3; text-align: center; width: 100%; height: 100%; opacity: 0; color: #fff !important; overflow: hidden; -webkit-transition: all ease-out 0.7s; -moz-transition: all ease-out 0.7s; -o-transition: all ease-out 0.7s; -ms-transition: all ease-out 0.7s; transition: all ease-out 0.7s; -webkit-backface-visibility: hidden; } .ninzio-overlay:hover {opacity: 1;} .ninzio-overlay a.ninzio-more, .ninzio-overlay a.ninzio-zoom { width: 100%; height: 100%; text-align: center; display:block; text-decoration: none; color: transparent !important; background: url(images/big_plus.png) no-repeat center center; } .ninzio-overlay > .ninzio-overlay-content { width: 100%; height:auto; text-align: center; display:block; padding:20px; opacity: 0; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; position: absolute; top:50%; } .ninzio-overlay:hover > .ninzio-overlay-content { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ninzio-overlay > .ninzio-overlay-content, .ninzio-overlay > .ninzio-overlay-content a, .ninzio-overlay > .ninzio-overlay-content a:hover, .ninzio-overlay > .ninzio-overlay-content .project-category a, .ninzio-overlay > .ninzio-overlay-content .project-category a:hover, .ninzio-overlay > .ninzio-overlay-content span.comma, .dark-skin .ninzio-overlay > .ninzio-overlay-content, .dark-skin .ninzio-overlay > .ninzio-overlay-content a, .dark-skin .ninzio-overlay > .ninzio-overlay-content a:hover, .dark-skin .ninzio-overlay > .ninzio-overlay-content .project-category a, .dark-skin .ninzio-overlay > .ninzio-overlay-content .project-category a:hover, .dark-skin .ninzio-overlay > .ninzio-overlay-content span.comma { color: #fff !important; } .ninzio-overlay > .ninzio-overlay-content .project-category a, .ninzio-overlay > .ninzio-overlay-content .project-category span.comma { color: rgba(255,255,225,0.7) !important; } .ninzio-overlay > .ninzio-overlay-content .project-category a:hover { color: #fff !important; } .post-video { overflow: hidden; } .loop .post-audio { padding: 10px 10px 0 10px; background-color: #fff; } .dark-skin .loop .post-audio { background-color: #3b3b3b; } .dark-ninzio-more { width: 50px; height: 50px; background-color: rgba(0,0,0,0.3); display: block; position: absolute; bottom:-50px; right: 0; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; -webkit-backface-visibility: hidden; background-image: url(images/plus.png); background-position: center center; background-repeat:no-repeat; } .ninzio-overlay:hover .dark-ninzio-more {bottom: 0;} .dark-ninzio-more:hover { background-color: rgba(0,0,0,0.7); } /* SOCIAL SHARE /*====================================================================*/ .post-social-share { display:block; padding-top:20px; border-top:1px solid #e0e0e0; margin-top: 20px; } .post-social-share .share-message { display: inline-block; padding:3px 15px; position: relative; margin-right: 10px; color: #ffffff; border-radius: 3px; } .post-social-share .share-message:after { content: ""; display: block; position: absolute; top:50%; right: -5px; margin-top: -4px; width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent #f34a53; } .dark-skin .post-social-share { border-top:1px solid #444444; } .post-social-share a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; background-color: #cccccc; width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; border-radius: 3px; color: #f6f6f6 !important; } .dark-skin .post-social-share a { background-color: #3b3b3b; color: #999999 !important; } .post-social-share a.post-twitter-share:hover { background-color: #29b2e4; color: #ffffff !important; } .post-social-share a.post-facebook-share:hover { background-color: #3b5998; color: #ffffff !important; } .post-social-share a.post-linkedin-share:hover { background-color: #1783bc; color: #ffffff !important; } .post-social-share a.post-google-share:hover { background-color: #de4b39; color: #ffffff !important; } .post-social-share a.post-pinterest-share:hover { background-color: #bd3339; color: #ffffff !important; } .post-social-share a i { line-height: 30px; margin: 0; } /* PAGINATION /*====================================================================*/ .js .loop.grid_2 + .ninzio-navigation, .js .loop.grid_3 + .ninzio-navigation, .js .loop.grid_4 + .ninzio-navigation{ display: none; } .js .woocommerce-loop .woocommerce-pagination { display: none; } .ninzio-navigation, .woocommerce-pagination { width: 100%; } .ninzio-navigation ul, .woocommerce-pagination ul { margin: 0; padding-bottom: 25px; text-align: center; width: 100%; } .fluid_grid + .ninzio-navigation ul { padding-top: 25px; } .ninzio-navigation li, .woocommerce-pagination li { display: inline-block; margin: 0 0px 5px 0; } .ninzio-navigation li:last-child, .woocommerce-pagination li:last-child { margin-right:0px; } .ninzio-navigation li a, .ninzio-navigation li span.current, .woocommerce-pagination li a, .woocommerce-pagination li span.current { display: inline-block; text-decoration:none; background-color: #fff; max-width: 100%; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; padding:13px 16px 12px 16px; font-size: 12px; line-height: 12px; cursor: pointer; border-radius: 3px; } .woocommerce-pagination li a.next, .woocommerce-pagination li a.prev { font-size: 13px; line-height: 12px; } .dark-skin .ninzio-navigation li a, .dark-skin .ninzio-navigation li span.current, .dark-skin .woocommerce-pagination li a, .dark-skin .woocommerce-pagination li span.current { background-color: #3b3b3b; } .ninzio-navigation li a:hover, .ninzio-navigation li span.current, .dark-skin .ninzio-navigation li a:hover, .dark-skin .ninzio-navigation li span.current, .woocommerce-pagination li a:hover, .woocommerce-pagination li span.current, .dark-skin .woocommerce-pagination li a:hover, .dark-skin .woocommerce-pagination li span.current { color: #fff !important; } /* WIDGETS /*====================================================================*/ /* General /*----------------------------------------------------------------*/ .widget { margin-bottom: 30px; } .widget_title { margin-bottom: 20px; padding-bottom: 5px; text-transform: uppercase; font-weight: bold; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; } .dark-skin .widget_title { border-bottom-color: #444444; } /* Tag cloud /*----------------------------------------------------------------*/ .widget_tag_cloud .tagcloud a { text-decoration: none; display: inline-block; padding: 2px 10px; margin: 0 1px 4px 0; background-color: #eeeeee; border-radius: 3px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; opacity: 1 !important; } .widget_tag_cloud .tagcloud a:hover { background-color: #e0e0e0; } .dark-skin .widget_tag_cloud .tagcloud a { background-color: #3b3b3b; } .dark-skin .widget_tag_cloud .tagcloud a:hover { background-color: #444444; color: #eeeeee !important; } /* Search /*----------------------------------------------------------------*/ .widget_search form { position: relative; margin-bottom: 0; } .widget_search form fieldset { max-width: 100%; margin-bottom: 0; } .widget_search input[type="text"] { width: 100%; max-width: 100% !important; padding: 0 40px 0 10px; } .widget_search input[type="submit"] { text-indent: -2000%; white-space: nowrap; overflow: hidden; width:40px; height: 40px; border:none; outline: none; position: absolute; top: 0; right: 0; padding: 0; margin: 0; background-color: transparent !important; background-image: url(images/zoom_icon_dark.png); background-repeat: no-repeat; background-position: 50% 50%; } .widget_search input[type="submit"]:hover { background-color: transparent !important; } /* Categories, Pages, Custom menu, Archive, Meta /*----------------------------------------------------------------*/ .widget_categories ul, .widget_pages ul, .widget_nav_menu ul, .widget_archive ul, .widget_meta ul { list-style: none; margin: 0; padding: 0; } .widget_categories ul li a, .widget_pages ul li a, .widget_nav_menu ul li a, .widget_archive ul li a { position: relative; padding-left: 15px; display: inline-block; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .widget_categories ul li ul, .widget_pages ul li ul, .widget_nav_menu ul li ul { margin-left: 20px; } .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_nav_menu ul li a:before, .widget_archive ul li a:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; } .widget_categories select, .widget_archive select { width: 100%; padding-right: 5px; } .widget_nav_menu ul li a { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; width: 100%; } .widget_nav_menu ul li:last-child a { border-bottom: none; } .dark-skin .widget_nav_menu ul li a { border-bottom: 1px solid #444444; } /* Calendar /*----------------------------------------------------------------*/ .widget_calendar { width: 100%; } .widget_calendar table { margin: 0; padding: 0; width: 100%; border: none !important; position: relative; border-spacing:0; border-collapse:collapse; } .widget_calendar caption { height: 40px; line-height: 40px; margin: 0 auto; border-width:1px; border-style: solid; border-color: #e0e0e0; } .dark-skin .widget_calendar caption { border-color: #444444; } .widget_calendar th { font-size: 11px; font-weight: normal; text-align: center; line-height: 40px; padding: 0; width: 40px; height: 40px; } .widget_calendar th:first-child { border-left-color:#e0e0e0; border-left-style:solid; border-left-width: 1px; } .dark-skin .widget_calendar th:first-child { border-left-color:#444444; } .widget_calendar th:last-child { border-right-color:#e0e0e0; border-right-style:solid; border-right-width: 1px; } .dark-skin .widget_calendar th:last-child { border-right-color:#444444; } .widget_calendar td { border-width:1px; border-style: solid; border-color: #e0e0e0; text-align: center; text-decoration: none; font-size: 11px; line-height: 40px; padding: 0; width:40px; height: 40px; } .dark-skin .widget_calendar td { border-color: #444444; } .widget_calendar td#today { background-color:rgba(0,0,0,0.03); } .dark-skin .widget_calendar td#today { background-color:rgba(255,255,255,0.08); } .widget_calendar td a { display: block; text-decoration: none; width: 100%; height: 100%; } .widget_calendar tfoot td.pad { background-color: transparent; border: none; line-height: 0; height: 0; width: 0; } .widget_calendar td#prev, .widget_calendar td#next { position: absolute; top: 0; left:0px; z-index: 5; height: 40px; width: 40px; padding-top: 0; padding-bottom: 0; padding:0; border-color: #e0e0e0; border-width:1px; border-style: solid; } .dark-skin .widget_calendar td#prev, .dark-skin .widget_calendar td#next { border-color: #444444; } .widget_calendar td#prev{ border-left:none; left:1px; } .widget_calendar td#next { left:auto; right:1px; border-right:none; } .widget_calendar td#prev a, .widget_calendar td#next a { border: none; outline: none; width:100%; height:inherit; margin: 0 auto; display: block; } /* Rss, Recent posts, Recent comments /*----------------------------------------------------------------*/ .widget_rss .widget_title a { display: inline; display: inline-block; text-decoration: none; } .widget_rss .widget_title a img { margin:0; vertical-align: middle; } .widget_rss .widget_title a.rsswidget:first-child { width: 14px; height: 14px; } .widget_rss ul, .widget_recent_entries ul, .widget_recent_comments ul { list-style: none; margin: 0; padding: 0; } .widget_rss ul li, .widget_recent_entries ul li, .widget_recent_comments ul li { padding-bottom: 10px; margin-bottom: 10px; border-bottom-color: #e0e0e0; border-bottom-width: 1px; border-bottom-style: solid; } .dark-skin .widget_rss ul li, .dark-skin .widget_recent_entries ul li, .dark-skin .widget_recent_comments ul li { border-bottom-color: #444444; } .widget_rss ul li:last-child, .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom:none; } .widget_rss ul li:last-child, .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li > * { display: block; } .widget_recent_entries ul li .post-date { text-transform: uppercase; } /* Twitter /*----------------------------------------------------------------*/ .widget_twitter ul { list-style: none; margin: 0; padding: 0; } .widget_twitter ul li { margin: 0 0 10px 0; padding:0 0 10px 0px; border-bottom-color: #e0e0e0; border-bottom-width: 1px; border-bottom-style: solid; } .dark-skin .widget_twitter ul li { border-bottom-color: #444444; } .widget_twitter ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .widget_twitter ul li p { margin-bottom: 0; } .widget_twitter ul li a { display: block; } .widget_twitter ul li a.tweet-author { font-weight: bold; } /* Recent portfolio /*----------------------------------------------------------------*/ .widget_recent_portfolio .recent-portfolio .post { width:32%; height:auto; margin-right: 2%; margin-bottom: 2%; float: left; } .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0; } .widget_recent_portfolio .recent-portfolio .post .ninzio-more { background-image: url(images/plus.png); } /* Flickr /*----------------------------------------------------------------*/ .widget_photos_from_flickr .flickr_badge_image { width:23.5%; height:23.5%; margin-right: 2%; margin-bottom: 2%; float: left; position: relative; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .widget_photos_from_flickr #flickr_badge_image4, .widget_photos_from_flickr #flickr_badge_image8 { margin-right: 0; } .widget_photos_from_flickr .flickr_badge_image a img { margin-bottom: 0; } .widget_photos_from_flickr .flickr_badge_image a:before { content: ""; display: block; position: absolute; vertical-align: middle; font-weight: bold; text-align: center; top: 0; left: 0; width:100%; height: 100%; opacity: 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; background-image: url(images/plus.png); background-repeat: no-repeat; background-position: center center; } .widget_photos_from_flickr .flickr_badge_image a:hover:before { opacity: 1; } .widget_photos_from_flickr .flickr_badge_image a { display: block; width: 100%; height: 100%; } /* Facebook /*----------------------------------------------------------------*/ .widget_facebook .fb-like-box, .widget_facebook .fb-like-box span, .widget_facebook .fb-like-box span iframe { width: 100% !important; max-width: 100% !important; } .loop .sidebar .widget_facebook .fb-like-box, .loop .sidebar .widget_facebook .fb-like-box span, .loop .sidebar .widget_facebook .fb-like-box span iframe { background-color: #fff; } .dark-skin .loop .sidebar .widget_facebook .fb-like-box, .dark-skin .loop .sidebar .widget_facebook .fb-like-box span, .dark-skin .loop .sidebar .widget_facebook .fb-like-box span iframe { background-color: #3b3b3b; } /* WPML Language select /*----------------------------------------------------------------*/ .icl_languages_selector #lang_sel, .icl_languages_selector #lang_sel_click { font-family:inherit; display:block; z-index: 1 !important; } .icl_languages_selector #lang_sel ul, .icl_languages_selector #lang_sel_list ul, .icl_languages_selector #lang_sel_click ul { list-style: none; } #lang_sel_click ul ul {border:none !important;} .icl_languages_selector img.iclflag {vertical-align: middle;} .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal:after { content: ""; display: table; clear: both; } .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal li { float: left; margin: 0 5px 5px 0; } .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal li a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; background-color: #eeeeee; border-radius: 3px; display: block; padding: 2px 10px 4px 10px; } .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal li a:hover { background-color: #e0e0e0; } .dark-skin .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal li a { background-color: #3b3b3b; } .dark-skin .icl_languages_selector #lang_sel_list.lang_sel_list_horizontal li a:hover { background-color: #555555; } .icl_languages_selector #lang_sel_list.lang_sel_list_vertical a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; display: block; width: 100%; padding:5px 0px 7px 0px; border-bottom-width: 1px; border-bottom-style:solid; border-bottom-color:#e0e0e0; } .dark-skin .icl_languages_selector #lang_sel_listlang_sel_list_vertical a { border-bottom-color:#555555; } .icl_languages_selector #lang_sel_listlang_sel_list_vertical > ul li:last-child > a { border-bottom:none; } .icl_languages_selector #lang_sel a, .icl_languages_selector #lang_sel_click a { display: block; padding:7px 10px 5px 10px; height: 40px !important; width: 100%; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; background-color: #f1f1f1; border-width:1px; border-style: solid; border-color: #e0e0e0; border-bottom: none; background-image:none !important; } .icl_languages_selector #lang_sel_click a { background-color: #f1f1f1 !important; border-color: #e0e0e0 !important; } .icl_languages_selector #lang_sel a:hover {background-color:#eeeeee;} .icl_languages_selector #lang_sel_click a:hover {background-color:#eeeeee !important;} .icl_languages_selector #lang_sel > ul > li > a, .icl_languages_selector #lang_sel_click > ul > li > a { border-radius:3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; } .icl_languages_selector #lang_sel > ul > li > ul > li:last-child > a, .icl_languages_selector #lang_sel_click > ul > li > ul > li:last-child > a { border-radius: 0 0 3px 3px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; } .dark-skin .icl_languages_selector #lang_sel a, .dark-skin .icl_languages_selector #lang_sel_click a { background-color: #3b3b3b; border-color:#555555; } .dark-skin .icl_languages_selector #lang_sel_click a { background-color: #3b3b3b !important; border-color: #555555 !important; } .dark-skin .icl_languages_selector #lang_sel a:hover { background-color:#333333; } .dark-skin .icl_languages_selector #lang_sel_click a:hover { background-color:#333333 !important; } .dark-skin .icl_languages_selector #lang_sel > ul > li > a, .dark-skin .icl_languages_selector #lang_sel_click > ul > li > a { border-bottom-color:#555555; } .dark-skin .icl_languages_selector #lang_sel > ul > li > ul > li:last-child > a, .dark-skin .icl_languages_selector #lang_sel_click > ul > li > ul > li:last-child > a { border-bottom-color:#555555; } .icl_languages_selector #lang_sel > ul > li > a:after, .icl_languages_selector #lang_sel_click > ul > li > a:after { content: "\f107"; display: block; position: absolute; right: 5px; top: 50%; margin-top: -10px; height: 20px; width: 20px; line-height: 20px; text-align: center; background-image: none; background-position: 0% 0%; background-repeat: repeat; font-family: FontAwesome !important; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; } .icl_languages_selector #lang_sel > ul > li:hover > a, .icl_languages_selector #lang_sel_click > ul > li:hover > a { border-radius:3px 3px 0 0; } .icl_languages_selector #lang_sel > ul > li > ul > li:first-child > a, .icl_languages_selector #lang_sel_click > ul > li > ul > li:first-child > a { border-top: none !important; } .icl_languages_selector #lang_sel > ul > li, .icl_languages_selector #lang_sel_click > ul > li { position: relative; } .icl_languages_selector #lang_sel_click ul li { width: 100% !important; } .icl_languages_selector #lang_sel > ul > li > ul { width: 100%; position:absolute; top: 40px; left: 0; display: none; z-index: 15; } .icl_languages_selector #lang_sel_click > ul > li > ul { width: 100%; position:absolute; top: 40px; left: 0; z-index: 15; } .icl_languages_selector #lang_sel > ul > li:hover > ul { display: block; } /* BLOG /*====================================================================*/ .blog-layout { position: relative; margin: 0 auto; } .js .loop .blog-layout.small .post, .js .loop .blog-layout.medium .post, .js .loop .blog-layout.large .post { visibility: hidden; } .js .loop .blog-layout.small.animated-layout .post, .js .loop .blog-layout.medium.animated-layout .post, .js .loop .blog-layout.large.animated-layout .post { visibility: visible; } .loop .post { margin-bottom: 24px; } .loop .blog-layout.small > .post, .loop .blog-layout.medium > .post, .loop .blog-layout.large > .post, .loop .blog-layout.full > .post { padding: 10px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .loop .blog-layout.small > .post, .dark-skin .loop .blog-layout.medium > .post, .dark-skin .loop .blog-layout.large > .post, .dark-skin .loop .blog-layout.full > .post { background-color: #3b3b3b; } .single .post { margin-bottom: 50px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .dark-skin .single .post { border-bottom: 1px solid #444444; } .loop .post-body, .loop .post-meta-footer { padding: 20px; background-color: #fff; } .dark-skin .loop .post-body, .dark-skin .loop .post-meta-footer { background-color: #3b3b3b; } .loop .post-meta-footer { padding: 5px 20px 0px 20px; border-top:1px solid #eeeeee; } .dark-skin .loop .post-meta-footer { border-top:1px solid #444444; } .post-body .post-title a { color:inherit !important; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .content .format-link .post-body .post-title a, .content .format-link .post-body .post-title a:hover, .content .format-link .post-body .post-title, .content .format-link .post-date, .content .format-link .post-link a, .dark-skin .content .format-link .post-body .post-title a, .dark-skin .content .format-link .post-body .post-title a:hover, .dark-skin .content .format-link .post-body .post-title, .dark-skin .content .format-link .post-date, .dark-skin .content .format-link .post-link a { color:#fff !important; } .format-link .post-date { opacity: 0.8; margin-bottom: 5px; } .single .format-link .post-body { padding:20px; } .post-meta { margin-bottom: 5px; } .single .post-meta { margin-bottom:10px; padding-bottom: 10px; border-bottom: 1px solid #e0e0e0; } .dark-skin .single .post-meta { border-bottom: 1px solid #444444; } .post-author, .post-date, .post-comments, .post-category { display: inline-block; } .post .post-author:after, .post .post-date:after, .post .post-comments:after, .post .post-category:after { color:inherit; display: inline-block; content: "|"; padding: 0 3px 0px 8px; text-align: center; } .post-author a, .post-comments a, .post-category a { color:inherit !important; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .post-meta > :last-child:after, .post-meta-footer > *:after, .single .post-meta > .post-comments:last-child:after, .single .post-meta > .post-comments:nth-last-child(2):after, .format-link .post-date:after { display: none !important; } .post-category ul { margin: 0; padding: 0; list-style: none; } .post-category ul li { margin: 0; padding: 0; display: inline-block; } .post-meta-footer > :first-child {float: left;} .post-meta-footer > :last-child {float: right;} .read-more { display: block; } .post-content > p:last-child { margin-bottom: 0; } .format-quote .post-content, .format-quote .quote-author { font-family: Georgia, Times New Roman, Times, serif; font-style: italic; } .post-tags { padding-top: 15px; } .post-tags a { display: inline-block; padding:2px 10px; margin: 0 5px 5px 0; border-radius: 3px; background-color: #eeeeee; color: inherit !important; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .dark-skin .post-tags a { background-color: #3b3b3b; } .post-tags a:hover { background-color: #e0e0e0; } .dark-skin .post-tags a:hover { background-color: #444444; color: #eeeeee !important; } .post.format-chat .post-content ul { list-style: none; margin: 0; padding: 0; } .post.format-chat .post-content ul li { padding: 5px 0px; border-bottom: 1px solid #eeeeee; } .dark-skin .post.format-chat .post-content ul li { border-bottom: 1px solid #444444; } .post.format-chat .post-content ul li:first-child { padding-top: 0px; } .post.format-chat .post-content ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0; } .post.format-chat .post-content ul li span.name { display: inline; } .post.format-chat .post-content ul li span.name:after { content: ": "; display: inline; } .post.format-chat .post-content ul li p { margin-bottom: 0; display: inline; } /* PORTFOLIO /*====================================================================*/ .portfolio-layout { position: relative; margin: 0 auto; } .single-portfolio .page-content-container .rich-header + .container.solo-layout, .post-type-archive-portfolio .page-content-container .rich-header + .container.no-gap-grid { width: 100% !important; max-width: 100% !important; } .fluid_grid { padding: 0 !important; } .js .loop .portfolio-layout.small .portfolio, .js .loop .portfolio-layout.medium .portfolio, .js .loop .portfolio-layout.large .portfolio { visibility: hidden; } .js .loop .portfolio-layout.small.animated-layout .portfolio, .js .loop .portfolio-layout.medium.animated-layout .portfolio, .js .loop .portfolio-layout.large.animated-layout .portfolio { visibility: visible; } .loop .no-gap-grid .portfolio { -webkit-transition: all ease-out 0.5s; -moz-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; -ms-transition: all ease-out 0.5s; transition: all ease-out 0.5s; opacity: 0; -webkit-perspective: 1000; -webkit-backface-visibility: hidden; } .loop .no-gap-grid.animated .portfolio { opacity: 1; } .loop .portfolio { margin-bottom: 24px; } .small > .loop .portfolio, .medium > .loop .portfolio, .large > .loop .portfolio, .full > .loop .portfolio, .image-grid-small > .loop .portfolio, .image-grid-medium > .loop .portfolio, .image-grid-large > .loop .portfolio { padding: 10px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .small > .loop .portfolio, .dark-skin .medium > .loop .portfolio, .dark-skin .large > .loop .portfolio, .dark-skin .full > .loop .portfolio, .dark-skin .image-grid-small > .loop .portfolio, .dark-skin .image-grid-medium > .loop .portfolio, .dark-skin .image-grid-large > .loop .portfolio { background-color: #3b3b3b; } .loop .no-gap-grid .portfolio { margin-bottom: 0; width: 100%; height: auto; } .single-portfolio .portfolio:after { content: ""; display: table; clear: both; } .single-portfolio .portfolio > :only-child { width: 100% !important; float: none !important; margin-bottom: 0 !important; } .single-portfolio .portfolio { margin-bottom: 50px; } .post-type-archive-portfolio .portfolio .post-body, .tax-portfolio-category .portfolio .post-body, .tax-portfolio-tag .portfolio .post-body { text-align: center; } .single-portfolio .portfolio .post-body { margin-bottom:25px; width: 100%; } .project-category a, .project-tag a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .project-content { margin-bottom:20px; } .project-content > p:last-child { margin-bottom: 0; } .single-portfolio .post-social-share { margin-bottom: 20px; padding: 0; border:none !important; margin-top: 0; } .single-portfolio .project-category, .single-portfolio .project-tags, .single-portfolio .project-client { display: table; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; } .dark-skin .single-portfolio .project-category, .dark-skin .single-portfolio .project-tags, .dark-skin .single-portfolio .project-client { border-bottom-color: #444444; } .project-details > :first-child { border-top-width: 1px; border-top-style: solid; border-top-color: #eeeeee; padding-top: 5px; } .dark-skin .project-details > :first-child { border-top-color: #444444; } .single-portfolio .project-category > span, .single-portfolio .project-tags > span, .single-portfolio .project-client > span { display: table-cell; vertical-align: middle; } .single-portfolio .project-category > span:first-child, .single-portfolio .project-tags > span:first-child, .single-portfolio .project-client > span:first-child { width: 70px; } .project-details .project-link.button { margin: 20px 0px 0px 0px; } .single-portfolio .portfolio[data-format="audio"] > * { width: 100% !important; margin-right: 0 !important; } .single-portfolio .portfolio[data-format="audio"] > .post-body > * { float: left; } .single-portfolio .portfolio[data-format="audio"] > .post-body > :only-child { width:100%; float: none; margin-right: 0; } .single-portfolio .solo-layout .post-social-share {text-align: center;} /* FAQ /*====================================================================*/ .faq-layout { padding-bottom: 40px; } .js .faq-layout > .accordion { visibility: hidden; } .faq-layout > .accordion .faq {margin-bottom: 5px;} .faq-layout > .accordion .faq:last-child {margin-bottom: 0px;} .faq-layout > .accordion .faq .toggle-content > :last-child { margin-bottom: 0; } .faq .post-category a:after { color:inherit; display: inline-block; content: "|"; padding: 0 3px 0px 3px; text-align: center; } .faq .post-category a:last-child:after { display: none; } /* WOOCOMMERCE /*====================================================================*/ /* General /*----------------------------------------------------------------*/ .woocommerce .demo_store { position: fixed; margin:0; text-align: center; left: 0; top: 0; width: 100%; padding:10px 20px; border-color:#a6c4d8; background: #e3eff7; color: #225f87; z-index: 99; } .dark-skin .woocommerce .demo_store { border-color:#a6c4d8; background: #85a1b4; color: #164463; } .woocommerce .products { position: relative; margin: 0 auto; list-style: none; } .woocommerce .woocommerce-loop .products { margin-bottom: 25px; } .woocommerce .products .product { margin-bottom: 24px; padding: 10px; background-color: #ffffff; border-radius: 3px; text-align: center; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .woocommerce .products .product { background-color: #3b3b3b; } .woocommerce .product .onsale { z-index: 10; width: 50px; height: 50px; border-radius: 50px; padding: 10px; text-align: center; line-height:30px; color: #ffffff; display: block; position: absolute; top: -10px; right: 10px; } .woocommerce .products .product .ninzio-thumbnail .ninzio-more { width: 100%; height: 100%; text-align: center; display: block; text-decoration: none; color: transparent !important; background: url(images/big_plus.png) no-repeat center center; } .woocommerce .products .product .product-body img { margin: 0 auto; } .woocommerce .products .product .product-body:hover .ninzio-overlay { opacity: 1; } .woocommerce .products .product .price { display: block; padding:0 0 10px 0; } .woocommerce .products .product .product-body { position: relative; overflow: hidden; margin-bottom: 15px; } .woocommerce .products .product .product-body .ninzio-card-wrapper { width: 50px; height: 50px; margin: 0; background-color: rgba(0,0,0,0.3); display: block; position: absolute; bottom: -50px; right: 0px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; z-index: 60; } .woocommerce .products .product .product-body .ninzio-card-wrapper:hover { background-color: rgba(0,0,0,0.7); } .woocommerce .products .product .product-body:hover .ninzio-card-wrapper { bottom:0px; } .woocommerce .products .product .product-body .ninzio-card-wrapper > .button { background-image: url(images/plus.png); background-position: center center; background-repeat: no-repeat; text-indent: -9000em; border-radius: 0; width: inherit; height: inherit; position: absolute; top: 0; left: 0; display: block; padding:0; background-color: transparent; margin: 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; } .woocommerce .products .product .product-body .ninzio-card-wrapper > .button.add_to_cart_button { background-image: url(images/shop_icon.png); } .woocommerce .products .product .product-body .ninzio-card-wrapper > .button.add_to_cart_button { background-image: url(images/shop_icon.png); } .woocommerce .products .product .product-body .ninzio-card-wrapper > .button.add_to_cart_button.no-image { background-image:none; } .woocommerce .products .product .added_to_cart { width:inherit; height: inherit; position: absolute; text-indent: -9000em; top: 0; left:0; display: block; padding:0; background-color: transparent; margin: 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; background-image: url(images/ok_icon.png); background-position: center center; background-repeat: no-repeat; } .ninzio-spinner { width: inherit; height: inherit; position: absolute; top: 0; left: 0; padding-top: 12px; text-align: center; font-size: 10px; background-color:transparent; margin: 0; display: none; } .ninzio-spinner > div { background-color: #ffffff; height: 26px; width:3px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-out; animation: stretchdelay 1.2s infinite ease-out; } .ninzio-spinner .ninzio-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .ninzio-spinner .ninzio-rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .ninzio-spinner .ninzio-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .ninzio-spinner .ninzio-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .woocommerce .products .product-category a { display: block; color: transparent; overflow: hidden; } .woocommerce .products .product-category h3 { margin: 0; padding-bottom:10px; } .woocommerce .products .product-category mark { background-color: transparent; } .cart-toggle { position: absolute !important; top:0; right:60px; cursor: pointer; z-index: 1; display:block; height:inherit; width:40px; line-height:inherit; } .header-search-false .cart-toggle { right: 40px; } .cart-toggle * { display: inline; } .cart-toggle > a { color: #444; font-size: 14px !important; } .cart-toggle > a > i { margin: 0 !important; display: block !important; line-height: inherit !important; width: inherit !important; height: inherit !important; font-weight: normal !important; font-size:19px !important; color: #444; } .cart-toggle > a > span { display: none; } .cart-toggle + .search-toggle > i, .cart-toggle + .search-toggle + .responsive-menu-toggle > i { font-size: 18px !important; } .cart-toggle, .cart-toggle + .search-toggle, .cart-toggle + .search-toggle + .responsive-menu-toggle { width: 30px; } .cart-toggle + .search-toggle {right: 30px;} .cart-toggle + .search-toggle + .responsive-menu-toggle {right: 0px;} .woocommerce-error { list-style: none; margin: 0; padding: 0; } .woocommerce-message, .woocommerce-info, .woocommerce-error li, p.woocommerce-error, .woocommerce-checkout .woocommerce > p:first-child, .woocommerce .cart-empty { padding:20px 20px 20px 20px; position: relative; border-width:2px; border-style: solid; border-radius: 3px; border-color:#a6c4d8; background: #e3eff7; color: #225f87; margin-bottom: 25px; text-align: center; } .woocommerce-error li, p.woocommerce-error { border-color:#e1a197; background: #fcd4cb; color: #8e4438; } .dark-skin .woocommerce-message, .dark-skin .woocommerce-info, .dark-skin .woocommerce-error li, .dark-skin p.woocommerce-error, .dark-skin .woocommerce-checkout .woocommerce > p:first-child, .dark-skin .woocommerce .cart-empty { border-color:#a6c4d8; background: #85a1b4; color: #164463; } .dark-skin .woocommerce-error li { border-color:#e1a197; background: #c38172; color: #653028; } .woocommerce-message .button { background: #225f87; margin-bottom: 0; margin: 0 5px 5px 0; padding:10px 22px 10px 22px; font-size:12px; line-height:18px; } .woocommerce-info a, .woocommerce-error li a { color: inherit !important; font-weight: 600; } .woocommerce label { display: block; margin-bottom: 5px; } .woocommerce input[type="radio"] + label { display:inline-block; } .woocommerce .products .product .star-rating {display: none !important;} /* Loop / Archive /*----------------------------------------------------------------*/ .shop-loop-shortcode-area {margin-top:25px;} .woocommerce .woocommerce-loop, .woocommerce .woocommerce-loop .main-content {position: relative;} .woocommerce-ordering {margin-bottom: 25px;} .js .woocommerce .woocommerce-loop.grid_3 .products .product, .js .woocommerce .woocommerce-loop.grid_4 .products .product { visibility: hidden; } .js .woocommerce .woocommerce-loop.grid_3 .products.animated-layout .product, .js .woocommerce .woocommerce-loop.grid_4 .products.animated-layout .product { visibility: visible; } .woocommerce .products .product h3 { font-size: 22px; line-height: 28px; } /* Single product /*----------------------------------------------------------------*/ .woocommerce.single .summary .product_title { margin-bottom: 15px; } .ninzio-single-product-image, .woocommerce.single .products .product { position: relative; } .ninzio-single-product-image .thumbnails { margin-top: 15px; } .ninzio-single-product-image .thumbnails:after { content: ""; display: table; clear: both; } .ninzio-single-product-image .thumbnails > a { display: block; text-decoration: none; float: left; width:32%; margin:0 2% 2% 0; } .ninzio-single-product-image .thumbnails > a:nth-child(3n+3) { margin-right: 0; } .ninzio-single-product-image .thumbnails > a:last-child { margin-right: 0; } .woocommerce .ninzio-single-product-summary [itemprop='description'] { margin-bottom: 40px; } .woocommerce .ninzio-single-product-summary [itemprop='description'] > :last-child, .woocommerce .ninzio-single-product-summary [itemprop='description'] > :only-child { margin-bottom: 0; } .woocommerce .ninzio-single-product-summary form.cart { margin-bottom: 40px; } .woocommerce .quantity { display: inline-block; } .woocommerce .quantity input { margin-bottom: 0; height: 50px; } .woocommerce .quantity input[type="button"].minus, .woocommerce .quantity input[type="button"].plus { margin-right: 0; border-radius: 3px 0 0 3px; padding: 0px 10px 0px 10px; background-color: #f9f9f9; border:1px solid #e0e0e0; font-size:24px; padding-bottom: 8px; color: #333333; } .dark-skin .woocommerce .quantity input[type="button"].minus, .dark-skin .woocommerce .quantity input[type="button"].plus { background-color: #3b3b3b; border:1px solid #444444; color: #ffffff; } .dark-skin .woocommerce .quantity input[type="button"].minus:hover, .dark-skin .woocommerce .quantity input[type="button"].plus:hover { background-color: #2e2e2e; } .woocommerce .quantity input[type="button"].minus:hover, .woocommerce .quantity input[type="button"].plus:hover { background-color: #f7f7f7; opacity: 1; } .woocommerce .quantity input[type="button"].plus { border-radius:0px 3px 3px 0px; margin-right: 15px; } .woocommerce .quantity input[type="number"] { border-radius: 0; max-width: 70px; font-size: 16px; text-align: center; font-weight:600; padding-left: 25px; border: 1px solid #e0e0e0; background-color: #ffffff; -webkit-box-shadow: none; -moz-box-shadow:none; box-shadow: none; } .dark-skin .woocommerce .quantity input[type="number"] { border-top: 1px solid #444444; border-bottom: 1px solid #444444; background-color: #2e2e2e; color: #777777; } .woocommerce .ninzio-single-product-summary button { margin-bottom: 0; } .woocommerce .ninzio-single-product-summary .product_meta { margin-bottom: 40px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; padding: 20px 0; } .dark-skin .woocommerce .ninzio-single-product-summary .product_meta { border-top: 1px solid #444444; border-bottom: 1px solid #444444; } .woocommerce .ninzio-single-product-summary .product_meta > * { display:block; width: 100%; padding-bottom: 5px; padding-left: 20px; position: relative; } .woocommerce .ninzio-single-product-summary .product_meta > *:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; } .woocommerce .ninzio-single-product-summary .product_meta > :last-child { padding-bottom:0px; } .woocommerce .ninzio-single-product-summary .product_meta a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .woocommerce-tabs .tabs { display: block; list-style: none; margin-bottom: 0; } .woocommerce-tabs .tabs:after { content: ""; display: table; clear: both; } .woocommerce-tabs .tabs > li { float: left; display: block; text-align: center; background-color: #eaeaea; cursor: pointer; min-height: 40px; margin-bottom: 0; margin-right: 3px; border-radius:3px; color: inherit; } .dark-skin .woocommerce-tabs .tabs > li { background-color: #3b3b3b; } .woocommerce-tabs .tabs > li:last-child { margin-right: 0; margin-bottom:0px; } .woocommerce-tabs .tabs > li:last-child { margin-right: 0; margin-bottom:0px; } .woocommerce-tabs .tabs > li > a { color: inherit !important; display: block; padding:10px 20px; } .woocommerce-tabs .tabs > li.active a { color: #ffffff !important; } .woocommerce-tabs .panel { position: relative; width: 100%; height: auto; padding-top: 20px; } .woocommerce-tabs.tab-full .tabs > li { float:none; margin-bottom:3px; margin-right:0px; } .woocommerce-tabs.tab-full .tabs > li:last-child { margin-bottom:0; } .woocommerce-tabs .shop_attributes { width: 100%; margin-bottom: 0; border-collapse: collapse; } .woocommerce-tabs .shop_attributes th, .woocommerce-tabs .shop_attributes td { border:1px solid #e0e0e0; } .dark-skin .woocommerce-tabs .shop_attributes th, .dark-skin .woocommerce-tabs .shop_attributes td { border:1px solid #444444; } .woocommerce-tabs .panel > h2, .woocommerce-tabs .panel > #reviews > #comments > h2 { margin-bottom: 15px; } .woocommerce-tabs .shop_attributes td > p { margin-bottom: 0; } .woocommerce-tabs #comments { position: relative; } .woocommerce-tabs #comments #respond { margin:35px 0 20px 0; } .woocommerce-tabs #comments .comment-navigation { margin-bottom: 20px; } .woocommerce-tabs #respond form, .woocommerce-tabs #respond .form-submit, .woocommerce-tabs #respond .form-submit input[type="submit"] { margin-bottom: 0; } .woocommerce-tabs .comment-form-author, .woocommerce-tabs .comment-form-email { display:block; width:100%; max-width: 100%; } .woocommerce-tabs .comment-form-author input, .woocommerce-tabs .comment-form-email input, .woocommerce-tabs label { width: 100%; max-width: 100%; } .woocommerce-tabs .comment-form-rating { margin: 10px 0; } .woocommerce-tabs .comment-form-rating > label { margin-bottom:10px; display: block; } .woocommerce-tabs .comment-form-rating .stars:after { content: ""; display: table; clear: both; } .woocommerce-tabs .comment-form-rating .stars a { display:block; line-height:16px; font-size: 16px; text-align: center; text-indent: -9000px; position: relative; float: left; margin-right: 10px; padding-right: 10px; border-right: 1px solid #e0e0e0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .dark-skin .woocommerce-tabs .comment-form-rating .stars a { border-right: 1px solid #444444; } .woocommerce-tabs .comment-form-rating .stars a:after { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-indent: 0; position: absolute; top: 0; left: 0; } .woocommerce-tabs .comment-form-rating .stars a.active { color: #333333; } .dark-skin .woocommerce-tabs .comment-form-rating .stars a.active { color: #ffffff; } .woocommerce-tabs .comment-form-rating .stars a.star-1 {width: 15px;} .woocommerce-tabs .comment-form-rating .stars a.star-2 {width: 30px;} .woocommerce-tabs .comment-form-rating .stars a.star-3 {width: 45px;} .woocommerce-tabs .comment-form-rating .stars a.star-4 {width: 60px;} .woocommerce-tabs .comment-form-rating .stars a.star-5 {width: 75px;} .woocommerce-tabs .comment-form-rating .stars a.star-1:after {content: "\f005";} .woocommerce-tabs .comment-form-rating .stars a.star-2:after {content: "\f005\f005";} .woocommerce-tabs .comment-form-rating .stars a.star-3:after {content: "\f005\f005\f005";} .woocommerce-tabs .comment-form-rating .stars a.star-4:after {content: "\f005\f005\f005\f005";} .woocommerce-tabs .comment-form-rating .stars a.star-5:after {content: "\f005\f005\f005\f005\f005";} .woocommerce-tabs .commentlist { margin: 0; list-style:none; } .woocommerce-tabs .commentlist .comment { padding:20px; margin: 0 0 20px 0; width: 100%; border-width: 1px; border-style: solid; border-color: #e0e0e0; background-color: #ffffff; border-radius: 3px; position: relative; } .dark-skin .woocommerce-tabs .commentlist .comment { border-color: #444444; background-color: #3b3b3b; } .woocommerce-tabs .commentlist .comment #respond { margin-bottom: 0; } .woocommerce-tabs .commentlist .comment .comment_container { display: table; } .woocommerce-tabs .commentlist .avatar, .woocommerce-tabs .commentlist .comment-text { display: table-cell; vertical-align: top; width: 100%; } .woocommerce-tabs .commentlist .avatar { padding-right: 10px; width: 60px !important; height: 60px !important; max-width: 60px; padding-right: 0; } .woocommerce-tabs .commentlist .comment-text { padding-left: 20px; } .woocommerce-tabs .commentlist .comment-text .meta { margin-bottom: 0; padding-bottom:13px; } .woocommerce-tabs .commentlist .comment-text .description { margin-bottom: 0; } /*rating*/ .woocommerce.single .woocommerce-product-rating { margin-bottom: 15px; } .woocommerce .woocommerce-product-rating .star-rating, .woocommerce-page .woocommerce-product-rating .star-rating, .woocommerce .comment-text .star-rating, .widget_recent_reviews .star-rating, .widget_top_rated_products .star-rating { overflow: hidden; position: relative; height:15px; line-height:15px; font-size:15px; width: 75px; } .woocommerce .comment-text .star-rating { float: right; } .woocommerce .woocommerce-product-rating .star-rating span, .woocommerce-page .woocommerce-product-rating .star-rating span, .woocommerce .comment-text .star-rating span, .widget_recent_reviews .star-rating span, .widget_top_rated_products .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top:15px; display: block; } .woocommerce .woocommerce-product-rating .star-rating:before, .woocommerce-page .woocommerce-product-rating .star-rating:before, .woocommerce .comment-text .star-rating:before, .widget_recent_reviews .star-rating:before, .widget_top_rated_products .star-rating:before { content: "\f005\f005\f005\f005\f005"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .dark-skin .woocommerce .woocommerce-product-rating .star-rating:before, .dark-skin .woocommerce-page .woocommerce-product-rating .star-rating:before, .dark-skin .woocommerce .comment-text .star-rating:before, .dark-skin .widget_recent_reviews .star-rating:before, .dark-skin .widget_top_rated_products .star-rating:before { color: #555555; } .woocommerce .woocommerce-product-rating .star-rating span:before, .woocommerce-page .woocommerce-product-rating .star-rating span:before, .woocommerce .comment-text .star-rating span:before, .widget_recent_reviews .star-rating span:before, .widget_top_rated_products .star-rating span:before { content: "\f005\f005\f005\f005\f005"; top: 0; position: absolute; left: 0; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .woocommerce .woocommerce-product-rating .hreview-aggregate .star-rating, .woocommerce-page .woocommerce-product-rating .hreview-aggregate .star-rating { margin: 10px 0 0 0; } /*related products*/ .woocommerce.single .ninzio-thumbnail {margin-bottom: 0;} .woocommerce.single .related.products { margin-top: 50px; } .woocommerce.single .related.products > h2 { margin-bottom: 20px; } /* Cart /*----------------------------------------------------------------*/ .woocommerce-cart .page-content-container, .woocommerce-checkout .page-content-container, .woocommerce-account .page-content-container {background-color: #f6f6f6;} .dark-skin .woocommerce-cart .page-content-container, .dark-skin .woocommerce-checkout .page-content-container, .dark-skin .woocommerce-account .page-content-container {background-color: #333333;} .woocommerce .shop_table.cart { width: 100%; max-width: 100%; border-collapse: collapse; } .woocommerce .shop_table.cart td:not(.actions), .woocommerce .shop_table.cart th { border: 1px solid #e0e0e0; border-left: none !important; border-right: none !important; } .woocommerce .shop_table.cart td.actions { padding-left: 0; padding-right: 0; border-left: none; border-right: none; border-bottom: none; } .dark-skin .woocommerce .shop_table.cart td:not(.actions), .dark-skin .woocommerce .shop_table.cart th { border: 1px solid #444444; } .woocommerce .shop_table.cart .product-remove a { display: block; color: #ffffff; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; width: 20px; height: 20px; line-height: 20px; margin:0; padding:0; border-radius: 3px; background-color: #333333; font-size: 16px; text-align: center; } .dark-skin .woocommerce .shop_table.cart .product-remove a { background-color: #444444; } .woocommerce .shop_table.cart .product-remove a:hover { opacity: 0.7; } .woocommerce .shop_table.cart .coupon label { display: none; } .woocommerce .shop_table.cart .coupon input { min-height: 50px; margin-right: 5px; margin-bottom: 4px; } .woocommerce .shop_table.cart .coupon, .woocommerce .shop_table.cart input[type="submit"] { display:inline-block; margin-bottom: 4px; } .woocommerce .cart-collaterals { padding: 50px 0 25px 0; } .woocommerce .cart-collaterals:after { content: ""; display: table; clear: both; } .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator { width: 100%; margin-bottom: 25px; } .woocommerce .cart-collaterals .cart_totals > h2, .woocommerce .cart-collaterals .shipping_calculator > h2 { margin-bottom: 25px; } .woocommerce .cart-collaterals .cart_totals > table, .woocommerce #order_review .shop_table { width: 100%; border-collapse: collapse; } .woocommerce .cart-collaterals .cart_totals > table td, .woocommerce .cart-collaterals .cart_totals > table th, .woocommerce #order_review .shop_table td, .woocommerce #order_review .shop_table th { border:1px solid #e0e0e0; } .dark-skin .woocommerce .cart-collaterals .cart_totals > table td, .dark-skin .woocommerce .cart-collaterals .cart_totals > table th, .dark-skin .woocommerce #order_review .shop_table td, .dark-skin .woocommerce #order_review .shop_table th { border:1px solid #444444; } .woocommerce .cart-collaterals .shipping_calculator select, .woocommerce .cart-collaterals .shipping_calculator input[type="text"] { width: 100%; } /* Checkout /*----------------------------------------------------------------*/ .woocommerce-checkout .page-content-container { padding-bottom: 40px; } .woocommerce .col2-set:after { content: ""; display: table; clear: both; } .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width: 100%; margin-bottom: 25px; } .woocommerce-billing-fields h3 { margin-bottom: 25px; } .woocommerce-billing-fields label, .woocommerce-shipping-fields label { display: block; margin-bottom:5px; } .woocommerce-billing-fields input, .woocommerce-billing-fields select, .woocommerce-shipping-fields input, .woocommerce-shipping-fields select { width: 100%; } .woocommerce-billing-fields input[type="checkbox"], .woocommerce-shipping-fields input[type="checkbox"] { width:auto; } .woocommerce #order_review_heading { margin: 50px 0 25px 0; } .woocommerce .payment_methods { list-style: none; margin-top: 50px; } .woocommerce-shipping-fields #ship-to-different-address label, .woocommerce-shipping-fields #ship-to-different-address #ship-to-different-address-checkbox { display: inline-block; } .woocommerce-shipping-fields #ship-to-different-address { margin-bottom: 20px; } .woocommerce .order_details { list-style: none; margin-bottom: 50px; } .woocommerce .order_details li { padding: 7px 0; border: 1px solid #e0e0e0; border-bottom: 0; padding: 10px; } .woocommerce .order_details > li:last-child { border-bottom: 1px solid #e0e0e0; } .dark-skin .woocommerce .order_details li { border: 1px solid #444444; } .dark-skin .woocommerce .order_details > li:last-child { border-bottom: 1px solid #444444; } .woocommerce .order_details h3 { margin-top:25px; margin-bottom:15px; } .woocommerce .shop_table { border-collapse: collapse; width: 100%; } .woocommerce .shop_table th, .woocommerce .shop_table td { border: 1px solid #e0e0e0; } .dark-skin .woocommerce .shop_table th, .dark-skin .woocommerce .shop_table td { border: 1px solid #444444; } .woocommerce .customer_details { width: 100%; margin-bottom: 50px; } .woocommerce .customer_details dt, .woocommerce .customer_details dd { border: 1px solid #e0e0e0; margin: 0; padding: 10px; vertical-align: middle; border-bottom: none; } .dark-skin .woocommerce .customer_details dt, .dark-skin .woocommerce .customer_details dd { border: 1px solid #444444; } .woocommerce .customer_details :last-child { border-bottom: 1px solid #e0e0e0; } .dark-skin .woocommerce .customer_details :last-child { border-bottom: 1px solid #444444; } .col2-set address { padding: 20px; border: 1px solid #e0e0e0; } .dark-skin .col2-set address { padding: 20px; border: 1px solid #444444; } /* Account /*----------------------------------------------------------------*/ .woocommerce-account .form-row input, .woocommerce-account .form-row select { width: 100%; } .woocommerce-account .form-row input[type="submit"], .woocommerce-account .form-row input[type="checkbox"], .woocommerce-account .form-row input[type="radio"] { width: auto; } /* Widgets /*----------------------------------------------------------------*/ /* Shopping cart, Products, Recently viewed, Reviews /*............................................................*/ .widget_shopping_cart .cart_list, .widget_products .product_list_widget, .widget_recently_viewed_products .product_list_widget, .widget_recent_reviews .product_list_widget, .widget_top_rated_products .product_list_widget { list-style: none; margin: 0; } .widget_shopping_cart .cart_list > li, .widget_products .product_list_widget > li, .widget_recently_viewed_products .product_list_widget > li, .widget_recent_reviews .product_list_widget > li, .widget_top_rated_products .product_list_widget > li { margin-bottom: 10px; padding: 10px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .widget_shopping_cart .cart_list > li, .dark-skin .widget_products .product_list_widget > li, .dark-skin .widget_recently_viewed_products .product_list_widget > li, .dark-skin .widget_recent_reviews .product_list_widget > li, .dark-skin .widget_top_rated_products .product_list_widget > li { background-color: #3b3b3b; } .widget_shopping_cart .cart_list > li:after, .widget_products .product_list_widget > li:after, .widget_recently_viewed_products .product_list_widget > li:after, .widget_recent_reviews .product_list_widget > li:after, .widget_top_rated_products .product_list_widget > li:after { content: ""; display: table; clear: both; } .widget_shopping_cart .cart_list > li > a, .widget_products .product_list_widget > li > a, .widget_recently_viewed_products .product_list_widget > li > a, .widget_recent_reviews .product_list_widget > li > a, .widget_top_rated_products .product_list_widget > li > a { display: block; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .widget_shopping_cart .cart_list > li > a img, .widget_products .product_list_widget > li > a img, .widget_recently_viewed_products .product_list_widget > li a img, .widget_recent_reviews .product_list_widget > li a img, .widget_top_rated_products .product_list_widget > li a img { display: block; float: left; margin: 0 10px 0px 0; } .widget_shopping_cart .total { margin-bottom: 25px; } .widget_recent_reviews .star-rating, .widget_top_rated_products .star-rating { margin-top:5px; margin-bottom: 5px; } .widget_shopping_cart .buttons .button { padding:10px 22px 10px 22px; font-size:12px; line-height:18px; margin-right:1px; } .widget_shopping_cart .buttons .button:last-child { margin-right: 0; } /* Price filter /*............................................................*/ .widget_price_filter .price_slider{margin-bottom:25px;} .widget_price_filter .price_slider_amount {text-align: right;} .widget_price_filter .clear {clear: both;} .widget_price_filter .price_slider_amount .button { padding:10px 22px 10px 22px; font-size:12px; line-height:18px; } .widget_price_filter .price_slider_amount .price_label { padding:10px 22px 10px 22px; font-size:12px; line-height:18px; border-radius: 3px; background-color: #f1f1f1; border: 1px solid; border-color: #ccc #e0e0e0 #e0e0e0 #ccc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center; } .dark-skin .widget_price_filter .price_slider_amount .price_label { border-color: #333333 #444444 #444444 #333333; background-color: #3b3b3b; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:20px; height:20px; border-radius:20px; cursor: pointer; outline: none; top: -5px; background-color: #f1f1f1; border: 1px solid; border-color: #e0e0e0; -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -16px; } .footer-widget-area-wrap .widget_price_filter .ui-slider .ui-slider-handle { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; opacity: 1 !important; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; border-radius: 10px; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_price_filter .price_slider_wrapper .ui-widget-content { border-radius: 10px; background: #e0e0e0; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .dark-skin .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #3b3b3b; } .widget_price_filter .ui-slider-horizontal { height:10px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /* Product categories, layered nav /*............................................................*/ .widget_product_categories ul, .widget_layered_nav ul, .widget_layered_nav_filters ul { list-style: none; margin: 0; padding: 0; } .widget_product_categories ul li a, .widget_layered_nav ul li a, .widget_layered_nav_filters ul li a { position: relative; padding-left: 15px; display: inline-block; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .widget_product_categories ul li ul, .widget_layered_nav ul li ul, .widget_layered_nav_filters ul li ul { margin-left: 20px; } .widget_product_categories ul li a:before, .widget_layered_nav ul li a:before, .widget_layered_nav_filters ul li a:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; } .widget_product_categories select, .widget_layered_nav select, .widget_layered_nav_filters select { width: 100%; padding-right: 5px; } /* Products search /*............................................................*/ .widget_product_search form { position: relative; margin-bottom: 0; } .widget_product_search form label { display: none; } .widget_product_search input[type="text"] { width: 100%; max-width: 100% !important; padding: 0 40px 0 10px; } .widget_product_search input[type="submit"] { text-indent: -2000%; white-space: nowrap; overflow: hidden; width:40px !important; height: 40px; border:none; outline: none; position: absolute; top: 0; right: 0; padding: 0; margin: 0; background-color: transparent !important; background-image: url(images/zoom_icon_dark.png); background-repeat: no-repeat; background-position: 50% 50%; } .widget_product_search input[type="submit"]:hover { background-color: transparent !important; } /* Products tags /*............................................................*/ .widget_product_tag_cloud .tagcloud a { text-decoration: none; display: inline-block; padding: 2px 10px; margin: 0 1px 4px 0; background-color: #eeeeee; border-radius: 3px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; opacity: 1 !important; } .widget_product_tag_cloud .tagcloud a:hover { background-color: #e0e0e0; } .dark-skin .widget_product_tag_cloud .tagcloud a { background-color: #3b3b3b; } .dark-skin .widget_product_tag_cloud .tagcloud a:hover { background-color: #444444; color: #eeeeee !important; } /* Shortcodes /*----------------------------------------------------------------*/ /* Order tracking /*............................................................*/ .woocommerce .track_order { padding: 30px 30px 10px 30px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); margin-bottom: 25px; } .dark-skin .woocommerce .track_order { background-color: #3b3b3b; } .woocommerce .track_order input[type="text"] { width: 100%; } /* Product price / Cart button /*............................................................*/ .product.woocommerce { padding: 20px 20px 15px 20px !important; border-radius: 3px; border:none !important; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); margin-bottom: 25px; } .dark-skin .product.woocommerce { background-color: #3b3b3b; } .product.woocommerce > del, .product.woocommerce > ins, .product.woocommerce > small { margin-right: 5px; display: inline-block; } /* Products /*............................................................*/ .js .woocommerce.columns-3 .products .product, .js .woocommerce.columns-4 .products .product { visibility: hidden; } .js .woocommerce.columns-3 .products.animated-layout .product, .js .woocommerce.columns-4 .products.animated-layout .product { visibility: visible; } /* WPML /*====================================================================*/ #lang_sel_footer ul { list-style: none; margin: 0; text-align: center; } #lang_sel_footer ul li { display: inline-block; padding:10px 5px; } #lang_sel_footer ul li img { vertical-align: middle; } #lang_sel_footer ul li a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; display: block; background-color: transparent !important; } #wpml_credit_footer { margin-bottom: 0; text-align: center; line-height: 40px; height: 40px; } #ninzio-slider .icl_post_in_other_langs { display: none !important; } /* VISUAL COMPOSER /*====================================================================*/ .vc_span12, .vc_span11, .vc_span10, .vc_span9, .vc_span8, .vc_span7, .vc_span6, .vc_span5, .vc_span4, .vc_span3, .vc_span2, .vc_span1 {width: 100%;} .vc_col-sm-12, .vc_col-sm-11, .vc_col-sm-10, .vc_col-sm-9, .vc_col-sm-8, .vc_col-sm-7, .vc_col-sm-6, .vc_col-sm-5, .vc_col-sm-4, .vc_col-sm-3, .vc_col-sm-2, .vc_col-sm-1 { width: 100%; } .vc_span12 {margin-bottom: 0 !important;} .full-width-ninzio-row-yes > .container { max-width: 100% !important; } .col { padding-left:0px !important; padding-right:0px !important; } /* WISIWYG /*====================================================================*/ .alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; } .alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; } .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .wp-caption { margin-bottom: 25px; padding:7px; text-align: center; position: relative; overflow: hidden; border-width: 1px; border-style: solid; max-width: 100% !important; height: auto !important; background-color: #fff; border-color: #eeeeee; } .dark-skin .wp-caption { background-color: #3b3b3b; border-color: #444444; } .wp-caption img { border: 0 none; padding: 0; margin: 0; } .wp-caption .wp-caption-text { width: 100%; max-width: 100%; height: auto !important; text-align: center; padding:5px; margin: 0; position: relative; color: #fff; background-color: #333333; } .dark-skin .wp-caption .wp-caption-text { color: #eeeeee; background-color: #3b3b3b; } .wp-smiley { margin: 0 !important; max-height: 1em; } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } /* MISC STYLES /*====================================================================*/ /* General /*----------------------------------------------------------------*/ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .nicescroll-rails { z-index: 99 !important; } .ninzio-gavatar { width: 70px; } .ninzio-gavatar img { margin-bottom: 0; } /* To top /*----------------------------------------------------------------*/ #toTop { position: fixed; bottom: 50px; right: 20px; background-color: rgba(0,0,0,.3); background-image: url(images/top.png); background-repeat: no-repeat; background-position: center center; width: 30px; height: 30px; cursor: pointer; text-indent: -9000em; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; display: none; z-index: 500; border-radius: 3px; } #toTop:hover { background-color: rgba(0,0,0,.5); } /* Native audio/video corrections /*----------------------------------------------------------------*/ .mejs-poster img { display: block !important; } .wp-playlist .mejs-poster img { display:none !important; } .mejs-overlay-button { background-image: url(images/video_play.svg) !important; background-repeat: no-repeat !important; } .mejs-controls .mejs-time-rail .mejs-time-current { background:#444 !important; } .wp-playlist { padding: 10px !important; background-color: #ffffff !important; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); border:none !important; } .dark-skin .wp-playlist { background-color: #3b3b3b !important; } .wp-playlist-item { padding: 10px 20px 7px 20px !important; border-bottom: 1px solid #eeeeee !important; } .dark-skin .wp-playlist-item { border-bottom: 1px solid #555555 !important; } .wp-playlist-tracks .wp-playlist-item:last-child { border-bottom: none !important; padding-bottom: 0 !important; } .wp-playlist-item-length { right:20px !important; top:10px !important; } .wp-playlist-light .wp-playlist-playing { background-color: transparent !important; } .post-video > div.wp-video { width: 100% !important; } /* Old browser message /*----------------------------------------------------------------*/ .old-browser.warning { width: 55%; height:auto; margin-left:-25%; text-align: center; position: fixed; top: 25%; left: 50%; z-index:99; display: none; } .old-browser.warning p { margin-bottom: 0; } .oldie .old-browser.warning { display: block; } .old-browser.warning .borwser-version > div { display: inline-block; } /* Contaqct form 7 /*----------------------------------------------------------------*/ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 25px 0 !important; padding: 10px 20px !important; } div.wpcf7-mail-sent-ok { border-width:1px !important; border-color:#cbdaa5 !important; background-color: #e4f5ba !important; color: #768c40 !important; } .dark-skin div.wpcf7-mail-sent-ok { border-width:1px !important; border-color:#afc776 !important; background-color: #8c9d63 !important; color: #343f1b !important; } div.wpcf7-mail-sent-ng { border-width:1px !important; border-color:#e1a197 !important; background-color: #fcd4cb !important; color: #8e4438 !important; } .dark-skin div.wpcf7-mail-sent-ng { border-width:1px !important; border-color:#e1a197 !important; background-color: #c38172 !important; color: #653028 !important; } div.wpcf7-spam-blocked { border-width:1px !important; border-color:#e4c789 !important; background-color: #fdedbf !important; color: #b48a4e !important; } .dark-skin div.wpcf7-spam-blocked { border-width:1px !important; border-color:#e4c789 !important; background-color: #b79c4f !important; color: #734a1f !important; } div.wpcf7-validation-errors { border-width:1px !important; border-color:#e1a197 !important; background-color: #fcd4cb !important; color: #8e4438 !important; } .dark-skin div.wpcf7-validation-errors { border-width:1px !important; border-color:#e1a197 !important; background-color:#c38172 !important; color: #653028 !important; } span.wpcf7-not-valid-tip { border: none !important; background-color:transparent; color: #d92929 !important; padding: 0 !important; } span.wpcf7-not-valid-tip-no-ajax { border: none !important; background-color:transparent; color: #d92929 !important; padding: 0 !important; } /* Sitemap /*----------------------------------------------------------------*/ .page-template-page-sitemap-php .sitemap-content{ padding-bottom: 40px; } .sitemap-content .sitemap-title { margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; padding-bottom: 10px; } .dark-skin .sitemap-content .sitemap-title { border-bottom-color: #444444; } .sitemap-item ul { list-style: none; margin: 0; padding: 0; } .sitemap-item ul li a { position: relative; padding-left: 15px; display: inline-block; } .sitemap-item ul li ul { margin-left: 20px; } .sitemap-item ul li a:before { display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 5px; margin-top: -2.5px; } /* 404 /*----------------------------------------------------------------*/ .error404 { background-color: #fff !important; } .dark-skin .error404 { background-color: #333333 !important; } .error404 #wrap { -webkit-box-shadow:none; box-shadow:none; } .error404 .content { margin-top:0px; padding-top: 40px; } .error404-wrap { text-align: center; } .error404-status { font-size: 80px; line-height: 80px; height: 80px; font-weight: bold; } .error404-title { padding: 20px 0 0 0; } .error404-message { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; padding:0 0 20px 0; margin: 0 auto; margin-bottom: 20px; } .dark-skin .error404-message { border-bottom-color: #444444; } .error404-suggestions a { padding:12px 20px 11px 20px; font-size: 14px; line-height: 14px; margin: 0; } .error404-suggestions .home-suggestion { padding-bottom: 20px; margin: 0 0 20px 0; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #eeeeee; } .dark-skin .error404-suggestions .home-suggestion { border-bottom-color: #444444; } .error404-suggestions .search-form { display: block; width: 100%; margin: 20px auto 0 auto; } .error404-suggestions .search-form form { margin-bottom: 0; } .error404-suggestions .search-form fieldset { position: relative; margin-bottom: 0; } .error404-suggestions .search-form input[type="text"] { width: 100%; height: 40px; } .error404-suggestions .search-form input[type="submit"] { position: absolute; width: 40px; height: 40px; padding: 0; top: 0px; right: 0px; margin: 0; cursor: pointer; display: inline-block; outline: 0; overflow: visible; text-decoration: none; vertical-align: middle; border:none; text-indent: -9000px; background-image: url(images/zoom_icon_dark.png); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent !important; } /* Blank /*----------------------------------------------------------------*/ .page-template-page-blank-php #wrap { -webkit-box-shadow:none; box-shadow:none; width: 100% !important; } /* Termbox /*----------------------------------------------------------------*/ .post-author-info { margin:0px 0 50px 0; padding:30px 20px; display: table; width: 100%; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .post-author-info { background-color: #3b3b3b; } .term-info { margin:0px 0 24px 0; padding:30px 20px; background-color: #fff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .term-info { background-color: #3b3b3b; } .term-info .term-description > p:last-child { margin-bottom: 0; } .post-author-info > * { display: table-cell; vertical-align: top; } .post-author-info .author-info-box { padding-left:20px; } .post-author-info .author-gavatar { width: 60px; height: 60px; } .post-author-info .author-gavatar img, .post-author-info .author-description p { margin-bottom: 0; } .fluid_grid .term-info { margin-top: 25px; margin-left: auto; margin-right: auto; width: 100%; max-width: 93.75%; } /* Ninzio filter /*----------------------------------------------------------------*/ .ninzio-filter ul { list-style: none; margin: 0; text-align: left; } .ninzio-filter ul li { display: inline-block; margin: 0; color: #999999; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .ninzio-filter ul li a { color: inherit; font-size:13px; line-height: 34px; display: block; padding:0px 15px; position: relative; } .ninzio-filter ul li a:after { display: block; content: ""; position: absolute; width: 1px; height: 70%; background-color: #444444; top:15%; right:-1px; } .ninzio-filter ul li:last-child > a:after { display: none; } .ninzio-filter ul li:hover { color: #fff; } /* Search /*----------------------------------------------------------------*/ .search .page-content-container { background-color: #f6f6f6; } .dark-skin .search .page-content-container { background-color: #333333; } .search-results .post-body { padding: 20px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .search-results .post-body { background-color: #3b3b3b; } .search-results > .content > article { margin-bottom: 25px; } .search-results .search-form form { margin-bottom: 0; } .search-results .search-form fieldset { position: relative; } .search-results .search-form input[type="text"] { width: 100%; } .search-results .search-form input[type="submit"] { position: absolute; width: 40px; height: 40px; padding: 0; top: 0px; right: 0px; margin: 0; cursor: pointer; display: inline-block; outline: 0; overflow: visible; text-decoration: none; vertical-align: middle; border:none; text-indent: -9000px; background-color: transparent !important; background-image: url(images/zoom_icon_dark.png); background-repeat: no-repeat; background-position: 50% 50%; } .search-results .search-form input[type="submit"]:hover { background-color: transparent !important; } .search-results .format-quote .post-content, .search-results .format-quote .quote-author, .search-results .format-quote .read-more { font-style: normal; font-family: inherit; } /* Page tweets /*----------------------------------------------------------------*/ .twitter_tweets_carousel .widget_twitter { margin-bottom:0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 20px 0; } .js .twitter_tweets_carousel { visibility: hidden; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child { position: relative; margin: 0 auto; padding: 0 60px 0 0; text-align:left; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child li { margin: 0; border: none; padding: 0px 0px 0px 30px; color: #fff; background-image: url(images/twitter_icon_light.png); background-position: left center; background-repeat: no-repeat; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child li p { display: inline; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child li a { color: #fff !important; display: inline; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child li a.tweet-time { display: none; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child .tweet-author { font-weight: normal; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li { border: none; margin: 0; padding: 0; background:none; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li a { background-color:transparent; background-repeat: no-repeat; top: 50%; margin-top: -15px; width: 20px; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li a.flex-prev { background-image: url(images/prev.png); right:20px; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li a.flex-next { background-image: url(images/next.png); left:auto; right:0; } /* COMMENTS /*====================================================================*/ /* Comment form /*----------------------------------------------------------------*/ .post-comments-area { position: relative; } .post-comments-area .comments-title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; padding-bottom: 10px; margin-bottom: 15px; } .dark-skin .post-comments-area .comments-title { border-bottom-color: #444444; } .post-comments-area #respond { margin:35px 0 20px 0; } .post-comments-area .comment-navigation { margin-bottom: 20px; } .post-comments-area #respond #reply-title { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; margin-bottom: 20px; padding-bottom: 5px; } .dark-skin .post-comments-area #respond #reply-title { border-bottom-color: #444444; } .post-comments-area #respond #reply-title small { display: block; font-weight: normal; font-size: 11px; } .post-comments-area #respond form, .post-comments-area #respond .form-submit , .post-comments-area #respond .form-submit input[type="submit"] { margin-bottom: 0; } .post-comments-area .comment-form-author, .post-comments-area .comment-form-email, .post-comments-area .comment-form-url { display:block; width:100%; } .post-comments-area .comment-form-author input, .post-comments-area .comment-form-email input, .post-comments-area .comment-form-url input { width: 100%; } /* Comment list /*----------------------------------------------------------------*/ .comment-list ul.children { margin: 0; list-style:none; } .comment-list .comment { padding:0 0 20px 0; margin: 0 0 20px 0; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #e0e0e0; } .dark-skin .comment-list .comment { border-bottom-color: #444444; } .comment-list .comment.bypostauthor { padding:20px; margin: 0 0 20px 0; width: 100%; border-top-width: 1px; border-top-style: solid; border-top-color: #eeeeee; background-color: #f9f9f9; } .dark-skin .comment-list .comment.bypostauthor { border-top-color: #444444; background-color: #3b3b3b; } .comment-list .comment #respond { margin-bottom: 0; } .comment-list .comment .comment-body { display: table; } .comment-list .comment-gavatar, .comment-list .comment-content { display: table-cell; vertical-align: top; } .comment-list .comment .comment-gavatar { padding-right: 10px; } .comment-list .comment .comment-text p:last-child { margin-bottom: 0; } .comment-meta .comment-author { margin-bottom: 3px; } .comment-meta .comment-author cite { font-style: normal; font-weight: bold; } .comment-meta .comment-date-time, .comment-meta .replay { display: inline-block; margin-bottom: 3px; } .comment-meta .comment-date-time:after { display: inline-block; content: " / "; padding: 0 3px; } .comment-content .edit-link a {margin:10px 0px 0 0;} .comment-meta .comment-date-time a {color: #999 !important} .single-portfolio #comments { margin-left: auto; margin-right: auto; width: 100%; max-width: 93.75%; } /* GRID /*====================================================================*/ /* Columns /*----------------------------------------------------------------*/ .container { position: relative; margin: 0 auto; width: 100%; max-width: 93.75%; } .container.page-full-width { max-width: 100% !important; } .one_quarter, .one_third, .one_half, .two_thirds, .three_quarters {width: 100%;} .col { display: block; margin-bottom: 25px; } .col > :last-child:not(.button):not(.fa) { margin-bottom: 0; } .col.last-yes { margin-right: 0; } /* Grid /*----------------------------------------------------------------*/ .grid_1 *[data-grid="ninzio_01"], .grid_2 *[data-grid="ninzio_01"], .grid_3 *[data-grid="ninzio_01"], .grid_4 *[data-grid="ninzio_01"] {width: 100%;} /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product, .grid_4.woocommerce-loop .products .product {width: 100%;} /* Carousel /*----------------------------------------------------------------*/ .ca-container{ position:relative; width:100%; } .ca-container.shortcode { margin-bottom: 0; } .carousel-container-wrapper { width: inherit; overflow: hidden; } .ca-container.carousel-yes {padding-left: 50px;padding-right: 50px;} .ca-wrapper { width:inherit;} .carousel-yes .ca-wrapper { width:1000%; } .touch .ca-wrapper { cursor:move; } .ca-item { position:relative; text-align:center; margin-bottom: 20px; float: left; height: auto; } .carousel-yes .ca-item {margin-right: 0px;margin-bottom: 0; padding:0 2px;} .columns-1 .ca-item, .carousel-yes .columns-1 .ca-item {margin-right: 0 !important;} .columns-1 .ca-item, .columns-2 .ca-item, .columns-3 .ca-item, .columns-4 .ca-item, .columns-5 .ca-item, .columns-6 .ca-item {width:100%;} .carousel-yes .columns-1 .ca-item, .carousel-yes .columns-2 .ca-item, .carousel-yes .columns-3 .ca-item, .carousel-yes .columns-4 .ca-item, .carousel-yes .columns-5 .ca-item, .carousel-yes .columns-6 .ca-item {width:10%;} .ca-controls > * { display: block; position: absolute; width:33px; height:64px; top: 50%; margin-top: -32px; text-indent: -9000px; cursor: pointer; z-index: 5; background-position: left top; background-repeat:no-repeat; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; opacity: 0.7; } .ca-controls > *:hover { opacity:1; } .ca-controls > .ca-nav-prev { left:0px; background-image:url(images/arrow_left.png); } .ca-controls > .ca-nav-next { right:0px; background-image:url(images/arrow_right.png); } /* BUTTONS SHORTCODE /*====================================================================*/ /*Sizes*/ .button.medium { padding:15px 28px 15px 28px; font-size: 16px; line-height: 20px; } .button.small { padding:10px 22px 10px 22px; font-size:12px; line-height:18px; } .button.large { padding:20px 36px 20px 36px; font-size:18px; line-height: 22px; } /*icon based*/ .button i {margin:0 5px 0 0 !important; line-height: inherit !important;} .button.medium.button-icon { padding-right: 27px; } .button.small.button-icon { padding-right: 23px; } .button.large.button-icon { padding-right: 33px; } /* DROPCAP SHORTCODE /*====================================================================*/ .dropcap, .dropcap.empty { display: block; float: left; font-size:44px; line-height: 30px; margin: 8px 8px 0 0; } .dropcap.full { background-color: #222; color: #fff; padding: 14px 10px 12px 10px; } /* HIGHLIGHT SHORTCODE /*====================================================================*/ .ninzio-highlight { display: inline-block; padding: 0px 8px; color: #fff; border-radius: 3px; } .ninzio-highlight > :last-child { margin-bottom: 0 !important; } /* SPLITTER SHORTCODE /*====================================================================*/ .splitter { height: 1px; border-bottom-color: #eeeeee; border-bottom-width: 1px; } .dark-skin .splitter { border-bottom-color: #444444; } .splitter.solid {border-bottom-style:solid;} .splitter.double {border-bottom-style:double;border-bottom-width: 4px;} .splitter.dotted {border-bottom-style:dotted;} .splitter.dashed-thick { border-bottom-style:dashed; border-bottom-width: 3px; } .splitter.dashed-thin {border-bottom-style:dashed} .splitter.textured { height: 10px; background: url(images/texture.png) repeat-x left top; border-bottom-width:0px; border-bottom-color: transparent; } .dark-skin .splitter.textured { background: url(images/texture_dark.png) repeat-x left top; } .splitter.double:after {visibility: visible;background-color: #eeeeee;} .dark-skin .splitter.double:after {visibility: visible;background-color: #444444;} /* FONT-SIZE SHORTCODE /*====================================================================*/ .ninzio-font-size > * { font-size: inherit !important; line-height: inherit !important; } .ninzio-font-size > :last-child { margin-bottom: 0 !important; } /* SOCIAL LINKS SHORTCODE /*====================================================================*/ .social-links.right {text-align: right;} .social-links.left {text-align: left;} .social-links.center {text-align: center;} .social-links a { width:30px; height:30px; margin: 0 3px 3px 0; border-radius: 3px; display:inline-block; text-decoration: none; background-color: #bbb; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .dark-skin .social-links a { background-color: #444444; } .social-links a i { width: 30px; height: 30px; margin: 0; font-size: 18px; line-height: 30px; text-align: center; color: #fff !important; } .social-links a:hover { text-decoration: none; background-color: #999999; } .social-links a i:hover { color: #fff !important; } /* FONT-SIZE SHORTCODE /*====================================================================*/ .ninzio-font-size { display: inline; } /* ICONS SHORTCODE /*====================================================================*/ i.fa { margin:5px; font-size:16px; line-height: 16px; text-align: center; display: inline-block; } /*Sizes*/ i.fa.small {font-size:14px; line-height: 14px;} i.fa.medium {font-size:32px; line-height: 32px;} i.fa.large {font-size:64px; line-height: 64px;} /*Sizes with types*/ i.fa.circle.small, i.fa.square.small { width: 40px; height: 40px; line-height: 34px; } i.fa.circle.medium, i.fa.square.medium { width: 65px; height: 65px; line-height: 57px; border-width: 4px; } i.fa.circle.large, i.fa.square.large { width: 110px; height: 110px; line-height: 100px; border-width: 5px; } /*Types*/ i.circle {border-radius: 50%;} i.square {border-radius: 3px;} i.circle, i.square { border-style:solid; border-color: transparent; } /* REGISTERED ONLY SHORTCODE // (CONTAINER SHORTCODE) /*====================================================================*/ .registered-only-title { padding:20px 20px 20px 20px; border-width:2px; border-style: solid; border-radius: 3px; border-color:#a6c4d8; background: #e3eff7; color: #225f87; margin: 0 auto 25px auto; } .dark-skin .registered-only-title { border-color:#a6c4d8; background: #85a1b4; color: #164463; } /* SHOW/HIDE SHORTCODE // (CONTAINER SHORTCODE) /*====================================================================*/ .show_hide .show_hide_content { padding-top: 16px; padding-bottom: 25px; display: none; } #cboxLoadedContent .show_hide_content { padding:10px; display: block; } /* WIDEBOX SHORTCODE // (CONTAINER SHORTCODE) /*====================================================================*/ .widebox { background-position: center center; background-repeat: no-repeat; margin-bottom: 0; overflow: hidden; margin: 0 auto; position: relative; width: 100%; height: 100%; } .widebox.shadow-yes { -webkit-box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); -moz-box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); } .widebox .widebox-content { width: 100%; margin: 0; padding:0px; } .page-full-width .widebox .widebox-content { padding:0px; } .full-width-layout .widebox .widebox-content { padding:0; } .widebox .widebox-content > :last-child { margin-bottom: 0; } /* ANIMATED WIDEBOX SHORTCODE // (CONTAINER SHORTCODE) /*====================================================================*/ .animated-widebox { overflow: hidden; width: 100%; background-position: center center; background-repeat: no-repeat; position: relative; margin-bottom: 0; } .widebox-img-wrap { text-align: center; } .animated-widebox.shadow-yes { -webkit-box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); -moz-box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); box-shadow: inset 0 12px 10px -10px rgba(0,0,0,.1), inset 0 -12px 10px -10px rgba(0,0,0,.1); } .animated-widebox-img.none > .widebox-img-wrap, .animated-widebox-content.none > div { opacity: 1 !important; position:static !important; } /* SLIDER SECTION SHORTCODE // (CONTAINER SHORTCODE) /*====================================================================*/ .slider-section { padding: 0 !important; } .slider-section .slider-section-item { margin: 0 !important; text-align: inherit; padding-left: 0 !important; padding-right: 0 !important; } .slider-section .ca-bullets { position: absolute; z-index: 25; left: 0; bottom:30px; width: 100%; height: 10px; } .bullets-no .ca-bullets {display: none;} .arrows-no .ca-controls {display: none;} .arrows-yes .ca-controls .ca-nav-prev { left: 15px; } .arrows-yes .ca-controls .ca-nav-next { right: 15px; } .bullets-left .ca-bullets {text-align: left;} .bullets-right .ca-bullets {text-align: right;} .bullets-center .ca-bullets {text-align: center;} .slider-section .ca-bullets span { display: inline-block; width: 12px; height: 12px; background-color:#ffffff; opacity: 0.5; border:2px solid transparent; border-radius: 50%; cursor: pointer; margin: 0 10px 0px 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; } .slider-section .ca-bullets span.current-bullet { background-color: transparent; border-color: #ffffff; opacity: 1; } .slider-section .ca-bullets span:last-child { margin-right: 0; } /* VIDEO, AUDIO EMBED SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ /*Flexible embeds*/ .flex-mod { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .flex-mod iframe, .flex-mod object, .flex-mod embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .soundcloud iframe { max-width: 100%; } .wp-video-shortcode, .wp-audio-shortcode { max-width: 100% !important; height: auto; } /* ICON LIST SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .i-list {list-style:none;} .i-list li { margin-bottom: 10px; display: table; } .i-list.large li { margin-bottom: 15px; } .i-list li:last-child {margin-bottom: 0px;} .i-list > li > div { display: table-cell; padding: 0; margin: 0; vertical-align: top; } .i-list > li > div > i.fa { display: block; margin-right: 10px; margin-top: 3px; margin-bottom: 0; margin-left: 0; text-align: center; line-height: inherit; border-radius: 3px; } /*sizes*/ .i-list.small > li > div > i.fa {font-size: 14px; line-height: 14px !important;} .i-list.medium > li > div > i.fa {font-size: 21px; line-height:21px !important;} .i-list.large > li > div > i.fa {font-size: 35px; line-height:35px !important;} /*types*/ .i-list.small.circle > li > div > i.fa, .i-list.small.square > li > div > i.fa { font-size: 10px; width: 20px; height: 20px; line-height: 20px !important; } .i-list.medium.circle > li > div > i.fa, .i-list.medium.square > li > div > i.fa { font-size: 18px; width: 40px; height: 40px; line-height: 40px !important; } .i-list.large.circle > li > div > i.fa, .i-list.large.square > li > div > i.fa { width: 60px; height: 60px; line-height: 60px !important; } .i-list.circle > li > div > i.fa {border-radius: 50%;} /* COLORBOX * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .ninzio-colorbox.align-left {float: left;} .ninzio-colorbox.align-right {float: right;} .ninzio-colorbox.align-center {margin-right:auto;margin-left:auto;} .ninzio-colorbox { margin-bottom: 0 !important; } .ninzio-colorbox > span { color: inherit !important; } .ninzio-colorbox.animate-yes { opacity: 0; } .ninzio-colorbox.animate-yes.active.scale { -webkit-animation: scaleDownUp 0.5s forwards ease-out; animation: scaleDownUp 0.5s forwards ease-out; } @-webkit-keyframes scaleDownUp { from {opacity: 0;-webkit-transform: scale(0.7);} to {opacity: 1;-webkit-transform: scale(1);} } @keyframes scaleDownUp { from {opacity: 0;transform: scale(0.7);} to {opacity: 1;transform: scale(1);} } .ninzio-colorbox.animate-yes.active.translate { -webkit-animation: translateDownUp 0.5s forwards ease-out; animation: translateDownUp 0.5s forwards ease-out; } @-webkit-keyframes translateDownUp { from {opacity: 0;-webkit-transform: translate(0px,100px);} to {opacity: 1;-webkit-transform: translate(0px,0px);} } @keyframes translateDownUp { from {opacity: 0;transform: translate(0px,100px);} to {opacity: 1;transform: translate(0px,0px);} } .ninzio-colorbox.animate-yes.fade { visibility: hidden; opacity: 0; -webkit-transition: opacity ease-out 0.9s, visibility ease-out 0.9s; -moz-transition: opacity ease-out 0.9s, visibility ease-out 0.9s; -o-transition: opacity ease-out 0.9s, visibility ease-out 0.9s; -ms-transition: opacity ease-out 0.9s, visibility ease-out 0.9s; transition: opacity ease-out 0.9s, visibility ease-out 0.9s; } .ninzio-colorbox.animate-yes.active.fade { visibility: visible; opacity: 1; } /* TAGLINE SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .tagline { padding: 50px 0px; width: 100% !important; margin-bottom: 0 !important; color: #fff; } .tagline h2 { color: inherit; margin-bottom: 0; } .tagline .tagline-title { width: 100%; } .tagline .tagline-title { margin-bottom: 25px; } .tagline .button { background-color: transparent !important; border-width: 3px; border-style: solid; margin: 0 !important; color: #fff; border-color: #ffffff; } .tagline .button:hover { opacity: 1 !important; background-color: #ffffff !important; border-color: #ffffff; } /* ORDINARY TABLE SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .table table { border-collapse:collapse; border-spacing:0; width: 100%; max-width: 100% !important; border: none; } .table.left, .table.left thead th {text-align: left;} .table.right, .table.right thead th {text-align: right;} .table.center, .table.center thead th {text-align: center;} .table.justify, .table.justify thead th {text-align: justify;} .table tfoot td, .table tbody td { border:1px solid #eeeeee; } .dark-skin .table tfoot td, .dark-skin .table tbody td { border:1px solid #444444; } .table thead th {color: #fff;border-width: 1px;border-style: solid;} .table tfoot td, .table tbody td, .table thead th { padding:10px; vertical-align:middle; } /* ALERT MESSAGE SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .alert { padding:20px 40px 20px 20px; position: relative; border-width:2px; border-style: solid; border-radius: 3px; } .alert.note { border-color:#eeeeee; background: #f9f9f9; } .dark-skin .alert.note { border-color:#444; background: #373737; color: #cbcbcb; } .alert.success { border-color:#cbdaa5; background: #e4f5ba; color: #768c40; } .dark-skin .alert.success { border-color:#afc776; background: #8c9d63; color: #343f1b; } .alert.warning { border-color:#e4c789; background: #fdedbf; color: #b48a4e; } .dark-skin .alert.warning { border-color:#e4c789; background: #b79c4f; color: #734a1f; } .alert.error { border-color:#e1a197; background: #fcd4cb; color: #8e4438; } .dark-skin .alert.error { border-color:#e1a197; background: #c38172; color: #653028; } .alert.information { border-color:#a6c4d8; background: #e3eff7; color: #225f87; } .dark-skin .alert.information { border-color:#a6c4d8; background: #85a1b4; color: #164463; } .alert .close-alert { position: absolute; top: 20px; right: 20px; cursor: pointer; } /* CODE SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .code { padding: 20px; border-left-width: 5px; border-left-style: solid; position: relative; overflow: auto; background-color: #f9f9f9; display: block; } .dark-skin .code { background-color: #3b3b3b; } .code pre { margin-bottom: 0; font-family: "courier new", courier, monospace !important; word-wrap: normal; white-space: pre; } .code pre p { margin: 0 !important; } .code pre br { display: none; } /* GOOGLE MAP SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .map-canvas { max-width: 100%; margin-bottom: 0 !important; } .map-canvas img { max-width: none; } /* SLIDER SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .flexslider { margin: 0; padding: 0; position: relative; } .flexslider .slides { list-style:none; margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0; } .flexslider .slides > li > * {margin: 0;} .flexslider .slides img {display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flex-viewport { max-height: 2000px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .loading .flex-viewport {max-height: 300px;} /* Direction Nav */ .flex-direction-nav { list-style: none; } .flex-direction-nav a { width: 30px; height: 30px; display: block; position: absolute; bottom:10px; z-index: 5; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .flex-direction-nav .flex-next { background:url(images/next.png) no-repeat 50% 50%; right: 10px; } .flex-direction-nav .flex-prev { right: 42px; background:url(images/prev.png) no-repeat 50% 50%; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled { opacity: .3!important; cursor: default; } /* Control Nav */ .flex-control-nav { width: 100%; text-align: center; list-style: none; z-index: 50; margin: 0; opacity: 1; padding:15px 0; } .flex-control-nav li { margin: 0 6px; display: inline-block; } .flex-control-paging li a { width: 12px; height: 12px; display: block; background-color:#777777; opacity: 0.5; border:2px solid transparent; border-radius: 50%; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; } .flex-control-paging li a:hover { opacity: 1; } .flex-control-paging li a.flex-active { cursor: default; background-color: transparent !important; border-color: #777777; opacity: 1; } .dark-skin .flex-control-paging li a { background-color:#999999; } .dark-skin .flex-control-paging li a.flex-active { border-color: #999999; } /* TABS SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .tabset .tab, .wpb_tabs .wpb_tabs_nav li { display: block; text-align: center; padding:10px 20px !important; background-color: #f9f9f9 !important; cursor: pointer; min-height: 40px; margin-bottom: 1px; border-radius: 3px; border: 1px solid #f9f9f9 !important; position: relative; } .wpb_tabs .wpb_tabs_nav li a { color: inherit !important; } .wpb_tabs .wpb_tabs_nav { margin-bottom: 0; } .wpb_tabs .wpb_tabs_nav:after { content: ""; display: table; clear: both; } .wpb_tabs .wpb_tabs_nav li { list-style: none; } .dark-skin .tabset .tab, .dark-skin .wpb_tabs .wpb_tabs_nav li { background-color: #3b3b3b !important; border: 1px solid #3b3b3b !important; } .horizontal .tabset .tab, .wpb_tabs .wpb_tabs_nav li { float: left; margin-bottom: 0; margin-right: 1px; border-radius: 3px 3px 0 0; } .horizontal .tabset .tab:last-child, .wpb_tabs .wpb_tabs_nav li:last-child { margin: 0; } .tabset .tab:last-child { margin-bottom:0px; } .tabset .tab.active, .wpb_tabs .wpb_tabs_nav li.active { background-color:#ffffff !important; border-width: 1px; border-style: solid; border-color: #eeeeee !important; position: relative; } .horizontal .tabset .tab.active, .wpb_tabs .wpb_tabs_nav li.active { border-bottom:none; } .tabset .tab.active:after, .wpb_tabs .wpb_tabs_nav li.active:after { position: absolute; display: block !important; background-color: #ffffff; content: ""; z-index: 10; } .horizontal .tabset .tab.active:after, .wpb_tabs .wpb_tabs_nav li.active:after { width: 100%; height: 2px; background-color: #ffffff; bottom:-2px; left: 0; } .dark-skin .tabset .tab.active:after, .dark-skin .horizontal .tabset .tab.active:after, .dark-skin .wpb_tabs .wpb_tabs_nav li.active:after { background-color: #333333 !important; } .dark-skin .tabset .tab.active, .dark-skin .wpb_tabs .wpb_tabs_nav li.active { border-color: #444444 !important; background-color: #333333 !important; } .dark-skin .tabset .tab, .dark-skin .wpb_tabs .wpb_tabs_nav li { background-color: #3b3b3b !important; } .tabset .tab:last-child { margin-right: 0; } .tabs .tabs-container, .wpb_tabs .tabs-container { position: relative; width: 100%; height: auto; padding-top: 20px; } .horizontal .tabs-container, .wpb_tabs .tabs-container { border-top: 1px solid #eeeeee; } .dark-skin .horizontal .tabs-container, .dark-skin .wpb_tabs .tabs-container { border-top: 1px solid #444444; } .tabs-container .tab-content:not(:first-child), .wpb_tabs .tabs-container .wpb_tab:not(:first-child) { display: none; } .wpb_content_element .wpb_tour_tabs_wrapper .tabs-container .wpb_ui-tabs-hide:first-child { display: block; } .horizontal.tab-full .tabset .tab, .wpb_tabs.tab-full .wpb_tabs_nav li { float:none; margin-bottom:1px; margin-right:0px; border-radius: 3px; } .horizontal.tab-full .tabset .tab:last-child, .wpb_tabs.tab-full .wpb_tabs_nav li:last-child { margin-bottom:0; } .horizontal.tab-full .tabset .tab.active, .wpb_tabs.tab-full .wpb_tabs_nav li.active { border-bottom:1px solid #eeeeee; } .dark-skin .horizontal.tab-full .tabset .tab.active, .dark-skin .wpb_tabs.tab-full .wpb_tabs_nav li.active { border-bottom:1px solid #444444; } .horizontal.tab-full .tabset .tab.active:after, .wpb_tabs.tab-full .wpb_tabs_nav li.active:after { display: none !important; } .horizontal.tab-full .tabs-container, .wpb_tabs.tab-full .tabs-container { border-top:none; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent !important; padding: 0 !important; } /* ACCORDION SHORTCODE * (WITH MARGIN BOTTOM 25px) /*====================================================================*/ .accordion .toggle-title { cursor: pointer; display: table; width: 100%; margin-bottom:3px; border:1px solid #eeeeee; background-color: #ffffff; position: relative; border-radius:3px; } .dark-skin .accordion .toggle-title { border:1px solid #444444; background-color: #3b3b3b; } .toggle-title .toggle-title-header { margin-bottom: 0; font-weight: normal; display: table-cell; vertical-align: middle; padding: 10px 10px 10px 20px; width: 96%; } .toggle-title .arrow { display: table-cell; vertical-align: middle; font-weight: bold; font-size: 18px; text-align: center; width:4%; min-width: 40px; border-left:1px solid #eeeeee; } .dark-skin .toggle-title .arrow { border-left:1px solid #444444; } .accordion .toggle-content { padding:20px; } /* ICON-PROGRESS-BAR SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .i-progress-bar {width: 100%; margin-bottom: 10px; text-align: center;} .i-progress-bar, .i-progress-bar.center { text-align: center; } .i-progress-bar.left { text-align: left; } .i-progress-bar.right { text-align: right; } .i-progress-bar i.fa { margin: 0 10px 10px 0; color: #eeeeee; font-size:64px; line-height: 64px; } .i-progress-bar i.fa:last-child {margin-right: 0;} /* PRICING TABLE SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .pt{width: 100%;} .pt-column { float: left; width: 100%; } .dark-skin .pt-column { border-color: #444444; } /*Rows*/ .pt-row { padding: 10px; border-width: 1px; border-style: solid; border-color: #eeeeee; border-top: none; } .dark-skin .pt-row { border-color: #444444; } /*Alignment*/ .left .pt-row {text-align: left;} .right .pt-row {text-align: right;} .center .pt-row {text-align: center;} .justify .pt-row {text-align: justify;} /*Column Inner*/ .pt-column-title { height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; } .pt-price, .pt-currency { font-size: 30px; line-height: 30px; } .pt-price {font-weight: bold;} .pt-tariff { display: block; padding: 0 0 0 0; } .pt-price-wrap { text-align: center; } .price-attr { padding:20px; background-color: #f9f9f9; border: 1px solid #eeeeee; border-top: none; } .dark-skin .price-attr { background-color: #3b3b3b; border: 1px solid #444444; border-top: none; } .pt-footer { padding:30px 20px 20px 20px; text-align: center; border: 1px solid #eeeeee; border-top: none; } .dark-skin .pt-footer { border: 1px solid #444444; border-right: none; border-top: none; } .pt-footer .button {margin-bottom: 0;} .columns-1 .pt-column {margin-right: 0;} .columns-1 .pt-column {width: 100%;} .columns-2 .pt-column {width: 100%;} .columns-3 .pt-column {width:100%;} .columns-4 .pt-column {width:100%;} .columns-5 .pt-column {width:100%;} .pt-column {margin-right: 0%; margin-bottom: 25px;} /* PROGRESS-BAR, PROGRESS-CIRCLE SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .progress-bar { width: 100%; max-width: 100%; } .progress-bar .progress-title { margin-bottom: 5px; display: inline-block; } .progress-bar .progress-title {float: left;} .progress-bar-line-wrap { background-color: #eeeeee; clear: left; width: 100%; font-size: 11px; height: 20px; line-height: 20px; border-radius: 20px; } .dark-skin .progress-bar-line-wrap { background-color: #444444; } .progress-container.textured-yes .progress-bar-line { background-image: url(images/progress_texture.png); background-position: left top; background-repeat: repeat; } .progress-bar-line { height: inherit; color: #ffffff; text-align: right; padding-right: 10px; font-size: inherit; border-radius: inherit; } .progress-bar-line .progress-percent { color: #ffffff; font-weight: bold; font-size: inherit; display: none; } /*Circle progress bar*/ .progress-container, .progress-container.center { text-align: center; } .progress-container.left { text-align: left; } .progress-container.right { text-align: right; } .js .circle-counter-wrap { opacity: 0; } .circle-counter-wrap { height: auto; margin-bottom: 25px; display: block; display: inline-block; width: 236px; } .circle-counter { position: relative; text-align: center; width: inherit; font-weight: bold; margin: 0 auto; font-size: 3em; display: table; } .circle-counter canvas { position: absolute; top: 0; left: 0; } .circle-counter-percentage { font-weight: bold; } .circle-counter-title { font-weight: 600; display: table-cell; text-align: center; vertical-align: middle; margin-top: 0px; font-size: 28px; line-height: 32px; padding: 0 35px; } /* COUNTER SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .counter-container, .counter-container.center { text-align: center; } .counter-container.left { text-align: left; } .counter-container.right { text-align: right; } .counter-container .counter { width: 100%; margin: 0 0 40px 0; display: block; } .counter span { display: block; text-align: center; } .counter .counter-value { font-weight: bold; font-size: 58px; line-height: 58px; } .counter > i { position: relative; z-index: 2; width: 100%; margin: 0; font-size:88px; line-height: 88px; } .counter .counter-title { font-size: 16px; line-height: 26px; } /* GALLERY SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .ninzio-gallery:after { content: ""; display: table; clear: both; } .ninzio-gallery .gallery-item { text-align: center; width: 100%; margin: 0 0 25px 0; position: relative; overflow: hidden; } .ninzio-gallery .gallery-icon { display: inline-block; } .ninzio-gallery .gallery-icon > a { display: block; text-decoration: none; position: relative; width: 100%; height: 100%; } .ninzio-gallery .gallery-icon > a:before { content: ""; display: block; position: absolute; vertical-align: middle; font-weight: bold; text-align: center; top: 0; left: 0; width:100%; height: 100%; opacity: 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; background-image: url(images/plus.png); background-repeat: no-repeat; background-position: center center; z-index: 3; } .ninzio-gallery .gallery-icon > a:hover:before{ opacity: 1; } .ninzio-gallery .gallery-icon img { max-width: 100%; height: auto; width:100%; } .ninzio-gallery .gallery-caption { display: none; } .ninzio-gallery { margin-bottom: 25px; } .ninzio-gallery > .gallery-item:last-child { margin-bottom: 0; } /* CONTENTBOX SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .content-box.columns-4 > .box, .content-box.columns-3 > .box, .content-box.columns-2 > .box, .content-box.columns-1 > .box {width: 100%; margin-bottom: 25px;} .content-box > .box .box-content { margin-bottom: 0; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .content-box.v1 > .box { text-align: center; padding:40px 15px; border-radius:7px; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .js .content-box.v1.animate-yes > .box { -webkit-transform:scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); } .js .content-box.v1.animate-yes > .box.animated { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -o-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } .js .content-box.v2.animate-yes > .box { opacity: 0; -webkit-transform:translate(0px,50px); -moz-transform:translate(0px,50px); -o-transform:translate(0px,50px); -ms-transform:translate(0px,50px); transform:translate(0px,50px); -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .js .content-box.v2.animate-yes > .box.animated { opacity: 1; -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); -o-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px); } .content-box.v1 > .box .icon-wrap-border { border-radius:170px; width: 170px; height: 170px; margin:0 auto 20px auto; position: relative; background-color:transparent; border-width:20px; border-style: solid; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .content-box.v1 > .box .icon-wrap { border-radius:150px; width: 150px; height: 150px; position: absolute; top:50%; left:50%; margin: -75px 0 0 -75px; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .content-box.v1 > .box .icon-wrap i { position: relative; z-index: 2; margin:0; color:#ffffff; font-size:64px; line-height: 150px; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .content-box.v1 > .box .box-text > .box-title { margin-bottom:10px; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .content-box.v1 > .box:hover .icon-wrap {background-color: #ffffff !important;} .content-box.v1 > .box:hover .box-text > .box-title, .content-box.v1 > .box:hover .box-content {color: #ffffff;} .content-box.v1 > .box:hover .box-read-more {background-color: #ffffff !important;} .content-box.v1 > .box:hover .icon-wrap-border {border-color: #ffffff !important;} .content-box.v2 > .box { text-align:left; display: table; } .content-box.v2 > .box:hover { background-color: transparent !important; } .content-box.v2 > .box > .icon-container, .content-box.v2 > .box > .icon-wrap { display: table-cell; vertical-align: top; width: 40px; max-width: 40px; } .content-box.v2 > .box .icon-wrap { width: 40px; height: 40px; border-radius: 40px; text-align: center; } .content-box.v2 > .box .icon-wrap i { position: relative; z-index: 2; margin:0; font-size:18px; line-height:40px; color: #ffffff; } .content-box.v2 > .box .box-text { padding-left: 15px; } .content-box > .box .box-read-more { margin-top: 15px; -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; background-color: #f9f9f9; color: #999999; } .dark-skin .content-box > .box .box-read-more { background-color: #444444; } .content-box > .box .box-read-more i { margin: 0 0 0 5px !important; } /* CLIENT SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .clients-container .client { height: 100px; line-height: 100px; text-align: center; overflow: hidden; } .clients-container .client-name { font-size: 22px; line-height: 26px; } .clients-container .client a { display:block; width: 100%; text-decoration:none; } .clients-container .client img { margin-bottom: 0; vertical-align: middle; max-height: 80%; max-width: 80%; opacity: 1; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .clients-container .client:hover img { opacity: 0.6; } /* TESTIMONIAL SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .testimonials { text-align: center; } .testimonials .symbol { font-size: 150px; line-height:150px; display: block; height: 70px; overflow: hidden; font-family: Georgia, Times New Roman, Times, serif; color: inherit; } .dark-skin .testimonials .symbol { color: inherit; } .testimonials blockquote { padding:0; border: none; background-color:transparent; color: inherit !important; font-family: inherit; font-size:24px; font-style: normal; font-weight: 300; line-height:44px; padding:20px 0 10px 0; } .dark-skin .testimonials blockquote { background-color:transparent; color: inherit !important; } .testimonials .client-meta { padding:0; border: none; background-color:transparent; color: inherit !important; font-family: inherit; font-size:18px; font-style: normal; font-weight: 300; line-height:38px; } .dark-skin .testimonials .client-meta { background-color:transparent; color: inherit !important; } .testimonials .client-meta > * { color: inherit; opacity: 0.7; } .dark-skin .testimonials .client-meta > * { color: inherit; } /* PERSON SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .person { margin-bottom: 25px; position: relative; } .js .persons-container.animate-yes .person { -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; -webkit-backface-visibility: hidden; opacity: 0; -webkit-transform:translate(0px,100px); -moz-transform:translate(0px,100px); -o-transform:translate(0px,100px); -ms-transform:translate(0px,100px); transform:translate(0px,100px); } .js .persons-container.animate-yes .person.animated { opacity: 1; -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); -o-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px); } .person img { margin-bottom: 0 !important; vertical-align: bottom; } .person .person-image-wrap { overflow: hidden; position: relative; } .person .person-meta { padding:10px 0px 0px 0px; text-align: left; } .person .person-name { margin-bottom: 5px; } .person .person-title { margin-bottom:10px; } .person .person-bio { padding-top: 10px; border-top: 1px solid #eeeeee; } .dark-skin .person .person-bio { border-top: 1px solid #444444; } .person .social-links { text-align: center; } .person .social-links a { width: 50px; height: 50px; border-radius: 50px; display: inline-block; text-decoration: none; background-color: #ffffff; margin: 0 5px 5px 0; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; -webkit-backface-visibility: hidden; } .person .social-links a:hover { opacity: 0.75; } .person .social-links:empty { display: none; } .person .social-links a i { width: 50px; height: 50px; margin: 0; font-size: 18px; line-height: 50px; } .person .ninzio-overlay-content { opacity: 0; -webkit-transition: all ease-out 0.5s; -moz-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; -ms-transition: all ease-out 0.5s; transition: all ease-out 0.5s; } .person .person-image-wrap:hover .ninzio-overlay-content { opacity: 1 } /* CAROUSEL SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .ninzio-carousel .ca-item:not(.slider-section-item) > img, .ninzio-carousel .ca-item:not(.slider-section-item) > a > img { margin-bottom: 0; } .ninzio-carousel .ca-item:not(.slider-section-item) > *:not(span) { width: 100% !important; } .ninzio-carousel .ca-item:not(.slider-section-item) > img { width:auto !important; margin: 0 auto; display: block; } .ninzio-carousel .ca-item:not(.slider-section-item) > a { display: inline-block; } .carousel-item:not(.slider-section-item) { text-align: left; } /* RECENT POSTS SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .recent-posts.v1 { text-align: center; font-weight: 300; } .recent-posts.v1 li { padding:0; border: none; background-color:transparent; color: inherit; font-family: inherit; font-size:18px; font-style: normal; line-height: 30px; padding:20px 0 10px 0; } .dark-skin .recent-posts.v1 li { background-color:transparent; color: inherit; } .recent-posts.v1 .post-date { padding:0; border: none; background-color:transparent; color: inherit !important; font-family: inherit; font-size:22px; font-style: normal; line-height:35px; opacity: 0.5; font-weight:300; margin-top: 15px; margin-bottom: 15px !important; } .dark-skin .recent-posts.v1 .post-date { background-color:transparent; color: inherit !important; } .recent-posts.v1 .post-date:after { display: none; } .recent-posts.v1 .post-title, .recent-posts.v1 .post-title a, .recent-posts.v1 .post-title a:hover { color: inherit !important; font-size:32px; line-height:50px; font-weight: 300; } .dark-skin .recent-posts.v1 .post-title, .dark-skin .recent-posts.v1 .post-title a, .dark-skin .recent-posts.v1 .post-title a:hover { color: inherit !important; } .recent-posts.v1 .flex-control-nav a { background-color: #777777; opacity: 0.2; } .dark-skin .recent-posts.v1 .flex-control-nav a { background-color: #999999; } .recent-posts.v1 .flex-control-nav a.flex-active { opacity: 1; } .js .recent-posts.v2:not(.grid_1), .js .recent-posts.v2:not(.grid_1) .post { visibility: hidden; } .js .animated-layout.recent-posts.v2, .js .animated-layout.recent-posts.v2 .post { visibility: visible; } .recent-posts.v2 .post { margin-bottom: 25px; padding: 10px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .recent-posts.v2 .post { background-color: #3b3b3b; } .recent-posts.v2 .post .post-body { padding: 20px; background-color: #fff; } .dark-skin .recent-posts.v2 .post .post-body { background-color:#3b3b3b; } .recent-posts.v2 .post .ninzio-thumbnail { margin-bottom: 15px; } .recent-posts.v2 .post .post-title a { -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .recent-posts.v2 .post-date:after {display: none;} .recent-posts.v2 .post-meta-footer { padding: 5px 20px 0px 20px; border-top: 1px solid #eeeeee; } .dark-skin .recent-posts.v2 .post-meta-footer { border-top: 1px solid #444444; } .recent-posts.v2 .post-meta-footer .post-date { float: left; } /* RECENT PORTFOLIO SHORTCODE == (WITH SELF CHILDREN EL.) /*====================================================================*/ .js .recent-portfolio.v1:not(.grid_1), .js .recent-portfolio.v1:not(.grid_1) .post { visibility: hidden; } .js .animated-layout.recent-portfolio.v1, .js .animated-layout.recent-portfolio.v1 .post { visibility: visible; } .recent-portfolio.v1 .post, .recent-portfolio.v2 .post { margin-bottom: 25px; padding: 10px; background-color: #ffffff; border-radius: 3px; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.1); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.1); box-shadow: 0 0px 5px rgba(0,0,0,.1); } .dark-skin .recent-portfolio.v1 .post, .dark-skin .recent-portfolio.v2 .post { background-color: #3b3b3b; } .recent-portfolio .post .post-body { text-align: center; padding: 20px; } .recent-portfolio.grid_1 *[data-grid="ninzio_01"]{width: 100% !important;} .recent-portfolio .post { -webkit-transition: all ease-out 0.4s; -moz-transition: all ease-out 0.4s; -o-transition: all ease-out 0.4s; -ms-transition: all ease-out 0.4s; transition: all ease-out 0.4s; } .js .recent-portfolio.v3.animate-yes > .post { -webkit-transform:scale(0,0); -moz-transform: scale(0,0); -o-transform: scale(0,0); -ms-transform: scale(0,0); transform: scale(0,0); } .js .recent-portfolio.v3.animate-yes > .post.animated { -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); } .js .recent-portfolio.v1.animate-yes > .post, .js .recent-portfolio.v2.animate-yes > .post { opacity: 0; -webkit-transform:translate(0px,100px); -moz-transform:translate(0px,100px); -o-transform:translate(0px,100px); -ms-transform:translate(0px,100px); transform:translate(0px,100px); } .js .recent-portfolio.v1.animate-yes > .post.animated, .js .recent-portfolio.v2.animate-yes > .post.animated { opacity: 1; -webkit-transform:translate(0px,0px); -moz-transform:translate(0px,0px); -o-transform:translate(0px,0px); -ms-transform:translate(0px,0px); transform:translate(0px,0px); } /* NESTED CORRECTIONS & GENERAL STYLES /*====================================================================*/ /* VIDEO, AUDIO EMBED, ICON LIST, TAGLINE, ORDINARY TABLE. /* ALERT MESSAGE, CODE, GOOGLE MAP. /* SLIDER, TABS, ACCORDION /* -------------------------------------------------------------- */ .shortcode { margin-bottom: 25px; } /* SHOW/HIDE, SIZE, /* WIDEBOX, ANIMATED WIDEBOX, /* FULL BOX, COLUMNS, COLORBOX /* -------------------------------------------------------------- */ .show_hide > .show_hide_content > :last-child:not(.button):not(.fa), .show_hide > .show_hide_content > .shortcode:last-child, .ninzio-slider-colorbox > :last-child:not(.button):not(.fa), .ninzio-slider-colorbox > .shortcode:last-child, .ninzio-colorbox > :last-child:not(.button):not(.fa), .ninzio-colorbox > .shortcode:last-child, .widebox .widebox-content > :last-child:not(.button):not(.fa), .widebox .widebox-content > .shortcode:last-child, .animated-widebox .animated-widebox-content > div > .shortcode:last-child, .full-box > .whole > :last-child:not(.button):not(.fa), .full-box > .whole > .shortcode:last-child, .col > :last-child:not(.button):not(.fa), .col > .shortcode:last-child, .tabs > .tabs-container > .tab-content > :last-child:not(.button):not(.fa), .tabs > .tabs-container > .tab-content > .shortcode:last-child, .accordion > .toggle-content > :last-child:not(.button):not(.fa), .accordion > .toggle-content > .shortcode:last-child, .alert > .alert-message > :last-child:not(.button):not(.fa), .alert > .alert-message > .shortcode:last-child, .ninzio-carousel .ca-item > :last-child:not(.button):not(.fa), .ninzio-carousel .ca-item > .shortcode:last-child { margin-bottom: 0 !important; } #cboxLoadedContent > .show_hide_content > :last-child:not(.button):not(.fa), #cboxLoadedContent > .show_hide_content > .shortcode:last-child { margin-bottom: 0 !important; } #cboxLoadedContent > .show_hide_content .video-embed, #cboxLoadedContent > .show_hide_content .video-embed .flex-mod { width:600px; height: 360px; padding: 0; } #cboxLoadedContent > .show_hide_content .map-canvas, #cboxLoadedContent > .show_hide_content .video-embed .flex-mod { width:600px !important; height: 360px !important; } /* RESPONSIVE /*====================================================================*/ /* MIN MOBILE PORTRAIT /*----------------------------------------------------------------*/ @media only screen and (min-width: 320px) { .container,.fluid_grid .term-info,.registered-only-title {max-width: 282px;} .recent-portfolio.v3 .post {width: 100%;} .grid_1 *[data-grid="ninzio_01"], .grid_2 *[data-grid="ninzio_01"], .grid_3 *[data-grid="ninzio_01"], .grid_4 *[data-grid="ninzio_01"] {width: 282px;} .main-content .widebox .recent-portfolio.grid_1 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_2 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_3 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_4 *[data-grid="ninzio_01"] {width: 242px;} /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product, .grid_4.woocommerce-loop .products .product, .related-products-column-4 .products .product, .related-products-column-3 .products .product, .woocommerce.columns-3 .products .product, .woocommerce.columns-4 .products .product {width: 282px;} } /* MAX MOBILE PORTRAIT /*----------------------------------------------------------------*/ @media only screen and (max-width: 320px) { button, input[type="reset"], input[type="submit"], input[type="button"], .button, .content .button { width: 100% !important; } .vertical .tabset { margin-bottom: 3px; padding-right: 0px; } textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] { width: 100%; } /*Woocommerce addition*/ .woocommerce .shop_table.cart td, .woocommerce .shop_table.cart th { padding:5px; } .woocommerce .shop_table.cart td.actions { padding: 10px 0 0 0; } .woocommerce .shop_table.cart .coupon {margin-bottom: 0;} .woocommerce .shop_table.cart td.actions input[type="text"], .woocommerce .shop_table.cart td.actions input[type="submit"] { margin-bottom:5px; } .woocommerce .quantity { display:block; } .woocommerce .ninzio-single-product-summary .quantity input[type="button"].minus, .woocommerce .ninzio-single-product-summary .quantity input[type="button"].plus, .woocommerce .ninzio-single-product-summary .quantity input[type="number"] { width: 66px; max-width: 66px; margin: 0 0 5px 0; } .woocommerce .ninzio-single-product-summary .quantity input[type="number"] { width:150px; max-width:150px; } } /* MIN MOBILE LANDSCAPE /*----------------------------------------------------------------*/ @media only screen and (min-width:480px ) { .container, .fluid_grid .term-info, .single-portfolio #comments, .registered-only-title {max-width: 384px;} /* Portfolio /*............................................................*/ .loop .no-gap-grid .portfolio, .recent-portfolio.v3 .post {width: 50%; float: left;} .main-content .recent-portfolio.v3 .post {width: 100%; float: none;} /* Grid /*............................................................*/ .grid_1 *[data-grid="ninzio_01"], .grid_2 *[data-grid="ninzio_01"], .grid_3 *[data-grid="ninzio_01"], .grid_4 *[data-grid="ninzio_01"] {width: 384px;} .main-content .widebox .recent-portfolio.grid_1 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_2 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_3 *[data-grid="ninzio_01"], .main-content .widebox .recent-portfolio.grid_4 *[data-grid="ninzio_01"] {width: 344px;} /* Calendar widget /*............................................................*/ .widget_calendar caption { height: 54px; line-height: 54px; } .widget_calendar th, .widget_calendar td, .widget_calendar td#prev, .widget_calendar td#next { line-height: 54px; width: 54px; height: 54px; } /* Recent portfolio widget /*............................................................*/ .widget_recent_portfolio .recent-portfolio .post { width:91px; height:auto; margin-right:6px; margin-bottom:6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 6px;} .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 0; } /* Flickr /*............................................................*/ .widget_photos_from_flickr .flickr_badge_image { width:72px; height:72px; margin-right: 6px; margin-bottom: 6px; } .widget_photos_from_flickr #flickr_badge_image4, .widget_photos_from_flickr #flickr_badge_image8 { margin-right:6px; } .widget_photos_from_flickr #flickr_badge_image5, .widget_photos_from_flickr #flickr_badge_image10 { margin-right: 0; } /* 404 /*............................................................*/ .error404-status { font-size: 200px; line-height: 200px; height: 200px; } .error404-suggestions .search-form { width: 250px; } /* Shortcode gallery /*............................................................*/ .ninzio-gallery { margin-bottom: 0px; } .ninzio-gallery > .gallery-item:last-child { margin-bottom: 2%; } .ninzio-gallery .gallery-item { float: left; margin: 0 2% 2% 0; } .ninzio-gallery.gallery-columns-1 .gallery-item {width: 100%;} .ninzio-gallery.gallery-columns-2 .gallery-item {width: 49%;} .ninzio-gallery.gallery-columns-4 .gallery-item {width: 49%;} .ninzio-gallery.gallery-columns-8 .gallery-item {width: 49%;} .ninzio-gallery.gallery-columns-3 .gallery-item {width: 32%;} .ninzio-gallery.gallery-columns-5 .gallery-item {width: 32%;} .ninzio-gallery.gallery-columns-6 .gallery-item {width: 32%;} .ninzio-gallery.gallery-columns-7 .gallery-item {width: 32%;} .ninzio-gallery.gallery-columns-9 .gallery-item {width: 32%;} .ninzio-gallery.gallery-columns-1 .gallery-item:nth-child(2n+2), .ninzio-gallery.gallery-columns-2 .gallery-item:nth-child(2n+2), .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(2n+2), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(2n+2) { margin-right: 0; } .ninzio-gallery.gallery-columns-1 .gallery-item:nth-child(2n+3), .ninzio-gallery.gallery-columns-2 .gallery-item:nth-child(2n+3), .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(2n+3), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(2n+3) { clear: left; } .ninzio-gallery.gallery-columns-3 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(3n+3) { margin-right: 0; } .ninzio-gallery.gallery-columns-3 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(3n+4) { clear: left; } /* Woocommerce /*............................................................*/ /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product, .grid_4.woocommerce-loop .products .product, .related-products-column-4 .products .product, .related-products-column-3 .products .product, .woocommerce.columns-3 .products .product, .woocommerce.columns-4 .products .product {width: 384px;} .ninzio-single-product-image .thumbnails > a { width:23.5%; margin:0 2% 2% 0; } .ninzio-single-product-image .thumbnails > a:nth-child(3n+3) {margin-right:2%;} .ninzio-single-product-image .thumbnails > a:nth-child(4n+4) {margin-right:0;} .widget_price_filter .price_slider_amount .button {float: left;} .widget_price_filter .price_slider_amount .price_label {float: right;} } /* MAX MOBILE LANDSCAPE /*----------------------------------------------------------------*/ @media only screen and (max-width: 767px){ .carousel-yes .ca-item {margin-right: 0px; padding:0 5px;} .page-header h1 {font-size: 48px;line-height: 58px;} .page-header .page-subtitle {font-size: 18px;line-height: 30px;} .rich-header #ninzio-nav-single { position: relative; width:100%; height: 40px; top:auto; right:auto; margin-top:15px; } .rich-header #ninzio-nav-single .nav-next { float: right; } .rich-header .page-title {text-align: center;} .woocommerce .shop_table.cart .product-thumbnail { display: none; } .woocommerce-cart .quantity input[type="button"].plus { border-radius:0px 0px 3px 3px; margin: 0 auto; width:50px !important; max-width:50px !important; height: 30px; line-height:12px; display: block; } .woocommerce-cart .quantity input[type="button"].minus { border-radius:3px 3px 0px 0px; margin: 0 auto; width:50px !important; max-width:50px !important; height: 30px; line-height:12px; display: block; } .woocommerce-cart .quantity input[type="number"] { border-radius: 0; max-width:50px !important; width:50px !important; padding:0px 0px 0px 12px !important; font-size: 13px !important; margin: 0 auto; border: 1px solid #e0e0e0; display: block; } .dark-skin .woocommerce-cart .quantity input[type="number"] { border-left: 1px solid #444444; border-right: 1px solid #444444; } } /* MIN TABLET PORTRAIT /*----------------------------------------------------------------*/ @media only screen and (min-width: 768px) { .container, .fluid_grid .term-info, .single-portfolio #comments, .registered-only-title {max-width: 720px;} .footer .footer-content .social-links { float: right; text-align: right; } .footer .footer-content .footer-info { float: left; text-align: left; } .footer .footer-menu { padding:0; float: right; } .footer .footer-menu ul li { float: left; } .footer .footer-menu ul li a { line-height: inherit !important; padding: 0 10px; position: relative; } .footer .footer-menu ul li > a:after { content: "/"; display: block; position: absolute; height: 50px; width: 6px; right: -3px; top: 0; } .footer .footer-menu ul li:last-child > a:after { display: none; } .ninzio-filter ul { text-align: right; } .rich-header .container > * { margin-bottom: 0; } /* Comments /*............................................................*/ .post-comments-area .comment-form-author, .post-comments-area .comment-form-email, .post-comments-area .comment-form-url { float: left; width: 32%; margin-right: 2%; } .post-comments-area .comment-form-url { margin-right: 0; } .post-comments-area .comment-form-url:after { content: ""; display: table; clear: both; } .comment-list ul.children { padding:0 0 0 70px; } /* Portfolio layout /*............................................................*/ .single-portfolio .portfolio > .ninzio-thumbnail, .single-portfolio .portfolio > .post-video, .single-portfolio .portfolio > .post-gallery, .single-portfolio .portfolio > .post-audio {width:512px;float:left; margin-right:28px;} .single-portfolio .portfolio > .post-body {width: 180px;float:left;} .grid_2.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_2.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .grid_3.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_3.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .grid_4.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .single-portfolio .portfolio[data-format="audio"] > .post-body > :first-child { margin-right: 4%; width: 74%; } .single-portfolio .portfolio[data-format="audio"] > .post-body > :last-child { width:22%; } .main-content .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 254px;} .main-content .widebox .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 234px;} .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 224px;} .main-content .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width:533px;} .main-content .widebox .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 493px;} .main-content .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 254px;} .main-content .widebox .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 234px;} .recent-portfolio.v3 .post, .main-content .recent-portfolio.v3 .post {width: 50%;float: left} /* Columns /*............................................................*/ .col {float:left; margin-right: 4%;} .one_quarter {width: 22%;} .one_third {width: 30.66666666666667%;} .one_half {width: 48.0%;} .two_thirds {width: 65.33333333333333%;} .three_quarters {width: 74%;} /* Visual Composer /*............................................................*/ .vc_span12 {width: 100%;margin-right: 0!important;} /* 12/12 */ .vc_span11 {width: 91.33333333333333%} /* 11/12 */ .vc_span10 {width: 82.66666666666667%} /* 5/6 */ .vc_span9 {width: 74%;} /* 3/4 */ .vc_span8 {width: 65.33333333333333%;} /* 2/3 */ .vc_span6 {width: 48.0%;} /* 1/2 */ .vc_span7 {width: 56%} /* 7/12 */ .vc_span5 {width: 40%} /* 5/12 */ .vc_span4 {width: 30.66666666666667%;} /* 1/3 */ .vc_span3 {width: 22%;} /* 1/4 */ .vc_span2 {width: 13.33333333333333%} /* 1/6 */ .vc_span1 {width: 4.666666666666667%} /* 1/12 */ .col.vc_col-sm-12 {width: 100%;margin-right: 0!important;} /* 12/12 */ .col.vc_col-sm-11 {width: 91.33333333333333%} /* 11/12 */ .col.vc_col-sm-10 {width: 82.66666666666667%} /* 5/6 */ .col.vc_col-sm-9 {width: 74%;} /* 3/4 */ .col.vc_col-sm-8 {width: 65.33333333333333%;} /* 2/3 */ .col.vc_col-sm-6 {width: 48.0%;} /* 1/2 */ .col.vc_col-sm-7 {width: 56%} /* 7/12 */ .col.vc_col-sm-5 {width: 40%} /* 5/12 */ .col.vc_col-sm-4 {width: 30.66666666666667%;} /* 1/3 */ .col.vc_col-sm-3 {width: 22%;} /* 1/4 */ .col.vc_col-sm-2 {width: 13.33333333333333%} /* 1/6 */ .col.vc_col-sm-1 {width: 4.666666666666667%} /* 1/12 */ /* Grid /*............................................................*/ .grid_2 *[data-grid="ninzio_01"], .grid_3 *[data-grid="ninzio_01"], .grid_4 *[data-grid="ninzio_01"] {float: left;} .grid_1 *[data-grid="ninzio_01"]{width: 720px;} .grid_1 .main-content *[data-grid="ninzio_01"]{width: 533px;} .grid_2 *[data-grid="ninzio_01"]{width: 348px;} .grid_2 .main-content *[data-grid="ninzio_01"]{width: 254px;} .grid_3 *[data-grid="ninzio_01"]{width: 348px;} .grid_3 .main-content *[data-grid="ninzio_01"]{width: 254px;} .grid_4 *[data-grid="ninzio_01"]{width: 348px;} .grid_4 .main-content *[data-grid="ninzio_01"]{width: 254px;} /* WooCommerce /*............................................................*/ /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product {width: 348px;float: left;} .grid_4.woocommerce-loop .products .product {width: 348px;float: left;} .woocommerce.columns-3 .products .product, .woocommerce.columns-4 .products .product {width: 348px;float: left;} .woocommerce.columns-3 .products .product { width: 224px; } .main-content .woocommerce.columns-3 .products .product, .main-content .woocommerce.columns-4 .products .product {width: 254px;} .related-products-column-4 .products .product {width: 348px;float: left;margin-right: 24px;} .related-products-column-3 .products .product {width: 224px;float: left;margin-right: 24px;} .related-products-column-3 .products .product:nth-child(3n+3) {margin-right: 0;} .related-products-column-4 .products .product:nth-child(2n+2) {margin-right: 0;} .grid_3.woocommerce-loop .main-content .products .product {width: 254px;} .grid_4.woocommerce-loop .main-content .products .product {width: 254px;} .woocommerce-loop {position: relative;} .woocommerce-loop .page-title, .woocommerce-loop .term-description { max-width: 70%; } .woocommerce-loop .main-content .page-title, .woocommerce-loop .main-content .term-description { max-width: 60%; } .woocommerce .woocommerce-loop .woocommerce-ordering { position: absolute; right: 0; } .woocommerce .woocommerce-loop .main-content > .woocommerce-ordering {top:20px;} .woocommerce .woocommerce-loop > .woocommerce-ordering {top: 90px;} .woocommerce .woocommerce-loop .products { margin-top:50px; } .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width: 48%; float: left; } .woocommerce .cart-collaterals .cart_totals, .woocommerce .col2-set .col-1 { margin-right: 4%; } .woocommerce-message, .woocommerce-info, .woocommerce-error li, p.woocommerce-error, .woocommerce-checkout .woocommerce > p:first-child, .woocommerce .cart-empty { text-align: left; } .woocommerce-message .button { margin: 0 5px 0px 0; } .woocommerce-loop .woocommerce-message, .woocommerce-loop .woocommerce-info, .woocommerce-loop .woocommerce-error li { margin-top: 50px; } .widget_price_filter .price_slider_amount .button {float: none; width: 100%; margin-right: 0;} .widget_price_filter .price_slider_amount .price_label {float: none;} /* Carousel /*............................................................*/ .ca-item {float:left; margin-right: 2%;} .carousel-yes .ca-item { margin-right: 0.2% !important; } .carousel-no .columns-1 .ca-item {width:100%;} .carousel-no .columns-2 .ca-item {width:49.0%;} .carousel-no .columns-3 .ca-item {width:32%;} .carousel-no .columns-4 .ca-item {width:49.0%;} .carousel-no .columns-5 .ca-item {width:18.4%;} .carousel-no .columns-6 .ca-item {width:32%;} .carousel-yes .columns-1 .ca-item {width:10%;} .carousel-yes .columns-2 .ca-item {width:4.9%;} .carousel-yes .columns-3 .ca-item {width:3.2%;} .carousel-yes .columns-4 .ca-item {width:4.9%;} .carousel-yes .columns-5 .ca-item {width:1.84%;} .carousel-yes .columns-6 .ca-item {width:3.2%;} .carousel-no .columns-2 .ca-item:nth-child(2n+2), .carousel-no .columns-3 .ca-item:nth-child(3n+3), .carousel-no .columns-4 .ca-item:nth-child(2n+2), .carousel-no .columns-5 .ca-item:nth-child(5n+5), .carousel-no .columns-6 .ca-item:nth-child(3n+3) {margin-right: 0;} .carousel-no .columns-2 .ca-item:nth-child(2n+3), .carousel-no .columns-3 .ca-item:nth-child(3n+4), .carousel-no .columns-4 .ca-item:nth-child(2n+3), .carousel-no .columns-5 .ca-item:nth-child(5n+6), .carousel-no .columns-6 .ca-item:nth-child(3n+4) { clear: left; } /* Persons /*............................................................*/ .persons .person {float:left;border-left: 1px solid;} .persons.columns-1 .person {width:100%; border-left: none;} .persons.columns-2 .person {width:50%;} .persons.columns-3 .person {width:33.33333333333333%;} .persons.columns-4 .person {width:25%;} .persons.columns-2 .person:nth-child(2n+2), .persons.columns-3 .person:nth-child(3n+3), .persons.columns-4 .person:nth-child(4n+4) {margin-right: 0;} .persons.columns-2 .person:nth-child(2n+3), .persons.columns-3 .person:nth-child(3n+4), .persons.columns-4 .person:nth-child(4n+5) { clear: left; } /* Widget grid /*............................................................*/ .footer-widget-area .widget {float:left; margin-right: 4%;} .widget-area.columns-3 .widget {width:30.66666666666667%;} .widget-area.columns-4 .widget {width:48.0%;} .widget-area.columns-3 .widget:nth-child(3n+3), .widget-area.columns-4 .widget:nth-child(2n+2) {margin-right: 0;} .widget-area.columns-3 .widget:nth-child(3n+4), .widget-area.columns-4 .widget:nth-child(2n+3) { clear: left; } /* Calendar widget /*............................................................*/ .widget_calendar caption { height: 22px; line-height: 22px; } .widget_calendar th, .widget_calendar td, .widget_calendar td#prev, .widget_calendar td#next { line-height: 22px; width: 22px; height: 22px; } .footer-widget-area-wrap .widget_calendar caption { height: 49px; line-height: 49px; } .footer-widget-area-wrap .widget_calendar th, .footer-widget-area-wrap .widget_calendar td, .footer-widget-area-wrap .widget_calendar td#prev, .footer-widget-area-wrap .widget_calendar td#next { line-height: 49px; width: 49px; height: 49px; } .footer-widget-area-wrap .columns-3 .widget_calendar caption { height: 31px; line-height: 31px; } .footer-widget-area-wrap .columns-3 .widget_calendar th, .footer-widget-area-wrap .columns-3 .widget_calendar td, .footer-widget-area-wrap .columns-3 .widget_calendar td#prev, .footer-widget-area-wrap .columns-3 .widget_calendar td#next { line-height: 31px; width: 31px; height: 31px; } /* Recent portfolio widget /*............................................................*/ .widget_recent_portfolio .recent-portfolio .post { width:76px; height:auto; margin-right:6px; margin-bottom:6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 6px;} .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 0px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post { width:111px; height:111px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .columns-3 .widget_recent_portfolio .recent-portfolio .post { width:69px; height:69px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0px;} /* Flickr /*............................................................*/ .widget_photos_from_flickr .flickr_badge_image { width:48px; height:48px; } .widget_photos_from_flickr #flickr_badge_image4, .widget_photos_from_flickr #flickr_badge_image8, .widget_photos_from_flickr #flickr_badge_image5, .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .widget_photos_from_flickr #flickr_badge_image3, .widget_photos_from_flickr #flickr_badge_image6, .widget_photos_from_flickr #flickr_badge_image9 { margin-right:0; } .footer-widget-area-wrap .widget_photos_from_flickr .flickr_badge_image { width:64px; height:64px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image1, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image2, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image7, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image8, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image9 { margin-right:6px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image10 { margin-right:0; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr .flickr_badge_image { width:69px; height:69px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image1, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image2, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image7, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image8, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image9 { margin-right:0; } /* Shortcode animated widebox /*............................................................*/ .animated-widebox .animated-widebox-content, .animated-widebox .animated-widebox-img, .animated-widebox .animated-widebox-img img { margin-bottom: 0; } .animated-widebox.animate-yes .animated-widebox-img > .widebox-img-wrap, .animated-widebox.animate-yes .animated-widebox-content > div { position: relative; opacity: 0; } .animated-widebox.animate-yes .left.animated-widebox-img > .widebox-img-wrap, .animated-widebox.animate-yes .left.animated-widebox-content > div { top: 0; left: -80px; } .animated-widebox.animate-yes .right.animated-widebox-img > .widebox-img-wrap, .animated-widebox.animate-yes .right.animated-widebox-content > div { top: 0; right: -80px; } .animated-widebox.animate-yes .top.animated-widebox-img > .widebox-img-wrap, .animated-widebox.animate-yes .top.animated-widebox-content > div { top: -80px; left: auto; } .animated-widebox.animate-yes .bottom.animated-widebox-img > .widebox-img-wrap, .animated-widebox.animate-yes .bottom.animated-widebox-content > div { bottom: -80px; left: auto; } /* Tabs vertical in animated widebox, columns, lightbox /*............................................................*/ .vertical .tabset, .vertical .tabs-container{ float: left; padding-top: 0; } .vertical .tabset .tab { border-radius: 3px 0 0 3px; } .vertical .tabs-container { border-left: 1px solid #eeeeee; padding-left: 20px; } .dark-skin .vertical .tabs-container { border-left: 1px solid #444444; } .vertical .tabset {width: 20%;} .vertical .tabs-container {width: 80%;} .vertical .tabset .tab.active { border-radius: 3px 0 0 3px; } .vertical .tabset .tab.active:after { width: 2px; height: 100%; right: -2px; top: 0; } .one_half .vertical .tabs-container {width: 69%;} .one_half .vertical .tabset {width: 31%;} .animated-widebox-content > div > .vertical .tabs-container {width: 69%;} .animated-widebox-content > div > .vertical .tabset {width: 31%;} .two_thirds .vertical .tabs-container {width: 77%;} .two_thirds .vertical .tabset {width: 23%;} .three_quarters .vertical .tabs-container {width: 79.5%;} .three_quarters .vertical .tabset {width: 20.5%;} .one_third .vertical .tabset, .one_third .vertical .tabs-container, .one_quarter .vertical .tabset, .one_quarter .vertical .tabs-container, #cboxLoadedContent .vertical .tabset, #cboxLoadedContent .vertical .tabs-container { float: none; } .one_third .vertical .tabset, .one_third .vertical .tabset, .one_quarter .vertical .tabset, .one_quarter .vertical .tabset, #cboxLoadedContent .vertical .tabset, #cboxLoadedContent .vertical .tabset { width: 100% !important; } .one_third .vertical .tabset .tab, .one_third .vertical .tabset .tab, .one_quarter .vertical .tabset .tab, .one_quarter .vertical .tabset .tab, #cboxLoadedContent .vertical .tabset .tab, #cboxLoadedContent .vertical .tabset .tab { width: 100%; border-radius: 3px; border:1px solid #eeeeee; } .one_third .vertical.tabs .tabs-container, .one_third .vertical.tabs .tabs-container, .one_quarter .vertical.tabs .tabs-container, .one_quarter .vertical.tabs .tabs-container, #cboxLoadedContent .vertical.tabs .tabs-container, #cboxLoadedContent .vertical.tabs .tabs-container { width: 100% !important; min-height: 0 !important; border-left: none; padding-left: 0; padding-top: 20px; } .one_third .vertical .tabset .tab:last-child, .one_third .vertical .tabset .tab:last-child, .one_quarter .vertical .tabset .tab:last-child, .one_quarter .vertical .tabset .tab:last-child, #cboxLoadedContent .vertical .tabset .tab:last-child, #cboxLoadedContent .vertical .tabset .tab:last-child { margin-bottom: 0; } .one_third .vertical .tabset .tab.active:after, .one_third .vertical .tabset .tab.active:after, .one_quarter .vertical .tabset .tab.active:after, .one_quarter .vertical .tabset .tab.active:after, #cboxLoadedContent .vertical .tabset .tab.active:after, #cboxLoadedContent .vertical .tabset .tab.active:after { display: none; } /* Pricing table /*............................................................*/ .pt-row, .price-attr, .pt-footer { border-right: none; } .columns-5 .pt-column { width: 20%; } .columns-4 .pt-column { width: 25%; } .columns-3 .pt-column { width: 33.33333333333333%; } .columns-2 .pt-column { width: 50%; } .columns-1 .pt-column {width: 100%; } .highlight-no { margin-top: 20px; } .highlight-yes, .columns-1 .highlight-no { margin-top: 0px; } .highlight-yes .price-attr {padding-top: 40px;} .highlight-yes .pt-footer {padding-bottom: 40px;} .columns-1 .highlight-yes { margin-top: 0px; } .columns-1 .highlight-yes .price-attr {padding-top: 20px;} .columns-1 .highlight-yes .pt-footer {padding-bottom: 20px;} .columns-2 .pt-column:nth-child(2n+1) .pt-column-title, .columns-3 .pt-column:nth-child(3n+1) .pt-column-title, .columns-4 .pt-column:nth-child(4n+1) .pt-column-title, .columns-5 .pt-column:nth-child(5n+1) .pt-column-title {border-radius: 3px 0 0 0;} .columns-2 .pt-column:nth-child(2n+1) .pt-footer, .columns-3 .pt-column:nth-child(3n+1) .pt-footer, .columns-4 .pt-column:nth-child(4n+1) .pt-footer, .columns-5 .pt-column:nth-child(5n+1) .pt-footer {border-radius: 0 0 0 3px;} .columns-2 .pt-column:nth-child(2n+2) .pt-column-title, .columns-3 .pt-column:nth-child(3n+3) .pt-column-title, .columns-4 .pt-column:nth-child(4n+4) .pt-column-title, .columns-5 .pt-column:nth-child(5n+5) .pt-column-title {border-radius: 0 3px 0 0;} .columns-2 .pt-column:nth-child(2n+2) .pt-footer, .columns-3 .pt-column:nth-child(3n+3) .pt-footer, .columns-4 .pt-column:nth-child(4n+4) .pt-footer, .columns-5 .pt-column:nth-child(5n+5) .pt-footer {border-radius: 0 0 3px 0;} /*Clear fix*/ .pt.columns-2 .pt-column:nth-child(2n+3), .pt.columns-3 .pt-column:nth-child(3n+4), .pt.columns-4 .pt-column:nth-child(4n+5), .pt.columns-5 .pt-column:nth-child(5n+6) {clear: left;} .columns-2 .pt-column:nth-child(2n+2) .price-attr, .columns-3 .pt-column:nth-child(3n+3) .price-attr, .columns-4 .pt-column:nth-child(4n+4) .price-attr, .columns-5 .pt-column:nth-child(5n+5) .price-attr, .columns-2 .pt-column:nth-child(2n+2) .pt-row, .columns-3 .pt-column:nth-child(3n+3) .pt-row, .columns-4 .pt-column:nth-child(4n+4) .pt-row, .columns-5 .pt-column:nth-child(5n+5) .pt-row, .columns-2 .pt-column:nth-child(2n+2) .pt-footer, .columns-3 .pt-column:nth-child(3n+3) .pt-footer, .columns-4 .pt-column:nth-child(4n+4) .pt-footer, .columns-5 .pt-column:nth-child(5n+5) .pt-footer {border-right: 1px solid #eeeeee;} .dark-skin .columns-2 .pt-column:nth-child(2n+2) .price-attr, .dark-skin .columns-3 .pt-column:nth-child(3n+3) .price-attr, .dark-skin .columns-4 .pt-column:nth-child(4n+4) .price-attr, .dark-skin .columns-5 .pt-column:nth-child(5n+5) .price-attr, .dark-skin .columns-2 .pt-column:nth-child(2n+2) .pt-row, .dark-skin .columns-3 .pt-column:nth-child(3n+3) .pt-row, .dark-skin .columns-4 .pt-column:nth-child(4n+4) .pt-row, .dark-skin .columns-5 .pt-column:nth-child(5n+5) .pt-row, .dark-skin .columns-2 .pt-column:nth-child(2n+2) .pt-footer, .dark-skin .columns-3 .pt-column:nth-child(3n+3) .pt-footer, .dark-skin .columns-4 .pt-column:nth-child(4n+4) .pt-footer, .dark-skin .columns-5 .pt-column:nth-child(5n+5) .pt-footer {border-right: 1px solid #444444;} .pt-column.highlight-yes .pt-footer {position: relative;} .pt-column.highlight-yes .pt-footer:after { position:absolute; top: 0; right: -1px; height: 100%; width: 1px; content: ""; display: block; background-color: #eeeeee; } .dark-skin .pt-column.highlight-yes .pt-footer:after { background-color: #444444; } .pt-column.highlight-yes + .pt-column .pt-footer {border-left:none;} /* Counter /*............................................................*/ .counter-container .counter { margin: 0 0 25px 0; display: inline-block; } .counter-container .counter {width:19.6%;} .main-content .counter-container .counter > i { font-size:48px; line-height: 48px; } .main-content .counter-container .counter .counter-value { font-size: 36px; line-height: 52px; } .main-content .counter .counter-title { font-size: 18px; line-height: 22px; } /* Content box /*............................................................*/ .content-box .box { float:left; margin-right:1.5%; } .columns-4.content-box > .box {width: 49.25%;} .columns-3.content-box > .box {width: 32.33333333333333%;} .columns-2.content-box > .box {width: 49.25%;} .columns-2.content-box > .box:nth-child(2n+2), .columns-3.content-box > .box:nth-child(3n+3), .columns-4.content-box > .box:nth-child(2n+2) {margin-right: 0;} .columns-2.content-box > .box:nth-child(2n+3), .columns-3.content-box > .box:nth-child(3n+4), .columns-4.content-box > .box:nth-child(2n+3) { clear: left; } /* Tagline /*............................................................*/ .tagline .container { display: table; } .tagline .tagline-co { display: table-cell; } .tagline .tagline-co.tagline-title { margin-bottom: 0; text-align: right; padding-right: 40px; vertical-align: middle; } .tagline .container .tagline-co:last-child { min-width: 300px; text-align: left; } } /* ONLY TABLET PORTRAIT /*----------------------------------------------------------------*/ @media only screen and (min-width: 768px) and (max-width: 1023px) { /* Twitter /*............................................................*/ .widget_twitter ul li { margin: 0 0 10px 0; padding:40px 0 10px 0; background-position:center 10px; } /* WooCommerce /*............................................................*/ .widget_shopping_cart .cart_list > li, .widget_products .product_list_widget > li, .widget_recently_viewed_products .product_list_widget > li, .widget_recent_reviews .product_list_widget > li, .widget_top_rated_products .product_list_widget > li { text-align: center; } .widget_shopping_cart .cart_list > li > a img, .widget_products .product_list_widget > li > a img, .widget_recently_viewed_products .product_list_widget > li > a img, .widget_recent_reviews .product_list_widget > li > a img, .widget_top_rated_products .product_list_widget > li > a img { display: block; float:none; margin: 0 auto 10px auto; } .widget_shopping_cart .buttons .button { width: 100%; margin-right: 0; } .widget_recent_reviews .star-rating, .widget_top_rated_products .star-rating { margin:5px auto 5px auto; } } /* EVERYTHING BUT DESKTOP /*----------------------------------------------------------------*/ @media only screen and (max-width: 1023px){ .header .header-menu li > ul, .header .header-menu > ul > li.megamenu > .megamenu-submenu-wrap { display: block !important; opacity: 1 !important; } .responsive-false.header .header-menu ul li:before, .responsive-true.header .header-menu ul li:before { display:none; } } /* MIN TABLET LANDSCAPE /*----------------------------------------------------------------*/ @media only screen and (min-width:1024px ){ .ninzio-not-found { max-width: 960px; } .container, .fluid_grid .term-info, .single-portfolio #comments, .registered-only-title {max-width: 960px;} /* Header /*............................................................*/ #wrap.boxed .responsive-false.header { -webkit-box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); } .responsive-false.header .inline-clear { line-height: 0; height: 0; } .responsive-false.header.attachment-fixed { position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.98); -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .admin-bar .responsive-false.header.attachment-fixed { top: 32px; } .responsive-false .header-top { display: block; } .responsive-false.animated.header-top-true .header-top { display: none; } .responsive-false .header-top .slogan { float: left; text-align: left; } .responsive-false .header-top .social-links { float: right; text-align: right; } .responsive-false .header-content > .container { line-height: inherit; height: inherit; } .responsive-false.header .search-toggle { top: auto !important; right: auto !important; background-color: transparent; margin-left:7px; float: right; position: relative !important; width: 30px; height:inherit; line-height:inherit; } .responsive-false.header .search-toggle i { color: #444; font-size: 14px !important; } .responsive-false.header .responsive-menu-toggle { display: none; } .responsive-false.header .header-menu { display: block !important; float: right; margin:0; height:inherit; line-height:inherit; margin-top: 17px; } .responsive-false.header .header-menu > ul { float: left; line-height:inherit; } .responsive-false.header .header-menu > ul > li { float: left; line-height:inherit; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; margin-right:2px; margin-left:2px; } .responsive-false.header .header-menu > ul > li:last-child { margin-right: 0px; } .responsive-false.header .header-menu ul li:before { display:block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 36px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; width: 30px; text-align: right; padding:0px 0px 0px 8px; position: relative; z-index: 50; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-false.header .header-menu ul ul li:before { line-height: 15px; font-size: 15px; padding: 12px 0px 12px 8px; } .responsive-false.header .header-menu ul li:not(.megamenu) ul li:first-child:before { line-height: 15px; font-size: 15px; padding: 17px 0px 12px 8px; } .responsive-false.header .header-menu ul li.megamenu ul li:first-child:before { padding: 11px 0px 12px 8px; } .responsive-false.header .header-menu ul li.megamenu ul li:before { padding: 11px 0 12px 0; line-height: 15px; font-size: 15px; } .responsive-false.header .header-menu ul li[class*="fa"] > a { padding: 0px 20px 0px 38px !important; } .responsive-false.header .header-menu ul ul li[class*="fa"] > a { padding: 8px 20px 8px 38px !important; } .responsive-false.header .header-menu ul li:not(.megamenu) ul li[class*="fa"] > a:hover { padding: 8px 20px 8px 41px !important; } .responsive-false.header .header-menu ul li:not(.megamenu) ul li:hover:before { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .responsive-false.header .header-menu > ul > li > a { padding: 0 20px; border: none; line-height:36px; } .responsive-false .header-menu > ul > li:first-child > a { border-top: none !important; } .responsive-false.header .header-menu > ul > li > a:after { display: none; } .dropdown-true.responsive-false.header .header-menu > ul > li > a:after { display: inline-block; position: relative; top: auto; right: auto; margin: 0; text-align: right; width: 15px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-false.header .header-menu ul ul { position: absolute; min-width: 230px; max-width: 230px; height: auto; top: 0px; left: 230px; display: none; z-index: 99; } .responsive-false.header .header-menu > ul > li > ul { padding-top:10px; left:0px; top: 36px; } .responsive-false.header .header-menu ul ul ul { top: 21px; } .responsive-false.header .header-menu ul ul > li:first-child > ul { top: 60px; } .responsive-false.header .header-menu > ul > li > ul { top: 60px; } .responsive-false.header .header-menu ul ul ul { top: 21px; } .responsive-false.header .header-menu ul ul > li:first-child > ul { top: 30px; } .responsive-false.header .header-menu li:hover > ul { display: block; } .responsive-false.header .header-menu > ul > li > a > .ninzio-da { display:none; position: absolute; bottom: -40px; left:50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color:#5c6366; } .responsive-false.header .header-menu > ul > li:hover > a > .ninzio-da { display: block; } .responsive-false.header .header-menu > ul > li > a:only-child > .ninzio-da { display: none !important; } .responsive-false.header .header-menu ul ul li a { background: #6d7578; color: #ffffff; padding: 8px 20px 8px 20px; border-bottom: none; border-top-style: solid; border-top-width: 1px; border-top-color: #5c6366; } .responsive-false.header .header-menu ul ul > li:first-child > a { border-top-style: solid; border-top-width: 7px; border-top-color: #5c6366; border-radius: 5px 5px 0 0; } .responsive-false.header .header-menu ul ul > li:last-child > a { border-bottom-style: solid; border-bottom-width: 7px; border-bottom-color: #5c6366; border-radius: 0 0 5px 5px; } .responsive-false.header .header-menu ul ul > li:only-child > a { border-radius:5px; } .responsive-false.header .header-menu ul ul li:hover > a { background: #6d7578; color: #fff; padding-left: 23px; } .responsive-false.header .header-menu ul ul li:hover > a:after { color: #fff; } .responsive-false.height-60.header .header-menu {margin-top:12px;} .responsive-false.height-70.header .header-menu {margin-top: 17px;} .responsive-false.height-80.header .header-menu {margin-top: 22px;} .responsive-false.height-90.header .header-menu {margin-top: 27px;} .responsive-false.height-100.header .header-menu {margin-top: 32px;} .responsive-false.height-110.header .header-menu {margin-top: 37px;} .responsive-false.height-120.header .header-menu {margin-top: 42px;} .responsive-false.height-60.attachment-fixed + .page-content-container {padding-top: 60px;} .responsive-false.height-70.attachment-fixed + .page-content-container {padding-top: 70px;} .responsive-false.height-80.attachment-fixed + .page-content-container {padding-top: 80px;} .responsive-false.height-90.attachment-fixed + .page-content-container {padding-top: 90px;} .responsive-false.height-100.attachment-fixed + .page-content-container {padding-top: 100px;} .responsive-false.height-110.attachment-fixed + .page-content-container {padding-top: 110px;} .responsive-false.height-120.attachment-fixed + .page-content-container {padding-top: 120px;} .responsive-false.height-60.attachment-fixed.header-top-true + .page-content-container {padding-top: 100px;} .responsive-false.height-70.attachment-fixed.header-top-true + .page-content-container {padding-top: 110px;} .responsive-false.height-80.attachment-fixed.header-top-true + .page-content-container {padding-top: 120px;} .responsive-false.height-90.attachment-fixed.header-top-true + .page-content-container {padding-top: 130px;} .responsive-false.height-100.attachment-fixed.header-top-true + .page-content-container {padding-top: 140px;} .responsive-false.height-110.attachment-fixed.header-top-true + .page-content-container {padding-top: 150px;} .responsive-false.height-120.attachment-fixed.header-top-true + .page-content-container {padding-top: 160px;} .responsive-false.height-60.attachment-fixed.animated-header {top: -60px;} .responsive-false.height-70.attachment-fixed.animated-header {top: -70px;} .responsive-false.height-80.attachment-fixed.animated-header {top: -80px;} .responsive-false.height-90.attachment-fixed.animated-header {top: -90px;} .responsive-false.height-100.attachment-fixed.animated-header {top: -100px;} .responsive-false.height-110.attachment-fixed.animated-header {top: -110px;} .responsive-false.height-120.attachment-fixed.animated-header {top: -120px;} .responsive-false.height-60.attachment-fixed.header-top-true.animated-header {top: -100px;} .responsive-false.height-70.attachment-fixed.header-top-true.animated-header {top: -110px;} .responsive-false.height-80.attachment-fixed.header-top-true.animated-header {top: -120px;} .responsive-false.height-90.attachment-fixed.header-top-true.animated-header {top: -130px;} .responsive-false.height-100.attachment-fixed.header-top-true.animated-header {top: -140px;} .responsive-false.height-110.attachment-fixed.header-top-true.animated-header {top: -150px;} .responsive-false.height-120.attachment-fixed.header-top-true.animated-header {top: -160px;} /*Menu highlight*/ .responsive-false .header-menu > ul > li.highlight-orange { background-color: #fb954a !important; } .responsive-false .header-menu > ul > li.highlight-yellow { background-color: #f8c013 !important; } .responsive-false .header-menu > ul > li.highlight-green { background-color: #54d24e !important; } .responsive-false .header-menu > ul > li.highlight-blue { background-color: #28cde1 !important; } .responsive-false .header-menu > ul > li.highlight-red { background-color: #db184b !important; } .responsive-false .header-menu > ul > li.highlight-orange > a, .responsive-false .header-menu > ul > li.highlight-yellow > a, .responsive-false .header-menu > ul > li.highlight-green > a, .responsive-false .header-menu > ul > li.highlight-blue > a, .responsive-false .header-menu > ul > li.highlight-red > a { color: #ffffff !important; } .responsive-false .header-menu > ul > li.highlight-orange:hover > a:before, .responsive-false .header-menu > ul > li.highlight-yellow:hover > a:before, .responsive-false .header-menu > ul > li.highlight-green:hover > a:before, .responsive-false .header-menu > ul > li.highlight-blue:hover > a:before, .responsive-false .header-menu > ul > li.highlight-red:hover > a:before { display: none !important; } /*Megamenu*/ .responsive-false.header .header-menu > ul > li.megamenu { position: static; } .responsive-false.header .header-menu ul > li.megamenu ul { position: static; min-width:100%; max-width:100%; height: auto; top:auto !important; left:auto !important; display: none; opacity:1 !important; visibility: hidden; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-false.header .header-menu ul > li.megamenu.submenu-active ul { display: block !important; } .responsive-false.header .header-menu li.megamenu:hover > .megamenu-submenu-wrap ul { visibility:visible; display: block !important; } .no-js .responsive-false.header .header-menu li.megamenu:hover > .megamenu-submenu-wrap ul { display:block !important; } .responsive-false.header .header-menu > ul > li.megamenu > .megamenu-submenu-wrap { position: absolute; width:960px; max-width: 960px; padding-top:10px; left:0px; top:93px; display: none; z-index: 99; } .no-js .responsive-false.header .header-menu > ul > li.megamenu:hover > .megamenu-submenu-wrap { display: block; } .responsive-false.header .header-menu > ul > li.megamenu .megamenu-submenu-wrap > ul { border-bottom-style: solid; border-bottom-width: 7px; border-bottom-color: #5c6366; border-top-style: solid; border-top-width: 7px; border-top-color: #5c6366; border-radius: 5px; padding: 10px 0; width: 100%; max-width: 100%; overflow: hidden; } .responsive-false.header .header-menu > ul > li.megamenu .megamenu-submenu-wrap > ul:after { content: ""; display: table; clear: both; } .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul li > a { background-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; border-radius: 0 !important; border-top: none !important; border-bottom: none !important; } .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li, .responsive-false.header .header-menu ul > li.megamenu.columns-3 .megamenu-submenu-wrap > ul > li { width: 320px; padding: 0 10px; border-right-width: 1px; border-right-style: solid; display: table-cell!important; } .responsive-false.header .header-menu ul > li.megamenu.columns-4 .megamenu-submenu-wrap > ul > li { width: 240px; } .responsive-false.header .header-menu ul > li.megamenu.columns-2 .megamenu-submenu-wrap > ul > li { width: 480px; } .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li:last-child { border-right:none; } .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li:hover > a { padding-left:20px; } .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li > a:after { display: none; } .responsive-false .header-menu > ul > li > a.one-page-active { border-radius: 3px; } .header-top #lang_sel_list ul li { float: left; } .header-top #lang_sel ul li > ul { display: none; position: absolute; height: auto; top: 40px; right: 0; z-index: 99; } .header-top #lang_sel, .header-top #lang_sel_list { float: right; } .header-top #lang_sel ul li:hover > ul { display: block; } /* Woocommerce /*............................................................*/ /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product {width: 304px;} .grid_4.woocommerce-loop .products .product {width: 222px;} .woocommerce.columns-3 .products .product {width: 304px;} .woocommerce.columns-4 .products .product {width: 222px;} .related-products-column-4 .products .product {width: 222px;} .related-products-column-3 .products .product {width: 304px;} .related-products-column-4 .products .product:nth-child(2n+2) {margin-right:24px;} .related-products-column-4 .products .product:nth-child(4n+4) {margin-right: 0;} .grid_3.woocommerce-loop .main-content .products .product {width: 343px;} .grid_4.woocommerce-loop .main-content .products .product {width: 343px;} .main-content .woocommerce.columns-3 .products .product {width: 343px;} .main-content .woocommerce.columns-4 .products .product {width: 343px;} .responsive-false .cart-toggle { top: auto !important; right: auto !important; background-color: transparent; margin-left:15px; float: right; position: relative !important; height:inherit; line-height:36px; width: auto; } .responsive-false .cart-toggle > a > i { font-size: 16px !important; display: inline-block !important; margin-right: 2px !important; } .responsive-false .cart-toggle > a > span { display:inline; } .responsive-false.height-60.header .cart-toggle {margin-top:12px;} .responsive-false.height-70.header .cart-toggle {margin-top: 17px;} .responsive-false.height-80.header .cart-toggle {margin-top: 22px;} .responsive-false.height-90.header .cart-toggle {margin-top: 27px;} .responsive-false.height-100.header .cart-toggle {margin-top: 32px;} .responsive-false.height-110.header .cart-toggle {margin-top: 37px;} .responsive-false.height-120.header .cart-toggle {margin-top: 42px;} .ninzio-single-product-image .thumbnails > a { width:18.4%; margin:0 2% 2% 0; } .ninzio-single-product-image .thumbnails > a:nth-child(4n+4) {margin-right:2%;} .ninzio-single-product-image .thumbnails > a:nth-child(5n+5) {margin-right:0;} .woocommerce-loop .main-content .page-title, .woocommerce-loop .main-content .term-description { max-width: 70%; } /* Portfolio /*............................................................*/ .single-portfolio .portfolio > .ninzio-thumbnail, .single-portfolio .portfolio > .post-video, .single-portfolio .portfolio > .post-gallery, .single-portfolio .portfolio > .post-audio {width:682px;margin-right:38px;} .single-portfolio .portfolio > .post-body {width: 240px;} .grid_2.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_2.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .grid_3.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_3.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 24px;} .grid_3.image-grid *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 0px;} .grid_3.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 24px;} .grid_3.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .grid_4.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(4n+4) {margin-right: 0px;} .grid_4.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 24px;} .grid_4.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .loop .no-gap-grid .portfolio {width: 25%;} .recent-portfolio.v3 .post[data-grid="ninzio_01"]{width: 25%;} .main-content .recent-portfolio.v3 .post[data-grid="ninzio_01"] {width: 33.33333333333333%;} .main-content .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 343px;} .main-content .widebox .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 323px;} .recent-portfolio.grid_3 *[data-grid="ninzio_01"] {width: 304px;} .main-content .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 220px;} .main-content .widebox .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 207px;} .main-content .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 343px;} .main-content .widebox .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 323px;} /* Grid /*............................................................*/ .grid_1 *[data-grid="ninzio_01"]{width: 960px;} .grid_1 .main-content *[data-grid="ninzio_01"]{width: 710px;} .grid_2 *[data-grid="ninzio_01"]{width: 468px;} .grid_2 .main-content *[data-grid="ninzio_01"]{width: 343px;} .grid_3 *[data-grid="ninzio_01"]{width: 304px;} .grid_3 .main-content *[data-grid="ninzio_01"]{width: 343px;} .grid_4 *[data-grid="ninzio_01"]{width: 222px;} .grid_4 .main-content *[data-grid="ninzio_01"]{width: 343px;} /* Carousel /*............................................................*/ .carousel-no .columns-4 .ca-item {width:23.5%;} .carousel-no .columns-6 .ca-item {width:15%;} .carousel-yes .columns-1 .ca-item {width:10%;} .carousel-yes .columns-2 .ca-item {width:4.9%;} .carousel-yes .columns-3 .ca-item {width:3.2%;} .carousel-yes .columns-4 .ca-item {width:2.35%;} .carousel-yes .columns-5 .ca-item {width:1.84%;} .carousel-yes .columns-6 .ca-item {width:1.5%;} .carousel-no .columns-4 .ca-item:nth-child(2n+2), .carousel-no .columns-6 .ca-item:nth-child(3n+3) {margin-right: 2%;} .carousel-no .columns-2 .ca-item:nth-child(even), .carousel-no .columns-3 .ca-item:nth-child(3n+3), .carousel-no .columns-4 .ca-item:nth-child(4n+4), .carousel-no .columns-6 .ca-item:nth-child(6n+6) {margin-right: 0;} .carousel-no .columns-4 .ca-item:nth-child(2n+3), .carousel-no .columns-6 .ca-item:nth-child(3n+4){ clear: none; } .carousel-no .columns-4 .ca-item:nth-child(4n+5), .carousel-no .columns-6 .ca-item:nth-child(6n+7) { clear: left; } /* Widget grid /*............................................................*/ .widget-area.columns-3 .widget {width:30.66666666666667%;} .widget-area.columns-4 .widget {width:22%;} .widget-area.columns-4 .widget:nth-child(2n+2) {margin-right: 4%;} .widget-area.columns-3 .widget:nth-child(3n+3), .widget-area.columns-4 .widget:nth-child(4n+4) {margin-right: 0;} .widget-area.columns-4 .widget:nth-child(2n+3){ clear: none; } .widget-area.columns-4 .widget:nth-child(4n+5) { clear: left; } /* Calendar widget /*............................................................*/ .widget_calendar caption { height: 30px; line-height: 30px; } .widget_calendar th, .widget_calendar td, .widget_calendar td#prev, .widget_calendar td#next { line-height: 30px; width: 30px; height: 30px; } .footer-widget-area-wrap .widget_calendar caption { height: 30px; line-height: 30px; } .footer-widget-area-wrap .widget_calendar th, .footer-widget-area-wrap .widget_calendar td, .footer-widget-area-wrap .widget_calendar td#prev, .footer-widget-area-wrap .widget_calendar td#next { line-height: 30px; width: 30px; height: 30px; } .footer-widget-area-wrap .columns-3 .widget_calendar caption { height: 42px; line-height: 42px; } .footer-widget-area-wrap .columns-3 .widget_calendar th, .footer-widget-area-wrap .columns-3 .widget_calendar td, .footer-widget-area-wrap .columns-3 .widget_calendar td#prev, .footer-widget-area-wrap .columns-3 .widget_calendar td#next { line-height: 42px; width: 42px; height: 42px; } /* Recent portfolio widget /*............................................................*/ .widget_recent_portfolio .recent-portfolio .post { width:66px; height:auto; margin-right:6px; margin-bottom:6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0px;} .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post { width:66px; height:66px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .columns-3 .widget_recent_portfolio .recent-portfolio .post { width:94px; height:94px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0px;} /* Flickr /*............................................................*/ .widget_photos_from_flickr .flickr_badge_image { width:66px; height:66px; } .widget_photos_from_flickr #flickr_badge_image4, .widget_photos_from_flickr #flickr_badge_image8, .widget_photos_from_flickr #flickr_badge_image5, .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .widget_photos_from_flickr #flickr_badge_image3, .widget_photos_from_flickr #flickr_badge_image6, .widget_photos_from_flickr #flickr_badge_image9 { margin-right:0; } .footer-widget-area-wrap .widget_photos_from_flickr .flickr_badge_image { width:66px; height:66px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image8, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image9 { margin-right:0; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr .flickr_badge_image { width:69px; height:69px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image1, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image2, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image7, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image9, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image8 { margin-right:0; } /* 404 /*............................................................*/ .error404-wrap { width:60%; margin: 0 auto; } /* Shortcode tab /*............................................................*/ .vertical .tabs-container {width: 85%;} .vertical .tabset {width: 15%;} /* Gallery /*............................................................*/ .ninzio-gallery.gallery-columns-4 .gallery-item {width: 23.5%;} .ninzio-gallery.gallery-columns-8 .gallery-item {width: 10.75%;} .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(2n+2), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(2n+2) { margin-right: 2%; } .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(2n+3), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(2n+3) { clear: none; } .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(4n+4), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(8n+8) { margin-right: 0; } .ninzio-gallery.gallery-columns-4 .gallery-item:nth-child(4n+5), .ninzio-gallery.gallery-columns-8 .gallery-item:nth-child(8n+9) { clear: left; } .ninzio-gallery.gallery-columns-5 .gallery-item {width: 18.4%;} .ninzio-gallery.gallery-columns-6 .gallery-item {width: 15%;} .ninzio-gallery.gallery-columns-7 .gallery-item {width: 12.57142857142857%;} .ninzio-gallery.gallery-columns-9 .gallery-item {width: 9.333333333333333%;} .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(3n+3), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(3n+3) { margin-right: 2%; } .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(3n+4), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(3n+4) { clear: none; } .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(5n+5), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(6n+6), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(7n+7), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(9n+9) { margin-right: 0; } .ninzio-gallery.gallery-columns-5 .gallery-item:nth-child(5n+6), .ninzio-gallery.gallery-columns-6 .gallery-item:nth-child(6n+7), .ninzio-gallery.gallery-columns-7 .gallery-item:nth-child(7n+8), .ninzio-gallery.gallery-columns-9 .gallery-item:nth-child(9n+10) { clear: left; } /* Content box /*............................................................*/ .columns-4.content-box > .box {width: 23.875%;} .columns-3.content-box > .box {width: 32.33333333333333%;} .columns-2.content-box > .box {width: 49.25%;} .columns-4.content-box > .box:nth-child(2n+2) {margin-right: 1.5%;} .columns-2.content-box > .box:nth-child(even), .columns-3.content-box > .box:nth-child(3n+3), .columns-4.content-box > .box:nth-child(4n+4) {margin-right: 0;} .columns-4.content-box > .box:nth-child(2n+3) {clear: none;} .columns-4.content-box > .box:nth-child(4n+5) {clear: left;} } /* MIN TABLET LANDSCAPE AND NOT DESCTOP /*----------------------------------------------------------------*/ @media only screen and (min-width: 1024px) and (max-width: 1279px) { .responsive-true.header .header-menu li > ul, .responsive-true.header .header-menu > ul > li.megamenu > .megamenu-submenu-wrap { display: block !important; opacity: 1 !important; } } /* DESCTOP /*----------------------------------------------------------------*/ @media only screen and (min-width: 1280px) { .ninzio-not-found { max-width: 1200px; } .container, .fluid_grid .term-info, .single-portfolio #comments, .registered-only-title {max-width: 1200px;} /* Header /*............................................................*/ #wrap.boxed .responsive-true.header { -webkit-box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); -moz-box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); box-shadow: 0 2px 5px -3px rgba(0,0,0,.5); } .responsive-true.header .inline-clear { line-height: 0; height: 0; } .responsive-true.header.attachment-fixed { position: fixed; top: 0; left: 0; background-color: rgba(255,255,255,0.98); -webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -o-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s; transition: all ease-out 0.2s; } .admin-bar .responsive-true.header.attachment-fixed { top: 32px; } .responsive-true .header-top { display: block; } .responsive-true.animated.header-top-true .header-top { display: none; } .responsive-true .header-top .slogan { float: left; text-align: left; } .responsive-true .header-top .social-links { float: right; text-align: right; } .responsive-true .header-content > .container { line-height: inherit; height: inherit; } .responsive-true.header .search-toggle { top: auto !important; right: auto !important; background-color: transparent; margin-left:7px; float: right; position: relative !important; width: 30px; height:inherit; line-height:inherit; } .responsive-true.header .search-toggle i { color: #444; font-size: 14px !important; } .responsive-true.header .responsive-menu-toggle { display: none; } .responsive-true.header .header-menu { display: block !important; float: right; margin:0; height:inherit; line-height:inherit; margin-top: 17px; } .responsive-true.header .header-menu > ul { float: left; line-height:inherit; } .responsive-true.header .header-menu > ul > li { float: left; line-height:inherit; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; margin-right:2px; margin-left:2px; } .responsive-true.header .header-menu > ul > li:last-child { margin-right: 0px; } .responsive-true.header .header-menu ul li:before { display:block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 36px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: left; width: 30px; text-align: right; padding:0px 0px 0px 8px; position: relative; z-index: 50; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-true.header .header-menu ul ul li:before { line-height: 15px; font-size: 15px; padding: 12px 0px 12px 8px; } .responsive-true.header .header-menu ul li:not(.megamenu) ul li:first-child:before { line-height: 15px; font-size: 15px; padding: 17px 0px 12px 8px; } .responsive-true.header .header-menu ul li.megamenu ul li:first-child:before { padding: 11px 0px 12px 8px; } .responsive-true.header .header-menu ul li.megamenu ul li:before { padding: 11px 0 12px 0; line-height: 15px; font-size: 15px; } .responsive-true.header .header-menu ul li[class*="fa"] > a { padding: 0px 20px 0px 38px !important; } .responsive-true.header .header-menu ul ul li[class*="fa"] > a { padding: 8px 20px 8px 38px !important; } .responsive-true.header .header-menu ul li:not(.megamenu) ul li[class*="fa"] > a:hover { padding: 8px 20px 8px 41px !important; } .responsive-true.header .header-menu ul li:not(.megamenu) ul li:hover:before { -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } .responsive-true.header .header-menu > ul > li > a { padding: 0 20px; border: none; line-height:36px; } .responsive-true .header-menu > ul > li:first-child > a { border-top: none !important; } .responsive-true.header .header-menu > ul > li > a:after { display: none; } .dropdown-true.responsive-true.header .header-menu > ul > li > a:after { display: inline-block; position: relative; top: auto; right: auto; margin: 0; text-align: right; width: 15px; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-true.header .header-menu ul ul { position: absolute; min-width: 230px; max-width: 230px; height: auto; top: 0px; left: 230px; display: none; z-index: 99; } .responsive-true.header .header-menu > ul > li > ul { padding-top:10px; left:0px; top: 36px; } .responsive-true.header .header-menu ul ul ul { top: 21px; } .responsive-true.header .header-menu ul ul > li:first-child > ul { top: 60px; } .responsive-true.header .header-menu > ul > li > ul { top: 60px; } .responsive-true.header .header-menu ul ul ul { top: 21px; } .responsive-true.header .header-menu ul ul > li:first-child > ul { top: 30px; } .responsive-true.header .header-menu li:hover > ul { display: block; } .responsive-true.header .header-menu > ul > li > a > .ninzio-da { display:none; position: absolute; bottom: -40px; left:50%; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom-width: 6px; border-bottom-style: solid; border-bottom-color:#5c6366; } .responsive-true.header .header-menu > ul > li:hover > a > .ninzio-da { display: block; } .responsive-true.header .header-menu > ul > li > a:only-child > .ninzio-da { display: none !important; } .responsive-true.header .header-menu ul ul li a { background: #6d7578; color: #ffffff; padding: 8px 20px 8px 20px; border-bottom: none; border-top-style: solid; border-top-width: 1px; border-top-color: #5c6366; } .responsive-true.header .header-menu ul ul > li:first-child > a { border-top-style: solid; border-top-width: 7px; border-top-color: #5c6366; border-radius: 5px 5px 0 0; } .responsive-true.header .header-menu ul ul > li:last-child > a { border-bottom-style: solid; border-bottom-width: 7px; border-bottom-color: #5c6366; border-radius: 0 0 5px 5px; } .responsive-true.header .header-menu ul ul > li:only-child > a { border-radius:5px; } .responsive-true.header .header-menu ul ul li:hover > a { background: #6d7578; color: #fff; padding-left: 23px; } .responsive-true.header .header-menu ul ul li:hover > a:after { color: #fff; } .responsive-true.height-60.header .header-menu {margin-top:12px;} .responsive-true.height-70.header .header-menu {margin-top: 17px;} .responsive-true.height-80.header .header-menu {margin-top: 22px;} .responsive-true.height-90.header .header-menu {margin-top: 27px;} .responsive-true.height-100.header .header-menu {margin-top: 32px;} .responsive-true.height-110.header .header-menu {margin-top: 37px;} .responsive-true.height-120.header .header-menu {margin-top: 42px;} .responsive-true.height-60.attachment-fixed + .page-content-container {padding-top: 60px;} .responsive-true.height-70.attachment-fixed + .page-content-container {padding-top: 70px;} .responsive-true.height-80.attachment-fixed + .page-content-container {padding-top: 80px;} .responsive-true.height-90.attachment-fixed + .page-content-container {padding-top: 90px;} .responsive-true.height-100.attachment-fixed + .page-content-container {padding-top: 100px;} .responsive-true.height-110.attachment-fixed + .page-content-container {padding-top: 110px;} .responsive-true.height-120.attachment-fixed + .page-content-container {padding-top: 120px;} .responsive-true.height-60.attachment-fixed.header-top-true + .page-content-container {padding-top: 100px;} .responsive-true.height-70.attachment-fixed.header-top-true + .page-content-container {padding-top: 110px;} .responsive-true.height-80.attachment-fixed.header-top-true + .page-content-container {padding-top: 120px;} .responsive-true.height-90.attachment-fixed.header-top-true + .page-content-container {padding-top: 130px;} .responsive-true.height-100.attachment-fixed.header-top-true + .page-content-container {padding-top: 140px;} .responsive-true.height-110.attachment-fixed.header-top-true + .page-content-container {padding-top: 150px;} .responsive-true.height-120.attachment-fixed.header-top-true + .page-content-container {padding-top: 160px;} .responsive-true.height-60.attachment-fixed.animated-header {top: -60px;} .responsive-true.height-70.attachment-fixed.animated-header {top: -70px;} .responsive-true.height-80.attachment-fixed.animated-header {top: -80px;} .responsive-true.height-90.attachment-fixed.animated-header {top: -90px;} .responsive-true.height-100.attachment-fixed.animated-header {top: -100px;} .responsive-true.height-110.attachment-fixed.animated-header {top: -110px;} .responsive-true.height-120.attachment-fixed.animated-header {top: -120px;} .responsive-true.height-60.attachment-fixed.header-top-true.animated-header {top: -100px;} .responsive-true.height-70.attachment-fixed.header-top-true.animated-header {top: -110px;} .responsive-true.height-80.attachment-fixed.header-top-true.animated-header {top: -120px;} .responsive-true.height-90.attachment-fixed.header-top-true.animated-header {top: -130px;} .responsive-true.height-100.attachment-fixed.header-top-true.animated-header {top: -140px;} .responsive-true.height-110.attachment-fixed.header-top-true.animated-header {top: -150px;} .responsive-true.height-120.attachment-fixed.header-top-true.animated-header {top: -160px;} .responsive-true.header .header-menu li > ul { display:none; opacity:0; } /*Menu highlight*/ .responsive-true .header-menu > ul > li.highlight-orange { background-color: #fb954a !important; } .responsive-true .header-menu > ul > li.highlight-yellow { background-color: #f8c013 !important; } .responsive-true .header-menu > ul > li.highlight-green { background-color: #54d24e !important; } .responsive-true .header-menu > ul > li.highlight-blue { background-color: #28cde1 !important; } .responsive-true .header-menu > ul > li.highlight-red { background-color: #db184b !important; } .responsive-true .header-menu > ul > li.highlight-orange:hover > a, .responsive-true .header-menu > ul > li.highlight-yellow:hover > a, .responsive-true .header-menu > ul > li.highlight-green:hover > a, .responsive-true .header-menu > ul > li.highlight-blue:hover > a, .responsive-true .header-menu > ul > li.highlight-red:hover > a { opacity: 0.7; } .responsive-true .header-menu > ul > li.highlight-orange > a, .responsive-true .header-menu > ul > li.highlight-yellow > a, .responsive-true .header-menu > ul > li.highlight-green > a, .responsive-true .header-menu > ul > li.highlight-blue > a, .responsive-true .header-menu > ul > li.highlight-red > a { color: #ffffff !important; } .responsive-true .header-menu > ul > li.highlight-orange:hover > a:before, .responsive-true .header-menu > ul > li.highlight-yellow:hover > a:before, .responsive-true .header-menu > ul > li.highlight-green:hover > a:before, .responsive-true .header-menu > ul > li.highlight-blue:hover > a:before, .responsive-true .header-menu > ul > li.highlight-red:hover > a:before { display: none !important; } /*Megamenu*/ .responsive-true.header .header-menu > ul > li.megamenu { position: static; } .responsive-true.header .header-menu ul > li.megamenu ul { position: static; min-width:100%; max-width:100%; height: auto; top:auto !important; left:auto !important; display: none; opacity:1 !important; visibility: hidden; -webkit-transition: all ease-out 0.25s; -moz-transition: all ease-out 0.25s; -o-transition: all ease-out 0.25s; -ms-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } .responsive-true.header .header-menu ul > li.megamenu.submenu-active ul { display: block !important; } .responsive-true.header .header-menu li.megamenu:hover > .megamenu-submenu-wrap ul { visibility:visible; display: block !important; } .no-js .responsive-true.header .header-menu li.megamenu:hover > .megamenu-submenu-wrap ul { display:block !important; } .responsive-true.header .header-menu > ul > li.megamenu > .megamenu-submenu-wrap, .responsive-false.header .header-menu > ul > li.megamenu > .megamenu-submenu-wrap { position: absolute; width:1200px; max-width: 1200px; padding-top:10px; left:0px; top:93px; display: none; z-index: 99; } .no-js .responsive-true.header .header-menu > ul > li.megamenu:hover > .megamenu-submenu-wrap { display: block; } .responsive-true.header .header-menu > ul > li.megamenu .megamenu-submenu-wrap > ul { border-bottom-style: solid; border-bottom-width: 7px; border-bottom-color: #5c6366; border-top-style: solid; border-top-width: 7px; border-top-color: #5c6366; border-radius: 5px; padding: 10px 0; width: 100%; max-width: 100%; overflow: hidden; } .responsive-true.header .header-menu > ul > li.megamenu .megamenu-submenu-wrap > ul:after { content: ""; display: table; clear: both; } .responsive-true.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul li > a { background-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; border-radius: 0 !important; border-top: none !important; border-bottom: none !important; } .responsive-true.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li, .responsive-true.header .header-menu ul > li.megamenu.columns-3 .megamenu-submenu-wrap > ul > li, .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li, .responsive-false.header .header-menu ul > li.megamenu.columns-3 .megamenu-submenu-wrap > ul > li { width: 400px; padding: 0 10px; border-right-width: 1px; border-right-style: solid; display: table-cell!important; } .responsive-true.header .header-menu ul > li.megamenu.columns-4 .megamenu-submenu-wrap > ul > li, .responsive-false.header .header-menu ul > li.megamenu.columns-4 .megamenu-submenu-wrap > ul > li { width: 300px; } .responsive-true.header .header-menu ul > li.megamenu.columns-2 .megamenu-submenu-wrap > ul > li, .responsive-false.header .header-menu ul > li.megamenu.columns-2 .megamenu-submenu-wrap > ul > li { width: 600px; } .responsive-true.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li:last-child, .responsive-false.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li:last-child { border-right:none; } .responsive-true.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li:hover > a { padding-left:20px; } .responsive-true.header .header-menu ul > li.megamenu .megamenu-submenu-wrap > ul > li > a:after { display: none; } .responsive-true .header-menu > ul > li > a.one-page-active { border-radius: 3px; } /* Woocommerce /*............................................................*/ /*WooCommerce addition*/ .grid_3.woocommerce-loop .products .product {width: 384px;} .grid_4.woocommerce-loop .products .product {width: 282px;} .woocommerce.columns-3 .products .product {width: 384px;} .woocommerce.columns-4 .products .product {width: 282px;} .related-products-column-4 .products .product {width: 282px;} .related-products-column-3 .products .product {width: 384px;} .grid_3.woocommerce-loop .main-content .products .product {width: 280px;} .grid_4.woocommerce-loop .main-content .products .product {width: 280px;} .main-content .woocommerce.columns-3 .products .product {width: 280px;} .main-content .woocommerce.columns-4 .products .product {width: 280px;} .responsive-true .cart-toggle { top: auto !important; right: auto !important; background-color: transparent; margin-left:15px; float: right; position: relative !important; height:inherit; line-height:36px; width: auto; } .responsive-true .cart-toggle > a > i { font-size: 16px !important; display: inline-block !important; margin-right: 2px !important; } .responsive-true .cart-toggle > a > span { display:inline; } .responsive-true.height-60.header .cart-toggle {margin-top:12px;} .responsive-true.height-70.header .cart-toggle {margin-top: 17px;} .responsive-true.height-80.header .cart-toggle {margin-top: 22px;} .responsive-true.height-90.header .cart-toggle {margin-top: 27px;} .responsive-true.height-100.header .cart-toggle {margin-top: 32px;} .responsive-true.height-110.header .cart-toggle {margin-top: 37px;} .responsive-true.height-120.header .cart-toggle {margin-top: 42px;} .ninzio-single-product-image .thumbnails > a { width:15%; margin:0 2% 2% 0; } .ninzio-single-product-image .thumbnails > a:nth-child(5n+5) {margin-right:2%;} .ninzio-single-product-image .thumbnails > a:nth-child(6n+6) {margin-right:0;} .widget_price_filter .price_slider_amount .button {float: left; margin-right: 5px;width: auto;} .widget_price_filter .price_slider_amount .price_label {float: right;} /* Portfolio /*............................................................*/ .single-portfolio .portfolio > .ninzio-thumbnail, .single-portfolio .portfolio > .post-video, .single-portfolio .portfolio > .post-gallery, .single-portfolio .portfolio > .post-audio {width:852px;margin-right:48px;} .single-portfolio .portfolio > .post-body {width:300px;} .grid_2.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_2.image-grid *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right: 0px;} .grid_3.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_3.image-grid *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 0px;} .grid_3.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right:24px;} .grid_3.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right:0px;} .grid_4.image-grid *[data-grid="ninzio_01"] {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 24px;} .grid_4.image-grid *[data-grid="ninzio_01"]:nth-child(4n+4) {margin-right: 0px;} .grid_4.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(2n+2) {margin-right:24px;} .grid_4.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(4n+4) {margin-right:24px;} .grid_4.image-grid .main-content *[data-grid="ninzio_01"]:nth-child(3n+3) {margin-right: 0px;} .loop .no-gap-grid .portfolio{width: 25%;} .recent-portfolio.v3 .post[data-grid="ninzio_01"]{width: 25%;} .main-content .recent-portfolio.v3 .post[data-grid="ninzio_01"] {width: 33.33333333333333%;} .main-content .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 432px;} .main-content .widebox .recent-portfolio.grid_2 *[data-grid="ninzio_01"]{width: 412px;} .recent-portfolio.grid_3 *[data-grid="ninzio_01"] {width: 384px;} .main-content .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 280px;} .main-content .widebox .recent-portfolio.grid_3 *[data-grid="ninzio_01"]{width: 266px;} .main-content .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 280px;} .main-content .widebox .recent-portfolio.grid_4 *[data-grid="ninzio_01"]{width: 266px;} /* Grid /*............................................................*/ .grid_1 *[data-grid="ninzio_01"]{width: 1200px;} .grid_1 .main-content *[data-grid="ninzio_01"] {width: 888px;} .grid_2 *[data-grid="ninzio_01"]{width: 588px;} .grid_2 .main-content *[data-grid="ninzio_01"]{width: 432px;} .grid_3 *[data-grid="ninzio_01"]{width: 384px;} .grid_3 .main-content *[data-grid="ninzio_01"]{width: 280px;} .grid_4 *[data-grid="ninzio_01"]{width: 282px;} .grid_4 .main-content *[data-grid="ninzio_01"]{width: 280px;} /* Calendar widget /*............................................................*/ .widget_calendar caption { height: 37px; line-height: 37px; } .widget_calendar th, .widget_calendar td, .widget_calendar td#prev, .widget_calendar td#next { line-height: 37px; width: 37px; height: 37px; } .footer-widget-area-wrap .widget_calendar caption { height: 37px; line-height: 37px; } .footer-widget-area-wrap .widget_calendar th, .footer-widget-area-wrap .widget_calendar td, .footer-widget-area-wrap .widget_calendar td#prev, .footer-widget-area-wrap .widget_calendar td#next { line-height: 37px; width: 37px; height: 37px; } .footer-widget-area-wrap .columns-3 .widget_calendar caption { height: 52px; line-height: 52px; } .footer-widget-area-wrap .columns-3 .widget_calendar th, .footer-widget-area-wrap .columns-3 .widget_calendar td, .footer-widget-area-wrap .columns-3 .widget_calendar td#prev, .footer-widget-area-wrap .columns-3 .widget_calendar td#next { line-height: 52px; width: 52px; height: 52px; } /* Recent portfolio widget /*............................................................*/ .widget_recent_portfolio .recent-portfolio .post { width:84px; height:auto; margin-right:6px; margin-bottom:6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 6px; } .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0px;} .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post { width:84px; height:84px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .columns-3 .widget_recent_portfolio .recent-portfolio .post { width:118px; height:118px; margin-right:6px; margin-bottom:6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(4n+4) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(2n+2) { margin-right: 6px; } .footer-widget-area-wrap .widget_recent_portfolio .recent-portfolio .post:nth-child(3n+3) { margin-right: 0px;} /* Flickr /*............................................................*/ .widget_photos_from_flickr .flickr_badge_image { width:61px; height:61px; } .widget_photos_from_flickr #flickr_badge_image4, .widget_photos_from_flickr #flickr_badge_image8 { margin-right:0px; } .widget_photos_from_flickr #flickr_badge_image1, .widget_photos_from_flickr #flickr_badge_image2, .widget_photos_from_flickr #flickr_badge_image3, .widget_photos_from_flickr #flickr_badge_image5, .widget_photos_from_flickr #flickr_badge_image6, .widget_photos_from_flickr #flickr_badge_image7, .widget_photos_from_flickr #flickr_badge_image9, .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .footer-widget-area-wrap .widget_photos_from_flickr .flickr_badge_image { width:61px; height:61px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image8 { margin-right:0px; } .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image1, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image2, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image7, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image9, .footer-widget-area-wrap .widget_photos_from_flickr #flickr_badge_image10 { margin-right:6px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr .flickr_badge_image { width:68px; height:68px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image5, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image10 { margin-right:0px; } .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image1, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image2, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image3, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image4, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image6, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image7, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image8, .footer-widget-area-wrap .columns-3 .widget_photos_from_flickr #flickr_badge_image9 { margin-right:6px; } } @media only screen and (min-width: 1301px) { #wrap.boxed { width: 1280px;} .boxed .header.attachment-fixed { width: 1280px; left:50%; margin-left: -640px; } } /* RETINA /*====================================================================*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .header .search-off { background-image: url(images/close_icon@2.png); -webkit-background-size: 12px 12px; -moz-background-size: 12px 12px; background-size: 12px 12px; } .rich-header #ninzio-nav-single > .nav-next a { background-image: url(images/arrow_right@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } .rich-header #ninzio-nav-single > .nav-previous a { background-image: url(images/arrow_left@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } #ninzio-slider .controls { background-image: url(images/arrow_slider_l@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } #ninzio-slider .controls.next { background-image: url(images/arrow_slider_r@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } .footer-widget-area-wrap .widget_search input[type="submit"] { background-image: url(images/zoom_icon_white@2.png); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; } .ninzio-overlay a.ninzio-more, .ninzio-overlay a.ninzio-zoom { background: url(images/big_plus@2.png) no-repeat center center; -webkit-background-size: 48px 48px; -moz-background-size: 48px 48px; background-size: 48px 48px; } .dark-ninzio-more { background-image: url(images/plus@2.png); -webkit-background-size: 28px 29px; -moz-background-size: 28px 29px; background-size: 28px 29px; } .widget_search input[type="submit"] { background-image: url(images/zoom_icon_dark@2.png); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; } .widget_recent_portfolio .recent-portfolio .post .ninzio-more { background-image: url(images/plus@2.png); -webkit-background-size: 11px 11px; -moz-background-size: 11px 11px; background-size: 11px 11px; } .widget_photos_from_flickr .flickr_badge_image a:before { background-image: url(images/plus@2.png); -webkit-background-size: 28px 29px; -moz-background-size: 28px 29px; background-size: 28px 29px; } #toTop { background-image: url(images/top@2.png); -webkit-background-size: 11px 6px; -moz-background-size: 11px 6px; background-size: 11px 6px; } .error404-suggestions .search-form input[type="submit"] { background-image: url(images/zoom_icon_dark@2.png); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; } .search-results .search-form input[type="submit"] { background-image: url(images/zoom_icon_dark@2.png); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; } .twitter_tweets_carousel .widget_twitter .twitter ul:first-child li { background-image: url(images/twitter_icon_light@2.png); -webkit-background-size: 20px 17px; -moz-background-size: 20px 17px; background-size: 20px 17px; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li a.flex-prev { background-image: url(images/prev@2.png); -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; background-size: 6px 9px; } .twitter_tweets_carousel .widget_twitter .twitter .flex-direction-nav li a.flex-next { background-image: url(images/next@2.png); -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; background-size: 6px 9px; } .ca-controls > .ca-nav-prev { background-image:url(images/arrow_left@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } .ca-controls > .ca-nav-next { background-image:url(images/arrow_right@2.png); -webkit-background-size: 33px 64px; -moz-background-size:33px 64px; background-size:33px 64px; } .flex-direction-nav .flex-next { background:url(images/next@2.png) no-repeat 50% 50%; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; background-size: 6px 9px; } .flex-direction-nav .flex-prev { background:url(images/prev@2.png) no-repeat 50% 50%; -webkit-background-size: 6px 9px; -moz-background-size: 6px 9px; background-size: 6px 9px; } .ninzio-gallery .gallery-icon > a:before { background-image: url(images/plus@2.png); -webkit-background-size: 28px 29px; -moz-background-size: 28px 29px; background-size: 28px 29px; } .woocommerce .woocommerce-loop .product .product-body .add_to_cart_button { background-image: url(images/shop_icon@2.png); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } .woocommerce .woocommerce-loop .product .product-body .add_to_cart_button.added { background-image: url(images/ok_icon@2.png); -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; } }