File manager - Edit - /home/carfac/public_html/REPhotoUtah/wp-content/themes/outdoor/style.css
Back
@charset "UTF-8"; /* Theme Name: Outdoor Theme URI: https://demowp.cththemes.net/outdoorv2/ Author: Cththemes Author URI: http://themeforest.net/user/cththemes Description: Outdoor – Creative Responsive Photography / Portfolio WordPress Theme is perfect if you like a clean and modern design. This theme is ideal for designers, photographers, and those who need an easy, attractive and effective way to share their work with clients. Version: 3.9.3 Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready Text Domain: outdoor License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*====================================== ++WP Reset ++ +++Fonts +++ ++++General Styles++++ ++++Typography ++++ ++++Page preload ++++ ++++Content Styles ++++ ++++Section ++++ ++++Fixed title ++++ ++++Separator ++++ ++++Links ++++ ++++Video+++++ ++++Home +++++ ++++Item hover ++++ ++++Header ++++ ++++Navigation ++++ ++++About ++++ ++++Services++++ ++++Facts ++++ ++++Team++++ ++++Testimonials ++++ ++++Footer ++++ ++++Portfolio++++ ++++Share ++++ ++++Contacts++++ ++++Blog ++++ ++++Css-animation ++++ ++++Responsive++++ */ /*-------------WP Reset ---------------------------------------*/ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { display: inline; float: right; } .alignleft { display: inline; float: left; } .wp-caption { max-width: 100%; } .wp-caption p.wp-caption-text { font-size: 90%; } .gallery-caption, .wp-caption-text { margin-top: 10px; } .bypostauthor .comment-meta { font-weight: bold; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } table th, table td { padding: 5px; } #wp-calendar { width: 100%; } #wp-calendar tbody td, #wp-calendar thead th { text-align: center; padding: 10px; } .widget_search button[type="submit"] { border-width: 2px; } .mb-15 { margin-bottom: 15px; } .widget_categories select, .widget_archive select { width: 100%; } .sidebar .widget * { max-width: 100%; } .cth-single .blog-text img, .cth-page .blog-text img, .sidebar .widget img, .cth-single img, .cth-page img { max-width: 100%; height: auto; } .sidebar ul { list-style: none; padding-left: 0px; } .sidebar ul ul { padding-left: 15px; } .sidebar ul li { padding-bottom: 8px; margin-bottom: 15px; } .sidebar ul.children, .sidebar ul.sub-menu { margin-top: 15px; padding-top: 8px; } .sidebar ul.children > li:last-child, .sidebar ul.sub-menu > li:last-child { margin-bottom: 0px; padding-bottom: 0px; } .widget_archive ul li a, .widget_categories ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_recent_comments ul li a, .widget_recent_entries ul li a, .widget_rss ul li a, .widget_nav_menu ul li a { display: inline-block; } .widget_rss ul li a { display: block; } .gallery[class*=gallery-columns-] .gallery-item img { width: auto; } .gallery[class*=gallery-columns-] { float: left; width: 100%; } .gallery.gallery-columns-1 .gallery-item { width: 100%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-2 .gallery-item { width: 50%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-3 .gallery-item { width: 33.33%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-4 .gallery-item { width: 25%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-5 .gallery-item { width: 20%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-6 .gallery-item { width: 16.66%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-7 .gallery-item { width: 14.28%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; padding: 2px; margin-bottom: 20px; float: left; } .gallery.gallery-columns-9 .gallery-item { width: 11.11%; padding: 2px; margin-bottom: 20px; float: left; } .row.full-height > .wpb_column, .row.full-height > .wpb_column > .vc_column-inner, .row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper, .wpb_column.full-height > .vc_column-inner, .wpb_column.full-height > .vc_column-inner > .wpb_wrapper { height: 100%; } .wpb_content_element { margin-bottom: 0px; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } /*-------------Import fonts ---------------------------------------*/ @font-face { font-family: 'FuturaPT-Book'; src: url("fonts/FuturaPT-Book_gdi.eot"); src: url("fonts/FuturaPT-Book_gdi.eot?#iefix") format("embedded-opentype"), url("fonts/FuturaPT-Book_gdi.woff2") format("woff2"), url("fonts/FuturaPT-Book_gdi.woff") format("woff"), url("fonts/FuturaPT-Book_gdi.ttf") format("truetype"), url("fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book") format("svg"); } @font-face { font-family: 'futurastd-bold'; src: url("fonts/futurastd-bold.eot"); src: url("fonts/futurastd-bold.eot?#iefix") format("embedded-opentype"), url("fonts/futurastd-bold.woff2") format("woff2"), url("fonts/futurastd-bold.woff") format("woff"), url("fonts/futurastd-bold.ttf") format("truetype"), url("fonts/futurastd-bold.svg#FuturaPT-Book") format("svg"); } /*-------------General Style---------------------------------------*/ html { overflow-x: hidden !important; height: 100%; } body { margin: 0; padding: 0; font-family: 'FuturaPT-Book'; font-weight: 400; font-size: 14px; color: #000; background: #f9f9f9; height: 100%; text-align: left; /*line-height: 1.5;*/ } @-o-viewport { width: device-width; } @-ms-viewport { width: device-width; } @viewport { width: device-width; } /*--------------Typography--------------------------------------*/ h1 { font-size: 4.46666666667em; text-transform: uppercase; font-weight: 400; line-height: 1.17em; } h2 { font-size: 3.2em; font-weight: 300; text-align: center; } h3 { font-size: 1em; } h4 { font-size: 0.9em; font-weight: 200; } h5 { font-size: 0.8em; font-weight: 200; } h6 { font-size: 0.6em; font-weight: 200; } p { text-align: left; font-size: 14px; line-height: 24px; padding-bottom: 10px; } p img { max-width: 100%; height: auto; } blockquote { float: left; padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 15px solid #eee; width: 100%; } blockquote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #494949; } .nicescroll-cursors:before { content: ''; width: 30px; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; margin-left: -15px; z-index: 5; } /* ---------Page preload--------------------------------------*/ .loader { position: fixed; top: 50% !important; left: 50%; width: 50px; height: 50px; z-index: 100; margin-left: -25px; } .tm-loader, .tm-loader #circle { width: 50px; height: 50px; border-radius: 50%; background: none; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; } .tm-loader { width: 50px; height: 50px; margin: -25px 0 0 -25px; position: absolute; top: 50%; left: 50%; -webkit-animation: preloader-outer 1.5s ease infinite; animation: preloader-outer 1.5s ease infinite; } .tm-loader #circle { -webkit-animation: preloader 3s ease infinite; animation: preloader 3s ease infinite; } .tm-loader #circle { border: 2px solid #ccc; } .tm-loader #circle { border-bottom: 2px solid #000; } @-webkit-keyframes preloader-outer { from { opacity: 1; -webkit-transform: rotate(0deg); } to { opacity: 1; -webkit-transform: rotate(360deg); } } @keyframes preloader-outer { from { opacity: 1; -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { opacity: 1; -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes preloader { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } @keyframes preloader { 0% { opacity: 0.3; } 50% { opacity: 1; } 100% { opacity: 0.3; } } /* ---------Content Styles--------------------------------------*/ #main-theme { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #wrapper { height: 100%; margin-left: 0; vertical-align: top; position: absolute; left: 0; top: 0; right: 0; z-index: 3; width: 100%; } .left-decor, .right-decor, .fixed-wrap:before, .fixed-wrap:after { position: fixed; width: 50px; height: 100%; background: #fff; z-index: 1; -webkit-transform: translate3d(0, 0, 0); } .fixed-wrap:before, .fixed-wrap:after { content: ''; z-index: 3; } .left-decor, .fixed-wrap:before { left: 0; } .right-decor, .fixed-wrap:after { right: 0; } .left-decor:before, .right-decor:before, .left-decor:after, .right-decor:after { content: ''; position: absolute; width: 30px; left: 10px; height: 1px; background: #eee; } .left-decor:before, .right-decor:before { top: 70px; } .left-decor:after, .right-decor:after { bottom: 50px; } .content-holder { vertical-align: top; position: absolute; left: 0; top: 0; right: 0; z-index: 2; height: 100%; padding: 50px; } .slid-hol { padding-top: 70px; } .container { max-width: 1024px; width: 92%; margin: 0 auto; position: relative; z-index: 2; } .content { width: 100%; position: relative; z-index: 2; float: left; } .zindex3 { z-index: 3; } .mr-con { top: -50px; } .full-height { height: 100%; } .wrapper-inner { float: left; width: 70%; position: relative; background: #fff; padding: 150px 0; z-index: 3; opacity: 0; } .full-width-wrap { width: 100%; } .full-width-wrap:before { content: ''; position: absolute; right: 0; width: 30%; background: #fff; top: -70px; height: 70px; } .body-bg { position: absolute; top: 0; left: 0; width: 100%; background: #f4f4f4; z-index: 2; } .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-attachment: scroll; background-position: center; background-repeat: repeat; background-origin: content-box; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .full-height-parallax { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2; } .respimg { /*width:100%;*/ max-width: 100%; height: auto; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 2; } .overp3 .overlay { opacity: 0.3; } .overp4 .overlay { opacity: 0.4; } .overp5 .overlay { opacity: 0.5; } .overp6 .overlay { opacity: 0.6; } .overp7 .overlay { opacity: 0.7; } .overp8 .overlay { opacity: 0.8; } .overp9 .overlay { opacity: 0.9; } /* ---------Section --------------------------------------*/ section { float: left; width: 100%; position: relative; padding: 90px 0; background: #f9f9f9; } .small-container { max-width: 650px; } .parallax-section { float: left; width: 100%; padding: 200px 0; position: relative; overflow: hidden; z-index: 2; } .parallax-section .subtitle:before, .hero-title .subtitle:before { content: ''; position: absolute; top: 100%; margin-top: 30px; width: 1px; background: rgba(255, 255, 255, 0.71); height: 50px; left: 50%; } .parallax-section div.overlay { opacity: 0.3 !important; } .sect-scroll { position: absolute; bottom: 20px; left: 50%; width: 40px; height: 40px; line-height: 40px; margin-left: -20px; color: #fff; z-index: 5; font-size: 18px; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sect-scroll:before { content: ''; position: absolute; top: -10px; left: 50%; margin-left: -30px; width: 60px; background: #fff; height: 1px; opacity: 0.6; } .sect-scroll:hover { opacity: 0.6; } .subtitle { color: #fff; font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 12px; opacity: 0.8; position: relative; } .parallax-section .bg { width: 110%; left: -5%; height: 110%; top: -5%; } .parallax-section .bg { height: 115%; top: -10%; } .parallax-section h2 { color: #fff; font-size: 42px; } .align-text { text-align: left; } .no-border { border: none !important; } .no-padding { padding: 0 !important; } /* ---------Fixed title --------------------------------------*/ .fixed-title { position: fixed; width: 220px; height: 100px; top: 50%; margin-top: 125px; letter-spacing: 0.17em; font-size: 12px; text-transform: uppercase; margin-left: -54px; line-height: 50px; text-align: center; cursor: default; overflow: hidden; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; z-index: 12; } .fixed-title h1, .fixed-title span, .fixed-title a { position: relative; z-index: 3; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; color: #fff; font-size: inherit; line-height: inherit; } .fixed-title:after { content: ''; position: absolute; bottom: 46px; left: 0; z-index: 2; width: 100%; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; height: 160px; background: #292929; } .fixed-title:hover:after { height: 0; } .fixed-title:hover h1, .fixed-title:hover span, .fixed-title a { color: #000; } /*.fix-box.scroll-to-fixed-fixed {overflow-y:scroll;}*/ .fix-box .fix-box-wrapp { height: 100%; overflow-y: scroll; } .fix-box .comments-holder, .fix-box .comment-form-holder { padding-left: 20px; padding-right: 20px; } .fix-box .comment-form-holder, .fixed-info-container .comment-form-holder { margin-bottom: 50px !important; } .fixed-info-container .control-group .controls textarea { max-width: 100%; } .fixed-info-container .control-group .controls input { width: 200px; } /* ---------Separator --------------------------------------*/ .separator { margin: 0 auto; width: 70px; height: 4px; background: #fff; margin: 10px auto 10px; } .bl-sep { background: #000; } .separator-image { background: none; width: auto; } /* --------- Links --------------------------------------*/ .btn { display: inline-block; padding: 14px 35px 13px 35px; line-height: 1; font-weight: bold; font-size: 11px; text-transform: uppercase; margin: 20px auto; color: #000; border: 2px solid #000; position: relative; } .anim-button { overflow: hidden; background-clip: padding-box; vertical-align: middle; max-width: 100%; overflow: hidden; outline: none; width: auto; } .anim-button i { top: -100%; position: absolute; left: 0; width: 100%; height: 100%; line-height: 40px; text-align: center !important; font-size: 16px; } .wt-btn { color: #fff; border: 2px solid #fff; } .anim-button i, .anim-button span { -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .anim-button span { float: left; width: 100%; position: relative; top: 0; } .anim-button:hover span { top: 100px; } .anim-button:hover i { top: 0; } /* --------- Video --------------------------------------*/ .resp-video { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 20px; } .resp-video iframe, .resp-video object, .resp-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .media-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .video-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .mob-bg { display: none; } /* --------- Home --------------------------------------*/ .full-height-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .big-index { z-index: 6; overflow: hidden; } .hero-title { position: absolute; top: 50%; left: 0; width: 100%; z-index: 5; } .hero-logo { margin: 0 auto 10px; max-width: 200px; position: relative; } .hero-logo:before, .hero-logo:after { content: ''; position: absolute; top: 50%; width: 70px; height: 3px; background: #fff; opacity: 0.6; } .hero-logo:before { left: -150px; } .hero-logo:after { right: -150px; } .hero-logo img { width: 100%; height: auto; } .hero-title h3 { color: #fff !important; opacity: 0.8; } .hero-title h2, .hero-title a { color: #fff; } .hero-link { margin-top: 30px; font-size: 16px; display: inline-table; padding: 10px 26px; min-width: 150px; border: 1px solid rgba(255, 255, 255, 0.51); } .hero-link:hover { text-decoration: line-through; } .parallax-nav.swiper-nav-holder { z-index: 6; position: absolute; top: 50%; left: 0; width: 100%; } .parallax-nav.swiper-nav-holder .arrow-left { left: 32px !important; color: #fff; position: absolute; font-size: 18px; } .parallax-nav.swiper-nav-holder .arrow-right { color: #fff; right: 32px !important; position: absolute; font-size: 18px; } .hs { position: absolute; top: 50%; right: -40px; width: 30px; z-index: 20; height: 60px; margin-top: -30px; } .hs a { position: relative; float: left; width: 100%; height: 30px; font-size: 19px; margin-bottom: 4px; } .slideshow-holder, .slideshow-item, .slideshow-item .item { float: left; width: 100%; height: 100%; position: relative; z-index: 1; } .slideshow-item .item { width: 100%; height: 100%; position: relative; } .slideshow-holder .overlay { opacity: 0.4; z-index: 3; } .slide-title-holder { position: absolute; top: 0; width: 100%; height: 100%; z-index: 3; } .slide-title { top: 50%; position: relative; z-index: 5; } .slide-title .separator-image { padding: 10px 0; } .slide-title .subtitle { position: relative; } .slide-title .subtitle:before { content: ''; position: absolute; top: -30px; left: 50%; margin-left: -25px; height: 25px; width: 50px; border-radius: 90px 90px 0 0; -moz-border-radius: 90px 90px 0 0; -webkit-border-radius: 90px 90px 0 0; border: 2px solid #fff; border-bottom: none; } .swiper-slide .overlay { opacity: 0.3; } .slide-title h3 { font-size: 40px; text-transform: uppercase; letter-spacing: 2px; position: relative; margin-bottom: 10px; color: #fff; display: inline-table; } .slide-title h3:before, .slide-title h3:after, .hero-text-holder:before, .hero-text-holder:after { content: ''; position: absolute; top: 50%; width: 50px; height: 1px; background: #fff; opacity: 0.6; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .slide-title h3:before, .hero-text-holder:before { left: -70px; } .slide-title h3:after, .hero-text-holder:after { right: -70px; } .slide-title h3:hover:before, .slide-title h3:hover:after { width: 100%; } .slide-title h4 { font-size: 14px; text-transform: uppercase; letter-spacing: 2px; position: relative; margin: 6px 0 10px 0; width: 100%; color: #fff; } .slide-title h4 a { padding: 10px 40px; background: rgba(255, 255, 255, 0.11); display: inline-table; position: relative; border: 1px solid rgba(255, 255, 255, 0.31); } .slide-title h3 a, .slide-title h4 a { color: #fff; } .slide-title h4 a:hover, .slide-title h4 a:hover i { text-decoration: line-through; } .single-title h3 { position: relative; opacity: 1; top: 0; } .single-title .slide-title { position: relative; left: -50px; } .zoomimage { position: absolute; top: 70px; right: 70px; cursor: pointer; z-index: 15; width: 30px; height: 30px; background: rgba(0, 0, 0, 0.91); } .zoomimage i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; line-height: 30px; color: #fff; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .zoomimage:hover i { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .zoomimage img { width: 30px; height: 30px; opacity: 0; position: relative; z-index: 2; } .hero-grid { float: left; width: 50%; height: 50%; position: relative; } .hero-grid.w11 { width: 100%; } .hero-grid.w12 { width: 50%; } .hero-grid.w13 { width: 33.33333%; } .hero-grid.w14 { width: 25%; } .hero-grid.w15 { width: 20%; } .hero-grid.w16 { width: 16.66666%; } .hero-grid.w17 { width: 14.28571%; } .hero-grid.w18 { width: 12.5%; } .hero-grid.w19 { width: 11.11111%; } .hero-grid.w110 { width: 10%; } .hero-grid.h11 { height: 100%; } .hero-grid.h12 { height: 50%; } .hero-grid.h13 { height: 33.33333%; } .hero-grid.h14 { height: 25%; } .hero-grid.h15 { height: 20%; } .hero-grid.h16 { height: 16.66666%; } .hero-grid.h17 { height: 14.28571%; } .hero-grid.h18 { height: 12.5%; } .hero-grid.h19 { height: 11.11111%; } .hero-grid.h110 { height: 10%; } .hero-grid .overlay { z-index: 2; opacity: 0.3; } .hero-slider, .hero-slider .item { float: left; width: 100%; height: 100%; position: relative; } .hero-text-holder { position: relative; text-align: center; color: #fff; font-size: 40px; margin: 0 auto 10px; max-width: 450px; text-transform: uppercase; } .hero-text-holder .item { float: left; width: 100%; overflow: hidden; } /*------item hover ------------------------------------------------*/ .box-item { float: left; width: 100%; } .vertical-gallery .box-item { margin-bottom: 10px; padding: 0px 5px; } .vertical-gallery.no-sp-yes .box-item { padding: 0px; margin-bottom: 0px; } .box-item a { float: left; width: 100%; height: 100%; position: relative; overflow: hidden; } .box-item a img { position: relative; z-index: 1; width: 100%; -webkit-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; -o-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .box-item a .overlay { opacity: 0; z-index: 2; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .box-item a:hover .overlay { opacity: 0.3; } .box-item a:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } /*------ Header ------------------------------------------------*/ header.outdoor-header { position: fixed; top: 0; left: 0; z-index: 20; height: 70px; line-height: 70px; width: 100%; background: #fff; -webkit-transform: translate3d(0, 0, 0); } .header-inner { float: left; width: 100%; padding: 0 50px; padding-top: 10px; position: relative; } .logo-holder { position: absolute; top: 10px; left: 50px; width: 100%; height: 50px; } .logo-holder a img { float: left; /*width:auto; height:100%;*/ } /*------ navigation ------------------------------------------------*/ .nav-holder { float: right; position: relative; } /*nav { position:relative; float:left; width:100%; top:10px; } .nav-holder nav ul {list-style: none;padding-left: 0px;} nav li{ float:left; position:relative; } nav li ul { margin: 30px 0 0 0; display: none; position: absolute; max-width: 100%; min-width:200px; top: 30px; left: 0; z-index: 1; background: #fff; transition: all .2s ease-in-out; } nav li:hover > ul { display: block; margin: 0; } nav li ul li ul { top: 0; left: -100%; } nav li ul li:hover > ul { display: block; right: 100%; } nav li ul li { float: none; display: block; border: 0; } nav li a { float: left; padding: 10px 22px; line-height: 1; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #666; top:0; position:relative; -webkit-transition: all 100ms linear; -moz-transition: all 100ms linear; -o-transition: all 100ms linear; -ms-transition: all 100ms linear; transition: all 100ms linear; text-align: left; width: 100%; } nav li a.act-link:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#292929; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; z-index:-1; } nav li a.act-link { color: #fff; } nav li a.act-link:hover { color:#000; } nav li a:hover { color:#ccc; } nav li a.act-link:hover:before { height:0; } nav li ul a:before { display:none; } nav li ul a.act-link,nav li ul li a.ancestor-act-link,nav li ul li a.parent-act-link { color:#000; font-weight:600; }*/ nav { position: relative; float: left; width: 100%; top: 10px; } .nav-holder nav ul { list-style: none; padding-left: 0px; } nav li { float: left; position: relative; } nav li ul { margin: 30px 0 0 0; opacity: 0; visibility: hidden; position: absolute; max-width: 100%; min-width: 200px; top: 30px; left: 0; z-index: 1; /*z-index: -999;*/ background: #fff; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } nav li:hover > ul { opacity: 1; visibility: visible; margin: 0; z-index: 1; } nav li ul li ul { top: 0; left: -100%; } nav li ul li:hover > ul { opacity: 1; visibility: visible; right: 100%; } nav li ul li { float: none; display: block; border: 0; } nav li a { float: left; padding: 10px 22px; line-height: 1; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #666; top: 0; position: relative; -webkit-transition: all 100ms linear; -o-transition: all 100ms linear; transition: all 100ms linear; text-align: left; width: 100%; } nav li a.act-link:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #292929; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; z-index: -1; } nav li a.act-link { color: #fff; } nav li a.act-link:hover { color: #000; } nav li a:hover { color: #ccc; } nav li a.act-link:hover:before { height: 0; } nav li ul a:before { display: none; } nav li ul a.act-link, nav li ul li a.ancestor-act-link, nav li ul li a.parent-act-link { color: #000; font-weight: 600; } .nav-button-holder { float: right; border-left: 1px solid rgba(255, 255, 255, 0.4); margin: 0 0 0 10px; padding-left: 22px; display: none; } .nav-button { float: right; width: 30px; height: 24px; position: relative; margin-top: 9px; cursor: pointer; } .nav-button span { float: left; width: 100%; height: 4px; background: #000; margin-bottom: 2px; position: relative; } /*------ about -------------------------------------------------*/ .scroll-page-nav { position: fixed; top: 50%; right: 0px; z-index: 13; width: 50px; } ul.one-page-scroll-nav { list-style: none; padding-left: 0px; } .scroll-page-nav li { width: 100%; float: left; margin-bottom: 4px; } .scroll-page-nav a { display: inline-block; width: 7px; height: 7px; border: 1px solid #666; border-radius: 100%; line-height: 0px; text-indent: -99999px; } .scroll-page-nav a.act-link { background: #666; } .fixed-wrap { position: fixed; } .custom-inner { float: left; width: 100%; padding: 150px 0 70px 0; position: relative; z-index: 5; } .custom-inner .container { max-width: 1250px; } .custom-inner p, .custom-inner h2 { color: #fff; text-align: left; } .custom-inner h3 { float: left; width: 100%; margin: 10px 0 20px 0; text-align: left; } .custom-inner.error-page p, .custom-inner.error-page h2 { text-align: center !important; } .custom-inner.error-page h2 { font-size: 180px; } .custom-inner.error-page h3 { color: #fff; font-size: 22px; text-align: center; } .custom-inner.postpass-page p, .custom-inner.postpass-page h2 { text-align: center !important; } .custom-inner.postpass-page h2 { font-size: 46px; text-transform: uppercase; } .custom-inner.postpass-page h3 { color: #fff; font-size: 18px; text-align: center; } .custom-inner .separator { float: left; } .custom-inner.error-page .separator { float: none; } .custom-inner.postpass-page .separator { float: none; } .content-link { float: left; font-size: 18px; margin-top: 30px; color: #fff; } .content-link:hover { text-decoration: line-through; } .content-logo { margin-bottom: 20px; opacity: 0.8; } .signature { float: left; width: 100%; margin-top: 20px; } .signature img { float: left; } .section-columns { padding: 50px 0 0 0; } .section-columns:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; background: #fff; height: 50px; z-index: 20; } .section-columns-text { float: right; width: 60%; position: relative; background: #292929; padding: 50px 0; } .section-columns-text .custom-inner { padding: 50px 0; } .section-columns-img { position: absolute; top: 0; left: 0; width: 40%; height: 100%; } /* --------- Services --------------------------------------*/ .service-box { float: left; width: 100%; padding: 20px 0px 20px 60px; position: relative; cursor: crosshair; } .service-box i { position: absolute; top: 22px; left: 0; color: #ccc; font-size: 22px; } .service-box h4 { text-align: left; font-size: 16px; text-transform: uppercase; font-family: 'futurastd-bold'; color: #fff; padding-bottom: 10px; } .service-box span { float: left; color: #fff; width: 100%; font-size: 16px; font-style: italic; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; padding: 12px 0 20px 0; opacity: 0.8; border-bottom: 1px solid #eee; } .order-holder .wpb_content_element { margin-bottom: 0px; } .order-holder h3 { font-size: 29px; position: relative; line-height: 75px; } .order-holder h3:before { content: ''; position: absolute; right: 70px; top: 12px; width: 1px; height: 50px; background: #eee; } /*------facts -------------------------------------------------*/ .inline-facts { float: left; width: 100%; padding: 40px 0; position: relative; background: #fff; } .inline-facts:before { content: ''; position: absolute; top: 10%; right: 1px; width: 1px; height: 80%; background: #eee; } .inline-facts-holder > .wpb_column:nth-child(4n+0) .inline-facts:before { display: none; } .inline-facts-holder .wpb_content_element { margin-bottom: 0px; } .inline-facts i { position: relative; color: #ccc; font-size: 24px; opacity: 0.4; padding-bottom: 10px; } .inline-facts .num { font-size: 34px; color: #000; } .inline-facts h6 { font-size: 12px; text-transform: uppercase; font-family: 'futurastd-bold'; padding-top: 10px; color: #666; } .inline-facts h6 a { color: #666; } .inline-facts h6 a:hover { text-decoration: line-through; } /*------ Team ------------------------------------------------*/ .team-holder { float: left; width: 100%; margin-top: 50px; } .team-holder li { float: left; width: 33.3333%; padding: 20px 20px 20px 0; } .team-box { float: left; position: relative; width: 100%; margin-bottom: 20px; } .team-info { float: left; width: 100%; margin-top: 20px; } .team-info h3 { font-size: 19px; padding-bottom: 4px; } .team-photo { position: relative; overflow: hidden; width: 100%; float: left; } .team-box .overlay { opacity: 0; z-index: 2; background: #000; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .team-box:hover .overlay { opacity: 0.5; } .team-social { position: absolute; top: 50%; left: 0; width: 100%; z-index: 3; display: none; list-style: none; padding-left: 0px; } .team-social li { float: none !important; display: inline-block !important; padding: 6px; width: auto !important; } .team-social li a { color: #fff; font-size: 16px; position: relative; top: 50px; opacity: 0; } .small-padding { padding: 110px 0; } .small-padding2 { padding: 30px 0 80px; } /* --------- Testimonials --------------------------------------*/ .testi-item { max-width: 800px; margin: 20px auto; text-align: center; } .testi-item h3 { font-size: 15px; text-transform: uppercase; font-family: 'futurastd-bold'; padding: 20px 0; color: #fff; } .testi-item p { text-align: center; font-size: 16px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 0; color: #fff; } .white-bg { background: #fff; } .testimonials-slider-holder { float: left; width: 100%; position: relative; } .testimonials-slider-holder .customNavigation a { position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; line-height: 20px; font-size: 19px; cursor: pointer; color: #fff; z-index: 30; } .testimonials-slider-holder .customNavigation a.next-slide { right: 0; } .testimonials-slider-holder .customNavigation a.prev-slide { left: 0; } .testi-item a { display: inline-table; margin-top: 30px; font-size: 12px; text-transform: uppercase; font-family: 'futurastd-bold'; margin-top: 30px; color: #fff; position: relative; } .testi-item a:hover { text-decoration: line-through; } /*------ footer -------------------------------------------------*/ footer { position: fixed; bottom: 0; left: 0; width: 100%; height: 50px; background: #fff; z-index: 15; padding: 0 50px; line-height: 50px; } .footer-social { padding-top: 10px; float: right; } .footer-social ul { list-style: none; padding-left: 0px; } .footer-social li { float: left; margin-left: 10px; } .footer-social li a { float: left; width: 26px; height: 26px; line-height: 26px; font-size: 9px; color: #fff; border-radius: 100%; background: #292929; } .policy-box { float: left; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #666; } .policy-box span { float: left; } .policy-box ul { position: relative; float: left; margin-left: 10px; padding-left: 20px; list-style: none; } .policy-box ul li { float: left; position: relative; padding-left: 40px; } .policy-box ul li:before { content: ''; position: absolute; top: 50%; left: 0; width: 30px; height: 3px; background: #000; margin-top: -2px; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .policy-box ul li:hover:before { width: 100%; } .policy-box ul:before { content: ''; position: absolute; top: 16px; left: -2px; background: #eee; width: 2px; height: 20px; } .policy-box ul li a { padding: 0 10px; color: #666; } .policy-box ul li a:hover { text-decoration: line-through; } .to-top { position: absolute; top: -41px; right: 51px; opacity: 0; width: 40px; height: 40px; margin-top: -12px; line-height: 40px; cursor: pointer; font-size: 20px; visibility: hidden; background: rgba(0, 0, 0, 0.81); color: #fff; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .vistotop { opacity: 1; margin-top: 0; visibility: visible; } .to-top:hover { opacity: 0.8; } /*-- portfolio ------------------*/ .gallery-items { float: left; width: 100%; padding-bottom: 50px; } .grid-item-holder { float: left; width: 100%; height: auto; position: relative; } .hid-port-info .grid-item-holder { overflow: hidden; } .hidden-port-info .grid-item { display: none; } .grid-big-pad .grid-item-holder { padding: 20px; } .grid-small-pad .grid-item-holder { /*padding:10px 20px 10px 0;*/ padding: 10px 10px 10px 10px; } .gallery-item, .grid-sizer { width: 25%; position: relative; } .gallery-item { position: relative; } .gallery-item-second, .grid-sizer-second { width: 50%; } .gallery-item-three, .grid-sizer-three { width: 75%; } .gallery-item img, .grid-sizer img { width: 100%; height: auto; position: relative; z-index: 1; } .content-column .gallery-item { padding: 1px; } .content-column { padding-bottom: 50px; } .five-coulms .gallery-item, .five-coulms .grid-sizer { width: 20%; } .five-coulms .gallery-item-second { width: 40%; } .five-coulms .gallery-item-three { width: 60%; } .four-coulms .gallery-item, .four-coulms .grid-sizer { width: 25%; } .four-coulms .gallery-item-second { width: 50%; } .four-coulms .gallery-item-three { width: 75%; } .three-coulms .gallery-item, .three-coulms .grid-sizer { width: 33.33333%; } .three-coulms .gallery-item-second { width: 66.66666%; } .two-coulms .gallery-item, .two-coulms .grid-sizer { width: 50%; } .two-coulms .gallery-item-second, .two-coulms .gallery-item-three { width: 100%; } .one-coulms .gallery-item, .one-coulms .grid-sizer { width: 100%; } .gallery-item .overlay { z-index: 2; opacity: 0; } .grid-item { position: absolute; width: 100%; z-index: 3; top: 50%; left: 0; } .grid-item-gal { position: absolute; width: 100%; height: 100%; z-index: 3; top: 0; left: 0; } .grid-item-gal a { float: left; width: 100%; height: 100%; } .grid-item-holder:hover .overlay { opacity: 0.7 !important; } .grid-item h3 { font-size: 12px; text-transform: uppercase; font-weight: 700; position: relative; float: left; width: 100%; font-family: 'futurastd-bold'; color: #fff; } .grid-item h3 a { color: #fff; } .grid-item span { width: 100%; float: left; font-size: 14px; opacity: 0.6; margin-top: 6px; color: #fff; } .grid-item span a { color: #fff; } .hid-port-info .grid-item span a { color: #fff; } .grid-item span a:hover { text-decoration: line-through; } .grid-item:before, .grid-item:after { content: ''; position: absolute; left: 50%; background: rgba(255, 255, 255, 0.51); width: 1px; height: 0; } .grid-item:before, .grid-item:after { bottom: -50px; } .grid-item:after { top: -50px; } .grid-item h3, .grid-item span { opacity: 0; } .vis-port-info .grid-item { position: relative; float: left; top: 0; margin-top: 0 !important; color: #000; padding: 20px 0; } .vis-port-info .grid-item h3 a, .vis-port-info .grid-item span { color: #000; } .vis-port-info .grid-item span { font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 10px; color: #666; display: block; position: relative; } .vis-port-info .grid-item span:before { position: absolute; content: ''; width: 50px; height: 1px; background: #000; left: 50%; margin-left: -25px; top: 2px; } .vis-port-info .grid-item:before, .vis-port-info .grid-item:after { display: none; } .vis-port-info .grid-item h3, .vis-port-info .grid-item span { opacity: 1; } .grid-item-holder:hover .grid-item h3, .grid-item-holder:hover .grid-item span, .port-desc-holder:hover .grid-item span, .port-desc-holder:hover .grid-item h3, .horizontal_item:hover .grid-item span, .horizontal_item:hover .grid-item h3 { opacity: 1; } .hvis-port-info .grid-item h3, .hvis-port-info .grid-item span { opacity: 1; } .grid-item-holder:hover .grid-item:before, .grid-item-holder:hover .grid-item:after, .port-desc-holder:hover .grid-item:before, .port-desc-holder:hover .grid-item:after, .horizontal_item:hover .grid-item:after, .horizontal_item:hover .grid-item:before { height: 40px; } .st-3 .grid-item-holder a img, .gallery-item img, .grid-sizer img, .grid-item:after, .grid-item:before, .grid-item h3, .grid-item span { -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .fixed-filter { position: fixed; left: 80px; bottom: 80px; z-index: 5; background: rgba(0, 0, 0, 0.51); padding: 15px 20px; } .vis-filter { float: left; width: 100%; padding: 0 50px; position: relative; } .fixed-filter a, .vis-filter a { float: left; margin-right: 8px; font-size: 12px; text-transform: uppercase; color: #fff; } .vis-filter a { float: none; display: inline-block; } .fixed-filter a.gallery-filter_active, .vis-filter a.gallery-filter_active, .inline-filters a.gallery-filter_active { text-decoration: line-through; } .inline-filters { float: left; width: 100%; padding: 30px 0; margin: 20px 0 0; position: relative; } .inline-filters:before { content: ''; position: absolute; top: 10px; height: 1px; background: #ccc; left: 50%; width: 120px; margin-left: -60px; } .inline-filters a { display: inline-block; padding: 10px 18px; font-size: 11px; text-transform: uppercase; letter-spacing: 1px; color: #666; margin: 0 5px; } .gallery_horizontal { margin-top: 20px; float: left; width: 100%; position: relative; } .gallery_horizontal .owl-item img { width: auto; position: relative; z-index: 1; } .gallery_horizontal.owl-carousel .owl-item img { width: auto; } .gallery_horizontal.resp-ena .owl-item img { max-width: 100%; height: auto !important; } .gallery_horizontal { position: relative; } .zoomimage img, .gallery_horizontal .owl-item .zoomimage img { width: 30px; height: 30px !important; opacity: 0; position: relative; z-index: 2; } .horizontal_item { overflow: hidden; position: relative; } .portfolio_item, .horizontal_item, .swiper-slide { cursor: e-resize; cursor: default; } .horizontal_item .port-desc-holder { top: 50%; height: auto !important; } .resize-carousel-holder { float: left; width: 100%; height: 100%; position: relative; } .resize-carousel-holder .grid-item p { text-align: center; } .resize-carousel-holder .customNavigation { position: absolute; top: 50%; right: -45px; width: 40px; z-index: 5; height: 80px; margin-top: -40px; } .resize-carousel-holder .resp-ena + .customNavigation { display: block; right: 0px; } .resize-carousel-holder .customNavigation:before, .resize-carousel-holder .customNavigation:after, .hs:before, .hs:after { content: ''; position: absolute; width: 100%; height: 1px; background: #666; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .resize-carousel-holder .customNavigation:before, .hs:before { top: -10px; left: 0; } .resize-carousel-holder .customNavigation:after, .hs:after { bottom: -8px; right: 0; } .resize-carousel-holder .customNavigation:hover:before, .resize-carousel-holder .customNavigation:hover:after, .hs:hover:before, .hs:hover:after { width: 0; } .resize-carousel-holder .customNavigation a { float: left; width: 40px; height: 40px; line-height: 40px; font-size: 19px; cursor: pointer; } .vis-info { padding-left: 350px !important; } .vis-info.vis2 .wpb_wrapper { position: relative; width: 100%; height: 100%; } .fixed-info-container { position: fixed !important; z-index: 2; top: 0; left: 50px; height: 100%; width: 350px !important; background: #f9f9f9; padding: 120px 30px 80px 30px !important; overflow: auto; } .hidden-column { left: -450px; opacity: 0; } .show-hid-content { position: absolute; top: 32px; left: 32px; background: black; color: #fff; z-index: 4; font-size: 14px; cursor: pointer; padding: 12px 52px; } .show-hid-content:before { content: '/'; position: absolute; top: 11px; right: 27px; color: #fff; opacity: 0.5; } .show-hid-content i { position: absolute; top: 15px; right: 10px; font-size: 14px; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .ishid i { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .fw-info-container { float: left; max-width: 1450px !important; position: relative; background: #fff; padding: 100px 50px 90px; } .fixed-info-container h3, .fixed-info-container h4, .fw-info-container h3, .fw-info-container h4 { float: left; text-align: left; font-size: 25px; font-family: 'futurastd-bold'; width: 100%; color: #292929; margin-top: 20px; } .fixed-info-container h4, .fw-info-container h4 { font-size: 15px; } .fixed-info-container .separator, .fw-info-container .separator { float: left; width: 80px; height: 4px; background: #292929; margin: 20px 0 20px; position: relative; } .project-details { float: left; width: 100%; text-align: left; padding-top: 10px; padding-bottom: 20px; list-style: none; padding-left: 0px; border-bottom: 1px solid #ccc; } .project-details li { float: left; width: 100%; margin-bottom: 10px; position: relative; } .project-details li i { position: absolute; top: 12px; left: 0; width: 40px; font-size: 14px; color: #000; } .pd-holder { float: left; width: 100%; padding-left: 40px; } .pd-holder h5 { text-align: left; font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; padding-top: 12px; } .pd-holder h5 a { font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; opacity: 0.8; } .project-details li a:hover { text-decoration: line-through; } .project-nav { float: left; width: 100%; margin-top: 30px; } .project-nav ul li { float: left; width: 40px; height: 40px; line-height: 40px; border: 1px solid #ccc; margin-right: 40px; } .project-nav ul li a { font-size: 18px; color: #292929; } .content-nav { float: left; width: 100%; padding: 20px 0; position: relative; z-index: 1; } .content-nav ul { position: relative; left: 0; list-style: none; padding-left: 0px; } .content-nav li { float: left; margin-right: 10px; } .content-nav li a { font-size: 28px; } .content-nav li span { line-height: 34px; } .p-all { position: absolute; right: 0; top: 30px; font-size: 18px; } .content-nav a { -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .content-nav li a span { font-family: 'futurastd-bold'; text-transform: uppercase; padding-right: 20px; font-size: 18px; position: relative; top: -2px; } .content-nav a:hover { opacity: 0.6; } .p_horizontal_wrap { float: left; width: 100%; position: relative; background: #fff; height: 100%; } #portfolio_horizontal_container { max-height: 100%; height: 100%; float: left; width: 100%; position: relative; } #portfolio_horizontal_container .portfolio_item { width: auto; height: 100%; float: left; padding: 0 10px; overflow: hidden; position: relative; } #portfolio_horizontal_container.hoz-ver-cols .portfolio_item { padding: 0px; } #portfolio_horizontal_container.hoz-ver-cols .portfolio_item img { padding: 5px; } #portfolio_horizontal_container .portfolio_item img { float: left; width: auto; height: 100%; } .port-subtitle-holder { position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 10px; } .port-subtitle { float: left; width: 100%; background: #fff; padding: 20px 0; text-align: left; } .port-subtitle h3 { font-size: 24px; letter-spacing: 2px; text-transform: uppercase; } .port-subtitle span { float: left; width: 100%; font-size: 12px; padding-top: 6px; position: relative; left: -10px; } .port-subtitle span a { padding: 0 10px; color: #ccc; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .port-subtitle span a:hover, .port-subtitle h3:hover { color: #000; text-decoration: line-through; } .port-desc-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 10px; z-index: 20; } .hoz-ver-cols .port-desc-holder { padding: 5px; } .port-desc { position: relative; float: left; width: 100%; height: 100%; } .port-desc-holder .grid-item span { font-size: 18px; } .port-desc-holder .grid-item h3 { font-size: 30px; font-family: 'FuturaPT-Book'; letter-spacing: 2px; } .port-desc-holder .grid-item h3:hover { opacity: 0.8; } .port-desc .overlay, .horizontal_item .overlay { opacity: 0; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .port-desc-holder:hover .overlay, .horizontal_item:hover .overlay { opacity: 0.6; } .disa-opa .port-desc-holder:hover .overlay, .disa-opa .horizontal_item:hover .overlay { opacity: 0; } .disa-over .overlay { display: none; } .count-folio { position: fixed; top: 50%; right: 0; z-index: 10; padding: 30px 0; width: 50px; font-size: 14px; } .num-album { position: relative; padding-bottom: 28px; color: #666; } .num-album:before { content: "/"; position: absolute; bottom: -2px; color: #000; left: 21px; } .all-album { padding-top: 8px; } .column-filter { position: fixed; top: 90px; left: 80px; z-index: 23; width: 150px; } .filter-button { position: relative; float: left; margin-bottom: 20px; background: #000; color: #fff; width: 100%; padding: 12px 0; cursor: pointer; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .filter-button i { position: absolute; right: 20px; top: 15px; -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .filter-button:before { content: '/'; position: absolute; top: 11px; right: 37px; color: #fff; opacity: 0.5; } .roticon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .hid-filter { float: left; width: 100%; background: rgba(51, 51, 51, 0.61); padding: 20px 0; display: none; } .hid-filter a { color: #fff; float: left; width: 100%; padding: 6px 10px; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .gallery-filter_active { text-decoration: line-through; } .bg-slider { z-index: 1; } .fw-info-container, .project-nav { float: left; position: relative; width: 100%; } .fw-info-container { margin-top: 50px; bottom: 0; } .show-info { position: absolute; bottom: 50px; left: 50px; width: 80%; z-index: 15; } .show-info span { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #494949; letter-spacing: 2px; color: #fff; cursor: pointer; float: left; border-bottom: 1px solid #fff; } .tooltip-info { height: auto; line-height: 20px; padding: 10px 20px; font-size: 11px; color: #fff; text-align: center; text-indent: 0px; position: absolute; background: rgba(0, 0, 0, 0.91); bottom: 0; opacity: 0; left: 0; margin-bottom: 30px; visibility: hidden; pointer-events: none; z-index: 16; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .tooltip-info p { font-size: 13px; letter-spacing: 1px; } .tooltip-info h5 { font-size: 16px; margin-top: 12px; padding: 5px 0; position: relative; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing: 2px; text-align: left; } .show-info:hover .tooltip-info { visibility: visible; opacity: 1; bottom: 0; } figure img { cursor: -webkit-zoom-out; cursor: zoom-out; } .sections-bg { position: fixed; top: 0; left: 0; width: 55.5%; height: 100%; background: #fff; z-index: 1; } .right-white .sections-bg { left: auto; right: 0px; } .sections-bg-shop { width: 62%; } .sections-bg.bg-leftsidebar { right: 0px; left: auto; } .sections-bg-shop.bg-leftsidebar { right: 0px; left: auto; } .sections-bg.bg-fullwidth { width: 100%; } .sections-bg.bg-fullwidth { width: 100% !important; } .project-box, .vertical-gallery { float: left; width: 100%; padding: 0 20px; } .vertical-gallery.gallery-masonry { padding: 0px; } .wpb_text_column .project-box, .project-box { margin-bottom: 40px; } .project-box h3 { float: left; width: 100%; text-align: left; padding-bottom: 20px; font-size: 24px; color: #666; font-family: 'futurastd-bold'; letter-spacing: 1px; } .column-container { max-width: 1500px; } .custom-slider-holder { float: left; width: 100%; margin-bottom: 30px; position: relative; z-index: 2; } .post-entry .custom-slider-holder { margin-bottom: 0px; } .post-entry .custom-slider-holder .owl-controls { display: none; } .custom-slider-holder .customNavigation { position: absolute; top: 50%; left: 0; width: 100%; height: 40px; margin-top: -20px; } .custom-slider-holder .item { position: relative; } .custom-slider-holder a.next-slide, .custom-slider-holder a.prev-slide { width: 40px; height: 40px; background: rgba(255, 255, 255, 0.21); z-index: 5; position: absolute; top: 0; cursor: pointer; color: #fff; line-height: 40px; font-size: 18px; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .custom-slider-holder a.prev-slide { left: 10px; } .custom-slider-holder a.next-slide { right: 10px; } .custom-slider-holder .customNavigation a:hover { background: white; color: #000; } .box-sizer, .box-item, .box-sizer-second, .box-item-second, .box-sizer-three, .box-item-three { width: 100%; } .two-columns-box .box-sizer, .two-columns-box .box-item { width: 50%; } .three-columns-box .box-sizer, .three-columns-box .box-item { width: 33.333%; } .four-columns-box .box-sizer, .four-columns-box .box-item { width: 25%; } .five-columns-box .box-sizer, .five-columns-box .box-item { width: 20%; } /*------ share------------------------------------------------*/ .show-share { float: right; cursor: pointer; margin-left: 20px; position: relative; top: -10px; padding: 0 10px; text-transform: uppercase; font-size: 12px; } .show-share:before, .show-share:after { content: ''; position: absolute; top: 20px; left: -14px; width: 2px; height: 30px; } .isShare:after { height: 0; } .show-share:before { background: #eee; z-index: 1; } .show-share:after { z-index: 2; background: #000; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .share-container { position: fixed; z-index: 20; right: 64px; top: 74px; width: 30px; visibility: hidden; } .share-container .share-icon { visibility: hidden; } .visshare { visibility: visible; } .visshare .share-icon { visibility: visible; } .share-icon { height: 40px; width: 40px; float: left; margin-bottom: 1px; position: relative; font-size: 15px; line-height: 40px; background: #fff; color: #000; opacity: 0; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .share-icon:hover { opacity: 0.6 !important; } .share-icon:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; } .share-icon-digg:before { content: "\f1a6"; } .share-icon-email:before { content: "\f003"; } .share-icon-flickr:before { content: "\f16e"; } .share-icon-foursquare:before { content: "\f180"; } .share-icon-rss:before { content: "\f09e"; } .share-icon-facebook:before { content: "\f09a"; } .share-icon-twitter:before { content: "\f099"; } .share-icon-tumblr:before { content: "\f173"; } .share-icon-linkedin:before { content: "\f08c"; } .share-icon-vimeo:before { content: "\f194"; } .share-icon-instagram:before { content: "\f16d"; } .share-icon-pinterest:before { content: "\f0d2"; } .share-icon-googleplus:before { content: "\f0d5"; } .share-icon-in1:before { content: "\f08c"; } .share-icon-stumbleupon:before { content: "\f1a4"; } .share-icon-vk:before { content: ""; } .blog-text h3.shr-post { text-transform: none; margin-top: 20px; color: #666; } .blog-share-container { float: left; width: 100%; margin-bottom: 20px; } .blog-share-container .share-icon { opacity: 1; background: #292929; color: #fff; text-align: center; margin-bottom: 0px; margin-right: 2px; } /*------ Contacts ------------------------------------------------*/ .contact-inner .container { max-width: 900px; } /*.contact-inner .row { padding-top:60px; }*/ .contact-inner p { text-align: left; } .contact-list { float: left; width: 100%; position: relative; padding-top: 15px; margin-top: 15px; list-style: none; padding-left: 0px; } .contact-list:before { content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 2px; background: #fff; } .no-dec:before { display: none; } .contact-list li { float: left; width: 100%; padding: 6px 0; text-align: left; } .contact-list li a, .contact-list li span { color: #fff; font-size: 16px; } .contact-list li a:hover { text-decoration: line-through; } .contact-list li span { color: #ccc; } .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, p.form-submit { float: left; width: 100%; } #contact-form input[type="submit"], .controls button, .form-submit #submit { background: none; border: none; border-radius: 0; padding: 14px 20px; line-height: 14px; cursor: pointer; font-size: 13px; color: #fff; -webkit-appearance: none; float: right; background: #313131; } ul li.comment .form-submit #submit { float: left; } #contact-form input[type="submit"]:hover, .controls button:hover, .form-submit #submit:hover { background: rgba(49, 49, 49, 0.8); } .error_message { text-align: center; margin-bottom: 30px; font-size: 15px; color: #fff; } #success_page h3 { text-align: center; font-size: 18px; } #success_page p { color: #fff; margin-top: 20px; text-align: center; } #message fieldset { border: none; color: #fff; } #contact-form { max-width: 650px; margin: 70px auto; float: none; } #contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea { color: #000; font-size: 12px; padding: 15px 0; width: 100%; padding-left: 10px; background: #fff; margin-bottom: 20px; border: 0; border: 1px solid #eee; position: relative; } #contact-form input[type="submit"] { float: none; margin: 20px auto; } /* Contact 2*/ .contact-inner #contact-form { text-align: center !important; max-width: 600px; float: left; margin: 0 auto; width: 100%; } .passpost-input, .contact-inner #contact-form input[type="text"], .contact-inner #contact-form input[type="email"], .contact-inner #contact-form textarea { color: #fff; font-size: 12px; padding: 15px 0; width: 100%; padding-left: 10px; background: none; background: rgba(255, 255, 255, 0.2); margin-bottom: 20px; border: 0; border: 1px solid #fff; position: relative; } .contact-inner #contact-form input[type=text]:focus, .contact-inner #contact-form textarea:focus, .contact-inner #contact-form input[type=email]:focus { color: #fff; } .contact-inner #contact-form textarea { height: 170px; resize: none; } .contact-inner #contact-form input[type="submit"] { float: right; } .map-box { float: left; width: 100%; height: 400px; position: relative; overflow: hidden; } .map-holder { position: absolute; width: 100%; height: 550px; top: -50px; left: 0; z-index: 10; } #map-canvas { float: left; width: 100%; height: 550px; position: relative; } /* ------blog------------------------------------------------------------ */ .blg-nav { margin-top: -20px; margin-bottom: 20px; } .waimg { float: left; margin-bottom: 20px; } article { float: left; margin-bottom: 10px; width: 100%; position: relative; border-bottom: 1px solid #eee; } article .btn { float: left; } .post-author { margin-bottom: 40px; margin-top: 10px; float: left; border-bottom: 1px solid #eee; padding: 20px 0; width: 100%; } .author-img { float: left; width: 15%; } .author-content { float: left; width: 85%; padding-left: 10px; } .author-img img { border-radius: 100%; float: left; } .author-content h5 { font-size: 14px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 14px; color: #000; display: block; float: left; } .author-content p { margin-bottom: 8px; float: left; width: 100%; } .widget { float: left; width: 100%; margin-bottom: 40px; text-align: left; border-bottom: 2px solid #eee; padding-bottom: 20px; } .widget h3 { float: left; width: 100%; position: relative; font-size: 20px; color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; letter-spacing: 1px; padding-bottom: 20px; } .widget-posts li { padding: 12px 0; } .widget-posts-img { float: left; width: 30%; } .widget-comments-img img { border-radius: 100%; } .widget-posts-descr { float: left; width: 70%; padding-left: 10px; } .widget-posts-descr a { font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #666; } .widget-posts-date { float: left; width: 100%; margin-top: 10px; color: #666; font-size: 14px; font-family: 'futurastd-bold'; } .searh-holder { max-width: 450px; margin-top: 20px; position: relative; } .searh-inner { float: left; width: 100%; position: relative; } .search { border: 1px solid rgba(0, 0, 0, 0.07); float: left; background: #fff; border-radius: none; position: relative; outline: none; padding: 0px 0px 0px 10px; width: 100%; height: 40px; color: #000; -webkit-appearance: none; } .search-submit { border: none; outline: none; cursor: pointer; background: none; position: absolute; top: 0; right: 0; width: 28%; height: 40px; } .trnsp-search { border: 1px solid #fff; border-radius: 6px; color: #fff; background: rgba(255, 255, 255, 0.21); } .trnsp_btn { border-radius: 0 6px 6px 0; } .trnsp_btn i { color: #fff !important; } .search-submit:hover i { opacity: 0.5; } .tagcloud.indexposts { text-align: left; padding-left: 0px; margin-top: 20px; } .tagcloud li { display: inline-block; padding-bottom: 8px; margin-bottom: 6px; } .tagcloud li a { padding: 6px 10px; margin-right: 2px; background: #292929; color: #fff; } .tagcloud li a:hover { background: #fff; color: #292929; } .cat-item { padding-bottom: 8px; margin-bottom: 15px; } .cat-item a { font-size: 14px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; color: #666; } .cat-item a, .tagcloud li a { font-weight: 400; font-size: 12px; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .widget .tagcloud li a { font-size: 12px !important; } .sinnle-post h2 { float: left; font-size: 32px; text-align: left; font-family: 'futurastd-bold'; text-transform: uppercase; width: 100%; } .blog-title, .blog-text { /*float:left;*/ width: 100%; padding: 20px 0; list-style: none; } .blog-text { padding: 0; padding-bottom: 20px; } .blog-title li { float: left; text-align: left; font-family: 'futurastd-bold'; text-transform: uppercase; margin-bottom: 10px; color: #666; font-size: 13px; color: #666; margin-right: 4px; } .blog-title li:before { content: " - "; } .blog-title li:first-child:before { display: none; } .blog-title a { color: #666; } .blog-text { margin-top: 10px; position: relative; } .sinnle-post .blog-text { max-width: 900px; } .blog-text h3, .comment-form-holder h3, .comments-holder h3, .project-details h3 { font-size: 16px; text-align: left; font-family: 'futurastd-bold'; text-transform: uppercase; margin-bottom: 10px; } .comments-holder h3 span { font-family: 'FuturaPT-Book'; font-weight: 400; } .project-details h3 { padding: 20px 0 15px; } .blog-media { float: left; width: 100%; position: relative; margin-bottom: 20px; } .blog-text p { font-size: 14px; padding-top: 10px; } sup { vertical-align: super; font-size: smaller; } .blog-text a { font-weight: bold; } .blog-text em { font-style: italic; } .pagination-blog { margin-top: 20px; text-align: center; border: 1px solid rgba(0, 0, 0, 0.07); float: left; width: 100%; margin: 15px 0; } .pagination-blog ul { float: left; margin: 20px 0 30px; border: 1px solid rgba(0, 0, 0, 0.07); } .pagination-blog a, .pagination-blog span { float: left; padding: 12px 18px; position: relative; font-size: 13px; color: #666; letter-spacing: 1px; border-right: 1px solid rgba(0, 0, 0, 0.07); } .pagination-blog a.current-page, .pagination-blog a:hover, .pagination-blog span.current-page { color: #fff; background: #000; } .sidebar { float: left; width: 100%; padding: 0 0 0 30px; } .left-sidebar .sidebar { padding: 0 30px 0 0; } .sinnle-post p { font-size: 16px; } .sinnle-post .blog-text h3 { margin-bottom: 30px; } .commentlist { text-align: left; float: left; margin: 30px 0px; max-width: 900px; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } .comment-form-holder { max-width: 800px; float: left; } .fixed-info-container .comment-form-holder { max-width: 260px; } #comments { text-align: left; padding-top: 10px; max-width: 800px; } #comments-title, #reply-title { border-bottom: 1px solid #eee; padding-bottom: 30px; margin-bottom: 5px; font-size: 16px; text-transform: uppercase; font-weight: bold; color: #666; } .comment { float: left; width: 100%; } .comment-body { position: relative; margin-left: 70px; padding-top: 30px; } .comment-author { position: absolute; top: 30px; left: -66px; } .comment-author img { border-radius: 100%; } .comment .children { margin-left: 70px; } .fn { display: block; margin-bottom: 10px; } .comment-meta, .comment-meta a { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 12px; letter-spacing: 1px; color: #494949; padding-bottom: 10px; } #respond { margin-top: 40px; float: left; width: 100%; } #reply-title { padding-bottom: 30px; margin-bottom: 5px; } #commentform { float: left; width: 100%; } .comment-notes { margin-top: 10px; color: #a4a4a3; } .control-group label { margin-left: 10px; font-weight: 200; float: left; position: relative; top: 25px; } .control-group .controls input { margin-top: 15px; border: none; outline: none; height: 35px; background: #eee; color: #a4a4a3; text-decoration: none; border: 1px solid #ccc; float: left; width: 270px; padding-left: 15px; } .control-group .controls textarea { float: left; margin-top: 15px; border: none; outline: none; height: 180px; max-width: 600px; background: #eee; padding-left: 15px; padding-top: 15px; color: #a4a4a3; resize: vertical; text-decoration: none; border: 1px solid #ccc; } .controls button, .form-submit #submit { margin-top: 30px; } /*------ css-animation - ------------------------------------------------*/ .transition { -webkit-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; } .transition2 { -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .transition3 { -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } .fl-l { float: left; } .img-responsive { max-width: 100%; height: auto; } /* new portfolio video */ .is_folio_video .ifarme-holder { max-width: 100%; } .ifarme-holder { float: left; width: auto; height: 100%; position: relative; -webkit-overflow-scrolling: touch !important; } .swiper-slide .ifarme-holder { width: 100%; height: 100%; } .autowidth-false.carousel-items-1.gallery_horizontal .owl-item img { width: 100%; height: auto !important; } .autowidth-false.carousel-items-1.gallery_horizontal .owl-item, .autowidth-false.carousel-items-1.gallery_horizontal .owl-item .horizontal_item { max-height: 100%; height: 100%; } .autowidth-false.carousel-items-1.gallery_horizontal .horizontal_item .port-desc-holder { height: 100% !important; top: 0; } .is_folio_video iframe, .sw-video iframe { max-width: 100%; } .disa-zoom .zoomimage { display: none; } .gallery_horizontal.owl-carousel .owl-item:last-child { margin-right: 0px !important; } /*Password Post*/ /*.outdoor_passpost_wrapp { position: relative; width: 100%; height: 100%; top: 0px; left: 0px; background: transparent url(images/bg/22.jpg) no-repeat top left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .outdoor_passpost{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; } .outdoor_passpost_form_wrapp { position: relative; max-width: 100%; width: 500px; height: 500px; margin-top: 100px; background: #000; top: 50%; margin-top: -250px; }*/ .postpass_form { float: left; width: 100%; } .passpost-input-wrapp { max-width: 500px; margin: 0 auto; } .passpost-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-align: center; text-transform: uppercase; border-width: 2px; } .passpost-submit { background: transparent; cursor: pointer; } .op4 { opacity: 0.4; } /* Home Landing Page */ .page-template-homepage-landing-php .body-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.2; } .page-template-homepage-landing-php .content-holder { padding: 0px; } .preview-title { position: absolute; top: 20%; left: 10%; text-align: left; z-index: 100; } .preview-title h2 { text-transform: uppercase; } .preview-title h3 { margin-top: 10px; text-transform: uppercase; } .preview-title h4 { font-family: 'futurastd-bold'; text-transform: uppercase; margin-top: 50px; font-size: 18px; } .vertical-slider .iframe-holder { position: relative; float: right; right: 5%; top: 10%; width: 80%; height: 80%; visibility: visible; -webkit-transform: scale(0.65); -ms-transform: scale(0.65); transform: scale(0.65); overflow: hidden; } .vertical-slider .iframe-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: #fff; opacity: 0; /*-webkit-transition: opacity 500ms linear; -moz-transition: opacity 500ms linear; -o-transition: opacity 500ms linear; -ms-transition: opacity 500ms linear; transition: opacity 500ms linear;*/ } .vertical-slider .fix-overlay .iframe-overlay { opacity: 0.3; } .vertical-slider .iframe-holder > img, .vertical-slider .iframe-holder iframe { width: 100%; height: 100%; position: relative; z-index: 1; } .vertical-slider .iframe-holder > img { height: auto; } .vertical-slider .swiper-nav-holder { position: absolute; left: 10%; top: 80%; width: 100px; height: 40px; margin-top: 80px; line-height: 36px; } .ver-slider-content-holder { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; overflow-y: scroll; } .vertical-slider .swiper-nav { display: inline-block; width: 40px; height: 40px; color: #fff; position: relative; z-index: 14; font-size: 8px; background: #000; } .vertical-slider .swiper-nav:hover { background: #fff; } .vertical-slider .slide-title-holder { position: absolute; top: 30%; width: 100%; z-index: 10; height: auto; } .vertical-slider .slide-title { max-width: 800px; margin: -20px auto; top: 0px; } .vertical-slider .slide-title h3 { position: relative; opacity: 0; top: 50px; float: right; } .vertical-slider .swiper-slide-active .slide-title h3 { opacity: 1; top: 0; -webkit-transition: 1s 0.5s; -o-transition: 1s 0.5s; transition: 1s 0.5s; } .vertical-slider .slide-title h3 { padding: 6px 10px 6px 0; margin-top: -70px; font-family: 'futurastd-bold'; text-transform: uppercase; font-size: 32px; letter-spacing: 2px; position: relative; display: inline-table; text-shadow: -50px 41px 2px rgba(150, 150, 150, 0.32); } .vertical-slider .slide-title h3 span { float: left; width: 100%; } .vertical-slider .slide-title h3:before { content: ''; position: absolute; bottom: -5px; background: #000; width: 0; height: 6px; left: 0; top: auto; -webkit-transition: 1s 1.3s; -o-transition: 1s 1.3s; transition: 1s 1.3s; } .vertical-slider .slide-title h3:after { display: none; } .vertical-slider .swiper-slide-active .slide-title h3:before { width: 100%; } .vertical-slider .slide-title a { color: #000; } .vertical-slider .swiper-container { float: left; width: 100%; height: 100%; } .vertical-slider .slides-counter { position: absolute; bottom: 60px; right: 80px; z-index: 20; } .vertical-slider .slides-counter li { display: inline-block; font-size: 34px; position: relative; font-weight: 100; text-transform: uppercase; margin-left: 20px; width: 50px; height: 30px; } .vertical-slider .slides-counter li:last-child:before { content: '/'; font-size: 25px; position: absolute; font-family: Arial, Helvetica, sans-serif; right: 100%; margin-right: 6px; top: 10px; } .vertical-slider .presSlidesFrom { position: relative; top: -10px; } .vertical-slider .presSlidesActive { color: #666; font-size: 54px; } .vertical-slider .slides-counter.black-colr { width: 140px; height: 40px; font-size: 14px; } .vertical-slider .slides-counter.black-colr li { font-size: 16px; color: #000 !important; margin-left: 10px; } .vertical-slider .slides-counter.black-colr li:last-child:before { font-size: 15px; color: #000 !important; position: absolute; margin-right: 8px; top: 0; } .vertical-slider .slides-counter.black-colr .presSlidesFrom { position: relative; top: -4px; } .vertical-slider .slides-counter.black-colr .presSlidesActive { color: #000; font-size: 24px; } .home-landing-slider-wrapper { position: relative; width: 100%; height: 100%; } .home-landing-slider-wrapper .pagination { position: absolute; z-index: 20; right: 20px; top: 45%; left: auto; bottom: auto; width: auto; } .home-landing-slider-wrapper .swiper-pagination-bullet { display: block; margin-left: 0px; margin-bottom: 7px; background: #222; border-width: 0px; } .home-landing-slider-wrapper .swiper-pagination-bullet-active { background: #aaa; } /*Home Thumbs Gallery */ .thumbsgallery-wrapper { position: relative; width: 100%; height: 100%; /*overflow-y: hidden; overflow-x: scroll;*/ overflow: hidden; } .gallery-top { height: 100%; width: 100%; } .gallery-thumbs { /*height: 20%;*/ height: auto; -webkit-box-sizing: border-box; box-sizing: border-box; /*padding: 10px 0;*/ padding: 0px; position: absolute; bottom: -100px; width: 100%; left: 0px; overflow: hidden; -webkit-transition: bottom 250ms ease 0s; -o-transition: bottom 250ms ease 0s; transition: bottom 250ms ease 0s; } .gallery-thumbs:hover { bottom: 0px; } .gallery-thumbs .swiper-slide { /*width: 25%; height: 100%;*/ width: 120px; height: 120px; opacity: 0.5; cursor: pointer; -webkit-transition: opacity 250ms ease 0s; -o-transition: opacity 250ms ease 0s; transition: opacity 250ms ease 0s; } .gallery-thumbs .swiper-slide:hover, .gallery-thumbs .swiper-slide-active { opacity: 0.99; } .thumb-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -webkit-box-shadow: inset 0 0 0 #ffffff, inset 0 0 #ffffff; box-shadow: inset 0 0 0 #ffffff, inset 0 0 #ffffff; -webkit-transition: -webkit-box-shadow 300ms; transition: -webkit-box-shadow 300ms; -o-transition: box-shadow 300ms; transition: box-shadow 300ms; transition: box-shadow 300ms, -webkit-box-shadow 300ms; -webkit-transition: box-shadow 300ms; } .gal.hs { top: auto; bottom: 125px; right: 10px; width: auto; height: 40px; opacity: 0.5; -webkit-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; } .gal.hs:hover { opacity: 1; } .gal.hs:before, .gal.hs:after { display: none; } .gal.hs a { width: 40px; height: 40px; margin: 0px 2px; line-height: 40px; background: rgba(255, 255, 255, 0.21); -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; cursor: pointer; color: #fff; border: solid 1px #ccc; } .thumbsgallery-horizontal-direction .gal.hs { width: 40px; height: auto; bottom: auto; top: 50%; margin-top: -66px; } .thumbsgallery-horizontal-direction .gal.hs a { margin: 2px 0px; } .gal.hs .gal-pause-play { font-size: 13px; } .gal.hs .gal-pause-play.is_playing i:before { content: ""; } .gal.hs a:hover { background: white; color: #000; } /*vertical gallery*/ .thumbsgallery-vertical-direction .gallery-thumbs { width: 120px; top: 0px; bottom: 0px; left: auto; right: -100px; -webkit-transition: right 250ms ease 0s; -o-transition: right 250ms ease 0s; transition: right 250ms ease 0s; } .thumbsgallery-vertical-direction .gallery-thumbs:hover { right: 0px; } /*.thumbsgallery-vertical-direction .gal.hs {width: 40px;height: auto;right: 125px;top: auto;bottom: 10px;} .thumbsgallery-vertical-direction .gal.hs a {margin: 2px 0px;}*/ .thumbsgallery-vertical-direction .gal.hs { bottom: 10px; top: auto; left: 50%; margin-left: -66px; right: auto; } .thumbsgallery-vertical-direction .gal.hs a.arrow-right i:before { content: ""; } .thumbsgallery-vertical-direction .gal.hs a.arrow-left i:before { content: ""; } /*Image Content*/ .thmbsgallery-img-desc, .thmbsgallery-img-caption { text-align: center; color: #fff; } .thmbsgallery-img-desc p, .thmbsgallery-img-caption p { text-align: center; color: #fff; } #portfolio_horizontal_container.hoz-ver-two-columns .portfolio_item { height: 50%; } #portfolio_horizontal_container.hoz-ver-three-columns .portfolio_item { height: 33.3%; } #portfolio_horizontal_container.hoz-ver-four-columns .portfolio_item { height: 25%; } #portfolio_horizontal_container.hoz-ver-five-columns .portfolio_item { height: 20%; } .is-passpost .content-holder > .content { height: 100%; overflow: hidden; } .is-passpost .fixed-title { z-index: 25; } /*.is-passpost .full-height-wrap,*/ .postpass-bg-wrap { z-index: 24; } .custom-inner.postpass-page { position: absolute; z-index: 26; } .blog-text { float: left; } .show-share, .share-icon, .hs, .footer-social li a, .slide-title-holder, .pagination, .zoomimage, .column-filter, .port-desc-holder, .count-folio, .parallax-section h2, .separator-image, .subtitle, .sect-scroll, .inline-facts, .scroll-page-nav, .owl-dots, .customNavigation a, .to-top, .team-box, .error-page, .content-logo, .inline-filters, .postpass-page, .grid-item-holder { text-align: center; } figure a.vc_single_image-wrapper img { cursor: pointer; } .page-template-gallery-grid-php .vis-port-info .grid-item, .page-template-gallery-masonry-php .vis-port-info .grid-item, .page-template-gallery-grid-php .hid-port-info .grid-item, .page-template-gallery-masonry-php .hid-port-info .grid-item, .archive-gallery.hid-port-info .grid-item, .archive-gallery.vis-port-info .grid-item { display: none; } .page-title { text-align: left; } .mobile-video { display: none; } .mobile-video.is-mobile { display: block; } .cthiso-item .resp-video-holder { padding: 2px; } .cthiso-item img { width: 100%; height: auto; position: relative; z-index: 2; } .cthiso-item .port-desc-holder:before { right: 3px; bottom: 3px; } .cthiso-item:hover .port-desc-holder { opacity: 1; } .cthiso-item img { -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; } #lg-share { display: none; } .lg-actions .lg-icon { border: 0; opacity: 0.5; } .lg-actions .lg-icon:hover { opacity: 1; } .owl-dots .owl-dot { background: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .single-product #commentform input[type=checkbox] + label, .single-product #commentform input[type=radio] + label { margin-left: 5px; } .folio-inner-wrap { position: relative; top: 0; left: 0; height: 100%; width: 100%; } .folio-inner-wrap img { position: relative; } .cthiso-items { position: relative; list-style: none; padding: 0; margin-bottom: 0; } .cthiso-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cthiso-item-holder { /*float: left;*/ width: 100%; height: auto; position: relative; /*padding:2px;*/ margin-bottom: 0; } .cthiso-big-pad.cthiso-items { margin-left: -15px; margin-right: -15px; } .cthiso-big-pad .cthiso-item { padding: 15px; } .cthiso-medium-pad.cthiso-items { margin-left: -10px; margin-right: -10px; } .cthiso-medium-pad .cthiso-item { padding: 10px; } .cthiso-small-pad.post-cthiso-items, .cthiso-small-pad.cthiso-items { margin-left: -5px; margin-right: -5px; } .cthiso-small-pad .post-cthiso-item, .cthiso-small-pad .cthiso-item { padding: 5px; } .cthiso-extrasmall-pad.cthiso-items { margin-left: -2px; margin-right: -2px; } .cthiso-extrasmall-pad .cthiso-item { padding: 2px; } .cthiso-no-pad .cthiso-item { padding: 0; } .cthiso-item, .cthiso-sizer { width: 25%; position: relative; /*float:left;*/ overflow: hidden; } .cthiso-item:hover { overflow: visible; } .cthiso-item-two, .cthiso-sizer-two, .cthiso-item-second { width: 50%; } .cthiso-item-three, .cthiso-sizer-three { width: 75%; } .cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer, .cthiso-one-cols .cthiso-item-two, .cthiso-one-cols .cthiso-sizer-two, .cthiso-one-cols .cthiso-item-second, .cthiso-one-cols .cthiso-item-three, .cthiso-one-cols .cthiso-sizer-three { width: 100%; } .cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer { width: 50%; } .cthiso-two-cols .cthiso-item-second, .cthiso-two-cols .cthiso-item-two, .cthiso-two-cols .cthiso-sizer-two, .cthiso-two-cols .cthiso-item-three, .cthiso-two-cols .cthiso-sizer-three { width: 100%; } .cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer { width: 33.333%; } .cthiso-three-cols .cthiso-item-second, .cthiso-three-cols .cthiso-item-two, .cthiso-three-cols .cthiso-sizer-two { width: 66.666%; } .cthiso-three-cols .cthiso-item-three, .cthiso-three-cols .cthiso-sizer-three { width: 100%; } .cthiso-five-cols .cthiso-item, .cthiso-five-cols .cthiso-sizer { width: 20%; } .cthiso-five-cols .cthiso-item-second, .cthiso-five-cols .cthiso-item-two, .cthiso-five-cols .cthiso-sizer-two { width: 40%; } .cthiso-five-cols .cthiso-item-three, .cthiso-five-cols .cthiso-sizer-three { width: 60%; } .cthiso-six-cols .cthiso-item, .cthiso-six-cols .cthiso-sizer { width: 16.66666%; } .cthiso-six-cols .cthiso-item-second, .cthiso-six-cols .cthiso-item-two, .cthiso-six-cols .cthiso-sizer-two { width: 33.33333%; } .cthiso-six-cols .cthiso-item-three, .cthiso-six-cols .cthiso-sizer-three { width: 50%; } .cthiso-seven-cols .cthiso-item, .cthiso-seven-cols .cthiso-sizer { width: 14.285%; } .cthiso-seven-cols .cthiso-item-second, .cthiso-seven-cols .cthiso-item-two, .cthiso-seven-cols .cthiso-sizer-two { width: 28.57%; } .cthiso-seven-cols .cthiso-item-three, .cthiso-seven-cols .cthiso-sizer-three { width: 42.857%; } .cthiso-eight-cols .cthiso-item, .cthiso-eight-cols .cthiso-sizer { width: 12.5%; } .cthiso-eight-cols .cthiso-item-second, .cthiso-eight-cols .cthiso-item-two, .cthiso-eight-cols .cthiso-sizer-two { width: 25%; } .cthiso-eight-cols .cthiso-item-three, .cthiso-eight-cols .cthiso-sizer-three { width: 37.5%; } .cthiso-nine-cols .cthiso-item, .cthiso-nine-cols .cthiso-sizer { width: 11.11111%; } .cthiso-nine-cols .cthiso-item-second, .cthiso-nine-cols .cthiso-item-two, .cthiso-nine-cols .cthiso-sizer-two { width: 22.22222%; } .cthiso-nine-cols .cthiso-item-three, .cthiso-nine-cols .cthiso-sizer-three { width: 33.33333%; } .cthiso-ten-cols .cthiso-item, .cthiso-ten-col .cthiso-sizer { width: 10%; } .cthiso-ten-cols .cthiso-item-second, .cthiso-ten-cols .cthiso-item-two, .cthiso-ten-cols .cthiso-sizer-two { width: 20%; } .cthiso-ten-cols .cthiso-item-three, .cthiso-ten-cols .cthiso-sizer-three { width: 30%; } @media only screen and (max-width: 767px) { .cthiso-item, .cthiso-sizer { width: 100%; } .cthiso-big-pad .cthiso-item { padding-bottom: 0; } .cthiso-big-pad .cthiso-item, .cthiso-medium-pad .cthiso-item, .cthiso-small-pad .cthiso-item, .cthiso-extrasmall-pad .cthiso-item { padding-bottom: 0; } } /*------ Responsive ------------------------------------------------------*/ @media only screen and (max-width: 2300px) { .sections-bg { width: 56%; } .sections-bg-shop { width: 63.5%; } } @media only screen and (max-width: 2000px) { .sections-bg { width: 57%; } .sections-bg-shop { width: 66%; } } @media only screen and (max-width: 1200px) { .five-coulms .gallery-item, .five-coulms .grid-sizer { width: 33.333%; } .five-coulms .gallery-item-second, .five-coulms .grid-sizer-second { width: 66.666%; } .five-coulms .gallery-item-three, .five-coulms .grid-sizer-three { width: 100%; } } @media only screen and (max-width: 1036px) { #main-theme { height: 100%; width: 100%; position: relative; top: 0; left: 0; z-index: 2; opacity: 0; -webkit-overflow-scrolling: touch; } .mob-bg { display: block; } .inline-facts h6 { float: none; font-size: 16px; text-align: center; } .num { float: none; text-align: center; } .nav-button-holder { display: block; } /*.nav-holder { position:absolute; top:60px; left:0; width:100%; background:#fff; padding:30px 0; display:none; height:300px; overflow:auto; } nav ul li , nav ul li ul li , nav li ul li > ul { float:left; width:100%; margin-bottom:10px; text-align:left; left:0; right: 0; } nav li ul:last-child, nav li ul li:last-child{margin-bottom: 0px;} nav li a.act-link,nav li a.ancestor-act-link,nav li a.parent-act-link {color:#000;font-weight: 600;} nav li ul { margin: 0; position: relative; float: left; width:100%; display: block; top:0; left: 0; z-index: 1; border-bottom:none; } .nav-holder nav li ul {padding-left: 20px; margin-top: 10px;}*/ .nav-holder { position: absolute; top: 60px; left: 0; width: 100%; background: #fff; padding: 30px 0; display: none; height: 300px; overflow: auto; } nav ul li, nav ul li ul li, nav li ul li > ul { float: left; width: 100%; margin-bottom: 10px; text-align: left; left: 0; opacity: 1; right: 0; } nav li ul:last-child, nav li ul li:last-child { margin-bottom: 0px; } nav li a.act-link, nav li a.ancestor-act-link, nav li a.parent-act-link { color: #000; font-weight: 600; } nav li ul { margin: 0; opacity: 1; visibility: visible; position: relative; float: left; width: 100%; display: none; top: 0; left: 0; z-index: 1; border-bottom: none; } nav.show-sub-mobile li ul { display: block; } nav li:hover > ul { display: block; } .nav-holder nav li ul { padding-left: 20px; margin-top: 10px; } .slide-title-holder { width: 100%; } .slide-title { top: 45%; float: none; margin: 0 auto; border-right: none; padding: 50px; } .slide-title h3 { font-size: 22px; } .slide-title h4 { font-size: 12px; } .page-title { padding-bottom: 20px; } .page-title h2 { font-size: 30px; } section { padding: 30px 0; } /*.gallery-item,.grid-sizer { width:50% !important; }*/ /*.gallery-item-second, .gallery-item-three,.grid-sizer-second,.grid-sizer-three{ width:50% !important; } .one-coulms .gallery-item ,.one-coulms .gallery-item-second, .one-coulms .gallery-item-three, .two-coulms .gallery-item ,.two-coulms .gallery-item-second, .two-coulms .gallery-item-three { width:100% !important; }*/ /*.two-coulms .gallery-item { width:100% !important; }*/ /*.five-coulms .gallery-item { width:33.333% !important; } .five-coulms .gallery-item-second { width:66.666% !important; } .five-coulms .gallery-item-three { width:100% !important; }*/ .fixed-column { float: left; position: relative; width: 100%; height: auto; right: 0; left: 0; top: 0; } .media-container { float: left; position: relative; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; } .colum-w { padding-top: 0 !important; } .fw .zoomimage { top: 150px; } .fixed-info-container { position: relative !important; top: 0; left: 0 !important; opacity: 1; width: 100% !important; float: left; padding: 50px 30px 80px 30px !important; overflow: auto; height: auto !important; } .fixed-info-container .comment-form-holder { max-width: 100%; } .cusres { width: 100%; float: left; } .vis-info { padding-left: 0 !important; } .horizontal_item { padding: 10px 20px; } .resp-ena .horizontal_item { padding: 0px; } .horizontal_item img { width: 100%; height: auto !important; } .show-hid-content { display: none; } .section-columns-text { width: 100% !important; } .section-columns-img { position: relative; top: 0; left: 0; width: 100% !important; height: auto; padding: 150px 0; } .nav-button { margin-top: 19px; } .zindex-fix { z-index: 1; } .left-sidebar .sidebar, .sidebar { padding: 0; } .swiper-slide .show-info { bottom: 70px; } .resize-carousel-holder .customNavigation { display: none; } /* New Portfolio video */ .horizontal_item .ifarme-holder { float: left; width: 100% !important; height: auto !important; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 120px; margin-top: 60px; } .horizontal_item .ifarme-holder iframe, .horizontal_item .ifarme-holder object, .horizontal_item .ifarme-holder embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .gallery_horizontal { margin-bottom: 70px; } .full-height-fix { height: auto !important; } } @media only screen and (max-width: 992px) { .inline-facts-holder > .wpb_column:nth-child(2n+0) .inline-facts:before { display: none; } .sections-bg-shop, .sections-bg { width: 100% !important; } } @media only screen and (max-width: 756px) { #portfolio_horizontal_container { height: auto !important; max-width: 100%; width: 100%; } #portfolio_horizontal_container .portfolio_item { width: 100% !important; height: auto !important; padding: 0 10px; overflow: hidden; position: relative; } #portfolio_horizontal_container .portfolio_item img { width: 100% !important; height: auto !important; } .port-subtitle-holder { position: relative; float: left; width: 100%; padding: 0; } .content-holder { padding: 70px 0 50px 0; } .footer-social { margin: 0 auto; float: none; } .footer-social li { display: inline-block; float: none; } .parallax-section { padding: 150px 0; } .inline-facts { /*width:50%;*/ } .to-top { right: 21px; } .logo-holder { left: 10px; } .scroll-page-nav { width: 30px; } .column-filter { top: 74px; left: 14px; } .count-folio, .full-height-wrap:before, .full-height-wrap:after, .left-decor, .right-decor, .fixed-wrap:before, .fixed-wrap:after, .policy-box, .portfolio_item .port-desc-holder { display: none; } .custom-inner { padding: 100px 0 70px 0; } .custom-inner.error-page h2 { font-size: 90px; } .custom-inner.postpass-page h2 { font-size: 32px; } /*.gallery-item { width:50%; }*/ .gallery-item, .grid-sizer { width: 50% !important; } /*.five-coulms .gallery-item-second , .five-coulms .gallery-item-three{ width:50% !important; }*/ /*.two-columns-box .box-item, .two-columns-box .box-sizer, .three-columns-box .box-item, .three-columns-box .box-sizer, .four-columns-box .box-item, .four-columns-box .box-sizer { width: 100%; } .five-columns-box .box-sizer, .five-columns-box .box-item { width: 50%; }*/ .gallery-masonry .box-item, .gallery-masonry .box-sizer { width: 50% !important; } /*Home Landing */ .preview-title { top: 10%; } .vertical-slider .swiper-nav-holder { left: 10%; top: 90%; margin-top: 0; margin-left: 0; } .vertical-slider .slide-title-holder { top: 60%; } .vertical-slider .slide-title { padding: 0px; } .vertical-slider .slide-title h3 { float: none; } .vertical-slider .slide-title h3 { margin-top: 20px; font-size: 22px; text-shadow: none; } .vertical-slider .slide-title h3:before { display: none; } .vertical-slider .slide-title h3 a { color: #000; } .portfolio_item.hide_sub_info .port-desc-holder { display: block; } .hoz-ver-cols .portfolio_item .port-desc-holder { display: block; } #portfolio_horizontal_container.hoz-ver-cols .portfolio_item { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .cusres { left: 0; } } @media only screen and (max-width: 540px) { .page-title h2 { font-size: 20px; } .team-holder li { float: left; width: 100%; padding: 20px 0; } /*.gallery-item , .gallery-item-second , .gallery-item-three { width:100%!important; }*/ .grid-small-pad .grid-item-holder, .grid-big-pad .grid-item-holder { padding: 20px 0 !important; } .header-inner { float: left; width: 100%; padding: 0 10px; padding-top: 10px; position: relative; } .servicses-holder li, .inline-facts { width: 100%; } .gallery-item, .grid-sizer { width: 100% !important; } /*.five-coulms .gallery-item { width:100% !important; }*/ .gallery-masonry .box-item, .gallery-masonry .box-sizer { width: 100% !important; } /*.five-columns-box .box-item { width: 100%; }*/ .gallery-top { height: 100%; } .gallery-thumbs { display: none; } .gal.hs { top: auto; bottom: 10px; right: auto; left: 50%; margin-left: -66px; } .thumbsgallery-horizontal-direction .gal.hs { width: auto; height: 40px; bottom: 10px; top: auto; left: 50%; margin-left: -66px; } .thumbsgallery-horizontal-direction .gal.hs a { margin: 0px 2px; } /*.thumbsgallery-vertical-direction .gal.hs {bottom: auto;margin: 0px;top: 50%;margin-top: -66px;right: 10px;left: auto;}*/ .blog-text { float: left; width: 100%; } .control-group .controls input, .control-group .controls textarea { max-width: 100%; } #contact-form input[type="submit"], .controls button, .form-submit #submit { float: left; } p.form-submit { padding-bottom: 30px; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { .bg { background-attachment: scroll !important; -webkit-background-size: cover; background-position: center; } }
| ver. 1.4 |
Github
|
.
| PHP 8.2.31 | Generation time: 0.39 |
proxy
|
phpinfo
|
Settings