/* Theme Name: SuperNowa Theme URI: http://supernowa.ht2.pl/ Version: 1.0.9 Author: Smeku Author URI: http://themeforest.net/user/smeku Description: Responsive vCard & Photography & Portfolio Template License: GNU General Public License License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: supernowa Domain Path: /languages This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* * TABLE CONTENTS * ------------------------------- * * - GENERAL STYLESHEET * + heading * + color * + background-color * + spacing * + list-main * + dropcap * + anim-shadow * + col-box * - NAVIGATION * + logo * + menu * + footer * - PAGE WRAPPER * + section * + header * - PORTFOLIO * + portfolio-filter * + portfolio-colum * + portfolio-single2 * - PRELOADER * - PAGE HEADER * - FORM STYLE * - BUTTONS * - ALERTS * - FATURES * - ACHIVEMENT * - TESTIMONIAL * - TIMELINE * - SKILLS * - SOCIAL ICONS * - OWL THEME (plugin: owl.carousel ) * * ------------------------------- */ /* =================================================================== */ /* GENERAL STYLESHEET /* =================================================================== */ :focus, :visited, :active { outline: none; text-decoration: none; } ::-moz-focus-inner { border: 0; } :focus { outline: none !important; } ::-moz-focus-inner { border: 0 !important; } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } html, body { height: 100%; width: 100%; max-width: 100%; } body { font-size: 14px; line-height: 1.8; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; } body.scroll-hidden { overflow: hidden; } body .page-wrapper section .header-padding-top { height: 50px; } @media (min-width: 768px) { body .page-wrapper section .header-padding-top { height: 60px; } } @media (min-width: 992px) { body .page-wrapper section .header-padding-top { height: 0; } } @media (min-width: 992px) { body.header-top { margin-top: 90px; } body.header-top > .header { display: block; } body.header-top .wrap { top: 90px; } body.header-top .page-wrapper section { top: 90px; } body.header-top .page-wrapper section .header-padding-top { height: 0; } body.header-top > nav { top: 90px; } body.header-top > nav .logo-box { display: none; height: 0; } } .wrap { position: absolute; left: 0; right: 0; top: 50px; bottom: 0; } @media (min-width: 768px) { .wrap { top: 60px; } } @media (min-width: 992px) { .wrap { top: 0; } } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; } p { letter-spacing: 0.5px; font-size: 14px; line-height: 1.8; margin-bottom: 15px; } a { color: #444444; outline: 0; letter-spacing: 0.5px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a:hover { text-decoration: none; color: #000000; } a:focus, a:visited, a:active { outline: 0; text-decoration: none; } a.anim-link { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } a.anim-link:hover { letter-spacing: 1.5px; color: #000000; } ul, li { letter-spacing: 0.5px; font-size: 14px; line-height: 2; } blockquote { margin: 20px 0; border-left: 5px solid #000000; } blockquote p { font-size: 16px; font-weight: 300; } blockquote a { font-weight: 400; font-style: italic; } h1 { font-size: 54px; } h2 { font-size: 40px; } h3 { font-size: 32px; } h4 { font-size: 24px; } h5 { font-size: 18px; } h6 { font-size: 15px; letter-spacing: 0.5px; } .big { font-size: 80px; } .big2 { font-size: 100px; } @media (max-width: 767px) { h1 { font-size: 50px; } h2 { font-size: 50px; } h3 { font-size: 30px; } h4 { font-size: 20px; } h1.big, h1.big2 { font-size: 50px; } } @media (max-width: 480px) { h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 24px; } h1.big, h1.big2 { font-size: 40px; } } /* table */ table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } table thead th { background: #f7f8fa; font-weight: 700; } table th, table td { border: 1px solid #f7f8fa; } table caption, table th, table td { font-weight: 300; text-align: left; padding: 5px 10px; } del { color: #767676; } /* color */ .color-base { color: #444444; } .color-default { color: #000000; } .color-black { color: #000000; } .color-white { color: #fff; } .color-blue { color: #0088cc; } .color-red { color: #ff1919; } .color-orange { color: #ff6600; } .color-yellow { color: #ffb400; } .color-green { color: #21ba49; } .color-purple { color: #5a3989; } .color-navy { color: #495d7f; } .color-brown { color: #eb8f2d; } .color-gray { color: #666666; } .color-gray-light { color: #f7f8fa; } .color-gray-lighter { color: #fefefe; } /* background-color */ .bg-base { background: #444444; } .bg-default { background: #000000; } .bg-black { background: #000000; } .bg-dark { background: #222222; } .bg-white { background: #fff; } .bg-blue { background: #0088cc; } .bg-red { background: #ff1919; } .bg-orange { background: #ff6600; } .bg-yellow { background: #ffb400; } .bg-green { background: #21ba49; } .bg-purple { background: #5a3989; } .bg-navy { background: #495d7f; } .bg-brown { background: #eb8f2d; } .bg-gray { background: #666666; } .bg-gray2 { background: #fafafa; } .bg-gray-light { background: #f7f8fa; } .bg-gray-lighter { background: #fefefe; } .bg-none { background: none !important; } .bg-color { padding: 4px 7px; } /* Spacing */ .space5 { height: 5px; } .space10 { height: 10px; } .space20 { height: 20px; } .space30 { height: 30px; } .space40 { height: 40px; } .space50 { height: 50px; } .space60 { height: 60px; } .space70 { height: 70px; } .space80 { height: 80px; } .space100 { height: 100px; } /* Lead */ .lead { margin-top: 10px; margin-bottom: 10px; } /* Dropcap */ .dropcap { display: block; float: left; margin: 0; margin-right: 8px; font-weight: 400; font-size: 49px; line-height: 49px; text-transform: uppercase; } /* Anim shadow */ .anim-shadow { -webkit-transition: box-shadow 0.6s; -moz-transition: box-shadow 0.6s; -o-transition: box-shadow 0.6s; transition: box-shadow 0.6s; -webkit-box-shadow: none; box-shadow: none; } .anim-shadow:hover { z-index: 2; -webkit-box-shadow: 0px 0px 20px 5px rgba(238, 238, 238, 0.8); box-shadow: 0px 0px 20px 5px rgba(238, 238, 238, 0.8); } .no-padding { padding: 0 !important; } .no-border { border: 0 !important; } .relative { position: relative; } .inline-block { display: inline-block; } code, kbd, pre, samp { font-family: 'Lato', Arial, sans-serif; } code { padding: 2px 4px; font-size: 90%; font-weight: 400; color: #c7254e; background-color: #f7f8fa; border-radius: 4px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0.5px; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f7f8fa; border: 0px; border-radius: 0; overflow: auto; } dt, dd { line-height: inherit; } /* container */ @media (min-width: 768px) { .container { width: auto; } } @media (min-width: 992px) { .container { width: auto; } } @media (min-width: 1200px) { .container { width: 940px; } } @media (min-width: 1400px) { .container { width: auto; max-width: 1000px; margin: auto; } .container.container-single-blog { max-width: 900px; margin-left: 100px; } } .content-table { display: table; table-layout: fixed; width: 100%; min-height: 100%; height: 100%; } .content-table .table-middle { position: relative; width: 100%; height: 100%; margin: 0; display: table-cell; vertical-align: middle; } /* =================================================================== */ /* PAGE AJAX PRELOADER /* =================================================================== */ .page-ajax-preloader { position: fixed; z-index: 999; overflow: hidden; left: 0; right: 0; top: 0; bottom: 0; display: none; } .page-ajax-preloader.activ { display: block; } /* =================================================================== */ /* HEADER /* =================================================================== */ .header { display: none; } @media (min-width: 992px) { .header { position: fixed; z-index: 5; top: 0; left: 0; right: 0; height: 90px; padding: 0; padding-right: 20px; } .header .logo-box { float: left; position: relative; display: table; table-layout: fixed; width: 240px; height: 100%; max-width: 240px; max-height: 90px; padding: 10px 30px; } .header .logo-box a { position: relative; width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; } .header .logo-box a h1 { font-size: 28px; padding: 0; margin: 0; } .header .logo-box a span { display: none; } .header .button-box { float: right; margin: 20px 2px; } } @media (min-width: 1200px) { .header .logo-box { width: 260px; max-width: 260px; } } /* =================================================================== */ /* NAV - NAVIGATION /* =================================================================== */ nav { position: fixed; z-index: 999; top: 0; left: 0; right: 0; width: 100%; height: 50px; padding-top: 0; display: block; -webkit-box-shadow: none; box-shadow: none; background: #fff; border-bottom: 2px solid; color: #000000; /* logo */ /* mobile menu button */ /* menu */ /* footer */ } @media (min-width: 768px) { nav { height: 60px; } } @media (min-width: 992px) { nav { position: fixed; width: 240px; right: none; bottom: 0; left: 0px; height: auto; padding-top: 0px; padding-bottom: 0px; border-bottom: 0; border: 0px solid; border-right: 1px solid #fff; -webkit-transform: translateX(-400px); transform: translateX(-400px); } nav.activ { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateX(0); transform: translateX(0); } } @media (min-width: 1200px) { nav { width: 260px; } } nav .logo-box { position: relative; display: table; height: 100%; max-width: 50%; } @media (min-width: 992px) { nav .logo-box { height: 20%; max-height: 250px; max-width: none; width: 100%; } } nav .logo-box .logo { position: relative; padding: 10px; display: table-cell; vertical-align: middle; max-height: 50px; height: 100%; } nav .logo-box .logo:hover { text-decoration: none; } nav .logo-box .logo h1 { font-size: 20px; padding: 0; margin: 0; } nav .logo-box .logo span { display: none; } nav .logo-box .logo img { max-height: 30px; } @media (min-width: 768px) { nav .logo-box .logo { max-height: 60px; } nav .logo-box .logo img { max-height: 40px; } } @media (min-width: 992px) { nav .logo-box .logo { width: 100%; padding: 20px 20px; max-height: none; height: auto; } nav .logo-box .logo h1 { font-size: 30px; letter-spacing: 0; } nav .logo-box .logo span { display: inline; font-size: 12px; margin-top: 40px; } nav .logo-box .logo img { margin: auto; max-height: none; } } nav .menu-button-mobile { border: none; background: none; position: absolute; top: 0; right: 5px; z-index: 9999; margin: 7px 10px; width: 40px; height: 30px; display: inline-block; } @media (min-width: 768px) { nav .menu-button-mobile { margin: 10px 10px; } } @media (min-width: 992px) { nav .menu-button-mobile { display: none; } } nav .menu-button-mobile span { display: block; } nav .menu-button-mobile.lines-button { transition: .3s; cursor: pointer; user-select: none; } nav .menu-button-mobile.lines-button:active { transition: 0; } nav .menu-button-mobile.lines-button.close { opacity: 1; -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); } nav .menu-button-mobile .lines { display: inline-block; width: 35px; height: 3px; background: #000000; border-radius: 0.28571rem; transition: 0.3s; position: relative; } nav .menu-button-mobile .lines:before, nav .menu-button-mobile .lines:after { display: inline-block; width: 35px; height: 3px; background: #000000; border-radius: 0.28571rem; transition: 0.3s; position: absolute; left: 0; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; } nav .menu-button-mobile .lines:before { top: 0.7rem; } nav .menu-button-mobile .lines:after { top: -0.7rem; } nav .menu-button-mobile.lines-button.x2 .lines { transition: background 0.3s 0.5s ease; } nav .menu-button-mobile.lines-button.x2 .lines:before, nav .menu-button-mobile.lines-button.x2 .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; transition: top 0.3s 0.6s ease, -webkit-transform 0.3s ease; transition: top 0.3s 0.6s ease, transform 0.3s ease; } nav .menu-button-mobile.lines-button.x2.close .lines { transition: background 0.3s 0s ease; background: transparent; } nav .menu-button-mobile.lines-button.x2.close .lines:before, nav .menu-button-mobile.lines-button.x2.close .lines:after { transition: top 0.3s ease, -webkit-transform 0.3s 0.5s ease; transition: top 0.3s ease, transform 0.3s 0.5s ease; top: 0; width: 40px; } nav .menu-button-mobile.lines-button.x2.close .lines:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } nav .menu-button-mobile.lines-button.x2.close .lines:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } nav .menu-scroll { position: fixed; top: 0; height: 0; max-height: 100%; width: 100%; overflow: hidden; -moz-overflow: hidden; overflow-y: auto; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; background: #fff; } @media (min-width: 992px) { nav .menu-scroll { background: transparent; display: block; position: relative; float: left; height: 100%; } } nav .menu-scroll.dl-show { height: 100%; max-height: 100% !important; bottom: 0; padding-right: 30px; } nav .dl-menuwrapper { display: block; position: relative; width: 100%; height: 100%; padding-top: 60px; -webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; } @media (min-width: 992px) { nav .dl-menuwrapper { padding-top: 0; padding-bottom: 10px; float: left; overflow: hidden; } } nav .dl-menuwrapper > ul { list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; opacity: 0; } nav .dl-menuwrapper ul.dl-menu { pointer-events: none; -webkit-transform: translateY(10px); transform: translateY(10px); -webkit-backface-visibility: hidden; backface-visibility: hidden; margin-left: -10px; margin-right: 20px; margin-top: 15px; } nav .dl-menuwrapper ul.dl-menu.dl-menu-toggle { transition: all 0.3s ease; } nav .dl-menuwrapper ul.dl-menu.dl-menuopen { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); transform: translateY(0px); } nav .dl-menuwrapper ul.dl-menu.dl-animate-in-2 { -webkit-animation: MenuAnimIn2 0.3s ease-in-out; animation: MenuAnimIn2 0.3s ease-in-out; } nav .dl-menuwrapper ul.dl-menu.dl-animate-out-2 { -webkit-animation: MenuAnimOut2 0.3s ease-in-out; animation: MenuAnimOut2 0.3s ease-in-out; } nav .dl-menuwrapper ul.dl-menu.dl-subview li, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subviewopen > a, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subview > a { display: none; } nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subview, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subview .sub-menu, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subviewopen, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subviewopen > .sub-menu, nav .dl-menuwrapper ul.dl-menu.dl-subview li.dl-subviewopen > .sub-menu > li { display: block; } @media (min-width: 992px) { nav .dl-menuwrapper ul.dl-menu.menu-left li a { text-align: left; } nav .dl-menuwrapper ul.dl-menu.menu-center li { text-align: center; margin: auto; float: none; } nav .dl-menuwrapper ul.dl-menu.menu-center li a { float: none; display: inline-block; } nav .dl-menuwrapper ul.dl-menu.menu-right li a { float: right; } } nav .dl-menuwrapper ul.dl-menu li { position: relative; padding: 0; margin: 0; float: left; width: 100%; overflow: hidden; } nav .dl-menuwrapper ul.dl-menu li.active, nav .dl-menuwrapper ul.dl-menu li.active:hover { background: transparent; } nav .dl-menuwrapper ul.dl-menu li.active > a, nav .dl-menuwrapper ul.dl-menu li.active:hover > a { color: #000000; } nav .dl-menuwrapper ul.dl-menu li.active > a::before, nav .dl-menuwrapper ul.dl-menu li.active:hover > a::before { max-width: 100%; padding-left: 7px; padding-right: 7px; margin-left: -7px; } nav .dl-menuwrapper ul.dl-menu li a { display: inline; padding: 0px 7px; margin: 5px 0; font-size: 12px; cursor: pointer; text-transform: uppercase; text-decoration: none; float: left; text-align: center; white-space: nowrap; margin-right: 20px; } @media (min-width: 992px) { nav .dl-menuwrapper ul.dl-menu li a { font-weight: 400; letter-spacing: .5px; } nav .dl-menuwrapper ul.dl-menu li a::before { content: attr(data-hover); position: absolute; width: auto; overflow: hidden; max-width: 0; padding: 0px 0px; margin-left: -7px; white-space: nowrap; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } } nav .dl-menuwrapper ul.dl-menu li a:hover::before, nav .dl-menuwrapper ul.dl-menu li a:hover:focus::before { max-width: 100%; padding-left: 7px; padding-right: 7px; } nav .dl-menuwrapper ul.dl-menu li > a:not(:only-child):after { position: absolute; right: 2px; font-size: 10px; line-height: 24px; font-family: FontAwesome; speak: none; -webkit-font-smoothing: antialiased; content: "+"; } nav .dl-menuwrapper ul.dl-menu li > a:after { padding-left: 5px; } nav .dl-menuwrapper ul.dl-menu li .sub-menu { display: none; } nav .dl-menuwrapper ul.dl-menu li.dl-back > a { font-weight: 900; } nav .dl-menuwrapper ul.dl-menu li.dl-back > a:hover { padding-left: 5px; font-weight: 900; } nav .dl-menuwrapper ul.dl-menu li.dl-back > a:hover i { margin-right: 5px; } nav .dl-menuwrapper ul.dl-menu li.dl-back > a:hover::before { margin-left: 30px; padding-left: 5px; } nav .dl-menuwrapper ul.dl-menu li.dl-back a > i { background: #000000; margin-right: 0px; color: #fff; width: 25px; -webkit-transition: margin-right 0.8s; -moz-transition: margin-right 0.8s; -o-transition: margin-right 0.8s; transition: margin-right 0.8s; } nav .dl-menuwrapper > .sub-menu { position: absolute; width: 100%; top: 0; left: 0; margin: 0; margin-left: -20px; } nav .dl-menuwrapper ul.sub-menu { margin-left: -20px; width: 100%; } @media (min-width: 992px) { nav .dl-menuwrapper ul.sub-menu { margin-left: -40px; width: auto; } } nav .footer { display: none; width: 0; } @media (min-width: 992px) { nav .footer { display: block; position: absolute; z-index: 0; bottom: 0; width: 100%; background: transparent; text-align: center; margin-top: 10px; } nav .footer .social-icons { position: relative; padding: 0px 20px; } nav .footer .copyright { padding: 10px 25px; margin-bottom: 15px; font-size: 12px; font-weight: 400; letter-spacing: 0px; } nav .footer .copyright a { font-weight: 700; letter-spacing: 0px; word-wrap: break-word; } } /* No JS Fallback */ .no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; } .no-js .dl-menuwrapper li .dl-submenu { display: block; } .no-js .dl-menuwrapper li.dl-back { display: none; } .no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0, 0, 0, 0.1); } .no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; } /* =================================================================== */ /* PAGE WRAPPER /* =================================================================== */ .page-wrapper { position: fixed; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; margin-left: 0px; -webkit-perspective: 1400px; -moz-perspective: 1400px; perspective: 1400px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; overflow: hidden; } @media (min-width: 992px) { .page-wrapper { left: 240px; } } @media (min-width: 1200px) { .page-wrapper { left: 260px; } } .page-wrapper.page-wrapper-fullwidth { left: 0; } @media (min-width: 768px) { .page-wrapper.page-wrapper-fullwidth .content { padding-left: 0px; } } @media (min-width: 992px) { .page-wrapper.page-wrapper-fullwidth .content { padding-left: 240px; } } @media (min-width: 1200px) { .page-wrapper.page-wrapper-fullwidth .content { padding-left: 260px; } } @media (min-width: 768px) { .page-wrapper.page-wrapper-fullwidth .scene .content-table, .page-wrapper.page-wrapper-fullwidth .imagefullscreen .content-table { padding-left: 0px; } } @media (min-width: 992px) { .page-wrapper.page-wrapper-fullwidth .scene .content-table, .page-wrapper.page-wrapper-fullwidth .imagefullscreen .content-table { padding-left: 240px; } } @media (min-width: 1200px) { .page-wrapper.page-wrapper-fullwidth .scene .content-table, .page-wrapper.page-wrapper-fullwidth .imagefullscreen .content-table { padding-left: 260px; } } @media (min-width: 992px) { .page-wrapper.page-wrapper-fullwidth .scene, .page-wrapper.page-wrapper-fullwidth .imagefullscreen, .page-wrapper.page-wrapper-fullwidth header.header-v1 .bg-color, .page-wrapper.page-wrapper-fullwidth header.header-v1 .bg { left: -240px; } } @media (min-width: 1200px) { .page-wrapper.page-wrapper-fullwidth .scene, .page-wrapper.page-wrapper-fullwidth .imagefullscreen, .page-wrapper.page-wrapper-fullwidth header.header-v1 .bg-color, .page-wrapper.page-wrapper-fullwidth header.header-v1 .bg { left: -260px; } } @media (min-width: 992px) { .page-wrapper.page-wrapper-fullwidth .imagefullscreen { right: 0; width: auto; } } @media (min-width: 992px) { .page-wrapper.page-wrapper-fullwidth .blog-post .post-bg { margin-left: -240px; } } @media (min-width: 1200px) { .page-wrapper.page-wrapper-fullwidth .blog-post .post-bg { margin-left: -260px; } } .page-wrapper > section { position: absolute; z-index: -1; top: 0; left: 0; bottom: 0; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: preserve-3d; -moz-transform: preserve-3d; -o-transform: preserve-3d; transform: preserve-3d; overflow: hidden; opacity: 0; } .page-wrapper > section.section-current { display: block; visibility: visible; z-index: 1; opacity: 1; } .page-wrapper > section.pt-page-ontop { z-index: 2; } .page-wrapper > section .content { position: relative; z-index: 1; width: 100%; min-height: 100%; height: 100%; overflow: hidden; } .page-wrapper > section .content .content-box { min-height: 100%; position: relative; } .page-wrapper header.header-v1 { position: relative; display: block; width: 100%; padding: 0; display: table; table-layout: fixed; } .page-wrapper header.header-v1 .bg-color { position: absolute; left: 0; right: 0; height: 100%; } .page-wrapper header.header-v1 .bg { position: absolute; left: 0; right: 0; top: -2px; bottom: 0; } .page-wrapper header.header-v1 .bg.image-bg { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; } .page-wrapper header.header-v1 .bg.image-bg .bg-opacity { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } .page-wrapper header.header-v1 .bg.image-bg .bg-opacity:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .page-wrapper header.header-v1 .title { position: relative; width: 100%; height: 100%; margin: 0; display: table-cell; vertical-align: middle; text-align: center; padding-top: 10px; padding-bottom: 20px; } .page-wrapper header.header-v1 .title h1, .page-wrapper header.header-v1 .title h2 { position: relative; z-index: 2; letter-spacing: 1px; display: block; font-weight: 900; text-transform: uppercase; } .page-wrapper header.header-v1 .title h5, .page-wrapper header.header-v1 .title h6 { position: relative; z-index: 1; display: none; } @media (min-width: 992px) { .page-wrapper header.header-v1 .title { padding: 40px 0; } .page-wrapper header.header-v1 .title h5, .page-wrapper header.header-v1 .title h6 { font-weight: 400; text-transform: uppercase; display: block; padding-top: 0px; letter-spacing: 3.5px; font-size: 14px; } } @media (min-width: 1200px) { .page-wrapper header.header-v1 .title { padding: 60px 0; } } .page-wrapper header.header-v1 .arrow-down { position: absolute; bottom: 110px; left: 50%; margin-left: -17px; width: 34px; font-size: 40px; height: 40px; display: block; -webkit-animation: bounce-fade 1.2s infinite; /* Safari 4+ */ -moz-animation: bounce-fade 1.2s infinite; /* Fx 5+ */ -o-animation: bounce-fade 1.2s infinite; /* Opera 12+ */ animation: bounce-fade 1.2s infinite; /* IE 10+ */ } @-webkit-keyframes bounce-fade { 0% { opacity: 0; bottom: 70px; } 100% { opacity: 1; bottom: 35px; } } @-moz-keyframes bounce-fade { 0% { opacity: 0; bottom: 70px; } 100% { opacity: 1; bottom: 35px; } } @-o-keyframes bounce-fade { 0% { opacity: 0; bottom: 70px; } 100% { opacity: 1; bottom: 35px; } } @keyframes bounce-fade { 0% { opacity: 0; bottom: 70px; } 100% { opacity: 1; bottom: 35px; } } /* IMAGE BG FULL SCREEN*/ .imagefullscreen { position: absolute; z-index: 2; top: 0px; bottom: 0px; height: 100%; width: 100%; background-size: cover; background-position: center center; } .videofullscreen { position: fixed; z-index: 1; top: 0px; bottom: 0px; height: 100%; } .videofullscreen .videobg-content { position: relative; min-height: 100%; min-width: 100%; } @media (min-width: 992px) { .video_bg { background-image: none !important; } } /* =================================================================== */ /* PAGE HEADER /* =================================================================== */ .page-header { padding: 0px; margin: 0; margin-bottom: 20px; border: 0; color: #000000; text-transform: uppercase; } .page-header h1, .page-header h2, .page-header h3 { margin-bottom: 10px; font-weight: 700; } .page-header h4, .page-header h5, .page-header h6 { margin-bottom: 10px; font-weight: 700; } .page-header strong { font-weight: 900; } .page-header .weight300 { font-weight: 300; } .weight100 { font-weight: 100; } .weight200 { font-weight: 200; } .weight300 { font-weight: 300; } /* =================================================================== */ /* ACHIVEMENT /* =================================================================== */ .achivement .achivement-box .count { letter-spacing: 2px; display: block; } /* =================================================================== */ /* PORTFOLIO /* =================================================================== */ /* Portfolio filter Navigation */ .portfolio-filter-nav { padding: 20px 0px; position: relative; z-index: 1; display: block; } @media (min-width: 992px) { .portfolio-filter-nav > button { display: none; } .portfolio-filter-nav .collapse { display: block; } } .portfolio-filter-nav button.btn-link { text-transform: uppercase; margin: 2px; } .container-fluid .portfolio-colum { margin: 0 !important; } /* Portfolio colums */ .portfolio-colum { position: relative; } .portfolio-colum.portfolio-padding0 figure, .portfolio-colum.portfolio-nopadding figure { padding: 0; } .portfolio-colum.portfolio-padding1 { margin: 0 -1px; } .portfolio-colum.portfolio-padding1 figure { padding: 1px; } .portfolio-colum.portfolio-padding2 { margin: 0 -2px; } .portfolio-colum.portfolio-padding2 figure { padding: 2px; } .portfolio-colum.portfolio-padding3 { margin: 0 -3px; } .portfolio-colum.portfolio-padding3 figure { padding: 3px; } .portfolio-colum.portfolio-padding4 { margin: 0 -4px; } .portfolio-colum.portfolio-padding4 figure { padding: 4px; } .portfolio-colum.portfolio-padding5 { margin: 0 -5px; } .portfolio-colum.portfolio-padding5 figure { padding: 5px; } .portfolio-colum.portfolio-padding6 { margin: 0 -6px; } .portfolio-colum.portfolio-padding6 figure { padding: 6px; } .portfolio-colum.portfolio-padding7 { margin: 0 -7px; } .portfolio-colum.portfolio-padding7 figure { padding: 7px; } .portfolio-colum.portfolio-padding10 { margin: 0 -10px; } .portfolio-colum.portfolio-padding10 figure { padding: 10px; } .portfolio-colum.portfolio-padding15 { margin: 15px -15px; } .portfolio-colum.portfolio-padding15 figure { padding: 15px; } .portfolio-colum.portfolio-padding20 { margin: 0 -20px; } .portfolio-colum.portfolio-padding20 figure { padding: 20px; } .portfolio-colum.portfolio-padding25 { margin: 0 -25px; } .portfolio-colum.portfolio-padding25 figure { padding: 25px; } .portfolio-colum.portfolio-creative > figure { width: 100%; float: left; margin: 0; } @media (min-width: 992px) { .portfolio-colum.portfolio-creative > figure { margin-right: 30%; } .portfolio-colum.portfolio-creative > figure.creative-item2 { margin-left: 30%; margin-right: 0; } } .portfolio-colum.portfolio-masonry > figure { width: 100%; float: left; margin: 0; } @media (min-width: 768px) { .portfolio-colum.portfolio-masonry.masonry-grid-2 > figure { width: 50%; } .portfolio-colum.portfolio-masonry.masonry-grid-3 > figure { width: 50%; } .portfolio-colum.portfolio-masonry.masonry-grid-4 > figure { width: 50%; } .portfolio-colum.portfolio-masonry figure.grid-1-1 { width: 100%; } } @media (min-width: 992px) { .portfolio-colum.portfolio-masonry.masonry-grid-3 > figure { width: 33.33%; } .portfolio-colum.portfolio-masonry.masonry-grid-3 > figure.grid-3-2 { width: 66.66%; } .portfolio-colum.portfolio-masonry.masonry-grid-4 > figure { width: 25%; } .portfolio-colum.portfolio-masonry.masonry-grid-4 > figure.grid-4-2 { width: 50%; } } .portfolio-colum figure { position: relative; } .portfolio-colum figure a { position: relative; display: block; overflow: hidden; color: #fff; } .portfolio-colum figure a img { position: relative; display: block; width: 100%; } .portfolio-colum figure a div { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); text-align: center; color: #ffffff; padding: 10%; text-align: left; } .portfolio-colum figure a div .name { letter-spacing: 0px; display: block; color: #ffffff; font-weight: 900; text-transform: uppercase; } .portfolio-colum figure a div small { letter-spacing: .5px; display: block; color: #ffffff; font-size: 13px; font-weight: 300; text-transform: uppercase; } .portfolio-colum.portfolio-hover.hover-white figure a div { background: rgba(255, 255, 255, 0.85); color: #444444; } .portfolio-colum.portfolio-hover.hover-white figure a div .name { color: #444444; } .portfolio-colum.portfolio-hover.hover-scale figure img { -webkit-transition: all 0.8s 0s; -moz-transition: all 0.8s 0s; -o-transition: all 0.8s 0s; transition: all 0.8s 0s; } .portfolio-colum.portfolio-hover.hover-scale figure:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); -webkit-transition-delay: .4s; /* Safari */ transition-delay: .4s; } .portfolio-colum.portfolio-hover.hover-v2 figure a div { background: none; color: #666; text-align: left; padding: 5%; } .portfolio-colum.portfolio-hover.hover-v2 figure a div .name { background: rgba(0, 0, 0, 0.8); color: #fff; border: 0; display: inline-block; padding: 10px; margin: 0; float: left; clear: left; } .portfolio-colum.portfolio-hover.hover-v2 figure a div small { background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 0.9); padding: 2px 6px; margin: 0; position: relative; left: 5px; display: inline-block; float: left; clear: left; } .portfolio-colum.portfolio-hover.hover-v2 figure a div i { margin-bottom: -40px; opacity: 0; font-size: 16px; color: rgba(0, 0, 0, 0.9); -webkit-transition: margin 1s; -moz-transition: margin 1s; -o-transition: margin 1s; transition: margin 1s; } .portfolio-colum.portfolio-hover.hover-v2 figure a div:hover i { opacity: 1; margin: 0; } .portfolio-colum.portfolio-hover.hover-v2.hover-white figure a div .name, .portfolio-colum.portfolio-hover.hover-v2.hover-white figure a div small, .portfolio-colum.portfolio-hover.hover-v2.hover-white figure a div i { background: #ffffff; color: #444444; } .portfolio-colum.portfolio-hover.hover-v2.hover-default figure a div .name { background: #000000; color: #ffffff; } .portfolio-colum.portfolio-hover.hover-v2.hover-default figure a div small { background: #000000; color: #ffffff; } /* Portfolio single sharing-btns */ .sharing-btns { margin: 25px 0; margin-right: -25px; } .sharing-btns .share { font-size: 12px; line-height: 18px; font-weight: 300; letter-spacing: 1px; padding-right: 7px; float: left; } .sharing-btns .btn { padding: 10px 12px; } .details { background: #fff; padding: 30px 30px; margin-left: -15px; border: 0px 1px solid #f7f8fa; border-right-width: 0px; } .details p { margin-bottom: 10px; } .details .fa { margin-right: 2px; } /* Portfolio single box-ster */ .box-ster { position: fixed; z-index: 99992; bottom: 0; right: 1px; padding: 0; padding-right: 0px; text-align: right; display: inline; } .box-ster.box-ster-topleft { bottom: none; right: none; top: 0; left: 0; } .box-ster .col-sm-4 { padding: 5px; } .box-ster .btn { padding: 0; line-height: 44px; text-align: center; border-color: #fff; } .box-ster .btn i.fa { line-height: 44px; } .img-fullwidth { width: 100%; } @media (min-width: 992px) { .img-padding30 { padding: 20px 40px; padding-right: 0; } } /* Portfolio single v1 */ .portfolio-single-v1 .col-details-deskop { position: fixed; margin-left: -70px; margin-right: 70px; } .portfolio-single-v1 .col-details-deskop .details-title { padding: 10px 20px; margin-left: 70px; } .portfolio-single-v1 .col-details-deskop .details-info { padding: 30px; padding-bottom: 15px; border: 1px solid #222; color: #ddd; background: #000; } .portfolio-single-v1 .col-details-deskop .details-navi { padding-top: 30px; padding-left: 70px; } /* Portfolio single v2 */ .portfolio-single-v2 .myrow { position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; padding: 0; overflow: hidden; } .portfolio-single-v2 .myrow .mycol { position: relative; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; height: 100%; } .portfolio-single-v2 .myrow .col-info { padding: 0px 30px; height: 100%; overflow-y: auto; } .portfolio-single-v2 .myrow .col-info.open { width: 100%; height: 100%; } .portfolio-single-v2 .myrow .col-info .page-header { margin-top: 50px; } .portfolio-single-v2 .myrow .col-info a { font-weight: 300; font-family: 'Lato', Arial, sans-serif; } .portfolio-single-v2 .button-close, .portfolio-single-v2 .button-info { display: none; } @media (max-width: 992px) { .portfolio-single-v2 .col-info.open .button-close, .portfolio-single-v2 .button-info { position: fixed; top: 0px; right: 0px; z-index: 1; margin: 0; display: block; } .portfolio-single-v2 .myrow .col-info { width: 0px; height: 0px; position: absolute; top: -2px; right: 0; z-index: 1; background: #fff; -webkit-transition: width 1s, height 1s; transition: width 1s, height 1s; } } /* Portfolio single v3 */ .portfolio-single-v3 { position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; padding: 0; overflow: hidden; } .portfolio-single-v3 .new-content { position: relative; top: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; height: 100%; width: 100%; } @media (min-width: 992px) { .portfolio-single-v3 .padding30 { padding: 30px; } } /* =================================================================== */ /* BLOG /* =================================================================== */ /* Blog Masonry */ .blog-list { padding: 0; margin: 0; width: 100%; } .blog-list.masonry-col-2 .item-sizer { width: 100%; } .blog-list.masonry-col-2 .item { width: 100%; float: left; } @media (min-width: 768px) { .blog-list.masonry-col-2 .item-sizer, .blog-list.masonry-col-2 .item { width: 50%; } } @media (min-width: 768px) { .blog-list.masonry-col-2 .blog-box { margin: 15px 15px; } } @media (min-width: 992px) { .blog-list.masonry-col-2 .blog-box { margin: 15px 30px; margin-bottom: 65px; } } .blog-list .item { display: block; width: 100%; } .blog-list .blog-box { display: block; margin: 20px 10px; border: solid 1px #f7f8fa; -webkit-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.05); } @media (min-width: 768px) { .blog-list .blog-box { margin: 15px 15px; } } @media (min-width: 992px) { .blog-list .blog-box { margin: 15px 100px; margin-bottom: 65px; } } .blog-list .blog-box.caption-quote { border-width: 5px; } .blog-list .blog-box.caption-quote i { color: #f7f8fa; } .blog-list .blog-box .blog-box-img2 { position: relative; } .blog-list .blog-box .blog-box-img2:after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; } .blog-list .blog-box .blog-box-img2 img { width: 100%; height: auto; -webkit-transition: transform 0.8s ease; -moz-transition: transform 0.8s ease; -o-transition: transform 0.8s ease; transition: transform 0.8s ease; } .blog-list .blog-box .blog-box-img2 img:hover { -webkit-transition: rotate(1deg) scale(1.2); -moz-transition: rotate(1deg) scale(1.2); -o-transition: rotate(1deg) scale(1.2); transition: rotate(1deg) scale(1.2); } .blog-list .blog-box .blog-box-caption { padding: 10px 25px; } .blog-list .blog-box .blog-box-caption.caption-quote { padding: 7% 10%; } .blog-list .blog-box .blog-box-caption .category { position: relative; margin-top: -25px; margin-bottom: 15px; } .blog-list .blog-box .blog-box-caption .category > a { display: inline-block; color: #fff; font-size: 70%; font-weight: 700; text-transform: uppercase; padding: 2px 4px; letter-spacing: .5px; } .blog-list .blog-box .blog-box-caption .category > a:hover { text-decoration: none; } .blog-list .blog-box .blog-box-caption .title { margin: 15px 0px; } .blog-list .blog-box .blog-box-caption .title a { -ms-word-wrap: break-word; word-wrap: break-word; text-transform: uppercase; } .blog-list .blog-box .blog-box-caption .title a:hover { text-decoration: none; } .blog-list .blog-box .blog-box-caption .date { margin-bottom: 15px; font-size: 90%; } .blog-list .blog-box .blog-box-caption .read-more { text-align: right; padding-top: 10px; padding-bottom: 10px; } .blog-list .blog-box .blog-box-caption .read-more > a { letter-spacing: 2px; font-size: 80%; font-weight: 700; text-transform: uppercase; } .blog-list .blog-box .blog-box-caption .read-more > a:hover { text-decoration: none; color: #000000; } .blog-list .blog-box .blog-box-caption .read-more > a i { margin-left: 4px; margin-right: 6px; -webkit-transition: margin 0.6s ease 0s; -moz-transition: margin 0.6s ease 0s; -o-transition: margin 0.6s ease 0s; transition: margin 0.6s ease 0s; } .blog-list .blog-box .blog-box-caption .read-more > a:hover i { margin-left: 10px; margin-right: 0px; } .blog-list .blog-box .blog-box-footer { margin: 0 10px; border-top: solid 1px #f7f8fa; padding: 15px 10px; font-size: 90%; line-height: 34px; font-weight: 700; letter-spacing: .5px; } .blog-list .blog-box .blog-box-footer .autor .autor-avatar { margin-left: 7px; } .blog-list .blog-box .blog-box-footer .autor .autor-avatar > img { border: 1px solid #f7f8fa; border-radius: 100%; margin-right: 4px; } .blog-list .blog-box .blog-box-footer .like { display: none; line-height: 34px; padding: 2px 5px; font-weight: 700; font-size: 100%; } @media (min-width: 768px) { .blog-list .blog-box .blog-box-footer .like { display: block; } } .blog-list .blog-box3 { display: block; margin: 20px 10px; } @media (min-width: 768px) { .blog-list .blog-box3 { margin: 15px 15px; } } @media (min-width: 992px) { .blog-list .blog-box3 { margin: 15px 20px; margin-bottom: 65px; } } .blog-list .blog-box3 .date { font-size: 90%; text-transform: uppercase; font-weight: 700; letter-spacing: .5px; } .blog-list .blog-box3 .category { position: relative; margin-top: -25px; margin-bottom: 15px; } .blog-list .blog-box3 .category > a { display: inline-block; color: #fff; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 1px 5px; letter-spacing: 0.5px; } .blog-list .blog-box3 .category > a:hover { text-decoration: none; } .blog-list .blog-box3 .title { margin: 15px 0px; } .blog-list .blog-box3 .title a { -ms-word-wrap: break-word; word-wrap: break-word; text-transform: uppercase; } .blog-list .blog-box3 .title a:hover { text-decoration: none; } .blog-list .blog-box3 .blog-box-caption { padding: 10px 25px; } .blog-list .blog-box3 .blog-box-caption .read-more { text-align: right; padding-top: 10px; padding-bottom: 10px; } .blog-list .blog-box3 .blog-box-caption .read-more > a { color: #444; letter-spacing: 0px; font-size: 12px; font-weight: 700; text-transform: uppercase; } .blog-list .blog-box3 .blog-box-caption .read-more > a:hover { text-decoration: none; color: #000000; } .blog-list .blog-box3 .blog-box-caption .read-more > a i { margin-left: 4px; margin-right: 6px; -webkit-transition: margin 0.6s ease 0s; -moz-transition: margin 0.6s ease 0s; -o-transition: margin 0.6s ease 0s; transition: margin 0.6s ease 0s; } .blog-list .blog-box3 .blog-box-caption .read-more > a:hover i { margin-left: 10px; margin-right: 0px; } .blog-sidebar { padding-left: 30px; } /* Blog Loadore */ .blog-load { display: block; text-align: center; margin-bottom: 30px; } @media (min-width: 992px) { .blog-load { margin-bottom: 65px; } } /* Blog Navigation */ .blog-nav { display: block; margin-bottom: 30px; margin-left: -20px; margin-right: -20px; padding: 0; text-align: center; } .blog-nav .blog-nav-prev, .blog-nav .blog-nav-next { padding: 10px; display: inline-block; } /* Blog post */ .blog-post { position: relative; height: 100%; } .blog-post .post-bg { position: relative; height: 250px; overflow: hidden; } .blog-post .post-bg.post-bg-img { background: none; background-attachment: fixed; background-size: cover; } .blog-post .post-bg.post-bg-img.image { height: 100%; } .blog-post .post-bg img { width: 100%; } .blog-post .post-content { position: relative; z-index: 2; } .blog-post .post-container { margin-top: 0px; background-color: #ffffff; padding: 10px 0px; } @media (min-width: 992px) { .blog-post .post-container { padding: 10px 50px; } } @media (min-width: 992px) { .blog-post .post-container.img-title { margin-top: -120px; } } .blog-post .post-container .post-header { margin: 0; margin-top: 15px; margin-bottom: 15px; } .blog-post .post-container .post-header .category { margin-top: -5px; margin-bottom: 5px; } .blog-post .post-container .post-header .category a { display: inline-block; color: #fff; font-size: 12px; line-height: 1; font-weight: 700; text-transform: uppercase; padding: 4px 6px; letter-spacing: 1px; } .blog-post .post-container .post-header .category a:hover { text-decoration: none; } .blog-post .post-container .tags { padding: 10px 0; letter-spacing: 1px; } .blog-post .post-container .tags a { display: inline; padding: 3px 7px; margin-right: 2px; text-transform: uppercase; font-size: 80%; line-height: 1.1; border: 1px solid #f7f8fa; } .blog-post .post-container .post-navigation .btn.btn-link { color: #000000; } .blog-post .post-container .post-navigation .btn.btn-link:hover { color: #fff; } .blog-post .post-caption { border-top: solid 1px #f7f8fa; border-bottom: solid 1px #f7f8fa; } .blog-post .post-caption-content { margin: 15px 0; padding: 0px 20px; font-weight: 700; letter-spacing: 1px; font-size: 12px; } .blog-post .post-caption-content .autor { padding: 9.5px 0; display: inline-block; text-transform: uppercase; line-height: 34px; } .blog-post .post-caption-content .autor { font-weight: 700; } .blog-post .post-caption-content .autor .autor-avatar { margin-left: 7px; } .blog-post .post-caption-content .autor .autor-avatar > img { border: 2px solid #ffffff; border-radius: 100%; margin-right: 4px; } .blog-post .post-caption-content .separator { margin: 0 10px; color: #ffffff; font-weight: 300; font-size: 20px; line-height: 34px; } .blog-post .post-caption-content .data { text-transform: uppercase; } .blog-post .post-caption-content .sharing-btns { height: 56px; margin: 0; padding-top: 8px; } .blog-post .post-caption-content .sharing-btns .btn { line-height: 40px; min-width: 40px; padding: 10px; padding-top: 0; padding-bottom: 0; margin: 0; border: 0; } .blog-post .post-caption-content .sharing-btns .btn.btn-sm { padding-left: 15px; padding-right: 15px; } .blog-post .post-caption-content .sharing-btns .btn.facebook { color: #3B5998; } .blog-post .post-caption-content .sharing-btns .btn.facebook:hover { color: #fff; background: #3B5998; } .blog-post .post-caption-content .sharing-btns .btn.twitter { color: #55ACEE; } .blog-post .post-caption-content .sharing-btns .btn.twitter:hover { color: #fff; background: #55ACEE; } .blog-post .post-caption-content .sharing-btns .btn.google { color: #DD4B39; } .blog-post .post-caption-content .sharing-btns .btn.google:hover { color: #fff; background: #DD4B39; } .blog-post .post-caption-content .sharing-btns .btn.pinterest { color: #DD4B39; } .blog-post .post-caption-content .sharing-btns .btn.pinterest:hover { color: #fff; background: #DD4B39; } .post-comments { margin: 30px 0; } .post-comments .comment-list { padding-left: 0; } .post-comments .media { margin-top: 20px; padding: 5px 10px; } .post-comments .media img { top: 5px; width: 52px; height: 52px; position: relative; padding: 0px; border: 1px solid #f7f8fa; border-radius: 2px; } .post-comments .media .media-heading { margin: 0; color: #666666; text-transform: uppercase; font-size: 12px; letter-spacing: 0px; } .post-comments .media .media-heading a { letter-spacing: 0px; font-size: 12px; } .post-comments .media .media-heading .autor, .post-comments .media .media-heading .autor a { font-weight: 400; color: #444444; } .post-comments .media .dot { margin: 0px 2px; min-width: 5px; color: #666666; } .post-comments .media .media-footer { opacity: 0; margin-top: -5px; font-size: 13px; color: #666666; } .post-comments .media .media-footer > a { letter-spacing: 0.5px; font-size: 13px; color: #444444; color: #000000; } .post-comments .media .media-footer > a:hover { color: #000000; text-decoration: none; } .post-comments .media .media-footer > a i { font-size: 12px; } .post-comments .media .media-footer span { margin: 0 5px; } .post-comments .media .media-body:hover .media-footer { opacity: 1; } .comment-respond { margin: 15px 0px; } .comment-respond .form-group { margin-bottom: 0; } .comment-respond .form-style textarea { height: 100px; } .comment-reply-title, .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-message { padding: 5px; } .comment-reply-title { color: #000000; text-transform: uppercase; font-size: 24px; margin-bottom: 0px; font-weight: 700; letter-spacing: 0.5px; padding-bottom: 0; } .cencel-replay { letter-spacing: 0.5px; font-family: 'Lato', Arial, sans-serif; font-size: 14px; margin-left: 10px; line-height: 24px; } .logged-in-as { margin: 0px 5px; } .form-submit input { margin: 5px; /* &:hover { background: @color-default; }*/ } .comment-form textarea { height: 80px; } .form-submit { display: block; } .form-submit .btn-load-to-disabled { pointer-events: none; cursor: not-allowed; } .form-submit .submit-loader { margin-left: 6px; } .form-submit .submit-alert { display: inline-block; font-weight: 400; text-transform: uppercase; padding-left: 6px; } /* =================================================================== */ /* FORM STYLE /* =================================================================== */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2015-05-14, 10:37:37 Author : smeku */ form { display: block; margin: 1em 0; padding: 0; } form .form-group { position: relative; } form .input-group-btn > .btn { margin: 0; height: 46px; } form input, form textarea { display: block; background: rgba(255, 255, 255, 0.9); border: 2px solid #f7f8fa; letter-spacing: 1px; border-radius: 0; margin: 0px; padding: 6px 12px; color: #444444; height: 46px; width: 100%; -webkit-box-shadow: none; box-shadow: none; } form input[type="submit"] { display: inline-block; width: auto; } form textarea { min-height: 60px; } form .form-icon { position: absolute; top: 15px; right: 15px; color: #eeeeee; } form input:focus, form textarea:focus { background: #f7f8fa; border-color: #fff; -webkit-box-shadow: none; box-shadow: none; outline: none; } form input:focus + .form-icon, form textarea:focus + .form-icon { color: #000000; } @media (min-width: 992px) { form input, form textarea { height: 46px; font-size: 12px; } form textarea { height: 100px; } form textarea.height-2x { min-height: 140px; } } form *::-moz-placeholder { color: #666666; font-weight: 300; letter-spacing: 1px; } form *::-ms-input-placeholder { color: #666666; letter-spacing: 1px; font-weight: 300; } form *::-webkit-input-placeholder { color: #666666; letter-spacing: 1px; font-weight: 300; } .wpcf7-form .wpcf7-response-output { margin: 0; margin-bottom: 20px; padding: 15px; border-radius: 0; background: #fff; letter-spacing: .5px; border: 1px solid #f7f8fa; border-left: 5px solid #f7f8fa; } .wpcf7-form .wpcf7-validation-errors { color: #ff1919; border-left-color: #ff1919; } .wpcf7-form .wpcf7-mail-sent-ok { border: 2px solid #398f14; } .wpcf7-form .wpcf7-mail-sent-ng { color: #ff1919; border-left-color: #ff1919; } /* =================================================================== */ /* BUTTONS /* =================================================================== */ .btn { border-radius: 0; padding: 16px 39px; cursor: pointer; text-transform: uppercase; font-size: 80%; text-decoration: none; letter-spacing: 2px; background: #000; /* btn-default */ /* btn-link */ } .btn:hover { text-decoration: none; } .btn.btn-default { border: 2px solid #000000; line-height: 1.4; color: #ffffff; display: inline-block; vertical-align: middle; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); box-shadow: none; -ms-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: none; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .btn.btn-default:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0); -ms-transition-property: transform; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 50%; transform-origin: 50%; -ms-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -ms-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { text-decoration: none; -ms-transition-duration: 0.1s; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .btn.btn-default:hover:before, .btn.btn-default:focus:before, .btn.btn-default:active:before { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .btn.btn-link { border: 0px; text-transform: capitalize; color: #000000; line-height: 1.4; vertical-align: middle; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: none; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .btn.btn-link::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn.btn-link.active, .btn.btn-link:focus, .btn.btn-link:active { color: #fff; background: #000000; } .btn.btn-link:hover { color: #fff; text-decoration: none; -webkit-transition-duration: 0s; transition-duration: 0s; } .btn.btn-link:hover:before, .btn.btn-link:focus:before, .btn.btn-link:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .btn.btn-lg { padding: 20px 57px; font-size: 90%; } .btn.btn-sm { padding: 12px 25px; } .btn.btn-xs { padding: 6px 15px; } .btn.btn-load-to-disabled { pointer-events: none; cursor: not-allowed; } .btn .ico-left { margin-right: 8px; margin-left: -4px; padding-right: 5px; line-height: 100%; } .btn .ico-right { margin-left: 8px; margin-right: -4px; padding-left: 5px; line-height: 100%; } .btn.btn-ico { width: 50px; text-align: center; padding: 9px; font-size: 20px; } .btn.btn-ico.btn-lg { padding: 15px 22px; } .btn.btn-ico.btn-sm { padding: 8px 16px; letter-spacing: 1px; } .btn.btn-ico.btn-xs { padding: 4px 8px; font-size: 11px; letter-spacing: 0.5px; } /* =================================================================== */ /* ALERTS /* =================================================================== */ /* Created on : 2015-04-27, 21:12:05 Author : smeku */ /* =================================================================== */ /* ALERT /* =================================================================== */ .alert { border-radius: 0; background: #fafafa; font-weight: 400; letter-spacing: 1px; border: 1px solid #f7f8fa; border-left: 5px solid #f7f8fa; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transition: all 0.8s; } .alert.alert-success { color: #21ba49; border-left-color: #21ba49; } .alert.alert-info { color: #0088cc; border-left-color: #0088cc; } .alert.alert-warning { color: #8a6d3b; border-left-color: #8a6d3b; } .alert.alert-danger { color: #ff1919; border-left-color: #ff1919; } .alert.alert-dismissible .close { color: #666666; } /* =================================================================== */ /* TESTIMONIAL /* =================================================================== */ .owl-carousel.testimonials { padding-top: 5px; } .owl-carousel.testimonials .owl-controls { position: relative; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav { top: -65px; position: relative; opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-prev, .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-next { display: inline-block; zoom: 1; font-size: 0; cursor: pointer; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-prev:hover:before, .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-next:hover:before { background: #000000; color: #fff; cursor: pointer; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-prev:before, .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-next:before { position: relative; margin: 2px; width: 28px; height: 28px; font-family: FontAwesome; font-size: 20px; line-height: 28px; text-align: center; display: block; cursor: pointer; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-prev:hover:before, .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-next:hover:before { background: #000000; color: #fff; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-prev:before { content: "\f104"; } .owl-carousel.testimonials .owl-controls .testimonials-owl-nav .owl-next:before { content: "\f105"; } .owl-carousel.testimonials .testimonial-info { padding: 0 15px; margin-top: 18px; } .owl-carousel.testimonials .testimonial-info span { top: 3px; position: relative; } .owl-carousel.testimonials .testimonial-info h5 { padding-top: 10px; margin-bottom: 0px; } .owl-carousel.testimonials .testimonial-info em { display: block; letter-spacing: 1px; } .owl-carousel.testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 0; margin-right: 15px; border: solid 1px #ccc; } .owl-carousel.testimonials .testimonial-author { overflow: hidden; } .testimonials.testimonials-v1 .item P { position: relative; margin: 1px; } .testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v1 .item p:before { left: 80px; bottom: -22px; } .testimonials.testimonials-v1 .item p:after { border-top: 22px solid; border-left: 0 solid transparent; border-right: 22px solid transparent; } /*General Testimonials v1/v2*/ .testimonials.testimonials-v1 p { padding: 5%; border: 1px solid #f7f7f7; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .testimonials.testimonials-v1 .item p:after { width: 0; height: 0; content: " "; display: block; position: absolute; border-top-color: #f5f5f5; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ } /* =================================================================== */ /* TIMELINE /* =================================================================== */ .timeline-item { position: relative; display: table; width: 100%; padding: 20px 0; } .timeline-item .lt-date-icon { position: relative; display: table-cell; vertical-align: top; width: 50px; padding: 10px 0; padding-right: 10px; } .timeline-item .lt-date-icon:before { top: -20px; bottom: -20px; right: 28px; width: 4px; content: ''; background: #fff; border-color: #f7f8fa; border-left: 1px solid #f7f8fa; border-right: 1px solid #f7f8fa; position: absolute; margin-left: -14px; display: inline-block; } @media (min-width: 768px) { .timeline-item .lt-date-icon { padding-right: 20px; } .timeline-item .lt-date-icon:before { right: 38px; } } .timeline-item .tl-date { display: inline-block; position: absolute; left: 100%; padding-left: 20px; top: 15px; font-family: 'Lato', Arial, sans-serif; } @media (min-width: 768px) { .timeline-item .tl-date { position: relative; left: auto; top: auto; width: 160px; padding-left: 0; float: left; text-align: right; } } .timeline-item .tl-date span { padding-right: 20px; white-space: nowrap; line-height: 0; } .timeline-item .tl-date span:first-child { color: #999; font-size: 12px; font-weight: 300; line-height: 14px; display: none; letter-spacing: 1.5px; } @media (min-width: 768px) { .timeline-item .tl-date span:first-child { display: block; } } .timeline-item .tl-date span:last-child { color: #f7f8fa; font-size: 12px; font-weight: 300; } @media (min-width: 768px) { .timeline-item .tl-date span:last-child { color: #333; font-size: 24px; letter-spacing: 1px; } } .timeline-item .tl-icon { position: relative; float: right; margin: 0; font-size: 14px; width: 30px; height: 30px; line-height: 30px; /* border: 1px solid #fff; */ border-radius: 1px; } .timeline-item .tl-icon .fa-stack-2x { font-size: 30px; } .timeline-item .tl-icon .fa-stack-1x { line-height: 30px; height: 30px; } .timeline-item .tl-box { padding: 10px 20px 10px 20px; border: 1px solid #f7f8fa; background: #fff; line-height: 1.4; display: table-cell; position: relative; vertical-align: top; } .timeline-item .tl-box::after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f7f8fa; border-width: 10px; top: 18px; } .timeline-item .tl-box .title { margin-bottom: 5px; font-weight: 300; text-transform: uppercase; } /* =================================================================== */ /* SKILLS /* =================================================================== */ .progress_bar { overflow: hidden; } .progress_bar ul { margin-top: 0px; margin-bottom: 0px; } .progress_bar ul li { position: relative; margin-top: 45px; height: 5px; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress_bar ul li:first-child { margin-top: 45px; } .progress_bar ul li > span { position: absolute; z-index: 1; top: -23px; left: 4px; line-height: 20px; font-size: 12px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; } .progress_bar ul li .progress { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: visible !important; border-radius: 0px; } .progress_bar ul li:hover .progress-percent { background: #000000; border-color: #000000; color: #fff; } .progress_bar ul li:hover .progress-percent:after, .progress_bar ul li:hover .progress-percent:before { border-top-color: #000000; } .progress_bar ul li .progress-percent { position: absolute; top: -28px; right: 0; background: #000000; letter-spacing: 1px; color: #fff; font-weight: 400; height: 22px; line-height: 14px; padding: 4px 6px; font-size: 12px; border-radius: 2px; } .progress_bar ul li .progress-percent > span { font-weight: 700; } .progress_bar ul li .progress-percent:after, .progress_bar ul li .progress-percent:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .progress_bar ul li .progress-percent:after { border-top-color: #000000; border-width: 4px; left: 50%; margin-left: -4px; } .progress_bar ul li .progress-percent:before { border-top-color: #000000; border-width: 5px; left: 50%; margin-left: -5px; } .progress_bar ul li .progress-percent .counter { font-weight: 300; } /* =================================================================== */ /* SOCIAL ICONS /* =================================================================== */ .social-icons { display: block; list-style: none; margin: 5px 0; padding: 0; background: none; } .social-icons li { display: inline-block; margin: 0; padding: 0; } .social-icons li a { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 5s cubic-bezier(0.23, 1, 0.32, 1); position: relative; display: block; outline: none; padding: 0; margin: 4px 2px; width: 30px; height: 30px; line-height: 28px; font-size: 13px; letter-spacing: 0; text-align: center; } .social-icons li a:before { -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); zoom: 1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: -30px; position: absolute; height: 100%; line-height: 30px; pointer-events: none; left: 0; right: 0; text-align: center; } .social-icons li a:after { position: absolute; z-index: -1; -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .social-icons li a:hover { letter-spacing: 0; } .social-icons li a i.fa { -webkit-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); transition: all 2s cubic-bezier(0.23, 1, 0.32, 1); display: inline-block; width: 100%; height: 100%; pointer-events: none; } .social-icons.social-v2 li a { background: #fff; border: 1px solid #f7f8fa; } .social-icons.social-v3 li a { background: #fff; border: 1px solid #f7f8fa; border-radius: 50%; } .social-icons.social-2x li a { margin: 4px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; } .social-icons.social-2x li a:before { line-height: 40px; } .social-icons.social-3x li a { margin: 5px; width: 50px; height: 50px; line-height: 50px; font-size: 18px; } html.no-touch .social-icons li a:hover:before { filter: alpha(opacity=100); zoom: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); top: 0; line-height: 30px; color: #000000; } html.no-touch .social-icons li a:hover i { zoom: 1; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); color: #ffffff; pointer-events: none; } html.no-touch .social-icons.social-2x li a:hover:before { line-height: 40px; } html.no-touch .social-icons.social-3x li a:hover:before { line-height: 50px; } /* =================================================================== */ /* OWL THEME /* =================================================================== */ .owl-my-theme:hover .owl-controls .owl-nav [class*='owl-']:before { opacity: 1; } .owl-my-theme:hover .owl-controls .owl-nav .owl-prev:before { left: 0px; } .owl-my-theme:hover .owl-controls .owl-nav .owl-next:before { right: 0px; } .owl-my-theme.nav-v2 .owl-controls .owl-nav:before { position: relative; width: 50px; height: 50px; font-family: FontAwesome; font-size: 30px; line-height: 50px; text-align: center; margin-top: -25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .owl-my-theme .owl-controls .owl-nav { height: 0; } .owl-my-theme .owl-controls .owl-nav [class*='owl-'] { color: #fff; display: inline-block; zoom: 1; font-size: 0; } .owl-my-theme .owl-controls .owl-nav [class*='owl-']:before { position: absolute; top: 50%; width: 50px; height: 50px; font-family: FontAwesome; font-size: 30px; line-height: 50px; text-align: center; margin-top: -25px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .owl-my-theme .owl-controls .owl-nav .owl-prev:before { content: "\f104"; left: -50px; } .owl-my-theme .owl-controls .owl-nav .owl-next:before { content: "\f105"; right: -50px; } .owl-my-theme .owl-controls .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-my-theme.dots-v2 .owl-dots { position: relative; text-align: center; } .owl-my-theme .owl-dots { position: absolute; bottom: 5px; right: 5px; } .owl-my-theme .owl-dots .owl-dot { display: inline-block; zoom: 1; } .owl-my-theme .owl-dots .owl-dot.active span { background: #666666; border: 1px solid transparent; } .owl-my-theme .owl-dots .owl-dot:hover span { background: #666666; border: 1px solid #f7f8fa; } .owl-my-theme .owl-dots .owl-dot span { width: 12px; height: 12px; margin: 0px 7px 5px 7px; background: #f7f8fa; border: 1px solid #666666; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .owl-my-theme .owl-caption { position: absolute; bottom: 0; left: 0; margin-bottom: 0; margin-left: 0; display: none; min-width: 100%; background: rgba(0, 0, 0, 0.95); color: #fff; text-align: center; padding: 10px; } @media (min-width: 768px) { .owl-my-theme .owl-caption { display: inline-block; } } /* =================================================================== */ /* SIDEBAR /* =================================================================== */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2015-05-14, 03:48:08 Author : smeku */ .sidebar-right { position: fixed; top: 0; right: 0; background-color: #fff; box-shadow: 2px 1px 0 rgba(0, 0, 0, 0.2); height: 100%; width: 330px; z-index: 1001; opacity: 1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateX(330px); transform: translateX(330px); } .sidebar-right.sidebar-right-active { -webkit-transform: translateX(0); transform: translateX(0); } .sidebar-right .sidebar-right-header { height: 50px; position: relative; } .sidebar-right .sidebar-right-content { max-height: 100%; overflow-x: auto; padding: 10px 25px; padding-bottom: 75px; } /* =================================================================== */ /* WIDGET /* =================================================================== */ .widget { padding: 20px; } .widget ul { margin: 10px 0 10px 0px; padding: 0 0 0 10px; } .widget ul li:first-child { margin-top: 0; padding-top: 0; } .widget ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .widget li { list-style: none; margin: 0; padding: 2px 0px; display: block; position: relative; } .widget.widget_recent_entries li { padding-bottom: 7px; font-size: 110%; } .widget.widget_meta li:before, .widget.widget_nav_menu li:before, .widget.widget_categories li:before, .widget.widget_recent_comments li:before, .widget.widget_archive li:before { font-family: "FontAwesome"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 80%; margin-right: 5px; padding-left: 1px; opacity: .5; } .widget.widget_meta li:before, .widget.widget_nav_menu li:before { content: "\f101"; } .widget.widget_categories li:before { content: "\f07c"; } .widget.widget_recent_comments li:before { content: "\f0e5"; } .widget.widget_archive li:before { content: "\f073"; } .widget.widget_calendar table { width: 100%; border-collapse: collapse; margin-bottom: 0; } .widget.widget_calendar table thead { border-radius: 0px; } .widget.widget_calendar table caption { padding-bottom: 6px; text-align: center; margin-top: 10px; } .widget.widget_calendar table td { padding: 5px 0px; font-size: 11px; text-align: center; } .widget.widget_calendar table th { font-size: 11px; padding: 12px 0; text-align: center; border: none; } .widget.widget_calendar table th a { border-radius: 0px; margin-top: 5px; padding: 2px 8px 1px 8px; display: inline-block; border: 1px solid #f0f0f0; text-decoration: none; } .widget.widget_calendar table th a:hover { border-color: #787b7d; } .widget.widget_calendar table #prev { padding-left: 0; text-align: left; } .widget.widget_calendar table #next { text-align: right; padding-right: 0; } .widget.widget_calendar table #today { border-radius: 0px; color: #787b7d; } .widget .post-date { white-space: nowrap; font-size: 85%; display: block; } .widget select { width: 100%; max-width: 100%; } .sidebar-wrap a.more { transition: all 0.2s ease-in-out; outline: none; border: 2px solid #787b7d; padding: 10px 15px; font-size: 11px; color: #787b7d; background: transparent; border-radius: 0px; text-transform: uppercase; display: inline-block; text-decoration: none; } .sidebar-wrap a.more:hover { background: #787b7d; border-color: #787b7d; color: #ffffff; } div.sidebar-wrap.widget.CustomBox .title_line { margin-bottom: 0; } .sidebar-content.widget_nav li { padding: 0; } .sidebar-wrap div.ioa-image-wrap { padding: 0; } .sidebar-wrap div.ioa-image-wrap img { border-radius: 0px; } .sidebar-content ul { margin: 0; padding: 0 0; } .sidebar-wrap ul li a { text-decoration: none; } .sidebar-wrap ul li a abbr[title] { border-bottom: none; } html .recentcomments a { font-style: normal; } .icl_languages_selector { position: relative; z-index: 10; } .sidebar-wrap #lang_sel { display: block; } .sidebar-wrap #lang_sel li { width: 90%; background: #787b7d; } .sidebar-wrap #lang_sel li a { padding: 7px; background-position: 97% 50%; } .sidebar-wrap #lang_sel ul ul { top: 39px; width: 100%; } .sidebar-wrap .tweets-wrapper.list ul.tweets li i { font-size: 18px; top: -8px; background: none; color: #787b7d; padding-left: 0; } .sidebar-wrap .tweets-wrapper.list ul.tweets li { padding-left: 35px; padding-bottom: 20px; line-height: 1.4; min-height: 30px; } .sidebar-wrap .tweets-wrapper.list ul.tweets li { border-bottom: 1px solid #f0f0f0; } .sidebar-wrap .tweets-wrapper ul.tweets li { border-bottom: none; } .sidebar-wrap.widget_calendar table { width: 100%; border-collapse: collapse; margin-bottom: 0; } .sidebar-wrap.widget_calendar table thead { border-radius: 0px; background: rgba(0, 0, 0, 0.07); } .sidebar-wrap.widget_calendar table caption { padding-bottom: 6px; text-align: center; margin-top: 10px; } .sidebar-wrap.widget_calendar table td { padding: 5px 0px; font-size: 11px; text-align: center; } .sidebar-wrap.widget_calendar table th { font-size: 11px; padding: 12px 0; text-align: center; border: none; } .sidebar-wrap.widget_calendar table #prev { padding-left: 0; text-align: left; } .sidebar-wrap.widget_calendar table #next { text-align: right; padding-right: 0; } .sidebar-wrap.widget_calendar table td a { border-radius: 0px; margin-top: 5px; padding: 2px 8px 1px 8px; display: inline-block; border: 1px solid #f0f0f0; text-decoration: none; } .sidebar-wrap.widget_calendar table td a:hover { border-color: #787b7d; } .sidebar-wrap.widget_calendar table #today { border-radius: 0px; color: #787b7d; } .sidebar-wrap.widget_calendar tfoot { border-top: 1px solid #f0f0f0; } div.sidebar-wrap ul.menu { margin: 0; padding: 0; } div.sidebar-wrap ul.menu li { position: relative; } div.sidebar-wrap ul.menu > li { padding: 8px 0; margin: 0; } div.sidebar-wrap ul.menu a { margin-left: 0; padding: 8px 0px; position: relative; z-index: 2; } div.sidebar-wrap ul.menu ul.sub-menu a { display: inline-block; } div.sidebar-wrap .menu > li.current_page_item > a, div.sidebar-wrap .menu > li.current-menu-ancestor > a, div.sidebar-wrap .menu > li.menu-active > a, div.sidebar-wrap .menu > li.current-menu-item > a { color: #000102; } div.sidebar-wrap ul.sub-menu { display: none; left: -220px; z-index: 5; background: #fff; position: absolute; top: 0; width: 220px; margin: 0; padding: 0; box-shadow: -10px 18px 30px rgba(0, 0, 0, 0.1); line-height: 1.6; } div.left-sidebar div.sidebar-wrap ul.sub-menu { left: auto; right: -220px; } div.sidebar-wrap ul.sub-menu > li { text-align: left; border-bottom: none; margin: 0; padding: 0; } div.sidebar-wrap ul.sub-menu li a { text-decoration: none; padding: 15px 23px; display: block; margin: 0px; color: #000102; font-size: 12px; } div.sidebar-wrap ul.menu li:hover > a { opacity: 0.8; } div.sidebar-wrap a.rsswidget { border-bottom: none; } div.sidebar-wrap input[type=submit] { transition: all 0.2s ease-in-out; border: 2px solid #787b7d; padding: 9px 22px 9px 22px; font-size: 12px; color: #787b7d; display: inline-block; text-decoration: none; background: transparent; border-radius: 0px; text-transform: uppercase; outline: none; border: none; } div.sidebar-wrap.widget_search label.screen-reader-text { display: none; } div.sidebar-wrap #searchsubmit { display: none; } #searchform input[type=text] { width: 100%; } .sidebar-wrap.widget.widget_search .title_line { margin-bottom: 30px; } /* =================================================================== */ /* WIDGET /* =================================================================== */ /* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : 2015-09-19, 07:10:24 Author : smeku */ .comment-content a, .entry-content a, .entry-summary a { color: #000000; } .comment-content a:hover, .entry-content a:hover, .entry-summary a:hover { text-decoration: underline; } /* =Page links -------------------------------------------------------------- */ .page-links { clear: both; font-size: 14px; font-weight: 300; margin: 24px 0; } .page-links > span { background: none; font-weight: 900; padding: 8px 16px; letter-spacing: 0px; } .page-links > .page-links-title { height: auto; margin: 0; padding-right: 0px; width: auto; font-weight: 400; letter-spacing: 1px; } .page-links a { background: none; color: #444444; font-weight: 400; text-transform: uppercase; padding: 8px 10px; margin: 1px; border: 1px solid #f7f8fa; letter-spacing: 0px; } .page-links a:hover { background: #000000; border: 1px solid #000000; color: #fff; text-decoration: none; } /* Responsive images. for posts, comments, and widgets -------------------------------------------------------------- */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 10px 10px; } .alignleft { float: left; margin: 5px 10px 10px 0; } a img.alignright { float: right; margin: 5px 0 10px 10px; } a img.alignnone { margin: 5px 10px 10px 0; } a img.alignleft { float: left; margin: 5px 10px 10px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #f7f8fa; border: 1px solid #f7f8fa; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 0px; text-align: center; } .wp-caption.alignnone { margin: 5px; } .wp-caption.alignleft { margin: 5px; } .wp-caption.alignright { margin: 5px 0 10px 10px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption .wp-caption-text { line-height: 1.4; padding: 8px 5px; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /** * Make sure images with WordPress-added height and width attributes are * scaled correctly. */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } /* Make sure embeds and iframes fit their containers */ .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video, .entry-summary embed, .entry-summary iframe, .entry-summary object, .entry-summary video { margin-bottom: 15px; max-width: 100%; } p > embed, p > iframe, p > object, span > embed, span > iframe, span > object { margin-bottom: 0; } /* =Gallery -------------------------------------------------------------- */ .gallery { margin-bottom: 20px; width: 100%; float: left; } .gallery-item { float: left; margin: 0 4px 4px 0; overflow: hidden; position: relative; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 48%; max-width: -webkit-calc(46%); max-width: calc(46%); } .gallery-columns-3 .gallery-item { max-width: 32%; max-width: -webkit-calc(29.3%); max-width: calc(29.3%); } .gallery-columns-4 .gallery-item { max-width: 23%; max-width: -webkit-calc(21%); max-width: calc(21%); } .gallery-columns-5 .gallery-item { max-width: 19%; max-width: -webkit-calc(16%); max-width: calc(16%); } .gallery-columns-6 .gallery-item { max-width: 15%; max-width: -webkit-calc(12.7%); max-width: calc(12.7%); } .gallery-columns-7 .gallery-item { max-width: 13%; max-width: -webkit-calc(10.28%); max-width: calc(10.28%); } .gallery-columns-8 .gallery-item { max-width: 11%; max-width: -webkit-calc(8.5%); max-width: calc(8.5%); } .gallery-columns-9 .gallery-item { max-width: 9%; max-width: -webkit-calc(7.1%); max-width: calc(7.1%); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right: 0; } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear: left; } .gallery-caption { background-color: rgba(0, 0, 0, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; font-size: 12px; line-height: 1.5; margin: 0; max-height: 50%; opacity: 0; padding: 6px 8px; position: absolute; bottom: 0; left: 0; text-align: left; width: 100%; } .gallery-caption:before { content: ""; height: 100%; min-height: 49px; position: absolute; top: 0; left: 0; width: 100%; } .gallery-item:hover .gallery-caption { opacity: 1; } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /* =WP CSS - post_class() -------------------------------------------------------------- */ .bypostauthor .entry-date { display: none; } .sticky .entry-date { display: none; } /* VC -------------------------------------------------------------- */ .vc_tta-panel-title { font-size: 14px; } /* =================================================================== */ /* SCENE - BACKGROUNRD (Parallax) /* =================================================================== */ .scene { position: absolute; top: 0; bottom: 0; left: 0px; right: 0; z-index: 1; overflow: hidden; } .scene .layer { padding: 0; margin: 0; height: 100%; width: 100%; } .scene .bg1 { background-image: none; background-size: cover; background-position: center center; width: 104%; height: 110%; position: absolute; left: -2%; right: -2%; top: -5%; bottom: -5%; } .scene .expand-width { width: 100%; } .search-form-container { position: fixed; z-index: -10; top: 0; bottom: 0; left: 0; right: 0; padding: 30px 0 20px 0; text-align: center; background-color: #ffffff; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s; transition: all 0.4s; } .search-form-container.open-search-form { z-index: 9999; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .search-form-container .searchform { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .search-form-container .searchform .input-group { width: 50%; margin: auto; } .search-form-container a.header-search-icon-link { position: absolute; top: 50px; right: 50px; display: block; /* width: 32px; height: 32px; font-size: 18px; font-weight: 700; line-height: 25px; text-align: center; padding: 0; border: 2px solid #fff; color: #fff;*/ }