/* Theme Name: Nextnine Theme URI: Description: Nextnine Custom Theme Author: JOHNY_TECHNOLOGIES Author URI: http://joni.co.il Version: 1.0 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: Text Domain: nextnine */ @import url(//fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900); @font-face { font-family: ProximaNovaRegular; src: url(fonts/ProximaNova-Reg.ttf); } @font-face { font-family: ProximaNovaBold; src: url(fonts/ProximaNova-Bold.ttf); } @font-face { font-family: ProximaNovaLight; src: url(fonts/ProximaNova-Light.ttf); } @font-face { font-family: ProximaNovaItalic; src: url(fonts/ProximaNova-RegIt.ttf); } @font-face { font-family: BebasNeue; src: url(fonts/BebasNeue.ttf); } @import url("css/icomoon.css"); @import url("css/header-im.css"); @font-face{ font-family:icomoon; src:url(fonts/icomoon.eot); src:url(fonts/icomoon.eot?#iefix) format('embedded-opentype'),url(fonts/icomoon.woff) format('woff'),url(fonts/icomoon.ttf) format('truetype'),url(fonts/icomoon.svg) 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 } html { font-family: ProximaNovaLight; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } .light{ font-family: ProximaNovaLight; font-weight:100; } .strong{ font-family: ProximaNovaBold; font-weight:700; } .uppercase{ text-transform:uppercase; } 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.png) no-repeat;width:16px;height:16px;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@2x.gif);background-size:32px 32px}.nivo-lightbox-theme-default .nivo-lightbox-prev{background-image:url(images/prev@2x.png);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-next{background-image:url(images/next@2x.png);background-size:48px 48px}.nivo-lightbox-theme-default .nivo-lightbox-close{background-image:url(images/close@2.png);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)}} .custom-scroll-bar{ overflow:hidden; width:100%; height:100%; position:absolute; padding:20px; z-index:1000 } .ps-container .ps-scrollbar-y-rail{ position:absolute; right:3px; width:4px; border-radius:0; opacity:0; -webkit-transition:background-color .2s linear,opacity .2s linear; transition:background-color .2s linear,opacity .2s linear } .ps-container:hover .ps-scrollbar-y-rail{opacity:.6} .ps-container .ps-scrollbar-y-rail:hover, .ps-container .ps-scrollbar-y-rail.in-scrolling{ opacity:.9; background-color:rgba(0,0,0,0.1) } .ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y{ background-color:rgba(0,0,0,0.3) } .ps-container .ps-scrollbar-y{ position:absolute; right:0; width:4px; border-radius:0; background-color:rgba(0,0,0,0.1); -webkit-transition:background-color.2s linear; transition:background-color .2s linear } .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{ 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!important;visibility:hidden!important} .visible{display:block!important;visibility:visible!important} .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 !important; } #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;font-family:ProximaNovaLight;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} body{margin:0;min-height:100%;counter-reset:stepcounter;} a:focus { outline:0; } 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-family:Georgia,"Times New Roman",Times,serif; 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: #ffffff; 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;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} .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 15px; text-align:left; vertical-align:top; height:45px; max-width:100%; width:100%; padding:0px 20px; line-height: 45px; background-color:#fff; border:1px solid #e0e0e0; box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05); color:#999; font-size: 14px; position:relative; -webkit-backface-visibility:hidden; -webkit-transition:all 300ms;transition:all 300ms; } .sforce input[type="text"],.sforce input[type="email"],.sforce textarea, .wpcf7 textarea,.wpcf7 select, .wpcf7 input[type="date"],.wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"],.wpcf7 input[type="email"], .wpcf7 input[type="month"],.wpcf7 input[type="number"], .wpcf7 input[type="password"],.wpcf7 input[type="search"], .wpcf7 input[type="tel"],.wpcf7 input[type="text"],.wpcf7 input[type="time"], .wpcf7 input[type="url"],.wpcf7 input[type="week"]{ background-color: #301c41; height: 30px; line-height: 30px; border-radius: 4px; color: #fff; font-size: 12px; font-family: ProximaNovaLight !important; padding: 0 10px; } #contact-page-form textarea,#contact-page-form .wpcf7 select, #contact-page-form .wpcf7 input[type="tel"],#contact-page-form input{ background-color: #ffffff !important; height: 35px !important; line-height: 35px !important; border-radius: 4px; color: #341f42 !important; font-size: 14px !important; font-family: Raleway !important; padding: 0 10px !important; border-color: #301c41; } #contact-page-form .purple-btn{ background: #572670!important; width: 100%; display: block; color: #fff !important; text-align: center; font-size: 14px !important; padding: 0 15px; line-height: 30px; border-radius: 5px; font-family: Raleway !important; font-weight: 400; } #contact-page-form textarea{ min-height: 185px !important; } .no-bot-margin { margin-bottom: 0 !important; } .blue-btn { width: 100%; background: none !important; border: 1px solid #00bcf2 !important; color: #00bcf2 !important; font-size: 12px !important; font-family: ProximaNovaLight !important; height: 30px !important; line-height: 10px !important; border-radius: 4px !important; margin:20px 0 !important; } .wpcf7 textarea ,.sforce textarea{ height: 120px; line-height: 24px; } textarea { line-height: 24px; padding: 20px; } .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, .owl-controls .owl-buttons div, .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, .comment-meta .replay a:after, .single .project-details ul li:after { 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 .footer { 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: 150px 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: 100px;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: #f4f4f4; color: #777; padding: 14px 0; position: relative; } .rich-header.version2 { height:300px; text-align: center; } .rich-header .parallax-container { height:430px; 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%); } .rich-header.version2 .rh-content > * { display: inline-block; text-align: center; } .rh-separator {display: block !important;} .rich-header.version2 .nz-breadcrumbs > :first-child:before { display: none !important; } .rich-header.version2 .nz-breadcrumbs { display: inline-block; text-align: center !important; } .blank-true .rich-header { display: none; } .rich-header h1 { font-size: 20px; line-height: 30px; color: inherit; } .rich-header.version2 h1 { font-size: 28px; line-height: 38px; } .rich-header .nz-breadcrumbs { text-align: left; } .nz-breadcrumbs > * { color: inherit; text-transform: uppercase; font-size: 12px; 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 a { color: inherit !important; } .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 > :first-child { padding-left: 35px; } .version2 .nz-breadcrumbs > :first-child { padding-left:0; } .nz-breadcrumbs > :first-child:before { content: ""; width: 25px; height: 23px; background:transparent url(images/home_icon.png) no-repeat left top; background-color: transparent !important; left: 0; top: -5px; } .icon-light .nz-breadcrumbs > :first-child:before { background:transparent url(images/home_icon_white.png) no-repeat left top; } .footer { position: relative; z-index: 70; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-color:#1c0b2b; } .footer .widget:not(:last-child) { padding-bottom:80px; } .footer .widget a { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .footer .widget a:not(.button) { color: #8d8d8f !important } .footer .widget a:not(.button):hover { color: #ffffff; } .footer { width: 100%; position: relative; } .footer-info { background-color: #2e3033; min-height: 60px; font-size: 16px; } #get-location { display: none; width:100%; height:100%; position: fixed; top:0%; left:0%; background-color: rgba(0,0,0,0.8); z-index: 10000000; } .location-close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background-position:center center; background-image: url(images/close.png); background-repeat: no-repeat; cursor: pointer; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .location-close:hover { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } #get-location > .location-map { width: 600px; height: 450px; top: 50%; left: 50%; margin-left: -300px; margin-top:-450px; position: absolute; -webkit-transition: all 300ms 150ms cubic-bezier(0.215, 0.610, 0.355, 1.000); -moz-transition: all 300ms 150ms cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all 300ms 150ms cubic-bezier(0.215, 0.610, 0.355, 1.000); opacity: 0; } #get-location.animate > .location-map { margin-top:-225px; opacity: 1; } .footer-info .container > * { min-height: 60px; line-height: 60px; width: 100%; display: block; border-bottom:1px solid #434548; color: #979899; } .footer-info .container > a { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .footer-info .container > a:hover { color: #fff !important; } .footer-widget-area > .widget:first-child { padding-top: 80px; } #top { text-align: center; cursor: pointer; position: fixed; bottom: 0; right: 20px; width: 46px; height: 58px; background-image: url(images/gotop_icon.png); background-repeat: no-repeat; background-position: 50% 50%; 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); } .footer-widget-area { color:#afb0b2; } .footer-info-area { border-top: 1px solid #414549; min-height: 85px; } .footer-info-area > .container { position: relative; } .footer-copyright { text-align: center; color: #afb0b2; padding:25px 0; } .footer-copyright a { color: #ffffff; } .footer-menu ul {list-style: none; margin: 0;} .footer .social-links { padding: 25px 0; height: auto; overflow: hidden; text-align: center; } .footer .social-links a { display:inline-block; width:34px; height: 34px; line-height: 34px; border-radius: 34px; font-size: 14px; margin: 0 0 7px 7px; background-color: #414549 !important; border: none !important; position: relative; color: #ffffff !important; -webkit-transition: all 200ms ease-out; transition: all 200ms ease-out; } .footer .social-links a:first-child { margin-left: 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, .flickr_badge_image: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: 40px; line-height: 40px; height: 40px; margin-top: -20px; margin-left: -20px; border-radius: 40px; text-indent: -90000em; background-image: url(images/plus.png); background-position: 49% 49%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #333; position: absolute; display: block; top: 50%; left: 50%; } .nz-overlay-before:hover { background-color: #333 !important; } #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.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: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; height:60px; text-align: center; width:100%; display: inline-block; background-color: #fff; padding: 0; z-index: 60; position: relative; } .ninzio-navigation li, .woocommerce-pagination li { display: inline-block; padding: 18px 4px; } .ninzio-navigation li a.prev { margin-left: 0px; position: absolute; left: 0; top: 0; } .ninzio-navigation li a.next { margin-right: 0px; position: absolute; right: 0; top: 0; } .ninzio-navigation li .icon-arrow-right{ background: url(images/arrow-r.png); height: 60px; width: 33px; display: block; } .ninzio-navigation li .icon-arrow-left{ background: url(images/arrow-l.png); height: 60px; width: 33px; display: block; } .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-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .ninzio-navigation li a ,.ninzio-navigation li span.current { display: inline-block; text-decoration: none; max-width: 100%; cursor: pointer; color: #a05598; border-radius: 0px; font-family: ProximNovaLight; font-size: 16px; position: relative; } .ninzio-navigation li a:hover, .ninzio-navigation li span.current { background: none !important; } .ninzio-navigation li span.current { color: #2a2a2a !important; background: none !important; border: 0 !important; box-shadow: none !important; } .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; } /* VC FRONT-END /*=============*/ .vc_welcome .vc_ui-button { color: #fff !important; } .vc_container-block > .col { width: 100%; } .vc_empty-placeholder { display: none; } .compose-mode .vc_controls>.vc_controls-out-tl { left: 15px !important; top: 0 !important; } .compose-mode .vc_controls>.vc_controls-bc { z-index: 90000000 !important; } /* OWLCAROWSEL /*=============*/ .owl-controls .owl-buttons { width: 0; height: 0; padding:0; margin: 0; } .owl-controls .owl-buttons div { height: 40px; width: 40px; position: absolute; top: 100%; left: 0; margin-top: 0; z-index: 15; } .owl-controls .owl-buttons .owl-next { left:60px; } .owl-prev {background:url(images/arrow_left.png) no-repeat center center;} .owl-next {background:url(images/arrow_right.png) no-repeat center center;} .owl-prev:hover {background:url(images/arrow_left_white.png) no-repeat center center;} .owl-next:hover {background:url(images/arrow_right_white.png) no-repeat center center;} .nz-carousel { margin-left: -15px; margin-right: -15px; } /* SEARCH /*=============*/ .search #nz-content { background-color:#fff; padding-bottom: 70px; } .search #nz-content > .container { max-width: 960px; } .search-results-title { margin-bottom: 25px; font-size: 14px; line-height: 24px; } .search-form { margin-bottom: 70px; position: relative; } .search-form input[type="submit"] { border-radius: 0; white-space: nowrap; overflow: hidden; border: none; outline: none; position: absolute; top: 0px; right: 0px; padding: 0; width: 45px !important; height: 45px; text-indent: -90000em; background-image: url(images/search.png); background-repeat: no-repeat; background-position: center center; background-color: transparent !important; -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; box-shadow: none; } .search-form input[type="text"] { top: 0; right: 0; padding-right: 65px; } .search-posts > article { padding: 30px; background-color: #fafafa; margin-bottom: 30px; position: relative; } .search-posts .post-title { margin: 0px 0 20px 0; font-size: 20px; line-height: 30px; } .search-posts .post-title a { color: #999 !important; } .search-posts .post-indication { position: absolute; top: 20px; right: 20px; height: 40px; width: 40px; line-height: 40px; font-size: 16px; text-align: center; background-color: #fcfcfc; } .search-posts .post-meta { padding: 10px 0; margin-bottom: 25px; border-bottom: 1px solid #e0e0e0; } .search-posts .post-content { padding-bottom: 25px; } .suggestions { font-size: 14px; line-height: 24px; } /* 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-menu ul li[class^=icon-]:before, .header-top-menu ul 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-menu li[class*=" icon-"] > a .mi, .header-top-menu li[class^=icon-] > a .mi {display: inline-block;} /*.mob-menu li[class*=" icon-"] > a .mi:empty, .mob-menu li[class^=icon-] > a .mi:empty, .header-menu li[class*=" icon-"] > a .mi:empty, .header-menu li[class^=icon-] > a .mi:empty {display: none;}*/ .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; height:inherit; line-height:inherit; display:block; } .header .logo a { display: block; height: 100%; width: 100%; text-decoration: none; text-align: center; line-height:inherit; } .mob-header .logo a { text-align: left; } .header .logo a img { margin-bottom: 0; margin-top: -2px; border:none; vertical-align: middle; width:auto; } .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: 80px; line-height: 80px; background-color: #ffffff; } .mob-header-top .cart-toggle, .mob-header-top .mob-menu-toggle, .mob-menu-toggle2 { height: 40px; width: 40px; border-radius: 40px; box-shadow: inset 0 0 0 2px #e5e5e5; position: absolute; top: 20px; right: 0px; display: block; cursor: pointer; background-image:url(images/menu.png); background-repeat: no-repeat; background-position: 48% center; } .mob-menu-toggle2 { background-image:url(images/close.png); right: 0px; top: 0px; border-radius: 0px; background-color: #fafafa; box-shadow: none; z-index: 50; } .mob-menu-toggle2:hover { background-image:url(images/close_white.png); -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mob-header-top .cart-toggle a { display: block; height: inherit; width: inherit; outline: none; } .mob-header-top .cart-toggle { background-image:url(images/cart.png); right: 50px; } .mob-header-content { padding:50px 0 0 0; position:fixed; top: 0; right: -320px; width: 320px; height: 100%; -webkit-transition: all 300ms ease; transition: all 300ms ease; background-color: #ffffff; z-index: 99; } .mob-header-content + .mob-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; } .mob-header-content.animate + .mob-overlay { visibility: visible; opacity: 1; cursor:url("images/close_white.png"), auto; } .mob-header-content .custom-scroll-bar { position:absolute; left: 0; top: 50px; padding: 0px 20px 75px 20px; } .mob-header-content.animate { right: 0px; } .mob-header-content .slogan { color: #999; padding-top: 15px; margin-bottom: 25px; } .mob-header-content .top-button { padding: 5px 15px; font-size: 12px; line-height: 22px; font-weight: 600; outline: none; border: none; color: #999; background-color: #f5f5f5; position: relative; display: block; margin-bottom: 25px; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; text-align: center; -webkit-transition: all 200ms ease; transition: all 200ms ease; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); } .mob-header-content .top-button:hover { color: #333; } .mob-menu ul, .mob-header-content .header-top-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, .mob-header-content .header-top-menu li[class*=" icon-"]:before, .mob-header-content .header-top-menu li[class^=icon-]:before {display: none;} .mob-menu li, .mob-header-content .header-top-menu li {position: relative;padding:0px;} .mob-menu li a, .mob-header-content .header-top-menu ul li a { display:block !important; position: relative !important; padding:15px 25px 15px 0; color: #333; border-bottom: 1px solid #fafafa; outline: none; font-size: 14px !important; line-height: 24px !important; text-transform: uppercase; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .mob-menu ul.sub-menu li a{ font-size:12px !important; } .mob-menu ul ul, .mob-header-content .header-top-menu ul ul {margin-left: 15px;} .mob-menu ul li > a > .di, .mob-header-content .header-top-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:0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mob-menu ul li > a > .di.animate, .mob-header-content .header-top-menu ul li a > .di.animate { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .mob-header-content .search { padding-top: 25px; border-top: 1px solid #fafafa; } .mob-header-content input[type="text"] { margin-bottom: 0; } .mob-header-content .icon-cross {display: none;} .mob-header-content .search input[type="submit"] { width: 50px !important; height: 50px; background-color: transparent !important; } .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; border-radius: 20px; top: -5px; left: 30px; text-align: center; } .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; } .mob-header-content .search form, .mob-header-content .search fieldset { margin: 0; position: relative; } .mob-header-content .search input[type="submit"] { width: 45px !important; height: 45px; text-indent: -9000em; position: absolute; right: 0px; top: 0; border: none; outline: none; padding: 0; background-image: url(images/search.png); background-repeat: no-repeat; background-position: center center; box-shadow: none; } /* 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; } .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 .nz-row > .col.col-animate-true { -webkit-backface-visibility: hidden; } .js .nz-row > .col.col-animate-true[data-effect="fade-left"], .js .nz-row > .col.col-animate-true[data-effect="fade-right"] { -webkit-transition: all 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; transition: all 0.8s cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.2s; } .js .nz-row > .col.col-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 .nz-row > .css-animated.col.col-animate-true[data-effect="fade"] {opacity: 1;} .js .nz-row > .col.col-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 .nz-row > .col.col-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 .nz-row > .css-animated.col.col-animate-true[data-effect="fade-top"], .js .nz-row > .css-animated.col.col-animate-true[data-effect="fade-bottom"] { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .js .nz-row > .col.col-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 .nz-row > .col.col-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 .nz-row > .css-animated.col.col-animate-true[data-effect="fade-left"], .js .nz-row > .css-animated.col.col-animate-true[data-effect="fade-right"] { opacity: 1; -webkit-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); } .js .nz-row > .col.col-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); -webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%; } .js .nz-row > .css-animated.col.col-animate-true[data-effect="scale"] { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .nz-row > .col.col-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 .nz-row > .css-animated.col.col-animate-true[data-effect="scale-down"] { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .nz-row > .col.col-animate-true[data-effect="flip"] { opacity: 0; -webkit-backface-visibility: visible!important; backface-visibility: visible!important; } .js .nz-row > .css-animated.col.col-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-gallery.animate-scale .gallery-item, .js .nz-content-box.animate-scale > .nz-box, .js .nz-clients.animate-scale .client, .js .nz-pricing-table.animate-scale .column, .js .nz-persons.animate-scale .person, .js .owl-carousel.animate-scale .item { -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-gallery.animate-scale .gallery-item.css-animated, .js .nz-content-box.animate-scale > .nz-box.css-animated, .js .nz-clients.animate-scale .client.css-animated, .js .nz-pricing-table.animate-scale .column.css-animated, .js .nz-persons.animate-scale .person.css-animated, .js .owl-carousel.animate-scale .item.css-animated { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .nz-gallery.animate-fade .gallery-item, .js .nz-content-box.animate-fade .nz-box, .js .nz-clients.animate-fade .client, .js .nz-pricing-table.animate-fade .column, .js .nz-persons.animate-fade .person, .js .owl-carousel.animate-fade .item, .js .nz-recent-projects[data-animate="true"] .projects { -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-gallery.animate-fade .gallery-item.css-animated, .js .nz-content-box.animate-fade .nz-box.css-animated, .js .nz-clients.animate-fade .client.css-animated, .js .nz-pricing-table.animate-fade .column.css-animated, .js .nz-persons.animate-fade .person.css-animated, .js .owl-carousel.animate-fade .item.css-animated, .js .nz-recent-projects[data-animate="true"] .projects.css-animated { opacity: 1 !important; } .js .nz-nz-recent-posts[data-animate="true"].carousel .post { -webkit-backface-visibility: hidden; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 0.4s cubic-bezier(0.165, 0.840, 0.440, 1.000); opacity: 0; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .js .nz-nz-recent-posts[data-animate="true"].carousel .post.css-animated { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .js .nz-nz-recent-posts.masonry[data-animate="true"] .post, .js .loop .animation-true .blog-post .post { opacity: 0 !important; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; -webkit-backface-visibility: hidden; } .js .nz-nz-recent-posts.masonry[data-animate="true"] .post.css-animated, .js .loop .animation-true .blog-post .post.css-animated { opacity: 1 !important; } /* IMAGEHEADER /*=============*/ .nz-image-heading { position: relative; display: table; width: 100%; } .nz-image-heading img { position: absolute; top: 0; left: 50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index: -1; } .image-heading-content { display: table-cell; vertical-align: bottom; padding-bottom: 5px; text-align: center; } .image-heading-content h3 { font-size: 36px; line-height: 46px; } .image-heading-content p { font-size: 26px; line-height: 36px; font-family: Georgia,"Times New Roman",Times,serif; margin-bottom: 0; font-style: italic; color: #999; } /* GALLERY /*=============*/ .nz-gallery img { margin: 0 auto; display: block; } .nz-gallery .gallery-item { display: block; margin: 0 auto 2px auto; padding-right:1px; padding-left:1px; 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: 10px; padding-left: 10px; text-align: left; } /* SECTION /*=============*/ .nz-section { background-position: center center; background-repeat: no-repeat; margin-bottom: 0; margin: 0 auto; position: relative; width: 100%; z-index: 1; overflow:hidden; } .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 .parallax-container { top: 0; left: 0; min-height: 90%; width:100%; height:90%; 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); -ms-transform:translateY(0px); transform:translateY(0px); } .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; } .nz-section.autoheight-true > .nz-row { margin-left: 0; margin-right: 0; overflow: hidden; } .nz-section.autoheight-true > .nz-row > .col { padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 1000px !important; margin-bottom: -1000px !important; } .col.back-img {padding-left: 0 !important;padding-right: 0 !important;} .nz-section.autoheight-true .col-inner { min-height:100%; -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; } /* IMAGE BANNER /*=============*/ .nz-image-banner { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; margin-bottom: 0; margin: 0 auto; position: relative; z-index: 1; overflow:hidden; padding: 50px; } .nz-image-banner > .one:not(:only-child) { margin-bottom: 40px; } .nz-image-banner .banner-img { text-align: center; } /* WIDGETS /*=============*/ .footer-widget-area a:not(.button):not(.ui-slider-handle), .sidebar a:not(.button):not(.ui-slider-handle) { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .widget { padding-bottom: 50px; } .widget_title { margin-bottom: 20px; padding-bottom: 0; font-size: 24px; line-height: 26px; position: relative; color: #172437; font-family: ProximaNovaBold; } .footer .widget_title { color: #fff; font-size: 14px; } /* 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:0px 15px 0px 15px; margin: 0 18px 10px 0; color: #777777 !important; background-color:#fafafa; border:1px solid #e9e9e9; line-height: 25px; font-size: 13px !important; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; position: relative; } .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; } .widget_tag_cloud .tagcloud a:after, .post-tags a:after, .widget_product_tag_cloud .tagcloud a:after, .projects-tags a:after { background-image: url(images/tag_triangle.png); background-repeat: no-repeat; background-position: right top; content: ""; width: 16px; height: 27px; position: absolute; top: -1px; right: -16px; } .post-tags a:after { background-image: url(images/tag_triangle_white.png); } .footer .widget_tag_cloud .tagcloud a, .footer .post-tags a, .footer .widget_product_tag_cloud .tagcloud a { background-color:#363b3f; border:1px solid #595e63; } .footer .widget_tag_cloud .tagcloud a:hover, .footer .post-tags a:hover, .footer .widget_product_tag_cloud .tagcloud a:hover { color:#ffffff !important; } .footer .widget_tag_cloud .tagcloud a:after, .footer .post-tags a:after, .footer .widget_product_tag_cloud .tagcloud a:after, .footer .projects-tags a:after { background-image: url(images/tag_triangle_footer.png); } /* 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; } .footer .widget_categories ul li, .footer .widget_pages ul li, .footer .widget_archive ul li, .footer .widget_meta ul li { background-color: rgba(255,255,255,0.03); } .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; display: inline-block; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .footer .widget_categories ul li a, .footer .widget_pages ul li a, .footer .widget_archive ul li a, .footer .widget_meta ul li a { color: #fff !important; } .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: "\e8ba"; position: absolute; left: -28px; top: 50%; width: 16px; height:16px; line-height: 18px; border-radius: 16px; font-size: 9px; color: #fff; text-align: center; margin-top: -8px; text-align: center; } .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; background-color: #fafafa; position: relative; border-bottom: 2px solid #fff; } .widget_nav_menu ul li:last-child, .widget_product_categories ul li:last-child { border-bottom: none; } .footer .widget_nav_menu li, .footer .widget_product_categories li { border-bottom:none; text-transform: uppercase; background-color: transparent; } .footer .widget_nav_menu li ul li, .footer .widget_product_categories li ul li { background-color: #363b3f; } .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: 24px; -webkit-transition: all 300ms ease; transition: all 300ms ease; outline: none; color: #666 !important; font-size: 13px; } .footer .widget_product_categories ul li a, .footer .widget_nav_menu ul li a { background-color:transparent; } .widget_nav_menu > div > ul > li:last-child > a { border-bottom: none; } .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; } .footer .widget_nav_menu ul li > a > span.toggle, .footer .widget_product_categories ul li > a > span.toggle { color: #fff; } .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; } .footer .widget_calendar table { background-color:transparent; } .widget_calendar caption { margin: 0 auto; border-width:1px; border-style: solid; border-color: #e0e0e0; background-color: #fff; width: 100% !important; } .footer .widget_calendar caption { border-color: rgba(255,255,255,0.1); background-color:transparent; } .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; } .footer .widget_calendar th:first-child { border-left-color:rgba(255,255,255,0.1); } .widget_calendar th:last-child { border-right-style:solid; border-right-width: 1px; border-right-color:#e0e0e0; } .footer .widget_calendar th:last-child { border-right-color:rgba(255,255,255,0.1); } .widget_calendar td { border-width:1px; border-style: solid; border-color:#e0e0e0; text-align: center; text-decoration: none; padding: 0; } .footer .widget_calendar td { border-color:rgba(255,255,255,0.1); } .widget_calendar td a { display: block; text-decoration: none; width: 100%; height: 100%; } .widget_calendar td#today { color: #fff; font-weight: 700; } .footer .widget_calendar td#today { background-color: transparent; color: #fff; } .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; } .footer .widget_calendar td#prev, .footer .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; } /* 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; background-color: transparent; } .footer .widget_rss ul, .footer .widget_nz_recent_entries ul, .footer .widget_recent_comments ul, .footer .widget_recent_entries ul { background-color:transparent; } .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; border-bottom: 1px dashed #eee; } .footer .widget_rss ul li, .footer .widget_recent_comments ul li, .footer .widget_recent_entries ul li { border-bottom: 1px solid rgba(255,255,255,0.1); } .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; } .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; } .footer .widget_recent_comments ul li:before { color: #afb0b2; } .footer .widget_nz_recent_entries a:hover { color: #ffffff !important; } /* Flickr /*-------------------*/ .flickr_badge_image { float: left; position: relative; } .flickr_badge_image img { margin-bottom: 0; } .flickr_badge_image a { display: block; width: 100%; height: 100%; } .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%; } /* Twitter /*-------------------*/ .widget_twitter ul { list-style: none; margin: 0; padding:0; } .widget_twitter ul li { padding:20px 0 20px 80px; border-bottom: 1px solid #eee; position: relative; min-height:80px; } .footer .widget_twitter ul li { border-bottom: 1px solid rgba(255,255,255,0.1); } .widget_twitter ul li:before { display: block; content: "\e76d"; font-size:18px; position: absolute; top:27px; left: 0; width:56px; height:66px; border-radius:0px; line-height:66px; text-align: center; box-shadow: inset 0 0 0 2px #eee; } .footer .widget_twitter ul li:before { color: #ffffff !important; box-shadow: inset 0 0 0 2px #595e63; } .widget_twitter ul li:last-child { border-bottom: none; } .widget_twitter ul li a { -webkit-transition: all 300ms ease; transition: all 300ms ease; } .widget_twitter ul li p {margin-bottom: 0;} .widget_twitter ul li a.tweet-author {font-weight: bold;} .widget_twitter ul li a.tweet-time { margin-top:3px; display: block; } .widget_twitter ul li a.tweet-time { color: #999 !important; font-weight: 700; font-size: 12px; } /* Facebook /*-------------------*/ .widget_facebook .fb-like-box, .widget_facebook .fb-like-box span, .widget_facebook .fb-like-box span iframe { width: 100% !important; max-width: 100% !important; border-bottom-color: #e0e0e0; } /* 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 { padding-bottom: 25px; } .widget_mailchimp .mailchimp-description { padding-top: 15px; } .widget_mailchimp form, .nz-mailchimp form { margin-bottom: 0; position: relative; text-align: center; } .widget_mailchimp form >.icon { position: absolute; top: 14px; z-index: 55; font-size: 18px; left: 18px; color: #808080; } #mc-embedded-subscribe { width: 100%; border-radius: 5px; height: 30px !important; line-height: 30px !important; padding: 0; font-size: 14px; text-align: center; } #mce-EMAIL { padding-left: 10px; display: block; outline: 0; margin: 0 0 10px; text-align: left; vertical-align: top; height: 30px; max-width: 100%; width: 100%; border-radius: 5px; padding: 0px 20px; line-height: 30px; background-color: #fff; border: 1px solid #341f42; box-shadow: none; color: #341f42; font-size: 14px; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all 300ms; transition: all 300ms; } .blog-post { position: relative; padding: 0 250px 0 150px; } /* Recent entries /*-------------------*/ .widget_nz_recent_entries li.post { position: relative; padding: 20px 0; min-height: 114px; border-bottom: 1px solid #eee; } .widget_nz_recent_entries .post .post-date-custom { top: 20px; display: block; position: absolute; left: 0; color: #999; font-size: 14px; line-height: 24px; text-align: center; padding: 7px 0px; width: 60px; } .footer .widget_nz_recent_entries .post .post-date-custom { color: #ffffff; } .widget_nz_recent_entries .post .post-date-custom > span:first-child { font-size: 26px; line-height: 35px; height: 30px; display: block; } .widget_nz_recent_entries .post .post-date-custom > span:last-child { font-size: 11px; line-height: 15px; height: 20px; text-transform: uppercase; display: block; } .footer .widget_nz_recent_entries li.post { border-bottom: 1px solid rgba(255,255,255,0.1); } .footer .widget .widget-post-category a:not(.button), .footer .widget .widget-post-category { color: #6b6f71 !important; } .footer .widget .widget-post-category a:not(.button):hover { color: #fff !important; } .widget_nz_recent_entries li.post:last-child { border-bottom: none; } .widget_nz_recent_entries .widget-post-date { color: #999 !important; font-weight: 700; font-size: 12px; } .widget_nz_recent_entries .post-title { margin-bottom:3px; display: block; font-size: 14px; line-height: 24px; position: relative; top: -3px; } .footer .widget_nz_recent_entries .post-title {color: #bdbfc1 !important;} .widget_nz_recent_entries .nz-thumbnail { width: 70px; height: 70px; overflow: hidden; position: absolute; top: 20px; left: 0; } .widget_nz_recent_entries .post-body { padding-left: 80px !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 entries /*-------------------*/ .recent-projects > .post { width: 32%; margin-right: 2%; margin-bottom: 2%; float: left; } .recent-projects > .post:nth-child(3n+3) { margin-right: 0%; } .recent-projects .nz-overlay-before { background-color: transparent !important; } .recent-projects .nz-overlay-before:after { display: none; } /* SCHEDULE /*-------------------*/ .nz-schedule ul { list-style: none; margin: 0; padding:0; } .footer .nz-schedule ul { background-color: transparent; padding:0px; } .nz-schedule li { padding:15px 0px; border-bottom: 1px solid #eee; font-size: 14px; } .footer .nz-schedule li { border-bottom-color: rgba(255,255,255,0.1); color: #afb0b2; } .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 /*-------------------*/ .page-content-wrap .widget_icl_lang_sel_widget li a, .page-content-wrap .widget_icl_lang_sel_widget li a:visited { height: 50px; padding: 0px 20px !important; color: #777 !important; background-color: #fafafa; line-height: 50px !important; text-transform: uppercase; } .page-content-wrap .footer .widget_icl_lang_sel_widget li a, .page-content-wrap .footer .widget_icl_lang_sel_widget li a:visited { color: #fff; background-color: rgba(255,255,255,0.03); } .page-content-wrap .widget_icl_lang_sel_widget li ul a, .page-content-wrap .widget_icl_lang_sel_widget li ul a:visited { border-top: none; } .page-content-wrap .widget_icl_lang_sel_widget li a:hover { color: #333 !important; } .page-content-wrap .widget_icl_lang_sel_widget .lang_sel_sel:before { line-height: 50px; height: 50px; width: 50px; right: 0px; } .page-content-wrap .widget_icl_lang_sel_widget.animated .lang_sel_sel:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* 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; box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1); } .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:10px 24px; font-size:13px; line-height: 22px; } .button.large { padding:14px 34px; font-size:14px; line-height: 24px; } .button.square, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a { border-radius: 0; } .button.rounded{ 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.icon-true.animate-true.anim-type-ghost .btn-icon { margin-right:0px; } .button.icon-true.animate-false .txt { margin-left:5px; } .animate-false.button-normal.hover-opacity:hover {opacity: 0.7;} .animate-false.button-3d:hover {top: 2px;} .blue.button-normal{ background: #1689e2; background: -moz-linear-gradient(top, #1689e2 0%, #1373c1 100%); background: -webkit-linear-gradient(top, #1689e2 0%,#1373c1 100%); background: linear-gradient(to bottom, #1689e2 0%,#1373c1 100%); } .animate-false.blue.button-normal.hover-fill:hover{ background: #126cb5; background: -moz-linear-gradient(top, #1689e2 0%, #126cb5 100%); background: -webkit-linear-gradient(top, #1689e2 0%,#126cb5 100%); background: linear-gradient(to bottom, #1689e2 0%,#126cb5 100%); } .blue.button-ghost {box-shadow:inset 0 0 0 2px #1689e2;color:#1689e2;} .blue.button-3d {background-color:#1689e2;box-shadow: 0 4px #147ccd;} .animate-false.blue.button-3d:hover {box-shadow: 0 2px #147ccd;} .turquoise.button-normal{ background: #00c1cf; background: -moz-linear-gradient(top, #00c1cf 0%, #00AFBF 100%); background: -webkit-linear-gradient(top, #00c1cf 0%,#00AFBF 100%); background: linear-gradient(to bottom, #00c1cf 0%,#00AFBF 100%); } .animate-false.turquoise.button-normal.hover-fill:hover{ background: #01a1b0; background: -moz-linear-gradient(top, #00c1cf 0%, #01a1b0 100%); background: -webkit-linear-gradient(top, #00c1cf 0%,#01a1b0 100%); background: linear-gradient(to bottom, #00c1cf 0%,#01a1b0 100%); } .turquoise.button-ghost {box-shadow:inset 0 0 0 2px #00c1cf;color:#00c1cf;} .turquoise.button-3d {background-color:#00c1cf;box-shadow: 0 4px #00adc5;} .animate-false.turquoise.button-3d:hover {box-shadow: 0 2px #00adc5;} .pink.button-normal{ background: #fe6c61; background: -moz-linear-gradient(top, #fe6c61 0%, #f0675d 100%); background: -webkit-linear-gradient(top, #fe6c61 0%,#f0675d 100%); background: linear-gradient(to bottom, #fe6c61 0%,#f0675d 100%); } .animate-false.pink.button-normal.hover-fill:hover{ background: #e36258; background: -moz-linear-gradient(top, #fe6c61 0%, #e36258 100%); background: -webkit-linear-gradient(top, #fe6c61 0%,#e36258 100%); background: linear-gradient(to bottom, #fe6c61 0%,#e36258 100%); } .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: #8d6dc4; background: -moz-linear-gradient(top, #8d6dc4 0%, #8365b6 100%); background: -webkit-linear-gradient(top, #8d6dc4 0%,#8365b6 100%); background: linear-gradient(to bottom, #8d6dc4 0%,#8365b6 100%); } .animate-false.violet.button-normal.hover-fill:hover{ background: #795da9; background: -moz-linear-gradient(top, #8d6dc4 0%, #795da9 100%); background: -webkit-linear-gradient(top, #8d6dc4 0%,#795da9 100%); background: linear-gradient(to bottom, #8d6dc4 0%,#795da9 100%); } .violet.button-ghost {box-shadow:inset 0 0 0 2px #8d6dc4;color:#8d6dc4;} .violet.button-3d {background-color:#8d6dc4;box-shadow: 0 4px #7959b0;} .animate-false.violet.button-3d:hover {box-shadow: 0 2px #7959b0;} .peacoc.button-normal{ background: #4cadc9; background: -moz-linear-gradient(top, #4cadc9 0%, #48a2bc 100%); background: -webkit-linear-gradient(top, #4cadc9 0%,#48a2bc 100%); background: linear-gradient(to bottom, #4cadc9 0%,#48a2bc 100%); } .animate-false.peacoc.button-normal.hover-fill:hover{ background: #4295ad; background: -moz-linear-gradient(top, #4cadc9 0%, #4295ad 100%); background: -webkit-linear-gradient(top, #4cadc9 0%,#4295ad 100%); background: linear-gradient(to bottom, #4cadc9 0%,#4295ad 100%); } .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; background: -moz-linear-gradient(top, #cec2ab 0%, #beb39f 100%); background: -webkit-linear-gradient(top, #cec2ab 0%,#beb39f 100%); background: linear-gradient(to bottom, #cec2ab 0%,#beb39f 100%); } .animate-false.chino.button-normal.hover-fill:hover{ background: #b3a996; background: -moz-linear-gradient(top, #cec2ab 0%, #b3a996 100%); background: -webkit-linear-gradient(top, #cec2ab 0%,#b3a996 100%); background: linear-gradient(to bottom, #cec2ab 0%,#b3a996 100%); } .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; background: -moz-linear-gradient(top, #50485b 0%, #453f4f 100%); background: -webkit-linear-gradient(top, #50485b 0%,#453f4f 100%); background: linear-gradient(to bottom, #50485b 0%,#453f4f 100%); } .animate-false.mulled_wine.button-normal.hover-fill:hover{ background: #393341; background: -moz-linear-gradient(top, #50485b 0%, #393341 100%); background: -webkit-linear-gradient(top, #50485b 0%,#393341 100%); background: linear-gradient(to bottom, #50485b 0%,#393341 100%); } .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: #75d69c; background: -moz-linear-gradient(top, #75d69c 0%, #6ec892 100%); background: -webkit-linear-gradient(top, #75d69c 0%,#6ec892 100%); background: linear-gradient(to bottom, #75d69c 0%,#6ec892 100%); } .animate-false.vista_blue.button-normal.hover-fill:hover{ background: #67ba88; background: -moz-linear-gradient(top, #75d69c 0%, #67ba88 100%); background: -webkit-linear-gradient(top, #75d69c 0%,#67ba88 100%); background: linear-gradient(to bottom, #75d69c 0%,#67ba88 100%); } .vista_blue.button-ghost {box-shadow:inset 0 0 0 2px #75d69c;color:#75d69c;} .vista_blue.button-3d {background-color:#75d69c;box-shadow: 0 4px #61c288;} .animate-false.vista_blue.button-3d:hover {box-shadow: 0 2px #61c288;} .black.button-normal{ background: #3f3f3f; background: -moz-linear-gradient(top, #3f3f3f 0%, #2a2a2a 100%); background: -webkit-linear-gradient(top, #3f3f3f 0%,#2a2a2a 100%); background: linear-gradient(to bottom, #3f3f3f 0%,#2a2a2a 100%); } .animate-false.black.button-normal.hover-fill:hover{ background: #161616; background: -moz-linear-gradient(top, #3f3f3f 0%, #161616 100%); background: -webkit-linear-gradient(top, #3f3f3f 0%,#161616 100%); background: linear-gradient(to bottom, #3f3f3f 0%,#161616 100%); } .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; background: -moz-linear-gradient(top, #c3c3c3 0%, #b6b5b5 100%); background: -webkit-linear-gradient(top, #c3c3c3 0%,#b6b5b5 100%); background: linear-gradient(to bottom, #c3c3c3 0%,#b6b5b5 100%); } .animate-false.grey.button-normal.hover-fill:hover{ background: #a9a9a9; background: -moz-linear-gradient(top, #c3c3c3 0%, #a9a9a9 100%); background: -webkit-linear-gradient(top, #c3c3c3 0%,#a9a9a9 100%); background: linear-gradient(to bottom, #c3c3c3 0%,#a9a9a9 100%); } .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: #f7c208; background: -moz-linear-gradient(top, #f7c208 0%, #e9b708 100%); background: -webkit-linear-gradient(top, #f7c208 0%,#e9b708 100%); background: linear-gradient(to bottom, #f7c208 0%,#e9b708 100%); } .animate-false.orange.button-normal.hover-fill:hover{ background: #dbac09; background: -moz-linear-gradient(top, #f7c208 0%, #dbac09 100%); background: -webkit-linear-gradient(top, #f7c208 0%,#dbac09 100%); background: linear-gradient(to bottom, #f7c208 0%,#dbac09 100%); } .orange.button-ghost {box-shadow:inset 0 0 0 2px #f7c208;color:#f7c208;} .orange.button-3d {background-color:#f7c208;box-shadow: 0 4px #ddac01;} .animate-false.orange.button-3d:hover {box-shadow: 0 2px #ddac01;} .sky.button-normal{ background: #5aa1e3; background: -moz-linear-gradient(top, #5aa1e3 0%, #5495d1 100%); background: -webkit-linear-gradient(top, #5aa1e3 0%,#5495d1 100%); background: linear-gradient(to bottom, #5aa1e3 0%,#5495d1 100%); } .animate-false.sky.button-normal.hover-fill:hover{ background: #4e8ac1; background: -moz-linear-gradient(top, #5aa1e3 0%, #4e8ac1 100%); background: -webkit-linear-gradient(top, #5aa1e3 0%,#4e8ac1 100%); background: linear-gradient(to bottom, #5aa1e3 0%,#4e8ac1 100%); } .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: #6dab3c; background: -moz-linear-gradient(top, #6dab3c 0%, #639b37 100%); background: -webkit-linear-gradient(top, #6dab3c 0%,#639b37 100%); background: linear-gradient(to bottom, #6dab3c 0%,#639b37 100%); } .animate-false.green.button-normal.hover-fill:hover{ background: #5a8e32; background: -moz-linear-gradient(top, #6dab3c 0%, #5a8e32 100%); background: -webkit-linear-gradient(top, #6dab3c 0%,#5a8e32 100%); background: linear-gradient(to bottom, #6dab3c 0%,#5a8e32 100%); } .green.button-ghost {box-shadow:inset 0 0 0 2px #6dab3c;color:#6dab3c;} .green.button-3d {background-color:#6dab3c;box-shadow: 0 4px #599728;} .animate-false.green.button-3d:hover {box-shadow: 0 2px #599728;} .yellow.button-normal{ background: #f6ee1e; background: -moz-linear-gradient(top, #f6ee1e 0%, #d7d51f 100%); background: -webkit-linear-gradient(top, #f6ee1e 0%,#d7d51f 100%); background: linear-gradient(to bottom, #f6ee1e 0%,#d7d51f 100%); } .animate-false.yellow.button-normal.hover-fill:hover{ background: #d7d51f; background: -moz-linear-gradient(top, #f6ee1e 0%, #cdcb1e 100%); background: -webkit-linear-gradient(top, #f6ee1e 0%,#cdcb1e 100%); background: linear-gradient(to bottom, #f6ee1e 0%,#cdcb1e 100%); } .yellow.button-ghost {box-shadow:inset 0 0 0 2px #f6ee1e;color:#f6ee1e;} .yellow.button-3d {background-color:#f6ee1e;box-shadow: 0 4px #d7d51f;} .animate-false.yellow.button-3d:hover {box-shadow: 0 2px #d7d51f;} .sandy_brown.button-normal{ background: #f79468; background: -moz-linear-gradient(top, #f79468 0%, #ea8b60 100%); background: -webkit-linear-gradient(top, #f79468 0%,#ea8b60 100%); background: linear-gradient(to bottom, #f79468 0%,#ea8b60 100%); } .animate-false.sandy_brown.button-normal.hover-fill:hover{ background: #de8158; background: -moz-linear-gradient(top, #f79468 0%, #de8158 100%); background: -webkit-linear-gradient(top, #f79468 0%,#de8158 100%); background: linear-gradient(to bottom, #f79468 0%,#de8158 100%); } .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; background: -moz-linear-gradient(top, #b97ebb 0%, #ab72ad 100%); background: -webkit-linear-gradient(top, #b97ebb 0%,#ab72ad 100%); background: linear-gradient(to bottom, #b97ebb 0%,#ab72ad 100%); } .animate-false.purple.button-normal.hover-fill:hover{ background: #9d679f; background: -moz-linear-gradient(top, #b97ebb 0%, #9d679f 100%); background: -webkit-linear-gradient(top, #b97ebb 0%,#9d679f 100%); background: linear-gradient(to bottom, #b97ebb 0%,#9d679f 100%); } .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: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #f0f0f0 100%); background: -webkit-linear-gradient(top, #fafafa 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #fafafa 0%,#f0f0f0 100%); color:#777777; } .animate-false.white.button-normal.hover-fill:hover{ background: #fafafa; background: -moz-linear-gradient(top, #fafafa 0%, #e0e0e0 100%); background: -webkit-linear-gradient(top, #fafafa 0%,#e0e0e0 100%); background: linear-gradient(to bottom, #fafafa 0%,#e0e0e0 100%); } .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: #1689e2;} .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: #00c1cf;} .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:#8d6dc4;} .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:#75d69c;} .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:#f7c208;} .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:#6dab3c;} .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:#f6ee1e;} .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; font-family: Raleway; font-weight: 400; font-size: 16px; } .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: middle; } .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: 5px; height: 5px; } .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 {overflow: hidden;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: #999 !important; background-color: #f0f0f0; margin: 0 4px 3px 0; -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } .footer .widget .social-links a { color: #ffffff !important; border:1px solid #ffffff; } .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;} /* MAILCHIMP /*=============*/ .nz-mailchimp .mailchimp-description { margin-bottom: 15px; } /* 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); } /* 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: 15px; } .nz-content-box .box-icon { -webkit-backface-visibility: hidden; -webkit-transition: all 200ms; transition: all 200ms; font-size: 48px; line-height: 48px; text-align: center; position: relative; top: 8px; } .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: 14px; } .nz-content-box .box-icon-wrap { position: absolute; margin: 0; height: 60px; width: 60px; border-radius: 60px; left: 0px; top: 20px; } .nz-content-box .back_active .box-icon-wrap, .nz-content-box .bord_active .box-icon-wrap { top: 25px; } .nz-content-box .box-data { padding-left: 80px; } .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: uppercase; margin-top: 10px; font-size: 12px; } .box-more span { margin-left: 5px; display: inline-block; font-size: 14px; position: relative; bottom: -1px; } /* SLIDERBANNER /*=============*/ .slider-banner { margin: 70px auto 0 auto; } .nz-slider-banner { width: 100%; padding: 10px; } .nz-slider-banner .nz-banner { width: 100%; position: relative; padding:40px 20px; } .nz-slider-banner .banner-icon { font-size: 46px; line-height: 46px; max-width: 65px; width: 65px; position: absolute; top: 45px; left: 25px; } .nz-slider-banner .banner-data { padding-left: 70px; } /* 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: 22px; line-height: 32px; 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; } /* TABS /*=============*/ .nz-tabs .tabset { position: relative; z-index: 20; } .vc_tta-tabs-list:after { content: ""; display: table; clear: both; } .vc_tta-tabs-list { margin: 0 !important; overflow: visible !important; } .tabset .tab, .vc_tta-tabs-list .vc_tta-tab { display: block; text-align: center; padding:13px 30px; background-repeat: repeat; background-position: left top; color:#999; cursor: pointer; position: relative; font-size: 13px; text-transform: uppercase; -webkit-transition: color 300ms ease; transition: color 300ms ease; bottom: -1px; } .vc_tta-tabs-container { margin: 0 !important; overflow: visible !important; } .vc_tta-panel-heading { border:1px solid #eee !important; background-color:transparent !important; margin: 0 !important; margin-top: -1px !important; border-radius: 0 !important; } .vc_tta-tabs-list .vc_tta-tab { display: block !important; padding:13px 30px !important; -webkit-transition: color 300ms ease !important; transition: color 300ms ease !important; margin:0 !important; } .vc_tta-tabs-list .vc_tta-tab a { border:none !important; background-color:transparent !important; border-radius: 0 !important; padding: 0px !important; color: #999 !important; -webkit-transition: color 300ms ease !important; transition: color 300ms ease !important; text-align: center; font-size: 13px !important; } .vc_tta-panel-title { font-size: 13px !important; text-transform: uppercase; text-align: center; } .vc_tta-panel-title a { color: #999 !important; } .vc_tta-tabs-list .vc_tta-tab:hover a, .vc_tta-panel.vc_active .vc_tta-panel-title:hover a { color: #444444 !important; } .tabset .tab:hover { color: #444; } .tabset .tab > span { display: inline-block; padding-right:10px; } .tabset .tab.active, .vc_tta-tabs-list .vc_tta-tab.vc_active { box-shadow: inset 0 0 0 1px #eee; color: #444; } .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; margin-right: 5px; z-index: 10; } .nz-tabs.full-true.tab-full .tab { display: block; } .tabset .tab:last-child, .vc_tta-tabs-list .vc_tta-tab:last-child {margin-bottom:0px;} .tabs-container { width: 100%; height: auto; position: relative; z-index: 10; } .tabs-container .tab-content { padding-top:40px; border-top:1px solid #eee; } .vc_tta-panels { border-radius: 0 !important; background-color: transparent !important; border-bottom:none !important; border-left: none !important; border-right:none !important; } .vc_tta-panels .vc_tta-panel-body { padding:40px 0 0 0 !important; border-top:1px solid #eee !important; border-bottom: none !important; border-left: none !important; border-right: none !important; -webkit-transform: none !important; transform: none !important; -webkit-transition: none !important; transition: none !important; background-color: transparent !important; } .nz-tabs.vertical .tabs-container .tab-content { padding-top:0px; padding-left:0px; border-top:none; border-left:1px solid #eee; } .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;} /* TABS IMG /*=============*/ .nz-tabs-image {position: relative;} .tab-img-container {text-align: center;padding-top: 40px;} .nz-tabs-image:not(.tab-full) > .tab-img-container { width: 50%; position: relative; float: right; padding-top: 0; } .nz-tabs-image > .tab-img-container img:not(:first-child) { display:none; } .nz-tabs-image:not(.tab-full) .tab-img-panel { width:55%; position: absolute; top: 50.5%; left: 0; z-index: 10; -webkit-transform: translateY(-50.5%); -ms-transform: translateY(-50.5%); transform: translateY(-50.5%); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tab-img-tabset { position: relative; z-index: 20; } .tab-img-tabset .tab-img { display: block; text-align: center; padding:15px 30px; background-color: #ebebeb; color:#8f8f8f; cursor: pointer; position: relative; font-size: 18px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .nz-tabs-image:not(.tab-full) .tab-img-tabset .tab-img { float: left; margin-right: 2px; } .tab-img-tabset .tab-img > span { display: inline-block; padding-right:10px; } .tab-img-tabset .tab-img:after { width: 100%; height: 3px; content: ""; display: block; position: absolute; top:0px; left:0px; visibility: hidden; z-index: 15; } .tab-img-tabset .tab-img.active:after { visibility: visible; } .tab-img-tabset .tab-img:hover { background-color: #f1f1f1; color: #444; } .tab-img-tabset .tab-img.active { background-color: #fff !important; color: #444; } .tab-img-tabset .tab-img:last-child {margin-bottom:0px;} .tabs-img-content { width: 100%; height: auto; position: relative; z-index: 10; } .tabs-img-content .tab-img-content { background-color: #fff; padding:50px 40px 40px 40px; } .tabs-img-content .tab-img-content:not(:first-child) { display: none; } /* 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:5px; position: relative; font-size: 14px; color: #444; background-color: #fafafa; background-repeat: repeat; background-position: left top; } .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 .arrow { display: block; font-weight: bold; font-size: 16px; text-align: center; width:20px; height: 20px; text-align: center; position: absolute; top: 50%; margin-top: -10px; right: 20px; } .toggle-title.active .arrow { box-shadow: none; } .toggle-title .arrow:before, .toggle-title .arrow:after { width: 10px; height: 2px; background-color: #e0e0e0; content: ""; display: block; position:absolute; top: 50%; margin-top: -1px; left: 50%; margin-left:-5px; } .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: 5px; background-color: #fff; border: 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:1px; border-style: solid; margin-bottom: 25px; } .alert.note { border-color:#e0e0e0; background: #fff; } .alert.success { border-color:#cbdaa5; background: #e4f5ba; color: #768c40; } .alert.warning { border-color:#e4c789; background: #fdedbf; color: #b48a4e; } .alert.error { border-color:#e1a197; background: #fcd4cb; color: #8e4438; } .alert.information { border-color:#a6c4d8; background: #e3eff7; color: #225f87; } .alert .close-alert { position: absolute; top: 20px; right: 20px; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 3px; } .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: 5px; position: relative; } .nz-progress .nz-line { height: inherit; text-align:right; visibility: hidden; position: relative; border-radius: 5px; } .bar-text { position: relative; } .nz-progress .progress-percent, .nz-progress .progress-title { display:block; line-height: inherit; font-size: inherit; text-transform: uppercase; color: #333; font-size: 14px; line-height: 34px; } .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: 64px; line-height: 64px; } .nz-circle .circle-data:not(:empty) { padding-top: 25px; } /* COUNTER /*=============*/ .nz-count { width: 100%; display: block; position: relative; margin-bottom: 25px; text-align: center; } .nz-count-wrap { position: relative; } .count-icon { display: inline-block; line-height:46px; text-align: center; font-size: 22px; position: relative; top: -7px; margin-left: 3px; } .count-value { font-size:46px; line-height:46px; position: relative; display: inline-block; margin-bottom: 5px; padding-left: 20px; } .count-title { font-size: 16px; line-height:26px; color: #999; display: block; } /* TESTIMONIALS /*=============*/ .nz-testimonials { position: relative; margin-left: -15px; margin-right: -15px; } .nz-testimonials .owl-buttons div { margin-top: -80px !important; } .nz-testimonials .owl-pagination, .nz-persons .owl-pagination, .nz-clients .owl-pagination { display: none !important; } .nz-testimonials .testimonial { padding-right: 15px; padding-left: 15px; position: relative; } .nz-testimonials .text { font-size: 16px; line-height:26px; color: #999; background-color: #fafafa; padding:40px 40px 40px 70px; position: relative; font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; } .nz-testimonials .text:after { display: block; width: 20px; height: 20px; color: #999; top: 46px; left: 27px; content: ""; position: absolute; background: url(images/quote.png) no-repeat 50% 50%; } .nz-testimonials .test-info { position: relative; padding-top: 40px; } .nz-testimonials .test-info:before { content: ""; display: block; position: absolute; top: 0px; left: 0px; width: 0; height: 0; border-style: solid; border-width: 0 30px 25px 0; border-color: transparent #d1d1d1 transparent transparent; } .nz-testimonials .name, .nz-testimonials .title { font-size:14px; line-height:24px; display: block; position: relative; color: #999; } .nz-testimonials .title{ font-family: Georgia,"Times New Roman",Times,serif; font-style: italic; } .nz-testimonials .name { font-size: 16px; line-height: 26px; color: #333; text-transform: uppercase; } .nz-testimonials .test-data { padding-top: 20px; padding-left: 15px; } .nz-testimonials .test-data, .nz-testimonials img { float: left; } .nz-testimonials img { margin-left: 0px; max-width: 150px; } /* 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; } .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; font-size: 22px; 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; background-color: #fafafa; border-top: none !important; padding: 30px 20px; width: 100%; position: relative; z-index: 10; -webkit-transition: all 300ms ease; transition: all 300ms ease; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .nz-persons .person .name { font-size: 16px; line-height: 26px; text-transform: uppercase; 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: #999999; padding: 0; margin-top: 30px; position: relative; font-style: italic; font-family: Georgia,"Times New Roman",Times,serif; } .nz-persons .person .title:after, .nz-persons .person .title:before { content: ""; display: block; width: 70px; height: 1px; position: absolute; top: -13px; left: 50%; margin-left: -35px; background-color: #e0e0e0; } .nz-persons .person .title:before { top: -15px; } .nz-persons .social-links { width: 100%; top: 50%; position: absolute; transform: translateY(-50%); } #nz-content .nz-persons .social-links a { width: 36px; height: 36px; border-radius: 36px; margin: 0 5px 5px 0; color: #fff !important; background-color: rgba(255,255,255,0.3) !important; font-size: 14px; line-height: 36px; -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: #fff !important; } .nz-persons .person .bio { font-size: 14px; line-height: 24px; color: #999999; padding: 0; margin-top: 30px; position: relative; text-align: center; } /* 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: 200px; max-width: 100%; margin:0 auto 40px auto; font-size: 14px; line-height: 3em; text-transform: uppercase; color: #fff; position: relative; z-index: 6; } .nz-pricing-table > .column .title:after { border-bottom: 3em solid red; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; width: 200px; content: ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .nz-pricing-table > .column .tariff { margin-top: 10px; display: block; color:#999; font-size: 16px; line-height: 26px; font-style: italic; text-align: center; font-family: Georgia,"Times New Roman",Times,serif; } .nz-pricing-table > .column.highlight-true .tariff, .nz-pricing-table > .column.highlight-true .price { color:#fff !important; } .nz-pricing-table .hlabel { text-transform: uppercase; padding-top: 20px; } .nz-pricing-table > .column img { margin-top: 25px; } .nz-pricing-table > .column .pricing { padding:0px 0px 20px 0px; text-align: center; display: table; width: 100%; position: relative; } .nz-pricing-table > .column .column-inner { background-color: #fafafa; padding: 0px; } .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 .c-row > span { color: #ccc; } .nz-pricing-table .price { font-size: 42px; line-height: 42px; display: inline-block; } .nz-pricing-table .c-foot { border-top: 1px solid #eee; padding: 20px 20px 20px 20px; } .nz-pricing-table .button { margin: 0; } .nz-pricing-table .button-ghost:hover, .nz-pricing-table > .column.highlight-true .button-ghost { color: #ffffff !important; } /* PROJECTS /*=============*/ @media (max-width: 767px) { .blog-layout-wrap { padding: 50px 0 0 !important; } .news-layout-wrap { padding: 50px 0 0 !important; } .blog-post{ padding: 0 !important; } } .blog-layout-wrap, .shop-layout-wrap, .news-layout-wrap { padding: 150px 150px 0; background-color: #ffffff; } .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 0px 0 !important; } .single .nz-related-projects { padding: 0px 0 40px 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 .projects .nz-overlay-before, .nz-recent-projects .projects .nz-overlay-before, .nz-related-projects .projects .nz-overlay-before { background-color: transparent !important; top: auto; left: auto; right: 0; bottom: 0; width: 0; height: 0; background-image: none; border-radius: 0; border-style: solid; border-width: 0 0 60px 60px; border-color: transparent transparent #333 transparent; position: absolute; z-index: 50; } .loop .projects .nz-overlay-before:before, .nz-recent-projects .projects .nz-overlay-before:before, .nz-related-projects .projects .nz-overlay-before:before { content: ""; display: block; right: 10px; top: 33px; background-position: 50%; width: 20px; height: 20px; position: absolute; background-image: url(images/plus.png); background-repeat: no-repeat; z-index: 51; -webkit-transition: transform 300ms; transition: transform 300ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .projects .nz-overlay-before:hover:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .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); } .loop .small-standard .projects .nz-overlay-before, .loop .medium-standard .projects .nz-overlay-before, .loop .large-standard .projects .nz-overlay-before, .nz-recent-projects.small-standard .projects .nz-overlay-before, .nz-recent-projects.medium-standard .projects .nz-overlay-before, .nz-recent-projects.large-standard .projects .nz-overlay-before { top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; width: 40px; height: 40px; border-radius:40px; border: none; position: absolute; z-index: 50; background-position:49% 50%; background-image: url(images/plus.png) !important; background-repeat: no-repeat; -webkit-transition: transform 300ms; transition: transform 300ms; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .loop .small-standard .projects .nz-overlay-before:hover, .loop .medium-standard .projects .nz-overlay-before:hover, .loop .large-standard .projects .nz-overlay-before:hover, .nz-recent-projects.small-standard .projects .nz-overlay-before:hover, .nz-recent-projects.medium-standard .projects .nz-overlay-before:hover, .nz-recent-projects.large-standard .projects .nz-overlay-before:hover { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .loop .small-standard .projects .nz-overlay-before:before, .loop .medium-standard .projects .nz-overlay-before:before, .loop .large-standard .projects .nz-overlay-before:before, .nz-recent-projects.small-standard .projects .nz-overlay-before:before, .nz-recent-projects.medium-standard .projects .nz-overlay-before:before, .nz-recent-projects.large-standard .projects .nz-overlay-before:before { display: none; } .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; } .loop .project-title, .nz-related-projects .project-title, .nz-recent-projects .project-title { position: absolute; bottom: -100%; left: 0; width: 100%; padding: 15px 15px 40px 15px; text-align: left; color: #fff; margin-bottom: 0; -webkit-transition: bottom 300ms 50ms; transition: bottom 300ms 50ms; z-index: 20; font-size: 16px; line-height: 26px; text-transform: uppercase; } .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; text-align: left; color: #fff; margin-bottom: 0; -webkit-transition: bottom 300ms 0ms; transition: bottom 300ms 0ms; z-index: 20; font-size: 12px; line-height: 22px; } .loop .projects:hover .project-title, .nz-related-projects .projects:hover .project-title, .nz-recent-projects .projects:hover .project-title { bottom: 0; -webkit-transition: bottom 300ms 0ms; transition: bottom 300ms 0ms; } .loop .projects:hover .projects-category, .nz-related-projects .projects:hover .projects-category, .nz-recent-projects .projects:hover .projects-category { bottom: 0; -webkit-transition: bottom 300ms 100ms; transition: bottom 300ms 100ms; } .loop .project-title a, .nz-related-projects .project-title a, .nz-recent-projects .project-title a, .loop .projects-category a, .nz-related-projects .projects-category a, .nz-recent-projects .projects-category a { color: #fff !important; -webkit-transition: opacity 300ms 0ms; transition: opacity 300ms 0ms; } .loop .project-title a:hover, .nz-related-projects .project-title a:hover, .nz-recent-projects .project-title a:hover, .loop .projects-category a:hover, .nz-related-projects .projects-category a:hover, .nz-recent-projects .projects-category a:hover { opacity: 0.7; } .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; background-color: #fafafa; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .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; text-align: left; 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; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; font-size: 12px; line-height: 22px; } .loop .small-standard .project-title a, .loop .medium-standard .project-title a, .loop .large-standard .project-title a, .nz-recent-projects.small-standard .project-title a, .nz-recent-projects.medium-standard .project-title a, .nz-recent-projects.large-standard .project-title a { color: #333 !important; } .loop .small-standard .projects-category a, .loop .medium-standard .projects-category a, .loop .large-standard .projects-category a, .nz-recent-projects.small-standard .projects-category a, .nz-recent-projects.medium-standard .projects-category a, .nz-recent-projects.large-standard .projects-category a { color: #999 !important; } .nz-related-projects h3 { font-size: 16px; line-height: 26px; 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: 34px; line-height: 44px; margin-bottom: 0; } .single .projects-head .projects-navigation { position: absolute; height: 40px; top: 0; right: 0; } .single .projects-head .projects-navigation > a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 15px; background-color: #fafafa; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; cursor: pointer; color: #ccc !important; border-radius: 0px; text-transform: uppercase; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .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; } .nz-related-projects .nz-projects .projects { margin-bottom: 30px; } /* POSTS /*=============*/ .blog-post-1 { -webkit-transition: all 0.3s; transition: all 0.3s; padding: 0; } .posts-fade-out { visibility: hidden; opacity: 0; } .loop .post, .nz-recent-posts .post { padding-bottom: 30px; position: relative; } .list .loop .post { padding-bottom: 60px; } .blog-post, .nz-recent-posts { position: relative; } .loop .blog-post .post .post-body, .nz-recent-posts .post-body { background-color:#fafafa; padding:40px 30px; text-align: left; width: 100%; display: table; vertical-align: middle; position: relative; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .standard .loop .blog-post .post .post-body { background-color: transparent; padding: 20px 0px 40px; margin-bottom: 30px; 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; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s; background-repeat: no-repeat; background-repeat: no-repeat; background-position: right 20px bottom 20px; } .standard .loop .blog-post .format-quote .post-body .format-wrapper { background-image: url(images/quote_icon_format.png); } .standard .loop .blog-post .format-link .post-body .format-wrapper { background-image: url(images/link_icon.png); } .standard .loop .blog-post .format-status .post-body .format-wrapper { background-image: url(images/status_icon.png); } .standard .loop .blog-post .format-aside .post-body .format-wrapper { background-image: url(images/aside_icon.png); } .standard .loop .blog-post .format-quote .post-body .format-wrapper:hover, .standard .loop .blog-post .format-status .post-body .format-wrapper:hover, .standard .loop .blog-post .format-link .post-body .format-wrapper:hover, .standard .loop .blog-post .format-aside .post-body .format-wrapper:hover { background-color: #333 !important; } .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: #fff !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: 26px; line-height: 36px; } .blog-post .post .post-title, .nz-recent-posts .post .post-title { margin: 0px 0 10px 0; font-size: 18px; line-height: 28px; } .standard .loop .blog-post .post .post-title { font-size: 24px; line-height: 24px; font-weight: 100; font-family: ProximaNovaLight; color: #251a2b !important; } .blog-post .post .postmeta, .nz-recent-posts .postmeta { margin-bottom: 15px; } .blog-post .post .postmeta > *, .nz-recent-posts .postmeta > * { font-size: 14px; line-height: 24px; display: inline-block; } .blog-post .post .postmeta > *, .nz-recent-posts .postmeta > * { font-size: 14px; line-height: 24px; display: inline-block; } .blog-post .post .postmeta > *:not(:first-child), .nz-recent-posts .postmeta > *:not(:first-child) { padding-left: 20px; position: relative; } .blog-post .post .postmeta > *:not(:first-child):before, .nz-recent-posts .postmeta > *:not(:first-child):before { display: inline-block; position: absolute; width: 20px; height: 15px; line-height: 15px; content: "/"; background-color: transparent !important; color: inherit; position: absolute; top: 4px; left: -2px; text-align: center; } .single .blog-post .post .post-title { font-size: 36px; line-height: 40px; position: relative; margin-bottom: 0px; font-family: ProximaNovaLight; padding-bottom: 30px; } .single-post-content { font-size: 16px; line-height: 30px; font-family: ProximaNovaLight; color: #251a2b; margin-bottom: 50px; } .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, .blog-post .post .post-title a:hover, .nz-recent-posts .post .post-title a:hover { color: inherit !important; -webkit-transition: all 0.3s; transition: all 0.3s; } .post-gallery { position: relative; } .post-gallery ul {margin: 0;list-style: none;} .post-gallery ul li {padding: 0;} .post-gallery .flex-control-nav { width: 100%; text-align: center; list-style: none; z-index: 50; margin: 0; opacity: 1; padding:15px 0; position: absolute; bottom: 15px; left: 0; } .post-gallery .flex-control-nav li { margin: 0px; display: inline-block; padding: 0; } .post-gallery .flex-control-paging li:last-child a { margin-right: 0; } .post-gallery .flex-control-paging li a { display:inline-block; width:8px; height:8px; background-color:rgba(255,255,255,0.5); border-radius: 8px; cursor: pointer; margin: 0 10px 0px 0; -webkit-transition: all 0.3s; transition: all 0.3s; text-indent: 100%; overflow: hidden; cursor: pointer; } .sticky-ind { display: inline-block; width: 24px; height: 24px; bottom: -6px; padding: 0 !important; background-image: url(images/pin.png); background-position:50% 50%; background-repeat:no-repeat; background-color:#c7c7c7; position: absolute; top: 0px; right: 10px; } .standard .loop .sticky-ind { left: -65px; top: 92px; width: 66px; height: 82px; bottom: auto; right: auto; background-image: url(images/pin2.png); } .standard .loop .sticky-ind:before, .standard .loop .sticky-ind:after { display: none; } .single-post .sticky-ind { right: 50px; } .sticky-ind:before, .sticky-ind:after { content: ""; display: block; position: absolute; left: 0; bottom: -6px; width: 0; height: 0; border-style: solid; border-width: 6px 12px 0 0; border-color: #c7c7c7 transparent transparent transparent; } .sticky-ind:after { left: auto; right: 0; border-width: 0 12px 6px 0; border-color: transparent #c7c7c7 transparent transparent; } .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: 22px; line-height: 32px; } .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; } span.post-date { font-size: 18px !important; font-family: ProximaNovaBold; color: #251a2b; } .post .post-excerpt { margin-bottom: 15px; } .list .loop .post .post-excerpt { font-size: 14px; line-height: 24px; } .standard .loop .post .post-excerpt { margin-bottom: 25px; font-size: 16px; line-height: 24px; color: #251a2b; font-family: ProximaNovaLight; } .post-more:hover{ background:none !important; background-color:transparent !important; } .post .post-more { outline: none; border: none; margin: 0; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; font-family: ProximaNovaLight !important; } .standard .loop .post .post-more { outline: none; border: none; margin: 0; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; font-size: 14px; font-style: italic; color: #e31c79 !important; font-family: ProximaNovaBold !important; } .post .post-more:hover,.standard .loop .post .post-more:hover { background:none !important; background-color:transparent !important; } .post .post-more > .icon { display: inline-block; padding-left: 5px; font-size: 9px; } .post .post-category { position: relative; } .post .post-category a { -webkit-transition: all 0.3s; transition: all 0.3s; color: #999 !important; } .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: #333; } .post-comments-area .comments-title, .post-comments-area #respond #reply-title { margin-left: 0px; margin-right: 0px; font-size: 24px; font-family: ProximaNovaBold; text-transform: none; } h3.nz-reletated-posts-sep { margin-bottom: 0; text-transform: none; font-size: 24px; font-family: ProximaNovaBold; } .comments-section { background: #edebee; margin-top: 20px; } #comments { padding: 70px 250px 120px 150px; } .post-comments-area .comments-title { font-size: 24px; line-height: 24px; margin-left: 0px; margin-right: 0px; margin-top: 0; margin-bottom: 0; font-family: ProximaNovaBold; text-transform: none; color: #172437 !important; } .post-comments-area .comments-title span { color: #999; } .post-date-front { font-size: 14px !important; font-family: ProximaNovaBold; color: #251a2b; line-height: 24px; } .post-excerpt-front { line-height: 24px; font-family: ProximaNovaLight; color: #251a2b; margin-top: 20px; margin-bottom: 5px; font-size: 16px; } p.event-title,.event-title a { line-height: 24px; font-family: ProximaNovaLight; color: #251a2b !important; margin-top: 20px; margin-bottom: 5px; font-size: 16px; } a.post-arrows { color: #00bfff !important; } .single .post-body { padding: 30px 0 50px; position: relative; background-color: #fff; border-bottom: 1px solid #eee; width: 100% !important; float: none !important; } .single .nz-thumbnail { width: 100% !important; } .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: 12px 12px 12px 40px; margin-bottom: 3px; display: block; background-color:#fafafa; position: relative; } .single .project-details ul li:after { content: "\e6fe"; position: absolute; top: 50%; margin-top: -7px; left: 16px; 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: left; color: #333; } .single .related-posts .post-date { line-height: 24px; font-family: ProximaNovaLight; color: #172437; text-align: left; padding-top: 10px; } .single .related-posts .post-excerpt{ font-size: 14px !important; line-height: 18px; font-family: ProximaNovaLight; color: #172437; text-align: left; padding-top: 0px; } .single .blog-post .post-social-share { margin-top: 0; margin-left: 20px; } .single .post-social-share .social-links a { margin: 0; } .single .post-social-share .social-links { display: inline-block; vertical-align: top; } .post-social-share { display: inline-block; text-align: left; width: 100%; float: right; margin-top: 20px; } .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: 25px; } .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; } .post-date-custom { display: block; position: absolute; left: 20px; top: 20px; padding: 12px 15px; z-index: 15; } .standard .post-date-custom { left: -65px; top: 0; padding: 16px 0px; width: 66px; } .post-date-custom > span:first-child { font-size: 26px; line-height: 35px; height: 30px; display: block; text-align: center; color: #fff; } .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; } /* 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; background-color: #fafafa; box-shadow:inset 0 0 3px rgba(0,0,0,0.1); } .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; } ul.children .comment { padding: 10px 10px 10px 50px !important; } .comment-list .comment { padding: 10px 10px 10px 50px; margin: 0 0 40px 0; width: 100%; font-size: 14px; position: relative; font-family: ProximaNovaLight; color: #1f2223; } /*.comment-list .comment:first-child { padding: 10px 0; }*/ .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 { display: inline-block; margin-bottom: 0; margin-right: 10px; } .comment-meta .comment-author a { color:#172437; } .comment-meta .comment-author cite { font-style: normal; font-size: 16px; font-weight: 400; text-transform: none; color:#172437 !important; } .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: 100%; left: 0; } .comment-meta .replay a { display: block; padding: 3px 24px 3px 0px; color: #747575 !important; font-size: 11px !important; font-family: ProximaNovaLight !important; } .comment-meta .replay a:after { content: "\e913"; position: absolute; display: block; width: 24px; height: 28px; line-height: 32px; text-align: center; top: 0; right: 0px; } .comment-content .edit-link a {margin:10px 0px 0 0;display:none;} .comment-meta .comment-date-time a { color: #3184c0 !important; font-size: 14px; } .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 40px 25px; background-color: #fafafa; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; box-shadow: 0 2px #f1f1f1; } .woocommerce .product .onsale { position: absolute; width: 60px; height: 60px; border-radius: 60px; line-height: 60px; text-align: center; color: #fff; top: -30px; left: 40px; z-index: 50; } .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:30px; font-size: 20px; 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:32px; font-size: 22px; 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: 42px; margin-top: 5px; } .woocommerce .product .button, .woocommerce .product .added_to_cart, .woocommerce .product .product_type_external { display: inline-block; width: auto !important; border-radius: 0px; margin-bottom: 0; position: relative; padding: 6px 25px 6px 35px; font-size: 13px; line-height:24px; color: #999 !important; background-image: url(images/cart.png); background-position: 0px 50%; background-repeat: no-repeat; background-color: transparent !important; text-align: center; text-transform: uppercase; 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: none; } .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-image: url(images/cart_white.png); background-position:25px center; } .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"], .woocommerce .product .single-product-summary .button[disabled="disabled"]:hover, .woocommerce .product .single-product-summary .added_to_cart[disabled="disabled"]:hover, .woocommerce .product .single-product-summary .product_type_external[disabled="disabled"]:hover { 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; } .woocommerce .product .button:hover, .woocommerce .product .added_to_cart:hover, .woocommerce .product .product_type_external:hover { color: #333 !important; } @-webkit-keyframes loadIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes loadIn { 0% {opacity: 0;} 100% {opacity: 1;} } .shop-loader { position: absolute; width: 100%; height: 36px; top: 0; right: 0; z-index: 15; display: none; background-color: #fafafa; } .shop-loader:before { display: block; content: ""; position: absolute; top: 50%; right:0%; font-size:10px; margin: -18px 0 0 0px; 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; } .shop-loader:before, .shop-loader:after { border-radius:36px; width:36px; height:36px; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-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: 32px; display: inline-block; } .woocommerce .single-product-summary div[itemprop="offers"] { display: inline-block; } .woocommerce .product del .amount { font-size:16px; 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 { background-color: #eee; 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: #fff !important; } .woocommerce .category-details h3 { margin: 0; text-align: center; text-transform: uppercase; padding: 0 !important; -webkit-transition: all 300ms ease-out; transition: all 300ms ease-out; } .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-image-content { position: relative; } .single-image-content > .ninzio-label { bottom: auto; top: 14px; right: 0px; } .single-product-image .nz-overlay-before, .photos_from_flickr .nz-overlay-before { -webkit-transform:none; -ms-transform:none; transform:none; } .photos_from_flickr .nz-overlay-before { width: 20px; line-height: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 20px; background-color: transparent !important; } .photos_from_flickr .nz-overlay-before:after { display: 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; } .single-product-image .thumbnails { 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: block; text-decoration: none; float: left; width:33.33333333%; 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; } .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: 20px; padding-right: 30px; } .woocommerce .single-product-summary .product_meta > *:before { display: block; content: "\e8ba"; position: absolute; left: 0; top: 0; width: 18px; height: 30px; margin-top: 0; color: #ccc; font-size: 14px; line-height: 27px; } .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 { text-align: center; background-color: transparent; color: #444; cursor: pointer; position: relative; font-size: 14px; text-transform: uppercase; padding: 0; cursor: pointer; position: relative; display: table-cell; vertical-align: middle; width: 33.33333333333333%; border-top:1px solid #ffffff; } .woocommerce-tabs .tabs > li a { color: #999; padding: 15px 15px; display: block; outline: none; position: relative; } .woocommerce-tabs .tabs > li:after { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background-color: #e0e0e0; } .woocommerce-tabs .tabs > li.active { border-top:1px solid #e0e0e0; } .woocommerce-tabs .tabs > li.active:after { background-color: #fff; } .woocommerce-tabs .tabs > li.active:before { width: 100%; height: 100%; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; position: absolute; content: ''; display: block; top: 0; left: 0; } .woocommerce-tabs .tabs > li > a:before { display: inline-block; margin-right: 10px; width: 30px; height: 22px; position: relative; bottom:-5px; background-position:center center; background-repeat: no-repeat; content: ""; } .woocommerce-tabs .tabs > li.description_tab > a:before { background-image: url(images/cart.png); } .woocommerce-tabs .tabs > li.additional_information_tab > a:before { background-image: url(images/info_icon.png); } .woocommerce-tabs .tabs > li.reviews_tab > a:before { background-image: url(images/review_icon.png); } .woocommerce-tabs .tabs > li.active a { z-index: 15; } .woocommerce-tabs .panel { padding:70px 0px 0px 0px; } .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'] { 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 { 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 { display: inline-block; } .woocommerce-review-link { color:#999999; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; top: -3px; font-size: 14px; } .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; } .footer .woocommerce .star-rating:before, .footer .woocommerce-page .woocommerce-product-rating .star-rating:before, .footer .woocommerce .comment-text .star-rating:before, .footer .widget_recent_reviews .star-rating:before, .footer .widget_top_rated_products .star-rating:before { color: #2d2d2d; } .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%; } .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: 50px; line-height: 50px; margin: 0; } 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; } .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 #f7f7f7; 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: 42px; margin-right:15px; margin-bottom:7px; line-height: 42px; } .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:45px; line-height: 45px; max-width: 100%; width: 100%; padding: 0px 20px !important; font-size: 16px; background-color: #ffffff !important; border: 1px solid #e0e0e0; color: #999; border-radius: 0 !important; border: none; position: relative; -webkit-backface-visibility: hidden; -webkit-transition: all 300ms; transition: all 300ms; box-shadow: inset 0 0 5px 1px rgba(0,0,0,0.05); } .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; } /* Widgets /*=============*/ /* Shopping cart, Products, Recently viewed, Reviews /*-----------------------*/ .widget_shopping_cart .cart_list, .widget_products .product_list_widget, .widget_recently_viewed_products .product_list_widget, .widget_recent_reviews .product_list_widget, .widget_top_rated_products .product_list_widget { list-style: none; margin: 0; padding: 0; } .footer .widget_shopping_cart .cart_list, .footer .widget_products .product_list_widget, .footer .widget_recently_viewed_products .product_list_widget, .footer .widget_recent_reviews .product_list_widget, .footer .widget_top_rated_products .product_list_widget { background-color:transparent; padding: 0 } .widget_shopping_cart .cart_list > li, .widget_products .product_list_widget > li, .widget_recently_viewed_products .product_list_widget > li, .widget_recent_reviews .product_list_widget > li, .widget_top_rated_products .product_list_widget > li { padding:20px 0; border-bottom: 1px solid #eeeeee; position: relative; } .footer .widget_shopping_cart .cart_list > li, .footer .widget_products .product_list_widget > li, .footer .widget_recently_viewed_products .product_list_widget > li, .footer .widget_recent_reviews .product_list_widget > li, .footer .widget_top_rated_products .product_list_widget > li { border-bottom: 1px solid rgba(255,255,255,0.1); background-color:transparent; } .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; } .footer .widget_shopping_cart .cart_list > li > a, .footer .widget_products .product_list_widget > li > a, .footer .widget_recently_viewed_products .product_list_widget > li > a, .footer .widget_recent_reviews .product_list_widget > li > a, .footer .widget_top_rated_products .product_list_widget > li > a { color:#fff; } .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; } .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; } .footer .widget_shopping_cart .cart_list .remove { color: #afb0b2 !important; } .widget_shopping_cart .cart_list .remove:hover { background-color: #eee !important; color: #333 !important; } .footer .widget_shopping_cart .cart_list .remove:hover { background-color: #2d2d2d !important; color: #fff !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; } .widget_price_filter .price_slider_amount .price_label { padding:7px 22px 10px 22px; text-align: center; display: inline-block; background-color: #ffffff; } .footer .widget_price_filter .price_slider_amount .price_label { background-color:transparent; } .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; } .footer-widget-area-wrap .widget_price_filter .ui-slider .ui-slider-handle { -webkit-transition:none; -moz-transition:none; -o-transition:none; -ms-transition:none; transition:none; opacity: 1 !important; } .widget_price_filter .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; border: 0; border-radius: 10px; 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); } .footer .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #2d2d2d; } .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; } .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:300px; width:300px; } .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; } .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 { width: 100% !important; margin-left: 0 !important; margin-bottom: 5px; text-align: center; } .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;} .nz-testimonials .text { text-align: center; } .single .post-body { padding: 50px 20px; } .nz-testimonials .text { padding: 20px; } .nz-testimonials .text:after { display: none; } .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_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: 62px; width: 62px; line-height:62px; } .photos_from_flickr .flickr_badge_image { width:18.4%; height:18.4%; margin-right: 2%; margin-bottom: 2%; } .footer-widget-area .photos_from_flickr .flickr_badge_image { width:15%; height:15%; margin-right: 2%; margin-bottom: 2%; } .photos_from_flickr #flickr_badge_image5, .photos_from_flickr #flickr_badge_image10 { margin-right: 0; } .footer-widget-area .photos_from_flickr #flickr_badge_image5, .footer-widget-area .photos_from_flickr #flickr_badge_image10 { margin-right: 2%; } .footer-widget-area .photos_from_flickr #flickr_badge_image6 { margin-right: 0%; } .photos_from_flickr #flickr_badge_image4, .photos_from_flickr #flickr_badge_image8 { margin-right: 2%; } .woocommerce .quantity { display:inline-block; vertical-align: top; } .single-product-image .thumbnails > a { width: 20%; } .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; vertical-align: middle; width:100%; border-top: 1px solid #ffffff; text-align: left; } .woocommerce-tabs .tabs > li.active { display: block; vertical-align: middle; width:100%; border-top: 1px solid #ffffff; text-align: left; } .woocommerce-tabs .tabs > li.active:before { display: none; } .woocommerce-tabs .tabs > li:after { bottom: 0px; } .woocommerce-tabs .tabs > li.active:after{ background-color: #e0e0e0; } .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; } .woocommerce-message a, .woocommerce-info a, .woocommerce-error li a, .woocommerce-message .button, .woocommerce-info .button { display: block; } .vc_tta.vc_general .vc_tta-panel-body { padding:20px 0 20px 0 !important; border-top:none !important; } } @media only screen and (min-width: 768px) { .rich-header .container > * { display: table-cell; vertical-align: middle; } .rich-header .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; padding-right:15px; } .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%;} .footer-info .container { display: table; } .footer-info .container > * { display: table-cell; vertical-align: middle; width: auto; border-bottom: none; } .footer-info .container > .get-location { border-left: 1px solid #434548; border-right: 1px solid #434548; padding: 0 25px; width: 200px; } .footer-info .container > .footer-text { border-left: 1px solid #434548; padding: 0 25px; position: relative; left: -1px; } .footer-widget-area { display:block; } .footer-widget-area > .widget { width: 50%; float: left; padding-top: 80px; padding-left:15px; padding-right:15px; } .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: 102px; width: 102px; line-height:102px; } .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-content-box-2 > .nz-box, .nz-persons > .person { float: left; } .nz-content-box[data-columns="1"] > .nz-box, .nz-content-box-2[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-2[data-columns="2"] > .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-content-box-2[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[data-columns="4"] > .nz-box, .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, .vc_tta-tabs-list .vc_tta-tab { float: left; } .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 .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 { top: 0; left: auto; right: -1px; width: 2px; height: 100%; } .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-top: 0px; padding-left: 40px; } .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%; } .tabset .tab.active:after, .vc_tta-tabs-list .vc_tta-tab.vc_active:after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background-color: #fff; } .loop .projects-post .projects, .nz-related-projects .projects, .nz-recent-projects .projects {width: 50%;float: left;} .loop .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"] {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"] .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 .nz-thumbnail { max-height: 150px !important; } .related-posts *[data-grid="ninzio_01"], .nz-related-products *[data-grid="ninzio_01"] { padding-left: 10px !important; padding-right: 10px !important; } .woocommerce .main-content .products .product, .woocommerce .products .product {width: 100%;} .nz-related-products.column-4 *[data-grid="ninzio_01"], .nz-recent-products.column-4 *[data-grid="ninzio_01"] {width: 50% !important;float: left;} .nz-related-products.column-3 *[data-grid="ninzio_01"], .related-posts *[data-grid="ninzio_01"] { width: 30% !important; float: left; margin-left: 5%; } .nz-recent-posts .post:first-child { margin-left: 0 !important; } .thumbset .thumb { padding:10px 5px 0 5px; } .comment-list ul.children { padding: 0; 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-summary { padding-left: 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 .shop-layout-wrap.small .products .product { float: left; 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, .nz-related-projects .nz-projects { margin-left:-15px; margin-right:-15px; } .nz-related-projects .nz-projects .projects { padding:0 15px; } .nz-timeline { position: relative; } .error404-big { font-size: 180px; line-height: 180px; } .nz-product-search > .woocommerce-product-search { width: 60%; } .nz-recent-products[data-columns="2"] .products .product, .nz-recent-products[data-columns="4"] .products .product { width: 50% !important; float: left; } .nz-recent-products[data-columns="1"] .products .product { width: 100% !important; float: left; } .nz-recent-products[data-columns="3"] .products .product { width: 33.33333333333333% !important; float: left; } #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) { .photos_from_flickr .flickr_badge_image { width:9.1%; height:9.1%; margin-right:1%; margin-bottom:1%; } .footer-widget-area .photos_from_flickr .flickr_badge_image { width:23.5%; height:23.5%; margin-right:2%; margin-bottom:2%; } .footer-widget-area .photos_from_flickr #flickr_badge_image4, .footer-widget-area .photos_from_flickr #flickr_badge_image8 { margin-right:0%; margin-bottom:0%; } .footer-widget-area .photos_from_flickr #flickr_badge_image6 { margin-right:2%; } .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; } .list .loop .post .post-excerpt { font-size: 13px; line-height: 23px; } } @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; } } /* 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, .sidebar { float: left; position: relative; } .main-content { width: 65%; } .sidebar { width: 35%; padding-left: 80px; } .woocommerce .loop .main-content {width: calc(100% - 240px);} .woocommerce .loop .sidebar {width: 240px;} .main-content.right {padding-left: 100px;} .main-content.left { padding-right: 100px; border-right: 1px solid #d5d1d7; } .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; } .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_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: 30px; width: 30px; line-height:30px; } .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[data-columns="4"] > .nz-box, .nz-content-box-2[data-columns="4"] > .nz-box, .loop .projects-post .projects, .nz-related-projects .projects, .nz-recent-projects .projects {width: 25%;} .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 {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 {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-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; } .footer-widget-area .photos_from_flickr .flickr_badge_image { width: 18.4%; height: 18.4%; margin-right: 2%; margin-bottom: 2%; } .footer-widget-area .photos_from_flickr #flickr_badge_image4, .footer-widget-area .photos_from_flickr #flickr_badge_image6, .footer-widget-area .photos_from_flickr #flickr_badge_image8 { margin-right: 2%; } .footer-widget-area .photos_from_flickr #flickr_badge_image5, .footer-widget-area .photos_from_flickr #flickr_badge_image10 { margin-right: 0; } .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%); } .footer-widget-area > .widget { width: 25%; } .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; } .nz-pricing-table > .column.highlight-true { margin-top: -30px; } .nz-pricing-table > .column.highlight-true .pricing { padding-bottom: 50px; } .nz-pricing-table > .column.highlight-true .c-foot { padding: 35px 20px 35px 20px; } table.variations { width: 50%; } .main-content table.variations { width: 100%; } .standard.sidebar-false > .loop > .container { width: 960px; max-width: 960px; padding-left: 90px; } .standard > .loop > .container { padding: 0 150px; } .woocommerce .shop-layout-wrap.small .products .product { width: 25%; } .nz-recent-products[data-columns="4"] .products .product { width: 25% !important; float: left; } } /* DESKTOP /*-------------*/ @media only screen and (max-width: 1099px){ .ninzio-filter { text-align: left; margin-bottom:70px; position: relative; } .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/burger_menu.png) no-repeat center center; z-index: 25; } .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:last-child { margin-right: 0; } .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: transparent; } .ninzio-filter .filter.active { background-color: #f7f7f7; box-shadow: inset 0 0 0 1px #e0e0e0; } .ninzio-filter .filter.active:after { color: #777 !important; } .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:1220px; width:1220px; } .stuck-true + .page-content-wrap .rich-header { height:220px; } .stuck-true.top-true + .page-content-wrap .rich-header.version1 { padding-top: 140px } .stuck-true.top-false + .page-content-wrap .rich-header.version1 { padding-top: 100px } .stuck-true + .page-content-wrap .rich-header.version2 { height:430px; } .stuck-true.top-true + .page-content-wrap .rich-header .rh-content { top: calc(50% + 65px ); } .stuck-true.top-false + .page-content-wrap .rich-header .rh-content { top: calc(50% + 45px ); } .mob-header {display: none;} .desk {display: block;} .desk.stuck-false, .desk.stuck-true.fixed-true.active, .version3.desk {box-shadow: none;} .header-content > .container { position: relative; margin: 0 auto; } .header-top { position: relative; } .header-top .slogan { line-height: 36px; } .header-top .top-button { padding: 3px 15px; font-size: 12px; line-height: 22px; font-weight: 600; outline: none; border: none; position: relative; display: inline-block; margin: 5px 0 0 25px; overflow: hidden; -webkit-backface-visibility: hidden; z-index: 1; text-align: center; -webkit-transition: all 200ms ease; transition: all 200ms ease; box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.1); } .header-top .top-button:hover { box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.2); } .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: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; color: #210831 !important; text-transform: uppercase; font-size: 11px; font-family: Open Sans-serif; } .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 > a > .txt:after, .header-top .header-top-menu > ul > li.menu-item-language > a:after { content: ""; position: absolute; width: 0%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 1px; bottom: -2px; left: 50%; opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .header-top .header-top-menu > ul > li.menu-item-language > a:after { bottom: 8px; } .header-top .header-top-menu > ul > li.menu-item-language > a > .txt:after { display: none; } .header-top .header-top-menu > ul > li:hover > a > .txt:after, .header-top .header-top-menu > ul > li.menu-item-language:hover > a:after { opacity: 0.5 !important; width: 100% !important; } .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:-5px; 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:1;position: absolute;background: none !important; top: 7px; right: 50px;} .header-body { position: relative; } .desk { position: relative; top: 0; left: 0; z-index:80; width: 100%; } .desk.stuck-true { position: absolute; } .desk .logo, .desk .logo-title { z-index:2; height: 90px; line-height: 90px; position: relative; overflow: hidden; padding: 0 25px 0 0; margin: 0 auto; display: block; float: left; } .fixed-true.active .logo-desk, .logo-desk-fixed { /*display: none !important;*/ display: block !important; } .fixed-true.active .logo-desk-fixed, .version2.fixed-true.active .logo-desk { display: block !important; } .desk .logo-title { font-size: 48px; } .desk-menu { float: right; } .desk-menu > ul { list-style: none; margin: 0; padding: 15px 0 0; display: block; position: relative; float: right; } .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; } .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; -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: 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; } .desk-menu .mi {padding-right:10px;} .desk-menu .sub-menu { position:absolute; top: 75px; 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; } .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 > 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; } .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"] > .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, .cart-true .desk-cart-wrap { position: relative; } .sl-true .header-social-links, .search-true.cart-false .search-toggle, .cart-true .desk-cart-wrap { margin-left: 0px; } .search-true.cart-true .search-toggle, .search-true.ls-true .search-toggle, .cart-true.sl-true .desk-cart-wrap { margin-left: 15px; } .search-true.cart-false .search-toggle:after, .cart-true .desk-cart-wrap:after { content: ""; display: block; position: absolute; top: 5px; left:-24px; height:30px; width: 1px; } .desk .search { top: 90px; right:-15px; position: absolute; width:320px; height:64px; padding:0px; -webkit-transition: all 300ms ease; transition: all 300ms ease; z-index: -1; display: none; } .desk .search.animated { display: block; } .search-toggle { margin-top: 15px; box-shadow: none !important; height: 20px; right: 20px; width: 20px; float: right; text-align: center; position: relative; z-index: 15; cursor: pointer; background-image: url(images/search.png); background-position: 48% 50%; background-repeat: no-repeat; } .search-toggle.animated { background-image: url(images/close.png); } .iversion-light .search-toggle, .fiversion-light.active .search-toggle { background-image: url(images/search_white.png); } .iversion-light .search-toggle.animated, .fiversion-light.active .search-toggle.animated { background-image: url(images/close_white.png); } .iversion-dark .search-toggle, .fiversion-dark.active .search-toggle { background-image: url(images/search.png); } .iversion-dark .search-toggle.animated, .fiversion-dark.active .search-toggle.animated { background-image: url(images/close.png); } .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; margin-top: 25px; height: 40px; width: 40px; border-radius: 40px; } .desk-cart-toggle { width: 40px; height: 40px; line-height: 36px; text-align: center; position: relative; z-index: 15; background-image:url(images/cart.png); background-repeat: no-repeat; background-position: 46% 48%; outline: none; } .desk-cart-toggle.animated { background-position: 46% 48%; background-image:url(images/close.png); } .iversion-light .desk-cart-toggle, .fiversion-light.active .desk-cart-toggle { background-image:url(images/cart_white.png); } .iversion-light .desk-cart-toggle.animated, .fiversion-light.active .desk-cart-toggle.animated { background-image:url(images/close_white.png); } .iversion-dark .desk-cart-toggle, .fiversion-dark.active .desk-cart-toggle { background-image:url(images/cart.png); } .iversion-dark .desk-cart-toggle.animated, .fiversion-dark.active .desk-cart-toggle.animated { background-image:url(images/close.png); } .desk-cart-toggle a { position: relative; z-index: 5; width: 40px; height: 40px; display: block; outline: none; position: relative; } .desk-cart-toggle span { position: absolute; line-height: 20px; font-size: 12px; height: 20px; width: 20px; border-radius: 20px; top: -5px; left: 30px; } .woo-cart { position: absolute; width: 320px; height: auto; min-height: 50px; padding: 10px; position: absolute; top: 65px; 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;} .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; } /*VERSIONS*/ .version1.top-false { height: 90px; } .version1.top-true { height: 90px; } .version1 .header-top > .container { height: 40px; } .version1 .header-top > .container:empty { height: 0; } .version1 .header-top .slogan { float: left; } .version1 .header-top .header-top-menu, .version1 .header-top .top-button, .version1 .header-top .social-links { float: right; } .version1 .header-top .header-top-social-links a { background-color: transparent !important; width: 36px; height: 40px; line-height: 40px; border-radius: 0px; border: none; margin: 0; } .version1 .header-top .header-top-social-links a:hover { color: #fff !important; } .version1 .header-top .header-top-social-links a.icon-rss:hover {background-color:#fba933 !important;} .version1 .header-top .header-top-social-links a.icon-facebook:hover {background-color:#607bb3 !important;} .version1 .header-top .header-top-social-links a.icon-twitter:hover {background-color:#37bbf5 !important;} .version1 .header-top .header-top-social-links a.icon-skype:hover {background-color:#37bbf5 !important;} .version1 .header-top .header-top-social-links a.icon-googleplus:hover {background-color:#e74b32 !important;} .version1 .header-top .header-top-social-links a.icon-youtube:hover {background-color:#c63c39 !important;} .version1 .header-top .header-top-social-links a.icon-vimeo:hover {background-color:#2bc2f4 !important;} .version1 .header-top .header-top-social-links a.icon-linkedin:hover {background-color:#319cda !important;} .version1 .header-top .header-top-social-links a.icon-flickr:hover {background-color:#ee4086 !important;} .version1 .header-top .header-top-social-links a.icon-pinterest:hover {background-color:#db2e36 !important;} .version1 .header-top .header-top-social-links a.icon-instagram:hover {background-color:#5280a5 !important;} .version1 .header-top .header-top-social-links a.icon-apple:hover {background-color:#01aef3 !important;} .version1 .header-top .header-top-social-links a.icon-dribbble:hover {background-color:#eb4c89 !important;} .version1 .header-top .header-top-social-links a.icon-android:hover {background-color:#92b83e !important;} .version1 .header-top .header-top-social-links a.icon-behance:hover {background-color:#1b82dc !important;} .version1 .header-top .header-top-social-links a.icon-envelope:hover {background-color:#4c5256 !important;} .version1 .desk-menu > ul > li { line-height: 60px; height: 60px; } .version1 .desk-menu > ul > li > a { height: 45px; line-height:30px; margin-top: 30px; } .version1.subeffect-ghost .header-top .header-top-menu ul li ul, .version1.subeffect-ghost .header-top .header-top-menu > ul > li:hover > .sub-menu, .version1.subeffect-ghost .desk-menu > ul > li > .sub-menu, .version1.subeffect-ghost .desk-menu > ul > li:hover > .sub-menu, .version1.subeffect-ghost .sub-menu .sub-menu { display: none; margin-top: 40px; opacity: 0; } .version1.subeffect-slide .header-top .header-top-menu ul li ul, .version1.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version1.subeffect-slide .desk-menu > ul > li > .sub-menu, .version1.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version1.subeffect-slide .sub-menu .sub-menu, .version1.subeffect-fade .header-top .header-top-menu ul li ul, .version1.subeffect-fade .header-top .header-top-menu > ul > li:hover > .sub-menu, .version1.subeffect-fade .desk-menu > ul > li > .sub-menu, .version1.subeffect-fade .desk-menu > ul > li:hover > .sub-menu, .version1.subeffect-fade .sub-menu .sub-menu { display: none; margin-top: 0px; opacity: 0; } .version1.subeffect-slide .header-top .header-top-menu ul li ul, .version1.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version1.subeffect-slide .desk-menu > ul > li > .sub-menu, .version1.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version1.subeffect-slide .sub-menu .sub-menu { opacity: 1; } .version1.subeffect-move .header-top .header-top-menu ul li ul, .version1.subeffect-move .header-top .header-top-menu > ul > li:hover > .sub-menu, .version1.subeffect-move .desk-menu > ul > li > .sub-menu, .version1.subeffect-move .desk-menu > ul > li:hover > .sub-menu, .version1.subeffect-move .sub-menu .sub-menu { display: none; margin-left:-40px; opacity: 0; } .version2 { height:130px; } .version2 .header-body > .container { height:90px; } .version2 .desk-menu { float:none; } .version2 .desk-menu > ul{ max-width: 1170px; width: 1170px; margin: 0 auto; position: relative; } .version2 .desk-menu .sub-menu { top: 40px; } .version2 .header-top { float: right; height: 40px; margin-top: 25px; } .version2 .header-top:after { width: 100%; height: 100%; display: block; content: ""; position: absolute; top: 0; left: 0; z-index: -1; } .version2 .header-top .header-top-menu, .version2 .header-top .top-button, .version2 .header-top .social-links, .version2 .header-top .slogan { float: right; } .version2 .header-top .header-top-social-links a { background-color: transparent !important; width: 36px; height: 36px; line-height: 36px; border-radius: 36px; border: none; margin: 0; margin-top: 2px; } .version2 .header-top .header-top-social-links a { color: transparent !important; } .version2 .search-toggle, .version2 .desk-cart-wrap { margin-top: 0px; } .version2 .search, .version2 .woo-cart { top: 105px !important; display: none; } .version2 .search.animated, .version2 .woo-cart.animated { display: block; } .version2 .header-top .header-top-social-links a.icon-rss:hover {box-shadow:inset 0 0 0 1px #fba933 !important;color:#fba933 !important;} .version2 .header-top .header-top-social-links a.icon-facebook:hover {box-shadow:inset 0 0 0 1px #607bb3 !important;color:#607bb3 !important;} .version2 .header-top .header-top-social-links a.icon-twitter:hover {box-shadow:inset 0 0 0 1px #37bbf5 !important;color:#37bbf5 !important;} .version2 .header-top .header-top-social-links a.icon-skype:hover {box-shadow:inset 0 0 0 1px #37bbf5 !important;color:#37bbf5 !important;} .version2 .header-top .header-top-social-links a.icon-googleplus:hover {box-shadow:inset 0 0 0 1px #e74b32 !important;color:#e74b32 !important;} .version2 .header-top .header-top-social-links a.icon-youtube:hover {box-shadow:inset 0 0 0 1px #c63c39 !important;color:#c63c39 !important;} .version2 .header-top .header-top-social-links a.icon-vimeo:hover {box-shadow:inset 0 0 0 1px #2bc2f4 !important;color:#2bc2f4 !important;} .version2 .header-top .header-top-social-links a.icon-linkedin:hover {box-shadow:inset 0 0 0 1px #319cda !important;color:#319cda !important;} .version2 .header-top .header-top-social-links a.icon-flickr:hover {box-shadow:inset 0 0 0 1px #ee4086 !important;color:#ee4086 !important;} .version2 .header-top .header-top-social-links a.icon-pinterest:hover {box-shadow:inset 0 0 0 1px #db2e36 !important;color:#db2e36 !important;} .version2 .header-top .header-top-social-links a.icon-instagram:hover {box-shadow:inset 0 0 0 1px #5280a5 !important;color:#5280a5 !important;} .version2 .header-top .header-top-social-links a.icon-apple:hover {box-shadow:inset 0 0 0 1px #01aef3 !important;color:#01aef3 !important;} .version2 .header-top .header-top-social-links a.icon-dribbble:hover {box-shadow:inset 0 0 0 1px #eb4c89 !important;color:#eb4c89 !important;} .version2 .header-top .header-top-social-links a.icon-android:hover {box-shadow:inset 0 0 0 1px #92b83e !important;color:#92b83e !important;} .version2 .header-top .header-top-social-links a.icon-behance:hover {box-shadow:inset 0 0 0 1px #1b82dc !important;color:#1b82dc !important;} .version2 .header-top .header-top-social-links a.icon-envelope:hover {box-shadow:inset 0 0 0 1px #4c5256 !important;color:#4c5256 !important;} .version2 .desk-menu > ul > li { line-height: 40px; height: 40px; } .version2 .desk-menu > ul > li > a { height: 40px; line-height:40px; margin-top: 0px; } .version2.subeffect-ghost .header-top .header-top-menu ul li ul, .version2.subeffect-ghost .header-top .header-top-menu > ul > li:hover > .sub-menu, .version2.subeffect-ghost .desk-menu > ul > li > .sub-menu, .version2.subeffect-ghost .desk-menu > ul > li:hover > .sub-menu, .version2.subeffect-ghost .sub-menu .sub-menu { display: none; margin-top: 40px; opacity: 0 } .version2.subeffect-slide .header-top .header-top-menu ul li ul, .version2.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version2.subeffect-slide .desk-menu > ul > li > .sub-menu, .version2.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version2.subeffect-slide .sub-menu .sub-menu, .version2.subeffect-fade .header-top .header-top-menu ul li ul, .version2.subeffect-fade .header-top .header-top-menu > ul > li:hover > .sub-menu, .version2.subeffect-fade .desk-menu > ul > li > .sub-menu, .version2.subeffect-fade .desk-menu > ul > li:hover > .sub-menu, .version2.subeffect-fade .sub-menu .sub-menu { display: none; margin-top: 0px; opacity: 0 } .version2.subeffect-slide .header-top .header-top-menu ul li ul, .version2.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version2.subeffect-slide .desk-menu > ul > li > .sub-menu, .version2.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version2.subeffect-slide .sub-menu .sub-menu { opacity: 1 } .version2.subeffect-move .header-top .header-top-menu ul li ul, .version2.subeffect-move .header-top .header-top-menu > ul > li:hover > .sub-menu, .version2.subeffect-move .desk-menu > ul > li > .sub-menu, .version2.subeffect-move .desk-menu > ul > li:hover > .sub-menu, .version2.subeffect-move .sub-menu .sub-menu { display: none; margin-left:-40px; opacity: 0 } .version3 .header-social-links { float: right; margin-top: 25px; } .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;} .version3 .desk-menu > ul > li { line-height: 90px; height: 90px; } .version3 .desk-menu > ul > li > a { height: 30px; line-height:30px; margin-top: 30px; } .version3.subeffect-ghost .header-top .header-top-menu ul li ul, .version3.subeffect-ghost .header-top .header-top-menu > ul > li:hover > .sub-menu, .version3.subeffect-ghost .desk-menu > ul > li > .sub-menu, .version3.subeffect-ghost .desk-menu > ul > li:hover > .sub-menu, .version3.subeffect-ghost .sub-menu .sub-menu { display: none; margin-top: 40px; opacity: 0; } .version3.subeffect-slide .header-top .header-top-menu ul li ul, .version3.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version3.subeffect-slide .desk-menu > ul > li > .sub-menu, .version3.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version3.subeffect-slide .sub-menu .sub-menu, .version3.subeffect-fade .header-top .header-top-menu ul li ul, .version3.subeffect-fade .header-top .header-top-menu > ul > li:hover > .sub-menu, .version3.subeffect-fade .desk-menu > ul > li > .sub-menu, .version3.subeffect-fade .desk-menu > ul > li:hover > .sub-menu, .version3.subeffect-fade .sub-menu .sub-menu { display: none; margin-top: 0px; opacity: 0; } .version3.subeffect-slide .header-top .header-top-menu ul li ul, .version3.subeffect-slide .header-top .header-top-menu > ul > li:hover > .sub-menu, .version3.subeffect-slide .desk-menu > ul > li > .sub-menu, .version3.subeffect-slide .desk-menu > ul > li:hover > .sub-menu, .version3.subeffect-slide .sub-menu .sub-menu { opacity: 1; } .version3.subeffect-move .header-top .header-top-menu ul li ul, .version3.subeffect-move .header-top .header-top-menu > ul > li:hover > .sub-menu, .version3.subeffect-move .desk-menu > ul > li > .sub-menu, .version3.subeffect-move .desk-menu > ul > li:hover > .sub-menu, .version3.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%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 3px; bottom:0px; left: 50%; opacity: 0; -webkit-transition: all 300ms; transition: all 300ms; } .effect-overline .desk-menu > ul > li > a:after { top:-25px; } .version3.effect-overline .desk-menu > ul > li > a:after { top:-30px; } .version2.effect-overline .desk-menu > ul > li > a:after { top:-1px; } .version2.effect-uderline .desk-menu > ul > li > a:after { bottom:0px; } .effect-underline .desk-menu > ul > li:hover > a:after, .effect-underline .desk-menu > ul > li.one-page-active > a:after, .effect-underline:not(.one-page-top) .desk-menu > ul > li.current-menu-item > a:after, .effect-underline:not(.one-page-top) .desk-menu > ul > li.current-menu-parent > a:after, .effect-underline:not(.one-page-top) .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:not(.one-page-top) .desk-menu > ul > li.current-menu-item > a:after, .effect-overline:not(.one-page-top) .desk-menu > ul > li.current-menu-parent > a:after, .effect-overline:not(.one-page-top) .desk-menu > ul > li.current-menu-ancestor > a:after { opacity: 1; width: 100%; } .effect-outline .desk-menu > ul > li > a, .effect-fill .desk-menu > ul > li > a { padding-left: 15px; padding-right: 15px; -webkit-transition: all 300ms; transition: all 300ms; } /*FIXED*/ .desk.fixed-true { position: fixed; top: 0; left: 0; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .version3.fixed-true + .rich-header { margin-top:90px; } .revolution-slider-active .version3.fixed-true { position:relative; } .revolution-slider-active .version3.fixed-true .header-body { -webkit-transition: all 300ms ease !important; transition: all 300ms ease !important; } .revolution-slider-active .version3.fixed-true.active { position: fixed; top: 0; left: 0; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); transform:translateY(0px); } .stuck-false.version1.fixed-true.top-true + .page-content-wrap, .stuck-false.version2.fixed-true + .page-content-wrap { padding-top: 130px; } .stuck-false.version1.fixed-true.top-false + .page-content-wrap { padding-top: 90px; } .version1.fixed-true, .version2.fixed-true, .version3.fixed-true { -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; transform:translateY(0); } .page-content-wrap { -webkit-transition: all 300ms ease; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .version1.fixed-true.active.stuck-false + .page-content-wrap { padding-top: 90px; } .version2.fixed-true.active.stuck-false + .page-content-wrap { padding-top: 40px; } .version2.fixed-true.active { transform:translateY(-90px); } /*MIX*/ .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: 292px; } .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; } .footer .photos_from_flickr .flickr_badge_image { width: 32%; height: 32%; margin-right: 2%; margin-bottom: 2%; } .footer .photos_from_flickr #flickr_badge_image5, .footer .photos_from_flickr #flickr_badge_image10 { margin-right: 2%; } .footer .photos_from_flickr #flickr_badge_image6, .footer .photos_from_flickr #flickr_badge_image3 { margin-right: 0%; } .footer-info-area > .container > *:last-child:not(:only-child) { padding-left: 30px; padding-right: 30px; } .footer-copyright { float: left; line-height: 34px; } .footer .social-links { float: right; height: 34px; line-height: 34px; padding: 0; margin-top: 25px; } .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; margin-bottom: 3px; margin-right: -4px; line-height: 22px; width: auto; position: relative; z-index: 3; color: #777; } .ninzio-filter .filter-container {display: inline !important;} .ninzio-filter .filter:after { content: attr(data-count); width: 26px; height: 26px; font-size: 12px; border-radius: 26px; line-height: 26px; display: inline-block; text-align: center; color: #777 !important; } .ninzio-filter .filter:last-child { margin-right: 0; } .ninzio-filter .filter.active { box-shadow: inset 0 0 0 1px #e0e0e0; z-index: 15; } .ninzio-filter .filter:before { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 1px; background-color:#e0e0e0; } .ninzio-filter .filter.active:before { background-color:#ffffff; } .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 { color: #777 !important; } .single-product-image { width: 40%; } .single-product-summary { width: 60%; } .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; } .woocommerce .main-content .products .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 .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 { float: left; display: table-cell; width: 423px; min-height: 346px; } .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 50px; } .list .loop .main-content .blog-post .post .post-title { font-size: 26px; line-height: 36px; } } @media only screen and (min-width: 1301px) { #wrap.nz-boxed { width: 1280px;} #wrap.nz-boxed .header.desk { 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%; } } @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, .nz-testimonials .text:after{ background-image: url(images/quote@2.png); background-size:21px 20px; } .nz-breadcrumbs > :first-child:before { background:transparent url(images/home_icon@2.png) no-repeat left top; background-size:25px 23px; } .icon-light .nz-breadcrumbs > :first-child:before { background:transparent url(images/home_icon_white@2.png) no-repeat left top; background-size:25px 23px; } .location-close, .mob-menu-toggle2, .search-toggle.animated, .desk-cart-toggle.animated { background-image: url(images/close@2.png); background-size:15px 15px; } .mob-menu-toggle2:hover, .iversion-light .search-toggle.animated, .fiversion-light.active .search-toggle.animated, .iversion-light .desk-cart-toggle.animated, .fiversion-light.active .desk-cart-toggle.animated { background-image:url(images/close_white@2.png); background-size:15px 15px; } #top { background-image: url(images/gotop_icon@2.png); background-size:17px 19px; } .nz-overlay-before, #nz-content .nz-single-image:before, .gallery-item .nz-overlay-before, .projects .nz-overlay-before:before, .loop .projects .nz-overlay-before:before, .nz-recent-projects .projects .nz-overlay-before:before, .nz-related-projects .projects .nz-overlay-before:before, .loop .medium-image-nogap .projects .nz-overlay-before, .loop .medium-image .projects .nz-overlay-before, .loop .medium-standard .projects .nz-overlay-before { background-image: url(images/plus@2.png); background-size:13px 12px; } .owl-prev {background:url(images/arrow_left@2.png) no-repeat center center;background-size:12px 12px;} .owl-next {background:url(images/arrow_right@2.png) no-repeat center center;background-size:12px 12px;} .owl-prev:hover {background:url(images/arrow_left_white@2.png) no-repeat center center;background-size:12px 12px;} .owl-next:hover {background:url(images/arrow_right_white@2.png) no-repeat center center;background-size:12px 12px;} .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"], .search-toggle, .desk .search input[type="submit"] { background-image: url(images/search@2.png); background-size:18px 18px; } .mob-header-top .cart-toggle, .mob-header-top .mob-menu-toggle { background-image:url(images/menu@2.png); background-size:16px 13px; } .mob-header-top .cart-toggle, .woocommerce .product .button, .woocommerce .product .added_to_cart, .woocommerce .product .product_type_external, .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"], .woocommerce .product .single-product-summary .button[disabled="disabled"]:hover, .woocommerce .product .single-product-summary .added_to_cart[disabled="disabled"]:hover, .woocommerce .product .single-product-summary .product_type_external[disabled="disabled"]:hover, .woocommerce-tabs .tabs > li.description_tab > a:before, .desk-cart-toggle { background-image:url(images/cart@2.png); background-size:20px 18px; } .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, .fiversion-light.active .desk-cart-toggle { background-image: url(images/cart_white@2.png); background-size:20px 18px; } .iversion-dark .desk-cart-toggle, .fiversion-dark.active .desk-cart-toggle { background-image: url(images/cart@2.png); background-size:20px 18px; } .widget_tag_cloud .tagcloud a:after, .post-tags a:after, .widget_product_tag_cloud .tagcloud a:after, .projects-tags a:after { background-image: url(images/tag_triangle@2.png); background-size:16px 27px; } .post-tags a:after { background-image: url(images/tag_triangle_white@2.png); background-size:16px 27px; } .footer .widget_tag_cloud .tagcloud a:after, .footer .post-tags a:after, .footer .widget_product_tag_cloud .tagcloud a:after, .footer .projects-tags a:after { background-image: url(images/tag_triangle_footer@2.png); background-size:16px 27px; } .video-modal .video-icon { background-image: url(images/video_icon@2.png); background-size:82px 82px; } .sticky-ind { background-image: url(images/pin@2.png); background-size:16px 15px; } .standard .loop .sticky-ind { background-image: url(images/pin2@2.png); background-size:24px 24px; } .woocommerce-tabs .tabs > li.additional_information_tab > a:before { background-image: url(images/info_icon@2.png); background-size:20px 20px; } .woocommerce-tabs .tabs > li.reviews_tab > a:before { background-image: url(images/review_icon@2.png); background-size:24px 23px; } .filter-toggle, .main-content .filter-toggle { background: url(images/burger_menu@2.png) no-repeat center center; background-size:16px 15px; } .woo-cart .widget_shopping_cart .cart_list > li.empty { background-image: url(images/no_product@2.png); background-size:20px 18px; } .iversion-light .search-toggle, .fiversion-light.active .search-toggle { background-image: url(images/search_white@2.png); background-size:18px 18px; } .iversion-dark .search-toggle, .fiversion-dark.active .search-toggle { background-image: url(images/search@2.png); background-size:18px 18px; } .standard .loop .blog-post .format-quote .post-body .format-wrapper { background-image: url(images/quote_icon_format@2.png); background-size:34px 24px; } .standard .loop .blog-post .format-link .post-body .format-wrapper { background-image: url(images/link_icon@2.png); background-size:34px 33px; } .standard .loop .blog-post .format-status .post-body .format-wrapper { background-image: url(images/status_icon@2.png); background-size:31px 37px; } .standard .loop .blog-post .format-aside .post-body .format-wrapper { background-image: url(images/aside_icon@2.png); background-size:16px 15px; } } /* Footer */ section#footer-bottom { background: #1c0b2b; overflow: hidden; } #footer-bottom .col, #footer-main .col{ margin-bottom:0; } #footer-main .col8 { padding-right: 60px; } #footer-main .col4 { padding-left: 100px; } .footer-bottom p{ font-size: 14px; line-height: 85px; color: #a05598; font-family: ProximaNovaLight; margin-bottom: 0 !important; } #footer-bottom .fl{ float:left; } #footer-bottom .fl p{ padding-left: 15px !important; } #footer-bottom .fr{ float:right; text-align: right; } .footer-main p{ margin-bottom: 0 !important; } .footer-title{ color:#fff; font-size:24px; line-height:30px; font-family:ProximaNovaLight; margin-bottom:0px; } .footer-main { display: table; position: relative; width: 100%; height: 100%; padding:100px 0 80px; background: #301c41; } .footer-main ul.menu{ list-style: none !important; font-family: ProximaNovaLight; padding-left: 0px; max-width: 180px !important; } .footer-main ul.menu li,.footer-main ul.menu li a { list-style: none !important; font-family: ProximaNovaLight; font-size: 14px; line-height: 18px; margin-bottom: 0; padding: 5px 0 !important; } .footer-main ul.sub-menu li { font-size: 14px; margin-bottom: 0px; } .footer-main ul.sub-menu li:nth-child(1) { display:block !important; } .footer-list-title { font-size: 0.9em !important; } .footer-main ul.menu li a{ color:#fff; } .footer-main ul.sub-menu li a{ color:#fff; } .footer-main ul.sub-menu { display:block; padding:0; } .contact-detail { text-transform: uppercase; color: #a05598; font-family: ProximaNovaLight; font-size: 18px; line-height: 30px; } .contact-detail-text { text-transform: uppercase; color: #fff; font-family: ProximaNovaLight; font-size: 14px; line-height: 30px; } .footer-main .contact-link { text-transform: uppercase; color: #00bcf2; font-family: ProximaNovaLight; font-size: 14px; } .footer-main .contact-link a,.contact-detail-text a{ text-transform: uppercase; color: #00bcf2 !important; } .footer-main .spacing-footer { padding: 40px 15px; float: left; display: block; width: 100%; } .footer-line{ border-top: 1px solid #fff; height: 1px; vertical-align: middle; display: block; } .footer-main .social-connect { display: inline-block; padding: 0 5px; } .footer-main .img-social { padding-right: 10px; } .footer-main .center-content { vertical-align: middle; } .submit-blue { background-color: #189fd6 !important; color: #fff !important; width: 100% !important; padding: 10px 12px; font-weight: 600; } .footer-form .wpcf7 input, .footer-form .wpcf7 textarea, .footer-form .wpcf7 span, .footer-form .wpcf7 select { margin-top: 0px; margin-bottom: 15px; } .widget_recent_entries { padding-bottom: 0 !important; padding: 0 10%; } .widget_recent_entries h6 { color: #251a2b; font-family: ProximaNovaLight; font-size: 36px; line-height: 50px; } .purple-btn { background: #1c0b2b; min-width: 240px; display: block; color: #fff !important; text-align: center; font-size: 12px; padding: 0 15px; line-height: 30px; border-radius: 5px; font-family: Raleway; font-weight: bold; position: absolute; bottom: 0; } .purple-btn-big { background: #795da8; font-size: 14px; font-weight: bold; font-family: Raleway; line-height: 36px; display: inline-block; color: #fff !important; padding: 0; border-radius: 5px; text-align: center; max-width: 300px !important; width: 100%; } ul.tech-support li { background-image: url(images/icon-check.png); line-height: 30px; font-family: ProximaNovaLight; color: #fff; font-weight: 100 !important; font-size: 16px; text-align: left; padding: 0 0 15px 40px !important; margin: 15px 0; border-bottom: 1px solid #fff; list-style: none; background-repeat: no-repeat; } ul.tech-support li:last-child { border-bottom: 0 !important; } .dropdown, .dropup { position: relative; display: inline-block; } .dropdown-menu { opacity: 0.95; min-width: 171px; border: 0 !important; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } ul.post-socials { margin-bottom: 0; margin-left: 0; padding-left: 0; text-align: right; } .post-socials .img-social { padding-left: 10px; } ul.post-socials li { display: inline; font-size: 14px; font-family: ProximaNovaBold; font-weight: bold; line-height: 30px; color: #2a2a2a !important; padding-right: 15px; border-right: 1px solid #777777; } .sl-count { margin-left:5px; color:#2a2a2a !important; } ul.post-socials li:last-child { padding-right: 0; border: 0; } /* Pro serv styles */ #jump-start:before { content: ""; position: absolute; left: 25%; border-width: 0px 20px 20px; border-style: solid; border-color: #efeef0 rgba(134, 31, 31, 0); display: block; top: -20px; bottom: auto; width: 20px; z-index: 99999; } #care:before { content: ""; position: absolute; left: 47%; border-width: 0px 20px 20px; border-style: solid; border-color: #efeef0 rgba(134, 31, 31, 0); display: block; top: -20px; bottom: auto; width: 20px; z-index: 99999; } #implementation:before { content: ""; position: absolute; left: 70%; border-width: 0px 20px 20px; border-style: solid; border-color: #efeef0 rgba(134, 31, 31, 0); display: block; top: -20px; bottom: auto; width: 20px; z-index: 99999; } .jump-start,.care,.implementation{ display:none; } @media (min-width: 767px) and (max-width: 1440px) { #footer-main .col4 { padding-left: 10px; } #footer-main .col8 { padding-right: 10px; } } @media (min-width: 767px){ .small_hidden { display: none!important; } .jump-start-mob,.care-mob,.implementation-mob{ display:none; } } @media (max-width: 767px) { .big_hidden { display: none!important; } a#close { height: 20px !important; width: 20px !important; line-height: 20px !important; top: 0 !important; } #footer-main{ padding: 20px 0; } #footer-main .col8,#footer-main .col4,#footer-main .col,#footer-bottom .col { padding: 0; } #footer-main .col { margin-bottom: 10px; } .footer-title { margin-bottom: 10px; } .footer-main ul.menu { padding-left: 5%; max-width: 100%; } .footer-main .spacing-footer { padding: 10px 0; } #footer-bottom { padding: 10px 0; } .footer-bottom p { font-size: 12px; line-height: 24px; } #footer-bottom .fl, #footer-bottom .fr { float: none; text-align: center; } } .job-form { float: left; width: 100%; } #job-app-form textarea,#job-app-form input { background: #fff; color: #251a2b; } #job-app-form input { height: 40px; } #job-app-form textarea { margin-bottom: 10px !important; height: 150px !important; } #job-app-form { margin-top: 20px; } #job-app-form .purple-btn { background: #a05598 !important; width: 100%; margin-top: 10px !important; margin-bottom: 0; padding: 0; border-radius: 4px !important; box-shadow: none !important; } .npl { padding-left: 0; } .npr { padding-right: 0; } #job-subject { display: none !important; } div.wpcf7-mail-sent-ok { border: 0 !important; } div.wpcf7-validation-errors { border: 0 !important; } .mb10 { margin-bottom: 10px; } .col-item { border: 1px solid #E1E1E1; border-radius: 5px; background: #FFF; } .col-item .photo img { margin: 0 auto; width: 100%; } .col-item .info { padding: 10px; border-radius: 0 0 5px 5px; margin-top: 1px; } .col-item:hover .info { background-color: #F5F5DC; } .col-item .price { /*width: 50%;*/ float: left; margin-top: 5px; } .col-item .price h5 { line-height: 20px; margin: 0; } .price-text-color { color: #219FD1; } .col-item .info .rating { color: #777; } .col-item .rating { /*width: 50%;*/ float: left; font-size: 17px; text-align: right; line-height: 52px; margin-bottom: 10px; height: 52px; } .col-item .separator { border-top: 1px solid #E1E1E1; } .clear-left { clear: left; } .col-item .separator p { line-height: 20px; margin-bottom: 0; margin-top: 10px; text-align: center; } .col-item .separator p i { margin-right: 5px; } .col-item .btn-add { width: 50%; float: left; } .col-item .btn-add { border-right: 1px solid #E1E1E1; } .col-item .btn-details { width: 50%; float: left; padding-left: 10px; } .controls { margin-top: 20px; } [data-slide="prev"] { margin-right: 10px; } .item { display: none; } .item.active { display: block; } .carousel-indicators { display: none; } #quote-carousel .carousel-control { background: none; color: #fff !important; font-size: 2.3em; text-shadow: none; margin-top: 30px; } .testimonials h4 { font-size: 20px; color: #fff; text-align: left; margin: 20px 0 10px; } .testimonials h2 { color: #fff; font-size: 35px; font-weight: 600; text-align: left; } .testimonial p { color: #fff; font-family: Raleway; font-size: 14px; line-height: 24px; margin-bottom: 50px; font-weight: 100; } .testimonials .left { padding-right: 6%; padding-left: 0; } .testimonials .right { padding-left: 6%; padding-right: 0; } .t-quote { padding-top: 70px; font-size: 30px; line-height: 36px; font-family: Lato; font-style: italic; float: left; } span.q-right { float: right; } p.t-author { margin-top: 10px; float: right; } .flex-direction-nav li a:focus{ outline: 0; } .flex-direction-nav li a:hover{ background-color:transparent !important; background: none !important; } .carousel a.right { margin-left: 50px; } #map-circles { margin: 0; padding: 0; list-style-type: none; /* remove default list style */ padding-left: 20px; } #map-circles li { margin: 0; padding: 0; float: left; width: 20%; text-align: center; } #map-circles li a { float: left; height: 70px; width:100%; padding: 0; margin: 0; opacity:0.5; } #map-circles li a.active { opacity:1; } #map-circles li span{ font-size:12px; text-transform:uppercase; } /* Individual menu items */ #map-blue,#map-blue-mob { background: url("images/map/blue_dot.png") no-repeat 50% 50%; } #map-orange, #map-orange-mob { background: url("images/map/orange_dot.png") no-repeat 50% 50%; } #map-red, #map-red-mob { background: url("images/map/red_dot.png") no-repeat 50% 50%; } #map-green , #map-green-mob{ background: url("images/map/green_dot.png") no-repeat 50% 50%; } #map-black, #map-black-mob { background: url("images/map/black_dot.png") no-repeat 50% 50%; } #maps li a:focus,#map-circles li a:focus { outline:0; } #maps { margin: 0; padding: 0; list-style-type: none; border-right: 1px solid #808080; width: 100%; float: left; padding-right: 20px; } #maps li { margin: 0; padding: 0; float: left; width: 33%; text-align: center; } #maps li a { float: left; height: 70px; width:100%; padding: 0; margin: 0; cursor: default; } #maps li span{ font-size:12px; text-transform:uppercase; } /* Individual menu items */ #map-emea { background: url("images/map/emea.png") no-repeat 50% 50%; } #map-americas { background: url("images/map/americas.png") no-repeat 50% 50%; } #map-africa { background: url("images/map/africa.png") no-repeat 50% 50%; } #map-asia { background: url("images/map/asia.png") no-repeat 50% 50%; } .vc_row.vc_column-gap-30>.vc_column_container { padding: 30px !important; } .jump-start .nz-i-list li { line-height: 50px; color: #251a2b; } a.americas-circle { position: absolute; top: 55%; left: 22%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 34px; width: 90px; height: 90px; line-height: 90px; letter-spacing: 2px; cursor: default; } a.africa-circle { position: absolute; top: 61%; left: 50%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 20px; line-height: 12px; padding: 2%; letter-spacing: 1px; cursor: default; } a.emea-circle { position: absolute; top: 37%; right: 36%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 34px; width: 90px; height: 90px; line-height: 90px; letter-spacing: 2px; cursor: default; } a.asia-circle { position: absolute; top: 61%; right: 19%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 34px; width: 90px; height: 90px; line-height: 90px; letter-spacing: 2px; cursor: default; } .news-body { background-color: transparent; padding: 20px 0px 40px; margin-bottom: 30px; border-bottom: 1px solid #eee !important; box-shadow: none !important; width: 100%; float: left; } .single .news-body { float: none !important; } .news-body .post-body{ background-color: transparent; padding: 0; margin-bottom: 0; border-bottom: 0; box-shadow: none !important; } .news-body .post-body .post-excerpt { font-size: 16px; font-family: ProximaNovaLight; line-height: 24px; margin-bottom: 4px; } .news-body .post-body .post-excerpt a.post-more { font-size: 14px; font-style: italic; color: #e31c79; font-family: ProximaNovaBold; } h2.news-title { font-size: 36px; color: #210831; font-family: ProximaNovaLight; border-bottom: 3px solid #210831; padding-bottom: 5px; margin-bottom: 20px; } .post-download { display: inline-block; float: left; line-height: 36px; } .post-download .purple-btn { background: #1c0b2b; display: block; color: #fff !important; text-align: center; font-size: 12px; margin-top: 6px; padding: 0 30px; line-height: 30px; border-radius: 5px; font-family: ProximaNovaLight; position: relative; font-weight: 400; } .news-layout-wrap .ninzio-navigation:not(:empty) { padding: 50px 0; width: 60%; } .standard .loop .blog-post .news .post-title { font-size: 20px; line-height: 24px; font-weight: 100; font-family: ProximaNovaLight; color: #251a2b !important; margin-bottom: 30px; } .standard .loop .blog-post .news .post-title a{ color: #251a2b !important; } .news .nz-thumbnail,.events .nz-thumbnail { position: relative; overflow: hidden; width: 33%; display: inline-block; } .news .nz-thumbnail img{ min-height: 215px; } .events .post-body { width: 62% ; float: right; } .news .post-body { width: 100% ; } .events .post-body { width: 75% ; float: right; } .events .nz-thumbnail { position: relative; overflow: hidden; width: 20%; display: inline-block; } span.event-date { color: #4e73c6; font-size: 14px; font-weight: 100; } .resources .nz-thumbnail { position: relative; overflow: hidden; width: 11%; display: inline-block; } .resources .post-body { width: 88% ; float: right; } .events-body { background-color: transparent; padding: 20px 0px 0px; margin-bottom: 30px; border-bottom: 1px solid #eee !important; box-shadow: none !important; float: left; width: 100%; } .resources-body { background-color: transparent; padding: 10px 0px; margin-bottom: 0; border-bottom: 1px solid #eee !important; box-shadow: none !important; float: left; width: 100%; } .single-events-content { font-size: 16px; line-height: 30px; font-family: ProximaNovaLight; color: #251a2b; margin-bottom: 30px; } .single-resources-content { font-size: 14px; line-height: 18px; font-family: ProximaNovaLight; color: #251a2b; margin-bottom: 0px; } .resources-body a.purple-btn:hover { background: #e31c79; } .resources-body .post-title { font-size: 18px; line-height: 24px; margin-bottom: 0; } h2.resources-title { font-size: 36px; color: #210831; font-family: ProximaNovaLight; border-bottom: 3px solid #210831; padding-bottom: 5px; margin-bottom: 30px; } .resource_cat { font-size: 30px; line-height: 24px; font-family: ProximaNovaLight; margin-bottom: 10px; color:#251a2b; float: left; margin-top: 30px; } #download-form textarea,#download-form input { background: #fff; color: #251a2b; border: 1px solid #000000 !important; } #download-form input { height: 40px; } #download-form textarea { margin-bottom: 10px !important; height: 155px !important; } #download-form { margin-top: 20px; } #download-form .purple-btn { background: #572670 !important; width: 100%; margin-top: 0 !important; border-radius:5px; } span.your-download { display: none !important; } @media (max-width: 767px) { .news-body { padding: 20px 0px 20px; } ul.post-socials { margin-top: 20px; text-align: center; } #comments { padding: 20px 0; } .resources .nz-thumbnail,.news .nz-thumbnail,.events .nz-thumbnail { position: relative; overflow: hidden; width: 100%; text-align: center; margin-bottom: 20px; } .resources .post-body,.news .post-body,.events .post-body { width: 100% ; } .post-download { width: 100%; float:none; } .resources-title, .resource_cat, .news-title { text-align: center; } /* Responsiv MAP */ a.emea-circle { position: absolute; top: 72%; right: 30%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 16px; line-height: 50px; width: 50px; height: 50px; letter-spacing: 2px; cursor: default; } a.americas-circle { position: absolute; top: 80%; left: 19%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 16px; line-height: 50px; width: 50px; height: 50px; letter-spacing: 2px; cursor: default; } a.asia-circle { position: absolute; top: 82%; right: 14%; background: #2e924f; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 16px; line-height: 50px; width: 50px; height: 50px; letter-spacing: 2px; cursor: default; } a.africa-circle { position: absolute; top: 73%; left: 48%; background: #152846; font-family: BebasNeue; border-radius: 50%; text-align: center; color: #fff !important; font-weight: bold; font-size: 13px; line-height: 16px; padding: 2%; letter-spacing: 1px; cursor: default; } #map-circles li span { font-size: 10px; text-transform: uppercase; } #map-circles li { margin: 0; padding: 0; float: left; width: 33%; text-align: center; } #maps { border-right: 0; padding: 0 20px; } #maps li span { font-size: 8px; text-transform: uppercase; } #map-circles { padding-left: 0; } .cd-testimonials-wrapper { margin: 2em auto 0 !important; padding: 0 0 100px !important; } .flex-direction-nav li:last-child { right: 0 !important; left: 85% !important; } #rotating-item-wrapper { width: 100% !important; height: 300px !important; } a.btn-more { padding: 10px !important; width: 100% !important; display: block !important; } } .button.medium, button, input[type="reset"], input[type="submit"], input[type="button"], .wc-proceed-to-checkout a, .single_add_to_cart_button { width: 100%; border-radius: 5px !important; } .shield-container .shield-item-1 img{ margin-bottom: 10px !important; } .version1.fixed-true.active .header-body { background-color: rgba(255,255,255,1) !important; } @media (min-width:767px) and (max-width:1024px){ #pro-serv-row .col-inner{ padding: 0 20px !important; } .shield-container .col-inner{ padding: 0 40px !important; } .shield-container h2{ font-size:30px !important; } .shield-container .shield-item-1 img{ margin-bottom: 10px !important; } .shield-container .nz-i-list { font-size: 14px !important; } .shield-right{ padding-right:60px !important; } .big_hidden h1{ font-size:90px !important; } .pro-serv-list .purple-btn { min-width: 160px !important; font-size: 10px !important; padding: 0 10px !important; } .nz-i-list > li > div { vertical-align: baseline !important; } .nz-i-list li { line-height: 20px !important; margin-top: 10px !important; } } .member-thumb img { min-height: 127px !important; /*max-height: 127px !important;*/ } .member-thumb { max-width: 200px !important; } .member-thumb img { min-width: 70% !important; } .version1 .header-top .header-top-menu ul li a, .version1 .header-top .header-top-menu > ul > li:not(:last-child):after { color: #1c0b2b !important; } .version1 .desk-menu > ul > li > a { color: #1c0b2b !important; text-transform: uppercase !important; } /* custom changes 19/3/2017 */ .job-cv { margin-top: 15px; border-top: 1px solid rgba(37, 26, 43, 0.2); } .job-info .toggle-form { display: none; } .job-info p { margin-bottom: 10px; } .job-info ul.nz-i-list { list-style: disc; } .job-info .nz-i-list li { display: flex; align-items: baseline; } .job-info .nz-i-list > li > div { display: inline-block; } .job-info .nz-i-list.circle span.icon { margin-bottom: 2px; }