@charset "utf-8"; body { background-color: #d4eeee; -webkit-overflow-scrolling : touch; } body.image-bg { background-attachment: fixed; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } body.parallax { background-position: 50% 0; } body.pattern-bg {background-attachment: fixed; background-repeat: repeat;} body.error404{ background: url(http://25.media.tumblr.com/38430f1e34abf51dc21bd62bdc7f2063/tumblr_mkn417XdnL1qg39ewo1_500.gif); background-attachment: fixed; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .vegas-background { -ms-interpolation-mode: bicubic; image-rendering: optimizeQuality; max-width: none !important; z-index: -2; } .vegas-overlay, .vegas-background { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #preloader { position: fixed; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: #FFF; z-index: 11000; } #spinner { position: relative; height:35px; width:35px; top: 50%; margin-bottom: -12px; margin:0 auto; border:3px solid rgba(226, 226, 226, 0.75); border-radius:100%; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; } #spinner:before { content:""; display:block; position:absolute; left:-3px; top:-3px; height:100%; width:100%; border-top:3px solid rgba(0,0,0,1); border-left:3px solid transparent; border-bottom:3px solid transparent; border-right:3px solid transparent; border-radius:100%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } @-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} } @-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} } @keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} } .cols-1 ul li {width:100%;} .cols-2 ul li {width:50%;} .cols-3 ul li {width:33.333333%;} .cols-4 ul li {width:25%;} .cols-5 ul li {width:20%;} .cols-6 ul li {width:16.666666%;} .cols-7 ul li {width:14.2861514%;} body { font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif; } .content-wrapper p { font-size: 15px; font-weight: 500; line-height: 25px; margin-bottom: 15px; } ::-webkit-input-placeholder {font-family: 'Helvetica Neue', 'Helvetica', arial, sans-serif;} h5, .rotate-text, .wpb_heading, .social-icon li div, .loading, #searchform input, input:not([type="submit"]), textarea{font-family: 'PT Serif', georgia, serif;} #searchform ::-webkit-input-placeholder {font-family: 'PT Serif', georgia, serif;} .widget-contact address {font-family: 'Open Sans', sans-serif;} body { font-size: 17px; line-height: 21px; color: rgb(71, 71, 71); } h1, h2 { font-size: 30px; line-height: 100%; color: rgb(35,35,35); letter-spacing: -1px; } h1 { font-size: 33px; } h3 { font-size: 21px; color: rgb(35,35,35); } h4 { font-size:15px; line-height:140%; color:rgb(38,38,38); } h2, h3, h4 { font-weight:normal; } h5 { font-size: 12px; color: rgb(25,25,25); line-height: 15px; } .share, .social-icon li div, .rotate-text, .wpb_heading, .widget-twitter-content h2 a, .LoadMore span, .fullscreen-btn {font-style:italic;} h3, h4, .share .share-open ul li a:hover, .menu li a:hover, .wpb_heading, .widget-twitter-content h2 a, .widget-contact h2, .widget-contact address a:hover, .categories ul li a:hover {text-decoration:underline;} .wpb_wrapper h3, .wpb_wrapper h4{ text-decoration:none; margin-bottom: 10px;} a:not(.social-link), a:visited{ color: rgb(0,0,0); font-weight: 500; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-wrapper ol { list-style-type:decimal; padding-left:20px; font-size:15px; margin-bottom:18px; } .content-wrapper a:hover { border-bottom: 2px solid transparent; } .default-page section, .contact-page section{clear:both;} .default-page article{padding: 21px 0;} .content { position: relative; margin-bottom: -50px; overflow: hidden; z-index: 100; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .content-wrapper { position: relative; background-color: #FFF; padding: 30px 0 0 0; z-index: 0; } .angles-layout .content-wrapper { padding-top: 70px; } #overlay-header{ position: absolute; width: 100%; background: #161616; top: 0; bottom: 0; opacity: 0; } .menu-layout-1 #overlay-header { background: #ffe6b1; } .top-angle { width: 0; height: 0; border-color: rgba(255, 255, 255, 0) #f8f8f8; border-style: solid solid solid dashed; border-width: 400px 0 0 0; margin-top: 550px; } .bottom-angle { width: 0; height: 0; border-color: rgba(255, 255, 255, 0) #f8f8f8; border-width: 0 0 333px 0; border-style: solid solid solid dashed; } html.dark { background-color: #000; } body.dark-layout { background-color: #000; } .dark-layout #preloader { background-color: #000; } .dark-layout #spinner { border: 3px solid rgb(39, 39, 39);} .dark-layout .top-angle, .dark-layout .bottom-angle { border-color: transparent #000; } .dark-layout .footer-angle { border-color: rgba(255, 255, 255, 0) #000; } .dark-layout.straight-layout .footer-angle { border-color: #000; } .dark-layout .sub-footer { background: #090909; } .dark-layout .content-wrapper { background-color: #000 !important; } body.dark-layout .content-wrapper p, body.dark-layout .content-wrapper h2, body.dark-layout .content-wrapper h3 { color: #DBDBDB; } body.dark-layout .content-wrapper h2:after { background: #DBDBDB; } .dark-layout .wpb_wrapper .vc_separator_align_center, .dark-layout .wpb_wrapper .vc_separator_align_left, .dark-layout .wpb_wrapper .vc_separator_align_right { background: #FCFCFC; width: 80px; min-height: 45px; margin: 150px auto 70px auto; border: 0px solid #FFF; } .dark-layout .wpb_wrapper .vc_separator_align_center h4, .dark-layout .wpb_wrapper .vc_separator_align_left h4, .dark-layout .wpb_wrapper .vc_separator_align_right h4 { color: #000; } .dark-layout .wpb_wrapper .vc_separator_align_center:before, .dark-layout .wpb_wrapper .vc_separator_align_left:before, .dark-layout .wpb_wrapper .vc_separator_align_right:before { border-bottom: 25px solid #FFF; } .dark-layout .wpb_wrapper .vc_separator_align_center:after, .dark-layout .wpb_wrapper .vc_separator_align_left:after, .dark-layout .wpb_wrapper .vc_separator_align_right:after { border-top: 25px solid #FFF; } .dark-layout .wpb_wrapper .vc_progress_bar .vc_single_bar { background-color: #141414; } .dark-layout .section-header { background: #FFF; border-color: #000 !important; } .dark-layout .section-header:before { border-bottom-color: #FFF; } .dark-layout .section-header:after { border-top-color: #FFF; } .dark-layout .section-header h4, .dark-layout .bypostauthor .comment-reply-link, .dark-layout .comment-body-items .comment-meta a, .dark-layout .bypostauthor .comment-body-items > p, .dark-layout .bypostauthor .comment-body-items cite, .dark-layout .arrow-nav a, .dark-layout .arrow-nav:hover a i { color: #000; } .dark-layout .categories ul li a { color: #E4E4E4; } .dark-layout .tweet_text, .dark-layout .tweet_text a, .dark-layout .single-pagination span a, .dark-layout .single-pagination span a:hover, .dark-layout .comment-body-items cite, .dark-layout #reply-title, .dark-layout input:not([type="submit"]), .dark-layout input[type=submit], .dark-layout textarea, .dark-layout .arrow-nav a i { color: #FFF; } .dark-layout .arrow-nav:hover { background: #FFF; } .dark-layout .widget-twitter-content .query a, .dark-layout .post-body .btn a { color: #6B6B6B; } .dark-layout .btn a, .dark-layout .button { color: #F5F5F5; border: 2px solid #FCFCFC; } .dark-layout .btn a:hover, .dark-layout .button:hover { background: #FFF; color: #000; border-bottom-color: #FFF !important; } .dark-layout .wpcf7 input:hover, .dark-layout .wpcf7 textarea:hover, .dark-layout .wpcf7 .wpcf7-submit:hover { border: 5px solid #FFF; } .dark-layout .widget-twitter .icon-twitter, .dark-layout .widget-twitter .controls a { color: #FFF; } .dark-layout .widget:not(.query) ul li a, .dark-layout .widget:not(.query) ul li p, .dark-layout .widget:not(.query) ul li, .dark-layout .widget:not(.query) { color: #E7E7E7; } .dark-layout .inner-subfooter h5 { color: #FFF; } .dark-layout .inner-subfooter h5:after { background: #B1B1B1; } .dark-layout .inner-subfooter .social-icon li a i { color: #B1B1B1; } .dark-layout .menu-footer li a, .dark-layout .copy-right { color: #EBEBEB; } .straight-layout.menu-layout-1 .main-navigation, .straight-layout.menu-layout-2 .main-navigation { top: 190px; } .straight-layout.menu-layout-1.single-post .main-navigation { top: 280px; } .straight-layout .content-wrapper { padding: 45px 0 0 0; } .straight-layout .display-slide { top: 225px; } .straight-layout .top-angle { width: 0; height: 0; border-color: transparent; border-style: solid; margin-top: 0; border-top-width: 500px !important; } .straight-layout.single-post .top-angle { border-top-width: 0 !important; } .straight-layout.content-info-box .top-angle { border-top-width: 535px !important; } .straight-layout .bottom-angle { width: 0; height: 0; border-color: #f8f8f8; border-width: 0; border-style: solid dashed solid solid; } .straight-layout .footer-angle { width: 0; height: 0; padding: 0; border-color: #f8f8f8; border-width: 0 0 125px 0; border-style: solid dashed solid solid; } .straight-layout .inner-subfooter h5 { display: none; } .straight-layout .inner-subfooter .social-icon { bottom: 105px; } .straight-layout .footer { margin-top: 250px; } .straight-layout .header {margin-bottom: 45px;} .straight-layout .main-page { padding-bottom: 75px; } .minimal-layout .main-page { margin-top: 400px !important; } .minimal-layout .inner-header { height: 160px; } .minimal-layout.menu-layout-3 .header { position: relative; } .minimal-layout.menu-layout-3 .inner-header { position: relative; height: auto; } .minimal-layout.menu-layout-1 .main-navigation { top: 175px; } .minimal-layout.menu-layout-2 .main-navigation { top: 105px; } .minimal-layout.menu-layout-3 .main-page { margin-top: 75px !important; } .minimal-layout .content-wrapper { padding-bottom: 350px; } .minimal-layout #overlay-header { display: none !important; } .minimal-layout #overlay-header.over-viewed { z-index: 1000; } .minimal-layout .menu-launcher { display: none; } .minimal-layout .inner-section-title { margin: 0; } .minimal-layout .inner-section-title h2 { display: none; } .minimal-layout .inner-section-title .page-description { position: relative; width: 55%; margin: 0 auto; top: 275px; } .minimal-layout .inner-section-title .page-description p { font-size: 15px !important; font-weight: 500 !important; line-height: 21px; } .minimal-layout .section-title { margin-top: -375px; display: none !important; } .minimal-layout.single-portfolio.content-info-box .actions { top: 180px; } .minimal-layout .header.nav-opened { min-height: 130px; } .minimal-layout .info-box { margin-top: -225px; } .minimal-layout.parallax .info-box { left: 0; top: 450px; } .minimal-layout.parallax.content-info-box .info-box { left: 0; top: 0; } .minimal-layout.parallax.menu-layout-3 .info-box { left: 0; top: 300px; } .minimal-layout.parallax.menu-layout-3.content-info-box .info-box { left: 0; top: 0; } .minimal-layout .actions { top: -30px; } .minimal-layout .project-detail { padding-top: 50px; } .minimal-layout.single-portfolio .block-content { padding-top: 250px; } .minimal-layout.single-portfolio.content-info-box .block-content { padding-top: 25px; } .minimal-layout .info-box h3 { font-size: 31px; font-weight: 900; line-height: 43px; letter-spacing: -1px; } .minimal-layout .info-box .info-box-description p { font-size: 15px !important; font-weight: 500 !important; line-height: 21px; margin-bottom: 0; } .minimal-layout .info-box .category-list { font-size: 11px; font-weight: 900; letter-spacing: 1px; } .minimal-layout .info-box-meta { margin-top: 0; } .categories ul li {top:0;} .project-stream {background-color:transparent;} .content-works .categories {display:block;top:0; position:static;margin-left: 9px;} .content-works .categories h4{ font-size: 15px; text-decoration: none; text-transform: uppercase; } .content-works .categories li:last-child span.sep { display: none; } #wrapper { position:relative;opacity: 1; } #wrapper, .header, .content, .footer, .widget-twitter, .widget-contact, .featured, .LoadMore, .angle-top, .angle-bootom, .featured ul li div, .project-stream, .category-list{width:100%;} .main-page { position:relative; width: 100%; max-width: 1024px; min-width: 300px; margin :0 auto; margin-top: -340px; padding: 0 10px; z-index:10; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .header, .widget-twitter, .rotate-text, .wpb_heading, .share .share-link, .logo, .share .share-open ul, .widget-contact, .featured, .featured ul li div span, .categories ul, .LoadMore, .LoadMore span, .project-stream, .info-box h5, .category-list, .action-fullscreen, .fullscreen-btn, .related-project ul, .love-this, .menu {display:inline-block;} .share:hover.share .share-open, .social-icon li a, .NextPrevBtn a, .tweet_time, .related-project span, .menu li a {display:block;} .social-icon li div, .share .share-open, .featured ul li div, .foot-bot .social-icon {display:none;} .widget-contact address, .fullscreen-btn {text-transform:uppercase;} .logo, .featured ul li, .widget-twitter-content, .NextPrevBtn, .NextPrevBtn a, .widget-contact div, .social-icon li, .share .share-open ul li, .project-detail, .info-box, .action-fullscreen .social-icon, .related-project ul li {float:left;} .share, .social-icon, .fullscreen-btn {float:right;} .featured ul li div, .social-icon li a, .fullscreen-btn {behavior:url(PIE.htc);} .social-icon li a, .fullscreen-btn {position:relative} .btn a { border: 7px double transparent; } ul { display: block; } ul li { display: block; font-size: 15px; line-height: 17px; } .scroller-top { position: fixed; display: none; width: 45px; height: 45px; line-height: 50px; text-align: center; background: #D1D1D1; padding: 7px; right: 0; bottom: 0px; z-index: 100; } .scroller-top i { font-size: 25px; color: #000; } .isotope-item {z-index: 2;} .isotope-hidden.isotope-item {pointer-events: none;z-index: 1;} .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .infscr-loading { text-align: center; position: fixed; bottom: 40px; width: 200px; left: 50%; margin-left: -100px; padding: 10px; background: #000; color: #FFF; opacity: 1; z-index: 100; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .post-password-form { padding-bottom: 25px; } .single-portfolio .post-password-form { padding-bottom: 0; } .post-password-form p { font-size: 25px; line-height: 1.1em; text-transform: uppercase; width: 45%; } .post-password-form input[type=submit] { font-size: 17px; } #vmVideo {position: fixed;} #controlBar_ytVideo .buttonBar {display:none;} .mbYTP_wrapper, #bgVideo, #vmVideo { z-index: -1 !important; } .dark-layout .mbYTP_wrapper, .dark-layout #bgVideo, .dark-layout #vmVideo { z-index: 0 !important; } #bgVideo, #vmVideo, #vmPlayer { width: 100%; } #mbYTP_ytVideo { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; } .menu-layout-open.menu-layout-3 .header { position: relative; } .menu-layout-open.menu-layout-3 .menu-launcher { display: none; } .menu-layout-open .intro-slider { top: 0; } .menu-layout-open.angles-layout .section-title { margin-top: 300px; } .menu-layout-open.angles-layout.parallax .section-title { margin-top:0; top: 390px; } .menu-layout-open.angles-layout.parallax .info-box { margin-top: 0; top: 375px; } .menu-layout-open.angles-layout.parallax.content-info-box .info-box, .menu-layout-open.angles-layout.content-info-box .info-box { margin-top: -200px; top: 0; } .menu-layout-open.angles-layout .info-box { margin-top: 250px; top: 0; } .menu-layout-open.angles-layout .related-project { top: 390px; z-index: -1; } .menu-layout-fixed.menu-layout-1 .header { position: fixed; } .menu-layout-fixed.menu-layout-1 #overlay-header { display: none; z-index: 1000; } .menu-layout-fixed.menu-layout-1 #overlay-header.related-overlay { display: none; z-index: 0; } .menu-layout-fixed.menu-layout-1 #overlay-header.over-viewed { display: block; } .menu-layout-fixed.menu-layout-1 .main-navigation { top: 0; } .menu-layout-fixed.menu-layout-1 .navigation ul li { display: block; text-align: center; margin-right: 0; margin-bottom: 32px; } .menu-layout-fixed.menu-layout-1 .navigation ul li a { display: inline; font-size: 60px; font-weight: 100; line-height: 1em; } .menu-layout-fixed.menu-layout-1 .current-page, .menu-layout-fixed.menu-layout-1 .target-page { display: none !important; } .menu-layout-fixed.menu-layout-1.angles-layout.content-info-box .info-box { margin-top: -175px; } .menu-layout-fixed.menu-layout-1.angles-layout.content-info-box.parallax .info-box { margin-top: -175px; top: 0; } .menu-layout-fixed.menu-layout-open.menu-layout-3 .header { position: fixed; } .menu-layout-fixed.angles-layout.menu-layout-3 .bottom-menu-angle { border: none; position: fixed; top: 0; width: 100%; height: 195px !important; height: 17%; background: -moz-linear-gradient(top, #000 0%, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(80%,transparent)); background: -o-linear-gradient(top, #000 0%,transparent 100%); background: -ms-linear-gradient(top, #000 0%,transparent 100%); background: linear-gradient(top, #000 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00ffffff',GradientType=0 ); opacity: 0.13; } .menu-layout-fixed.angles-layout.menu-layout-open .display-slide { top: 325px; } .menu-layout-fixed.angles-layout.menu-layout-3 .navigation { top: 55px; } .menu-layout-fixed.angles-layout.menu-layout-3 .menu-share { top: 61px; } .menu-layout-fixed.angles-layout .section-title, .menu-layout-fixed.angles-layout .info-box { margin-top: 235px; } .menu-layout-fixed.angles-layout.parallax .section-title, .menu-layout-fixed.angles-layout.parallax .info-box { margin-top: 0; top: 235px; } .menu-layout-fixed.menu-layout-3.angles-layout .related-project { top: 250px; z-index: -1; } .menu-layout-fixed.straight-layout.menu-layout-3 .bottom-menu-angle { border: none; position: fixed; top: 0; width: 100%; height: 90px !important; background: -moz-linear-gradient(top, #000 0%, transparent 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(80%,transparent)); background: -o-linear-gradient(top, #000 0%,transparent 100%); background: -ms-linear-gradient(top, #000 0%,transparent 100%); background: linear-gradient(top, #000 0%,transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#00ffffff',GradientType=0 ); opacity: 0.13; } .menu-layout-fixed.straight-layout.menu-layout-3 .navigation { top: 60px; } .menu-layout-fixed.straight-layout.menu-layout-3 .menu-share { top: 65px; } .menu-layout-fixed.straight-layout.menu-layout-open .display-slide { top: 250px; } .menu-layout-fixed.menu-layout-open.straight-layout .section-title, .menu-layout-fixed.menu-layout-open.straight-layout .info-box { margin-top: 175px; } .menu-layout-fixed.menu-layout-open.straight-layout.content-info-box .info-box { margin-top: -175px; } .menu-layout-fixed.menu-layout-open.straight-layout.content-info-box.parallax .info-box { margin-top: -175px; top: 0; } .menu-layout-fixed.menu-layout-open.straight-layout.parallax .section-title, .menu-layout-fixed.menu-layout-open.straight-layout.parallax .info-box { margin-top: 0; top: 175px; } .menu-layout-fixed.menu-layout-open.straight-layout.parallax.content-info-box .related-project { top: 255px; } .menu-layout-fixed.menu-layout-open.straight-layout.parallax .related-project { top: 225px; } .sticky-opacity .header { top: -18px; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -ms-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .sticky-opacity.menu-layout-fixed.angles-layout.menu-layout-3 .bottom-menu-angle { height: 115px !important; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .sticky-opacity.menu-layout-fixed.straight-layout.menu-layout-3 .bottom-menu-angle { height: 35px !important; opacity: 1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header { position: absolute; display: block; width: 100%; min-height: 1%; z-index: 1001; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } .header.nav-opened {min-height: 450px;} .menu-layout-open .header.nav-opened {min-height: 50px;} .inner-header { position: absolute; max-width: 1024px; height: 100%; margin: 0 auto; padding: 0 10px; left: 0; right: 0; z-index: 100; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .main-navigation { position: relative; display: none; top: 41%; padding: 0 13%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .main-navigation h4 { position: relative; font-size: 15px; font-style: italic; font-weight: bolder; text-decoration: none; text-transform: uppercase; letter-spacing: -2px; color: #2b2b2b; margin-bottom: 5px; padding-left: 10px; } .navigation, .menu-share { position: relative; margin-bottom: 50px; border-top: 1px dotted #202020; border-bottom: 1px dotted #202020; padding: 13px 10px; } .navigation a, .menu-share a { font-size: 15px; font-weight: 500; line-height: 21px; letter-spacing: 1px; } .navigation ul li a { border-bottom: 2px solid transparent; } .navigation ul li a:hover { text-decoration: none; border-bottom: 2px solid red; } .navigation ul .current-menu-item a, .navigation ul .current_page_item a, body.single-post .navigation ul .current_page_parent a {border-bottom: 2px solid red;} .navigation .menu-item-language > a:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; content:"\f0ac"; margin-right: 6px; } .navigation .menu-item-language .submenu-languages > li > a:before { content:""; } .menu-share a { border-bottom: 0 solid transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .menu-share #btn-twitter:hover { border-bottom: 2px solid #00acee; } .menu-share #btn-facebook:hover { border-bottom: 2px solid #3b5998; } .menu-share #btn-gplus:hover { border-bottom: 2px solid #dd4b39; } .menu-share #btn-pinterest:hover { border-bottom: 2px solid #c8232c; } .menu-share #btn-linkedin:hover { border-bottom: 2px solid #0e76a8; } .menu-share #btn-evernote:hover { border-bottom: 2px solid #5ba525; } .menu-share #btn-tumblr:hover { border-bottom: 2px solid #34526f; } .menu { display: inline-block; position: relative; text-align: left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } nav ul, .menu-share ul { display: block; } nav ul li, .menu-share ul li { display: inline-block; margin-right: 11px; } nav ul li a, .menu-share ul li a { text-transform: uppercase; color: #f5f5f5; } .current-page, .target-page { position: absolute; width: 100%; height: 100%; text-align: center; top: 0; left: 0; -webkit-transition: opacity 0.4s ease 0.4s; -moz-transition: opacity 0.4s ease 0.4s; -ms-transition: opacity 0.4s ease 0.4s; -o-transition: opacity 0.4s ease 0.4s; transition: opacity 0.4s ease 0.4s; } .current-page { opacity: 1; } .target-page { opacity: 0; } .current-page span, .target-page span { opacity: 0.1; } .current-page.tog-view { opacity: 0; } .target-page.tog-view { opacity: 1; } .current-page span, .target-page span { display: block; font-size: 35px; line-height: 39px; text-transform: uppercase; letter-spacing: -3px; color: #1B1B1B; } .current-page .current-header, .current-page .current-footer, .target-page .target-header, .target-page .target-footer { position: relative; width: 250px; margin: 0 auto; top: -80px; } .current-page .current-footer { top: 80px; } .target-page .target-header { margin-top: 35px; } .target-page .target-footer { position: absolute; width: 100px; top: 231px; left: 50%; margin-left: -50px; } .current-page .current-body, .target-page .target-body { font-size: 180px; font-weight: 900; line-height: 70px; letter-spacing: -3px; margin-top: 3px; } .target-page .target-body { margin-top: 7px; } .menu-layout-1 .main-navigation { top: 250px; opacity: 0; } .menu-layout-1 .navigation, .menu-layout-1 .menu-share { text-align: center; color: #363636; padding: 10px; margin-bottom: 0; border: none; } .menu-layout-1 .menu-share a { font-size: 11px; font-weight: 600; } .menu-layout-1 .navigation ul li a { font-weight: 800; letter-spacing: 0; } .menu-layout-1 .menu > li .sub-menu li a { font-weight: 500; } .menu-layout-1 .main-navigation h4 { display: none; } .menu-layout-1 .current-page .current-header, .menu-layout-1 .current-page .current-footer, .menu-layout-1 .target-page .target-header, .menu-layout-1 .target-page .target-footer { width: 150px; } .menu-layout-1 .current-page .current-header, .menu-layout-1 .current-page .current-footer, .menu-layout-1 .target-page .target-header, .menu-layout-1 .target-page .target-footer { font-size: 13px; line-height: 17px; letter-spacing: 0; opacity: 0; } .menu-layout-1 .current-page .current-header, .menu-layout-1 .target-page .current-header { position:absolute; top: -47px; } .menu-layout-1 .current-page .current-footer, .menu-layout-1 .target-page .current-footer { position: absolute; top: 85px; } .menu-layout-1 .current-page .current-body, .menu-layout-1 .target-page .target-body { font-size: 98px; line-height: 74px; font-weight: normal; } .menu-layout-1 .current-page span, .menu-layout-1 .target-page span { word-wrap: break-word; opacity: 0.1; } .menu-layout-1 .current-page, .menu-layout-1 .target-page { position: absolute; width: 148px; left: 3%; right: 3%; margin: 0 auto; } .menu-layout-1 .target-page .target-header { position: absolute; top: 0; } .menu-layout-1 .target-page .target-footer { margin-left: 0; margin-top: -50px; left: 0; } .menu-layout-3 .main-navigation { top: 0; opacity: 0; } .menu-layout-3 .menu-launcher { z-index: 100; } .menu-layout-3 .navigation, .menu-layout-3 .menu-share { width: 118.5%; text-align: right; color: #363636; padding: 0; margin-bottom: 0; top: 75px; border: none; } .menu-layout-3 .menu-share { top: 80px; } .menu-layout-3 .menu-share #btn-twitter:hover { color: #00acee ; border: none; } .menu-layout-3 .menu-share #btn-facebook:hover { color: #3b5998 ; border: none; } .menu-layout-3 .menu-share #btn-gplus:hover { color: #dd4b39 ; border: none; } .menu-layout-3 .menu-share #btn-pinterest:hover { color: #c8232c ; border: none; } .menu-layout-3 .menu-share #btn-linkedin:hover { color: #0e76a8 ; border: none; } .menu-layout-3 .menu-share #btn-evernote:hover { color: #5ba525 ; border: none; } .menu-layout-3 .menu-share #btn-tumblr:hover { color: #34526f ; border: none; } .menu-layout-3 .navigation a, .menu-layout-3 .menu-share a { font-size: 13px; font-weight: 900; letter-spacing: 0; } .menu-layout-3 .menu-share a { font-size: 11px; color: #444; } .menu-layout-3 .main-navigation h4 { display: none; } .menu-layout-3 .current-page, .menu-layout-3 .target-page { width: auto; } .menu-layout-3 .current-page .current-header, .menu-layout-3 .current-page .current-footer, .menu-layout-3 .target-page .target-header, .menu-layout-3 .target-page .target-footer { margin: 0; text-align: left; } .menu-layout-3 .current-page .current-header, .menu-layout-3 .current-page .current-footer, .menu-layout-3 .target-page .target-header, .menu-layout-3 .target-page .target-footer { font-size: 16px; line-height: 16px; letter-spacing: -2px; font-style: italic; width: 120px; top: 0; left: 0; } .menu-layout-3 .current-page .current-header, .menu-layout-3 .target-page .target-header { top: 15px; } .menu-layout-3 .current-page .current-footer { top: 30px; } .menu-layout-3 .target-page .target-footer { top: 45px; } .menu-layout-3 .current-page .current-body, .menu-layout-3 .target-page .target-body { position: absolute; font-size: 18px; letter-spacing: 0; margin: 0; top: 19px; opacity: 1; } .menu-layout-3 .target-page .target-body { top: 3px; } .menu-layout-open.menu-layout-3 .target-page .target-body { top: 3px; } .menu-layout-3 .current-page, .menu-layout-3 .target-page{ margin-left: 0; left: 0; z-index: 10; } .menu-layout-3 .current-page > *, .menu-layout-3 .target-page > * { color: #FFF; } .menu-layout-3 .current-header, .menu-layout-3 .current-footer, .menu-layout-3 .target-header, .menu-layout-3 .target-footer { opacity: 0.33; } .menu-layout-3 .current-body, .menu-layout-3 .target-body { opacity: 0.7; } .menu-bg-ly-3 { position: absolute; width: 100%; height: 80px; background: #1c1c1c; top: 0; z-index: 100; } .bottom-menu-angle { position: absolute; width: 0; height: 0; border-color: rgba(255, 255, 255, 0) #1c1c1c; border-width: 0 0 333px 0; border-style: solid solid solid dashed; z-index: 100; } .straight-layout.menu-layout-3 .bottom-menu-angle, .minimal-layout.menu-layout-3 .bottom-menu-angle { position: absolute; width: 100%; height: 80px; background: #1c1c1c; padding: 40px 0; border: none; } .menu .sub-menu { position: absolute; width: 180px; margin: 0 0 0 -7px; list-style: none; padding-top: 15px; display: none; z-index: 10000; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .menu > li .sub-menu li{ display: block; width: 100%; margin: 0; padding: 0; background: #000; z-index: 11000; text-transform: uppercase; } .menu > li .sub-menu li:first-child {border-top: 7px solid #333;} .menu > li .sub-menu li:last-child {border-bottom: none;} .menu > li .sub-menu li:hover{background: white;color: black;} .menu > li .sub-menu li a{ padding: 10px 0; color: #FFF; display: block; text-align: left; letter-spacing: 1px; padding-left: 15px; font-size: 10px; } .menu > li .sub-menu li a:hover{text-decoration: none;} .menu > li .sub-menu li:first-child:before { position: absolute; display: block; content: ""; width: 0; border-color: #333 transparent; border-style: solid; border-width: 0 7px 7px 7px; top: 9px; left: 15%; margin-left: -4px; } .menu > li .sub-menu li:first-child:after { position: absolute; content: ""; width: 0; display: block; border-color: #333 transparent; border-style: solid; border-width: 0 6px 6px 6px; top: 9px; left: 15%; margin-left: -3px; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; } .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; border-left-color: rgba(255,255,255,.5); } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white; } .menu-launcher { position: absolute; width: auto; height: 35px; right: 13px; top: 45px; } .menu-launcher span, .menu-launcher span a, .menu-launcher span a i { display: block; } .menu-launcher span a i { display: inline-block; position: absolute; font-size: 15px; text-align: center; line-height: 27px; color: #FFF; margin-left: 10px; right: 0; } .menu-launcher span a { display: block; width: 80px; height: 30px; } .menu-launcher span a small { position: absolute; display: inline-block; font-size: 11px; font-weight: 600; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; color: #FFF; background-color: #000; padding: 0 7px; left: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -m-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4); -moz-box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4); box-shadow: 0px 1px 3px rgba(48, 50, 50, 0.4); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); } .menu-launcher span a small:after{ content: ''; position: absolute; width: 0; height: 0; right: 0; top: 6px; margin-right: -7px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 9px solid #000; } .menu-launcher span a small { top: 3px; } .menu-launcher span a small, .menu-launcher span a i { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); } .menu-launcher .menu-opened { display: none; position: absolute; right: 0; } .menu-launcher span a:hover small { left: 4px; } footer { position: relative; } .footer { margin-top: -100px; } .sub-footer { position: relative; background: #FFF; } .inner-subfooter { max-width: 1024px; margin: 0 auto; } .nav-footer, .copy-right { display: inline-block; width: 49%; } .menu-footer { display: block; height: 70px; line-height: 70px; } .menu-footer ul { line-height: 75px; } .menu-footer li { display: inline-block; margin-right: 10px; } .menu-footer li a { display: block; font-size: 11px; line-height: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #7E7E7E; border-bottom: 2px solid transparent; padding-bottom: 3px; } .menu-footer li a:hover { border-bottom: 2px solid red; } .inner-subfooter h5 { position: absolute; bottom: 173px; font-size: 19px; font-weight: 300; color: #3C3C3C; margin-left: 9px; } .inner-subfooter h5:after{ content: ''; display: block; width: 19px; height: 2px; background: #3C3C3C; margin-top: 7px; } .inner-subfooter .social-icon { position: absolute; bottom: 125px; } .inner-subfooter .social-icon li { position: relative; display: inline-block; } .inner-subfooter .social-icon li a { position: relative; display: inline-block; width: 37px; height: 37px; margin-right: 11px; border: 0px solid #3C3C3C; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); } .inner-subfooter .social-icon li a i { display: block; font-size: 16px; text-align: center; line-height: 37px; color: #3C3C3C; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); } .inner-subfooter .social-icon li a:hover i { color:#FFF; } .inner-subfooter .social-icon li .twitter:hover { background-color: rgb(0,160,209); border-color: transparent; } .inner-subfooter .social-icon li .facebook:hover { background-color: rgb(59,89,152); border-color: transparent; } .inner-subfooter .social-icon li .google-plus:hover { background-color: rgb(211,72,54); border-color: transparent; } .inner-subfooter .social-icon li .pinterest:hover { background-color: rgb(145,1,1); border-color: transparent; } .inner-subfooter .social-icon li .linkedin:hover { background-color: rgb(13,118,168); border-color: transparent; } .inner-subfooter .social-icon li .tumblr:hover { background-color: #34526f; border-color: transparent; } .inner-subfooter .social-icon li .youtube:hover { background-color: #ff0000; border-color: transparent; } .inner-subfooter .social-icon li .foursquare:hover { background-color: #217bba; border-color: transparent; } .inner-subfooter .social-icon li .instagram:hover { background-color: #95624d; border-color: transparent; } .inner-subfooter .social-icon li .dribbble:hover { background-color: #ca3970; border-color: transparent; } .inner-subfooter .social-icon li .vimeo-square:hover { background-color: #1AB7EA; border-color: transparent; } .copy-right { font-size: 11px; text-align: right; text-transform: uppercase; font-weight: 600; color: #7E7E7E; } .footer-angle { width: 0; height: 0; border-color: rgba(255, 255, 255, 0) #f8f8f8; border-style: solid solid solid dashed; border-width: 333px 0 0 0; position: relative; bottom: 0; padding-bottom: 70px; border-left-width: 1920px; opacity: 0.9; } .footer-highlight { font-size: inherit; font-weight: bold; } .hight-red { color: rgb(255, 84, 84); } .latest-work { position:relative; min-height: 200px; } body.home h2.page-title {display: none;} .rotate-text, .wpb_heading { font-size:12px; color:rgb(179,179,179); position:absolute; left:-7%; top:70px; letter-spacing: 0px; writing-mode: lr-tb; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); zoom: 1; } .projects .rotate-text{left:-6%;} .page-template-portfolio .projects .rotate-text {left:-4%;} .featured { position:relative; margin-bottom: 75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .featured ul {float: left;width:100%;} .featured ul li, .projects ul li { position: relative; padding: 1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .project ul li { margin:0 0 10px 0; width:32%; } .project ul li div { position:absolute !important; -moz-box-sizing:border-box !important; } .title-overlay{z-index: 10000;} .featured ul li .title-overlay h3 { font-size: 17px; font-weight: 900; line-height: 19px; } .featured ul .none-space {margin-right:0;} .featured ul li .title-overlay, .wpb_thumbnails h2.post-title a { position:absolute; height:100%; text-align:center; cursor:pointer; background: transparent; left:0; top:0; opacity:1; filter:alpha(opacity=100); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .featured ul li .title-overlay h3{ position: relative; display: block; width: 85%; text-decoration: none; text-transform: uppercase; margin: 0 auto; } .featured ul li .hover-overlay, .wpb_thumbnails h2.post-title a { position:absolute; height:100%; text-align:center; cursor:pointer; background: #7bcdcd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7bcdcd), to(#B9E6A6)); background: -webkit-linear-gradient(#7bcdcd, #B9E6A6); background: -moz-linear-gradient(#7bcdcd, #B9E6A6); background: -ms-linear-gradient(#7bcdcd, #B9E6A6); background: -o-linear-gradient(#7bcdcd, #B9E6A6); background: linear-gradient(#7bcdcd, #B9E6A6); -pie-background: linear-gradient(#7bcdcd, #B9E6A6); padding:32% 0 28%; left:0; top:0; opacity:0.85; filter:alpha(opacity=85); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .flexslider ul li .title-layer{ position:absolute; width: 100%; height: 600px; text-align:center; cursor:pointer; background: #7bcdcd; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7bcdcd), to(#B9E6A6)); background: -webkit-linear-gradient(#7bcdcd, #B9E6A6); background: -moz-linear-gradient(#7bcdcd, #B9E6A6); background: -ms-linear-gradient(#7bcdcd, #B9E6A6); background: -o-linear-gradient(#7bcdcd, #B9E6A6); background: linear-gradient(#7bcdcd, #B9E6A6); -pie-background: linear-gradient(#7bcdcd, #B9E6A6); padding:32% 0 28%; left:0; top:0; opacity:0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; filter:alpha(opacity=85); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .flexslider ul li .title-layer:hover{opacity:0.5;} .featured ul li div span { display: block; font-size: 13px; line-height: 1.5em; color: rgb(80,119,96); margin-top: 5px; opacity: 0.9; } .widget-twitter { position:relative; max-height: 235px; min-height: 235px; padding:20px 2% 20px 0; margin: 100px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .widget-twitter .widget-twitter-content{width:100%;} .widget-twitter-content h2 a {color:rgb(132,207,207);} .tweet_text, .tweet_text a { color:#232323; font-size:1.5em; line-height: 1.3em; } .widget-twitter-content .query { position: absolute; min-height: 125px; width: 70%; margin: 0 auto; margin-top: 70px; left: 3%; right: 3%; -webkit-transform: translateZ(0); } .widget-twitter-content .query a { font-size: 1em; line-height: 1.1em; color: #333; border-bottom: 1px solid; } .widget-twitter-content .query .tweet_time { display: none; } .widget-twitter-content .query .tweet_time a { color: #CDCDCD; font-size: 0.8em; margin-bottom: 5px; padding-left: 3px; border: none; } .widget-twitter-content .query .tweet_time a:hover{ color:#000; } .tweet_list { position: relative; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; border-radius: 0.5em; list-style: none; margin: 0; padding: 0; overflow: visible; } .tweet_list li { text-align: center; overflow-y: auto; overflow-x: hidden; list-style-type: none; } .widget-twitter .icon-twitter { position: absolute; width: 75px; font-size: 35px; text-align: center; color: #000; margin: 0 auto; left: 0%; right: 0%; } .loading { font-size:2em; color:#232323; } .paging { overflow:hidden; } .tweet_time a { color:#CDCDCD; font-size:1.5em; } .tweet_text a { color: #84CFCF; } .controls { float:right; } .tweet_list .tweet_avatar { padding-right: .5em; float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } .widget-twitter-content .controls { position: relative; margin: 170px 0 0 0; width: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .widget-twitter-content .controls { position: relative; width: 62%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 0 auto; top: 0; } .controls a { display:inline-block; width: 15%; height: 22px; font-size: 35px; margin-right:26px; opacity:0.35; border:none !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .controls a:hover{opacity:1;} a.prev { background-position:0 0; text-align: left; margin: 0; } a.prev:hover { background-position:0 -22px; } a.next { background-position:-15px 0; text-align: right; margin: 0 0 0 70px; } a.next:hover { background-position:-15px -22px; } .widget-contact { position: relative; padding: 25px 2% 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .widget-contact address { font-size:1em; font-weight:600; color:rgb(92,92,92); font-style:normal; padding:20px 2% 0; line-height:178%; } .widget-contact address a {color:rgb(116,189,189);} .intro-slider { z-index: 0; } .slider-bg { position: absolute; display: block; width: 100%; height: 100%; background: #ebebeb; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } #bg-slideshow .slides h3, #bg-slideshow .slides .slide-desc { position: absolute; display: none; } .display-slide { position: absolute; display: none; max-width: 500px; margin: 0 auto; left: 5%; right: 5%; top: 275px; } .menu-layout-open .display-slide { top: 355px; } .content .slide-title, .content .slide-desc { position: relative; display: none; text-align: center; z-index: 100; } .content .slide-title, .content .slide-title a { font-size: 25px; font-weight: 900; text-decoration: none; margin-bottom: 11px; } .content .slide-desc { font-size: 17px; font-weight: 500; } .content .display-divider { position: relative; width: 0%; height: 2px; margin: 0 auto; margin-bottom: 11px; background: #000; } #bg-slideshow .slide-meta h2 { display: block; font-size: 21px; line-height: 1.1em; background: #FFF; margin-top: 3px; padding: 3px 7px; } #bg-slideshow .slider-project-type { display: inline-block; font-size: 13px; background: #FFF; color: #000; padding: 3px 7px; } #bg-slideshow .slider-btn{position: relative; display: block;margin: 9px 0;} #bg-slideshow .slider-btn a{ display: inline-block; font-size: 11px; line-height: 11px; text-transform: uppercase; text-decoration: none; color: #1dedc8; background: #000; padding: 5px 9px; } #bg-slideshow .slider-btn a:hover { color: #000;background: #1dedc8; } #bg-slideshow .inner-wrapper{ width: 100%; background: #FFF; padding-top: 41px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #bg-slideshow .intro-slider { position: fixed; overflow: hidden; } #bg-slideshow .slides ul li a { display: block; width: 100%; height: 100%; } #bg-slideshow ul li { background: no-repeat center center; -webkit-backface-visibility: hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .parallax #bg-slideshow ul li { background-position: 50% 0; } .slides li img { display: none; } .slide-state { position :absolute; font-size: 35px; color: #000; left:0; top:0; display: none; z-index: 100; } .explorer .slide-state { position: absolute; display: block; width: 50%; height: 50%; margin: 0 auto; left: 1%; right: 1%; top: 30px; } .explorer .slide-state i { position: absolute; display: block; margin-top: -18px; top: 50%; } .explorer .slide-state i:hover { cursor: pointer; } .explorer .prev-slide-state i { left: 0; } .explorer .next-slide-state i { right: 0; } .modernIE .slide-state { margin-left: 0 !important; } .back-slider-handlers { position: absolute; left: 3%; right: 3%; top: 100px; } .straight-layout .back-slider-handlers { height: 350px; } .back-slider-handlers li { width: 47% !important; height: 45px !important; } .explorer .back-slider-handlers li { width: 0 !important; } .explorer .back-slider-handlers a { width: 100px !important; } .back-slider-handlers a { position: absolute; display: block; text-indent: -9999px; width: 50%; height: 100%; margin: -15px 0 0; background: transparent; top: 15px; z-index: 10; cursor: pointer; opacity: 1; -webkit-transition: all .3s ease; } .back-slider-handlers a { cursor: none; } .explorer .back-slider-handlers a { cursor: default; } .back-slider-handlers .flex-next { right: 25px; } .back-slider-handlers .flex-prev { left: 25px; } .flex-control-nav { margin-top: 33px; } .back-slider-handlers i { display: none; } .wpb_wrapper .vc_separator_align_center, .wpb_wrapper .vc_separator_align_left, .wpb_wrapper .vc_separator_align_right { position: relative; display: block; background-color: #f7f7f7; color: #FFF; background: #000; width: 110px; min-height: 45px; margin: 150px auto 70px auto; border: 15px solid #FFF; z-index: 10; } .wpb_wrapper .vc_separator_align_center:before, .wpb_wrapper .vc_separator_align_left:before, .wpb_wrapper .vc_separator_align_right:before{ content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 25px solid #000; } .wpb_wrapper .vc_separator_align_center:after, .wpb_wrapper .vc_separator_align_left:after, .wpb_wrapper .vc_separator_align_right:after{ content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 25px solid #000; } .wpb_wrapper .vc_separator_align_center > div, .wpb_wrapper .vc_separator_align_left > div, .wpb_wrapper .vc_separator_align_right > div { font-size: 17px; font-weight: 800; line-height: 45px; text-align: center; text-transform: uppercase; background: transparent !important; padding: 0; top: 0; } .wpb_wrapper .vc_separator_align_center h4, .wpb_wrapper .vc_separator_align_left h4, .wpb_wrapper .vc_separator_align_right h4 { display: block; width: 100%; line-height: 45px; color: #FFF; text-align: center; font-size: 15px; } .wpb_wrapper .vc_separator_align_center .vc_sep_holder, .wpb_wrapper .vc_separator_align_left .vc_sep_holder, .wpb_wrapper .vc_separator_align_right .vc_sep_holder { display: none; } body .wpb_wrapper .vc_separator_align_center, body .wpb_wrapper .vc_separator_align_left, body .wpb_wrapper .vc_separator_align_right { border-bottom: none; } .wpb_wrapper .divider-stripe{ content: ''; position: relative; display: block; width: 70%; height: 1px; background: #E4E4E4; margin: 0 auto; top: -90px; z-index: 1; } .wpb_wrapper { position: relative; } .wpb_content_element.wpb_single_image img { margin: 0 auto; } .wpb_twitter_widget { clear: both; } .wpb_teaser_grid .entry-content { padding-top: 15px !important; } .wpb_heading{left:-75px;} .wpb_thumbnails h2.post-title a {display: none;} .wpb_thumbnails .isotope-item:hover h2.post-title a {display: block;} .wpb_thumbnails h2.post-title a { width: 105%; margin-left: -3%; margin-top: -3%; height: inherit; padding: 32% 0 41%; } body ul.wpb_thumbnails-fluid li {margin:15px 0;} .wpb_content_element.wpb_posts_slider {margin-bottom: 10px;} .wpb_button{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .wpb_wrapper .wpb_button { font-size: 21px; font-weight: 700; letter-spacing: 1px; border: 7px double transparent; } .btn a, .button{ display: inline-block; min-width: 75px; font-size: 11px !important; font-weight: 700 !important; line-height: 1em; text-transform: uppercase !important; text-align: center; text-shadow: none; letter-spacing: 1px; color: #222222; border: 2px solid #222222; background: transparent; margin: 0; padding: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .button.medium { min-width: 150px; min-height: 25px; line-height: 25px; } .button.Large { min-width: 175px; min-height: 50px; line-height: 50px; } .wpb_wrapper .wpb_regularsize { display: inline-block; min-width: 75px; font-size: 11px !important; font-weight: 700 !important; line-height: 1em; text-transform: uppercase !important; text-align: center; text-shadow: none; letter-spacing: 1px; color: #222222; border-color: transparent; margin: 0; padding: 11px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .btn a:hover, .button:hover { background: #222; color: #FFF; border-bottom-color: #222 !important; } .wpb_wrapper .wpb_button:hover { border-color: transparent; } .wpb_wrapper .wpb_button i.icon { display: block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; margin-left: 5px; position: absolute; top: 50%; margin-top: -8px; left: 3%; } .wpb_btn-primary:hover, .wpb_btn-warning:hover, .wpb_btn-danger:hover, .wpb_btn-success:hover, .wpb_btn-info:hover, .wpb_btn-inverse:hover { color: #000 !important; } .wpb_wrapper .wpb_btn-primary, .wpb_wrapper .wpb_btn-info, .wpb_wrapper .wpb_btn-success{text-shadow: 0 1px 1px rgba(255, 255, 255, 0);} .wpb_wrapper button.wpb_btn-mini{padding: 7px 11px;} .wpb_wrapper button.wpb_btn-mini, .wpb_wrapper button.wpb_btn-small, .wpb_wrapper button.wpb_btn-large{ -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .widget_tag_cloud h2 { margin-bottom: 15px; } .btn-latest-works{ position: absolute; bottom: -50px; right: 5px; } .wpb_wrapper .wpb_carousel .prev, .wpb_wrapper .wpb_carousel .next { position: relative; display: inline-block; font-size: 15px; background-color: transparent; text-decoration: none; top: 3px; left: 7px; padding: 0 6px; z-index: 10; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .wpb_thumbnails a img{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .wpb_thumbnails a img:hover{opacity:0.7;} .wpb_thumbnails .entry-content p{font-size: 11px;line-height: 1.55em;} .wpb_prev_slide { display: none !important; } .wpb_next_slide { display: none !important; } body .wpb_wrapper .flex-direction-nav a, body .wpb_wrapper .nivo-directionNav a, body .wpb_wrapper .vc-carousel .vc-carousel-control { position: absolute; color: #000; background: #FFF; width: 41px; height: 41px; line-height: 55px; text-align: center; font-size: 13px; opacity:0.8; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } body .wpb_wrapper .vc-carousel .vc-carousel-control span { display: none; } body .wpb_wrapper .vc-carousel .vc-carousel-control:hover { border: none; } body .wpb_wrapper .flex-direction-nav .flex-next{margin-right: 15px;} body .wpb_wrapper .flex-direction-nav .flex-prev{margin-left: 15px;} body .wpb_wrapper .flex-direction-nav a:hover{opacity:1;} body .wpb_wrapper .flex-direction-nav .flex-next i, body .wpb_wrapper .flex-direction-nav .flex-prev i { position: absolute; display: inline-block; width: 65px; height: 60px; font-size: 15px; line-height: 42px; color: #000; text-indent: 0; top: 0; right: -13px; } body .wpb_wrapper .flex-direction-nav .flex-prev i, body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-prevNav i, body .wpb_wrapper .vc-carousel .vc-left { line-height: 78px; right: -12px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-2); } body .wpb_wrapper .vc-carousel .vc-left { left: 10px; line-height: 40px; } body .wpb_wrapper .vc-carousel .vc-right { right: 10px; line-height: 43px; } div[data-ride="vc-carousel"] { position: relative; max-width: 100%; margin: 0 auto; } div[data-ride="vc-carousel"] .vc-carousel-indicators { bottom: -25px; } body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav a i{ position: absolute; display: inline-block; width: 65px; height: 60px; font-size: 15px; line-height: 42px; color: #000; text-indent: 0; top: 0; right: -13px; } body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-prevNav {margin: -5px 0 0 7px;} body .wpb_wrapper .wpb_slider_nivo .nivo-directionNav .nivo-nextNav {margin: -5px 7px 0 0;} .wpb_wrapper .wpb_teaser_grid .categories_filter, .wpb_wrapper .wpb_categories_filter{margin:25px 0 0 15px;} .wpb_wrapper .wpb_separator, .wpb_wrapper .vc_separator_align_center {border-bottom: 1px solid rgb(236, 236, 236);} .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li, .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active {font-size:11px;text-transform: uppercase;} .wpb_wrapper #map-canvas {margin: 35px 0; position: static;} .wpb_wrapper .featured ul li .hover-overlay {z-index: -1;} .wpb_wrapper #container { margin: 0 0 0 -1.12766%; padding: 0; width: 101.57%; overflow: visible !important; -webkit-transform: translateZ(0); } .wpb_flickr_widget p.flickr_stream_wrap a { font-size: 11px; margin-top: 7px; } .wpb_wrapper .flickr_badge_image{margin: 1px;} .wpb_wrapper .flickr_badge_image a img{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .wpb_wrapper .flickr_badge_image a img:hover{opacity:0.7;} h4.wpb_toggle { font-size: 25px; font-weight: 500; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header { background: #E7E7E7; color: #000; padding: 3px; border-bottom: 3px solid rgb(214, 211, 211); } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a { font-size: 13px; color: #000; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active { background: #000 !important; border-width: 3px !important; } .wpb_wrapper .wpb_accordion .wpb_accordion_wrapper .ui-accordion-header-active a { color: #FFF; } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { top: 16px; } .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li, .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #E7E7E7; color: #000; padding: 3px; border-bottom: 3px solid rgb(214, 211, 211); } .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active { background: #000 !important; border-width: 3px !important; } .wpb_wrapper .wpb_content_element div.ui-tabs .ui-tabs-nav li.ui-tabs-active a { color: #FFF; } .wpb_wrapper .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a { font-size: 13px; font-weight: 500; } .wpb_content_element.wpb_single_image.center img { max-width: 100%; margin: 0 auto; } .wpb_wrapper .vc_progress_bar .vc_single_bar { position: relative; height: 35px; font-size: 15px; font-weight: 600; line-height: 27px; color: #E7E7E7; background: #D1D1D1; border-radius: 3px; margin-bottom: 30px; -webkit-border-radius: inherit; -khtml-border-radius: inherit; -moz-border-radius: inherit; border-radius: inherit; -webkit-box-shadow: inherit; -moz-box-shadow: inherit; box-shadow: inherit; } .overlayed-image { position: absolute; left: 1%; right: 1%; z-index: 0; } .move-top-25 {margin-top: -25px;} .move-top-50 {margin-top: -50px;} .move-top-100 {margin-top: -100px;} .move-top-150 {margin-top: -150px;} .move-top-200 {margin-top: -200px;} .move-top-250 {margin-top: -250px;} .move-top-300 {margin-top: -300px;} .move-top-350 {margin-top: -350px;} .move-top-400 {margin-top: -400px;} .move-top-450 {margin-top: -450px;} .move-top-500 {margin-top: -500px;} .move-bottom-25 {margin-top: 25px;} .move-bottom-50 {margin-top: 50px;} .move-bottom-100 {margin-top: 100px;} .move-bottom-150 {margin-top: 150px;} .move-bottom-200 {margin-top: 200px;} .move-bottom-300 {margin-top: 300px;} .move-bottom-350 {margin-top: 350px;} .move-bottom-400 {margin-top: 400px;} .move-bottom-450 {margin-top: 450px;} .move-bottom-500 {margin-top: 500px;} .wpb_row { background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .show-fullscreen img { cursor: pointer; } .device-menu-firer {display: none;} .section-header { position: relative; background-color: #f7f7f7; color: #FFF; background: #000; width: 100px; height: 57px; margin: 0 auto 70px auto; z-index: 1; } .section-header:before{ content: ""; position: absolute; top: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 25px solid #000; } .section-header:after{ content: ""; position: absolute; bottom: -25px; left: 0; width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 25px solid #000; } .section-header > h4 { font-size: 17px; font-weight: 800; line-height: 57px; text-align: center; text-transform: uppercase; color: #FFF; padding: 0; top: 0; } .section-header-description { width: 55%; text-align: center; margin: 0 auto 50px auto; } .cats-stack { position: fixed !important; width: 100% !important; line-height: 35px; background: #F5F5F5; top: 0; left: 0; opacity: 0.97; z-index: 10; } .cats-stack a { color: #707070 !important; } .categories { position: static; padding: 22px 0 50px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .categories ul { position: relative; display: block; text-align: center; width: 80%; margin: 0 auto; padding: 0; } .categories ul li { display: inline; } .categories ul li a { display:inline-block; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: #000; padding:10px; border-bottom: 2px solid transparent; } .categories ul li a:hover { text-decoration: none; } .project { padding-top:28px; } .project .rotate-text { left:-5.3%; top:105px; } #container li figure img{width:100%;} .LoadMore { text-align:center; position:relative; } .LoadMore a { width:18px; height:20px; display:block; margin: 15px auto; opacity: 0.8; } .LoadMore span { display: block; background-color: rgba(0,0,0,0.8); padding: 15px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .LoadMore em { font-size: 11px; font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; color: #E9E9E9; } .LoadMore small { background-position:-28px 0px; } #infscr-loading { left: 50%; bottom: 25px; width: 300px; position: fixed; text-align: center; z-index: 100; margin-left: -150px; padding: 20px; color: #FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .category-bg-color li, .project-stream {position:relative;} .project-detail { width: 100%; padding-left: 0; padding-bottom: 55px; } .project-detail figure {background-color:#e8cc51;} .project-detail ul{margin: 15px 0;} .project-detail ul li{margin: 7px 0;} .project-detail .alignnone, .project-detail .aligncenter, .project-detail .alignright { margin: 50px 0; } .project-detail .btn {width: 170px; margin: 150px auto 0 auto;} .project-detail .btn a{display: block; padding: 13px 11px;} .single-post .section-title { display: none; } .info-box, .section-title { position: absolute; width: 100%; text-align: center; margin-top: 175px; z-index: -1; } .straight-layout .info-box, .straight-layout .section-title { margin-top: 145px; } .straight-layout.parallax .info-box, .straight-layout.parallax .section-title { top: 15%; } .menu-layout-open.straight-layout.parallax .info-box, .menu-layout-open.straight-layout.parallax .section-title { top: 25%; } .parallax .info-box, .parallax .section-title { position: fixed; margin-top: 0; top: 21%; } .inner-info-box, .inner-section-title { position: relative; max-width: 1024px; margin: 0 auto; } .info-box h3, .section-title h2 { width: 75%; font-size: 43px; line-height: 51px; text-decoration: none; text-transform: uppercase; color: #FFF; margin: 0 auto; padding: 0 0 5px 0; font-weight: 900; } .info-box h3:after, .section-title h2:after{ content: ''; display: block; position: relative; width: 45px; height: 5px; background: #FFF; left: 50%; margin: 21px 0 0 -22.5px; } .info-box p, .section-title p { font-size: 17px; line-height: 22px; font-weight: 400; text-transform: uppercase; color: rgb(255, 255, 255); padding: 7px 0 0 0; } .info-box p { font-size: 15px; font-weight: 600; line-height: 21px; } .content-info-box p { font-size: 15px; line-height: 23px; font-weight: 400; } .info-box-description, .page-description { width: 55%; margin: 0 auto; } .page-description { width: 45%; } .info-box ul li { display: inline-block; } .info-box strong{color: #000; font-weight: bolder;} .info-box-meta { margin-top: 0; opacity: 0.5; font-weight: 600; } .category-list { display: inline; font-size: 11px; font-weight: 300; text-transform: uppercase; color: #FFF; padding: 4px 0 10px 0; letter-spacing: 1px; } .category-list li { padding-left:2px; } .category-list a{ border:none; } .category-list a:hover{ border-bottom:1px solid inherit; } .content-info-box .info-box { position: relative; width: 100%; text-align: left; margin: 0 auto; margin-top: -190px; margin-bottom: 93px; } .minimal-layout.content-info-box .info-box { margin-top: 0; } .straight-layout .content-info-box .info-box { margin-top: -170px; } .content-info-box .inner-info-box { position: relative; max-width: 450px; margin: 0 auto; background: #272d33; padding: 40px; } .content-info-box .outer-border { position: absolute; top: -7px; right: -7px; bottom: -7px; left: -7px; border: 6px solid #272d33; } .content-info-box .info-box h3 { width: 100%; font-size:42px; font-weight: 900; line-height:47px; text-decoration:none; text-transform: uppercase; text-align: center; color: #FFF; margin: 0; padding:0 0 5px 0; } .content-info-box .info-box h3:after{ content: ''; display: block; position: relative; width: 45px; height: 5px; background: #FFF; left: 0; margin: 0 auto; margin-top: 5px; } .content-info-box .info-box-description { width: 100%; text-transform: uppercase; text-align: center; } .content-info-box .info-box-description p { font-size: 15px !important; line-height: 23px; font-weight: 700 !important; padding: 7px 0 0 0; margin-bottom: 3px; } .content-info-box .info-box-meta { position: relative; width: 60%; text-align: center; margin: 0 auto; } .content-info-box .info-box-meta .category-list, .content-info-box .info-box-meta .category-list a { font-size: 11px; font-weight: 700; letter-spacing: 1px; } .actions { position: relative; width: 65%; margin: 0 auto; } .actions-related { z-index: 8; } .action-fullscreen { z-index: 9; } .action-scroll { z-index: 10; } .actions-related, .action-fullscreen, .action-scroll { position: relative; width: 30px; height: 30px; border: 3px solid #FFF; margin: 55px auto; top: 0; -webkit-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000); -moz-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000); -o-transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000); transition: all 0.333s cubic-bezier(0.230, 1.000, 0.320, 1.000); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); } .actions-related:hover, .action-fullscreen:hover, .action-scroll:hover{ background: #FFF; border-color: transparent; } .single-portfolio .actions div:hover a i { color:#000; } .actions div a { display: block; width: 100%; height: 100%; } .actions div a:hover {border:none !important;} .actions-related a i, .action-fullscreen a i, .action-scroll a i { display: block; font-size: 12px; color: #FFF; text-align: center; line-height: 30px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); } .actions-related:hover a i, .action-fullscreen:hover a i, .action-scroll:hover a i { color:#000; opacity: 0.25; } .actions-related, .action-fullscreen { position: absolute; top: 0; right: 0; left: 0; z-index: 10; } .action-scroll { z-index: 100; } .actions-related, .action-fullscreen {opacity: 0;} .actions.active .action-scroll { top: 11px; } .actions.active .action-fullscreen { left: -72px; top: -24px; opacity: 1; } .actions.active .actions-related { left: 36px; top: -24px; opacity: 1; } .single-portfolio.content-info-box .actions { position: absolute; width: 36px; top: -78px; right: 3%; left: 3%; } body.single-portfolio.content-info-box .actions a i { color: #000; opacity: 0.7 } body.single-portfolio.content-info-box .actions a:hover i { opacity: 1 } .related-project { position: absolute; display: none; width: 1024px; max-width: 1024px; top: 215px; left: 50%; z-index: 1; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .minimal-layout .related-project { top: 150px; } .minimal-layout.menu-layout-1 .related-project { top: 480px; } .minimal-layout.menu-layout-2 .related-project { top: 450px; } .related-project ul { position: relative; display: block; width: 100%; left: -50%; padding: 10px 65px; float: left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .related-project ul li { padding-left: 1%; width: 32.333%; margin-bottom: 0; } .related-project ul li a { display: block; } .related-project img{ width: 100%; max-width:100%; height: auto; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .related-project img:hover{opacity: 0.7;} .related-project span { position: absolute; display: block; font-size: 21px; font-weight: 300; text-transform: uppercase; color: #6B6B6B; width: 175px; top: -55px; left: -440px; opacity: 0.5; } .related-project .btn-close-related, .related-project .close-related { font-size: 19px; color: #6B6B6B; width: auto; left: 432px; top: -55px; opacity: 0.5; } .related-project .close-related:hover { font-size: 21px; left: 481px; opacity: 0.7; } .share-social-icon { position: absolute; display: none; background: #000; margin: 5px 0 0 -20.5%; } .info-box .share-social-icon ul { margin: 0; padding: 0; } .info-box .share-social-icon li { position: relative; display: inline-block; margin: 0; } .info-box .share-social-icon li a { display: block; width: 25px; height: 25px; background: #000; text-align: center; padding: 25px; color: #8A8A8A; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .info-box .share-social-icon li a:hover {border: none;} .share-social-icon li a:hover { color: #FFF; } .share-social-icon li .twitter:hover{background-color:rgb(0,160,209);} .share-social-icon li .facebook:hover{background-color:rgb(59,89,152);} .share-social-icon li .gplus:hover{background-color:rgb(211,72,54);} .share-social-icon li .pinterest:hover{background-color:rgb(145,1,1);} .fixed-info-box .category-bg-color li, .project-stream { position:relative;} .fixed-info-box .project-detail { width: 68%; padding-left: 0; padding-bottom: 55px; } .fixed-info-box .project-detail figure {background-color:#e8cc51;} .fixed-info-box .project-detail img{width:100%;height: auto;} .fixed-info-box .project-detail ul{margin: 15px 0;} .fixed-info-box .project-detail ul li{margin: 7px 0;} .fixed-info-box .project-detail .alignnone, .fixed-info-box .project-detail .aligncenter, .fixed-info-box .project-detail .alignright { margin-bottom:10px; border-bottom:1px #98c0c5 solid; padding-bottom:10px; } .fixed-info-box .project-detail .btn {width: 153px; margin: 0 auto;} .fixed-info-box .project-detail .btn a{width:107px;padding: 13px 21px;} .fixed-info-box .info-box { position: absolute; width: 30%; z-index: 100; padding: 25px 0 0 30px; top:80px; } .fixed-info-box .info-box h3 { font-size:2.1em; color:#98c0c5; line-height:132%; text-decoration:none; text-transform:none; padding:0 0 5px 0; } .fixed-info-box .info-box p { font-size: 12px !important; line-height: 19px; color: rgb(105,105,105); padding: 0 0 18px 2px; } .fixed-info-box .info-box h5 { font-size: 13px; color: #000; border-bottom: 1px #98c0c5 solid; margin: 2px; } .fixed-info-box .info-box h5:last-child{font-size: 10px;} .fixed-info-box .info-box ul{ font-size: 12px; margin: 0 0 7px 0; padding-top: 0; } .fixed-info-box .info-box ul li{ display: block; margin-bottom: 5px; } .fixed-info-box .info-box strong{color: #000; font-weight: bolder;} .fixed-info-box .info-box .action-fullscreen .fullscreen-btn {border-bottom: 2px solid rgb(211,238,238);} .fixed-info-box .category-list { font-size: 11px; padding:4px 0 10px 0; margin-left: 3px !important; } .fixed-info-box .category-list li {padding-left:2px;} .fixed-info-box .category-list a{border:none;} .fixed-info-box .category-list a:hover{border-bottom:1px solid inherit;} .fixed-info-box .action-fullscreen {padding-top:10px;} .fixed-info-box .action-fullscreen ul.social-icon {padding:9px 0 0 2px;} .fixed-info-box .action-fullscreen .fullscreen-btn { font-size: 13px; text-align: center; color: rgb(255,255,255); width: 30px; margin-right: 0; padding: 7px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; } .fixed-info-box .action-fullscreen .fullscreen-btn:hover{ background-color: rgb(0,0,0); color: rgb(255,255,255); } .fixed-info-box .related-project { font-size:1.3em; color:rgb(182,182,182); padding-top:25px; } .fixed-info-box .related-project span { font-size: 13px; padding-bottom:4px; padding-left:2px; } .fixed-info-box .related-project ul { padding:5px 3.3%; border-top:1px #98c0c5 solid; border-bottom:1px #98c0c5 solid; width: 93.4%; } .fixed-info-box .related-project ul li { padding-left: 3.3333%; width: 29%; margin-bottom:0; } .fixed-info-box .related-project img{ width: 100px; max-width:100px; height: 45px !important; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .fixed-info-box .related-project img:hover{opacity: 0.7;} .arrow-nav { position: fixed; display: none; width: 55px; height: 100%; padding: 0; top: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .arrow-nav:hover { display: block; width: 200px; padding: 0 100px 0 25px; background-color: rgb(0, 0, 0); } .next-project { right: 0 } .prev-project { left: 0; } .arrow-nav a { position: absolute; display: table; height: 500px; width: 25px; color: #FFF; top: 50%; margin-top: -250px; } .arrow-nav a i, .arrow-nav a span { display: table-cell; vertical-align: middle; font-size: 21px; line-height: 23px; font-weight: 200; text-transform: uppercase; width: 200px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .arrow-nav a i { width: 10px; font-size: 17px; color: #000; } .arrow-nav a span { display: none; } .arrow-nav:hover a { min-width: 200px; border-bottom: none; } .arrow-nav:hover a i { position: relative; color: #FFF; } .arrow-nav:hover a span { position: relative; display: table-cell; } .prev-project a { text-align: left; left: 45px; } .prev-project a i { left: 0; } .prev-project a span { text-align: right; } .prev-project:hover a { left: 50px; } .prev-project:hover a i { left: -20px; } .prev-project:hover a span { left: 0; } .next-project a { text-align: left; right: 50px; } .next-project a span{ text-align: left; } .next-project:hover a i { right: -11px; } .pag-direction { position: absolute; display: block; font-size: 11px; font-weight: 700; font-style: italic; color: #292929; padding-top: 1px; } .pag-direction-prev { right: 0; margin-right: 5px; } .pag-direction-next { left:0; margin-left: 5px; } .content-wrapper blockquote { margin: 25px 0; } .content-wrapper blockquote p { font-size: 15px; font-weight: 500; font-style: italic; line-height: 21px; text-transform: uppercase; letter-spacing: -1px; width: 280px; margin-left: 35px; } .content-wrapper blockquote:before { content: '"'; display: block; width: 35px; height: 35px; font-size: 45px; color: #929292; text-align: center; line-height: 63px; background: #000; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .content-wrapper iframe { max-width: 100%; } #fullscreen-images{ position: fixed; display: none; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; } .claim { font-size: 47px; line-height: 55px; font-weight: 300; color: #000; margin-bottom: 30px; } .claim:after{ content: ''; position: relative; display: block; width: 75px; height: 2px; background: #3C3C3C; margin-top: 15px; } .midtle { font-size: 37px; font-weight: 300; line-height: 43px; color: #000; margin-bottom: 25px; } .claim.align-left, .midtle.align-left { text-align: left; } .claim.align-center, .midtle.align-center { text-align: center; } .claim.align-right, .midtle.align-right { text-align: right; } .claim.align-center:after { margin: 15px auto 0 auto; } .claim.align-right:after { margin: 15px 0 0 100%; right: 75px; } .sub-claim {margin: -25px 0 35px 0;} h3.page-subtitle{ display: inline-block; font-size: 2.5em; color: rgb(167,167,167); text-transform: none; text-decoration: none; margin: 30px 0 15px 0; } h4.widget-heading{ font-size: 2.3em; color: rgb(0,0,0); text-decoration: none; letter-spacing: -1px; margin-bottom: 11px; } .block-content{ position: relative; padding: 1px 3px; z-index: 100; } .default-page .block-content ul li { font-size: 1.3em; line-height: 1.7em; color: rgb(109,109,109); } #content-side { position: relative; width: 60%; float:left; } body.posts-stream.hide-side #content-side, body.single-post.hide-side #content-side { width: 100%; } body.posts-stream.left-side #content-side, body.single-post.left-side #content-side, body.page-template-template-sidebar-left-php #content-side { margin-right: 0; float: right; } #sidebar{ position: relative; width: 29%; margin-top: 25px; float: right; } .right-side #sidebar{margin-top: 35px;} body.posts-stream.left-side #sidebar, body.single-post.left-side #sidebar, body.page-template-template-sidebar-left-php #sidebar { float: left; } body.posts-stream.hide-side #sidebar, body.single-post.hide-side #sidebar { display: none; } .post-content ul li a { color: rgb(207,207,207); } .cover-post{ position: relative; padding: 25px 0 0 0; margin-bottom: 105px; overflow: hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .cover-post .the-date{ display: inline-block; font-size: 13px; text-transform: uppercase; margin-bottom: 7px; color: rgb(207,207,207); } .post-body { margin-top: 10px; } .post-content{ position: relative; } .post-content > ul { display: inline-block; } .post-content > ul li { font-size: 13px; color: rgb(207,207,207); text-transform: uppercase; } .post-content .btn a { border: none; padding: 0; text-align: left; } .post-content .btn a:hover { background: transparent; } .post-excerpt {width: 100%;} .post-excerpt p{margin-bottom: 10px;} .post-image{ position: relative; width: 100%; left: 0; overflow: hidden; z-index: -1; margin-bottom: 15px; } body.blog.blog-layout-2 .post-image { max-height: 150px; } .blog.blog-layout-3 .post-image { position: absolute; width: 30%; top: 0; left: auto; right: 0; z-index: -1; } body.blog-layout-3 .post-content { position: relative; width: 63%; margin-right: 0%; padding-right: 37%; } body.blog-layout-3 .single-post .post-content { position: relative; width: 100%; margin-right: 0; padding-right: 0; } body.blog-layout-3.single-post .post-content {width: 100%;} body.blog-layout-3.single-post .post-image { position: relative; width: 100%; } .post-image figure{ display: block; right: 0; } .post-image img{ width: 100%; height: auto; } .post-content img { padding-bottom: 15px; max-width:100%; height:auto; } .post-content h2 {margin-bottom: 15px;font-size: 2.3em;} .post-content h2 a{ font-size: 25px; font-weight: 400; line-height: 31px; text-transform: uppercase; letter-spacing: 0px; color: #000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .post-content h2 a:hover {border-bottom:2px solid #d3eeee;} .post-content p, .post-excerpt, .post-excerpt p{ line-height: 1.8em; font-weight: 500; color: rgb(73, 73, 73); font-size: 15px; } .post-category{margin: 25px 0 0 0;text-align: right;} .post-category ul{ position: relative; display: block; width: 150px; float: right; clear: both; } .post-category h5{ font-size: 1em; display: inline-block; border-bottom: 2px solid #d3eeee; margin-bottom: 10px; float: right; } .post-category a { font-size: 0.8em; color: rgb(69,69,69); } .post-category a:hover{border-bottom: 1px solid #d3eeee;} .post-category a:visited{color: rgb(69,69,69);} .pagination{ position: relative; width:100%; margin-bottom: 35px; top: 25px; left: 9px; clear: both; } .pagination div {float: left;} .pagination .next-post {margin-left: 0;} .pagination .prev-post {float: right;margin-right: 15px;} .pagination div a{ display: block; padding: 15px; line-height: 0.9em; } .pagination .next-post{margin-right: 5%;} .pagination .prev-post{position:relative;min-width:145px;text-align: right;} .pagination .prev-post a{position:absolute;right: 0;} .pagination .wp-pagenavi {width: 100%;} .pagination .wp-pagenavi a, .pagination .wp-pagenavi span, .pagination .wp-pagenavi span.current { text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0); background: transparent; border-radius: 50px; margin: 25px 0 0 0; padding: 10px 10px 9px 10px; width: 35px; text-align: center; } .pagination .wp-pagenavi .nextpostslink{position: absolute;right: 0;margin-top: 28px;} .pagination .wp-pagenavi .previouspostslink{margin-right: 15px;} .pagination .wp-pagenavi .page, .pagination .wp-pagenavi span.current {margin-left: 5px;display: inline-block;} .pagination .wp-pagenavi span.current{opacity: 0.4;} .pagination .wp-pagenavi .pages {display: none;} .pagination .wp-pagenavi .nextpostslink, .pagination .wp-pagenavi .previouspostslink{float: left;} .pagination .wp-pagenavi a{display: inline-block;} .single-pagination { position: relative; width: 100%; height: auto; margin: 40px 0 100px 0; border-top: 1px dotted #dbdbdb; border-bottom: 1px dotted #dbdbdb; padding: 55px 7px; } .single-pagination span { float: left; display: block; width: 43%; padding: 0 17px; } .single-pagination span small { display: block; font-size: 13px; color: #dbdbdb; text-transform: none; font-weight: normal; padding: 0 0 11px 0; } .single-pagination a { font-size: 1.15em; border: none; display: inline; border-bottom: 2px solid transparent; } .single-pagination span#next-post { float: right; text-align: right; } .single-pagination span a{ font-size: 15px; font-weight: 400; text-transform: uppercase; padding-bottom: 3px; } .single-pagination span a:hover { color: #000; } .single-pagination span#prev-post {padding-left: 0;} .infinite-scrl .pagination .next-post, .infinite-scrl .pagination .prev-post, .infinite-scrl .pagination .wp-pagenavi{display:none;} body.single.infinite-scrl .pagination .next-post, body.single.infinite-scrl .pagination .prev-post, body.blog.infinite-scrl .pagination .next-post, body.blog.infinite-scrl .pagination .prev-post, body.single.infinite-scrl .pagination .wp-pagenavi, body.blog.infinite-scrl .pagination .wp-pagenavi { display:block; } .post-body .btn a { color: #222; background: transparent; margin-top: 25px; padding-bottom: 3px; border-bottom: 1px dotted #222; } .post-body .btn a:hover { border-color: transparent; } .widget{ position: relative; margin-bottom: 35px; } .widget h3{ display: inline-block; font-size: 11px !important; color: rgb(26,26,26); text-decoration: none; border-bottom: 3px solid #d3eeee; margin-bottom: 10px; text-transform: uppercase; letter-spacing: 0; } .widget ul{position:relative;display: block;} .widget ul li{ display: block; line-height: 30px; } .widget ul li a{ display: inline; font-size: 1em; line-height: 1.7em; font-weight: 400; color: #999; } .widget:not(.query) ul li a, .widget:not(.query) ul li p, .widget:not(.query) ul li, .widget:not(.query) { font-size: 11px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; color: #313131; } .widget ul li a:hover{color: rgb(0,0,0);} #searchform input{ font-size: 1.5em; line-height: 15px; height: 25px; background-color: rgb(241,241,241); border: none; } #sidebar #searchsubmit {display: none;} #sidebar input[type=search]{ width: 75%; height: 45px; font-size: 13px; line-height: 1em; } #searchform ::-webkit-input-placeholder { line-height: 25px; color: rgb(186,186,186); opacity: 0.5; } .tagcloud a, .widget_archive select { display: inline-block; font-size: 9px !important; line-height: 0; text-align: center; text-transform: uppercase; color: #000; border: 1px solid rgb(211,238,238); margin: 0 0 5px 0; padding: 9px; -webkit-border-radius: 50px; -khtml-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; } .widget_archive select { line-height: 9px; } .tagcloud a:hover { border: 1px solid transparent; } .textwidget p { font-size: 13px; line-height: 1.7em; text-transform: none; margin-bottom: 5px; } .sb_tabbed .sb_tabs .t3 { display: none; } .widget_sb_tabbed_widget ul.sb_tabs li {width: 50.005%; height: 75px; max-height: 75px; } .widget_sb_tabbed_widget ul.sb_tabs li a { text-transform: uppercase; font-weight: 600; line-height: 25px; background: #000; color: #FFF; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget_sb_tabbed_widget ul.sb_tabs li a.tab-current { border: none; } .widget_sb_tabbed_widget .tab-content { padding: 0 5px 0 0; } .widget_sb_tabbed_widget .tab-content ul li { position: relative; min-height: 75px; } .widget.widget_sb_tabbed_widget div { margin-bottom: 0; } .tb-wdgt-wrap { position: absolute; width: 35%; height: 95px; top: 0; left: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; z-index: 0; display: block !important; } .widget_sb_tabbed_widget .tab-content ul li a { position: absolute; font-size: 13px; font-weight: 500; line-height: 21px; letter-spacing: 0; color: #000; right: 0; width: 60%; } .widget .sb_tabbed { margin-bottom: -20px; } .widget_sb_tabbed_widget .tab-content ul li a:hover { border: none; color:#333; } .sb-date-meta, .sb-comment-meta, .sb-cat-meta { position: absolute; text-transform: capitalize; font-weight: 500; letter-spacing: 0; width: 60%; right: 0; bottom: 5px; } #sidebar > ul .widget_calendar #wp-calendar { width:100%; } #sidebar > ul .widget_calendar #wp-calendar caption { font-size:12px; font-weight:500; text-align:center; color:#333; margin:10px 0 15px 0; } #sidebar > ul .widget_calendar #wp-calendar thead { font-size:10px; } #sidebar > ul .widget_calendar #wp-calendar thead th { padding-bottom:10px; text-align:center; } #sidebar > ul .widget_calendar #wp-calendar tbody { color:#aaa; } #sidebar > ul .widget_calendar #wp-calendar tbody td { background:#f5f5f5; border:1px solid #fff; text-align:center; padding:8px; } #sidebar > ul .widget_calendar #wp-calendar tbody td:hover { background:#FFF; } #sidebar > ul .widget_calendar #wp-calendar tbody .pad { background:none; } #sidebar > ul .widget_calendar #wp-calendar tfoot #next { font-size:10px; text-transform:uppercase; text-align:right; } #sidebar > ul .widget_calendar #wp-calendar tfoot #prev { font-size:10px; text-transform:uppercase; padding-top:10px; } #sidebar > ul .vkw_tweet_widget .twitter { font-size:1.15em; line-height:1.7em; } #sidebar > ul .vkw_tweet_widget .twitter li { color:#474747; padding:10px 0; } #sidebar > ul .vkw_tweet_widget .twitter li span { display:block; } #sidebar > ul .vkw_tweet_widget .twitter li span a { font-weight:800; color:#000; letter-spacing:0px; color:#474747; } #sidebar > ul .vkw_tweet_widget .twitter li span a:hover { color:#000; } #sidebar > ul .vkw_tweet_widget .twitter li > a { font-size:0.9em; margin-top:7px; border:none; } #sidebar > ul .twitter-link { position:relative; display:inline-block; width:auto; font-weight:500; margin:0 auto; padding:7px 11px !important; background:#f5f5f5; border-bottom:none !important; color:#000; -webkit-border-radius:5px; -khtml-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } #sidebar > ul .twitter-link:hover { background:#000; } #sidebar > ul .vkw_flickr_widget .flickr_badge_image { width:25%; float:left; margin: 0; } #sidebar > ul .vkw_flickr_widget .flickr_badge_image a { display:block; } #sidebar > ul .vkw_flickr_widget .flickr_badge_image a:hover { opacity: 0.7; } #sidebar > ul .vkw_flickr_widget .flickr_badge_image a img { width:100%; height:auto; } .back-single-feat-image { position: fixed; display: block; width: 103%; height: 100%; top: -5px; left: -5px; opacity: 0.55; } .iosdevice .back-single-feat-image { z-index: -1 !important; } .blurred { height: 100%; background-size: cover; background-repeat: no-repeat; } .back-single-feat-image img { width: 100%; max-width: 100%; } .single-post svg { position: fixed; opacity: 0.5; } .single-post.image-bg, .single-post.pattern-bg { background: #F3F3F3; } .single-post .post-content{ position: relative; width: 100%; margin-right: 2%; } .single-post .post-excerpt p, .project-detail p{margin-bottom: 10px;} .single-post .post-content h2{ font-size: 25px; font-weight: 500; line-height: 31px; text-transform: uppercase; letter-spacing: 0; } .single-post .post-image{ position: relative; max-width: 1024px; height: auto; max-height: 565px; min-height: 85px; margin: 0 auto; margin-top: 115px; padding: 0 10px; top: 75px; z-index: 10; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; } .minimal-layout.single-post .post-image { margin-top: 0; padding: 0; top: 0; } .minimal-layout .cover-post .the-date { margin-bottom: 0; } .single-post .post-image figure{ display: block; position: relative; margin: 0 0 25px 0; } .single-post .post-image img{ width: 100%; height: auto; } .post-tags, .post-metas, .post-share{ font-size: 1.15em; color: #999; margin: 25px 0 15px 0; text-align: left; clear: both; } .post-tags h5, .post-metas h5, .post-share h5{ display: inline-block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #000; margin: 25px 0 10px 0; } .post-tags ul, .post-metas h5{border:none;} .post-metas ul{margin-left: 2px;} .post-tags ul li, .post-metas ul li{ display: inline; padding-right: 3px; } .post-metas ul li { padding-right: 0; } .post-tags ul li a, .post-metas ul li a { font-size: 0.8em; color: rgb(69,69,69); } .post-tags ul li a { font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; background: #333; color: #FFF; padding: 5px 11px; opacity: 0.25; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; border-radius: 11px; } .post-tags ul li a:hover { opacity: 1; } .post-metas h5{ margin-bottom: 0; } .post-metas ul li { font-size: 13px; } .post-tags ul li a:hover{ border-bottom: 1px solid #d3eeee; } .post-share{ position: relative; top: -77px; float: right; } body.single-portfolio .post-share { top: -59px; min-width: 60px; } .post-share .social-icon{ position: relative; top: 11px; right: 7px; margin: 0; } .post-share h5{ position: absolute; font-size: 12px; text-align: left; top: -35px; } .post-share .social-icon li { margin: 0; } .post-share .social-icon li a { width: 35px; margin-right: 7px; border: transparent; } .post-share .social-icon li a i { display: block; font-size: 15px; text-align: center; line-height: 27px; color: #B4B4B4; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .post-share .social-icon li .twitter i:hover { color: rgb(0,160,209); } .post-share .social-icon li .facebook i:hover { color: rgb(59,89,152); } .post-share .social-icon li .gplus i:hover { color: rgb(211,72,54); } .post-share .social-icon li .pinterest i:hover { color: rgb(145,1,1); } .back-news-btn { display: inline-block; margin-top: 50px; } .alignleft, img.alignleft { display:inline; float:left; margin:1.5em 1.5em 1.5em 0 !important; } .alignright, img.alignright { display:inline; float:right; margin:1.5em 0 1.5em 1.5em !important; } .project-detail .aligncenter, .project-detail img.aligncenter { clear: both; display: block; margin: 0 auto; } .aligncenter { margin: 0 auto; } img.alignnone { margin:10px 0; } .project-detail .wp-caption {width: 100% !important;position: relative;} .wp-caption { text-align:center; margin-bottom:1.5em; max-width:100%; } .wp-caption img { border:0 none; margin:0; padding:0; } .wp-caption p.wp-caption-text { position: absolute; max-width: 35%; font-size: 9px; text-transform: uppercase; text-align: left; line-height: 17px; display: block; background: #000; color: #f6f7f2; margin: 0; padding: 15px; bottom: 23px; left: 15px; } .wp-smiley { max-height:1em; margin:0 !important; } .gallery dl { margin:0; } .gallery-caption { margin:-1.5em 0 0 0; } .sticky { } .widget div {margin-bottom:35px;} .widget div h2 {font-size: 2.3em;} .module {margin-top: 50px;} #map-canvas { position: absolute; width: 100%; height: 500px; bottom: 0; z-index: -1; } .minimal-layout #map-canvas { position: relative; width: 100%; height: 500px; bottom: 0; z-index: 0; margin-bottom: 75px; } .map-zoom { position: absolute; z-index: 10; bottom: 200px; right: 3%; } .straight-layout .map-zoom { bottom: 225px; } .map-zoom a{ display: inline-block; width: 30px; height: 30px; text-align: center; background: #000; line-height: 32px; margin-bottom: 7px; -webkit-border-radius: 3px; -khtml-border-radius: 10px; -moz-border-radius: 10px; border-radius: 7px; } .map-zoom a i { color: #FFF; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .map-zoom a:hover { background: #FFF; } .map-zoom a:hover i{ color: #1eedc8; } .contact-form .block { margin-right: 15px; } body .wpcf7 input, body .wpcf7 textarea { display:block; height:40px; font-size:13px; line-height: 35px; color:#333; background: transparent; border: 1px solid #333; padding: 0 0 0 6px; margin: 0px; outline:none; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body .wpcf7 input:hover, body .wpcf7 textarea:hover { border: 5px solid #000; } body .wpcf7 input {width: 50%;} body .wpcf7 textarea { width: 100%; min-height:130px; margin: 15px 0; overflow:auto; } body .wpcf7 p { margin: 15px 0 10px 0; color: #333; font-weight: bold; text-transform: uppercase; font-size: 13px; font-weight: 800; margin-bottom: 20px; } body .wpcf7 input[type=checkbox] { height: initial; width: initial; min-height: initial; display: block; float: left; margin: 0 10px; } .wpcf7-list-item-label { float: left; font-size: 15px; line-height: 1em; } body .wpcf7 p:hover {color:#000;} body .wpcf7 .send-btn { border: none; font-weight: bold; color: #000; width: 15%; text-align: center; float: right; } body .wpcf7 .send-btn:hover { border: none !important; background: #1eedc8; color: #FFF; } body .wpcf7 .wpcf7-submit { width: 100px; text-transform: uppercase; font-weight: 600; } body .wpcf7 .wpcf7-submit:hover { border: 2px solid rgba(0, 0, 0,0.9); cursor: pointer; } body .wpcf7-not-valid-tip { color: red; } body .wpcf7-validation-errors { text-transform: uppercase; color: red; } .page-template-template-contact-php .c-form-centered .wpcf7-form { margin: 25px 0; } .page-template-template-contact-php .c-form-centered .wpcf7 input:not([type="checkbox"]), .page-template-template-contact-php .c-form-centered .wpcf7 textarea { width: 100%; min-height: 45px; } .page-template-template-contact-php .c-form-centered .wpcf7 textarea { min-height: 176px; } .page-template-template-contact-php .c-form-centered .wpcf7 .wpcf7-submit { position: relative; max-width: 115px; margin: 0 auto; } .page-template-template-contact-php .c-form-centered .wpcf7 input::-webkit-input-placeholder, .page-template-template-contact-php .c-form-centered .wpcf7 textarea::-webkit-input-placeholder { font-size: 12px; color: #AAA !important; font-weight: bolder; text-transform: uppercase; } .page-template-template-contact-php .c-form-centered .wpcf7 .wpcf7-validation-errors { text-align: center; } input:not([type="submit"]), textarea { outline: none; display: block; font-size: 1em; background: transparent; color: #3F3F3F; width: 90%; padding: 11px 19px; border: none; border-bottom: 1px dotted rgb(202,202,202); margin-bottom: 15px; -webkit-transition: background 0.2s linear, box-shadow 0.6s linear; -moz-transition: background 0.2s linear, box-shadow 0.6s linear; -o-transition: background 0.2s linear, box-shadow 0.6s linear; transition: background 0.2s linear, box-shadow 0.6s linear; } input:not([type="submit"]) { width: 50%;height: 20px; } ::-webkit-input-placeholder {color: rgb(186,186,186);opacity: 0.5;} input:-moz-placeholder, textarea:-moz-placeholder {color: rgb(186,186,186);} textarea {min-height: 150px;resize: vertical;} label { font-size: 15px; color: rgb(0,0,0); font-weight: bold; -webkit-transition: color 1s ease; -moz-transition: color 1s ease; transition: color 1s ease; } p { margin-bottom: 20px } .indication { color: rgb(186,186,186); font-size: 1.2em; font-style: italic; text-align: right; padding-right: 30px; } .required { color: rgb(244,75,39) } input[type=submit] { position: relative; font-size: 1.15em; font-weight: bold; cursor: pointer; background: none; border: 1px solid transparent; color: rgb(0,0,0); padding: 10px 4px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .form-submit{ display: inline-block; position: relative; right: 0; float: right; margin-right: 50px; } input[type=submit]:active, input[type=submit]:focus, input[type=submit]:hover {border-bottom: 1px solid #d3eeee;} #comments-title{ font-size: 27px; font-weight: 300; text-transform: uppercase; letter-spacing: -1px; color: #D8D8D8; margin-bottom: 35px; } .says{display: none;} .comment:not(.parent) { margin:50px 0; border-bottom: 1px solid rgb(248, 247, 247); } .comment-author { display: block; width:23%; margin-right: 2%; float: left; } .comment-body-items{ width: 75%; margin-top: 7px; float: left; } .bypostauthor { background: rgb(243,243,243); padding: 70px; border-top: 5px solid rgb(211,238,238); border-bottom: none !important; box-sizing: border-box; } .comment-body a:hover{color:rgb(240,17,101);} .comment .children{ width: 90%; left: 0; position: relative; margin-left: 10%; } .reply { display: block; position: relative; width: 100%; height: 45px; margin-top: 65px; } .reply a{ font-size: 11px; clear: both; display: block; position: absolute; right: 10px; padding: 5px 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } .reply a:hover{ border: 2px solid transparent !important; color:rgb(255,255,255); background: rgb(240,17,101); } #reply-title { font-size: 25px; color: rgb(0,0,0); margin: 25px 0; text-decoration: none; } #reply-title small a { font-size: 13px; padding: 3px 7px; margin-left: 5px; opacity: 0.5; } #reply-title small a:hover { opacity: 1; } #respond { margin-bottom: 150px; } cite.fn{ display: inline-block; max-width: 100%; margin: 0 0 20px 0; font-size: 15px; font-style: normal; text-align: left; border-bottom: 2px solid #d3eeee; padding-bottom: 3px; } .comment-meta { display: inline-block; font-size: 9px; font-style: italic; margin-left: 15px; } .comment-meta a{ display: block; color:rgb(190, 190, 190); font-size: 1.15em; margin-bottom: 10px; } .form-allowed-tags{ font-size: 0.65em; color: #B3B3B3; width: 90%;} .logged-in-as, .comment-notes {margin-bottom: 15px;} .avatar{ float: left; margin-right: 15px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comment em { font-size: 13px; font-weight: 700; font-style: normal; text-transform: uppercase; color: rgb(255, 0, 112); } #comments .form-allowed-tags { font-size: 11px; } .error404 h2{font-size: 95px;} .error404 .top-angle { margin-top: 330px; } .error404 .block-content { top: -95px; } .error404 #sidebar{display: none;} .error404 #content-side {width: 100%; font-size: 17px; margin: 15px 0 45px 0; } .error404 .btn-back-404{ display: block; margin: 25px 0 45px 0; padding-bottom: 45px;} .error404 .btn-back-404:hover { border: none; } .error404 .btn-back-404:hover{color:rgb(240,17,101) !important;} .error404 .current-page, .error404 .target-page { display: none !important; } .error404 .main-navigation { top: 155px; } .error404.menu-layout-3 .main-navigation { top: 0; } .error404.straight-layout .top-angle { margin-top: -45px; } .error404.straight-layout .block-content { top: -45px; } .error404.minimal-layout h2, .error404.minimal-layout #content-side { text-align: center; } .ie8 .rotate-text{ zoom: 1; filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); display: block; position: relative; left: 15px; top: 0; margin-bottom: 15px; } .ie8 h2.page-title{margin-top:100px;margin-left: -125px;} .ie8 .categories h4{margin-top:80px;} .ie8 .prev-project a .rotate-text, .ie8 .next-project a .rotate-text {display:none !important;} .ie8 .project-detail {position: relative;width:100%;margin-left: 10px !important;top: 30px !important;} .ie8 .info-box {position: relative;margin-top: 50px !important;} .ie8 .project-stream {margin-top: 75px;} .ie8 body .info-box {width:75% !important;} html.oldie .top-angle, html.ie .top-angle, body.modernIE .top-angle { border-style: solid solid solid solid; } html.oldie .bottom-angle, html.ie .bottom-angle, body.modernIE .bottom-angle { border-style: solid solid solid solid; } html.oldie .footer-angle, html.ie .footer-angle, body.modernIE .footer-angle { border-style: solid solid solid solid; } @font-face { font-family: 'goudy'; src: url('http://sehwerft.de/fonts/goudy.eot'); src: url('http://sehwerft.de/fonts/goudy.eot?#iefix') format('embedded-opentype'), url('http://sehwerft.de/fonts/goudy.woff') format('woff'), url('http://sehwerft.de/fonts/goudy.ttf') format('truetype'), url('http://sehwerft.de/fonts/goudy_old_style_bold_italic_bt-webfont.svg#goudy_old_style_bold_italicRg') format('svg'); font-weight: normal; font-style: normal; } .claim { font-size: 28px; font-family: goudy !important};