@charset "utf-8"; @import url("icomoon.css"); @import url("header-im.css"); @font-face{ font-family:icomoon; src:url(fonts/icomoon.eot); src:url(fonts/icomoond41dd41d.html?#iefix) format('embedded-opentype'),url(fonts/icomoon.woff) format('woff'),url(fonts/icomoon.ttf) format('truetype'),url(fonts/icomoon.html) format('svg'); font-weight:400; font-style:normal } [class*=" icon-"], [class^=icon-]{ font-family:icomoon; speak:none; font-style:normal; font-weight:400; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } 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{-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-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;} .nivo-lightbox-overlay{position:fixed;top:0;left:0;z-index:99998;width:100%;height:100%;overflow:hidden;visibility:hidden;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-overlay.nivo-lightbox-open{visibility:visible;opacity:1}.nivo-lightbox-wrap{position:absolute;top:10%;bottom:10%;left:10%;right:10%}.nivo-lightbox-content{width:100%;height:100%}.nivo-lightbox-title-wrap{position:absolute;bottom:0;left:0;width:100%;z-index:99999;text-align:center}.nivo-lightbox-nav{display:none}.nivo-lightbox-prev{position:absolute;top:50%;left:0}.nivo-lightbox-next{position:absolute;top:50%;right:0}.nivo-lightbox-close{position:absolute;top:4%;right:4%}.nivo-lightbox-image{text-align:center}.nivo-lightbox-image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle}.nivo-lightbox-content iframe{width:100%;height:100%}.nivo-lightbox-ajax,.nivo-lightbox-inline{max-height:100%;overflow:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.nivo-lightbox-error{display:table;text-align:center;width:100%;height:100%;color:#fff;text-shadow:0 1px 1px #000}.nivo-lightbox-error p{display:table-cell;vertical-align:middle}.nivo-lightbox-notouch .nivo-lightbox-effect-fade,.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,.nivo-lightbox-notouch .nivo-lightbox-effect-fall,.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap{-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap,.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transition:all .3s cubic-bezier(0.25,.5,.5,.9);-moz-transition:all .3s cubic-bezier(0.25,.5,.5,.9);-ms-transition:all .3s cubic-bezier(0.25,.5,.5,.9);-o-transition:all .3s cubic-bezier(0.25,.5,.5,.9);transition:all .3s cubic-bezier(0.25,.5,.5,.9)}.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);transform:translateX(-10%)}.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%)}.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);-ms-transform:translateY(-10%);transform:translateY(-10%)}.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%)}.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap,.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall{-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px}.nivo-lightbox-effect-fall .nivo-lightbox-wrap{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateZ(300px);-moz-transform:translateZ(300px);-ms-transform:translateZ(300px);transform:translateZ(300px)}.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.nivo-lightbox-theme-default.nivo-lightbox-overlay{background:#666;background:rgba(0,0,0,.6)}.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background:url(images/loading.gif) no-repeat 50% 50%}.nivo-lightbox-theme-default .nivo-lightbox-nav{top:10%;width:8%;height:80%;text-indent:-9999px;background-repeat:no-repeat;background-position:50% 50%;opacity:.5}.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{opacity:1}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(images/prev.png);border-radius:0 3px 3px 0}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(images/next.png);border-radius:3px 0 0 3px}.nivo-lightbox-theme-default .nivo-lightbox-close{display:block;background:url(images/close_white.png) no-repeat;width:21px;height:21px;text-indent:-9999px;opacity:.5}.nivo-lightbox-theme-default .nivo-lightbox-close:hover{opacity:1}.nivo-lightbox-theme-default .nivo-lightbox-title-wrap{bottom:-7%}.nivo-lightbox-theme-default .nivo-lightbox-title{font:14px/20px 'Helvetica Neue',Helvetica,Arial,sans-serif;font-style:normal;font-weight:400;background:#000;color:#fff;padding:7px 15px;border-radius:30px}.nivo-lightbox-theme-default .nivo-lightbox-image img{background:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:0 1px 1px rgba(0,0,0,.4)}.nivo-lightbox-theme-default .nivo-lightbox-ajax,.nivo-lightbox-theme-default .nivo-lightbox-inline{background:#fff;padding:40px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.4);-moz-box-shadow:0 1px 1px rgba(0,0,0,.4);box-shadow:0 1px 1px rgba(0,0,0,.4)}@media (-webkit-min-device-pixel-ratio:1.3),(-o-min-device-pixel-ratio:2.6/2),(min--moz-device-pixel-ratio:1.3),(min-device-pixel-ratio:1.3),(min-resolution:1.3dppx){.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading{background-image:url(images/loading%402x.html);background-size:32px 32px}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(images/prev%402x.html);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(images/next%402x.html);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-close{background-image:url(images/close%402.html);background-size:16px 16px}} .tipso_bubble,.tipso_bubble>.tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:0px;z-index:99;padding:20px}.tipso_bubble>.tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top>.tipso_arrow{border-color:#000 transparent transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom>.tipso_arrow{border-color:transparent transparent #000;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left>.tipso_arrow{border-color:transparent transparent transparent #000;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right>.tipso_arrow{border-color:transparent #000 transparent transparent;top:50%;right:100%;margin-top:-8px} .owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-goDown-out{-webkit-animation:scaleToFade 50ms ease both;-moz-animation:scaleToFade 50ms ease both;animation:scaleToFade 50ms ease both}.owl-goDown-in{-webkit-animation:goDown 400ms ease both;-moz-animation:goDown 400ms ease both;animation:goDown 400ms ease both}@-webkit-keyframes scaleToFade{to{opacity:0}}@-moz-keyframes scaleToFade{to{opacity:0}}@keyframes scaleToFade{to{opacity:0}}@-webkit-keyframes goDown{from{opacity:0;-webkit-transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0)}}@-moz-keyframes goDown{from{opacity:0;-moz-transform:translateY(40px)}to{opacity:1;-moz-transform:translateY(0)}}@keyframes goDown{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}} .ps-container .ps-scrollbar-y-rail { position: absolute; right: 3px; width: 8px; border-radius: 4px; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; background-color: rgba(255,255,255,0.2); } .ps-container:hover .ps-scrollbar-y-rail, .ps-container.hover .ps-scrollbar-y-rail { opacity: 0.6; } .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.hover, .ps-container .ps-scrollbar-y-rail.in-scrolling { opacity: 0.9; } .ps-container .ps-scrollbar-y { position: absolute; right: 0; width: 8px; border-radius: 4px; -webkit-transition: background-color.2s linear; transition: background-color .2s linear; background-color: rgba(255,255,255,0.5); } .ps-container.ie .ps-scrollbar-x, .ps-container.ie .ps-scrollbar-y { visibility: hidden; } .ps-container.ie:hover .ps-scrollbar-x, .ps-container.ie:hover .ps-scrollbar-y, .ps-container.ie.hover .ps-scrollbar-x, .ps-container.ie.hover .ps-scrollbar-y { visibility: visible; } body, button, input, pre, code, kbd, samp, dt,textarea {color: #777;} h1,h2,h3,h4,h5,h6 {color: #333;margin:0 0 5px;font-weight:400} .hidden{display:none;visibility:hidden} .visible{display:block;visibility:visible} .nz-clearfix:after,.single_variation_wrap:after{content:"";display:table;clear:both} *,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word} #lang_sel_footer { background-color: #232323; } #lang_sel_footer ul { list-style: none; margin:0; padding: 0; width: 100%; } #lang_sel_footer ul li { width: 100%; text-align: center; padding: 0; } #lang_sel_footer ul li a { display: block; padding: 10px 5px; background-color: transparent ; } #lang_sel_footer ul li a img { vertical-align: middle; } #lang_sel_footer:after { content: ""; display: table; clear: both; } html{ position:static; height:100%!important; overflow-y:scroll; overflow-x:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } body{margin:0;min-height:100%;counter-reset:stepcounter;font-family: Microsoft JhengHei!important;} svg:not(:root){overflow:hidden} iframe,object,embed{border:none;vertical-align:bottom;max-width: 100%;} figure {max-width: 100% !important;margin:0} img,img[class*="wp-image"]{max-width:100%;height:auto!important;border:0;-ms-interpolation-mode:bicubic;vertical-align:bottom;margin:0} .map img{max-width:none} table{border-collapse:collapse;border-spacing:0} th{text-align:left} tr,th,td{padding:10px} blockquote,q{quotes:none}q:before,q:after{content:'';content:none}blockquote > p:last-child{margin-bottom:0} blockquote{ padding:25px 25px 25px 70px; margin:0 0 25px; font-style:italic; font-size:16px; line-height:26px; background-color:#f4f4f4; color:#777; position:relative; } blockquote:after{ position:absolute; display:block; content:""; top:30px; left:30px; width:40px; height:40px; background-image: url(images/quote.png); background-repeat: no-repeat; background-position: left top; } .single .single-post-content blockquote { background-color: #fafafa; display: inline-block; } .single-format-quote .single-post-content blockquote { background-color: transparent; } .single .single-post-content table { width: 100%; border-collapse: collapse; } .single .single-post-content table td { border:1px solid #eee; } pre { display: block; font-family: monospace !important; white-space: pre; margin: 1em 0; background-color: #f5f5f5; padding: 15px !important; } ul,ol{list-style-position:inside} ul li, ol li {padding:5px 0}a{text-decoration:none;outline:none;} a:hover,a:active{outline:none} abbr[title],dfn[title]{cursor:help} ins,mark{text-decoration:none} del{text-decoration:line-through} strong,b{font-weight:700} 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 10px;padding:0} ul ul,ol ol{margin-left:20px} dl dd{margin-left:25px} dl{padding:20px 20px 15px;border-radius:3px;border:1px solid #eaeaea;} dl dt{float:left;clear:left;width:100px;text-align:right;font-weight:700} dl dt:after{content:":"} dl dd{margin:0 0 0 110px;padding:0 0 5px} .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .mejs-time-current{background-color:rgba(255,255,255,0.3)!important} .mejs-controls button{background-color:transparent!important;box-shadow:none!important;color:inherit!important;-webkit-transform:translateY(0)!important;-ms-transform:translateY(0)!important;transform:translateY(0)!important} .post-video > div.wp-video{width:100%!important} .post-video,.post-audio{overflow:hidden;margin-bottom:0px;width:100%} .vc_custom_heading{margin-bottom:0!important}.queryloader__overlay__percentage{font-size:72px!important}img[class*="wp-image-"] + br, img + br, img + p:empty{display:none} p:empty{display:none!important} .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} .single-post-content .alignleft, .single-post-content .alignright, .single-post-content .aligncenter, .single-post-content .alignnone { margin-bottom: 15px !important; } .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} .post-video{overflow:hidden} .mejs-poster img{display:block!important} .wp-playlist .mejs-poster img{display:none!important} .mejs-overlay-button{background-repeat:no-repeat!important} .mejs-controls .mejs-time-rail .mejs-time-current{background:#444!important} .wp-playlist{padding:10px!important;background-color:#fff!important;border-radius:3px;box-shadow:0 0 5px rgba(0,0,0,.1);border:none!important} .wp-playlist-item{padding:10px 20px 7px!important;border-bottom:1px solid #eaeaea!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} .post-video .mejs-mediaelement{position:relative!important;height:auto!important} .post-video > div,.post-video .wp-video-shortcode{height:auto!important} /*img[class*="wp-image"].alignleft, img[class*="wp-image"].alignright {margin-bottom: 15px;}*/ fieldset{border:none} textarea,select[size],select[multiple]{height:auto} textarea{min-height:100px;overflow:auto;resize:vertical;width:100%} optgroup{font-style:normal;font-weight:400} label{display:block;margin-bottom:8px;font-size:16px;line-height:26px}input[type="radio"],input[type="checkbox"]{margin:5px 0;display:inline-block} 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"]{ display:block; outline:0; margin:0 0 10px; text-align:left; vertical-align:top; height:50px; max-width:100%; width:100%; padding:0px 20px; line-height: 50px; background-color:#eeeeee; border:none !important; color:#999; font-size: 14px; position:relative; -webkit-backface-visibility:hidden; -webkit-transition:all 300ms;transition:all 300ms; } .site-widget-area textarea, .site-widget-area select, .site-widget-area input[type="date"], .site-widget-area input[type="datetime"], .site-widget-area input[type="datetime-local"], .site-widget-area input[type="email"], .site-widget-area input[type="month"], .site-widget-area input[type="number"], .site-widget-area input[type="password"], .site-widget-area input[type="search"], .site-widget-area input[type="tel"], .site-widget-area input[type="text"], .site-widget-area input[type="time"], .site-widget-area input[type="url"], .site-widget-area input[type="week"]{ background-color:rgba(255,255,255,0.05); color: #ffffff; } ::-webkit-input-placeholder {color: #999999;} :-moz-placeholder {color: #999999;} ::-moz-placeholder {color: #999999;} :-ms-input-placeholder {color: #999999;} .site-widget-are ::-webkit-input-placeholder {color: #c9c9c9;} .site-widget-are :-moz-placeholder {color: #c9c9c9;} .site-widget-are ::-moz-placeholder {color: #c9c9c9;} .site-widget-are :-ms-input-placeholder {color: #c9c9c9;} .wpcf7 textarea { height: 200px; line-height: 24px; } textarea { line-height: 24px; padding: 20px; } .header-menu ul li a {font-size:1.1em!Important;} .mob-menu li a .mi, .header-top-menu li a .mi, .header-menu li a .mi, .ls .lang_sel_sel:before, .widget_icl_lang_sel_widget .lang_sel_sel:before, .tagline-title:after, .widget_recent_comments ul li:before, .widget_twitter ul li:before, .widget_twitter .follow:before, .nz-media-slider .flex-direction-nav a:before, #slider-arrow:after, .woocommerce .star-rating, .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, .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, .woocommerce-tabs .comment-form-rating .stars a:after, .widget_product_search form:after, .blog-post .post .post-meta > *:before, .nz-breadcrumbs > .container > *:before, .nz-breadcrumbs > .container > *:after, .woocommerce .single-product-summary .product_meta > *:before, .ninzio-nav-single > *:after, .ninzio-nav-single > *:before, .nz-tweets:before, .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .single .project-details ul li:after, .owl-controls .owl-buttons div:before, .nz-testimonials .text-icon:before { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .blank-true .header, .blank-true .nz-breadcrumbs { display: none !important; } .js body:not(.vc_editor) .lazy, .js body:not(.vc_editor) .lazy-load {opacity: 0;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;} .js .lazy.in, .js .lazy-load.in {opacity:1 !important;} #nz-content { position:relative; z-index:78; background-color: #ffffff; } .error404 #nz-content { background-color: #ffffff; } #gen-wrap { position: relative; left: 0; } #gen-wrap, #wrap {height: 100%;} #wrap,#wrap.full { width: 100%; min-height: 100%; margin: 0 auto; position: relative; background-color: #fff; } .error404 .widget_search input[type="text"] {background-color: #ffffff;} .error404-big { font-size: 100px; line-height: 100px; font-weight: 700; margin-bottom: 0px; } #wrap.nz-boxed { box-shadow: 0px -5px 5px rgba(0,0,0,.3); } #nz-content:not(.padding-false) {padding: 70px 0 70px 0;} #nz-content.padding-true.sidebar-left, #nz-content.padding-true.sidebar-right {padding: 70px 0 45px 0;} .main-content,.sidebar {margin-bottom: 25px;width: 100%;} .page-full-width { width: 100% !important; max-width: 100% !important; } .blank-true .page-content-wrap { padding-top: 0 !important; } .rich-header { z-index: 53; overflow: hidden; width: 100%; height: 90px; background-color: #333333; color: #ffffff; padding: 14px 0; position: relative; } .rich-header.version1, .rich-header.version2 { height:300px; text-align: center; } .rich-header .parallax-container { height:120%; top:-50px; left: 0; width:100%; z-index: -1000; overflow: hidden; max-width: none; position: absolute; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-position: center center; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); transform:translateY(0px); } .rich-header .fixed-container { width:100%; height:430px; top:0px; position: fixed; z-index: -1; background-attachment: scroll; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-position: center top; background-repeat: no-repeat; } .rich-header .container { display: table; height: 100%; } .rich-header .rh-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100%; } .rich-header.version2 .rh-content > * { display: inline-block; text-align: center; } .rh-separator { display: block !important; height: 1px; line-height: 1px; } .blank-true .rich-header { display: none; } .rich-header h1 { font-size: 20px; line-height: 30px; color: inherit; } .rich-header.version1 h1, .rich-header.version2 h1 { font-size: 52px; line-height: 62px; text-transform: uppercase; letter-spacing: 10px; margin-bottom: 0px; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); } .rich-header .rh-subtitle { font-size: 20px; line-height: 30px; letter-spacing: 2px; font-weight: 300; text-transform: uppercase; margin-bottom: 0px; padding-top: 10px; } .rich-header #slider-arrow { display: block; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 50px; border-color: transparent transparent #f7f7f7 transparent; bottom: 0; left: 50%; position: absolute; margin-left: -50px; z-index: 10; text-align: center; cursor: pointer; -webkit-transition: all 400ms; transition: all 400ms; text-align: center; line-height: 50px; } .rich-header.version2 #slider-arrow { border-color: transparent transparent #ffffff transparent; } .rich-header .icon-arrow-down10 { position: absolute; left: 50%; display: block; width: 24px; height: 24px; margin-top: 24px; margin-left: -12px; font-size: 24px; line-height: 24px; color: #999; } .nz-breadcrumbs { padding: 15px 0; background-color: #f7f7f7; text-align: right; } .version2 .nz-breadcrumbs, .version3 .nz-breadcrumbs { background-color: transparent; text-align: center; padding: 5px 0 0 0; } .version3 .nz-breadcrumbs { padding:0; } .nz-breadcrumbs .container > *, .version3 .nz-breadcrumbs > * { color: inherit; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; line-height: 30px; padding-left: 20px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; margin-bottom: 5px; } .nz-breadcrumbs .container > *:first-child, .version3 .nz-breadcrumbs > *:first-child { padding-left: 0px; } .nz-breadcrumbs a { color: inherit !important; } .nz-breadcrumbs .container > *:before, .version3 .nz-breadcrumbs > *:before { display: inline-block; position: absolute; width: 20px; height: 15px; line-height: 15px; content: "/"; position: absolute; top: 1px; left: 0px; text-align: center; } .nz-breadcrumbs .container > *:first-child:before, .version3 .nz-breadcrumbs > *:first-child:before { display: none; } #top { text-align: center; cursor: pointer; position: fixed; bottom: 7px; right: 20px; width: 50px; height: 50px; border-radius: 50px; background-image: url(images/gotop_icon.png); background-repeat: no-repeat; background-position: center center; z-index: 9999999999999999999; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; } #top.active { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nz-thumbnail {position: relative;overflow: hidden;} #nz-content .nz-single-image:after, #nz-content .nz-single-image:before { content: ""; } .ninzio-overlay, #nz-content .nz-single-image:after { position: absolute; width:100%; height:100%; top: 0px; left: 0px; z-index: 3; text-align: center; opacity: 0; color: #fff !important; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; background-color: rgba(0,0,0,0.4); } .ninzio-overlay, #nz-content .nz-single-image:after { background-color: rgba(0,0,0,0.4); } .ninzio-overlay-content { width: 100%; padding: 20px; position: absolute; top: 49.5%; left: 49.5%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .nz-thumbnail:hover .ninzio-overlay, .nz-persons .person:hover .ninzio-overlay, a.nz-single-image:hover:before, .gallery-item:hover .ninzio-overlay, #nz-content .nz-single-image:hover:after { opacity: 1; } .nz-overlay-before, #nz-content .nz-single-image:before { width: 50px; line-height: 50px; height: 50px; border-radius: 50px; margin: -25px 0 0 -25px; text-indent: -90000em; background-image: url(images/plus_large.png); background-position: 49% 49%; background-repeat: no-repeat; background-color: transparent !important; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; display: block; top: 50%; left: 50%; } .nz-overlay-before:hover, #nz-content .nz-single-image:hover:before { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } #nz-content .nz-single-image:before { -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; z-index: 5; opacity: 0; } #nz-content .nz-single-image:hover:before { opacity: 1; } .gallery-item .nz-overlay-before {background-image: url(images/plus_large.png) !important;} .wp-caption { position: relative; overflow: hidden; } .wp-caption a { -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .wp-caption .wp-caption-text { position: absolute; left: 0; bottom: 0; width: 100%; padding:15px 20px; z-index: 5; color: #fff !important; background-color: rgba(0,0,0,0.5); text-transform: uppercase; text-align: center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; } .wp-caption:hover .wp-caption-text { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } a[href$='.jpg'],a[href$='.jpeg'],a[href$='.png'],a[href$='.gif'],a[href$='.svg'], a.nz-single-image { position: relative; display:block; } a[href$='.jpg'] > img,a[href$='.jpeg'] > img,a[href$='.png'] > img,a[href$='.gif'] > img,a[href$='.svg'] > img, a.nz-single-image > img { display:block; } .ninzio-navigation:not(:empty), .woocommerce-pagination:not(:empty) { width: 100%; padding:50px 0 0 0; text-align: center; position: relative; } .woocommerce-pagination:not(:empty) { padding:0 0 0 0; } .load-more .woocommerce-pagination { display: none; } .ninzio-navigation ul, .woocommerce-pagination ul { margin: 0; text-align: center; width:auto; display: inline-block; background-color: #fff; padding: 0 15px; z-index: 60; position: relative; } .ninzio-navigation li, .woocommerce-pagination li { display: inline-block; padding: 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; max-width: 100%; background-color: #fafafa; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; padding:10px 18px 10px 18px; cursor: pointer; color: #777777 !important; border-radius: 0px; text-transform: uppercase; position: relative; border-radius: 3px; } .ninzio-navigation li a:hover, .ninzio-navigation li span.current, .woocommerce-pagination li a:hover, .woocommerce-pagination li span.current { color: #fff !important; } .ninzio-navigation li a .icon, .woocommerce-pagination li a .icon { line-height: inherit; -webkit-transform:translateY(2px); -ms-transform:translateY(2px); transform:translateY(2px); display: block; } .one-page-bullets { display: none; position: fixed; right:30px; top:51%; z-index: -1; opacity: 0; -webkit-transform: translateY(-51%); -ms-transform: translateY(-51%); transform: translateY(-51%); -webkit-transition:opacity 0.3s; transition:opacity 0.3s; width: 24px; padding:16px 6px; } .one-page-bullets.animate { opacity:1; z-index:100; background-color: #fff; border:1px solid #eee; border-radius: 5px; } .one-page-bullets ul { list-style:none; margin-bottom: 0; } .one-page-bullets ul li { padding: 0; } .one-page-bullets a { display: none; } .one-page-bullets ul li:first-child a[href*="#"] { margin-top:0px; } .one-page-bullets a[href*="#"] { display: block; width: 10px; height: 10px; box-shadow:inset 0 0 0 10px rgba(0,0,0,0.2); border-radius: 10px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-indent: 100%; white-space: nowrap; text-indent: -9000em; margin-top:10px; margin-left: -1px; position: relative; -webkit-transform:translate(1px); -ms-transform:translate(1px); transform:translate(1px); outline: none; } .one-page-bullets a[href*="#"]:hover, .one-page-bullets .one-page-active a[href*="#"] { box-shadow:inset 0 0 0 2px rgba(0,0,0,0.5); } .one-page-bullets a[href*="#"]:after { display: block; position: absolute; content: attr(title); padding: 5px 20px 5px 20px; background-color:rgba(0,0,0,0.8); color: #fff; position: absolute; top:50%; left:-200%; line-height:24px; font-weight: 600; display:block; visibility: hidden; width: auto; height: auto; text-indent: 0; opacity: 0; text-transform: uppercase; -webkit-transform:translateX(-100%) translateY(-50%); -ms-transform:translateX(-100%) translateY(-50%); transform:translateX(-100%) translateY(-50%); -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out; transition: opacity 0.2s ease-out, visibility 0.2s ease-out; } .one-page-bullets a[href*="#"]:hover:after, .one-page-bullets a[href*="#"]:hover:before { visibility: visible; opacity: 1; } .one-page-bullets a[href*="#"]:before { display: block; position: absolute; content: ""; top:50%; left:-200%; -webkit-transform:translateX(0px) translateY(-50%); -ms-transform:translateX(0px) translateY(-50%); transform:translateX(0px) translateY(-50%); width: 0px; height: 0px; border-style: solid; border-width: 4px 0 4px 5px; border-color: transparent transparent transparent rgba(0,0,0,0.8); visibility: hidden; opacity: 0; -webkit-transition: opacity 0.2s ease-out, visibility 0.2s ease-out; transition: opacity 0.2s ease-out, visibility 0.2s ease-out; } .site-widget-area { position: fixed; top: 0; right: 0px; width: 400px; height: 100%; overflow: hidden; z-index: 100; -webkit-transition: transform 0.4s ease; transition: transform 0.4s ease; -webkit-transform: translateX(400px); -ms-transform: translateX(400px); transform: translateX(400px); background-color: #292929; -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; } .site-widget-area .custom-scroll-bar { overflow:hidden; height:100%; padding: 80px 50px 50px 50px; z-index: 80; position: relative; } .site-widget-area.animated { -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .site-widget-area .custom-scroll-bar > .widget { position: relative; } /* VC FRONT-END /*=============*/ .vc_welcome .vc_ui-button { color: #fff !important; } .vc_container-block > .col { width: 100%; } .vc_empty-placeholder { display: none; } /* OWLCAROWSEL /*=============*/ .owl-controls .owl-buttons { width: 0; height: 0; padding:0; margin: 0; } .owl-controls .owl-buttons div { height: 30px; width: 30px; border-radius: 30px; line-height: 30px; font-size: 12px; text-align: center; position: absolute; top: 50%; left: -60px; margin-top: -15px; z-index: 15; background-color: rgba(0,0,0,0.5); color: #fff; -webkit-transition: all 300ms ease; transition: all 300ms ease; opacity: 0; } .owl-controls .owl-buttons div:before { display: block; position: absolute; width: 30px; height: 30px; line-height: 30px; top: 0; left: 0; } .owl-controls .owl-buttons .owl-next { right: -60px; left:auto; } .owl-carousel:hover .owl-controls .owl-buttons .owl-prev { left: -30px; opacity: 1; } .owl-carousel:hover .owl-controls .owl-buttons .owl-next { right: -30px; opacity: 1; } .owl-prev:before {content: "\e918";left: -1px !important} .owl-next:before {content: "\e91b";right: -1px !important;left: auto !important;} .nz-carousel { margin-left: -15px; margin-right: -15px; } /* 404 /*=============*/ .error404 #nz-content { padding-bottom: 70px; } .error404-wrap { text-align: center; } .error404-title { padding: 20px 0 20px 0; color: #999999; text-transform: uppercase; } .error404-wrap .search-form { max-width: 400px; margin: 0 auto; } /* SLICK CAROUSELS /*=============*/ .nz-slick-carousel { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-loading .slick-list { background: white url(images/loading.gif) center center no-repeat; } .nz-slick-carousel .slick-list, .slick-track, .nz-slick-item img { -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .nz-slick-item { float: left; height: 100%; min-height: 1px; display: none; padding-left: 50px; padding-right: 50px; -webkit-transform: translateX(0) translateY(0) scale(0.9); -ms-transform: translateX(0) translateY(0) scale(0.9); transform: translateX(0) translateY(0) scale(0.9); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .nz-slick-item.slick-center { -webkit-transform: translateX(0) translateY(0) scale(1); -ms-transform: translateX(0) translateY(0) scale(1); transform: translateX(0) translateY(0) scale(1); } .nz-slick-item img, .nz-nz-recent-posts .post img { display: block; pointer-events: none;} .nz-slick-item.slick-loading img { display: none; } .nz-slick-item.dragging { pointer-events: none; } .slick-initialized .nz-slick-item{ display: block !important; } .slick-loading .nz-slick-item{ visibility: hidden; } /* Arrows */ .slick-prev, .slick-next { position: absolute; cursor: pointer; background: transparent; color: #e0e0e0; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; font-size: 50px; line-height: 50px; text-align: center; width: 50px; height: 50px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .slick-next { left: auto; right: 0; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; color: #777777; } .slick-prev.slick-disabled, .slick-next.slick-disabled { opacity: 0.25; } .slick-prev:before, .slick-next:before {position: relative;} .slick-prev:before {left: -1px;} .slick-next:before {right: -1px;} /* HEADER /*=============*/ .mob-menu li[class*=" icon-"]:before, .mob-menu li[class^=icon-]:before, .header-menu li[class*=" icon-"]:before, .header-menu li[class^=icon-]:before, .header-top li[class*=" icon-"]:before, .header-top li[class^=icon-]:before {display: none;} .mi { display:none; padding-right:10px; } .mob-menu li[class*=" icon-"] > a .mi, .mob-menu li[class^=icon-] > a .mi, .header-menu li[class*=" icon-"] > a .mi, .header-menu li[class^=icon-] > a .mi, .header-top li[class*=" icon-"] > a .mi, .header-top li[class^=icon-] > a .mi {display: inline-block;} .mob-menu ul li > a:only-child .di, .desk-menu ul > li > a:only-child .di {display: none !important;} .mob-menu ul li > a > .di { display: block; position: absolute; top: 50%; font-size: 18px; line-height: 30px; text-align: center; height: 30px; width: 30px; margin-top: -15px; right:15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mob-menu ul li > a > .di.animate { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .header .logo { position: relative; overflow: hidden; margin: 0 auto; display:block; } .header .logo-mob { display:inline-block; } .header .logo a { display: block; height: 100%; width: 100%; text-decoration: none; text-align: center; line-height:inherit; } .mob-header .logo a { text-align: center; } .header .logo a img { margin-bottom: 0; margin-top: -2px; border:none; vertical-align: middle; width:auto; } .mob-header .logo a img {margin: 5px; max-height: 40px !important; } .ls ul { list-style: none; margin: 0; padding:0; } .ls ul li { padding: 0; margin:0; } .ls li a, .ls li a:visited, .widget_icl_lang_sel_widget li a, .widget_icl_lang_sel_widget li a:visited { display:block !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; position: relative !important; height: 40px; z-index: 99; outline: none; padding: 0px !important; color: #fff; background-color: #303030; font-size: 12px !important; line-height: 40px !important; } .ls li .lang_sel_sel {border-top: none !important;} .widget_icl_lang_sel_widget li a, .widget_icl_lang_sel_widget li a:visited { height: 50px; line-height: 50px !important; } .widget_icl_lang_sel_widget li a, .widget_icl_lang_sel_widget li a:visited { padding:0px !important; } .widget_icl_lang_sel_widget #lang_sel_click a { background: none !important; } .ls .lang_sel_sel:before, .widget_icl_lang_sel_widget .lang_sel_sel:before { content: "\e915"; display: block; position: absolute; top:0; font-size: 16px !important; line-height:40px; text-align: center; height: 40px; width: 40px; right:3px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition: transform 300ms ease; transition: transform 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .ls.animated > div > ul > li > .lang_sel_sel:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .ls img, .widget_icl_lang_sel_widget img, #lang_sel_click .iclflag { vertical-align: middle; position: relative; top: -1px !important; margin-right: 4px; } #lang_sel_click .lang_sel_sel {position: relative;} #lang_sel_click li {float: none !important;width:100% !important;padding: 0;} #lang_sel ul { list-style: none; } #lang_sel ul li {position: relative;padding: 0;} .ls #lang_sel ul ul, .ls #lang_sel_click ul ul { left: auto; height: auto; z-index: 98; margin: 0; } .widget_icl_lang_sel_widget #lang_sel ul ul, .widget_icl_lang_sel_widget #lang_sel_click ul ul { position: relative; top:0px; right: 0; display: none; left: auto; border-top:none; height: auto; visibility: visible; z-index: 99; margin:0 !important; padding-top: 0px !important; } .no-js #lang_sel ul li:hover ul {display: block;} .ls .lang_sel_sel, .widget_icl_lang_sel_widget .lang_sel_sel { padding-right: 20px !important; position: relative; } .ls > div > ul > li .lang_sel_sel:only-child {padding-right: 10px !important;} .ls > div > ul > li .lang_sel_sel:only-child:before, .widget_icl_lang_sel_widget > div > ul > li .lang_sel_sel:only-child:before {display: none;} #lang_sel_click li:before {display: none !important;} .ls .lang_sel_list_horizontal li, .ls .lang_sel_list_vertical li {float: left !important;} .ls .lang_sel_list_vertical .lang_sel_sel:before, .ls .lang_sel_list_horizontal .lang_sel_sel:before {display: none;} .ls .lang_sel_list_vertical .lang_sel_sel, .ls .lang_sel_list_horizontal .lang_sel_sel {padding-right: 10px !important;} .mob-header { background-color: #ffffff; z-index: 98; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.11); } .mob-header-top { width: 100%; height: 50px; line-height: 50px; background-color: #ffffff; text-align: center; } .mob-header-top > .container { height: inherit; } .mob-header-top .mob-menu-toggle, .mob-sidebar-toggle2, .mob-sidebar-toggle { height: 30px; width: 30px; border-radius: 5px; position: absolute; top: 10px; left: 0px; display: block; cursor: pointer; background-image:url(images/menu.png); background-repeat: no-repeat; background-position: center center; background-color: #333; } .mob-header-top .mob-menu-toggle.animated, .mob-sidebar-toggle2.animated, .mob-sidebar-toggle.animated { background-image:url(images/close.png); } .mob-sidebar-toggle { right:0px; left: auto; } .mob-sidebar-toggle2 { background-image:url(images/close.png); right: 15px; top: 15px; left: auto; z-index: 81; } .mob-header-content .cart-toggle { width: 100%; height: 55px; display: block; cursor: pointer; position: relative; background-repeat: no-repeat; background-position: 15px center; background-image:url(images/cart.png); border-bottom: 1px solid #f9f9f9; } .mob-header-content .cart-toggle a { display: block; height: inherit; width: inherit; outline: none; } .mob-header-content { padding:0px 0 25px 0px; background-color: #ffffff; display: none; } .mob-header-content .slogan { color: #999; padding-top: 15px; margin-bottom: 25px; } .mob-header-content .top-button { padding: 10px 15px; font-size: 14px; line-height: 24px; font-weight: 600; outline: none; border: none; color: #999; background-color: #f5f5f5; position: relative; display: block; border-radius: 3px; margin-bottom: 25px; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; text-align: center; text-transform: uppercase; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .mob-header-content .top-button:hover { background-color: #f0f0f0; } .site-overlay { display: block; position:fixed; top: 0; left: 0; width:100%; height: 100%; -webkit-transition: all 500ms ease; transition: all 500ms ease; background-color: rgba(0,0,0,0.5); visibility: hidden; opacity: 0; z-index: 98; } .site-overlay.animated { visibility: visible; opacity: 1; } .mob-menu ul { list-style: none; margin:0; padding: 0; } .mob-menu li[class*=" icon-"]:before, .mob-menu li[class^=icon-]:before, .header-menu li[class*=" icon-"]:before, .header-menu li[class^=icon-]:before {display: none;} .mob-menu li {position: relative;padding:0px;} .mob-menu li a { display:block !important; position: relative !important; padding:15px 25px 15px 15px; color: #999; border-bottom: 1px solid #fafafa; outline: none; font-size: 19px !important; line-height: 24px !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mob-menu li.menu-item-language img { display: inline-block; vertical-align: middle; margin-right: 10px; } .mob-menu ul ul {display: none;} .mob-menu ul li > a > .di { display: block; position: absolute; top: 50%; font-size: 14px; line-height: 30px; text-align: center; height: 30px; width: 30px; margin-top: -15px; right:0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mob-menu ul li > a > .di.animate { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .mob-header-content input[type="text"] { margin-bottom: 0; } .mob-header-content .icon-cross {display: none;} .mob-header .ls li a, .mob-header .ls li a:visited { height: 65px; line-height: 65px !important; padding: 0px 25px !important; background-color: transparent; border-top: 1px solid #555555; text-transform: uppercase; font-size: 14px !important; } .mob-header .ls { border-bottom: 1px solid #555555; } .mob-header .ls .lang_sel_sel:before { line-height:65px; height: 65px; width: 65px; right: 15px; display: block; position: absolute; top: 50%; font-size: 18px !important; line-height: 30px; text-align: center; height: 30px; width: 30px; margin-top: -15px; right: 15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mob-header .ls #lang_sel ul ul, .mob-header .ls #lang_sel_click ul ul { display: none; } .mob-header .cart-toggle span { color: #fff; position:absolute; line-height: 20px; font-size: 12px; height: 20px; width: 20px; display: inline-block; border-radius: 20px; text-align: center; top: 19px; left: 50px; } .desk {display: none;} .mob-header .label { margin-left: 15px; display: inline-block; padding: 6px 10px 6px 10px; color: #ffffff; text-transform: none; font-size:10px; line-height: 10px; text-align: center; position: relative; top: -1px; left:0px !important; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important; } /* GRID /*=============*/ .container, .full-width-true .nz-tabs.full-true .tab-content, .ninzio-navigation { width: 92%; max-width: 92%; margin: 0 auto 0 auto; position: relative; } .nz-row:before, .nz-row:after { content: " "; display: table; } .nz-row:after { clear: both; } .col12, .col11, .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 { display:block; position: relative; margin-bottom: 25px; background-repeat: no-repeat; min-height: 1px; padding-left: 0px !important; padding-right: 0px !important; } .col[data-margin="false"] {margin-bottom: 0;} .col[data-align="left"] {text-align: left;} .col[data-align="right"] {text-align: right;} .col[data-align="center"] {text-align: center;} /* COLUMNS /*=============*/ .css-animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .css-animated.flipOutX { -webkit-animation-duration: .75s; animation-duration: .75s; } .flipInX { -webkit-backface-visibility: visible!important; backface-visibility: visible!important; -webkit-animation-name: flipInX; animation-name: flipInX } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .js .element-animate-true { -webkit-backface-visibility: hidden; } .js .element-animate-true[data-effect="fade"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; } .js .css-animated.element-animate-true[data-effect="fade"] { opacity: 1; } .js .element-animate-true[data-effect="fade-bottom"] { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; } .js .element-animate-true[data-effect="fade-top"] { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; } .js .css-animated.element-animate-true[data-effect="fade-top"], .js .css-animated.element-animate-true[data-effect="fade-bottom"] { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .js .element-animate-true[data-effect="fade-left"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .js .element-animate-true[data-effect="ghost-left"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); } .js .element-animate-true[data-effect="fade-right"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .js .element-animate-true[data-effect="ghost-right"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } .js .element-animate-true.css-animated[data-effect="fade-left"], .js .element-animate-true.css-animated[data-effect="fade-right"], .js .element-animate-true.css-animated[data-effect="ghost-left"], .js .element-animate-true.css-animated[data-effect="ghost-right"]{ opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .js .element-animate-true[data-effect="scale"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .js .css-animated.element-animate-true[data-effect="scale"] { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .element-animate-true[data-effect="scale-down"] { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .js .css-animated.element-animate-true[data-effect="scale-down"] { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .element-animate-true[data-effect="flip"] { opacity: 0; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } .js .css-animated.element-animate-true[data-effect="flip"] { opacity: 1; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg); transform: perspective(1200px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 40% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -20deg); transform: perspective(1200px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 10deg); transform: perspective(1200px) rotate3d(0, 1, 0, 10deg) } 80% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -5deg); transform: perspective(1200px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(1200px); transform: perspective(1200px) } } @keyframes flipInY { 0% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 90deg); transform: perspective(1200px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 40% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -20deg); transform: perspective(1200px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, 10deg); transform: perspective(1200px) rotate3d(0, 1, 0, 10deg) } 80% { -webkit-transform: perspective(1200px) rotate3d(0, 1, 0, -5deg); transform: perspective(1200px) rotate3d(0, 1, 0, -5deg) } 100% { -webkit-transform: perspective(1200px); transform: perspective(1200px) } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg); transform: perspective(1200px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 40% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, -20deg); transform: perspective(1200px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 10deg); transform: perspective(1200px) rotate3d(1, 0, 0, 10deg) } 80% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, -5deg); transform: perspective(1200px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(1200px); transform: perspective(1200px) } } @keyframes flipInX { 0% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 90deg); transform: perspective(1200px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 40% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, -20deg); transform: perspective(1200px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in } 60% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, 10deg); transform: perspective(1200px) rotate3d(1, 0, 0, 10deg) } 80% { -webkit-transform: perspective(1200px) rotate3d(1, 0, 0, -5deg); transform: perspective(1200px) rotate3d(1, 0, 0, -5deg) } 100% { -webkit-transform: perspective(1200px); transform: perspective(1200px) } } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } /* ANIMATION /*=============*/ .js .nz-clients.animate-scale .owl-item, .js .nz-persons.animate-scale .owl-item, .js .owl-carousel.animate-scale .owl-item, .js .nz-recent-posts.animate-scale .owl-item, .js .nz-gallery.carousel.animate-scale .owl-item, .js .nz-gallery.grid.animate-scale .element-animate, .js .nz-content-box.animate-scale .element-animate, .js .nz-pricing-table.animate-scale .element-animate { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .js .nz-clients.animate-scale .owl-item.css-animated, .js .nz-persons.animate-scale .owl-item.css-animated, .js .owl-carousel.animate-scale .owl-item.css-animated, .js .nz-recent-posts.animate-scale .owl-item.css-animated, .js .nz-gallery.carousel.animate-scale .owl-item.css-animated, .js .nz-gallery.grid.animate-scale .element-animate.css-animated, .js .nz-content-box.animate-scale .element-animate.css-animated, .js .nz-pricing-table.animate-scale .element-animate.css-animated { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .nz-clients.animate-fade .owl-item, .js .nz-persons.animate-fade .owl-item, .js .owl-carousel.animate-fade .owl-item, .js .nz-recent-posts.animate-fade .owl-item, .js .nz-gallery.carousel.animate-fade .owl-item, .js .nz-gallery.grid.animate-fade .element-animate, .js .nz-content-box.animate-fade .element-animate, .js .nz-pricing-table.animate-fade .element-animate, .js .nz-recent-projects.animate-fade .element-animate, .js .nz-recent-products.animate-fade .element-animate { -webkit-transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; opacity: 0 !important; -webkit-backface-visibility: hidden; } .js .nz-clients.animate-fade .owl-item.css-animated, .js .nz-persons.animate-fade .owl-item.css-animated, .js .owl-carousel.animate-fade .owl-item.css-animated, .js .nz-recent-posts.animate-fade .owl-item.css-animated, .js .nz-gallery.carousel.animate-fade .owl-item.css-animated, .js .nz-gallery.grid.animate-fade .element-animate.css-animated, .js .nz-content-box.animate-fade .element-animate.css-animated, .js .nz-pricing-table.animate-fade .element-animate.css-animated, .js .nz-recent-projects.animate-fade .element-animate.css-animated, .js .nz-recent-products.animate-fade .element-animate.css-animated { opacity: 1 !important; } .js .loop .animation-true .blog-post .post, .js .loop .animation-true .projects-post .projects, .js .loop .animation-true .products-post .product { opacity: 0 !important; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-backface-visibility: hidden; } .js .loop .animation-true .blog-post .post.css-animated, .js .loop .animation-true .projects-post .projects.css-animated, .js .loop .animation-true .products-post .product.css-animated { opacity: 1 !important; } /* GALLERY /*=============*/ .nz-gallery { margin-left: -10px; margin-right: -10px; } .nz-gallery .gallery-item .ninzio-overlay { width:calc( 100% - 20px ); left: 10px; } .nz-gallery .gallery-item .wp-caption .ninzio-overlay { width:100%; left:0px; } .nz-gallery img { margin: 0 auto; display: block; } .nz-gallery .gallery-item { display: block; margin: 0 auto 20px auto; padding-right:10px; padding-left:10px; position: relative; } .nz-gallery.grid .gallery-item { float: left; } .nz-gallery a { text-decoration: none; display: block; position: relative; } .nz-gallery[data-columns="1"]:not(.carousel) .gallery-item {width: 100%;} .nz-gallery[data-columns="2"]:not(.carousel) .gallery-item {width: 50%;} .nz-gallery[data-columns="3"]:not(.carousel) .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="4"]:not(.carousel) .gallery-item {width: 50%;} .nz-gallery[data-columns="5"]:not(.carousel) .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="6"]:not(.carousel) .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="7"]:not(.carousel) .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="8"]:not(.carousel) .gallery-item {width: 50%;} .nz-gallery[data-columns="9"]:not(.carousel) .gallery-item {width: 33.33333333%;} .nz-gallery .wp-caption-text { display: none; } .gallery-caption { width: 100% } /* CAROUSELS /*=============*/ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel{ display: none; position: relative; -ms-touch-action: pan-y; opacity: 0; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translateX(0) translateY(0); -ms-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; z-index: 5; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease; transition: height 500ms ease; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-pagination { text-align: center; padding: 25px 0 0 0; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 2; } .owl-controls .owl-page { display: inline-block; width: 10px; height: 10px; border-radius: 10px; box-shadow:inset 0 0 0 2px #cbcbcb; cursor: pointer; margin: 0 10px 0px 0; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .owl-controls .owl-page:last-child { margin-right:0px; } .grabbing { cursor:url(images/grabbing.png) 8 8, move; } .owl-carousel .item { padding-right: 15px; padding-left: 15px; text-align: center; } .nz-section.animate-true { background-position:0 0; background-repeat:repeat !important; -webkit-background-size: auto !important; -moz-background-size: auto !important; background-size: auto !important; } .nz-section-back-video { position: absolute; top:-5px; right: 0px; min-width: 100%; width: 100%; height: auto; z-index: -1000; overflow: hidden; display: none; } .nz-video-overlay { position: absolute; top:0px; right: 0px; background-position:left top; background-repeat:repeat; width: 100%; height: 100%; display: none; } .nz-video-poster { -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; position: absolute; background-position:center top; background-repeat:no-repeat; width: 100%; height: 100%; top:0px; right: 0px; position: absolute; } .nz-section .fixed-container { top: -70px; left: 0; min-height: 100%; min-height: 100vh; height:100%; height: 100vh; width:100%; z-index: -1; overflow: hidden; max-width: none; position: absolute; background-attachment: fixed; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-position: center top; background-repeat: no-repeat; } .col.back-img {padding-left: 0 !important;padding-right: 0 !important;} .nz-section.autoheight-true .col-inner { -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; background-repeat: no-repeat; } .main-content .nz-section .container { width: 100% !important; } /* WIDGETS /*=============*/ .sidebar a:not(.button):not(.ui-slider-handle) { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .widget { padding-bottom: 40px; margin-bottom: 35px; border-bottom: 1px solid #eee; } .site-widget-area .widget { border-bottom: 1px solid #333; } .site-widget-area .widget:last-child, .sidebar .widget:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .widget_title { margin-bottom: 25px; padding-bottom: 5px; font-size: 14px; line-height: 24px; position:relative; text-transform: uppercase; color: #777777; } /* Tag cloud /*-------------------*/ .widget_tag_cloud .tagcloud a, .post-tags a, .widget_product_tag_cloud .tagcloud a, .projects-tags a { text-decoration: none; display: inline-block; padding:3px 15px 3px 15px; margin: 0 0 3px 0; color: #777777 !important; background-color:#ffffff; border:1px solid #efefef; border-radius: 40px; line-height: 25px; font-size: 13px !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; position: relative; } .site-widget-area .widget_tag_cloud .tagcloud a, .site-widget-area .post-tags a, .site-widget-area .widget_product_tag_cloud .tagcloud a, .site-widget-area .projects-tags a { color: rgba(255,255,255,0.7) !important; background-color:transparent; border:1px solid rgba(255,255,255,0.2); } .site-widget-area .widget_tag_cloud .tagcloud a:hover, .site-widget-area .post-tags a:hover, .site-widget-area .widget_product_tag_cloud .tagcloud a:hover, .site-widget-area .projects-tags a:hover { color: rgba(255,255,255,1) !important; } .post-tags a { background-color: #fff; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover, .post-tags a:hover, .projects-tags a:hover { color:#333333 !important; } /* Search /*-------------------*/ .widget_search form, .woocommerce-product-search { position: relative; margin-bottom: 0; border:none; } .widget_search form fieldset, .woocommerce-product-search fieldset { max-width: 100%; margin-bottom: 0; border:none; } .widget_search input[type="text"], .widget_product_search input[type="search"], .woocommerce-product-search input[type="search"] { height: 50px; font-size: inherit; } .widget_search input[type="submit"], .widget_product_search input[type="submit"], .woocommerce-product-search input[type="submit"] { text-indent: -2000%; white-space: nowrap; overflow: hidden; border:none; outline: none; position: absolute; top: 0px; right: 0px; padding: 0; margin: 0; box-shadow:none !important; width: 50px !important; height: 50px; text-indent: -9000em; background-image: url(images/search.png); background-repeat: no-repeat; background-position: center center; background-color: transparent !important; z-index: 5; -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; } /* Categories, Pages, Archive, Meta /*-------------------*/ .widget_categories ul, .widget_pages ul, .widget_archive ul, .widget_meta ul { list-style: none; margin: 0; padding:0; } .widget_categories ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li { padding:15px 15px 15px 40px; background-color: #fafafa; margin-bottom: 2px; } .site-widget-area .widget_categories ul li, .site-widget-area .widget_pages ul li, .site-widget-area .widget_archive ul li, .site-widget-area .widget_meta ul li, .widget_categories ul li:last-child, .widget_pages ul li:last-child, .widget_archive ul li:last-child, .widget_meta ul li:last-child { border-bottom:none; } .widget_categories ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a { color: #777 !important; position: relative; text-transform: uppercase; display: inline-block; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before { display: block; content: "\e90f"; position: absolute; left: -28px; top: 50%; width: 16px; height:16px; line-height: 16px; font-size: 12px; text-align: center; margin-top: -8px; text-align: center; } .site-widget-area .widget_categories ul li a:before, .site-widget-area .widget_pages ul li a:before, .site-widget-area .widget_archive ul li a:before, .site-widget-area .widget_meta ul li a:before { left: -28px; } .widget_categories select, .widget_archive select { width: 100%; padding-right: 5px; } /* Custom menu /*-------------------*/ .widget_nav_menu ul, .widget_product_categories ul { list-style: none; margin: 0; padding:0px; position: relative; } .widget_nav_menu li, .widget_product_categories li { padding:15px 20px; position: relative; border-bottom: 2px solid #fff; } .site-widget-area .widget_nav_menu li, .site-widget-area .widget_product_categories li, .site-widget-area .widget_nav_menu ul, .site-widget-area .widget_product_categories ul, .site-widget-area .widget_nav_menu ul li, .site-widget-area .widget_product_categories ul li, .widget_nav_menu ul li:last-child, .widget_product_categories ul li:last-child { border-bottom: none; } .widget_product_categories ul li span.count { display: inline-block; margin-left: 5px; } .widget_nav_menu ul ul, .widget_product_categories ul ul { display: none; } .widget_nav_menu li[class*=" icon-"]:before, .widget_nav_menu li[class^=icon-]:before {display: none;} .widget_product_categories ul li a, .widget_nav_menu ul li a { display:block !important; position: relative !important; padding:0px; line-height: 26px; -webkit-transition: all 300ms ease; transition: all 300ms ease; outline: none; color: rgba(255,255,255,0.6) !important; font-size: 16px; text-transform: uppercase; } .sidebar .widget_product_categories ul li a, .sidebar .widget_nav_menu ul li a { color: #999 !important; } .sidebar .widget_product_categories ul li:hover a, .sidebar .widget_nav_menu ul li:hover a { color: #333 !important; } .sidebar .widget_product_categories ul li a { text-transform: none } .widget_product_categories ul ul li a, .widget_nav_menu ul ul li a { text-transform: none; } .widget_nav_menu ul li a img { vertical-align: middle; margin-right: 5px; -webkit-transform:translateY(-1px); -moz-transform:translateY(-1px); transform:translateY(-1px); } .widget_product_categories ul.children > li > a, .widget_nav_menu ul.sub-menu > li > a { position: relative; } .widget_nav_menu ul li > a > span.toggle, .widget_product_categories ul li > a > span.toggle { display: block; position: absolute; top: 50%; text-align: center; line-height: 30px; height: 30px; width: 30px; margin-top: -15px; right: 0; cursor: pointer; font-size: 16px; -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); color: #ccc; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .widget_nav_menu ul li > a.animate > span.toggle, .widget_product_categories ul li > a.animate > span.toggle { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } .widget_nav_menu ul li > a:only-child > span.toggle, .widget_product_categories ul li > a:only-child > span.toggle { display: none !important; } /* Calendar /*-------------------*/ .widget_calendar {width: 100%;} .widget_calendar table { margin: 0; padding: 0; width: 100%; border: none !important; background-color: #fff; position: relative; border-spacing:0; border-collapse:collapse; vertical-align: middle; } .widget_calendar caption { margin: 0 auto; border-width:1px; border-style: solid; border-color: #e0e0e0; background-color: #fff; width: 100% !important; } .widget_calendar th { font-weight: normal; text-align: center; padding: 0; } .widget_calendar th:first-child { border-left-style:solid; border-left-width: 1px; border-left-color:#e0e0e0; } .widget_calendar th:last-child { border-right-style:solid; border-right-width: 1px; border-right-color:#e0e0e0; } .widget_calendar td { border-width:1px; border-style: solid; border-color:#e0e0e0; text-align: center; text-decoration: none; padding: 0; } .widget_calendar td a { display: block; text-decoration: none; width: 100%; height: 100%; } .widget_calendar td#today { color: #fff; font-weight: 700; } .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; padding-top: 0; padding-bottom: 0; padding:0; border-width:1px; border-style: solid; border-color: #e0e0e0; } .site-widget-area .widget_calendar td#prev, .site-widget-area .widget_calendar td#next { border-color: rgba(255,255,255,0.1); } .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; } .widget_calendar td#prev span, .widget_calendar td#next span { display: block; height: 100%; width: 100%; text-align:center; } .widget-area:not(.site-widget-area) .widget_calendar caption, .widget-area:not(.site-widget-area) .widget_calendar th, .widget-area:not(.site-widget-area) .widget_calendar td, .widget-area:not(.site-widget-area) .widget_calendar td#prev, .widget-area:not(.site-widget-area) .widget_calendar td#next, .widget-area:not(.site-widget-area) .widget_calendar td#prev span, .widget-area:not(.site-widget-area) .widget_calendar td#next span { height: 41px; width: 41px; line-height:41px; } /* 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_nz_recent_entries ul, .widget_recent_comments ul, .widget_recent_entries ul { list-style: none; margin: 0; padding:0; } .widget_rss ul li, .widget_recent_comments ul li, .widget_recent_entries ul li { margin: 0; padding: 15px 0px 15px 0px; position: relative; display: block; } .widget_rss a, .widget_nz_recent_entries a, .widget_recent_comments a, .widget_recent_entries a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; color: #333 !important; } .site-widget-area .widget_rss a, .site-widget-area .widget_nz_recent_entries a, .site-widget-area .widget_recent_comments a, .site-widget-area .widget_recent_entries a { color: #fff !important; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child, .widget_rss ul li:last-child { border-bottom:none; } .widget_rss ul li:last-child, .widget_nz_recent_entries ul li:last-child, .widget_recent_entries ul li:last-child {margin-bottom: 0;} .widget_recent_entries ul li > * {display: block;} .widget_recent_comments ul li { padding-left:40px; } .widget_recent_comments ul li:before { display: block; content: "\e7fd"; font-size: 18px; width: 30px; height: 30px; line-height: 30px; position: absolute; top: 20px; left: 0; text-align: center; color: #eaeaea; } .widget_recent_entries ul li:before { display: block; content: ""; width: 10px; height: 10px; line-height: 10px; position: absolute; top: 50%; margin-top: -5px; left: 0; text-align: center; } /* Front-end login /*-------------------*/ .widget_reglog #registration-form, .widget_reglog #password-form { display: none; } #loginform p {margin-bottom: 0;} #loginform .login-submit {padding-top: 5px;} /* Mailchimp /*-------------------*/ .widget_mailchimp .mailchimp-subtitle:not(:empty) { padding-bottom: 25px; } .widget_mailchimp .mailchimp-description:not(:empty) { padding-top: 15px; } .widget_mailchimp form, .nz-mailchimp form { margin-bottom: 0; position: relative; text-align: center; } #mc-embedded-subscribe { height: 40px; line-height: 40px; border-radius: 40px; position: absolute; top: 10px; right: 10px; padding: 0 25px; } .site-widget-area #mc-embedded-subscribe, .sidebar #mc-embedded-subscribe { width: 40px; padding: 0; text-indent: -9000em; background-image: url(images/arrow_right_white.png); background-position: 50% 50%; background-repeat: no-repeat; } #mce-EMAIL { font-size: inherit; padding-left: 65px; border-radius: 60px; height: 60px; background-color: #fff; text-transform: none; background-image: url(images/subscribe_icon.png); background-repeat: no-repeat; background-position: 25px 50%; } .site-widget-area #mce-EMAIL { background-color: rgba(255,255,255,0.1); } .nz-mailchimp #mce-EMAIL { background-color: #fff; } /* Recent entries /*-------------------*/ .widget_nz_recent_entries li.post { position: relative; padding: 10px 0; min-height: 55px; } .widget_nz_recent_entries .post .post-date-custom { top: 13px; display: block; position: absolute; left: 0; color: #ffffff; font-size: 14px; line-height: 24px; text-align: center; width: 50px; padding:0; border-radius: 0; } .widget_nz_recent_entries .post .post-date-custom > span:first-child { font-size: 18px; line-height: 35px; height: 35px; display: block; } .widget_nz_recent_entries .post .post-date-custom > span:last-child { font-size: 11px; line-height: 18px; height: 20px; font-weight: 700; text-transform: uppercase; display: block; background-color: #f4f9ea; color: #999; } .widget .widget-post-category a:not(.button), .widget .widget-post-category { color: #818284 !important; font-style: italic; } .widget_nz_recent_entries .widget-post-date { color: #ffffff !important; font-weight: 700; font-size: 12px; } .widget_nz_recent_entries .post-title { margin-bottom:0px; display: block; font-size: 14px; line-height: 24px; position: relative; } .widget_nz_recent_entries .post-body { padding-left: 70px !important; padding-bottom: 0 !important; padding-top: 0 !important; padding-right:0 !important; background-color: transparent !important; top: -3px; position: relative; border-bottom: none !important; box-shadow:none !important; } /* Recent projects /*-------------------*/ .widget_recent_projects .recent-projects { margin-right: -2px; margin-left: -2px; } .widget_recent_projects .recent-projects > .post { width: 33.33333333333333%; padding-right: 2px; padding-left: 2px; padding-bottom: 4px; float: left; position: relative; } .widget_recent_projects .recent-projects > .post a { display: block; overflow: hidden; position: relative; } /* Schedule /*-------------------*/ .widget_schedule { text-align: center; } .widget_schedule .widget_title:after { display: block; content: ""; width: 120%; height: 120%; background-color: #fff; position: absolute; top: -10%; left: -10%; z-index: -1; } .site-widget-area .widget_schedule .widget_title:after { background-color: #292929; } .widget_schedule .widget_title { text-align: center; margin-bottom: 0px; padding-bottom: 0px; bottom: -13px; display: inline-block; z-index: 5; } .nz-schedule { box-shadow: inset 0 0 0 2px #e0e0e0; padding: 40px 20px; } .site-widget-area .nz-schedule { box-shadow: inset 0 0 0 2px rgba(255,255,255,0.05); } .nz-schedule ul { list-style: none; margin: 0; padding:0; } .nz-schedule li { padding:10px; font-size: 14px; color: #777; } .nz-schedule ul li:last-child { border-bottom: none; } .nz-schedule li div:first-child {float: left;} .nz-schedule li div:last-child {float: right;} /* WPML /*-------------------*/ .widget-area .widget_icl_lang_sel_widget ul, .widget-area .widget_icl_lang_sel_widget ul { list-style: none; margin: 0; padding: 0; } .widget-area .widget_icl_lang_sel_widget ul li, .widget-area .widget_icl_lang_sel_widget ul li { margin: 0; padding: 0; } .widget-area .widget_icl_lang_sel_widget li a, .widget-area .widget_icl_lang_sel_widget li a:visited, .widget-area .widget_icl_lang_sel_widget #lang_sel_click a { height: 50px; padding: 0px 20px !important; color: #777 !important; background-color: #fafafa !important; line-height: 50px !important; text-transform: uppercase; } .widget-area.site-widget-area .widget_icl_lang_sel_widget li a, .widget-area.site-widget-area .widget_icl_lang_sel_widget li a:visited, .widget-area.site-widget-area .widget_icl_lang_sel_widget #lang_sel_click a { color: #fff !important; background-color: rgba(255,255,255,0.03) !important; } .widget-area .widget_icl_lang_sel_widget li ul a, .widget-area .widget_icl_lang_sel_widget li ul a:visited { border-top: none; } .widget-area .widget_icl_lang_sel_widget li a:hover { color: #333 !important; } .widget-area .widget_icl_lang_sel_widget .lang_sel_sel:before { line-height: 50px; height: 50px; width: 50px; right: 0px; } .widget-area .widget_icl_lang_sel_widget.animated .lang_sel_sel:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* Instagram /*-------------------*/ .null-instagram-feed ul:after { content: ""; display: table; clear: both; } .null-instagram-feed ul { list-style: none; margin: 0 -2px 0 -2px; padding: 0; } .null-instagram-feed ul li { margin: 0; padding: 0 2px 4px 2px; float: left; width: 33.33333333333333%; } .null-instagram-feed ul li a { display: block; position: relative; overflow: hidden; } .null-instagram-feed ul li a:after, .photos_from_flickr .flickr_badge_image a:after, .recent-projects > .post a:after { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); content: ""; opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; z-index: 4; } .null-instagram-feed ul li a:before, .photos_from_flickr .flickr_badge_image a:before, .recent-projects > .post a:before { display: block; position: absolute; top: 50%; left: 50%; margin-top:-15px; margin-left:-15px; width: 30px; height: 30px; border-radius: 30px; box-shadow: inset 0 0 0 2px #ffffff; background-image: url(images/plus.png); background-repeat:no-repeat; background-position: 48% 50%; content: ""; opacity: 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; z-index: 5; } .woocommerce .product .nz-thumbnail .nz-overlay-before { margin-top:-25px; margin-left:-25px; width: 50px; height: 50px; border-radius: 50px; } .null-instagram-feed ul li a:hover:after, .null-instagram-feed ul li a:hover:before, .photos_from_flickr .flickr_badge_image a:hover:after, .photos_from_flickr .flickr_badge_image a:hover:before, .recent-projects > .post a:hover:after, .recent-projects > .post a:hover:before, .woocommerce .product .nz-thumbnail:hover .nz-overlay-before { opacity: 1; } .site-widget-area .null-instagram-feed a[rel="me"] { color: #ffffff !important; } /* Fast contact /*-------------------*/ .widget_fast_contact_widget input[type="text"] { margin: 0 0 5px; height: 50px; line-height: 50px; padding:0 20px; font-size: 13px; color: #999999; } .widget_fast_contact_widget textarea { height: 90px !important; min-height: 90px !important; padding:10px 20px; margin-bottom: 5px; font-size: 13px; color: #999999; } .widget_fast_contact_widget .button { margin-bottom: 0px; } .widget_fast_contact_widget .alert { padding:0; margin:0; position: relative; border:none; margin-bottom: 5px; font-size: 12px; } .widget_fast_contact_widget .sending, .widget_fast_contact_widget .alert { display: none; } .kingstudio-contact-form-submit-div { position: relative; } .widget_fast_contact_widget .sending { position: absolute; width: 28px; height: 28px; top: 0; right: 0; z-index: 15; display: none; } .widget_fast_contact_widget .sending:before { border-top: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.2); display: block; content: ""; position: absolute; top: 50%; right:0%; font-size:10px; margin: -14px 0 0 0px; -webkit-animation: contact-form-loading 0.3s infinite linear; animation: contact-form-loading 0.3s infinite linear; } .widget_fast_contact_widget .sending:before, .widget_fast_contact_widget .sending:after { border-radius:28px; width:28px; height:28px; } @-webkit-keyframes contact-form-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes contact-form-loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* BUTTON /*=============*/ .button, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a, .single_add_to_cart_button { outline: none; border: none; color: #fff; text-transform: uppercase; position: relative; display: inline-block; margin: 0 0px 5px 0; overflow: hidden; -webkit-backface-visibility: hidden; z-index:1; text-align: center; } .button.full-true { width: 100%; margin-left: 0px !important; } .button + .button { margin-left: 15px; } .button-ghost { background-color: transparent; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .button-normal, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .button-3d.button { -webkit-transform:translateY(-4px); -ms-transform:translateY(-4px); transform:translateY(-4px); } .button.small { padding:3px 15px; font-size:12px; line-height: 22px; } .button.medium, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a, .single_add_to_cart_button { padding:14px 24px; font-size:13px; line-height: 22px; } .button.large { padding:18px 34px; font-size:14px; line-height: 24px; } .button.square { border-radius: 0; } .button.rounded, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a { border-radius: 3px; } .button.round { border-radius:250px; } .button .btn-icon { display: inline-block; margin-right: 10px; position: relative; top:2px; font-size: 120%; } .button.small .btn-icon { margin-right: 2px; } .button.icon-true.animate-false:not(.small) .txt { margin-left: 5px; } .button.icon-true.animate-true.anim-type-ghost .btn-icon { margin-right:0px; } .animate-false.button-normal.hover-opacity:hover {opacity: 0.7;} .animate-false.button-3d:hover {top: 2px;} .blue.button-normal {background: #3b99d4;} .animate-false.blue.button-normal.hover-fill:hover {background: #126cb5;} .blue.button-ghost {box-shadow:inset 0 0 0 2px #3b99d4;color:#3b99d4;} .blue.button-3d {background-color:#3b99d4;box-shadow: 0 4px #368bc1;} .animate-false.blue.button-3d:hover {box-shadow: 0 2px #368bc1;} .turquoise.button-normal {background: #3bd4c0;} .animate-false.turquoise.button-normal.hover-fill:hover {background: #01a1b0;} .turquoise.button-ghost {box-shadow:inset 0 0 0 2px #3bd4c0;color:#3bd4c0;} .turquoise.button-3d {background-color:#3bd4c0;box-shadow: 0 4px #32b5a4;} .animate-false.turquoise.button-3d:hover {box-shadow: 0 2px #32b5a4;} .pink.button-normal {background: #fe6c61;} .animate-false.pink.button-normal.hover-fill:hover {background: #e36258;} .pink.button-ghost {box-shadow:inset 0 0 0 2px #fe6c61;color:#fe6c61;} .pink.button-3d {background-color:#fe6c61;box-shadow: 0 4px #ea584d;} .animate-false.pink.button-3d:hover {box-shadow: 0 2px #ea584d;} .violet.button-normal{background: #c38ddc;} .animate-false.violet.button-normal.hover-fill:hover{background: #795da9;} .violet.button-ghost {box-shadow:inset 0 0 0 2px #c38ddc;color:#c38ddc;} .violet.button-3d {background-color:#c38ddc;box-shadow: 0 4px #a979bf;} .animate-false.violet.button-3d:hover {box-shadow: 0 2px #a979bf;} .peacoc.button-normal{background: #4cadc9;} .animate-false.peacoc.button-normal.hover-fill:hover {background: #4295ad;} .peacoc.button-ghost {box-shadow:inset 0 0 0 2px #4cadc9;color:#4cadc9;} .peacoc.button-3d {background-color:#4cadc9;box-shadow: 0 4px #3899b5;} .animate-false.peacoc.button-3d:hover {box-shadow: 0 2px #3899b5;} .chino.button-normal{background: #cec2ab;} .animate-false.chino.button-normal.hover-fill:hover {background: #b3a996;} .chino.button-ghost {box-shadow:inset 0 0 0 2px #cec2ab;color:#cec2ab;} .chino.button-3d {background-color:#cec2ab;box-shadow: 0 4px #bdae97;} .animate-false.chino.button-3d:hover {box-shadow: 0 2px #bdae97;} .mulled_wine.button-normal{background: #50485b;} .animate-false.mulled_wine.button-normal.hover-fill:hover{background: #393341;} .mulled_wine.button-ghost {box-shadow:inset 0 0 0 2px #50485b;color:#50485b;} .mulled_wine.button-3d {background-color:#50485b;box-shadow: 0 4px #3c3447;} .animate-false.mulled_wine.button-3d:hover {box-shadow: 0 2px #3c3447;} .vista_blue.button-normal{background: #4ad97c;} .animate-false.vista_blue.button-normal.hover-fill:hover{background: #67ba88;} .vista_blue.button-ghost {box-shadow:inset 0 0 0 2px #4ad97c;color:#4ad97c;} .vista_blue.button-3d {background-color:#4ad97c;box-shadow: 0 4px #3fb668;} .animate-false.vista_blue.button-3d:hover {box-shadow: 0 2px #3fb668;} .black.button-normal{background: #3f3f3f;} .animate-false.black.button-normal.hover-fill:hover{background: #161616;} .black.button-ghost {box-shadow:inset 0 0 0 2px #2a2a2a;color:#2a2a2a;} .black.button-3d {background-color:#2a2a2a;box-shadow: 0 4px #161616;} .animate-false.black.button-3d:hover {box-shadow: 0 2px #161616;} .grey.button-normal{background: #c3c3c3;} .animate-false.grey.button-normal.hover-fill:hover{background: #a9a9a9;} .grey.button-ghost {box-shadow:inset 0 0 0 2px #c3c3c3;color:#999999;} .grey.button-3d {background-color:#c3c3c3;box-shadow: 0 4px #b3b3b3;} .animate-false.grey.button-3d:hover {box-shadow: 0 2px #b3b3b3;} .orange.button-normal{background: #ff9600;} .animate-false.orange.button-normal.hover-fill:hover{background: #dbac09;} .orange.button-ghost {box-shadow:inset 0 0 0 2px #ff9600;color:#ff9600;} .orange.button-3d {background-color:#ff9600;box-shadow: 0 4px #ea8d09;} .animate-false.orange.button-3d:hover {box-shadow: 0 2px #ea8d09;} .sky.button-normal{background: #5aa1e3;} .animate-false.sky.button-normal.hover-fill:hover{background: #4e8ac1;} .sky.button-ghost {box-shadow:inset 0 0 0 2px #5aa1e3;color:#5aa1e3;} .sky.button-3d {background-color:#5aa1e3;box-shadow: 0 4px #468dcf;} .animate-false.sky.button-3d:hover {box-shadow: 0 2px #468dcf;} .green.button-normal{background: #b7e759;} .animate-false.green.button-normal.hover-fill:hover{background: #5a8e32;} .green.button-ghost {box-shadow:inset 0 0 0 2px #b7e759;color:#b7e759;} .green.button-3d {background-color:#b7e759;box-shadow: 0 4px #a3ce4f;} .animate-false.green.button-3d:hover {box-shadow: 0 2px #a3ce4f;} .yellow.button-normal{background: #ffd614;} .animate-false.yellow.button-normal.hover-fill:hover{background: #f0c600;} .yellow.button-ghost {box-shadow:inset 0 0 0 2px #ffd614;color:#ffd614;} .yellow.button-3d {background-color:#ffd614;box-shadow: 0 4px #f0c600;} .animate-false.yellow.button-3d:hover {box-shadow: 0 2px #f0c600;} .sandy_brown.button-normal{background: #f79468;} .animate-false.sandy_brown.button-normal.hover-fill:hover{background: #de8158;} .sandy_brown.button-ghost {box-shadow:inset 0 0 0 2px #f79468;color:#f79468;} .sandy_brown.button-3d {background-color:#f79468;box-shadow: 0 4px #e38054;} .animate-false.sandy_brown.button-3d:hover {box-shadow: 0 2px #e38054;} .purple.button-normal{background: #b97ebb;} .animate-false.purple.button-normal.hover-fill:hover{background: #9d679f;} .purple.button-ghost {box-shadow:inset 0 0 0 2px #b97ebb;color:#b97ebb;} .purple.button-3d {background-color:#b97ebb;box-shadow: 0 4px #a56aa7;} .animate-false.purple.button-3d:hover {box-shadow: 0 2px #a56aa7;} .white.button-normal{ background: #fcfcfc; color:#777777; } .animate-false.white.button-normal.hover-fill:hover{ background: #fafafa; } .white.button-ghost {box-shadow:inset 0 0 0 2px #ffffff;color:#ffffff;} .white.button-3d {background-color:#ffffff;box-shadow: 0 4px #ebebeb;color:#333333;} .animate-false.white.button-3d:hover {box-shadow: 0 2px #ebebeb;} .blue.button-ghost.hover-fill:hover, .blue.button-ghost.hover-drop:after, .blue.button-ghost.hover-side:after, .blue.button-ghost.hover-scene:after, .blue.button-ghost.hover-screen:after {background-color: #3b99d4;} .turquoise.button-ghost.hover-fill:hover, .turquoise.button-ghost.hover-drop:after, .turquoise.button-ghost.hover-side:after, .turquoise.button-ghost.hover-scene:after, .turquoise.button-ghost.hover-screen:after {background-color: #3bd4c0;} .pink.button-ghost.hover-fill:hover, .pink.button-ghost.hover-drop:after, .pink.button-ghost.hover-side:after, .pink.button-ghost.hover-scene:after, .pink.button-ghost.hover-screen:after {background-color:#fe6c61;} .violet.button-ghost.hover-fill:hover, .violet.button-ghost.hover-drop:after, .violet.button-ghost.hover-side:after, .violet.button-ghost.hover-scene:after, .violet.button-ghost.hover-screen:after {background-color:#c38ddc;} .peacoc.button-ghost.hover-fill:hover, .peacoc.button-ghost.hover-drop:after, .peacoc.button-ghost.hover-side:after, .peacoc.button-ghost.hover-scene:after, .peacoc.button-ghost.hover-screen:after {background-color:#4cadc9;} .chino.button-ghost.hover-fill:hover, .chino.button-ghost.hover-drop:after, .chino.button-ghost.hover-side:after, .chino.button-ghost.hover-scene:after, .chino.button-ghost.hover-screen:after {background-color:#cec2ab;} .mulled_wine.button-ghost.hover-fill:hover, .mulled_wine.button-ghost.hover-drop:after, .mulled_wine.button-ghost.hover-side:after, .mulled_wine.button-ghost.hover-scene:after, .mulled_wine.button-ghost.hover-screen:after {background-color:#50485b;} .vista_blue.button-ghost.hover-fill:hover, .vista_blue.button-ghost.hover-drop:after, .vista_blue.button-ghost.hover-side:after, .vista_blue.button-ghost.hover-scene:after, .vista_blue.button-ghost.hover-screen:after {background-color:#4ad97c;} .black.button-ghost.hover-fill:hover, .black.button-ghost.hover-drop:after, .black.button-ghost.hover-side:after, .black.button-ghost.hover-scene:after, .black.button-ghost.hover-screen:after {background-color:#2a2a2a;} .grey.button-ghost.hover-fill:hover, .grey.button-ghost.hover-drop:after, .grey.button-ghost.hover-side:after, .grey.button-ghost.hover-scene:after, .grey.button-ghost.hover-screen:after {background-color:#c3c3c3;} .orange.button-ghost.hover-fill:hover, .orange.button-ghost.hover-drop:after, .orange.button-ghost.hover-side:after, .orange.button-ghost.hover-scene:after, .orange.button-ghost.hover-screen:after {background-color:#ff9600;} .sky.button-ghost.hover-fill:hover, .sky.button-ghost.hover-drop:after, .sky.button-ghost.hover-side:after, .sky.button-ghost.hover-scene:after, .sky.button-ghost.hover-screen:after {background-color:#5aa1e3;} .green.button-ghost.hover-fill:hover, .green.button-ghost.hover-drop:after, .green.button-ghost.hover-side:after, .green.button-ghost.hover-scene:after, .green.button-ghost.hover-screen:after {background-color:#b7e759;} .yellow.button-ghost.hover-fill:hover, .yellow.button-ghost.hover-drop:after, .yellow.button-ghost.hover-side:after, .yellow.button-ghost.hover-scene:after, .yellow.button-ghost.hover-screen:after {background-color:#ffd614;} .sandy_brown.button-ghost.hover-fill:hover, .sandy_brown.button-ghost.hover-drop:after, .sandy_brown.button-ghost.hover-side:after, .sandy_brown.button-ghost.hover-scene:after, .sandy_brown.button-ghost.hover-screen:after {background-color:#f79468;} .purple.button-ghost.hover-fill:hover, .purple.button-ghost.hover-drop:after, .purple.button-ghost.hover-side:after, .purple.button-ghost.hover-scene:after, .purple.button-ghost.hover-screen:after {background-color:#b97ebb;} .white.button-ghost.hover-fill:hover, .white.button-ghost.hover-drop:after, .white.button-ghost.hover-side:after, .white.button-ghost.hover-scene:after, .white.button-ghost.hover-screen:after {background-color:#fff;} .white.button-ghost.animate-false.hover-fill:hover, .white.button-ghost.animate-false.hover-drop:hover, .white.button-ghost.animate-false.hover-side:hover, .white.button-ghost.animate-false.hover-scene:hover, .white.button-ghost.animate-false.hover-screen:hover { color: #333 !important; } .button-ghost.hover-drop, .button-ghost.hover-side, .button-ghost.hover-scene, .button-ghost.hover-screen, .button-ghost.animate-true {background-color: transparent !important;} .animate-false.button-ghost.hover-drop:after, .animate-false.button-ghost.hover-side:after, .animate-false.button-ghost.hover-scene:after, .animate-false.button-ghost.hover-screen:after { width: 100%; height: 0; top: 0; left: 0; content: ''; position: absolute; z-index: -1; display: block; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .animate-false.button-ghost.hover-side:after {width:0%;height:100%;} .animate-false.button-ghost.hover-scene:after { width: 0; height: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .animate-false.button-ghost.hover-diagonal:after { width:100%; height:0; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); } .animate-false.button-ghost.hover-screen:after { width: 100%; height: 0; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .animate-false.button-ghost.hover-drop:hover:after {height:100%;} .animate-false.button-ghost.hover-side:hover:after {width: 100%;} .animate-false.button-ghost.hover-screen:hover:after {height: 100%;opacity: 1;} .animate-false.button-ghost.hover-scene:hover:after {width: 100%;opacity: 1;} .animate-false.button-ghost.hover-fill:hover, .animate-false.button-ghost.hover-drop:hover, .animate-false.button-ghost.hover-side:hover, .animate-false.button-ghost.hover-scene:hover, .animate-false.button-ghost.hover-screen:hover {color: #fff;} .animate-false.white.button-ghost.hover-fill:hover, .animate-false.white.button-ghost.hover-drop:hover, .animate-false.white.button-ghost.hover-side:hover, .animate-false.white.button-ghost.hover-scene:hover, .animate-false.white.button-ghost.hover-screen:hover {color: #333;} .button.animate-true .btn-icon {opacity: 0;margin-left: 0;} .button.animate-true .txt {display: inline-block;} .button.animate-true.anim-type-ghost span { -webkit-transition: all 150ms ease; transition: all 150ms ease; } .button.animate-true.anim-type-reverse span { -webkit-transition: all 150ms ease; transition: all 150ms ease; } .button.animate-true.anim-type-ghost .txt { -webkit-transform:translateX(7%); -ms-transform:translateX(7%); transform:translateX(7%); } .animate-true.anim-type-ghost:hover .txt { -webkit-transform:translateX(-5%); -ms-transform:translateX(-5%); transform:translateX(-5%); } .animate-true.anim-type-ghost:hover .btn-icon { -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transform:translateX(50%); opacity: 1; } .button.animate-true.anim-type-reverse .btn-icon { opacity: 1; position: absolute; height: 100%; width: 100%; text-align: center; top:-100%; left: 0; font-size: 180%; } .button.animate-true.anim-type-reverse .btn-icon:before { position: absolute; left:50%; top:50%; -webkit-transform:translateY(-50%) translateX(-50%); -ms-transform:translateY(-50%) translateX(-50%); transform:translateY(-50%) translateX(-50%); } .button.animate-true.anim-type-reverse .txt { display:block; } .button.animate-true.anim-type-reverse:hover .btn-icon { top: 0; } .button.animate-true.anim-type-reverse:hover .txt { -webkit-transform:translateY(200%); -ms-transform:translateY(200%); transform:translateY(200%); } /* DROPCAP /*=============*/ .nz-dropcap, .nz-dropcap.empty { display: block; float: left; font-size:44px; line-height: 28px; margin: 8px 8px 0 0; } .nz-dropcap.full { background-color: #222; color: #fff; border-radius: 3px; padding: 14px 10px 15px 10px; } /* HIGHLIGHT /*=============*/ .nz-highlight { display: inline-block; padding: 0px 8px; color: #fff; } .nz-highlight > :last-child { margin-bottom: 0 !important; } /* ICON LIST /*=============*/ .nz-i-list {list-style:none;} .nz-i-list li { display: table; } .nz-i-list.large li { margin-bottom: 15px; } .nz-i-list li:last-child {margin-bottom: 0px;} .nz-i-list > li > div { display: table-cell; padding: 0; margin: 0; vertical-align: top; } .nz-i-list span.icon { display: block; margin-right: 10px; margin-bottom: 0; margin-left: 0; margin-top: 6px; text-align: center; font-size: 12px; line-height: 12px !important; } .nz-i-list.none span.icon {margin-top: 6px;} .nz-i-list.square span.icon, .nz-i-list.circle span.icon {margin-top: 2px;} /*types*/ .nz-i-list.circle span.icon, .nz-i-list.square span.icon { font-size: 10px; width: 20px; height: 20px; border-radius: 3px; line-height: 20px !important; } .nz-i-list.circle span.icon {border-radius: 50%;} /* ICONS /*=============*/ .nz-icon { margin:5px; font-size:16px; line-height: 16px; text-align: center; display: inline-block; } /*Sizes*/ .nz-icon.small {font-size:14px; line-height: 14px;} .nz-icon.medium {font-size:32px; line-height: 32px;} .nz-icon.large {font-size:64px; line-height: 64px;} /*Sizes with types*/ .nz-icon.circle.small, .nz-icon.square.small { width: 40px; height: 40px; line-height: 36px; border-width: 2px; } .nz-icon.circle.medium, .nz-icon.square.medium { width: 65px; height: 65px; line-height: 59px; border-width: 2px; } .nz-icon.circle.large, .nz-icon.square.large { width: 110px; height: 110px; line-height: 103px; border-width: 2px; } /*Types*/ .nz-icon.circle {border-radius: 50%;} .nz-icon.square {border-radius: 2px;} .nz-icon.circle, .nz-icon.square { border-style:solid; border-color: transparent; } .nz-icon.animate-true { -webkit-animation: iconAnimate 1.4s infinite; animation: iconAnimate 1.4s infinite; } @-webkit-keyframes iconAnimate { 0%,100% { -webkit-transform: translateY(5px); } 50% { -webkit-transform: translateY(-5px); } } @keyframes iconAnimate { 0%,100% { transform: translateY(5px); } 50% { transform: translateY(-5px); } } /* SEPARATOR /*=============*/ .nz-separator {height: 1px;border-bottom-width: 1px;} .nz-separator.solid {border-bottom-style:solid;} .nz-separator.dotted {border-bottom-style:dotted;} .nz-separator.dashed {border-bottom-style:dashed} .sep-wrap.center .nz-separator {margin: 0 auto;} .sep-wrap.left .nz-separator {float: left;} .sep-wrap.right .nz-separator {float: right;} /* ICON SEPARATOR /*=============*/ .nz-icon-separator { position: relative; width: 500px; max-width: 100%; margin: 0 auto; } .nz-icon-separator .icon { width: 60px; font-size: 28px; line-height: 28px; position: relative; z-index: 15; display: block; margin: 0 auto; text-align: center; } .nz-separator-left, .nz-separator-right { width: 220px; height: 10px; position: absolute; display: block; left: 0; top: 50%; } .nz-separator-left span, .nz-separator-right span { display: block; width:calc( 100% - 10px); height: 1px; } .nz-separator-right { left: auto; right: 0; } .nz-separator-right span { float: right; } .nz-separator-left span + span, .nz-separator-right span + span { margin-top: 3px; } .nz-separator-left span + span { float: right; } .nz-separator-right span + span { float: left; } /* SOCIAL LINKS /*=============*/ .social-links {height: 40px;} .social-links.right {text-align: right;} .social-links.left {text-align: left;} .social-links.center {text-align: center;} .social-links a { display: inline-block; width: 36px; height: 36px; line-height: 36px; border-radius: 36px; font-size: 14px; text-align: center; color: #ffffff !important; background-color: #c5c5c5; margin: 0 4px 3px 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .social-links a:hover { color: #ffffff !important; } .social-links a:last-child {margin-right: 0px;} .social-links a.icon-rss:hover {background-color:#fba933 !important;} .social-links a.icon-facebook:hover {background-color:#607bb3 !important;} .social-links a.icon-twitter:hover {background-color:#37bbf5 !important;} .social-links a.icon-skype:hover {background-color:#37bbf5 !important;} .social-links a.icon-googleplus:hover {background-color:#e74b32 !important;} .social-links a.icon-youtube:hover {background-color:#c63c39 !important;} .social-links a.icon-vimeo:hover {background-color:#2bc2f4 !important;} .social-links a.icon-linkedin:hover {background-color:#319cda !important;} .social-links a.icon-flickr:hover {background-color:#ee4086 !important;} .social-links a.icon-pinterest:hover {background-color:#db2e36 !important;} .social-links a.icon-instagram:hover {background-color:#5280a5 !important;} .social-links a.icon-apple:hover {background-color:#01aef3 !important;} .social-links a.icon-dribbble:hover {background-color:#eb4c89 !important;} .social-links a.icon-android:hover {background-color:#92b83e !important;} .social-links a.icon-behance:hover {background-color:#1b82dc !important;} .social-links a.icon-envelope:hover {background-color:#4c5256 !important;} /* VIDEO, AUDIO EMBED /*=============*/ /*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; } .video-modal { position: relative; display: block; } .video-modal:hover:before { box-shadow: inset 0 0 0 1px rgba(255,255,255,1); } .video-modal .ninzio-overlay { background-color: rgba(0,0,0,0.5); opacity: 1; z-index: 10; } .video-modal:hover .ninzio-overlay { background-color: rgba(0,0,0,0.6); } .video-modal .video-icon { width: 82px; height: 82px; margin: 0 auto 15px auto; background-image: url(images/video_icon.png); background-repeat: no-repeat; background-position: 50% 50%; content: ""; } .video-modal .video-title { color: #fff; font-size: 26px; line-height: 36px; margin: 0; text-align: center; text-transform: uppercase; } .video-modal:hover:after { -webkit-transform:scale(0.8); -ms-transform:scale(0.8); transform:scale(0.8); } .video-modal img { margin:0 auto; display: block; } /* RECENT TWEETS /*=============*/ .nz-tweets { position: relative; padding-top:70px; text-align: center; } .nz-tweets .follow { font-size: 18px; line-height: 28px; } .nz-tweets:before { display: block; content: "\e76d"; line-height:50px; font-size:42px; width:50px; height:50px; position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); text-align: center; color: #fff; } .nz-tweets ul { list-style:none; text-align: center; } .nz-tweets a, .nz-tweets p { color: inherit; font-size:18px; line-height: 28px; margin: 0; } .nz-tweets a { color: inherit !important; } .nz-tweets .owl-controls { display: block; text-align: center; margin-top: 30px; } .nz-tweets .owl-buttons div { width:30px; height: 30px; line-height: 30px; display: inline-block; border:2px solid #e0e0e0; color: #e0e0e0; position: relative; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .nz-tweets .owl-buttons div:hover { border:2px solid #777777; color: #777777; } .nz-tweets .owl-buttons div:first-child { margin-right: 4px; } .nz-tweets .owl-buttons div:first-child:after, .nz-tweets .owl-buttons div:last-child:after { position: absolute; content: "\e914"; display: block; top: 0; left: 0; width: 100%; height: 100%; font-size: 16px; text-align: center; line-height: 28px; } .nz-tweets .owl-buttons div:last-child:after { content: "\e917"; } /* CONTENTBOX /*=============*/ .nz-content-box > .nz-box { width: 100%; position: relative; margin-bottom: 25px; } .nz-content-box .box-icon { -webkit-backface-visibility: hidden; -webkit-transition: all 200ms; transition: all 200ms; font-size: 36px; line-height: 36px; text-align: center; position: relative; top: 4px; } .nz-content-box .back_active .box-icon, .nz-content-box .bord_active .box-icon { font-size: 32px; line-height: 32px; text-align: center; position: relative; top: 19px; } .nz-content-box .box-icon-wrap { position: absolute; margin: 0; height: 60px; width: 60px; border-radius: 60px; left: 15px; top: 20px; } .nz-content-box.align-right .box-icon-wrap { right: 15px; left: auto; } .nz-content-box .back_active .box-icon-wrap, .nz-content-box .bord_active .box-icon-wrap { top: 15px; height: 70px; width: 70px; border-radius: 70px; } .nz-content-box .box-data { padding-left: 80px; } .nz-content-box.align-right .box-data { padding-left: 0px; padding-right: 80px; } .nz-content-box .back_active .box-data, .nz-content-box .bord_active .box-data { padding-left: 100px; } .nz-content-box.align-right .back_active .box-data, .nz-content-box.align-right .bord_active .box-data { padding-left: 0px; padding-right: 100px; } .nz-content-box .nz-box > .nz-box-wrap { padding:5px 0px; } .nz-box > .nz-box-wrap > a { color: inherit !important; } .box-more { display: block; text-transform: none; margin-top: 10px; font-size: 14px; color: #999 !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .box-more:hover { color: #333 !important; } .nz-content-box.version2 { text-align: center; } .nz-content-box.version2 .box-data { padding-left: 0px !important; } .nz-content-box.version2 .box-icon-wrap { position: static; margin: 0 auto 30px auto; height: 80px; width: 80px; border-radius: 80px; left: 0px; top: 0px; } .nz-content-box.version2 .box-icon { font-size: 48px; line-height: 48px; top: 19px; } .nz-content-box.version2 .box-icon { font-size: 48px; line-height: 48px; top: 19px; } .nz-content-box.version2 .back_active .box-icon, .nz-content-box.version2 .bord_active .box-icon { font-size: 36px; line-height: 36px; top: 22px; } /* TAGLINE /*=============*/ .nz-tagline { width: 100%; padding: 60px 0; position: relative; background-repeat: no-repeat; background-position: left top -webkit-background-size:cover; -ms-background-size:cover; background-size:cover; } .nz-tagline img { position: absolute; bottom: -40px; left:40px; } .nz-tagline .container { text-align: center; max-width: 100% !important; } .nz-tagline .container > .tagline-title { font-size: 24px; line-height: 34px; padding-right: 40px; font-weight: 300; } .nz-tagline .container > .tagline-title, .nz-tagline .container > .button, .nz-tagline .container > .tagline-icon { vertical-align: middle; display: block; margin: 0 auto 15px auto !important; } .nz-tagline .container > :last-child { margin-bottom: 0 !important; } .nz-tagline .container > .tagline-icon { width: 46px; height: 46px; line-height: 46px; font-size: 46px; text-align: center; margin-right: 30px; } .nz-tagline .container .button { margin-bottom: 0; max-width: 200px; border-radius: 3px; } /* TABS /*=============*/ .nz-tabs .tabset { position: relative; z-index: 20; } .tabset .tab { display: block; text-align: center; padding:16px 30px; color:#999; cursor: pointer; position: relative; font-size: 16px; background-color:#f7f7f7; border:1px solid #e0e0e0; } .tabset .tab .before { display: block; top: -1px; left: 0; width: 100%; height: 3px; position: absolute; opacity: 0; } .tabset .tab.active .before { opacity: 1; } .tabset .tab:after { display: block; bottom: -1px; left: 0; background-color:#f7f7f7; content: ""; width: 100%; height: 1px; position: absolute; } .tabset .tab.active:after, .tabset .tab.active { background-color:#ffffff; } .tabset .tab > span { display: inline-block; padding-right:10px; } .nz-tabs.full-true .tabset { text-align: center; } .nz-tabs.full-true .tab { display: inline-block; float: none !important; padding:20px 60px; font-size: 18px; z-index: 10; } .nz-tabs.full-true.tab-full .tab { display: block; } .tabset .tab:last-child {margin-bottom:0px;} .tabs-container { width: 100%; height: auto; position: relative; z-index: 10; } .tabs-container .tab-content { padding: 30px 50px; border: 1px solid #e0e0e0; } .nz-tabs.full-true .tab-content { padding: 80px 50px; } .tabs-container .tab-content:not(:first-child) { display: none; } /* TABLES /*=============*/ .nz-table td, .nz-table th { border:1px solid #eaeaea; background-color: #fff; padding: 15px; } .nz-table th {font-size: 16px;font-weight: normal;background-color: #fafafa;} .nz-table tbody tr:nth-child(2n+2) td {background-color: #fafafa;} /* PROCESS /*=============*/ .nz-process .stepset { position: relative; z-index: 20; text-align: center; } .stepset .step { display: inline-block; float: none !important; text-align: center; padding:75px 70px 15px 70px; color:#777; cursor: pointer; position: relative; font-size: 16px; text-transform: uppercase; -webkit-transition: all 300ms ease; transition: all 300ms ease; counter-increment: stepcounter; } .stepset .step:after { content: counter(stepcounter); display: block; width: 65px; height: 65px; border-radius: 65px; line-height: 65px; font-size: 26px; position: absolute; left: 50%; top: 0px; margin-left: -32.5px; background-color: #f5f5f5; color: #333; } .nz-process:not(.step-full) .stepset .step:before { content: ""; display: block; width:100%; height:6px; position: absolute; left: 0%; top:34px; margin-top: -3px; background-color: #f5f5f5; z-index: -1; } .nz-process:not(.step-full) .stepset .step:first-child:before { left: 50%; } .nz-process:not(.step-full) .stepset .step:last-child:before { right: 50%; left: auto; } .stepset .step.active:after { color: #fff !important; } .stepset .step:hover { color: #444; } .stepset .step:last-child {margin-bottom:0px;} .steps-container { width: 100%; height: auto; position: relative; z-index: 10; } .steps-container .step-content { background-color: #fff; padding: 50px 0 0 0; } .steps-container .step-content:not(:first-child) { display: none; } /* ACCORDION /*=============*/ .nz-accordion .toggle-title { cursor: pointer; width: 100%; margin-bottom:0px; position: relative; font-size: 16px; color: #444; background-color: #fafafa; background-repeat: repeat; background-position: left top; } .nz-accordion .toggle-title:before { content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0px; background-color: #fafafa; } .nz-accordion .toggle-title.active .border { width: 3px; height: 100%; display: block; position: absolute; top: 0; } .nz-accordion .toggle-title:nth-last-child(2):before { display: none; } .nz-accordion .toggle-title.active:before { display: none; } .nz-accordion .toggle-title.active { background-color: #ffffff; background-image: none; } .toggle-title .toggle-title-header { margin-bottom: 0; font-weight: normal; vertical-align: middle; width:100%; } .toggle-title .toggle-title-header span { display: block; padding: 15px 80px 15px 20px; width: 100%; border: 1px solid #eee; } .toggle-title .hor, .toggle-title .ver { width: 10px; height: 2px; display: block; position:absolute; top: 50%; margin-top: -1px; right:20px; } .toggle-title .hor:after, .toggle-title .ver:after { content: ""; width: 10px; height: 2px; display: block; position:absolute; opacity: 1; background-color: #ccc; } .toggle-title .ver:after { width: 2px; height: 10px; } .toggle-title.active .hor, .toggle-title.active .ver { opacity: 1; } .toggle-title.active .hor:after, .toggle-title.active .ver:after { opacity: 0; } .toggle-title .ver { width: 2px; height: 10px; top: 50%; margin-top: -5px; right:24px; } .toggle-title.active .toggle-title-header { position: relative; } .toggle-title .arrow:after { width: 2px; height: 10px; margin-top: -5px; margin-left: -1px; } .toggle-title.active .arrow:after { display: none; } .nz-accordion .toggle-content { padding:30px; margin-bottom: 0px; background-color: #fff; border: 1px solid #eee; border-top: none; border-bottom: none; } .nz-accordion .toggle-content:last-child { border-bottom: 1px solid #eee; } /* TIMER /*=============*/ .nz-timer ul {list-style: none;margin: 0;} .nz-timer li { width:100%; display: block; text-align: center; position: relative; margin-bottom: 0px; padding: 15px; } .nz-timer li .timer-wrap { width:150px; margin: 0 auto; } .nz-timer span { display: block; margin: 0 auto; font-size:56px; line-height:66px; color: #333; position: relative; } .nz-timer p { font-size: 14px; line-height: 24px; padding-top: 10px; color: #999999; text-transform: uppercase; } /* ALERT MESSAGE /*=============*/ .alert { padding:20px 70px 20px 20px; position: relative; border-width:2px; border-style: solid; border-radius: 3px; margin-bottom: 25px; } .alert.note { border-color:#e0e0e0; background: #fff; } .alert.success { border-color:#b5e655; background: #c8f372; color: #759b2b; } .alert.warning { border-color:#f4c100; background: #fed969; color: #ba931b; } .alert.error { border-color:#ff573a; background: #fea595; color: #9f2b17; } .alert.information { border-color:#3b99d4; background: #81c5f0; color: #1e618b; } .alert .close-alert { position: absolute; top: 50%; right: 20px; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; margin-top: -15px; } .alert.note .close-alert {color: #777;} .alert.success .close-alert {color: #768c40;} .alert.warning .close-alert {color: #b48a4e;} .alert.error .close-alert {color: #8e4438;} .alert.information .close-alert {color: #225f87;} /* ICON-PROGRESS-BAR /*=============*/ .nz-icon-progress { width: 100%; margin-bottom: 10px; text-align: center; } .nz-icon-progress, .nz-icon-progress.center { text-align: center; } .nz-icon-progress.left { text-align: left; } .nz-icon-progress.right { text-align: right; } .nz-icon-progress span.icon { margin: 0 10px 10px 0; background-color: #fafafa; color: #999999; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; font-size:18px; text-align: center; display: inline-block; } .nz-icon-progress span.icon:last-child {margin-right: 0;} /* PROGRESS /*=============*/ .nz-progress { width: 100%; max-width: 100%; padding-top: 1px; } .nz-progress .bar { margin-bottom: 35px; } .nz-progress .bar-line { background-color: #c4c4c4; background-repeat:repeat; background-position:0 0; width: 100%; height: 5px; border-radius: 0px; position: relative; } .nz-progress .nz-line { height: inherit; text-align:right; visibility: hidden; position: relative; border-radius: 0px; } .bar-text { position: relative; } .nz-progress .progress-percent, .nz-progress .progress-title { display:block; line-height: inherit; font-size: inherit; color: #333; font-size: 16px; line-height: 36px; } .nz-progress .progress-percent { position: absolute; left:0; top: 50%; visibility: hidden; opacity: 0; width: 46px; text-align: center; -webkit-transition-delay:100ms; -webkit-transition-property:opacity; transition-delay:100ms; transition-property:opacity; -webkit-transform:translate(-50%, -60%); -ms-transform:translate(-50%, -60%); transform:translate(-50%, -60%); border-radius: 3px; background-color: #333; color: #fff; font-size: 12px; line-height: 24px; } .nz-progress .progress-percent:before { display: block; content: ""; position: absolute; left: 50%; bottom:-5px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #333 transparent transparent transparent; } .nz-progress .progress-percent.visible { opacity: 1; } .nz-progress .progress-percent:after { display: inline-block; content: "%"; line-height: inherit; font-size: inherit; } /* CIRCLE PROGRESS /*=============*/ .nz-circle-progress, .nz-circle-progress.center { text-align: center; } .nz-circle-progress.left { text-align: left; } .nz-circle-progress.right { text-align: right; } .js .nz-circle { opacity: 0; } .nz-circle { height: auto; display: block; display: inline-block; width: 240px; margin:0 0px 25px 0px; padding: 0 15px; position: relative; } .nz-circle .circle { position: relative; text-align: center; width: inherit; font-weight: bold; margin: 0 auto; font-size: 3em; display: table; } .nz-circle .circle canvas { position: absolute; top: 0; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .circle-counter-percentage { font-weight: bold; } .nz-circle .title { display: table-cell; text-align: center; vertical-align: middle; margin-top: 0px; padding: 0 35px 0 35px; font-size: 42px; line-height: 64px; } .nz-circle .circle-data:not(:empty) { padding-top: 10px; } /* CLIENTS /*=============*/ .nz-clients { margin-left: -5px; margin-right: -5px; padding-left:40px; padding-right: 40px; } .nz-clients .client a { display: block; text-decoration: none; } .nz-clients .client { text-align: center; margin: 0 5px; } .nz-clients .client-inner { height: 150px; line-height:150px; -webkit-transition: all 0.4s; transition: all 0.4s; box-shadow: inset 0 0 0 2px rgba(0,0,0,0.1); } .nz-clients[data-columns="6"] { height: 100px; line-height:100px; } .nz-clients .client-inner a { display:block; position: relative; -webkit-transition: all 0.4s; transition: all 0.4s; } .nz-clients .client-inner a:hover { opacity: 0.7; } .nz-clients .client img { margin-bottom: 0; vertical-align: middle; max-height: 80%; max-width: 80%; } .nz-clients .owl-controls .owl-buttons { right: 5px; } .nz-clients .owl-controls .owl-buttons { width: 100%; top: 50%; margin-top: -20px; left: 0; right: 0; } .nz-clients .owl-controls .owl-buttons div { box-shadow: none; color: #fff !important; } .nz-clients .owl-controls .owl-buttons div:last-child { float: right; } /* PERSONS /*=============*/ .nz-persons { margin-right: -15px; margin-left: -15px; } .nz-persons .person { width: 100%; margin-bottom:30px; padding-left: 15px; padding-right: 15px; position: relative; overflow: hidden; text-align: center; } .nz-persons .person .img { margin:0 auto; position: relative; } .nz-persons .person-body { text-align: center; border-top: none !important; padding: 25px 20px 20px 20px; width: 100%; position: relative; z-index: 10; -webkit-transition: all 300ms ease; transition: all 300ms ease; box-shadow:inset 0 0 0 1px #eee; } .nz-persons .person .name { font-size: 18px; line-height: 28px; position: relative; color: #333; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .nz-persons .person .name:hover { color: #999; } .nz-persons .person .title { font-size: 16px; line-height: 26px; color: #bbb; padding: 0; position: relative; font-style: italic; } .nz-persons .social-links { margin-top: 15px; } #nz-content .nz-persons .social-links a { width: 30px; height: 30px; border-radius: 3px; margin: 0 5px 5px 0; color: #bbb !important; background-color: #fafafa !important; font-size: 14px; line-height: 30px; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; border:none !important; box-shadow: none !important; } #nz-content .nz-persons .social-links a:hover { color: #333 !important; } /* POPUP /*=============*/ .nz-popup { display: inline-block; position: relative; z-index: 999; width: 24px; height: 24px; line-height: 24px; border-radius: 24px; cursor: pointer; text-align: center; font-size:8px; } .nz-popup-border { display: block; position: absolute; left: -13px; top: -13px; margin: 0 auto; border-radius: 100px; background-color: transparent; opacity: 0.1; width: 50px; height: 50px; border-width:3px; border-style: solid; border-radius: 100px; -webkit-animation: plusAnim 1.5s linear infinite; -moz-animation: plusAnim 1.5s linear infinite; animation: plusAnim 1.5s linear infinite; } .nz-popup:before { color: #ffffff; } @-webkit-keyframes plusAnim { 0% {-webkit-transform: scale(0,0); opacity: 0;} 8% {-webkit-transform: scale(0,0); opacity: 0;} 15% {-webkit-transform: scale(0.1,0.1); opacity: 1;} 30% {-webkit-transform: scale(0.5,0.5); opacity: 1;} 100% {-webkit-transform: scale(1,1);opacity: 0; } } @-moz-keyframes plusAnim { 0% {-moz-transform: scale(0,0); opacity: 0;} 8% {-moz-transform: scale(0,0); opacity: 0;} 15% {-moz-transform: scale(0.1,0.1); opacity: 1;} 30% {-moz-transform: scale(0.5,0.5); opacity: 1;} 100% {-moz-transform: scale(1,1);opacity: 0; } } @-ms-keyframes plusAnim { 0% {-ms-transform: scale(0,0); opacity: 0;} 8% {-ms-transform: scale(0,0); opacity: 0;} 15% {-ms-transform: scale(0.1,0.1); opacity: 1;} 30% {-ms-transform: scale(0.5,0.5); opacity: 1;} 100% {opacity: 0; -ms-transform: scale(1,1);} } @keyframes plusAnim { 0% {transform: scale(0,0); opacity: 0;} 8% {transform: scale(0,0); opacity: 0;} 15% {transform: scale(0.1,0.1); opacity: 1;} 30% {transform: scale(0.5,0.5); opacity: 1;} 100% {transform: scale(1,1);opacity: 0; } } /* MEDIA SLIDER /*=============*/ .nz-media-slider { margin: 0; padding: 0; position: relative; overflow: hidden; } .nz-media-slider .slides { list-style:none; margin: 0; padding: 0; } .nz-media-slider .slides > li { display: none; -webkit-backface-visibility: hidden; margin: 0; padding: 0; } .nz-media-slider .slides > li > * {margin: 0;} .nz-media-slider .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] .nz-media-slider .slides {display: block;} * html .nz-media-slider .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flex-viewport { max-height: 2000px; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .nz-media-slider .loading .flex-viewport {max-height: 300px;} .nz-media-slider .flex-direction-nav { list-style: none; margin: 0; height: 0; } /* Control Nav */ .nz-media-slider .flex-control-nav { width: 100%; text-align: center; list-style: none; z-index: 50; margin: 0; opacity: 1; padding:15px 0 15px 0; position: absolute; bottom: 0; left: 0; } .nz-media-slider .flex-control-nav li { margin: 0 4px; display: inline-block; } .nz-media-slider .flex-control-paging li a { display:inline-block; width:8px; height:8px; border-radius: 8px; background-color:rgba(255,255,255,0.5); cursor: pointer; margin: 0 5px 0px 0; -webkit-transition: all 0.3s; transition: all 0.3s; text-indent: 100%; overflow: hidden; cursor: pointer; } .nz-media-slider .flex-direction-nav a { position:absolute; top: 50%; left:-40px; margin-top: -20px; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: rgba(255,255,255,0.5); opacity: 0; display: block; z-index: 5; } .nz-media-slider .flex-direction-nav a.flex-next { left:auto; right:-40px; } .nz-media-slider:hover .flex-direction-nav a.flex-next{right:15px;opacity: 1;} .nz-media-slider:hover .flex-direction-nav a.flex-prev{left:15px;opacity: 1;} .nz-media-slider .flex-direction-nav a:before { display: block; top: 0; left: 0; height: inherit; width: inherit; font-size: 16px; line-height: 40px !important; content: "\e910"; color: #ffffff; } .nz-media-slider .flex-direction-nav a.flex-next:before { content: "\e913"; } /* PRICING TABLE /*=============*/ .nz-pricing-table:after { content: ""; display: table; clear: both; } .nz-pricing-table > .column { width: 100%; margin-bottom: 25px; text-align: center; } .nz-pricing-table > .column .title { width: 100%; max-width: 100%; margin:0 auto 0 auto; font-size: 18px; line-height: 28px; position: relative; z-index: 6; padding: 20px 0; } .nz-pricing-table > .column .tariff { margin-top: 10px; display: block; color:#999; font-size: 16px; line-height: 26px; font-style: italic; text-align: center; } .nz-pricing-table > .column.highlight-true .tariff, .nz-pricing-table > .column.highlight-true .price { color:#fff !important; } .nz-pricing-table > .column img { margin-top: 25px; } .nz-pricing-table > .column .pricing { padding: 30px 20px 30px 20px; background-color: #f9f9f9; text-align: center; display: table; width: 100%; position: relative; } .nz-pricing-table > .column .column-inner { border:1px solid #e0e0e0; padding: 0px; overflow: hidden; background-color: #fff; } .nz-pricing-table > .column .pricing .plan { font-weight: 400; } .nz-pricing-table .c-body { padding-top: 25px; padding-bottom: 25px; } .nz-pricing-table .c-row { padding:5px 0px; font-size: 14px; line-height: 24px; position: relative; } .nz-pricing-table .price { font-size: 42px; line-height: 42px; display: inline-block; } .nz-pricing-table .c-foot { padding: 0px 20px 20px 20px; } .nz-pricing-table .button { margin: 0; border-radius: 3px; } /* PROJECTS /*=============*/ .blog-layout-wrap, .shop-layout-wrap, .projects-layout-wrap { padding: 70px 0 70px 0; background-color: #ffffff; } .small-image-nogap.projects-layout-wrap.filter-false, .medium-image-nogap.projects-layout-wrap.filter-false, .tax-projects-tag .small-image-nogap.projects-layout-wrap, .tax-projects-category .small-image-nogap.projects-layout-wrap, .tax-projects-tag .medium-image-nogap.projects-layout-wrap, .tax-projects-category .medium-image-nogap.projects-layout-wrap, .tax-projects-tag .small-image.projects-layout-wrap, .tax-projects-category .small-image.projects-layout-wrap, .tax-projects-tag .medium-image.projects-layout-wrap, .tax-projects-category .medium-image.projects-layout-wrap, .tax-projects-tag .large-image.projects-layout-wrap, .tax-projects-category .large-image.projects-layout-wrap { padding-top: 0; } .single .shop-layout-wrap.nopadding-true{ padding-bottom: 0px; } .projects-layout-wrap.navigation-false { padding-bottom: 0; } .single .projects-layout-wrap { padding: 70px 0 30px 0 !important; } .single .nz-related-projects { padding: 50px 0 50px 0; } .loop .projects-layout { position: relative; } .loop .small-image.projects-layout, .loop .medium-image.projects-layout, .loop .large-image.projects-layout, .loop .small-standard.projects-layout, .loop .medium-standard.projects-layout, .loop .large-standard.projects-layout, .nz-recent-projects.small-image, .nz-recent-projects.medium-image, .nz-recent-projects.large-image, .nz-recent-projects.small-standard, .nz-recent-projects.medium-standard, .nz-recent-projects.large-standard { margin-left: -15px; margin-right: -15px; padding-bottom: 35px; } .loop .small-image .projects, .loop .medium-image .projects, .loop .large-image .projects, .loop .small-standard .projects, .loop .medium-standard .projects, .loop .large-standard .projects, .nz-recent-projects.small-image .projects, .nz-recent-projects.medium-image .projects, .nz-recent-projects.large-image .projects, .nz-recent-projects.small-standard .projects, .nz-recent-projects.medium-standard .projects, .nz-recent-projects.large-standard .projects { padding: 0 15px 30px 15px; } .loop .projects-layout .projects, .nz-recent-projects .projects { overflow: hidden; max-width: 100%; margin-bottom: 0px; display: block; } .loop .projects-layout .projects-post { -webkit-transition: opacity 300ms; transition: opacity 300ms; opacity: 1; } .loop .small-standard .projects .ninzio-overlay, .loop .medium-standard .projects .ninzio-overlay, .loop .large-standard .projects .ninzio-overlay, .nz-recent-projects.small-standard .projects .ninzio-overlay, .nz-recent-projects.medium-standard .projects .ninzio-overlay, .nz-recent-projects.large-standard .projects .ninzio-overlay { background-color: rgba(0,0,0,0.4); } .nz-related-products-separator { position: relative; text-align: center; margin-top:70px; } .nz-related-products-separator:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -0.5px; content: ""; background-color: #e0e0e0; } .nz-related-products-separator h3 { display: inline-block; z-index: 10; position: relative; margin: 0; padding:5px 10px; background-color: #e0e0e0; text-transform: uppercase; color: #fff; font-size: 14px; line-height: 24px; } .nz-related-products-separator h3:after, .nz-related-products-separator h3:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; top: 0; } .nz-related-products-separator h3:before { left: -10px; border-width: 0 0 34px 10px; border-color: transparent transparent #e0e0e0 transparent; } .nz-related-products-separator h3:after { right: -10px; border-width: 34px 10px 0 0; border-color: #e0e0e0 transparent transparent transparent; } .nz-related-products .product { padding-bottom: 20px; margin-bottom: 0px !important; } .loop .small-image .projects .nz-thumbnail a, .loop .medium-image .projects .nz-thumbnail a, .loop .large-image .projects .nz-thumbnail a, .loop .small-image-nogap .projects .nz-thumbnail a, .loop .medium-image-nogap .projects .nz-thumbnail a, .nz-recent-projects.small-image .nz-thumbnail a, .nz-recent-projects.medium-image .nz-thumbnail a, .nz-recent-projects.large-image .nz-thumbnail a, .nz-recent-projects.small-image-nogap .nz-thumbnail a, .nz-recent-projects.medium-image-nogap .nz-thumbnail a, .nz-related-projects .nz-thumbnail a { display: block; } .loop .small-image .projects .project-title, .loop .medium-image .projects .project-title, .loop .large-image .projects .project-title, .loop .small-image-nogap .projects .project-title, .loop .medium-image-nogap .projects .project-title, .nz-recent-projects.small-image .project-title, .nz-recent-projects.medium-image .project-title, .nz-recent-projects.large-image .project-title, .nz-recent-projects.small-image-nogap .project-title, .nz-recent-projects.medium-image-nogap .project-title, .nz-related-projects .project-title { position: absolute; bottom: -100%; left: 0; width: 100%; color: #fff; padding: 0px; margin-bottom: 0; -webkit-transition: bottom 300ms; transition: bottom 300ms; z-index: 20; font-size: 18px; line-height: 28px; text-align: left; } .loop .small-image .projects .project-title:after, .loop .medium-image .projects .project-title:after, .loop .large-image .projects .project-title:after, .loop .small-image-nogap .projects .project-title:after, .loop .medium-image-nogap .projects .project-title:after, .nz-recent-projects.small-image .project-title:after, .nz-recent-projects.medium-image .project-title:after, .nz-recent-projects.large-image .project-title:after, .nz-recent-projects.small-image-nogap .project-title:after, .nz-recent-projects.medium-image-nogap .project-title:after, .nz-related-projects .project-title:after { display: block; content: ""; width: 12px; height: 12px; margin-top: -6px; top: 50%; right: 15px; position: absolute; background-image: url(images/arrow_right_white.png); background-position: center center; background-repeat: no-repeat; z-index: 2; } .loop .small-image .projects .nz-thumbnail:hover .project-title, .loop .medium-image .projects .nz-thumbnail:hover .project-title, .loop .large-image .projects .nz-thumbnail:hover .project-title, .loop .small-image-nogap .projects .nz-thumbnail:hover .project-title, .loop .medium-image-nogap .projects .nz-thumbnail:hover .project-title, .nz-recent-projects.small-image .nz-thumbnail:hover .project-title, .nz-recent-projects.medium-image .nz-thumbnail:hover .project-title, .nz-recent-projects.large-image .nz-thumbnail:hover .project-title, .nz-recent-projects.small-image-nogap .nz-thumbnail:hover .project-title, .nz-recent-projects.medium-image-nogap .nz-thumbnail:hover .project-title, .nz-related-projects .projects .nz-thumbnail:hover .project-title { bottom: 0; -webkit-transition: bottom 300ms; transition: bottom 300ms; } .loop .small-image .projects .project-title a, .loop .medium-image .projects .project-title a, .loop .large-image .projects .project-title a, .loop .small-image-nogap .projects .project-title a, .loop .medium-image-nogap .projects .project-title a, .nz-recent-projects.small-image .project-title a, .nz-recent-projects.medium-image .project-title a, .nz-recent-projects.large-image .project-title a, .nz-recent-projects.small-image-nogap .project-title a, .nz-recent-projects.medium-image-nogap .project-title a, .nz-related-projects .project-title a { color: #fff !important; display: block; padding: 15px; position: relative; z-index: 15; } .loop .small-image .projects .nz-overlay-before, .loop .medium-image .projects .nz-overlay-before, .loop .large-image .projects .nz-overlay-before, .loop .small-image-nogap .projects .nz-overlay-before, .loop .medium-image-nogap .projects .nz-overlay-before, .nz-recent-projects.small-image .nz-overlay-before, .nz-recent-projects.medium-image .nz-overlay-before, .nz-recent-projects.large-image .nz-overlay-before, .nz-recent-projects.small-image-nogap .nz-overlay-before, .nz-recent-projects.medium-image-nogap .nz-overlay-before, .nz-related-projects .nz-overlay-before { display: none; } .loop .projects-category, .nz-related-projects .projects-category, .nz-recent-projects .projects-category { position: absolute; bottom: -100%; left: 0; width: 100%; padding: 15px 15px 15px 15px; color: #fff; margin-bottom: 0; z-index: 20; font-size: 12px; line-height: 22px; } .loop .small-standard .project-details, .loop .medium-standard .project-details, .loop .large-standard .project-details, .nz-recent-projects.small-standard .project-details, .nz-recent-projects.medium-standard .project-details, .nz-recent-projects.large-standard .project-details { padding: 25px 20px; text-align: center; background-color: #ffffff; } .loop .small-standard .project-title, .loop .medium-standard .project-title, .loop .large-standard .project-title, .nz-recent-projects.small-standard .project-title, .nz-recent-projects.medium-standard .project-title, .nz-recent-projects.large-standard .project-title { position: relative; bottom: auto; padding: 0px; color: #333 !important; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; font-size: 20px; line-height: 30px; text-transform: none; } .loop .small-standard .projects-category, .loop .medium-standard .projects-category, .loop .large-standard .projects-category, .nz-recent-projects.small-standard .projects-category, .nz-recent-projects.medium-standard .projects-category, .nz-recent-projects.large-standard .projects-category { position: relative; bottom: auto; padding: 0px; color: #999 !important; font-style: italic; font-size: 16px; line-height: 26px; } .loop .small-standard .project-title a, .loop .medium-standard .project-title a, .loop .large-standard .project-title a, #nz-content .nz-recent-projects.small-standard .project-title a, #nz-content .nz-recent-projects.medium-standard .project-title a, #nz-content .nz-recent-projects.large-standard .project-title a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; } .loop .small-standard .projects-category a, .loop .medium-standard .projects-category a, .loop .large-standard .projects-category a, #nz-content .nz-recent-projects.small-standard .projects-category a, #nz-content .nz-recent-projects.medium-standard .projects-category a, #nz-content .nz-recent-projects.large-standard .projects-category a { color: #999; -webkit-transition: all 0.3s; transition: all 0.3s; } .nz-related-projects h3 { font-size: 20px; line-height: 30px; text-align: center; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #eee; text-transform: uppercase; } .single .projects-head { padding-bottom: 25px; margin-bottom: 40px; border-bottom: 1px solid #e0e0e0; position: relative; } .single .projects-head .project-title { font-size: 26px; line-height: 36px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0; text-align: center; } .single .projects-head .projects-navigation { position: absolute; height: 40px; width: 100%; top: 0; right: 0; } .single .projects-head .projects-navigation > a { display: inline-block; width: 40px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; font-size: 15px; background-color: rgba(0,0,0,0.8); -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; color: #eee !important; text-transform: uppercase; position: relative; } .single .projects-head .projects-navigation > a[rel="next"] { float: right; } .single .projects-head .projects-navigation > a.icon-arrow-left10:before { position: relative; left: -1px; } .single .projects-head .projects-navigation > a.icon-uniE91B:before { position: relative; right: -1px; } .single .projects-head .projects-navigation > a:hover { background-color: rgba(0,0,0,1); } .projects-description-title { font-size: 18px; line-height: 28px; color: #777; } .single .project-excerpt { font-size: 14px; line-height: 24px; padding-top: 10px; } .single .projects .post-social-share { background-color: #fff; margin:25px 0; } .projects-tags { padding-top: 25px; margin-top: 5px; border-top: 1px dotted #c0c0c0; } .projects-tags a { margin-right:2px !important; } .project-content { padding:50px 0px 20px 0px; } .single .single-details { background-color: #f7f7f7; padding: 47px 30px; } .single-projects .main-content:before { display: none; } .single-projects .single-details .button { color: #333 !important; margin-bottom: 0px; } .single-projects .single-details .button:hover { color: #fff !important; } .single-projects .post-gallery .flex-direction-nav { position: absolute; top: 20px; right: 50px; z-index: 15; width: 85px; height: 40px; } .single-projects .post-gallery .flex-direction-nav li { width: 40px; height: 40px; display: block; float: left; } .single-projects .post-gallery .flex-direction-nav li:first-child { margin-right: 5px; } .single-projects .post-gallery .flex-direction-nav li a { display: block; background-color: rgba(255,255,255,0.2); width:40px; height: 40px; line-height: 42px; text-align: center; color: #fff !important; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .project-social-link-share { position: relative; width: 100%; text-align: right; top: -25px; } .project-social-link-share .social-links-share, .project-social-link-share .social-links { width: 26px; height: 26px; line-height: 26px; border-radius: 26px; display: inline-block; vertical-align: top; } .project-social-link-share .social-links { width: auto; } .project-social-link-share .social-links-share { cursor: pointer; color: #ccc; -webkit-transition: all 300ms ease; transition: all 300ms ease; text-align: center; } .project-social-link-share .social-links-share:hover { color: #999; } .project-social-link-share .social-links a { width: 26px; height: 26px; line-height: 26px; border-radius: 26px; font-size: 14px; text-align: center; color: #ccc !important; background-color: transparent !important; margin: 0; -webkit-transition: color 300ms ease-out, opacity 300ms ease-out, -webkit-transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: color 300ms ease-out, opacity 300ms ease-out, transform 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; } .project-social-link-share .social-links a:hover { background-color: transparent !important; } .project-social-link-share .social-links a:nth-child(5) { -webkit-transition-delay: 0; transition-delay: 0; } .project-social-link-share .social-links a:nth-child(4) { -webkit-transition-delay: 70ms; transition-delay: 70ms; } .project-social-link-share .social-links a:nth-child(3) { -webkit-transition-delay: 90ms; transition-delay: 90ms; } .project-social-link-share .social-links a:nth-child(2) { -webkit-transition-delay: 110ms; transition-delay: 110ms; } .project-social-link-share .social-links a:nth-child(1) { -webkit-transition-delay: 130ms; transition-delay: 130ms; } .project-social-link-share .social-links a.animated { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; } .project-social-link-share .social-links a.icon-rss:hover {color:#fba933 !important;} .project-social-link-share .social-links a.icon-facebook:hover {color:#607bb3 !important;} .project-social-link-share .social-links a.icon-twitter:hover {color:#37bbf5 !important;} .project-social-link-share .social-links a.icon-skype:hover {color:#37bbf5 !important;} .project-social-link-share .social-links a.icon-googleplus:hover {color:#e74b32 !important;} .project-social-link-share .social-links a.icon-youtube:hover {color:#c63c39 !important;} .project-social-link-share .social-links a.icon-vimeo:hover {color:#2bc2f4 !important;} .project-social-link-share .social-links a.icon-linkedin:hover {color:#319cda !important;} .project-social-link-share .social-links a.icon-flickr:hover {color:#ee4086 !important;} .project-social-link-share .social-links a.icon-pinterest:hover {color:#db2e36 !important;} .project-social-link-share .social-links a.icon-instagram:hover {color:#5280a5 !important;} .project-social-link-share .social-links a.icon-apple:hover {color:#01aef3 !important;} .project-social-link-share .social-links a.icon-dribbble:hover {color:#eb4c89 !important;} .project-social-link-share .social-links a.icon-android:hover {color:#92b83e !important;} .project-social-link-share .social-links a.icon-behance:hover {color:#1b82dc !important;} .ninzio-filter .container { width: auto; margin: 0 auto; } /* POSTS /*=============*/ .blog-post-1 { -webkit-transition: all 0.3s; transition: all 0.3s; } .posts-fade-out { visibility: hidden; opacity: 0; } .loop .post, .nz-recent-posts .post { padding-bottom: 30px; position: relative; } .list .loop .post { padding-bottom: 50px; } .blog-post, .nz-recent-posts { position: relative; } .loop .blog-post .post-body, .nz-recent-posts .post-body { padding:40px 20px; text-align: center; width: 100%; display: table; vertical-align: middle; position: relative; } .standard .blog-post .post-body { text-align: left; } .list .loop .blog-post .post-body { background-color: #f7f7f7; } .small .loop .blog-post .post-body { padding:40px 0px; } .blog-post .post .nz-thumbnail, .nz-recent-posts .post .nz-thumbnail { overflow: initial; } .blog-post .post .post-date-full, .nz-recent-posts .post .post-date-full { position: absolute; bottom:-18px; left: 50%; margin-left: -60px; width: 120px; height: 36px; line-height: 36px; color: #fff; text-transform: uppercase; z-index: 85; text-align: center; } .list .blog-post .post .post-date-full { position: relative; top:auto; left:auto; margin-left:auto; margin-right:auto; margin-bottom: 25px; } .blog-post .post .post-date-full:after, .nz-recent-posts .post .post-date-full:after, .blog-post .post .post-date-full:before, .nz-recent-posts .post .post-date-full:before { display: block; content: ""; top: 0; left: -16px; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 0 36px 16px; } .blog-post .post .post-date-full:before, .nz-recent-posts .post .post-date-full:before { border-width: 36px 16px 0 0; left: auto; right: -16px; } .blog-post .post .post-title, .nz-recent-posts .post .post-title { margin: 0px 0 10px 0; font-size: 18px; line-height: 28px; } .post-date-full-list { display: none !important; } .list .blog-post .post .post-date-full-list { display: block !important; margin-bottom: 40px; } .blog-post .post .postmeta, .nz-recent-posts .postmeta { margin-bottom: 15px; } .blog-post .post .postmeta > *, .nz-recent-posts .postmeta > * { font-size: 16px; line-height: 26px; display: inline-block; } .single .blog-post .post .postmeta > *, .post .post-category a { -webkit-transition: all 0.3s; transition: all 0.3s; color: #999 !important; font-style: italic; } .blog-post .post .postmeta > *:not(:first-child), .nz-recent-posts .postmeta > *:not(:first-child) { position: relative; } .blog-post .post .postmeta > *:not(:first-child) { padding-left: 30px; } .blog-post .post .postmeta > *:not(:first-child):before { display: block; content: "/"; position: absolute; top:0px; left: 10px; background-color: transparent !important; } .single .blog-post .post .post-title { font-size: 34px; line-height: 44px; position: relative; margin-bottom:0px; padding-bottom:20px; } .single .blog-post .post .post-title:after { width: 70px; height:2px; left: 0; bottom: 0; position: absolute; content: ""; display: block; } .blog-post .post .post-title a, .nz-recent-posts .post .post-title a { color: inherit !important; -webkit-transition: all 0.3s; transition: all 0.3s; display: block; } .single-project-layout-whole .post-gallery { margin-bottom:40px; } .post-gallery { position: relative; } .post-gallery ul {margin: 0;list-style: none;} .post-gallery ul li {padding: 0;} .post-gallery .flex-direction-nav { width: 65px; text-align: center; list-style: none; z-index: 50; margin: 0; opacity: 1; position: absolute; top: 10px; right:10px; } .post-gallery .flex-direction-nav li { margin: 0px; display: inline-block; padding: 0; } .post-gallery .flex-direction-nav li:last-child a { margin-right: 0; } .post-gallery .flex-direction-nav li a { display:inline-block; width:30px; height:30px; background-color:rgba(0,0,0,0.1); line-height: 32px; cursor: pointer; margin: 0 5px 0px 0; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; cursor: pointer; color: #fff !important; font-size: 12px; } .post-gallery .flex-direction-nav li a.flex-prev span { position: relative; left: -1px; } .post-gallery .flex-direction-nav li a.flex-next span { position: relative; right: -1px; } .sticky-ind { display: inline-block; width: 40px; height: 40px; padding: 0 !important; background-image: url(images/pin.png); background-position:50% 40%; background-repeat:no-repeat; position: absolute; top: 0px; right: 15px; z-index: 15; background-color: rgba(0,0,0,0.5); } .standard .sticky-ind { background-position:50% 50%; } .post-audio {margin-bottom: 0px;} .post-video {margin-bottom: 0px;} .post.format-chat ul { list-style: none; margin: 0 0 10px 0; padding: 0; } .post.format-chat ul li { padding: 5px 0; } .post.format-chat ul li:after { content: ""; display: table; clear: both; } .post.format-chat ul li span.name { display:block; margin-right: 10px; margin-bottom: 10px; font-weight: 600; color: #999; } .post.format-chat ul li span.name:after { content: ": "; display: inline; } .post.format-chat ul li p { margin:0; display:inline-block; background-color: #f7f7f7; padding: 10px 20px; border-radius:0 5px 5px 5px; position: relative; } .post.format-chat ul li p:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: transparent transparent transparent #f7f7f7; position: absolute; left: 0; top: -7px; } .post.format-chat ul li:nth-child(2n+2) p { background-color: #f7f7f7; } .post.format-chat ul li:nth-child(2n+2) p:before { border-color: transparent transparent transparent #f7f7f7; } .status-author, .quote-author, .link-link { padding: 15px 0 0 0; font-size: 16px; line-height: 26px; letter-spacing: 3px; text-transform: uppercase; } .format-aside .single-post-content, .format-status .single-post-content, .format-quote .single-post-content { background-color: #f7f7f7; padding: 30px; font-family: georgia; font-size: 18px; line-height: 34px; font-style: italic; } .format-aside .single-post-content p:last-child, .format-status .single-post-content p:last-child, .format-quote .single-post-content p:last-child { margin: 0; } .post .post-excerpt { margin-bottom: 15px; font-size: 14px; line-height: 24px; } .post .post-more { text-transform: uppercase; font-size: 13px; display: inline-block; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; letter-spacing: 2px; color: #999999 !important; } .post .post-more:after { display: block; content: ""; width: 100%; height: 1px; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; background-color: #eee; -webkit-transition: all 0.3s; transition: all 0.3s; } .list .loop .post .post-more:after { background-color: #e0e0e0; } .post .post-more:hover:after { width: 50%; } .post .post-category { position: relative; color: #ccc !important; } .list .loop .post .post-category, .standard .loop .post .post-category { padding-left: 30px; background-image: url(images/category_icon.png); background-position: left 50%; background-repeat: no-repeat; } .loop .load-more { background-color: #fff; border:1px solid #e0e0e0; padding: 10px 25px; width: 100%; text-align: center; color: #999; text-transform: uppercase; font-weight: 700; display: block; } .nz-reletated-posts-sep, .post-comments-area .comments-title, .post-comments-area #respond #reply-title { padding-bottom: 20px; margin-bottom: 30px; margin-top:50px; position: relative; text-transform: uppercase; color: #bbb; font-size: 16px !important; letter-spacing: 2px; } .post-comments-area .comments-title, .post-comments-area #respond #reply-title { margin-left: 0px; margin-right: 0px; } .post-comments-area .comments-title { font-size: 20px; line-height: 30px; margin-left: 0px; margin-right: 0px; } .single .post-body { padding: 50px 0 0 0; position: relative; } .single .projects .post-body { padding: 0px; background-color: transparent; margin-bottom: 50px; } .single .project-details { padding: 20px 0; } .single .project-details ul { list-style: none; margin: 0; padding: 0; } .single .project-details ul li { padding: 4px 0px 4px 30px; margin-bottom: 3px; display: block; position: relative; } .single .project-details ul li:after { content: "\e6fe"; position: absolute; top: 50%; margin-top: -7px; left: 0px; width:16px; height: 16px; border-radius: 16px; line-height: 16px; font-size: 6px; display: block; text-align: center; color: #fff; } .single .related-posts .post-body { padding: 30px 20px; position: relative; min-height: auto; } .single .related-posts .post-title { font-size: 16px !important; line-height: 26px !important; padding: 0 !important; margin: 0 !important; text-align: center; color: #333; } .single .related-posts .post-date { font-size: 16px; line-height: 26px; font-style: italic; color: #999; text-align: left; padding-top: 15px; } .single .blog-post .post-social-share { width: 100%; margin-top: 30px; padding: 25px 0 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .single .post-social-share .social-links { overflow: inherit; height: auto; } .single .post-social-share .social-links a { margin: 0; width: 130px; border-radius: 0px; line-height: 36px; margin-bottom: -3px; } .single .post-social-share .social-links a span { display: inline-block; padding-left: 5px; } .single .post-social-share .social-links span { display: inline-block; vertical-align: top; } .post-social-share { display: inline-block; text-align: left; width: 100%; } .post-views, .post-likes { float:right; height: 36px; margin-top: 30px; } .post-views { padding-left: 20px; } .post-views, .post-likes, .post-likes a { color: #ccc !important; font-size: 13px; line-height: 36px; } .post-views .icon-eye4 { position: relative; bottom: -2px; padding-right: 3px; display: inline-block; font-size: 16px; color: #ccc; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .post-likes #dolike { font-size: 14px; } .single .post .post-social-share .share-label, .single .projects .post-social-share .share-label, .single .product .post-social-share .share-label { display: inline-block; line-height: 34px; padding-right: 15px; } .nz-related-products .post-social-share { display: none; } .post-social-share .social-links { height: 36px; } .post-social-share .social-links a { height: 36px; width: 36px; line-height: 36px; border-radius: 36px; } .post-social-share .social-links a, .post-social-share .social-links a:hover { color: #fff !important; } .post-social-share .social-links a.icon-facebook {border-color:#607bb3 !important;background-color:#607bb3 !important;} .post-social-share .social-links a.icon-twitter {border-color:#37bbf5 !important;background-color:#37bbf5 !important;} .post-social-share .social-links a.icon-googleplus {border-color:#e74b32 !important;background-color:#e74b32 !important;} .post-social-share .social-links a.icon-linkedin {border-color:#319cda !important;background-color:#319cda !important;} .post-social-share .social-links a.icon-pinterest {border-color:#db2e36 !important;background-color:#db2e36 !important;} .post-social-share .social-links a.icon-facebook:hover {border-color:#4c68a2 !important;background-color:#4c68a2 !important;} .post-social-share .social-links a.icon-twitter:hover {border-color:#29abe4 !important;background-color:#29abe4 !important;} .post-social-share .social-links a.icon-googleplus:hover {border-color:#d23b23 !important;background-color:#d23b23 !important;} .post-social-share .social-links a.icon-linkedin:hover {border-color:#2288c3 !important;background-color:#2288c3 !important;} .post-social-share .social-links a.icon-pinterest:hover {border-color:#c9232b !important;background-color:#c9232b !important;} .nz-load-more { text-align: center; height: 102px; padding-top: 50px; } .nz-load-more a {margin:0;outline: none;} .nz-load-more.clicked a {display: none;} .nz-load-more.clicked .nz-loader {display: block;} .nz-loader { display: none; font-size:10px; margin: 0 auto 0 auto; border-top: 3px solid rgba(0, 0, 0, 0.1); border-right: 3px solid rgba(0, 0, 0, 0.1); border-bottom: 3px solid rgba(0, 0, 0, 0.1); border-left: 3px solid rgba(0, 0, 0, 0.3); -webkit-animation: load8 0.3s infinite linear; animation: load8 0.3s infinite linear; } .nz-loader, .nz-loader:after { border-radius:40px; width:40px; height:40px; } .single .post-tags { padding-top: 50px; } .single .post-tags > * { margin-right: 5px; } .single .post-meta { position: relative; padding-bottom: 40px; } .single-category, .post-author, .post-comments { display: inline-block; color: #999; position: relative; } .single-category a, .post-comments a { color: #999 !important; -webkit-transition: all 300ms; transition: all 300ms; } .ninzio-nav-single { background-color: #fff; height: 40px; width: 100%; margin-top: 20px; position: relative; } .ninzio-nav-single > * { display: block; float: left; height: 40px; line-height: 40px; text-transform: uppercase; position: relative; color: #ccc !important; background-color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; } .ninzio-nav-single > *:hover { color: #333 !important; } .ninzio-nav-single > *[rel="prev"] {padding-left: 50px;} .ninzio-nav-single > *[rel="next"] {padding-right: 50px;text-align: right;} .ninzio-nav-single > *:after, .ninzio-nav-single > *:before { content: "\e914"; display: block; position: absolute; width: 24px; height: 24px; font-size: 24px; line-height: 24px; top: 50%; left: 16px; margin-top: -12px; } .ninzio-nav-single > *[rel="next"]:after, .ninzio-nav-single > *[rel="next"]:before { transform: rotate(180deg); } .ninzio-nav-single > *:after { left: 10px; } .ninzio-nav-single > *[rel="next"]:after, .ninzio-nav-single > *[rel="next"]:before { right: 16px; left: auto; } .ninzio-nav-single > *[rel="next"]:after { right: 10px; left: auto; } .ninzio-nav-single > :only-child { width: 100% !important; } .ninzio-nav-single > *:not(:only-child) { width: 50% !important; } .standard .loop .blog-post .post-body { background-color:transparent; padding:40px 0px; margin-bottom: 20px; border-bottom:1px solid #eee !important; box-shadow:none !important; } .standard .loop .blog-post .format-quote .post-body, .standard .loop .blog-post .format-status .post-body, .standard .loop .blog-post .format-link .post-body, .standard .loop .blog-post .format-aside .post-body { padding-top: 0; } .standard .loop .blog-post .format-quote .post-body .format-wrapper, .standard .loop .blog-post .format-status .post-body .format-wrapper, .standard .loop .blog-post .format-link .post-body .format-wrapper, .standard .loop .blog-post .format-aside .post-body .format-wrapper { padding:50px; } .standard .loop .blog-post .format-quote .post-body .format-wrapper > *, .standard .loop .blog-post .format-status .post-body .format-wrapper > *, .standard .loop .blog-post .format-link .post-body .format-wrapper > *, .standard .loop .blog-post .format-aside .post-body .format-wrapper > *, .standard .loop .blog-post .format-quote .post-body .format-wrapper h3, .standard .loop .blog-post .format-status .post-body .format-wrapper h3, .standard .loop .blog-post .format-link .post-body .format-wrapper h3, .standard .loop .blog-post .format-aside .post-body .format-wrapper h3 { color: #999 !important; } .standard .loop .blog-post .format-quote .post-body .format-wrapper > .post-excerpt, .standard .loop .blog-post .format-status .post-body .format-wrapper > .post-excerpt, .standard .loop .blog-post .format-link .post-body .format-wrapper > .post-excerpt, .standard .loop .blog-post .format-aside .post-body .format-wrapper > .post-excerpt { margin-bottom: 0px; font-size: 24px; line-height: 34px; font-style: italic; } .standard .loop .blog-post .post .post-title { font-size: 28px; line-height: 38px; } .standard .loop .sticky-ind { left: -65px; top: 92px; width: 66px; height: 66px; bottom: auto; right: auto; background-image: url(images/pin2.png); background-color: #f0f0f0; border-radius: 3px; } .standard .loop .sticky-ind:before, .standard .loop .sticky-ind:after { display: none; } .standard .loop .post .post-excerpt { margin-bottom: 25px; font-size: 14px; line-height: 24px; } .standard .loop .post .post-excerpt { margin-bottom: 25px; font-size: 14px; line-height: 24px; } .standard .post-date-custom, .standard .post-format-status { left: -65px; top: 0; padding: 16px 0px; width: 66px; display: block; position: absolute; z-index: 15; border-radius: 3px; } .standard .post-format-status { top: 92px; width: 66px; height: 66px; background-repeat: no-repeat; background-repeat: no-repeat; background-position: center center; } .standard .post-format-status + .sticky-ind { top: 168px; } .standard .post-format-status.format-standard {background-image: url(images/format-standard.png);} .standard .post-format-status.format-aside {background-image: url(images/format-aside.png);} .standard .post-format-status.format-audio {background-image: url(images/format-audio.png);} .standard .post-format-status.format-video {background-image: url(images/format-video.png);} .standard .post-format-status.format-gallery {background-image: url(images/format-gallery.png);} .standard .post-format-status.format-link {background-image: url(images/format-link.png);} .standard .post-format-status.format-quote {background-image: url(images/format-quote.png);} .standard .post-format-status.format-status {background-image: url(images/format-status.png);} .standard .post-format-status.format-chat {background-image: url(images/format-chat.png);} .standard .post-date-custom > span:first-child { font-size: 26px; line-height: 35px; height: 30px; display: block; text-align: center; color: #fff; } .standard .post-date-custom > span:last-child { font-size: 11px; line-height: 15px; height: 20px; text-transform: uppercase; display: block; text-align: center; color: #fff; } .standard .post-date-custom > span:first-child { font-size: 28px; line-height: 37px; } .standard .post-date-custom > span:last-child { font-size: 12px; line-height: 20px; } .standard .loop .blog-post .format-quote .post-body .format-wrapper, .standard .loop .blog-post .format-status .post-body .format-wrapper, .standard .loop .blog-post .format-link .post-body .format-wrapper, .standard .loop .blog-post .format-aside .post-body .format-wrapper { background-color: #f7f7f7; } /* COMMENTS /*=============*/ /* Comment form /*-------------*/ .post-comments-area { position: relative; padding-bottom: 50px; } .post-comments-area #respond { margin:20px 0 20px 0; } .post-comments-area .comment-navigation { margin-bottom: 20px; } .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, .post-comments-area .respond-textarea { display:block; width:100%; margin-bottom: 20px; } .post-comments-area .comment-form-author input, .post-comments-area .comment-form-email input, .post-comments-area .comment-form-url input, .post-comments-area .respond-textarea textarea { width: 100%; margin-bottom: 0; box-shadow:inset 0 0 3px rgba(0,0,0,0.1); } .post-comments-area .comment .comment-form-author input, .post-comments-area .comment .comment-form-email input, .post-comments-area .comment .comment-form-url input, .post-comments-area .comment .respond-textarea textarea { background-color: #ffffff !important; } .post-comments-area .comment-form-author input, .post-comments-area .comment-form-email input, .post-comments-area .comment-form-url input { height: 55px; line-height: 55px; } /* Comment list /*-------------*/ .comment-list ul.children { margin: 0; list-style:none; } .comment-list .comment { padding:30px; margin: 0 0 20px 0; width: 100%; position: relative; background-color: #fafafa; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .comment-list .comment.bypostauthor { background-color: #f9f9f9; } .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: 20px; min-width: 80px; } .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-size: 18px; font-weight: 400; color: #333; } .comment-meta .comment-date-time { display: inline-block; padding-top: 0px; padding-bottom: 10px; } .comment-meta { padding-right: 80px; } .comment-meta .replay { display:block; position: absolute; top: 20px; right: 20px; } .comment-meta .replay a { display: block; padding: 3px 18px 3px 18px; -webkit-transition: all 300ms; transition: all 300ms; position: relative; background-color: #ebebeb; text-transform: uppercase; text-align: center; font-size: 12px; color: #777 !important; } .comment-content .edit-link a {margin:10px 0px 0 0;color: #999 !important; } .comment-meta .comment-date-time a {color: #999 !important;} .post-comments-area a, .post-author-info-title a { -webkit-transition: all 300ms; transition: all 300ms; } /* WOO /*=============*/ /* General /*=============*/ .page-content .woocommerce {padding-bottom: 50px;} #nz-content .woocommerce {padding-bottom: 0px !important;} .woocommerce-checkout #nz-content .woocommerce {padding-bottom: 50px !important;} .shop-banner {margin-bottom: 30px;} .woocommerce-account .page-content .woocommerce { margin:0 auto 70px auto; } /* Loop /*=============*/ .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; } .shop-layout, .woocommerce .main-content { position: relative; } .woocommerce .main-content { margin-bottom: 0; } .woocommerce .page-title { display: none; } .woocommerce .products { position: relative; list-style: none; overflow: visible !important; margin: 0 auto 0 auto; } .woocommerce .product { position: relative; max-width: 100%; width: 100%; margin-bottom: 50px; padding-top: 0; } .nz-product-posts .product { padding-bottom: 0px; } .nz-product-posts .product > a { display: block; width: 100%; } .woocommerce .product img { z-index: 3; } .loop .products .product .product-body, .nz-recent-products .products .product .product-body, .nz-related-products .products .product .product-body { display: table; width: 100%; background-color: #fff; padding: 15px 25px 25px 25px; text-align: left; } .products .product .product-details { padding: 40px 25px 30px 25px; box-shadow: inset 0 0 0 1px #eee, 0 0 3px rgba(0,0,0,0.05); text-align: center; top: -1px; } .woocommerce .product .onsale { position: absolute; width: 60px; height: 60px; border-radius: 60px; line-height: 42px; text-align: center; color: #fff; top: 0px; left: 15px; z-index: 50; } .woocommerce .single-product-image .onsale { left: 0px; } .woocommerce .product .onsale:before { position: absolute; content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 70px 110px 0 0; z-index: -1; } .loop .products .product .product-title *, .nz-related-products .products .product .product-title *, .nz-recent-products .products .product .product-title * { display: inline-block; } .loop .products .product h3, .nz-related-products .products .product h3, .nz-recent-products .products .product h3 { font-size:18px; } .loop .products .product h3 a, .nz-related-products .products .product h3 a, .nz-recent-products .products .product h3 a { color: inherit; } .nz-recent-products .products .product h3 a { color: inherit !important; } .loop .products .product .price, .nz-related-products .products .product .price, .nz-recent-products .products .product .price { font-size: 22px; } .loop .products .product h3, .nz-related-products .products .product h3, .nz-recent-products .products .product h3 { line-height:26px; font-size: 16px; margin: 0; position: relative; -webkit-transition: all 0.3s; transition: all 0.3s; } .loop .products .product h3:hover, .nz-related-products .products .product h3:hover, .nz-recent-products .products .product h3:hover { color: #999; } .loop .products .product .price, .nz-related-products .products .product .price, .nz-recent-products .products .product .price { line-height:28px; font-size: 18px; padding-top: 5px; display: block; } .loop .products .product h3:after, .loop .products .product .price:after, .nz-related-products .products .product h3:after, .nz-related-products .products .product .price:after, .nz-recent-products .products .product h3:after, .nz-recent-products .products .product .price:after { content: ""; position: absolute; bottom: 9px; left:0px; width: 105%; height: 4px; z-index: -1; background-color: #fff; } .loop .products .product .price:after, .nz-related-products .products .product .price:after, .nz-recent-products .products .product .price:after { right: 0; left: auto; } .loop .products .product .star-rating, .nz-related-products .products .product .star-rating, .nz-recent-products .products .product .star-rating { margin: 20px 0 10px 0; } .js .loop .animation-true .product { opacity: 0 !important; -webkit-backface-visibility: hidden; } .js .loop .animation-true .product.css-animated { opacity: 1 !important; } .woocommerce .product .nz-thumbnail { overflow: hidden;-webkit-backface-visibility: hidden; } .woocommerce .cart-wrap { position:relative; min-height: 46px; height: 46px; margin-top: 10px; } .woocommerce .product .button, .woocommerce .product .added_to_cart, .woocommerce .product .product_type_external { display: inline-block; width: auto !important; border-radius: 100px; margin-bottom: 0; position: relative; padding: 10px 25px 12px 25px; font-size: 13px; line-height:24px; color: #999 !important; background-color: transparent !important; text-align: center; text-transform:none; z-index: 5; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; box-shadow:inset 0 0 0 1px #eee; outline: none; } .woocommerce .product .button:hover, .woocommerce .product .added_to_cart:hover, .woocommerce .product .product_type_external:hover { color: #333 !important; box-shadow:inset 0 0 0 1px #ccc; } .woocommerce .product .single-product-summary .button, .woocommerce .product .single-product-summary .added_to_cart, .woocommerce .product .single-product-summary .product_type_external { padding: 11px 25px 11px 55px; font-size: 12px; line-height:22px; box-shadow: none; border-radius: 0px; color: #fff !important; background-color:#333 !important; background-repeat: no-repeat; background-position: 15px 50%; background-image: url(images/cart_white.png); text-transform: uppercase; } .woocommerce .product .single-product-summary .button:hover, .woocommerce .product .single-product-summary .added_to_cart:hover, .woocommerce .product .single-product-summary .product_type_external:hover { background-color:#222 !important; } .woocommerce .product .single-product-summary .button[disabled="disabled"], .woocommerce .product .single-product-summary .added_to_cart[disabled="disabled"], .woocommerce .product .single-product-summary .product_type_external[disabled="disabled"] { background-image: url(images/cart.png); background-color: #f0f0f0 !important; color: #777 !important; } .woocommerce .product .single-product-summary .button:hover, .woocommerce .product .single-product-summary .added_to_cart:hover, .woocommerce .product .single-product-summary .product_type_external:hover { color: #fff !important; background-image: url(images/cart_white.png); box-shadow: none; } @-webkit-keyframes loadIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes loadIn { 0% {opacity: 0;} 100% {opacity: 1;} } .shop-loader { position: absolute; width: 100%; height: 46px; top: 0px; right: 0; z-index: 15; display: none; background-color: #ffffff; } .shop-loader:before { display: block; content: ""; position: absolute; top: 50%; left:50%; font-size:10px; margin: -18px 0 0 -18px; width:36px; height:36px; border-radius: 50%; border-left-color: white !important; border-right-color: white !important; animation: cssload-spin 300ms infinite linear; -o-animation: cssload-spin 300ms infinite linear; -ms-animation: cssload-spin 300ms infinite linear; -webkit-animation: cssload-spin 300ms infinite linear; -moz-animation: cssload-spin 300ms infinite linear; } @keyframes cssload-spin {100%{ transform: rotate(360deg); transform: rotate(360deg);}} @-o-keyframes cssload-spin {100%{ -o-transform: rotate(360deg); transform: rotate(360deg);}} @-ms-keyframes cssload-spin {100%{ -ms-transform: rotate(360deg); transform: rotate(360deg);}} @-webkit-keyframes cssload-spin {100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }} @-moz-keyframes cssload-spin {100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }} .woocommerce .product img { z-index: 3; width: 100%; } .woocommerce .hover-img { position: absolute; top: 0; left: 0; -webkit-transition: all 0.6s; transition: all 0.6s; -webkit-backface-visibility: hidden; opacity: 0; } .woocommerce .product .nz-thumbnail:hover .hover-img { opacity: 1; } .woocommerce .product del {color: #ccc;} .woocommerce .product .price { font-size:22px; } .woocommerce .single-product-summary .price { font-size: 28px; display: inline-block; } .woocommerce .single-product-summary div[itemprop="offers"] { display: inline-block; } .woocommerce .product del .amount { font-size:14px; font-weight:normal; color: #999; text-decoration: line-through; } .woocommerce .single-product-summary .stock { font-weight: 700; padding:0 0 15px 0; margin-bottom: 0; } .woocommerce .products .product-category a { display: block; color: transparent; overflow: hidden; } .woocommerce .category-details { box-shadow: inset 0 0 0 1px #eee, 0 0 3px rgba(0,0,0,0.05); padding: 30px 0; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .woocommerce .category-details mark { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .woocommerce .product:hover .category-details h3, .woocommerce .product:hover .category-details mark { color: #333 !important; } .woocommerce .category-details h3 { margin: 0; text-align: center; padding: 0 !important; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; font-size: 18px; line-height: 28px; } .woocommerce .products .product-category mark { background-color: transparent; } .woocommerce .products .product-category .cat-det h3 { padding-bottom: 0; padding-top: 25px; } .woocommerce-error { list-style: none; margin: 0; padding: 0; } .woocommerce-message, .woocommerce-info, .woocommerce-error li, .cart-empty { padding:20px; position: relative; margin-bottom: 50px; text-align: center; font-size: 14px; line-height: 36px; color: #999; background-color: #fafafa; } .woocommerce-error li { background-color: rgba(239, 147, 148, 0.16); color: #D2635F !important; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error li a, .woocommerce-message .button, .woocommerce-info .button { -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; text-transform: none; margin-bottom: 0; display: inline; margin-right: 5px; margin-left: 5px; padding: 10px 20px; color: #999 !important; box-shadow:inset 0 0 0 2px #ccc; background-color: transparent !important; } .woocommerce-error li a { color: #c90700 !important; box-shadow:inset 0 0 0 2px #c90700; } .woocommerce-message a:hover, .woocommerce-info a:hover, .woocommerce-error li a:hover { background-color:#ccc !important; color: #fff !important; } .woocommerce-error li a:hover { background-color:#c90700 !important; } .woocommerce label { display: block; margin-bottom: 5px; } .woocommerce input[type="radio"] + label { display:inline-block; } .woocommerce-ordering, .woocommerce-ordering select{ margin-bottom:50px; height: 50px; width: auto; } .product-category-body { width: 100%; background-color: #fff; padding: 25px; margin-bottom: 30px; text-align: center; } .product-category-body img { margin-bottom: 25px; } .product-category-body > * { vertical-align: middle; } .shop-layout .product-term-title, .nz-related-products-title { margin-bottom: 50px; position: relative; } .nz-related-products-title h3 { font-size: 16px; line-height: 26px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #eee; text-transform: uppercase; } /* Single product /*=============*/ .single-product-summary { background-color: #f7f7f7; padding: 47px 30px; } .single-image-content { position: relative; } .single-image-content > .ninzio-label { bottom: auto; top: 14px; right: 0px; } .single-product-image .nz-overlay-before { -webkit-transform:none; -ms-transform:none; transform:none; } .woocommerce.single .summary .product_title { margin-bottom: 15px; font-size: 28px; line-height: 38px; } .single-product-image, .woocommerce.single .products .product { position: relative; } .single-product-image { margin-bottom: 50px; text-align: center; } .single-product-image .images > a { pointer-events: none; } .single-product-image .thumbnails { text-align: center; margin-top: 10px; margin-left: -5px; margin-right: -5px; } .single-product-image .thumbnails:after { content: ""; display: table; clear: both; } .single-product-image .thumbnails > a { display: inline-block; text-decoration: none; width:100px; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; text-align: center; outline: none; } .single-product-image .thumbnails > a .nz-overlay-before { display: none; } .single-product-image .thumbnails > a:nth-child(3n+3) { margin-right: 0; } .single-product-image .thumbnails > a:last-child { margin-right: 0; } .woocommerce .single-product-summary [itemprop='description'] { padding: 15px 0 15px 0; } .woocommerce .single-product-summary [itemprop='description'] .description { margin-bottom: 25px; font-size: 14px; line-height: 24px; } .woocommerce .single-product-summary [itemprop='description'] > :last-child, .woocommerce .single-product-summary [itemprop='description'] > :only-child { margin-bottom: 0; } .woocommerce .single-product-summary form.cart { margin-bottom: 15px; padding-top: 35px; border-top: 1px solid #eee; } .woocommerce .quantity { display:block; } .woocommerce .quantity input { margin-bottom:10px; height: 42px; float: left; } .btn-3d .woocommerce .quantity input { height: 54px; top: -4px; } .woocommerce .quantity input[type="button"].minus, .woocommerce .quantity input[type="button"].plus { margin-right: 0; border-radius: 3px 0 0 3px; padding: 0px 5px 0px 5px; background-color: #f9f9f9; border:1px solid #e0e0e0; font-size:16px; color: #333; box-shadow: none; width: 25% !important; -webkit-transform: translateX(1px); -ms-transform: translateX(1px); transform: translateX(1px); font-weight: 400 !important; } .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; -webkit-transform: translateX(-1px); -ms-transform: translateX(-1px); transform: translateX(-1px); } .woocommerce .quantity input[type="number"] { border-radius: 0px; font-size: 16px; font-weight: 700; text-align: center; background-color: #ffffff; width: 60px !important; height: 44px; line-height: 44px; padding: 0; box-shadow: inset 0 0 0 1px #ccc; } .woocommerce .single-product-summary .product_meta { font-size: 16px;line-height: 26px; } .woocommerce .single-product-summary .product_meta a { -webkit-transition: all 0.3s; transition: all 0.3s; } .woocommerce .single-product-summary button { margin-bottom: 0; } .woocommerce .single-product-summary .product_meta, .comment-meta .comment-date-time { font-size: 16px; color: #777; } .woocommerce .single-product-summary .product_meta > * { display:inline-block; padding-bottom: 5px; position: relative; padding-left: 25px; padding-right: 28px; font-style: italic; } .woocommerce .single-product-summary .product_meta > *:before { display: block; content: "\e6b5"; position: absolute; left: 0; top: 0; width: 22px; height: 30px; margin-top: 0; color: #ccc; font-size: 14px; line-height: 27px; } .woocommerce .single-product-summary .product_meta > .tagged_as:before { content: "\e630"; } .woocommerce .single-product-summary .product_meta > :last-child { padding-bottom:0px; } .woocommerce .single-product-summary .product_meta a { -webkit-transition: all 0.3s; transition: all 0.3s; } .woocommerce-variation-description { padding-bottom:25px; font-size: 14px; line-height: 24px; } .woocommerce-tabs { margin: 70px auto 0 auto; width: 100%; } .woocommerce-tabs .tabs { display: table; list-style: none; margin-bottom: 0; width: 100%; } .woocommerce-tabs .tabs:after { content: ""; display: table; clear: both; } .woocommerce-tabs .tabs > li { display: block; text-align: center; color: #999; cursor: pointer; position: relative; font-size: 16px; background-color: #f7f7f7; border: 1px solid #e0e0e0; float: left; } .woocommerce-tabs .tabs > li.active { background-color: #ffffff; } .woocommerce-tabs .tabs > li:not(:first-child){ margin-left: -1px; } .woocommerce-tabs .tabs > li a { display: block; outline: none; position: relative; color: inherit; padding: 16px 30px; } .woocommerce-tabs .tabs > li.active a { z-index: 10; color: #333; } .woocommerce-tabs .tabs > li:before { content: ""; display: block; top: -1px; left: 0; width: 100%; height: 3px; position: absolute; opacity: 0; } .woocommerce-tabs .tabs > li.active:before { opacity: 1; } .woocommerce-tabs .tabs > li:after { display: block; bottom: -1px; left: 0; background-color: #f7f7f7; content: ""; width: 100%; height: 1px; position: absolute; } .woocommerce-tabs .tabs > li.active:after { bottom: -2px; height: 2px; background-color: #ffffff; } .woocommerce-tabs .panel { padding:70px 50px; border:1px solid #e0e0e0; } .woocommerce-tabs .shop_attributes { width: 100%; margin-bottom: 0; border-collapse: collapse; background-color: #ffffff; } .woocommerce-tabs .shop_attributes th, .woocommerce-tabs .shop_attributes td { border:1px solid #e0e0e0; padding: 10px; background-color: #fafafa; } .woocommerce-tabs .panel > h2, .woocommerce-tabs .panel > #reviews > #comments > h2 { margin-bottom: 15px; } .woocommerce-tabs .panel > #reviews textarea, .woocommerce-tabs .panel > #reviews input[type='text'], .woocommerce-tabs .panel > #reviews input[type='email'] { background-color: #fafafa; } .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; margin-bottom: 5px; padding:10px 20px 10px 30px; border-right:1px solid #eaeaea; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s; transition: all 0.3s; } .woocommerce-tabs .comment-form-rating .stars a:last-child { border-right: none; } .woocommerce-tabs .comment-form-rating .stars a:after { font-weight: 400; text-transform: none; font-size: inherit; line-height: inherit; position: absolute; top: 10px; left: 25px; text-indent: 0px; } .woocommerce-tabs .comment-form-rating .stars a.active { color: #333 !important; } .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: "\e85e";} .woocommerce-tabs .comment-form-rating .stars a.star-2:after {content: "\e85e\e85e";} .woocommerce-tabs .comment-form-rating .stars a.star-3:after {content: "\e85e\e85e\e85e";} .woocommerce-tabs .comment-form-rating .stars a.star-4:after {content: "\e85e\e85e\e85e\e85e";} .woocommerce-tabs .comment-form-rating .stars a.star-5:after {content: "\e85e\e85e\e85e\e85e\e85e";} .woocommerce-tabs .commentlist { margin: 0; list-style:none; } .woocommerce-tabs .commentlist .comment { padding:40px 30px; width: 100%; margin: 0 0 20px 0; width: 100%; background-color: #fafafa; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; position: relative; } .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; border-radius: 60px; 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; text-transform: uppercase; color: #333; } .woocommerce-tabs .commentlist .comment-text .description { margin-bottom: 0; } .woocommerce-tabs #reply-title { padding-bottom: 20px; margin-bottom: 20px; margin-top: 50px; position: relative; } /*rating*/ .woocommerce.single .woocommerce-product-rating { padding-bottom: 10px; margin-bottom: 10px; position: relative; } .woocommerce .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, .woocommerce-tabs .comment-form-rating .stars a { display:block; overflow: hidden; position: relative; height:14px; line-height:14px; font-size:14px; width: 70px; color:#f5be15; -webkit-transition: all 0.3s; transition: all 0.3s; } .woocommerce .single-product-summary .star-rating, .widget_rating_filter .star-rating { display: inline-block; } .site-widget-area .star-rating:before { color: rgba(255,255,255,0.2) !important; } .woocommerce-review-link { color:#999999; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; top: -3px; font-size: 16px; font-style: italic; } .woocommerce-tabs .comment-form-rating .stars a:hover, .woocommerce-review-link:hover { color:#333333; } .product-det .star-rating { margin: 20px auto 20px auto; } .woocommerce .comment-text .star-rating { float: right; } .woocommerce .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 .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: "\e85e\e85e\e85e\e85e\e85e"; color: #e0dadf; float: left; top: 0; left: 0; position: absolute; text-transform: none; font-size: inherit; line-height: inherit; } .woocommerce .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: "\e85e\e85e\e85e\e85e\e85e"; top: 0; position: absolute; left: 0; font-weight: 400; text-transform: none; font-size: inherit; line-height: inherit; } .woocommerce .hreview-aggregate .star-rating, .woocommerce-page .woocommerce-product-rating .hreview-aggregate .star-rating { margin: 10px 0 0 0; } .posted_in a, .tagged_as a { -webkit-transition: all 0.3s; transition: all 0.3s; } table.variations { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eaeaea; width: 100%; } table.variations select, table.variations input[type="text"] { height: 30px; line-height: 30px; background-color: #fff; border:1px solid #ccc !important; } .reset_variations { -webkit-transition: all 0.3s; transition: all 0.3s; color: #999; text-transform: uppercase; display: inline-block; margin-bottom: 5px; } table.variations label { height: 30px; line-height: 30px; margin: 0; font-size: 16px; } table.variations tr, table.variations td {padding: 0;} table.variations td.value { padding: 5px 0 0 10px; } table.variations tr:last-child td.label { vertical-align: top; padding-top: 3px; } .woocommerce-tabs .panel > h2, .woocommerce-tabs .panel > #reviews > #comments > h2, .related-products-title h3 { font-size: 16px; line-height: 26px; padding-bottom: 20px; margin-bottom: 40px; border-bottom: 1px solid #eee; text-transform: uppercase; letter-spacing: 2px; } .related-products-title h3 { text-align: center; } .woocommerce-tabs .panel > h2:before, .woocommerce-tabs .panel > #reviews > #comments > h2:before { left: 10px; bottom: -3px; } /* Cart /*=============*/ .woocommerce .shop_table.cart { width: 100%; max-width: 100%; border-collapse: collapse; background-color: #fff; } .woocommerce .shop_table.cart td:not(.actions), .woocommerce .shop_table.cart th { border: 1px solid #eeeeee; background-color: #ffffff; } .product-remove,.product-quantity,.product-price {text-align: center;} .woocommerce .shop_table.cart td.actions { border:none; } .woocommerce .shop_table.cart .product-remove a { display: inline-block; color: #999 !important; background-color: #f7f7f7; -webkit-transition: all 0.3s; transition: all 0.3s; width: 20px; height: 20px; line-height: 20px; margin:0; padding:0; font-size: 16px; text-align: center; } .woocommerce .shop_table.cart .product-remove a:hover { color: #333 !important; } .woocommerce .shop_table.cart .coupon label { display: none; } .woocommerce .shop_table.cart .coupon input[type="text"] { height: 50px; margin-right:15px; margin-bottom:7px; line-height: 50px; } .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; background-color: #fff; } .woocommerce .cart-collaterals .shipping_calculator select, .woocommerce .cart-collaterals .shipping_calculator input[type="text"] { width: 100%; } .product-name a { -webkit-transition: all 0.3s; transition: all 0.3s; } .woocommerce-cart .shop_table.cart .quantity { width: 70% !important; } .woocommerce .variation { padding: 0px; border-radius: 0px; border:none; margin: 0px; } .woocommerce .variation dt { width: 70px; display: inline-block; float: left; text-align: left; } .woocommerce .variation dd { margin: 0 !important; padding: 0 !important; display: inline-block; float: left; } .woocommerce .variation dd p {margin-bottom: 0;} .woo-cart .variation { display:block; } .woo-cart .variation > * { float: none !important; width: auto !important; } .woocommerce-account .variation { background-color: #ffffff; } .woocommerce dl dt:after { display: none; } #shipping_method {list-style: none;} /* Checkout /*=============*/ .select2-container .select2-choice { display: block; outline: 0; margin: 0 0 2px; text-align: left; vertical-align: top; height:50px; line-height: 50px; max-width: 100%; width: 100%; padding: 0px 20px !important; font-size: 16px; background-color: #eee !important; border:none; color: #999; border-radius: 0 !important; border: none; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all 300ms; transition: all 300ms; box-shadow: none; } .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 { background-color: #fff; border: 1px solid #f7f7f7; border-bottom: 0; padding: 10px; } .woocommerce .order_details > li:last-child { border-bottom: 1px solid #f7f7f7; } .woocommerce .order_details h3 { margin-top:25px; margin-bottom:15px; } .woocommerce .shop_table { border-collapse: collapse; width: 100%; margin-bottom: 50px; background-color: #fff; } .woocommerce .shop_table th, .woocommerce .shop_table td { border: 1px solid #eee; padding: 15px; } .woocommerce-account .shop_table th, .woocommerce-account .shop_table td { background-color: #fff; border: 1px solid #eee; } .woocommerce .customer_details { width: 100%; margin-bottom: 50px; } .woocommerce .customer_details dt, .woocommerce .customer_details dd { background-color: #fff; margin: 0; padding: 10px; vertical-align: middle; border-bottom: none; } .col2-set address { padding: 20px; background-color: #fff; border:1px solid #eee; } .woocommerce-account .col2-set address { background-color: #f7f7f7; } .payment_method_paypal img { display: none; } .woocommerce-order-received address, .woocommerce-account address { padding: 20px; border:1px solid #e0e0e0; background-color: #fff; } /* 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; } a.edit, a.view { text-transform: uppercase; color: #fff !important; padding: 10px 24px; font-size: 13px; line-height: 22px; text-align: center; display: inline-block; margin-bottom: 10px; -webkit-transition: all 300ms; transition: all 300ms; } .woocommerce-MyAccount-navigation { margin-bottom: 50px; } .woocommerce-MyAccount-navigation ul { list-style: none; margin:0; padding: 0; text-align: center; } .woocommerce-MyAccount-navigation ul li { display: inline-block; padding: 0; margin:0; } .woocommerce-MyAccount-navigation ul li a { display: block; padding: 10px 24px; font-size: 13px; line-height: 22px; outline: none; border: none; color: #999 !important; position: relative; display: inline-block; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; text-align: center; box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.1); background-color: transparent; -webkit-transition: all 300ms ease; transition: all 300ms ease; width: 100%; } .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li.is-active a { color: #333 !important; box-shadow:inset 0px 0px 0px 2px rgba(0,0,0,0.2); } /* 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, .widget_rating_filter ul { list-style: none; margin: 0; padding: 0; } .site-widget-area .widget_rating_filter a { color: #fff; } .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 { padding:20px 0; border-bottom: 1px solid #eeeeee; position: relative; } .site-widget-area .widget_shopping_cart .cart_list > li, .site-widget-area .widget_products .product_list_widget > li, .site-widget-area .widget_recently_viewed_products .product_list_widget > li, .site-widget-area .widget_recent_reviews .product_list_widget > li, .site-widget-area .widget_top_rated_products .product_list_widget > li { border-bottom: 1px solid #333; } .widget_shopping_cart .cart_list > li:last-child, .widget_products .product_list_widget > li:last-child, .widget_recently_viewed_products .product_list_widget > li:last-child, .widget_recent_reviews .product_list_widget > li:last-child, .widget_top_rated_products .product_list_widget > li:last-child { border-bottom: none; } .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 { -webkit-transition: all 0.3s; transition: all 0.3s; display: block; font-size: 18px; color:#777 !important; } .widget_shopping_cart .cart_list > li > a { font-size: 14px; } .woo-cart .widget_shopping_cart .cart_list > li > a { color: #999 !important; } .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; max-width:70px; height: auto; } .widget_products .product_list_widget .amount, .widget_recently_viewed_products .product_list_widget .amount, .widget_recent_reviews .product_list_widget .amount, .widget_top_rated_products .product_list_widget .amount { font-weight:400; font-size: 18px; } .widget_products .product_list_widget a, .widget_recently_viewed_products .product_list_widget a, .widget_recent_reviews .product_list_widget a, .widget_top_rated_products .product_list_widget a { display: block; } .widget_shopping_cart .quantity { width:auto !important; display: inline-block; font-weight: 700; } .widget_shopping_cart .total { margin-bottom: 25px; margin-top: 25px; } .widget_shopping_cart p.buttons { margin-bottom: 0; } .widget_shopping_cart p.buttons > a { background-color: transparent; -webkit-transition: all 300ms ease; transition: all 300ms ease; padding:8px 20px; font-size:12px; line-height: 22px; color: #fff; text-align: center; text-transform: uppercase; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-backface-visibility: hidden; } .sidebar .widget_shopping_cart p.buttons > a, .site-widget-area .widget_shopping_cart p.buttons > a { color: #999 !important; box-shadow: inset 0 0 0 1px #eee; border-radius: 200px; background-color: transparent !important; } .site-widget-area .widget_shopping_cart p.buttons > a { color: rgba(255,255,255,0.7) !important; border: 1px solid rgba(255,255,255,0.2); } .sidebar .widget_shopping_cart p.buttons > a:hover, .site-widget-area .widget_shopping_cart p.buttons > a:hover { color: #333 !important; box-shadow: inset 0 0 0 1px #ccc; } .site-widget-area .widget_shopping_cart p.buttons > a:hover { color: rgba(255,255,255,1) !important; box-shadow: inset 0 0 0 1px #fff; } .woo-cart .widget_shopping_cart p.buttons > a { width: 135px; display: block; float: left; } .widget_shopping_cart p.buttons > a + a { margin-left: 10px; } .widget_recent_reviews .star-rating, .widget_top_rated_products .star-rating { margin-top:5px; margin-bottom: 5px; } .widget_shopping_cart .cart_list .remove { display: block; position: absolute; top: 20px; right: 0px; width: 20px; height: 20px; line-height: 20px; color: #333; text-align: center; background-color:transparent; } .woo-cart .widget_shopping_cart .cart_list li:first-child .remove { top: 15px; } .widget_shopping_cart .cart_list .remove { color: #333 !important; } .widget_shopping_cart .cart_list .remove:hover { background-color: #eee !important; color: #333 !important; } /* Price filter /*----------------------*/ .widget_price_filter .price_slider{margin-bottom:25px;} .widget_price_filter .clear {clear: both;} .widget_price_filter .price_slider_amount .button { padding:10px 22px 10px 22px; font-size:13px; line-height:18px; top:auto; color: #fff; border-radius: 0; margin: 0; color: #999 !important; box-shadow: inset 0 0 0 1px #eee; border-radius: 200px; background-color: transparent !important; } .widget_price_filter .price_slider_amount .button:hover { color: #333 !important; box-shadow: inset 0 0 0 1px #ccc; } .widget_price_filter .price_slider_amount .price_label { padding:7px 22px 10px 22px; text-align: center; display: inline-block; } .widget_price_filter .ui-slider { position: relative; text-align: left; } .widget_price_filter .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:16px; height:16px; border-radius:16px; cursor: pointer; outline: none; top: -5px; background-color: #ffffff; border: 4px solid; } .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -16px; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; border-radius: 10px; 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; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } .widget_price_filter .ui-slider-horizontal { height:7px; } .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_layered_nav ul, .widget_layered_nav_filters ul { list-style: none; margin: 0; padding: 0; } .widget_layered_nav ul li, .widget_layered_nav_filters ul li { font-size: 14px; margin-bottom: 10px; position: relative; padding: 0; } .widget_layered_nav ul li a, .widget_layered_nav_filters ul li a { font-weight: 700; position: relative; display: block; color: #444 !important; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .site-widget-area .widget_layered_nav ul li a, .site-widget-area .widget_layered_nav_filters ul li a { color: #fff !important; } .widget_layered_nav ul li span, .widget_layered_nav_filters ul li span { position: absolute; top: 50%; display:block; right: 0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .widget_layered_nav ul li ul, .widget_layered_nav_filters ul li ul { margin-left: 20px; } .widget_product_categories select, .widget_layered_nav select, .widget_layered_nav_filters select { width: 100%; padding-right: 5px; } /* Products search /*----------------------*/ .nz-product-search { padding-bottom: 50px; text-align: center; } .nz-product-search > .woocommerce-product-search { display: inline-block; width: 100%; } .widget_product_search form, .woocommerce-product-search { position: relative; margin-bottom: 0; } .widget_product_search form label, .woocommerce-product-search label { display: none; } /* Shortcodes /*----------------------*/ .product.woocommerce > del, .product.woocommerce > ins, .product.woocommerce > small { margin-right: 5px; display: inline-block; } /* RESPONSIVE /*=============*/ /* MIN MOB PORTRAIT /*-------------*/ @media only screen and (min-width: 320px) { .container, .full-width-true .nz-tabs.full-true .tab-content, .ninzio-navigation { max-width:92%; width:92%; } .site-widget-area .widget_calendar caption, .site-widget-area .widget_calendar th, .site-widget-area .widget_calendar td, .site-widget-area .widget_calendar td#prev, .site-widget-area .widget_calendar td#next, .site-widget-area .widget_calendar td#prev span, .site-widget-area .widget_calendar td#next span { height: 31px; width: 31px; line-height:31px; } .woocommerce .shop_table.cart td, .woocommerce .shop_table.cart th { padding:5px; } .woocommerce .shop_table.cart td.actions { padding:20px 0px; } .woocommerce .shop_table.cart .product-thumbnail { display: none; } .woocommerce .shop_table.cart .product-thumbnail img { max-width: 75px; } .woocommerce .shop_table.cart .quantity input[type="number"], .woocommerce .shop_table.cart .quantity input[type="button"] { width: 70% !important; display: block; float: none; margin: 0 auto; } .woocommerce .shop_table.cart .quantity input[type="button"] { height: 30px; } } /* MAX MOB PORTRAIT /*-------------*/ @media only screen and (max-width: 320px) { button, input[type="reset"], input[type="submit"], input[type="button"], .price_slider_amount .price_label, .woocommerce .single-product-summary .entry-summary button, .button, .woocommerce-MyAccount-navigation ul li { width: 100% !important; margin-left: 0 !important; margin-bottom: 5px; text-align: center; } #mc-embedded-subscribe { width: 40px !important; padding: 0; text-indent: -9000em; background-image: url(images/arrow_right_white.png); background-position: 50% 50%; background-repeat: no-repeat; } .woocommerce .product .single-product-image .product-status { top: 10px; left: 10px; } .woocommerce .quantity input[type="number"] { width: 100% !important; } .woocommerce-tabs .comment-form-rating .stars a {border-right: none;} .single .post-body { padding: 50px 20px; } .ninzio-nav-single > *:not(:only-child) { font-size: 10px; } .single .post .post-social-share { padding: 0 10px 10px 10px; } .single .post .post-social-share .share-label { padding-left: 0px; } .rich-header { height:auto; } } /* MIN MOB LANDSCAPE /*-------------*/ @media only screen and (min-width:480px) { .container, .full-width-true .nz-tabs.full-true .tab-content, .ninzio-navigation { max-width:440px; width:440px; } .widget-area:not(.site-widget-area) .widget_calendar caption, .widget-area:not(.site-widget-area) .widget_calendar th, .widget-area:not(.site-widget-area) .widget_calendar td, .widget-area:not(.site-widget-area) .widget_calendar td#prev, .widget-area:not(.site-widget-area) .widget_calendar td#next, .widget-area:not(.site-widget-area) .widget_calendar td#prev span, .widget-area:not(.site-widget-area) .widget_calendar td#next span { height: 62px; width: 62px; line-height:62px; } .photos_from_flickr .flickr_badge_image { width:18.4%; height:18.4%; margin-right: 2%; margin-bottom: 2%; } .site-widget-area .photos_from_flickr .flickr_badge_image { width: 23.5%; height: 23.5%; margin-right: 2%; margin-bottom: 2%; } .photos_from_flickr #flickr_badge_image5, .photos_from_flickr #flickr_badge_image10 { margin-right: 0; } .site-widget-area .photos_from_flickr #flickr_badge_image5, .site-widget-area .photos_from_flickr #flickr_badge_image10 { margin-right: 2%; } .photos_from_flickr #flickr_badge_image4, .photos_from_flickr #flickr_badge_image8 { margin-right: 2%; } .site-widget-area .photos_from_flickr #flickr_badge_image4, .site-widget-area .photos_from_flickr #flickr_badge_image8 { margin-right: 0%; } .woocommerce .quantity { display:inline-block; vertical-align: top; } .woocommerce-tabs .comment-form-rating .stars a { float: left; } td.actions input[type="submit"] + input[type="submit"] { margin-left:4px; } .woocommerce .shop_table.cart .quantity { display:block; width:100%; } .post-social-share { width: auto; } } /* MIN MOBILE 640 /*--------------*/ @media only screen and (min-width: 640px) { .nz-slick-item { padding-left: 30px; padding-right: 30px; } .slick-prev{left:65px;} .slick-next{right:65px;} .loop .projects-layout .projects, .nz-recent-projects .projects { width: 50%; } } /* MIN TABLET PORTRAIT /*-------------*/ @media only screen and (max-width: 767px) { .no-padding, .no-padding > .col-inner {padding-left:0 !important; padding-right:0 !important; } .woocommerce-tabs .tabs { display: block; } .woocommerce-tabs .tabs > li { display: block; width:100%; float: none; margin: 0 !important; } .woocommerce-tabs .tabs > li.active:last-child:after { bottom: -1px; } .full-width-true .col12 { padding-left: 0px !important; padding-right: 0px !important; } .nz-count { margin-bottom: 50px; } .single .projects-head .projects-navigation { position: relative; margin-top: 10px; text-align: center; } .single .projects-head .projects-navigation a { float: none !important; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error li a, .woocommerce-message .button, .woocommerce-info .button { display: block; } .site-widget-area { width: 320px; -webkit-transform: translateX(320px); -ms-transform: translateX(320px); transform: translateX(320px); } .mob-header-top > .container, .mob-header-content > .container { max-width: 97%; width: 97%; } .rich-header h1 { text-align: center; margin-bottom: 0; } .rich-header.version1 h1, .rich-header.version2 h1 { font-size: 28px !important; line-height: 38px !important; } .rich-header .rh-subtitle { font-size: 16px; line-height: 26px; } .standard .loop .blog-post .format-quote .post-body .format-wrapper, .standard .loop .blog-post .format-status .post-body .format-wrapper, .standard .loop .blog-post .format-link .post-body .format-wrapper, .standard .loop .blog-post .format-aside .post-body .format-wrapper { padding: 30px; } .search-form { width: 100%; } .owl-controls .owl-buttons div { display: none; } } @media only screen and (min-width: 768px) { .rich-header.version3 .container > * { display: table-cell; vertical-align: middle; } .rich-header.version3 .nz-breadcrumbs { text-align: right; position: relative; bottom: -3px; } .container, .ninzio-navigation { max-width:720px; width:720px; } .nz-row { margin-left: -15px; margin-right: -15px; } .col12, .col11, .col10, .col9, .col8, .col7, .col6, .col5, .col4, .col3, .col2, .col1 { float: left; padding-left: 15px !important; padding-right:15px !important; } .col1 {width: 8.333333332%;} .col2 {width: 16.666666666666664%;} .col3 {width: 25%;} .col4 {width: 33.33333333%;} .col5 {width: 41.66666666666667%;} .col6 {width: 50%;} .col7 {width: 58.333333336%;} .col8 {width: 66.66666666666666%;} .col9 {width: 75%;} .col10{width: 83.33333334%;} .col11{width: 91.66666666666666%;} .col12{width: 100%;} .widget-area:not(.site-widget-area) .widget_calendar caption, .widget-area:not(.site-widget-area) .widget_calendar th, .widget-area:not(.site-widget-area) .widget_calendar td, .widget-area:not(.site-widget-area) .widget_calendar td#prev, .widget-area:not(.site-widget-area) .widget_calendar td#next, .widget-area:not(.site-widget-area) .widget_calendar td#prev span, .widget-area:not(.site-widget-area) .widget_calendar td#next span { height: 102px; width: 102px; line-height:102px; } .site-widget-area .widget_calendar caption, .site-widget-area .widget_calendar th, .site-widget-area .widget_calendar td, .site-widget-area .widget_calendar td#prev, .site-widget-area .widget_calendar td#next, .site-widget-area .widget_calendar td#prev span, .site-widget-area .widget_calendar td#next span { height: 42px; width: 42px; line-height:42px; } .nz-content-box, .nz-timer, .nz-counter, .woocommerce .products, .woocommerce .menu-holder, .nz-pricing-table { margin-right: -15px; margin-left: -15px; } .nz-recent-products .products { margin-right: -1px; margin-left: -1px; } .woocommerce .menu-holder .products { margin-left: 0; margin-right: 0; } .nz-timer ul > li { width: 50%; float: left; } .nz-content-box > .nz-box, .nz-timer > .days, .nz-counter > .nz-count, .nz-pricing-table > .column { padding-left: 15px; padding-right: 15px; float: left; } .nz-persons > .person { float: left; } .nz-content-box[data-columns="1"] > .nz-box, .nz-counter[data-columns="1"] > .nz-count, .nz-persons[data-columns="1"] > .person {width: 100%;float: none;} .nz-content-box[data-columns="2"] > .nz-box, .nz-content-box[data-columns="4"] > .nz-box, .nz-counter[data-columns="2"] > .nz-count, .nz-persons[data-columns="2"] > .person {width: 50%;} .nz-content-box[data-columns="3"] > .nz-box, .nz-counter[data-columns="3"] > .nz-count, .nz-persons[data-columns="3"] > .person, .nz-pricing-table[data-columns="3"] > .column {width: 33.33333333%;} .nz-content-box-2[data-columns="3"] > .nz-box:nth-child(2) .box-data, .nz-content-box-2[data-columns="3"] > .nz-box:nth-child(2) .nz-box-image:before, .nz-content-box-2[data-columns="3"] > .nz-box:nth-child(3) .box-data, .nz-content-box-2[data-columns="3"] > .nz-box:nth-child(3) .nz-box-image:before, .nz-content-box-2[data-columns="2"] > .nz-box:nth-child(2) .box-data, .nz-content-box-2[data-columns="2"] > .nz-box:nth-child(2) .nz-box-image:before, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(2) .box-data, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(2) .nz-box-image:before, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(4) .box-data, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(4) .nz-box-image:before { border-left: none; } .nz-persons[data-columns="4"] > .person, .nz-pricing-table[data-columns="4"] > .column, .nz-content-box-2[data-columns="4"] > .nz-box, .nz-counter[data-columns="4"] > .nz-count {width: 50%;} .nz-content-box[data-columns="5"] > .nz-box, .nz-pricing-table[data-columns="5"] > .column {width: 20%;} .nz-content-box[data-columns="6"] > .nz-box {width: 16.66666666666667%;} .slick-prev{left:100px;} .slick-next{right:100px;} .nz-section-back-video, .nz-video-overlay { display: block; } .nz-tabs.horizontal:not(.tab-full) .tabset { padding-left: 0px; position: relative; } .nz-tabs.horizontal:not(.tab-full) .tabset .tab { float: left; } .nz-tabs.horizontal:not(.tab-full) .tabset .tab.active:after { bottom: -2px; height: 2px; } .nz-tabs.horizontal:not(.tab-full) .tabset .tab:not(:first-child) { margin-left: -1px; } .nz-tabs.horizontal:not(.tab-full) .tabset .tab.active, .nz-tabs.vertical .tabset .tab.active { position: relative; } .col6 .nz-tabs.vertical .tab, .col7 .nz-tabs.vertical .tab, .col8 .nz-tabs.vertical .tab, .col9 .nz-tabs.vertical .tab, .col10 .nz-tabs.vertical .tab, .col11 .nz-tabs.vertical .tab, .col12 .nz-tabs.vertical .tab { bottom: 0; right: -1px; } .col6 .nz-tabs.vertical .tabset .tab:not(:first-child), .col7 .nz-tabs.vertical .tabset .tab:not(:first-child), .col8 .nz-tabs.vertical .tabset .tab:not(:first-child), .col9 .nz-tabs.vertical .tabset .tab:not(:first-child), .col10 .nz-tabs.vertical .tabset .tab:not(:first-child), .col11 .nz-tabs.vertical .tabset .tab:not(:first-child), .col12 .nz-tabs.vertical .tabset .tab:not(:first-child) { margin-top: -1px; } .col6 .nz-tabs.vertical .tab .before, .col7 .nz-tabs.vertical .tab .before, .col8 .nz-tabs.vertical .tab .before, .col9 .nz-tabs.vertical .tab .before, .col10 .nz-tabs.vertical .tab .before, .col11 .nz-tabs.vertical .tab .before, .col12 .nz-tabs.vertical .tab .before { top: 0px; left: -1px; width: 3px; height: 100%; padding: 0; } .col6 .nz-tabs.vertical .tab:after, .col7 .nz-tabs.vertical .tab:after, .col8 .nz-tabs.vertical .tab:after, .col9 .nz-tabs.vertical .tab:after, .col10 .nz-tabs.vertical .tab:after, .col11 .nz-tabs.vertical .tab:after, .col12 .nz-tabs.vertical .tab:after { opacity: 0; } .col6 .nz-tabs.vertical .tab.active:after, .col7 .nz-tabs.vertical .tab.active:after, .col8 .nz-tabs.vertical .tab.active:after, .col9 .nz-tabs.vertical .tab.active:after, .col10 .nz-tabs.vertical .tab.active:after, .col11 .nz-tabs.vertical .tab.active:after, .col12 .nz-tabs.vertical .tab.active:after { right: -2px; width: 2px; top: 0; left: auto; right: -1px; width: 1px; height: 100%; opacity: 1; } .col6 .nz-tabs.vertical .tabset, .col6 .nz-tabs.vertical .tabs-container, .col7 .nz-tabs.vertical .tabset, .col7 .nz-tabs.vertical .tabs-container, .col8 .nz-tabs.vertical .tabset, .col8 .nz-tabs.vertical .tabs-container, .col9 .nz-tabs.vertical .tabset, .col9 .nz-tabs.vertical .tabs-container, .col10 .nz-tabs.vertical .tabset, .col10 .nz-tabs.vertical .tabs-container, .col11 .nz-tabs.vertical .tabset, .col11 .nz-tabs.vertical .tabs-container, .col12 .nz-tabs.vertical .tabset, .col12 .nz-tabs.vertical .tabs-container {float: left;} .col6 .nz-tabs.vertical .tab, .col7 .nz-tabs.vertical .tab, .col8 .nz-tabs.vertical .tab, .col9 .nz-tabs.vertical .tab, .col10 .nz-tabs.vertical .tab, .col11 .nz-tabs.vertical .tab, .col12 .nz-tabs.vertical .tab { text-align:center; } .col6 .nz-tabs.vertical .tabs-container .tab-content, .col7 .nz-tabs.vertical .tabs-container .tab-content, .col8 .nz-tabs.vertical .tabs-container .tab-content, .col9 .nz-tabs.vertical .tabs-container .tab-content, .col10 .nz-tabs.vertical .tabs-container .tab-content, .col11 .nz-tabs.vertical .tabs-container .tab-content, .col12 .nz-tabs.vertical .tabs-container .tab-content{ padding: 50px; } .col6 .nz-tabs.vertical .tabset, .col7 .nz-tabs.vertical .tabset, .col8 .nz-tabs.vertical .tabset, .col9 .nz-tabs.vertical .tabset, .col10 .nz-tabs.vertical .tabset, .col11 .nz-tabs.vertical .tabset, .col12 .nz-tabs.vertical .tabset { width: 30%; } .col6 .nz-tabs.vertical .tabs-container, .col7 .nz-tabs.vertical .tabs-container, .col8 .nz-tabs.vertical .tabs-container, .col9 .nz-tabs.vertical .tabs-container, .col10 .nz-tabs.vertical .tabs-container, .col11 .nz-tabs.vertical .tabs-container, .col12 .nz-tabs.vertical .tabs-container{ width: 70%; } .loop .blog-post *[data-grid="ninzio_01"], .standard .loop .main-content .blog-post *[data-grid="ninzio_01"] { width: 100%;float: none; } .medium .loop .blog-post *[data-grid="ninzio_01"], .small .loop .blog-post *[data-grid="ninzio_01"], .large .loop .blog-post *[data-grid="ninzio_01"], .loop .main-content .blog-post *[data-grid="ninzio_01"], .nz-related-projects.column-4 .projects, .nz-recent-products[data-columns="4"] .products .product {width: 50%;float: left;} .list .loop .main-content .blog-post *[data-grid="ninzio_01"], .standard .loop .main-content .blog-post *[data-grid="ninzio_01"] { float: none; width: 100% !important; } .list .loop .blog-post *[data-grid="ninzio_01"]:after { content: ""; display: table; clear: both; } .list .loop .blog-post *[data-grid="ninzio_01"] > .nz-thumbnail, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-body, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-gallery { float: left; display: table-cell; width: 360px; min-height: 294px; } .list .loop .blog-post *[data-grid="ninzio_01"]:nth-child(2n+2) > .nz-thumbnail, .list .loop .blog-post *[data-grid="ninzio_01"]:nth-child(2n+2) > .post-gallery { float: right; } .list .loop .blog-post *[data-grid="ninzio_01"] .post-body { padding:0; } .list .loop .blog-post *[data-grid="ninzio_01"] .post-body-in { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px 30px; } .related-posts { margin-left: -10px !important; margin-right: -10px !important; } .related-posts *[data-grid="ninzio_01"], .nz-related-products *[data-grid="ninzio_01"] { padding-left: 10px !important; padding-right: 10px !important; } .woocommerce .products .product {width: 100%;} .woocommerce .main-content .products .product {width: 50%;float: left;} .nz-related-products.column-4 *[data-grid="ninzio_01"], .nz-recent-products.column-4 *[data-grid="ninzio_01"], .nz-recent-products[data-columns="2"] .products .product {width: 50% !important;float: left;} .nz-related-products.column-3 *[data-grid="ninzio_01"], .related-posts *[data-grid="ninzio_01"], .nz-recent-products[data-columns="3"] .products .product {width: 33.33333333333333% !important;float: left;} .thumbset .thumb { padding:10px 5px 0 5px; } .comment-list ul.children { padding: 0 0 0 70px; position: relative; } /*GALLERY*/ .nz-gallery[data-columns="1"].grid .gallery-item {width: 100%;} .nz-gallery[data-columns="2"].grid .gallery-item {width: 50%;} .nz-gallery[data-columns="3"].grid .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="4"].grid .gallery-item {width: 25%;} .nz-gallery[data-columns="5"].grid .gallery-item {width: 20%;} .nz-gallery[data-columns="6"].grid .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="7"].grid .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="8"].grid .gallery-item {width: 25%;} .nz-gallery[data-columns="9"].grid .gallery-item {width: 33.33333333%;} .nz-gallery[data-columns="2"] .wp-caption-text, .nz-gallery[data-columns="3"] .wp-caption-text, .nz-gallery[data-columns="4"] .wp-caption-text { display:block; } .nz-recent-products .products .product { padding-right: 15px; padding-left: 15px; width: 33.33333333333333%; } .woocommerce .woocommerce-result-count { float: right; font-size: 14px; margin-bottom: 0; position: relative; top: 20px; } .woocommerce.single .woocommerce-message { margin-top:0px; margin-bottom:30px; } .woocommerce .woocommerce-message { margin-top: 44px; } .woocommerce .loop.width-true .products { margin-left: -15px; margin-right: -15px; } .woocommerce .loop.width-true .products { margin-left: -15px; margin-right: -15px; } .loop.width-true .shop-layout { padding-left: 30px; padding-right: 30px; } .loop.width-true .blog-layout { padding-left: 15px; padding-right: 15px; } .woocommerce .loop.width-true .woocommerce-ordering {right: 30px;} .single-product-image, .single-product-summary { width: 50%; float: left; } .single-product-image { padding-right: 30px; } .coupon { display: inline-block; } .coupon input { width:auto; margin-right: 0; display: inline-block; } .actions input {margin-left: 0 !important;margin-right: 5px !important;} .woocommerce .shop_table.cart .quantity { display:inline-block; width:50%; } .woocommerce .cart-collaterals .cart_totals, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2 { width:50%; float: left; } .woocommerce .cart-collaterals .cart_totals, .woocommerce .col2-set .col-1 { padding-right: 15px; } .woocommerce .cart-collaterals .shipping_calculator, .woocommerce .col2-set .col-2 { padding-left: 15px; } .woocommerce .shop_table.cart .product-thumbnail { display: block; border-left:none !important; border-right: none !important; } .woocommerce .shop_table.cart td.product-thumbnail { border:none !important; border-top: 1px solid #f7f7f7 !important; } .woocommerce .shop_table.cart tbody .cart_item:first-child td.product-thumbnail { border-top: none !important; } .woocommerce .shop_table.cart td, .woocommerce .shop_table.cart th { padding: 20px; } .woocommerce-account .page-content .woocommerce {width: 30%;} .woocommerce-account.logged-in .page-content .woocommerce {width: 100%;} .loop .post, .nz-recent-posts .post { padding-left: 15px; padding-right: 15px; } .woocommerce .products .product { float: left; width: 33.33333333333333%; } .woocommerce .small .loop .products .product { width: 50%; } .woocommerce .products, .woocommerce .nz-related-products .products { margin-left:-15px; margin-right:-15px; } .woocommerce .products .product, .woocommerce .nz-related-products .products .product { padding-left:15px; padding-right:15px; } .loop .blog-post, .nz-recent-posts { margin-left:-15px; margin-right:-15px; } .nz-timeline { position: relative; } .error404-big { font-size: 180px; line-height: 180px; } .nz-product-search > .woocommerce-product-search { width: 60%; } #lang_sel_footer ul { text-align: center; } #lang_sel_footer ul li { display: inline-block; width: auto; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .widget-area:not(.site-widget-area) .photos_from_flickr .flickr_badge_image { width:9.1%; height:9.1%; margin-right:1%; margin-bottom:1%; } .photos_from_flickr #flickr_badge_image4, .photos_from_flickr #flickr_badge_image5, .photos_from_flickr #flickr_badge_image8 { margin-right:1%; } .photos_from_flickr #flickr_badge_image10 { margin-right:0%; } .nz-pricing-table[data-columns="4"] .price { font-size: 36px; } .nz-pricing-table[data-columns="3"] .price { font-size: 46px; } .shoping-products .shop-loader, .shoping-subcategories .shop-loader { width: calc(100% - 30px); } .null-instagram-feed ul li, .widget_recent_projects .recent-projects > .post { width: 16.66666666666667%; } .site-widget-area .null-instagram-feed ul li, .site-widget-area .widget_recent_projects .recent-projects > .post { width: 33.33333333333333%; } } @media only screen and (max-width: 1023px) { .nz-slider-banner .nz-banner:not(:last-child) { border-bottom: none !important; } .nz-tagline .container > .tagline-title { padding-right: 0 !important; } .nz-tagline .container { padding-left: 0 !important; text-align: center !important; } .nz-tagline img { display: none; } .standard .post-date-custom, .standard .loop .sticky-ind { display: none; } .standard .post-date-custom, .standard .post-format-status, .standard .sticky-ind { display: none; } .single-projects .flex-direction-nav { right: 20px !important; } } /* MIN TABLET LANDSCAPE /*-------------*/ @media only screen and (min-width:1024px){ .container, .full-width-true .nz-tabs.full-true .tab-content, .ninzio-navigation { max-width:960px; width:960px; } .main-content:before { content: ""; display: block; position: absolute; height: 100%; width: 1px; top: 0; left: 30px; background-color: #eaeaea; } .main-content.left:before { right: 30px; left: auto; } .main-content, .sidebar { float: left; position: relative; } .main-content {width: 75%;} .sidebar {width: 25%;} .woocommerce .loop .main-content {width: calc(100% - 240px);} .woocommerce .loop .sidebar {width: 240px;} .main-content.right {padding-left: 60px;} .main-content.left {padding-right: 60px;} .single-project-main-detailes { display: table; } .single-project-layout-whole.single-project-main-detailes { display: block; } .single-project-main-detailes .main-content, .single-project-main-detailes .sidebar { display: table-cell; vertical-align: top; } .single-projects .main-content { padding-right: 30px !important; width: 70%; } .single-projects .sidebar { width: 30%; } .widget_nav_menu.desktop ul.sub-menu, .widget_product_categories.desktop ul.children { position: absolute; width: 250px; left:100%; top:0; z-index: 99; opacity: 0; display: none; margin-left: 50px; } .site-widget-area .widget_nav_menu.desktop ul.sub-menu, .site-widget-area .widget_product_categories.desktop ul.children, .widget_nav_menu.desktop ul li:hover > a > span.toggle, .widget_product_categories.desktop ul li:hover > a > span.toggle { -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); } .widget-area:not(.site-widget-area) .widget_calendar caption, .widget-area:not(.site-widget-area) .widget_calendar th, .widget-area:not(.site-widget-area) .widget_calendar td, .widget-area:not(.site-widget-area) .widget_calendar td#prev, .widget-area:not(.site-widget-area) .widget_calendar td#next, .widget-area:not(.site-widget-area) .widget_calendar td#prev span, .widget-area:not(.site-widget-area) .widget_calendar td#next span { height: 34px; width: 34px; line-height:34px; } .photos_from_flickr .flickr_badge_image { width:23.5%; height:23.5%; margin-right: 2%; margin-bottom: 2%; } .photos_from_flickr #flickr_badge_image4, .photos_from_flickr #flickr_badge_image8 { margin-right: 0; } .photos_from_flickr #flickr_badge_image5, .photos_from_flickr #flickr_badge_image10 { margin-right: 2%; margin-bottom: 2%; } .slick-prev{left:110px;} .slick-next{right:110px;} .col8 .nz-tabs.vertical .tabset, .col9 .nz-tabs.vertical .tabset, .col10 .nz-tabs.vertical .tabset, .col11 .nz-tabs.vertical .tabset, .col12 .nz-tabs.vertical .tabset { width: 25%; } .col8 .nz-tabs.vertical .tabs-container, .col9 .nz-tabs.vertical .tabs-container, .col10 .nz-tabs.vertical .tabs-container, .col11 .nz-tabs.vertical .tabs-container, .col12 .nz-tabs.vertical .tabs-container{ width: 75%; } .one-page-bullets {display: block;} .nz-video-poster { display: none; } .loop .blog-post *[data-grid="ninzio_01"] {width: 100%;float: none;} .medium .loop .blog-post *[data-grid="ninzio_01"] {width: 33.33333333333333%;float: left;} .small .loop .blog-post *[data-grid="ninzio_01"] {width: 25%;float: left;} .large .loop .blog-post *[data-grid="ninzio_01"] {width: 50%;float: left;} .list .loop .blog-post .post .post-title { font-size: 26px; line-height: 36px; } .list .loop .main-content .blog-post .post .post-title { font-size: 18px; line-height: 28px; } .small .loop .main-content .blog-post *[data-grid="ninzio_01"], .medium .loop .main-content .blog-post *[data-grid="ninzio_01"], .large .loop .main-content .blog-post *[data-grid="ninzio_01"], .list .loop .main-content .blog-post *[data-grid="ninzio_01"] {width: 50% !important;float: left;} .list .loop .blog-post *[data-grid="ninzio_01"] > .nz-thumbnail, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-body, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-gallery { float: left; display: table-cell; width: 480px; min-height: 392px; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] { float: left; width: 50% !important; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .nz-thumbnail, .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .post-body, .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .post-gallery { float: none; display: block; width: 100%; min-height: 0; } .list .loop .blog-post *[data-grid="ninzio_01"] .post-body-in { padding: 40px 50px; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] .post-body { padding: 40px 30px; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] .post-body-in { position: relative; top: 0; transform: none; padding: 0px; } .nz-content-box-2[data-columns="4"] > .nz-box {width: 25%;} .woocommerce .small .loop .products .product { width: 25%; } .woocommerce .small .loop .main-content .products .product { width:50%; } .loop .small-image-nogap .projects-post .projects, .loop .small-image .projects-post .projects, .loop .small-standard .projects-post .projects, .nz-recent-projects.small-image-nogap .projects, .nz-recent-projects.small-image .projects, .nz-recent-projects.small-standard .projects, .nz-related-projects.column-4 .projects {width: 25%;} .loop .medium-image-nogap .projects-post .projects, .loop .medium-image .projects-post .projects, .loop .medium-standard .projects-post .projects, .nz-recent-projects.medium-image-nogap .projects, .nz-recent-projects.medium-image .projects, .nz-recent-projects.medium-standard .projects, .nz-related-projects.column-3 .projects {width: 33.33333333333333%;} .loop .large-image .projects, .loop .large-standard .projects, .nz-recent-projects.large-image .projects, .nz-recent-projects.large-standard .projects {width: 50%;} .nz-content-box[data-columns="4"] > .nz-box {width: 25%;} .nz-timer ul > li { width: 25%; } .nz-persons[data-columns="4"] > .person, .nz-pricing-table[data-columns="4"] > .column, .nz-content-box-2[data-columns="4"] > .nz-box, .nz-counter[data-columns="4"] > .nz-count {width: 25%;} .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(2) .box-data, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(2) .nz-box-image:before, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(3) .box-data, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(3) .nz-box-image:before, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(4) .box-data, .nz-content-box-2[data-columns="4"] > .nz-box:nth-child(4) .nz-box-image:before { border-left: none; } .nz-counter.nz-counter[data-columns="4"] > .nz-count:nth-child(2):after { display: block; } .single-product-summary { text-align: left; z-index: 10; } .nz-tagline .container > .tagline-title, .nz-tagline .container > .button, .nz-tagline .container > .tagline-icon { vertical-align: middle; display: inline-block; margin:0 !important; } .nz-tagline .container > .tagline-icon { margin-right: 30px !important; } .nz-image-banner { position: relative; background-image: none !important; padding: 50px; } .nz-image-banner > .one, .nz-image-banner > .two { width: 50%; } .nz-image-banner .banner-img { position: relative; padding-right: 25px; max-width: 430px; z-index: 15; } .nz-image-banner .banner-content { padding-left: 25px; max-width: 430px; position: absolute; top: 50%; right: 50px; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); } .nz-image-banner .banner-content:before { content: ""; display: block; height: 130%; width: 960px; right: -50px; top: 50%; position: absolute; z-index: -1; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); } .nz-recent-products[data-columns="1"] .product {width: 100%;float: none;} .product-category-body { display: table; text-align: left; } .product-category-body > * { display: table-cell; vertical-align: middle; } .product-category-body img { max-width: none; margin-bottom: 0; } .main-content .product-category-body img { max-width:250px; } .product-category-body .product-category-content { padding-left: 25px; } table.variations { width: 70%; } .main-content table.variations { width: 100%; } .standard.sidebar-false > .loop > .container { width: 960px; max-width: 960px; padding-left: 90px; } .standard > .loop > .container { padding-left: 80px; } .woocommerce .shop-layout-wrap.small .products .product { width: 25%; } .nz-recent-products[data-columns="4"] .products .product { width: 25% !important; float: left; } .main-content .nz-recent-products[data-columns="4"] .products .product { width: 50% !important; } } /* DESKTOP /*-------------*/ @media only screen and (max-width: 1099px){ .ninzio-filter { text-align: left; margin-bottom:70px; position: relative; padding-top: 1px; } .ninzio-filter .filter-container { display: none; } .filter-toggle { display: block; position: absolute; width: 20px; height: 20px; top: 11px; right: 25px; cursor: pointer; background: url(images/menu.png) no-repeat center center; z-index: 25; } .filter.active + .filter-toggle { background: url(images/menu_white.png) no-repeat center center; } .ninzio-filter .filter { cursor: pointer; display:block; padding: 10px 25px; line-height: 22px; margin-top: -1px; width:100%; position: relative; z-index: 3; color: #777; box-shadow: inset 0 0 0 1px #e0e0e0; -webkit-transition: all 300ms; transition: all 300ms; } .ninzio-filter .filter.active { color: #ffffff; } .ninzio-filter .filter:last-child { margin-right: 0; } .mob-menu li .label { display: none; } } @media only screen and (min-width:1100px){ .container, .full-width-true .nz-tabs.full-true .tab-content, .ninzio-navigation { max-width:1170px; width:1170px; } .mob-header {display: none;} .desk {display: block;} .desk.stuck-false, .desk.stuck-boxed-false, .desk.stuck-true.fixed-true.active, .desk.stuck-boxed-true.fixed-true.active, .version3.desk {box-shadow: 0 1px 3px rgba(0,0,0,0.11);} .header-content > .container { position: relative; margin: 0 auto; } .header-top { position: relative; } .header-top .slogan { line-height: 36px; } .header-top .top-button { padding: 3px 25px; border-radius: 3px; font-size: 12px; line-height: 22px; text-transform: uppercase; font-weight: 600; outline: none; border: none; position: relative; display: inline-block; margin: 6px 0 0 25px; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; text-align: center; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .header-top .header-top-menu ul { list-style: none; margin: 0; padding: 0; } .header-top .header-top-menu > ul > li { margin: 0; padding: 0 15px; float: left; line-height: 37px; height: 40px; font-size: 12px; position: relative; } .header-top .header-top-menu > ul > li > ul > li { padding: 0; font-size: 12px; } .header-top .header-top-menu > ul > li:not(:last-child):after { content: "|"; height: inherit; width: 16px; display: block; position: absolute; top: 0; right:-7px; text-align:center; } .header-top .header-top-menu ul li a { display:inline-block; text-align: center; } .header-top .header-top-menu ul li ul li a { display:block; text-align:left; line-height: 24px; -webkit-transition: all 200ms ease; transition: all 200ms ease; } .header-top .header-top-menu ul li a .txt, .header-top .header-top-menu ul li a { position: relative; } .header-top .header-top-menu ul ul li a { display: block; padding:3px 20px; } .header-top .header-top-menu ul li .mi { position: relative; bottom: -1px; } .header-top .header-top-menu ul li ul { position:absolute; top: 40px; left:0px; max-width: 150px; width: 150px; padding: 5px 0; list-style: none; margin-left: 0; z-index: -1; display: none; } .no-js .header-top .header-top-menu > ul > li:hover > .sub-menu { display: block; } .header-top .header-top-menu ul li img { vertical-align: middle; margin-right: 8px; } /*Z INDEX*/ .desk {z-index:80;position: relative;} .header-top {z-index:85;position: relative;} .header-body { position: relative; } .desk { position: relative; top: 0; left: 0; z-index:80; width: 100%; } .desk img{ height:100px } .desk.stuck-true, .desk.stuck-boxed-true { position: absolute; box-shadow: none; } .desk.stuck-boxed-true { top:40px; max-width: 1170px; width: 1770px; left: 50%; margin-left: -585px; } .desk.stuck-boxed-true .container { max-width: 100%; width: 100%; } .desk.stuck-boxed-true .header-top, .desk.stuck-boxed-true .header-body { padding-left: 30px; padding-right: 30px; } .desk.stuck-boxed-true.fixed-true:not(.active) { top:40px !important; left: 50% !important; } .desk.stuck-boxed-true.fixed-true.active { top:0 !important; left:0 !important; margin-left: 0 !important; max-width: 100%; width: 100%; } .desk.stuck-boxed-true.fixed-true.active .container { max-width: 1170px; width: 1770px; } .desk .logo, .desk .logo-title { position: relative; overflow: hidden; padding: 0 25px 0 0; margin: 0 auto; display: block; float: left; } .desk .logo-title { font-size: 48px; } .normal-logo, .fixed-logo { -webkit-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; transition: opacity 300ms linear; } .fixed-logo { position: absolute; top: 20%; left: 0; } .fixed-true.active .normal-logo, .fixed-logo { opacity: 0 !important; } .fixed-true.active .fixed-logo { opacity: 1 !important; } .desk-menu { float: right; } .desk-menu > ul { list-style: none; margin: 0; padding: 0; } .desk-menu > ul > li { padding: 0; position: relative; float: left; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .desk-menu > ul > li:first-child { margin-left: 0 !important; } .desk-menu > ul > li > a { display: block; z-index: 2; position: relative; padding: 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .desk-menu ul.submenu-languages { min-width: 0px; } .desk-menu > ul > li.menu-item-language > a:after { display: none; } .desk-menu > ul > li.menu-item-language > a > .txt { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5); padding: 7px 15px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .desk-menu > ul > li.menu-item-language:hover > a > .txt { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.7); } .desk-menu > ul > li.menu-item-language img { display: inline-block; vertical-align: middle; margin-right: 10px; } .desk-menu .sub-menu li.menu-item-language > a:before { margin-top: -8px; } .desk-menu > ul > li > a > .txt { position: relative; } .desk-menu > ul > li > a > .txt .label { position: absolute; bottom:145%; left: 50%; line-height: 20px; font-size: 12px; height: 20px; padding: 0 10px; text-transform: none; color: #fff; border-radius: 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .desk-menu .label2 { display: none; } .desk-menu > ul > li > a > .txt .label > .label2 { display: block; position: absolute; bottom: -3px; left: 50%; margin-left: -4px; width: 8px; height:8px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .desk-menu .sub-menu .label { margin-left: 10px; display: inline-block; padding: 6px 10px 6px 10px; border-radius: 3px; color: #ffffff; text-transform: none; font-size:10px; line-height: 10px; text-align: center; position: relative; top: -1px; left:0px !important; -webkit-transform:none !important; -ms-transform:none !important; transform:none !important; } .desk-menu .mi {padding-right:10px;} .desk-di-false .desk-menu .di {display: none;} .desk-di-false .sub-menu .di, .desk-di-true .sub-menu .di { display: block; } .desk-menu ul > li > a > .di { display: none; } .desk-menu ul ul > li > a > .di { display: block; position: absolute; top: 50%; right:15px; font-size: 14px; margin-top: -6px; -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition: all 300ms; transition: all 300ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk-menu ul ul > li:hover > a > .di { -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); } .desk-menu .sub-menu { position:absolute; left:0px; min-width: 250px; max-width: 250px; padding-top: 15px; padding-bottom: 15px; list-style: none; margin-left: 0; z-index: -1; display: none; box-shadow: 3px 3px 0px rgba(0,0,0,0.2); } .desk-menu .sub-menu .sub-menu { left:250px !important; top: -15px !important; margin-top: 0px; min-width: 200px; max-width: 200px; z-index:-1; display: none; } .no-js .desk-menu li:hover > ul {display: block;} .desk-menu .sub-menu li {position: relative;padding: 0px;} .desk-menu .sub-menu li > a { padding:7px 15px; display: block; position: relative; -webkit-transition: all 300ms; transition: all 300ms; } .desk-menu .sub-menu li > a:before { content: ""; display: block; height: 20px; width: 2px; left: 0; top: 50%; margin-top: -10px; opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; position: absolute; } .desk-menu li[data-mm="true"] .sub-menu li > a:before { left: -15px; } .desk-menu li[data-mm="true"] > .sub-menu > li > a:before { display: none !important; } .desk-menu .sub-menu li:hover > a:before { opacity: 1; } .desk-menu .sub-menu li:hover > a { color: #ffffff; padding-left: 25px; } .desk-menu [data-mm="true"] .sub-menu .di {display: none !important;} .desk-menu > ul li:not([data-mm="true"]) ul > li:first-child {position: relative;} .desk-menu > ul > [data-mm="true"] {position: static !important;} .desk-menu > ul > [data-mm="true"] > ul { width:1170px; max-width: 1170px; height: auto; z-index: -1; left:0 !important; padding: 10px 30px 30px 30px; background-repeat: no-repeat; background-position:0 0; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; } .stuck-boxed-true:not(.active) .desk-menu > ul > [data-mm="true"] > ul { left: -30px !important; } .desk-menu > ul > [data-mm="true"] > ul:after { content: ""; display: table; clear: both; } .desk-menu > ul > [data-mm="true"] > ul ul { display: block !important; opacity: 1 !important; margin-top: 0 !important; margin-bottom: 0 !important; position: static !important; top: auto !important; left: auto !important; height: auto !important; min-width:100% !important; max-width:100% !important; box-shadow: none !important; padding: 0; background-color: transparent !important; border-top:none !important; margin-left: 0 !important; } .desk-menu > ul > [data-mm="true"] > ul ul li { padding: 0; } .desk-menu > ul > [data-mm="true"] > ul ul li a { padding:7px 0px !important; border-bottom: none; } .desk-menu > ul > [data-mm="true"] > ul ul li:hover a { padding-left:10px !important; } .desk-menu > ul > [data-mm="true"] > .sub-menu > li { position: relative; padding: 0 20px; float: left; } .desk-menu [data-mm="true"] .sub-menu li > a, .desk-menu [data-mm="true"] .sub-menu li:hover a { background-color: transparent; } .desk .desk-menu [data-mm="true"] > .sub-menu > li > a, .desk .desk-menu [data-mm="true"] > .sub-menu > li > a:hover{ background-color: transparent !important; border-bottom: none; } .desk-menu [data-mm="true"] > .sub-menu > li > a { position: relative; padding: 31px 0 10px 0; } .desk-menu > ul > [data-mm="true"] > ul ul { padding-top: 0px; } .desk-menu > ul > [data-mm="true"][data-mmc="5"] > ul > li {width: 20%;} .desk-menu > ul > [data-mm="true"][data-mmc="4"] > ul > li {width: 25%;} .desk-menu > ul > [data-mm="true"][data-mmc="3"] > ul > li {width: 33.33333333333333%;} .desk-menu > ul > [data-mm="true"][data-mmc="2"] > ul > li {width: 50%;} .search-true.cart-false .search-toggle-wrap, .cart-true .desk-cart-wrap { position: relative; } .sl-true .header-social-links, .search-true.cart-false .search-toggle-wrap, .cart-true .desk-cart-wrap, .search-false.cart-false .site-sidebar-toggle { margin-left: 25px; } .search-true.cart-true .search-toggle-wrap, .search-true.ls-true .search-toggle-wrap, .cart-true.sl-true .desk-cart-wrap, .site-sidebar-toggle { margin-left: 10px; } .desk .search { right:-15px; position: absolute; width:320px; height:64px; padding:0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; display: none; } .sidebar-toggle-true .search { right:-15px; } .desk .search.animated { display: block; } .search-toggle-wrap, .site-sidebar-toggle { height: 40px; width: 40px; float: right; text-align: center; position: relative; z-index: 15; cursor: pointer; } .desk .search form, .desk .search fieldset { margin: 0; position: relative; } .desk .search input { margin: 0; } .desk .search input[type="text"] { height: 64px; line-height: 64px; background-color: transparent; margin: 0; padding: 7px 64px 7px 25px; border:none !important; } .desk .search input[type="submit"] { width: 64px; height: 64px; text-indent: -9000em; position: absolute; right: 0px; top: 0; border: none; outline: none; padding: 0; background-color: transparent !important; background-image: url(images/search.png); background-repeat: no-repeat; background-position: center center; box-shadow: none; } .desk-cart-wrap { float: right; position: relative; height: 40px; width: 40px; border-radius: 40px; } .desk-cart-toggle, .search-toggle { width: 40px; height: 40px; line-height: 36px; text-align: center; position: relative; z-index: 15; background-repeat: no-repeat; background-position: 46% 48%; outline: none; } .desk-cart-toggle:after, .search-toggle:after, .desk-cart-toggle:before, .search-toggle:before { background-position: 46% 48%; background-repeat: no-repeat; width: 100%; height: 100%; content: ""; display: block; opacity: 0; left: 0; top: 0; position: absolute; } .search-toggle:before, .site-sidebar-toggle { background-position: 48% 50%; background-repeat: no-repeat; } .desk-cart-toggle:before { background-repeat: no-repeat; background-position: 46% 48%; } .desk-cart-toggle:before, .search-toggle:before { opacity: 1; } .desk-cart-toggle.animated:before, .search-toggle.animated:before { opacity: 0; } .iversion-dark .site-sidebar-toggle, .fiversion-dark.active .site-sidebar-toggle { background-image: url(images/menu.png); } .iversion-light .site-sidebar-toggle, .fiversion-light.active .site-sidebar-toggle { background-image: url(images/menu_white.png); } .iversion-dark .search-toggle:before, .fiversion-dark.active .search-toggle:before { background-image: url(images/search.png); } .iversion-light .search-toggle:before, .fiversion-light.active .search-toggle:before { background-image: url(images/search_white.png); } .iversion-dark .desk-cart-toggle:before, .fiversion-dark.active .desk-cart-toggle:before { background-image:url(images/cart.png); } .iversion-light .desk-cart-toggle:before, .fiversion-light.active .desk-cart-toggle:before { background-image:url(images/cart_white.png); } .iversion-dark .desk-cart-toggle:after, .fiversion-dark.active .desk-cart-toggle:after, .iversion-dark .search-toggle:after, .fiversion-dark.active .search-toggle:after { background-image:url(images/close.png); } .iversion-light .desk-cart-toggle:after, .fiversion-light.active .desk-cart-toggle:after, .iversion-light .search-toggle:after, .fiversion-light.active .search-toggle:after { background-image:url(images/close_white.png); } .desk-cart-toggle.animated:after, .search-toggle.animated:after { opacity: 1; } .desk-cart-toggle a { position: relative; z-index: 5; width: 40px; height: 40px; display: block; outline: none; position: relative; } .desk-cart-toggle span { color: #fff; position: absolute; line-height: 20px; font-size: 12px; height: 20px; width: 20px; border-radius: 20px; top: 0px; left: 25px; } .woo-cart { position: absolute; width: 320px; height: auto; min-height: 50px; padding: 10px; position: absolute; right:0px; z-index: -1; display: none; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; } .woo-cart.animated { display: block; } .woo-cart .widget_shopping_cart { margin-bottom: 0; padding-bottom: 0; } .woo-cart .widget_shopping_cart .widgettitle {display: none;} .woo-cart .widget_shopping_cart { margin-bottom: 0px; border-bottom: none !important; } .woo-cart .widget_shopping_cart .cart_list, .woo-cart .widget_shopping_cart .cart_list li { margin: 0; padding: 0; } .woo-cart .widget_shopping_cart .cart_list li { margin-bottom: 15px; padding-bottom: 15px; background-color: transparent; position: relative; } .woo-cart .widget_shopping_cart .cart_list li:after { content: ""; display: table; clear: both; } .woo-cart .widget_shopping_cart .cart_list li .remove { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: 0px !important; right: 0; display: block; color: #fff !important; } .woo-cart .widget_shopping_cart .cart_list li img { display: block; float: left; margin-right: 15px; padding: 5px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all 0.3s; transition: all 0.3s; } .woo-cart .widget_shopping_cart .cart_list {list-style: none;background-color: transparent;} .woo-cart .widget_shopping_cart .cart_list > li.empty { background-image: url(images/no_product.png); background-repeat: no-repeat; background-position:10px 50%; padding:10px 10px 10px 60px; border-bottom:none !important; margin-bottom: 0 !important; font-size: 14px; line-height: 24px; } .woo-cart .widget_shopping_cart p.buttons > a{ width: 145px; display: block; float: left; padding: 8px 20px; font-size: 12px; line-height: 22px; } .woo-cart .woocommerce .quantity { width: 100%; display: block; line-height: 24px; } .header-top > .container { height: 40px; } .header-top > .container:empty { height: 0; } .header-top .slogan { float: left; } .header-top .header-top-menu, .header-top .top-button, .header-top .social-links { float: right; } .header-top .header-top-social-links a { background-color: transparent !important; width: 28px; height: 28px; line-height: 28px; border-radius: 0px; border: none; margin: 6px 0 0 0; border-radius: 3px; } .header-top .header-top-social-links a:hover { color: #fff !important; } .header-top .header-top-social-links a.icon-rss:hover {background-color:#fba933 !important;} .header-top .header-top-social-links a.icon-facebook:hover {background-color:#607bb3 !important;} .header-top .header-top-social-links a.icon-twitter:hover {background-color:#37bbf5 !important;} .header-top .header-top-social-links a.icon-skype:hover {background-color:#37bbf5 !important;} .header-top .header-top-social-links a.icon-googleplus:hover {background-color:#e74b32 !important;} .header-top .header-top-social-links a.icon-youtube:hover {background-color:#c63c39 !important;} .header-top .header-top-social-links a.icon-vimeo:hover {background-color:#2bc2f4 !important;} .header-top .header-top-social-links a.icon-linkedin:hover {background-color:#319cda !important;} .header-top .header-top-social-links a.icon-flickr:hover {background-color:#ee4086 !important;} .header-top .header-top-social-links a.icon-pinterest:hover {background-color:#db2e36 !important;} .header-top .header-top-social-links a.icon-instagram:hover {background-color:#5280a5 !important;} .header-top .header-top-social-links a.icon-apple:hover {background-color:#01aef3 !important;} .header-top .header-top-social-links a.icon-dribbble:hover {background-color:#eb4c89 !important;} .header-top .header-top-social-links a.icon-android:hover {background-color:#92b83e !important;} .header-top .header-top-social-links a.icon-behance:hover {background-color:#1b82dc !important;} .header-top .header-top-social-links a.icon-envelope:hover {background-color:#4c5256 !important;} .desk-menu > ul > li > a { height: 30px; line-height:30px; border-radius: 30px; } .subeffect-ghost .header-top .header-top-menu ul li ul, .subeffect-ghost .header-top .header-top-menu > ul > li:hover > .sub-menu, .subeffect-ghost .desk-menu > ul > li > .sub-menu, .subeffect-ghost .desk-menu > ul > li:hover > .sub-menu, .subeffect-ghost .sub-menu .sub-menu { display: none; opacity: 0; margin-top: -20px; } .subeffect-slide .header-top .header-top-menu ul li ul, .subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .subeffect-slide .desk-menu > ul > li > .sub-menu, .subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .subeffect-slide .sub-menu .sub-menu, .subeffect-fade .header-top .header-top-menu ul li ul, .subeffect-fade .header-top .header-top-menu > ul > li:hover > .sub-menu, .subeffect-fade .desk-menu > ul > li > .sub-menu, .subeffect-fade .desk-menu > ul > li:hover > .sub-menu, .subeffect-fade .sub-menu .sub-menu { display: none; margin-top: 0px; opacity: 0; } .subeffect-slide .header-top .header-top-menu ul li ul, .subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .subeffect-slide .desk-menu > ul > li > .sub-menu, .subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .subeffect-slide .sub-menu .sub-menu { opacity: 1; } .subeffect-move .header-top .header-top-menu ul li ul, .subeffect-move .header-top .header-top-menu > ul > li:hover > .sub-menu, .subeffect-move .desk-menu > ul > li > .sub-menu, .subeffect-move .desk-menu > ul > li:hover > .sub-menu, .subeffect-move .sub-menu .sub-menu { display: none; margin-left:-40px; opacity: 0; } /*EFFECTS*/ .effect-underline .desk-menu > ul > li > a:after, .effect-overline .desk-menu > ul > li > a:after { content: ""; position: absolute; width: 0%; height: 2px; bottom:0px; left: 0%; opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .effect-underline .desk-menu > ul > li:hover > a:after, .effect-underline .desk-menu > ul > li.one-page-active > a:after, .effect-underline .desk-menu > ul > li.current-menu-item > a:after, .effect-underline .desk-menu > ul > li.current-menu-parent > a:after, .effect-underline .desk-menu > ul > li.current-menu-ancestor > a:after, .effect-overline .desk-menu > ul > li:hover > a:after, .effect-overline .desk-menu > ul > li.one-page-active > a:after, .effect-overline .desk-menu > ul > li.current-menu-item > a:after, .effect-overline .desk-menu > ul > li.current-menu-parent > a:after, .effect-overline .desk-menu > ul > li.current-menu-ancestor > a:after { opacity: 1; width: 100%; } .one-page-top.effect-underline .desk-menu > ul > li.current-menu-item > a:after, .one-page-top.effect-underline .desk-menu > ul > li.current-menu-parent > a:after, .one-page-top.effect-underline .desk-menu > ul > li.current-menu-ancestor > a:after, .one-page-top.effect-overline .desk-menu > ul > li.current-menu-item > a:after, .one-page-top.effect-overline .desk-menu > ul > li.current-menu-parent > a:after, .one-page-top.effect-overline .desk-menu > ul > li.current-menu-ancestor > a:after { opacity: 0; width: 0; } .one-page-top.effect-underline .desk-menu > ul > li:hover > a:after, .one-page-top.effect-overline .desk-menu > ul > li:hover > a:after, .one-page-top.effect-underline .desk-menu > ul > li.one-page-active > a:after, .one-page-top.effect-overline .desk-menu > ul > li.one-page-active > a:after { opacity: 1 !important; width: 100% !important; } .effect-outline .desk-menu > ul > li > a, .effect-fill .desk-menu > ul > li > a { padding-left: 12px; padding-right: 12px; -webkit-transition: all 300ms; transition: all 300ms; } .one-page-top.effect-fill .desk-menu > ul > li.current-menu-item > a, .one-page-top.effect-fill .desk-menu > ul > li.current-menu-parent > a, .one-page-top.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: transparent !important; } .one-page-top.effect-outline .desk-menu > ul > li.current-menu-item > a, .one-page-top.effect-outline .desk-menu > ul > li.current-menu-parent > a, .one-page-top.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: none !important; } /*FIXED*/ .page-content-wrap { -webkit-transition: padding-top 300ms linear; -ms-transition: padding-top 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .page-content-wrap.fixed-true.header-version3 { -webkit-transition: none; -ms-transition: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.fixed-true { position: fixed; top: 0; left: 0; -webkit-transition:height 300ms linear, transform 300ms linear; -ms-transition:height 300ms linear, transform 300ms linear; transition:height 300ms linear, transform 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .desk.fixed-true .header-body { -webkit-transition:height 300ms linear, background-color 300ms linear; -ms-transition:height 300ms linear, background-color 300ms linear; transition:height 300ms linear, background-color 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.top-true.fixed-true.active { -webkit-transform:translateY(-40px); -ms-transform:translateY(-40px); transform:translateY(-40px); } .desk.fixed-true .logo, .desk.fixed-true .logo-title, .desk.fixed-true .desk-menu > ul > li { -webkit-transition:height 300ms linear, line-height 300ms linear; -ms-transition:height 300ms linear, line-height 300ms linear; transition:height 300ms linear, line-height 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.fixed-true .search, .desk.fixed-true .desk-menu .sub-menu, .desk.fixed-true .woo-cart { -webkit-transition:top 300ms linear; -ms-transition:top 300ms linear; transition:top 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.fixed-true .search-toggle-wrap, .desk.fixed-true .desk-cart-wrap, .desk.fixed-true .desk-cart-wrap > .desk-cart-toggle, .desk.fixed-true .site-sidebar-toggle, .desk.fixed-true .desk-menu > ul > li > a { -webkit-transition:margin-top 300ms linear, background-image 300ms linear, box-shadow 300ms linear; -ms-transition:margin-top 300ms linear, background-image 300ms linear, box-shadow 300ms linear; transition:margin-top 300ms linear, background-image 300ms linear, box-shadow 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.fixed-true .site-sidebar-toggle { -webkit-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear; } .desk.fixed-true .search-toggle:before, .desk.fixed-true .desk-cart-wrap:before, .desk.fixed-true .desk-cart-wrap > .desk-cart-toggle:before { -webkit-transition:background-image 300ms linear; -ms-transition:background-image 300ms linear; transition:background-image 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .desk.fixed-true .desk-menu > ul > li > a { -webkit-transition:margin-top 300ms linear, color 300ms linear, box-shadow 300ms linear, background-color 300ms linear; -ms-transition:margin-top 300ms linear, color 300ms linear, box-shadow 300ms linear, background-color 300ms linear; transition:margin-top 300ms linear, color 300ms linear, box-shadow 300ms linear, background-color 300ms linear; } .desk.fixed-true .desk-cart-toggle span { -webkit-transition:color 300ms linear, background-color 300ms linear; -ms-transition:color 300ms linear, background-color 300ms linear; transition:color 300ms linear, background-color 300ms linear; } /*VERSIONS*/ .version2.desk .left-part {float: left;width: 435px;} .version2.desk .right-part {float: right;width: 435px;} .version2.desk .logo-part { width: 300px; padding: 0 25px; position: absolute; top: 0; left: 435px; } .version2.desk .left-part .desk-menu {float:right;} .version2.desk .right-part .desk-menu {float:left;} .version2.desk .logo-title { font-size: 38px; text-align: center; } .version2.desk .logo, .version2.desk .logo-title { padding:0; float: none; } .version2.search-true .search-toggle-wrap { margin-right: 15px !important; margin-left: 0px !important; } .version2.sidebar-toggle-true .search { right: auto; left: -15px; } .version2.cart-true .desk-cart-wrap { margin-left: 15px !important; margin-right: 0px !important; float: left; } .version2 .site-sidebar-toggle { margin-right: 25px !important; margin-left: 0px !important; } .version2 .fixed-logo { -webkit-transform: translate(4px,1px); -ms-transform: translate(4px,1px); transform: translate(4px,1px); } .version3 .header-social-links { float: right; position: relative; height: 40px; } .version3.search-false.cart-false.sidebar-toggle-false .header-social-links { margin-left:50px; } .version3.fixed-true .header-social-links { -webkit-transition: margin-top 300ms linear; -ms-transition: margin-top 300ms linear; transition: margin-top 300ms linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .version3 .header-social-links a { background-color: transparent !important; width: 36px; height: 40px; line-height: 40px; border-radius: 0px; border: none; margin: 0; } .version3 .header-social-links a:hover { background-color: transparent !important; } .desk.version3 .header-social-links a.icon-rss:hover {color:#fba933 !important;} .desk.version3 .header-social-links a.icon-facebook:hover {color:#607bb3 !important;} .desk.version3 .header-social-links a.icon-twitter:hover {color:#37bbf5 !important;} .desk.version3 .header-social-links a.icon-skype:hover {color:#37bbf5 !important;} .desk.version3 .header-social-links a.icon-googleplus:hover {color:#e74b32 !important;} .desk.version3 .header-social-links a.icon-youtube:hover {color:#c63c39 !important;} .desk.version3 .header-social-links a.icon-vimeo:hover {color:#2bc2f4 !important;} .desk.version3 .header-social-links a.icon-linkedin:hover {color:#319cda !important;} .desk.version3 .header-social-links a.icon-flickr:hover {color:#ee4086 !important;} .desk.version3 .header-social-links a.icon-pinterest:hover {color:#db2e36 !important;} .desk.version3 .header-social-links a.icon-instagram:hover {color:#5280a5 !important;} .desk.version3 .header-social-links a.icon-apple:hover {color:#01aef3 !important;} .desk.version3 .header-social-links a.icon-dribbble:hover {color:#eb4c89 !important;} .desk.version3 .header-social-links a.icon-android:hover {color:#92b83e !important;} .desk.version3 .header-social-links a.icon-behance:hover {color:#1b82dc !important;} .desk.version3 .header-social-links a.icon-envelope:hover {color:#4c5256 !important;} .revolution-slider-active .version3.fixed-true { position:relative; } .revolution-slider-active .version3.fixed-true.active { position: fixed; top: 0; left: 0; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } /*MIX*/ .slider-banner { position: absolute; top: 0; margin: 0 !important; left: 50%; -webkit-transform:translate(-50%,-51%) scale(1,1); -ms-transform:translate(-50%,-51%) scale(1,1); transform:translate(-50%,-51%) scale(1,1); z-index: 54; width: 1170px !important; max-width: 1170px !important; } .inactive-true .rich-header .fixed-container { margin-top: 0 !important; height:100%; } .inactive-true .rich-header .parallax-container {top:0px;} .inactive-true .rich-header .parallax-container {height:100%;} .widget_calendar caption, .widget_calendar th, .widget_calendar td, .widget_calendar td#prev, .widget_calendar td#next, .widget_calendar td#prev span, .widget_calendar td#next span { height: 41px; width: 41px; line-height:41px; } .nz-circle { width: 288px; } .slick-prev{left:150px;} .slick-next{right:150px;} .col8 .nz-tabs.vertical .tabset, .col9 .nz-tabs.vertical .tabset, .col10 .nz-tabs.vertical .tabset, .col11 .nz-tabs.vertical .tabset, .col12 .nz-tabs.vertical .tabset { width: 20%; } .col8 .nz-tabs.vertical .tabs-container, .col9 .nz-tabs.vertical .tabs-container, .col10 .nz-tabs.vertical .tabs-container, .col11 .nz-tabs.vertical .tabs-container, .col12 .nz-tabs.vertical .tabs-container{ width: 80%; } .nz-gallery[data-columns="5"] .wp-caption-text, .nz-gallery[data-columns="6"] .wp-caption-text { display:block; } .woocommerce .main-content .products .product {width: 50%;} .nz-related-products.column-4 *[data-grid="ninzio_01"], .nz-counter[data-columns="4"] > .nz-count {width: 25% !important;} .main-content .nz-related-products.column-4 *[data-grid="ninzio_01"] { width: 50% !important; } .nz-counter.nz-counter[data-columns="3"] > .nz-count:after { width: 150px; margin-right: -75px; } .nz-image-banner .banner-img { max-width: 535px; } .nz-image-banner .banner-content { max-width: 535px; } .nz-image-banner .banner-content:before { max-width: 1170px; width: 1170px; } .ninzio-filter { text-align: center; max-width: 1170px; margin: 0 auto 70px auto; } .ninzio-filter .container { text-align:center; display: inline-block; width: auto; margin: 0; position: relative; } .ninzio-filter .filter { cursor: pointer; display:inline-block; padding: 10px 25px; border-radius: 200px; margin-bottom: 3px; line-height: 22px; width: auto; position: relative; z-index: 3; color: #777; box-shadow: inset 0 0 0 2px #e0e0e0; -webkit-transition: all 0.3s; transition: all 0.3s; } .nz-recent-projects .ninzio-filter .filter { margin-right: 3px; } .nz-products-filter .filter { margin-right: 3px; } .ninzio-filter .filter:not(.active):hover { box-shadow: inset 0 0 0 2px #c0c0c0; } .ninzio-filter .filter-container {display: inline !important;} .ninzio-filter .filter-toggle { display: none; } .ninzio-filter .filter:last-child { margin-right: 0; } .ninzio-filter .filter.active { z-index: 15; color: #fff; } .main-content .ninzio-filter { text-align: left; margin-bottom:70px; position: relative; } .main-content .ninzio-filter .filter-container { display: none; } .main-content .filter-toggle { display: block; position: absolute; width: 20px; height: 20px; top: 11px; right: 25px; cursor: pointer; background: url(images/burger_menu.png) no-repeat center center; z-index: 25; } .main-content .ninzio-filter .filter { cursor: pointer; display:block; padding: 10px 25px; line-height: 22px; margin-top: -1px; width:100%; position: relative; z-index: 3; color: #777; box-shadow: inset 0 0 0 1px #e0e0e0; background-color: #edecea; -webkit-transition: all 300ms; transition: all 300ms; float: none; margin-bottom: 0; } .main-content .ninzio-filter .filter.active:before, .main-content .ninzio-filter .filter:before { display: none; } .main-content .ninzio-filter .filter:last-child { margin-right: 0; } .main-content .ninzio-filter .filter:after { content: attr(data-count); width: 26px; height: 26px; font-size: 12px; border-radius: 26px; line-height: 26px; margin-top: -2px; display: inline-block; text-align: center; color: #777 !important; float: right; margin-right: 40px; background-color: #fff; } .main-content .ninzio-filter .filter.active { background-color: #f7f7f7; box-shadow: inset 0 0 0 1px #e0e0e0; } .main-content .ninzio-filter .filter.active:after { background-color: #edecea; color: #777 !important; } .single-product-image { width: 55%; } .single-product-summary { width: 45%; } .main-content .single-product-image { width: 50%; } .main-content .single-product-summary { width: 50%; } .woocommerce .main-content .post-social-share { padding: 5px; } .woocommerce .main-content .share-label { padding-right: 10px; } .main-content .single-image-content .ninzio-label { top: 36px; } .nz-recent-products[data-columns="2"] .product { width: 50%; float: left; } .woocommerce .loop .main-content {width: calc(100% - 292.5px);} .woocommerce .loop .sidebar {width: 292.5px;} .single .post .post-meta { padding-left: 100px; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] {width:100% !important;float: none;} .list .loop .blog-post *[data-grid="ninzio_01"] > .nz-thumbnail, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-body, .list .loop .blog-post *[data-grid="ninzio_01"] > .post-gallery { float: left; display: table-cell; width: 585px; min-height: 479px; } .list .loop .blog-post *[data-grid="ninzio_01"]:nth-child(2n+2) > .nz-thumbnail, .list .loop .blog-post *[data-grid="ninzio_01"]:nth-child(2n+2) > .post-gallery { float: right; } .list .loop .blog-post *[data-grid="ninzio_01"]:nth-child(2n+2) > .post-body { float: left; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] { width: 100% !important; float: none; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .nz-thumbnail, .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .post-body, .list .loop .main-content .blog-post *[data-grid="ninzio_01"] > .post-gallery { display: table-cell; width: 408px; min-height: 335px; } .list .loop .blog-post *[data-grid="ninzio_01"] .post-body { padding: 0px !important; } .list .loop .blog-post *[data-grid="ninzio_01"] .post-body-in, .list .loop .main-content .blog-post *[data-grid="ninzio_01"] .post-body-in { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px 50px; } .list .loop .main-content .blog-post *[data-grid="ninzio_01"] .post-body-in { padding: 40px 30px; } .list .loop .main-content .blog-post .post .post-title { font-size: 20px; line-height: 30px; } .list .loop .main-content .blog-post .post .post-date-full { display: none; } .widget-area:not(.site-widget-area) .widget_calendar caption, .widget-area:not(.site-widget-area) .widget_calendar th, .widget-area:not(.site-widget-area) .widget_calendar td, .widget-area:not(.site-widget-area) .widget_calendar td#prev, .widget-area:not(.site-widget-area) .widget_calendar td#next, .widget-area:not(.site-widget-area) .widget_calendar td#prev span, .widget-area:not(.site-widget-area) .widget_calendar td#next span { height: 41px; width: 41px; line-height:41px; } .single-project-main-detailes .main-content, .single-project-main-detailes .sidebar { float: none !important; } .site-overlay.animated { cursor:url("images/close.png"), auto; } .nz-section.autoheight-true > .nz-row { margin-left: 0; margin-right: 0; overflow: hidden; display: table; width: 100%; } .nz-section.autoheight-true > .nz-row > .col { display: table-cell; vertical-align: top; float: none; padding-left: 0px !important; padding-right: 0px !important; } .nz-section.autoheight-true .valign-middle { vertical-align: middle !important; } .nz-section.autoheight-true .valign-bottom { vertical-align:bottom !important; } } @media only screen and (min-width: 1301px) { #wrap.nz-boxed { width: 1280px;} #wrap.nz-boxed .desk.fixed-true { width: 1280px; left: 50%; margin-left: -640px; } .slick-prev{left:210px;} .slick-next{right:210px;} #wrap.nz-boxed .slick-prev{left:180px;} #wrap.nz-boxed .slick-next{right:180px;} } @media only screen and (min-width: 1600px) { .slick-prev{left:310px;} .slick-next{right:310px;} #wrap.nz-boxed .slick-prev{left:180px;} #wrap.nz-boxed .slick-next{right:180px;} .woocommerce .main-content .products .product { width: 50%; } .woocommerce.single .main-content .products .product { width:100%; } .nz-recent-products[data-columns="2"] .products .product { width: 50% !important; } .nz-recent-products[data-columns="1"] .products .product { width: 100% !important; } } @media only screen and (min-width: 1601px) { .slick-prev{left:410px;} .slick-next{right:410px;} #wrap.nz-boxed .slick-prev{left:180px;} #wrap.nz-boxed .slick-next{right:180px;} } /* 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) { blockquote:after{ background-image: url(images/quote%402.html); background-size:21px 20px; } #top { background-image: url(images/gotop_icon.png); background-repeat: no-repeat; background-position: center center; } .nz-overlay-before, #nz-content .nz-single-image:before, .gallery-item .nz-overlay-before { background-image: url(images/plus_large%402.html); background-size:50px 50px; } .search-form input[type="submit"], .mob-header-content .search input[type="submit"], .widget_search input[type="submit"], .widget_product_search input[type="submit"], .woocommerce-product-search input[type="submit"], .desk .search input[type="submit"], .iversion-dark .search-toggle:before, .fiversion-dark.active .search-toggle:before { background-image: url(images/search%402.html); background-size:22px 23px; } .mob-header-top .mob-menu-toggle.animated, .mob-sidebar-toggle2.animated, .mob-sidebar-toggle.animated, .iversion-dark .desk-cart-toggle:after, .fiversion-dark.active .desk-cart-toggle:after, .iversion-dark .search-toggle:after, .fiversion-dark.active .search-toggle:after { background-image:url(images/close.png); background-size:22px 21px; } .mob-header-content .cart-toggle, .woocommerce .product .single-product-summary .button[disabled="disabled"], .woocommerce .product .single-product-summary .added_to_cart[disabled="disabled"], .woocommerce .product .single-product-summary .product_type_external[disabled="disabled"], .iversion-dark .desk-cart-toggle:before, .fiversion-dark.active .desk-cart-toggle:before { background-image:url(images/cart%402.html); background-size:26px 24px; } #mce-EMAIL { background-image: url(images/subscribe_icon%402.html); background-size:25px 18px; } .null-instagram-feed ul li a:before, .photos_from_flickr .flickr_badge_image a:before, .recent-projects > .post a:before { background-image: url(images/plus%402.html); background-size:13px 12px; } .video-modal .video-icon { background-image: url(images/video_icon%402.html); background-size:82px 82px; } .loop .small-image .projects .project-title:after, .loop .medium-image .projects .project-title:after, .loop .large-image .projects .project-title:after, .loop .small-image-nogap .projects .project-title:after, .loop .medium-image-nogap .projects .project-title:after, .nz-recent-projects.small-image .project-title:after, .nz-recent-projects.medium-image .project-title:after, .nz-recent-projects.large-image .project-title:after, .nz-recent-projects.small-image-nogap .project-title:after, .nz-recent-projects.medium-image-nogap .project-title:after, .nz-related-projects .project-title:after { background-image: url(images/arrow_right_white%402.html); background-size:12px 12px; } .sticky-ind { background-image: url(images/pin%402.html); background-size:16px 15px; } .list .loop .post .post-category, .standard .loop .post .post-category { background-image: url(images/category_icon%402.html); background-size:19px 9px; } .standard .loop .sticky-ind { background-image: url(images/pin2%402.html); background-size:16px 15px; } .standard .post-format-status.format-standard { background-image: url(images/format-standard%402.html); background-size:31px 31px; } .standard .post-format-status.format-aside { background-image: url(images/format-aside%402.html); background-size:35px 32px; } .standard .post-format-status.format-audio { background-image: url(images/format-audio%402.html); background-size:35px 31px; } .standard .post-format-status.format-video { background-image: url(images/format-video%402.html); background-size:30px 30px; } .standard .post-format-status.format-gallery { background-image: url(images/format-gallery%402.html); background-size:38px 30px; } .standard .post-format-status.format-link { background-image: url(images/format-link%402.html); background-size:31px 31px; } .standard .post-format-status.format-quote { background-image: url(images/format-quote%402.html); background-size:30px 32px; } .standard .post-format-status.format-status { background-image: url(images/format-status%402.html); background-size:34px 38px; } .standard .post-format-status.format-chat { background-image: url(images/format-chat%402.html); background-size:38px 36px; } .woocommerce .product .single-product-summary .button, .woocommerce .product .single-product-summary .added_to_cart, .woocommerce .product .single-product-summary .product_type_external, .woocommerce .product .single-product-summary .button:hover, .woocommerce .product .single-product-summary .added_to_cart:hover, .woocommerce .product .single-product-summary .product_type_external:hover, .iversion-light .desk-cart-toggle:before, .fiversion-light.active .desk-cart-toggle:before { background-image: url(images/cart_white.png); background-size:26px 24px; } .filter-toggle, .mob-header-top .mob-menu-toggle, .mob-sidebar-toggle, .iversion-dark .site-sidebar-toggle, .fiversion-dark.active .site-sidebar-toggle { background: url(images/menu.png) no-repeat center center; background-size:22px 15px; } .iversion-light .site-sidebar-toggle, .fiversion-light.active .site-sidebar-toggle, .filter.active + .filter-toggle { background-image: url(images/menu_white.png); background-size:22px 15px; } .iversion-light .search-toggle:before, .fiversion-light.active .search-toggle:before { background-image: url(images/search_white.png); background-size:22px 23px; } .iversion-light .desk-cart-toggle:after, .fiversion-light.active .desk-cart-toggle:after, .iversion-light .search-toggle:after, .fiversion-light.active .search-toggle:after, .mob-sidebar-toggle2 { background-image:url(images/close_white.png); background-size:22px 21px; } .woo-cart .widget_shopping_cart .cart_list > li.empty { background-image: url(images/no_product.png); background-size:26px 24px; } .main-content .filter-toggle { background: url(images/burger_menu.png) no-repeat center center; background-size:16px 15px; } @media only screen and (max-width: 320px) { .site-widget-area #mc-embedded-subscribe, .sidebar #mc-embedded-subscribe, #mc-embedded-subscribe { background-image: url(images/arrow_right_white.png); background-size:12px 12px; } } } .ninzio-border-left > .col-inner { position: relative; } .ninzio-border-left > .col-inner:before { position: absolute; top: 0; left: 0; width: 3px; height: 100%; display: block; content: ""; background-color: #1dcbb5; } .ninzio-latter-spacing { letter-spacing: 2px; } .page-id-4378 .rich-header.version2 h1 { text-shadow: none; } @media only screen and (max-width: 1023px) { .ninzio-no-padding { padding-left: 25px !important; padding-right: 25px !important; } .ninzio-no-padding .col-inner { padding-left: 0px !important; text-align: center; } .ninzio-no-padding .ninzio-border-left > .col-inner:before { display: none !important; } } @media only screen and (min-width: 1100px) { .nz-bar { float: left; padding: 0 20px; line-height: 38px; height: 40px; } .nz-bar:first-child { padding-left: 0px; } .nz-bar .nz-icon { margin: 0 10px 0 0; vertical-align: middle; position: relative; top: -1px; } } /* MISC /*-------------------------*/ .loop .medium-image-nogap .project-title, .loop .small-image-nogap .project-title, .loop .large-image .project-title, .loop .medium-image .project-title, .loop .small-image .project-title, .nz-recent-projects.medium-image-nogap .project-title, .nz-recent-projects.small-image-nogap .project-title, .nz-recent-projects.large-image .project-title, .nz-recent-projects.medium-image .project-title, .nz-recent-projects.small-image .project-title, .nz-related-projects .project-title { background-color: rgba(221, 50, 25, 0.9) !important; } /* TYPOGRAPHY /*-------------------------*/ body, input, pre, code, kbd, samp, dt { font-size: 14px; line-height: 24px; font-family: Open Sans; } h1, h2, h3, h4, h5, h6 { text-transform: none; } h1 { font-size: 24px; line-height: 34px; } h2 { font-size: 22px; line-height: 32px; } h3 { font-size: 20px; line-height: 30px; } h4 { font-size: 18px; line-height: 28px; } h5 { font-size: 16px; line-height: 26px; } h6 { font-size: 14px; line-height: 24px; } .ls a, .mob-menu li a, #nz-content .search input[type="text"], .mob-header-content .header-top-menu li a, .mob-header-content .top-button { } textarea, select, button, .button, .button .txt, .widget_product_categories ul li a, .widget_nz_recent_entries .post-date, input[type="month"], input[type="number"], input[type="submit"], input[type="button"], input[type="date"], input[type="datetime"], input[type="password"], input[type="search"], input[type="datetime-local"], input[type="email"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input[type="reset"] { font-size: 14px; } /* BACKGROUND /*-------------------------*/ html, #gen-wrap { background-color: #ffffff; } .shoping-cart .rich-header, .woo-account .rich-header, .shoping-cart .parallax-container, .woo-account .parallax-container, .shoping-cart .fixed-container, .woo-account .fixed-container { background-image: url(../upload/header_bg2.jpg); background-repeat: no-repeat; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center; } .shoping-cart .rich-header h1, .woo-account .rich-header h1 { color: #ffffff; } .shoping-cart .rich-header .nz-breadcrumbs, .woo-account .rich-header .nz-breadcrumbs { color: #ffffff; } /* COLOR /*-------------------------*/ ::-moz-selection { background-color: #380e70; color: #ffffff; } ::selection { background-color: #380e70; color: #ffffff; } .sidebar a:not(.button):not(.ui-slider-handle) { color: #380e70; } .mob-menu li a:hover, .mob-menu .current-menu-item > a, .mob-menu .current-menu-parent > a, .mob-menu .current-menu-ancestor > a, .mob-menu ul li > a:hover > .di, .mob-menu .current-menu-item > a > .di, .mob-menu .current-menu-parent > a > .di, .mob-menu .current-menu-ancestor > a > .di, .mob-header-content .header-top-menu li a:hover, .mob-header-content .header-top-menu .current-menu-item > a, .mob-header-content .header-top-menu .current-menu-parent > a, .mob-header-content .header-top-menu .current-menu-ancestor > a, .mob-header-content .header-top-menu ul li > a:hover > .di, .mob-header-content .header-top-menu .current-menu-item > a > .di, .mob-header-content .header-top-menu .current-menu-parent > a > .di, .mob-header-content .header-top-menu .current-menu-ancestor > a > .di, .widget_product_search form:hover:after, .widget_categories ul li a:hover, .widget_meta ul li a:hover, .widget_pages ul li a:hover, .widget_archive ul li a:hover, .widget_product_categories ul li a:hover, .widget_nav_menu ul li a:hover, .widget_nav_menu ul li:hover > a > span.toggle, .widget_product_categories ul li:hover > a > span.toggle, .widget_calendar td a, .widget_rss a:hover, .widget_nz_recent_entries a:hover, .widget_recent_comments a:hover, .widget_recent_entries a:hover, .widget_twitter ul li a, .search-r .post-title a, .project-category a:hover, .project-details a:hover, .nz-related-portfolio .project-details a:hover, .single-details .nz-i-list a:hover, .blog-post .post .post-title:hover > a, .nz-recent-posts .post .post-title:hover > a, .blog-post .post .post-meta a:hover, .nz-recent-posts .post .post-meta a:hover, .blog-post .post .post-meta a:hover i, .nz-recent-posts .post .post-meta a:hover i, .woocommerce .product .price, .widget_shopping_cart .cart_list > li > a:hover, .widget_products .product_list_widget > li > a:hover, .widget_recently_viewed_products .product_list_widget > li > a:hover, .widget_recent_reviews .product_list_widget > li > a:hover, .widget_top_rated_products .product_list_widget > li > a:hover, .single-post-content a:not(.button), .nz-breadcrumbs a:hover, .post .post-more:hover, .post .post-category a:hover, .events .events-category a:hover, .events .events-title a:hover, .error404-big, .nz-content-box-2 a:hover .box-title h3, .widget_twitter ul li:before, .nz-breadcrumbs > *:before, .post-comments a:hover, .post-likes .jm-post-like:hover, .widget .widget-post-category a:not(.button):hover, .widget_twitter ul li a.tweet-time:hover, .page-content-wrap .widget_icl_lang_sel_widget li a:hover, .page-content-wrap .widget_icl_lang_sel_widget li a:hover, .page-content-wrap .widget_icl_lang_sel_widget #lang_sel_click a:hover, .widget-area.site-widget-area .widget_icl_lang_sel_widget li a:hover, .widget-area.site-widget-area .widget_icl_lang_sel_widget #lang_sel_click a:hover, .site-widget-area .widget_rss a:hover, .site-widget-area .widget_nz_recent_entries a:hover, .site-widget-area .widget_recent_comments a:hover, .site-widget-area .widget_recent_entries a:hover, .site-widget-area .null-instagram-feed a[rel="me"]:hover, .comment-meta .replay a:hover, .comment-content .edit-link a:hover, .loop .project-title a:hover, .loop .projects-category a:hover, .nz-related-projects .projects-category a:hover, .nz-recent-projects .projects-category a:hover { color: #380e70 !important; } #nz-content a:not(.button), #nz-content a:not(.button):visited, .woo-cart .widget_shopping_cart .cart_list > li > a:hover, .woocommerce .single-product-summary .product_meta a, .widget_shopping_cart .cart_list > li > a:hover, .widget_products .product_list_widget > li > a:hover, .widget_recently_viewed_products .product_list_widget > li > a:hover, .widget_recent_reviews .product_list_widget > li > a:hover, .widget_top_rated_products .product_list_widget > li > a:hover, .reset_variations:hover, .event-icon, .post-comments-area .comments-title, .widget_categories ul li a:before, .widget_pages ul li a:before, .widget_archive ul li a:before, .widget_meta ul li a:before, .post-comments-area a, .tabset .tab.active { color: #380e70; } #nz-content a:not(.button):hover, #nz-content a:not(.button):visited:hover, .woocommerce .single-product-summary .product_meta a:hover { color: rgb(91, 143, -7); } .widget_nav_menu li:after, .widget_product_categories li:after, .flex-control-paging li a.flex-active, .flex-direction-nav a:hover, .ninzio-slider-bullets span:hover, .ninzio-slider-bullets span.current-bullet, .ninzio-navigation li a:hover, .ninzio-navigation li span.current, .woocommerce-pagination li a:hover, .woocommerce-pagination li span.current, .owl-controls .owl-buttons div:hover, .widget_price_filter .ui-slider .ui-slider-range, .nz-persons .person .title:after, .post .post-date:after, #mc-embedded-subscribe + span, .tab-img-tabset .tab-img:after, .widget_title:before, #nz-content .nz-single-image:before, .post .post-category:after, .post .post-category:before, .widget_twitter .follow, .nz-content-box-2 .box-title h3:after, .nz-content-box-2 .box-title h3:before, .nz-persons .person .title:after, .nz-persons .person .title:before, .cart-toggle span, .header-top .header-top-menu ul .submenu-languages li a:after, .mob-menu-toggle2:hover, #top, .widget_calendar td#today, .single .project-details ul li:after, .desk-menu .sub-menu li > a:before, .widget_nz_recent_entries .post .post-date-custom > span:first-child, .widget_twitter ul li:after, .standard .post-date-custom, .standard .post-format-status, .ninzio-filter .filter.active, .woocommerce-tabs .tabs > li.active:before { background-color: #380e70 !important; } .nz-overlay-before, #nz-content .nz-single-image:before { background-color: transparent !important; } .nz-pricing-table > .column .title:after { border-bottom: 3em solid #380e70; } .owl-controls .owl-page.active, .ninzio-filter .filter.active { box-shadow: inset 0 0 0 2px #380e70; } #mce-EMAIL { box-shadow: inset 0 0 0 3px #380e70; } .shop-loader:before { border: 1px solid #380e70; } .nz-loader { border-top: 1px solid rgba(141, 193, 43, 0.1); border-right: 1px solid rgba(141, 193, 43, 0.1); border-bottom: 1px solid rgba(141, 193, 43, 0.1); border-left: 1px solid rgba(141, 193, 43, 0.5); } .widget_price_filter .ui-slider .ui-slider-handle { border-color: #380e70 !important; } .single-details .nz-i-list span.icon { box-shadow: inset 0 0 0 20px #380e70; } .blog-post .post .post-date-full:after, .nz-recent-posts .post .post-date-full:after { border-color: transparent transparent #380e70 transparent; } .blog-post .post .post-date-full:before, .nz-recent-posts .post .post-date-full:before, .woocommerce .product .onsale:before { border-color: #380e70 transparent transparent transparent; } button, input[type="reset"], input[type="submit"], input[type="button"], .single-details .project-link, .wc-proceed-to-checkout a, .woocommerce-message .button.wc-forward, .widget_shopping_cart p.buttons > a, a.edit, a.view, #nz-content .nz-single-image:before, .blog-post .post .post-date-full, .nz-recent-posts .post .post-date-full, .nz-related-projects .project-title, .nz-accordion .toggle-title.active .border, .nz-accordion .toggle-title.active .hor, .nz-accordion .toggle-title.active .ver, .tabset .tab .before { background-color: #380e70; } .widget_recent_projects .ninzio-overlay { background-color: rgba(141, 193, 43, 0.9); } button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, .single-details .project-link:hover, .woocommerce .single-product-summary .button:hover, .wc-proceed-to-checkout a:hover, .woocommerce-message .button.wc-forward:hover, .single_add_to_cart_button:hover, .widget_shopping_cart p.buttons > a:hover, a.edit:hover, a.view:hover { background-color: rgb(15, 154, 70); } .default.button-normal { background-color: #380e70 } .default.button-ghost { box-shadow: inset 0 0 0 2px #380e70; color: #380e70; } .default.button-3d { background-color: #380e70; box-shadow: 0 4px rgb(91, 143, -7); } .default.animate-false.button-3d:hover { box-shadow: 0 2px rgb(91, 143, -7); } .default.animate-false.button-normal.hover-fill:hover { background-color: rgb(121, 173, 23); } .default.button-ghost.hover-fill:hover, .default.button-ghost.hover-drop:after, .default.button-ghost.hover-side:after, .default.button-ghost.hover-scene:after, .default.button-ghost.hover-screen:after { background-color: #380e70; } #mc-embedded-subscribe:hover + span { background-color: rgb(91, 143, -7) !important; } /* HEADER /*-------------------------*/ .mob-header-top { height: 50px !important; line-height: 50px !important; } .mob-header-top .mob-menu-toggle, .mob-sidebar-toggle { top: 10px !important; } .version1 .header-top { background-color: rgba(250, 250, 250, 1); } .version1 .header-top .header-top-menu ul li a { color: #999999; } .version1 .header-top .header-top-menu ul li:hover > a { color: #380e70; } .version1 .header-top .header-top-menu > ul > li:not(:last-child):after { color: rgba(153, 153, 153, 0.3); } .version1 .header-top .top-button { color: #ffffff; background-color: #380e70; } .version1 .header-top .top-button:hover { background-color: rgb(125, 191, -3); } .version1 .header-top .header-top-social-links a { color: #999999 !important; } .version1 .header-top .header-top-menu ul li ul.submenu-languages, .version1 .desk-menu > ul > li ul.submenu-languages { width: 149px; } .version1.top-false { height: 90px; } .version1.top-true { height: 130px; } .version1 .header-body { background-color: rgba(255, 255, 255, 0); height: 90px; } .version1 .logo, .version1 .logo-title { height: 90px; line-height: 90px; } .version1 .desk-menu .sub-menu { top: 90px; } .version1 .search { top: 65px; } .version1 .search-toggle-wrap, .version1 .desk-cart-wrap, .version1 .site-sidebar-toggle { margin-top: 25px; } .version1 .site-sidebar-toggle { background-color: transparent; box-shadow: inset 0 0 0 2px none; } .version1 .woo-cart { top: 65px; } .version1 .desk-menu > ul > li { margin-left: 20px !important; height: 90px; line-height: 90px; } .version1:not(.active) .logo-title { color: #ffffff; } .version1 .desk-menu > ul > li > a { color: #ffffff; text-transform: uppercase; font-weight: 400; font-size: 14px; margin-top: 30px; } .version1 .desk-menu > ul > li.menu-item-language > a > .txt { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .version1 .desk-menu > ul > li.menu-item-language:hover > a > .txt { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7); } .version1 .desk-menu > ul > li:hover > a, .version1 .desk-menu > ul > li.one-page-active > a, .version1 .desk-menu > ul > li.current-menu-item > a, .version1 .desk-menu > ul > li.current-menu-parent > a, .version1 .desk-menu > ul > li.current-menu-ancestor > a { color: #ffffff; } .one-page-top.version1 .desk-menu > ul > li.current-menu-item > a, .one-page-top.version1 .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version1 .desk-menu > ul > li.current-menu-ancestor > a { color: #ffffff; } .one-page-top.version1 .desk-menu > ul > li:hover > a, .one-page-top.version1 .desk-menu > ul > li.one-page-active > a { color: #ffffff !important; } .version1 .desk-menu .sub-menu, .version1 .header-top .header-top-menu ul li ul, .version1 .search, .version1 .woo-cart { background-color: #292929; } .version1 .desk-menu .sub-menu .sub-menu { background-color: rgb(21, 21, 21); } .version1 .desk-menu .sub-menu li > a { color: #999999; text-transform: none; font-weight: 400; font-size: 13px; line-height: 22px; } .version1 .desk-menu .sub-menu li > a:before { background-color: #380e70 !important; } .version1 .header-top .header-top-menu ul li ul li a { color: #999999; } .version1 .desk-menu .sub-menu li:hover > a, .version1 .header-top .header-top-menu ul li ul li:hover > a { color: #e2e2e2; } .version1 .desk-menu [data-mm="true"] > .sub-menu > li > a { text-transform: uppercase; font-weight: 400; font-size: 14px; color: #ffffff !important; } .version1 .search-true.cart-false .search-toggle:after, .version1 .cart-true .desk-cart-wrap:after { background-color: rgba(255, 255, 255, 0.2); } .version1 .search input[type="text"], .version1 .woo-cart { color: #999999; } .version1 .desk-cart-toggle span { color: #ffffff; background-color: #380e70; } .version1 .woo-cart .widget_shopping_cart .cart_list li { border-bottom: 1px solid rgba(153, 153, 153, 0.2); } .version1 .woo-cart .widget_shopping_cart .cart_list li .remove { background-color: rgb(21, 21, 21); } .version1 .woo-cart .widget_shopping_cart .cart_list li .remove:hover { background-color: rgb(11, 11, 11) !important; } .version1 .woo-cart .widget_shopping_cart .cart_list li img { background-color: rgba(153, 153, 153, 0.1); } .version1 .woo-cart .widget_shopping_cart .cart_list li:hover img { background-color: rgba(153, 153, 153, 0.2); } .version1 .woo-cart .widget_shopping_cart p.buttons > a { color: #ffffff; background-color: #380e70; } .version1 .woo-cart .widget_shopping_cart p.buttons > a:hover { background-color: rgb(125, 191, -3); } /*EFFECTS*/ .version1.effect-underline .desk-menu > ul > li > a:after, .version1.effect-overline .desk-menu > ul > li > a:after, .version1.effect-fill .desk-menu > ul > li:hover > a, .version1.effect-fill .desk-menu > ul > li.one-page-active > a, .version1.effect-fill .desk-menu > ul > li.current-menu-item > a, .version1.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version1.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(145, 211, 17, 1); } .one-page-top.version1.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version1.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(145, 211, 17, 1) !important; } .version1.effect-outline .desk-menu > ul > li:hover > a, .version1.effect-outline .desk-menu > ul > li.one-page-active > a, .version1.effect-outline .desk-menu > ul > li.current-menu-item > a, .version1.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version1.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(145, 211, 17, 1); } .one-page-top.version1.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version1.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(145, 211, 17, 1) !important; } .version1.effect-overline .desk-menu > ul > li > a:after { top: -30px; } /*FIXED*/ .version1.fixed-true.active .header-body, .version1.fixed-true.active { height: 90px; } .version1.fixed-true.active.top-true { height: 130px; } .version1.fixed-true.active .logo, .version1.fixed-true.active .logo-title { height: 90px; line-height: 90px; } .version1.fixed-true.active .desk-menu .sub-menu { top: 90px; } .version1.fixed-true.active .search { top: 65px; } .version1.fixed-true.active .search-toggle-wrap, .version1.fixed-true.active .desk-cart-wrap, .version1.fixed-true.active .site-sidebar-toggle { margin-top: 25px; } .version1.fixed-true.active .woo-cart { top: 65px; } .version1.fixed-true.active .desk-menu > ul > li { height: 90px; line-height: 90px; } .version1.fixed-true.active .desk-menu > ul > li > a { margin-top: 30px; } .version1.fixed-true.active .logo-title { color: #777777; } .version1.fixed-true.active .header-body { background-color: rgba(255, 255, 255, 1); } .version1.fixed-true.active .desk-menu > ul > li > a { color: #777777; } .version1.fixed-true.active .desk-menu > ul > li:hover > a, .version1.fixed-true.active .desk-menu > ul > li.one-page-active > a, .version1.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .version1.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .version1.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #380e70; } .one-page-top.version1.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .one-page-top.version1.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version1.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #777777; } .one-page-top.version1.fixed-true.active .desk-menu > ul > li:hover > a, .one-page-top.version1.fixed-true.active .desk-menu > ul > li.one-page-active > a { color: #380e70 !important; } .version1.fixed-true.active .site-sidebar-toggle { background-color: transparent; box-shadow: inset 0 0 0 2px none; } .version1.fixed-true.active .search-true.cart-false .search-toggle:after, .version1.fixed-true.active .cart-true .desk-cart-wrap:after { background-color: rgba(119, 119, 119, 0.2); } .version1.fixed-true.active .desk-cart-toggle span { color: #ffffff; background-color: #380e70; } .version1.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .version1.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a, .version1.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-item > a, .version1.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version1.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(145, 211, 17, 1); } .one-page-top.version1.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version1.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(145, 211, 17, 1) !important; } .version1.fixed-true.active.effect-underline .desk-menu > ul > li > a:after, .version1.fixed-true.active.effect-overline .desk-menu > ul > li > a:after, .version1.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .version1.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a, .version1.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-item > a, .version1.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version1.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(145, 211, 17, 1); } .one-page-top.version1.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version1.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(145, 211, 17, 1) !important; } .version2 .header-top { background-color: rgba(250, 250, 250, 1); } .version2 .header-top .header-top-menu ul li a { color: #999999; } .version2 .header-top .header-top-menu ul li:hover > a { color: #aaef24; } .version2 .header-top .header-top-menu > ul > li:not(:last-child):after { color: rgba(153, 153, 153, 0.3); } .version2 .header-top .top-button { color: #aaef24; background-color: #ffffff; } .version2 .header-top .top-button:hover { background-color: rgb(235, 235, 235); } .version2 .header-top .header-top-social-links a { color: #999999 !important; } .version2 .header-top .header-top-menu ul li ul.submenu-languages, .version2 .desk-menu > ul > li ul.submenu-languages { width: 149px; } .version2.top-false { height: 90px; } .version2.top-true { height: 130px; } .version2 .header-body { background-color: rgba(255, 255, 255, 1); height: 90px; } .version2 .logo, .version2 .logo-title, .version2.desk .logo-part { height: 90px; line-height: 90px; } .version2 .desk-menu .sub-menu { top: 90px; } .version2 .search { top: 65px; } .version2 .search-toggle-wrap, .version2 .desk-cart-wrap, .version2 .site-sidebar-toggle { margin-top: 25px; } .version2 .site-sidebar-toggle { background-color: transparent; } .version2 .woo-cart { top: 65px; } .version2 .desk-menu > ul > li { margin-left: 20px !important; height: 90px; line-height: 90px; } .version2:not(.active) .logo-title { color: #999999; } .version2 .desk-menu > ul > li > a { color: #999999; text-transform: uppercase; font-weight: 400; font-size: 14px; margin-top: 30px; } .version2 .desk-menu > ul > li.menu-item-language > a > .txt { box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.5); } .version2 .desk-menu > ul > li.menu-item-language:hover > a > .txt { box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.7); } .version2 .desk-menu > ul > li:hover > a, .version2 .desk-menu > ul > li.one-page-active > a, .version2 .desk-menu > ul > li.current-menu-item > a, .version2 .desk-menu > ul > li.current-menu-parent > a, .version2 .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.one-page-top.version2 .desk-menu > ul > li:hover > a, .one-page-top.version2 .desk-menu > ul > li.one-page-active > a { color: #999999 !important; } .one-page-top.version2 .desk-menu > ul > li.current-menu-item > a, .one-page-top.version2 .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version2 .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .version2 .desk-menu .sub-menu, .version2 .header-top .header-top-menu ul li ul, .version2 .search, .version2 .woo-cart { background-color: #292929; } .version2 .desk-menu .sub-menu .sub-menu { background-color: rgb(21, 21, 21); } .version2 .desk-menu .sub-menu li > a { color: #999999; text-transform: none; font-weight: 400; font-size: 13px; line-height: 22px; } .version2 .desk-menu .sub-menu li > a:before { background-color: #aaef24 !important; } .version2 .header-top .header-top-menu ul li ul li a { color: #999999; } .version2 .desk-menu .sub-menu li:hover > a, .version2 .header-top .header-top-menu ul li ul li:hover > a { color: #e2e2e2; } .version2 .desk-menu [data-mm="true"] > .sub-menu > li > a { text-transform: uppercase; font-weight: 400; font-size: 14px; color: #ffffff !important; } .version2 .search-true.cart-false .search-toggle:after, .version2 .cart-true .desk-cart-wrap:after { background-color: rgba(153, 153, 153, 0.2); } .version2 .search input[type="text"], .version2 .woo-cart { color: #999999; } .version2 .desk-cart-toggle span { color: #ffffff; background-color: #aaef24; } .version2 .woo-cart .widget_shopping_cart .cart_list li { border-bottom: 1px solid rgba(153, 153, 153, 0.2); } .version2 .woo-cart .widget_shopping_cart .cart_list li .remove { background-color: rgb(21, 21, 21); } .version2 .woo-cart .widget_shopping_cart .cart_list li .remove:hover { background-color: rgb(11, 11, 11) !important; } .version2 .woo-cart .widget_shopping_cart .cart_list li img { background-color: rgba(153, 153, 153, 0.1); } .version2 .woo-cart .widget_shopping_cart .cart_list li:hover img { background-color: rgba(153, 153, 153, 0.2); } .version2 .woo-cart .widget_shopping_cart p.buttons > a { color: #ffffff; background-color: #aaef24; } .version2 .woo-cart .widget_shopping_cart p.buttons > a:hover { background-color: rgb(150, 219, 16); } /*EFFECTS*/ .version2.effect-underline .desk-menu > ul > li > a:after, .version2.effect-overline .desk-menu > ul > li > a:after, .version2.effect-fill .desk-menu > ul > li:hover > a, .version2.effect-fill .desk-menu > ul > li.one-page-active > a, .version2.effect-fill .desk-menu > ul > li.current-menu-item > a, .version2.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version2.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(170, 239, 36, 1) } .one-page-top.version2.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version2.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(170, 239, 36, 1) !important } .version2.effect-outline .desk-menu > ul > li:hover > a, .version2.effect-outline .desk-menu > ul > li.one-page-active > a, .version2.effect-outline .desk-menu > ul > li.current-menu-item > a, .version2.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version2.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1); } .one-page-top.version2.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version2.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1) !important; } .version2.effect-overline .desk-menu > ul > li > a:after { top: -30px; } /*FIXED*/ .version2.fixed-true.active .header-body, .version2.fixed-true.active { height: 90px; } .version2.fixed-true.active.top-true { height: 130px; } .version2.fixed-true.active .logo, .version2.fixed-true.active .logo-title { height: 90px; line-height: 90px; } .version2.fixed-true.active .desk-menu .sub-menu { top: 90px; } .version2.fixed-true.active .search { top: 65px; } .version2.fixed-true.active .search-toggle-wrap, .version2.fixed-true.active .desk-cart-wrap, .version2.fixed-true.active .site-sidebar-toggle { margin-top: 25px; } .version2.fixed-true.active .woo-cart { top: 65px; } .version2.fixed-true.active .desk-menu > ul > li { height: 90px; line-height: 90px; } .version2.fixed-true.active .desk-menu > ul > li > a { margin-top: 30px; } .version2.fixed-true.active .logo-title { color: #999999; } .version2.fixed-true.active .header-body { background-color: rgba(255, 255, 255, 1); } .version2.fixed-true.active .desk-menu > ul > li > a { color: #999999; } .version2.fixed-true.active .desk-menu > ul > li:hover > a, .version2.fixed-true.active .desk-menu > ul > li.one-page-active > a, .version2.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .version2.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .version2.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.version2.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .one-page-top.version2.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version2.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.version2.fixed-true.active .desk-menu > ul > li:hover > a, .one-page-top.version2.fixed-true.active .desk-menu > ul > li.one-page-active > a { color: #999999 !important; } .version2.fixed-true.active .site-sidebar-toggle { background-color: transparent; box-shadow: inset 0 0 0 2px none; } .version2.fixed-true.active .search-true.cart-false .search-toggle:after, .version2.fixed-true.active .cart-true .desk-cart-wrap:after { background-color: rgba(153, 153, 153, 0.2); } .version2.fixed-true.active .desk-cart-toggle span { color: #ffffff; background-color: #aaef24; } .version2.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .version2.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a, .version2.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-item > a, .version2.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version2.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1); } .one-page-top.version2.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version2.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1) !important; } .version2.fixed-true.active.effect-underline .desk-menu > ul > li > a:after, .version2.fixed-true.active.effect-overline .desk-menu > ul > li > a:after, .version2.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .version2.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a, .version2.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-item > a, .version2.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version2.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(170, 239, 36, 1); } .one-page-top.version2.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version2.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(170, 239, 36, 1) !important; } .version2.fixed-true.active.effect-overline .desk-menu > ul > li > a:after { top: -30px; } .version3 .header-body { background-color: rgba(255, 255, 255, 1); height: 90px; } .version3 .logo, .version3 .logo-title { height: 90px; line-height: 90px; } .version3 .desk-menu .sub-menu { top: 90px; } .version3 .search { top: 65px; } .version3 .search-toggle-wrap, .version3 .desk-cart-wrap, .version3 .site-sidebar-toggle, .version3 .header-social-links { margin-top: 25px; } .version3 .site-sidebar-toggle { background-color: transparent; box-shadow: inset 0 0 0 2px none; } .version3 .woo-cart { top: 65px; } .version3 .desk-menu > ul > li { margin-left: 0px !important; height: 90px; line-height: 90px; } .version3:not(.active) .logo-title { color: #999999; } .version3 .header-social-links a { color: #999999; } .version3 .desk-menu > ul > li > a { color: #999999; text-transform: none; font-weight: 400; font-size: 14px; margin-top: 30px; } .version3 .desk-menu > ul > li.menu-item-language > a > .txt { box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.5); } .version3 .desk-menu > ul > li.menu-item-language:hover > a > .txt { box-shadow: inset 0 0 0 1px rgba(153, 153, 153, 0.7); } .version3 .desk-menu > ul > li:hover > a, .version3 .desk-menu > ul > li.one-page-active > a, .version3 .desk-menu > ul > li.current-menu-item > a, .version3 .desk-menu > ul > li.current-menu-parent > a, .version3 .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.version3 .desk-menu > ul > li:hover > a, .one-page-top.version3 .desk-menu > ul > li.one-page-active > a { color: #999999 !important; } .one-page-top.version3 .desk-menu > ul > li.current-menu-item > a, .one-page-top.version3 .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version3 .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .version3 .desk-menu .sub-menu, .version3 .header-top .header-top-menu ul li ul, .version3 .search, .version3 .woo-cart { background-color: #292929; } .version3 .desk-menu .sub-menu .sub-menu { background-color: rgb(21, 21, 21); } .version3 .desk-menu .sub-menu li > a { color: #999999; text-transform: none; font-weight: 400; font-size: 13px; line-height: 22px; } .version3 .desk-menu .sub-menu li > a:before { background-color: #aaef24 !important; } .version3 .desk-menu .sub-menu li:hover > a { color: #e2e2e2; } .version3 .desk-menu [data-mm="true"] > .sub-menu > li > a { text-transform: none; font-weight: 400; font-size: 14px; color: #ffffff !important; } .version3 .search-true.cart-false .search-toggle:after, .version3 .cart-true .desk-cart-wrap:after { background-color: rgba(153, 153, 153, 0.2); } .version3 .search input[type="text"], .version3 .woo-cart { color: #999999; } .version3 .desk-cart-toggle span { color: #ffffff; background-color: #aaef24; } .version3 .woo-cart .widget_shopping_cart .cart_list li { border-bottom: 1px solid rgba(153, 153, 153, 0.2); } .version3 .woo-cart .widget_shopping_cart .cart_list li .remove { background-color: rgb(21, 21, 21); } .version3 .woo-cart .widget_shopping_cart .cart_list li .remove:hover { background-color: rgb(11, 11, 11) !important; } .version3 .woo-cart .widget_shopping_cart .cart_list li img { background-color: rgba(153, 153, 153, 0.1); } .version3 .woo-cart .widget_shopping_cart .cart_list li:hover img { background-color: rgba(153, 153, 153, 0.2); } .version3 .woo-cart .widget_shopping_cart p.buttons > a { color: #ffffff; background-color: #aaef24; } .version3 .woo-cart .widget_shopping_cart p.buttons > a:hover { background-color: rgb(150, 219, 16); } /*EFFECTS*/ .version3.effect-underline .desk-menu > ul > li > a:after, .version3.effect-overline .desk-menu > ul > li > a:after, .version3.effect-fill .desk-menu > ul > li:hover > a, .version3.effect-fill .desk-menu > ul > li.one-page-active > a, .version3.effect-fill .desk-menu > ul > li.current-menu-item > a, .version3.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version3.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(170, 239, 36, 1) } .one-page-top.version3.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version3.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(170, 239, 36, 1) !important; } .version3.effect-outline .desk-menu > ul > li:hover > a, .version3.effect-outline .desk-menu > ul > li.one-page-active > a, .version3.effect-outline .desk-menu > ul > li.current-menu-item > a, .version3.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version3.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1); } .one-page-top.version3.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version3.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1) !important; } .version3.effect-overline .desk-menu > ul > li > a:after { top: -30px; } /*FIXED*/ .version3.fixed-true.active .header-body, .version3.fixed-true.active { height: 90px; } .version3.fixed-true.active .logo, .version3.fixed-true.active .logo-title { height: 90px; line-height: 90px; } .version3.fixed-true.active .search, .version3.fixed-true.active .desk-menu .sub-menu { top: 90px; } .version3.fixed-true.active .search { top: 65px; } .version3.fixed-true.active .header-social-links, .version3.fixed-true.active .search-toggle-wrap, .version3.fixed-true.active .desk-cart-wrap, .version3.fixed-true.active .site-sidebar-toggle { margin-top: 25px; } .version3.fixed-true.active .woo-cart { top: 65px; } .version3.fixed-true.active .desk-menu > ul > li { height: 90px; line-height: 90px; } .version3.fixed-true.active .desk-menu > ul > li > a { margin-top: 30px; } .version3.fixed-true.active .header-social-links a { color: #999999; } .version3.fixed-true.active .logo-title { color: #999999; } .version3.fixed-true.active .header-body { background-color: rgba(255, 255, 255, 1); } .version3.fixed-true.active .desk-menu > ul > li > a { color: #999999; } .version3.fixed-true.active .desk-menu > ul > li:hover > a, .version3.fixed-true.active .desk-menu > ul > li.one-page-active > a, .version3.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .version3.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .version3.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.version3.fixed-true.active .desk-menu > ul > li.current-menu-item > a, .one-page-top.version3.fixed-true.active .desk-menu > ul > li.current-menu-parent > a, .one-page-top.version3.fixed-true.active .desk-menu > ul > li.current-menu-ancestor > a { color: #999999; } .one-page-top.version3.fixed-true.active .desk-menu > ul > li:hover > a, .one-page-top.version3.fixed-true.active .desk-menu > ul > li.one-page-active > a { color: #999999 !important; } .version3.fixed-true.active .site-sidebar-toggle { background-color: transparent; box-shadow: inset 0 0 0 2px none; } .version3.fixed-true.active .search-true.cart-false .search-toggle:after, .version3.fixed-true.active .cart-true .desk-cart-wrap:after { background-color: rgba(153, 153, 153, 0.2); } .version3.fixed-true.active .desk-cart-toggle span { color: #ffffff; background-color: #aaef24; } .version3.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .version3.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a, .version3.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-item > a, .version3.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-parent > a, .version3.fixed-true.active.effect-outline .desk-menu > ul > li.current-menu-ancestor > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1); } .one-page-top.version3.fixed-true.active.effect-outline .desk-menu > ul > li:hover > a, .one-page-top.version3.fixed-true.active.effect-outline .desk-menu > ul > li.one-page-active > a { box-shadow: inset 0 0 0 2px rgba(170, 239, 36, 1) !important; } .version3.fixed-true.active.effect-underline .desk-menu > ul > li > a:after, .version3.fixed-true.active.effect-overline .desk-menu > ul > li > a:after, .version3.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .version3.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a, .version3.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-item > a, .version3.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-parent > a, .version3.fixed-true.active.effect-fill .desk-menu > ul > li.current-menu-ancestor > a { background-color: rgba(170, 239, 36, 1); } .one-page-top.version3.fixed-true.active.effect-fill .desk-menu > ul > li:hover > a, .one-page-top.version3.fixed-true.active.effect-fill .desk-menu > ul > li.one-page-active > a { background-color: rgba(170, 239, 36, 1) !important; } .one-page-bullets a[href*="#"]:hover, .one-page-bullets .one-page-active[href*="#"] { box-shadow: inset 0 0 0 10px #380e70; } .desk-menu > ul > li > a > .txt .label:before { border-color: #380e70 transparent transparent transparent; } @media only screen and (min-width:1100px) { .version1.fixed-true.stuck-false.stuck-boxed-false + .page-content-wrap { padding-top: 90px; } .version1.fixed-true.stuck-false.stuck-boxed-false.top-true + .page-content-wrap { padding-top: 130px; } .version1.fixed-true.active.stuck-boxed-false.stuck-false + .page-content-wrap { padding-top: 90px; } .version1.stuck-true + .page-content-wrap > .rich-header { padding-top: 104px; } .version1.stuck-boxed-true + .page-content-wrap > .rich-header { padding-top: 134px; } .version1.stuck-true.top-true + .page-content-wrap > .rich-header { padding-top: 144px; } .version1.stuck-boxed-true.top-true + .page-content-wrap > .rich-header { padding-top: 184px; } .version1.stuck-true + .page-content-wrap > .rich-header.version1, .version1.stuck-boxed-true + .page-content-wrap > .rich-header.version1, .version1.stuck-true + .page-content-wrap > .rich-header.version2, .version1.stuck-boxed-true + .page-content-wrap > .rich-header.version2 { height: 440px; } .version1.stuck-true.top-true + .page-content-wrap > .rich-header.version1, .version1.stuck-boxed-true.top-true + .page-content-wrap > .rich-header.version1, .version1.stuck-true.top-true + .page-content-wrap > .rich-header.version2, .version1.stuck-boxed-true.top-true + .page-content-wrap > .rich-header.version2 { height: 480px; } .version1.stuck-true + .page-content-wrap > .rich-header.version3 { height: 180px; } .version1.stuck-boxed-true + .page-content-wrap > .rich-header.version3 { height: 220px; } .version1.stuck-boxed-true.top-true + .page-content-wrap > .rich-header.version3 { height: 220px; } .version1.stuck-boxed-true.top-true + .page-content-wrap > .rich-header.version3 { height: 260px; } .version1.fixed-true.active.effect-overline .desk-menu > ul > li > a:after { top: -30px; } .version2.fixed-true.stuck-false + .page-content-wrap { padding-top: 90px; } .version2.fixed-true.stuck-false.top-true + .page-content-wrap { padding-top: 130px; } .version2.fixed-true.active.stuck-false + .page-content-wrap { padding-top: 90px; } .version2.stuck-true + .page-content-wrap > .rich-header { padding-top: 104px; } .version2.stuck-true.top-true + .page-content-wrap > .rich-header { padding-top: 144px; } .version2.stuck-true + .page-content-wrap > .rich-header.version1, .version2.stuck-true + .page-content-wrap > .rich-header.version2 { height: 440px; } .version2.stuck-true.top-true + .page-content-wrap > .rich-header.version1, .version2.stuck-true.top-true + .page-content-wrap > .rich-header.version2 { height: 480px; } .version2.stuck-true + .page-content-wrap > .rich-header.version3 { height: 180px; } .version2.stuck-true.top-true + .page-content-wrap > .rich-header.version3 { height: 220px; } .fixed-true.header-version3.page-content-wrap.active { padding-top: 90px; } .version3.fixed-true.active.effect-overline .desk-menu > ul > li > a:after { top: -30px; } } .megamenu2 > ul{ background-image: url("../upload/megamenu2.jpg"); } .megamenu1 > ul{ background-image: url("../upload/megamenu1-1.jpg"); } #div_eec1_0{-webkit-background-size: cover; -moz-background-size: cover; background-size: cover;background-image:url(../upload/section_bg1.png);background-repeat:no-repeat;background-position:Center center;background-attachment:scroll;padding-top:100px;} #h2_ac88_0{font-size: 20px;line-height: 30px;text-align: center} #div_ac88_0{border-bottom-color:#380e70;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-top:15px;margin-bottom:2px;} #div_ac88_1{border-bottom-color:#00943b;width:100px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:2px;} #div_ac88_2{border-bottom-color:#f4c100;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:20px;} #div_ac88_3{padding-left:150px;padding-right:150px;} #p_ac88_0{text-align: center;} #span_ac88_0{color: #999999; line-height: 32px; font-size: 18px;} #div_537a_0{padding-bottom:25px;} #nz-tagline-1{ background-image: url(../upload/footer_bg-1.jpg); background-repeat: no-repeat; background-position: center top; } #span_92d4_0{color:#ffffff;} #span_92d4_1{color:#ffffff !important;} #div_79b9_0{padding-top:50px;padding-bottom:75px;} #div_79b9_1{height:120px} #h2_79b9_0{font-size: 26px;line-height: 36px;text-align: left} #div_79b9_2{height:25px} #span_79b9_0{color: #999; font-size: 18px; line-height: 28px;} #div_79b9_3{height:50px} #span_79b9_1{font-size: 18px; line-height: 28px;} #span_79b9_2{color: #777777;} #span_79b9_3{font-size: 18px; line-height: 28px;} #span_79b9_4{color: #777777;} #span_79b9_5{font-size: 18px; line-height: 28px;} #span_79b9_6{color: #777777;} #span_14f5_0{color:#9ccc3f;} #span_14f5_1{color:#9ccc3f;} #span_14f5_2{background-color:#dadada;} #span_14f5_3{color:#8f8f8f;} #span_14f5_4{color:#3bd4c0;} #span_14f5_5{color:#3bd4c0;} #span_14f5_6{background-color:#dadada;} #span_14f5_7{color:#8f8f8f;} #span_14f5_8{color:#ff573a;} #span_14f5_9{color:#ff573a;} #span_14f5_10{background-color:#dadada;} #span_14f5_11{color:#8f8f8f;} #span_14f5_12{color:#3b99d4;} #span_14f5_13{color:#3b99d4;} #span_14f5_14{background-color:#dadada;} #span_14f5_15{color:#8f8f8f;} #h2_14f5_0{font-size: 20px;color: #ffffff;line-height: 30px;text-align: center} #div_14f5_2{border-bottom-color:#380e70;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-top:15px;margin-bottom:2px;} #div_14f5_3{border-bottom-color:#00943b;width:100px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:2px;} #div_14f5_4{border-bottom-color:#f4c100;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:70px;} #div_14f5_5{background-color:#ffffff;padding-top:100px;padding-bottom:100px;} #h2_14f5_1{font-size: 20px;line-height: 30px;text-align: center} #div_14f5_6{border-bottom-color:#380e70;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-top:15px;margin-bottom:2px;} #div_14f5_7{border-bottom-color:#00943b;width:100px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:2px;} #div_14f5_8{border-bottom-color:#f4c100;width:50px;border-bottom-width:1px;border-bottom-style:solid;margin-bottom:50px;} #div_14f5_9{padding-left:150px;padding-right:150px;} #p_14f5_0{text-align: center;} #span_14f5_16{color: #999999; line-height: 32px; font-size: 18px;} #div_14f5_10{height:50px} #div_14f5_12{padding-left:25px;} #span_14f5_17{color: #1dcbb5; font-weight: bold;} #span_14f5_18{font-size: 16px; line-height: 26px; font-weight: 300;} #img_b749_0{max-width:242px;max-height:38px;} #div_b749_0{height:30px} #div_b749_1{height:20px} #span_b749_0{color: #ff573a} #a_b749_0{color:#380e70;text-decoration:underline} #a_8bc9_0{font-size: 22pt;} #a_8bc9_1{font-size: 11.684210526316pt;} #a_8bc9_2{font-size: 8pt;} #a_8bc9_3{font-size: 11.684210526316pt;} #a_8bc9_4{font-size: 15.368421052632pt;} #a_8bc9_5{font-size: 15.368421052632pt;} #a_8bc9_6{font-size: 15.368421052632pt;} #img_8bc9_0{max-width:242px;max-height:38px;} #span_8bc9_0{background-color:#380e70} #img_8bc9_1{max-width:242px;max-height:38px;} #img_8bc9_2{max-width:242px;max-height:38px;margin-top:-19px} #span_8bc9_1{background-color:#380e70} #div_6f34_0{padding-bottom:25px;} .site-widget-area .widget_title {color: #fff;font-size: 18px;} /* 聯絡我們 /*=============*/ @media (max-width: 767px) { .contacts {text-align: center;} } .contacts{background-color:#efefef;-webkit-background-size: cover; -moz-background-size: cover; background-size: cover;background-image:url(../upload/subscribe_bg.jpg);background-repeat:no-repeat;background-position:Center center;background-attachment:scroll;padding-top:100px;padding-bottom:75px;} .contacts h3{color: #00943b;font-weight: 800;} .contacts p{color: #333;font-size:1.2em;} /* 頁腳 /*=============*/ @media (max-width: 767px) { .footer {text-align: center;} .footer .widget_title:before {left:45%} } .footer a{color: #d0d0d0;} .footer {margin:0px;color: #d0d0d0; background-color: #3a3c3e; background-image: url(../upload/footer_bg-1.jpg); background-repeat: no-repeat; background-position: center center; position: relative; z-index: 70; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; } .footer-copyright {float: left;font-size: 14px;} .footer-menu ul li {float: left;} .footer-menu ul li:not(:first-child) {position: relative;padding-left:30px;} .footer-menu ul li:not(:first-child):after {content: ":";height: inherit;width: 16px;display: block;position: absolute;top: 0;left: 7px;text-align: center;color: inherit;} .footer-info-area {color: #a7a7a7;margin-top:2em;background-color: #dfdfdf;padding:15px 0;} .footer-copyright p a{color: #a7a7a7;} .footer-menu ul {list-style: none;margin: 0;} .footer-menu ul li a { display:block; text-decoration: none; text-align: center; text-transform: uppercase; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; color: #999999; position: relative; } .footer-menu ul li a:after {content: "";position: absolute;width: 0%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);height: 1px;bottom: 0px; left: 50%;opacity: 0;-webkit-transition: all 300ms;transition: all 300ms;background-color: #999999;} .footer-menu ul li a:hover:after {opacity: 0.5 !important;width: 50% !important;} .footer-menu ul li a:hover {color: #000;} .footer .widget_title {color: #fff;font-size:1.3em;margin-top:2em;font-weight: 800;} .footer .widget_title:before {content: "";display: block;position: absolute;bottom: -2px;width: 35px;height: 2px;} /* 計數 /*=============*/ @media (max-width: 767px) { .count-title{font-size:1.3em!Important;} } .nz-countA{color:#380e70!Important;} .nz-countB{color:#c70927!Important;} .nz-countC{color:#00943b!Important;} .nz-countD{color:#f4c100!Important;} .nz-count{margin:0px;background-color:#f0f0f0;background-image:url(../upload/section_bg2.jpg);background-repeat:no-repeat;background-position:Center center;padding-top:50px;text-align: center;} .count-icon {font-size:4em;} .count-title{font-size:1.8em;margin-bottom: 35px;} .count-value {font-size: 14px;line-height:18px;display: block;text-transform: uppercase;} /* 車型 /*=============*/ .nz-section { margin: 3em auto ; width: 100%; z-index: 1; overflow:hidden; text-align: center; } /* 觀光景點 /*=============*/ .testimonials{background-color:#333333;-webkit-background-size: cover; -moz-background-size: cover; background-size: cover;background-image:url(../upload/section_bg4.jpg);background-repeat:no-repeat;background-position:left top;background-attachment:scroll;padding-top:100px;padding-bottom:75px;color: #fff;text-align: center;margin:0px;} .testimonials h2{color: #fff;} .nz-testimonials { position: relative; margin-left: -15px; margin-right: -15px; } .nz-testimonials .owl-buttons div { background-color: transparent !important; font-size: 28px; } .nz-testimonials .owl-controls .owl-buttons div:hover { background-color: transparent !important; opacity: 0.7; } .nz-testimonials .owl-pagination, .nz-persons .owl-pagination, .nz-clients .owl-pagination { display: none !important; } .nz-testimonials .testimonial { padding-right: 15px; padding-left: 15px; } .nz-testimonials .text { font-size: 16px; line-height:34px; padding:10px 40px 0px 40px; position: relative; } .nz-testimonials .test-info { position: relative; padding-top: 40px; } .nz-testimonials .name, .nz-testimonials .title { font-size:1em; line-height:24px; display: block; } .nz-testimonials .name { font-size: 1.5em; line-height: 26px; font-weight: bold; text-transform: uppercase;color: #f4c100; } .nz-testimonials .test-data { padding-top: 20px; padding-left: 15px; text-align: center; } .nz-testimonials .text-icon { width: 60px; height: 60px; line-height: 60px; border-radius: 60px; margin:0 auto 0 auto; background-color: #fafafa; color: #bbb; font-size: 22px; text-align: center; position: relative; } .nz-testimonials .text-icon:before { width: 60px; height: 60px; line-height: 60px; position: absolute; left: 0; right: 0; display: block; content: "\e676"; } @media (max-width: 767px) { .txtCenter{text-align: center;}}