/*! Theme Name: Be Page Theme URI: https://edatastyle.com/product/be-page Author: eDataStyle Author URI: https://edatastyle.com Description: Be Page is a Responsive Corporate One Page & Minimal Multipurpose WordPress Theme for Corporate, Portfolio, Personal, Agency, Business, Education, Restaurant, Wedding, Landing, Shop, Blog, Real estate, App landing, Travel or web agencies anything .It’s based on Bootstrap framework and HTML5/CSS3 technologies, with a minimal design, clean and elegant, fully responsive and customizable. Be page features full and seamless integration with Elementor Theme Builder – Free Drag and Drop page builder and Ultimate Addons. Quick and easy setup to create a portfolio and show your works and services. The Theme is optimized for smartphone and tablets, it provides a clear documentation and no coding knowledge is required. Check out Theme Support at https://edatastyle.com/dwqa-questions/ and Demo at https://eds.edatastyle.com/demo/be-page Version: 1.5 License: GPLv3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: be-page Tags: two-columns, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, blog, post-formats, theme-options, portfolio, education /**************** Table of Contents 01 Common Styles 02 Buttons 03 Navbar 04 Aside Navbar 05 Fullscreen Menu 06 Home Slider 07 Icon Boxes 08 Footer 09 Portfolio 10 Team 11 Blog 12 Shop 13 Forms 14 Timeline 15 Pricing Tables 16 Photo Gallery 17 Animations 18 Fullpage 19 Zoom 20 Helpers *****************/ /* 01 Common Styles */ * { min-height: 0; min-width: 0; } body { font-family: 'Source Sans Pro', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #787878; font-weight: 400; font-size: 16px; line-height: 1.5; } body.boxed-layout { background-color: #f2f2f2; } @media only screen and (min-width: 992px) { body.left-navbar #wrapper { padding-left: 240px; overflow-x: hidden; } body.left-navbar #footer { left: 240px; } } ::-moz-selection { background-color: #1f1f1f; color: #fff; } ::selection { background-color: #1f1f1f; color: #fff; } img, video { max-width: 100%; height: auto; } a { color: #1f1f1f; } a:hover { color: #6c6c6c; text-decoration: none; } a:focus { color: #6c6c6c; text-decoration: none; } a.small-link { font-family: 'Poppins', sans-serif; font-size: 11px; letter-spacing: 0.05em; font-weight: 500; } a.small-link > span { display: inline-block; vertical-align: middle; } a.small-link > i { display: inline-block; position: relative; vertical-align: middle; font-size: 10px; width: 10px; height: 8px; margin-left: 3px; -webkit-transition: all .3s ease; transition: all .3s ease; } a.small-link.black-text:hover { color: #00c3da !important; } a.small-link:hover > i { margin-left: 7px; } a.white-text:hover { color: #00c3da; } a.arrow-link { font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 500; letter-spacing: 0.05em; position: relative; display: inline-block; } a.arrow-link:hover:after { margin-left: 8px; } dd { margin-bottom: 20px; } ul { list-style: disc; } li > ul, li > ol { padding: 0; margin-left: 15px; } select { max-width: 100%; } .table { font-size: 14px; } .table > thead > tr > th { color: #1f1f1f; border-bottom: 1px solid #e7e7e7; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500; letter-spacing: 0.05em; } iframe { max-width: 100%; } h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; color: #1f1f1f; line-height: 1.3; } h1, h2, h3, h4 { font-weight: 700; } h5, h6 { font-weight: 600; } blockquote { border-left: 0; padding: 0; } blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { line-height: inherit; } blockquote footer { color: inherit; font-family: 'Poppins', sans-serif; } hr { border-color: #e6e6e6; } p{ padding-bottom:10px; margin:0px; } table{ width:100%; border-left:1px solid #EEE; border-bottom:1px solid #EEE; } table td, table th{ border-right:1px solid #EEE; border-top:1px solid #EEE; padding:4px; } .calendar_wrap, .calendar_wrap th{ text-align:center; } #wrapper { position: relative; z-index: 20; overflow-x: hidden; } #wrapper section.last-section { box-shadow: 0 20px 20px 0px rgba(0, 0, 0, 0.02); } @media only screen and (min-width: 1200px) { .boxed-layout #wrapper { max-width: 1170px; margin-left: auto; margin-right: auto; box-shadow: none; } .boxed-layout #wrapper .container { width: 1140px; } } #loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #1f1f1f; z-index: 100000; } #mask { width: 200px; height: 200px; line-height: 200px; margin: 0 auto; text-align: center; } #mask svg { width: 64px; height: 76px; } .preloader-path { stroke-linejoin: round; fill: none; stroke: #fff; stroke-width: 1; stroke-dasharray: 70 32; -webkit-animation: preloader 1s infinite ease; animation: preloader 1s infinite ease; } section { position: relative; padding-top: 50px; padding-bottom: 50px; z-index: 10; } section + section { border-top: 1px solid #eee; } section.home-section + section { border-top: 0; } section.grey-bg, section.dark-bg { border-top: 0; } section.grey-bg + section, section.dark-bg + section { border-top: 0; } @media only screen and (min-width: 992px) { section.split-section + .split-section { border-top: 0; } } section.parallax-section { background-color: transparent; border-top: 0; color: #fff; } section.parallax-section.simple-parallax { height: 400px; } section.parallax-section .parallax-bg .gradient-bg-wrapper { z-index: 0; opacity: .9; } section.parallax-section .parallax-overlay { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: #1f1f1f; opacity: .7; } section.parallax-section .parallax-overlay.gradient-overlay { background-color: transparent; opacity: .9; } section.parallax-section .parallax-overlay.gradient-overlay:not([data-gradients]) { background: -webkit-linear-gradient(left, #cf93ff 0%, #00c3da 100%); background: linear-gradient(90deg, #cf93ff 0%, #00c3da 100%); } section.parallax-section .parallax-overlay.semilight-overlay { opacity: .5; } section.parallax-section .parallax-overlay.colored-overlay { background-color: #00c3da; } section.parallax-section.text-dark .parallax-overlay { opacity: .1; } section.parallax-section .title > i { color: #fff; } section.parallax-section + section { border: 0; } section.big-padding-bt { padding-bottom: 220px!important; } section.section-bordered { border: 20px solid #fff; } section.section-bordered.home-section { border: 0; } section.section-bordered.home-section #home-slider { border: 20px solid #fff; border-bottom: 0; padding-bottom: 20px; } section.section-bordered.home-section #home-slider:after { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 20px; background-color: #fff; } section.page-title { height: 450px; background:#FFF; } section.slider-widgets { background:#FFF; } section.page-title.parallax-section { } section.page-title .bp-desktop({ h1{ font-size: 58px; } }) .title { margin-bottom: 0; } .grey-bg { background-color: #f7f7f7; } .dark-bg { background-color: #1f1f1f; color: #fff; } .dark-bg .title > hr { border-color: #fff; } .title { margin-bottom: 25px; position: relative; z-index: 10; } .title > h1 { font-size: 48px; letter-spacing: -1px; } .title > h1.upper { letter-spacing: 0.03em; } .title > h1.font-big { font-size: 66px; } .title > h2 { font-size: 38px; letter-spacing: -1px; } .title > h2.alt-serif-font { font-size: 36px; } .title > h2 > .fw-300 { letter-spacing: 0; } .title > h2.upper { letter-spacing: 0.03em; } .title > h2.font-big { font-size: 56px; } .title > h2.font-xl { font-size: 96px; } @media only screen and (max-width: 991px) { .title > h2 { font-size: 32px; } .title > h2.font-big { font-size: 40px; } .title > h2.font-xl { font-size: 58px; } } .title > h3 { letter-spacing: -1px; } .title > h3.cursive-font { letter-spacing: 0; font-size: 19px; } .title > h3.cursive-font + h2 { margin-top: 0; } .title > h3.alt-serif-font { font-size: 22px; } .title > h4 { font-weight: 400; font-size: 18px; font-family: 'Source Sans Pro', sans-serif; color: #787878; } .title > h4.upper { font-size: 14px; letter-spacing: 0.1em; } .title > h4.font-xl { font-size: 66px; } .title > h6 { text-transform: uppercase; font-weight: 500; font-size: 13px; letter-spacing: 0.05em; margin-top: 0; } .title > i { font-size: 45px; color: #1f1f1f; } .title .title-icon { position: relative; height: 65px; width: 65px; border-radius: 50%; text-align: center; line-height: 65px; -webkit-transition: all .3s ease; transition: all .3s ease; display: inline-block; background-color: #00c3da; clear: both; color: #fff; } .title .title-icon > i { font-size: 32px; } .title > p { font-size: 24px; margin: 20px 0; } @media only screen and (max-width: 991px) { .title > p { font-size: 20px; } } .title > hr { width: 40px; margin: 20px 0 15px; border-color: #1f1f1f; -webkit-transition: width .3s ease; transition: width .3s ease; } .title > hr.fullwidth { width: 100%; border-color: #e6e6e6; } .title > hr.colored { border-color: #00c3da; } .title > hr.white { border-color: #fff; } .title > hr.right-align { margin-left: auto; margin-right: 0; } .title:hover > hr:not(.fullwidth) { width: 60px; } .title.text-center hr { margin-left: auto; margin-right: auto; } .title.text-center h2[data-bigletter]:before { left: 0; right: 0; margin: auto; } @media only screen and (max-width: 991px) { .title.txt-sm-center h2[data-bigletter]:before { left: 0; right: 0; margin: auto; } } .title h2[data-bigletter] { position: relative; } .title h2[data-bigletter]:before { z-index: -1; content: attr(data-bigletter); font-size: 2em; opacity: .06; position: absolute; top: -0.5em; left: -0.15em; text-align: center; text-transform: uppercase; } .row-parallax-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .row-parallax-bg .parallax-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 130%; height: calc(100% + 30vh); } .row-parallax-bg .parallax-wrapper .parallax-bg { background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .video-wrapper .video-player { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-wrapper .video-player video { position: absolute; width: 100%; height: 100%; max-width: none; z-index: -1; } .video-wrapper .fallback-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; } @media only screen and (min-width: 992px) { .video-wrapper .fallback-bg { display: none; } } .vertical-divider { height: 70px; width: 1px; background-color: #1f1f1f; margin: 50px auto 0; } .img-cover { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 768px) and (max-width: 991px) { .img-cover { min-height: 350px; } } @media only screen and (max-width: 767px) { .img-cover { min-height: 300px; } } .img-side { padding: 0; position: absolute!important; top: 0px; height: 100%; overflow: hidden; z-index: 100; } .img-side.fixed-image { position: fixed!important; } .img-side.img-right { right: 0; } .img-side.img-left { left: 0; } .img-side.img-center { left: 0; right: 0; margin: auto; } @media only screen and (max-width: 767px) { .img-side { min-height: 400px; margin: -110px 0 60px; position: relative!important; z-index: 0; } .img-side .img-holder .title { padding-left: 15px; padding-right: 15px; } section.p-0 .img-side, section.pt-0 .img-side { margin-top: 0; } } .img-holder { position: absolute; top: 0; width: 100%; height: 100%; } .img-holder.overlay { color: #fff; } .img-holder.overlay:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(33, 40, 45, 0.6); } .img-holder.overlay .title p { color: #fff; } .img-holder .title { padding-left: 100px; padding-right: 100px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .img-holder .title { display: none; } } .img-holder.with-border { border: 20px solid #fff; } .holder-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .holder-container:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(31, 31, 31, 0.5); -webkit-transition: all .3s ease; transition: all .3s ease; } .fixed-bg-section section { padding-left: 5%; padding-right: 5%; } @media only screen and (max-width: 991px) { .fixed-bg-section .img-side { min-height: 500px; position: relative!important; z-index: 0; } .fixed-bg-section .img-side .img-holder .title { padding-left: 15px; padding-right: 15px; } } .typed-words:after { content: "|"; -webkit-animation: blink 0.7s infinite; animation: blink 0.7s infinite; font-weight: lighter; color: #787878; } .typed-cursor { display: none; } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; } } .dark-bg h1, .parallax-section:not(.text-dark) h1, .gradient-bg h1, .colored-bg h1, .dark-bg h2, .parallax-section:not(.text-dark) h2, .gradient-bg h2, .colored-bg h2, .dark-bg h3, .parallax-section:not(.text-dark) h3, .gradient-bg h3, .colored-bg h3, .dark-bg h4, .parallax-section:not(.text-dark) h4, .gradient-bg h4, .colored-bg h4, .dark-bg h5, .parallax-section:not(.text-dark) h5, .gradient-bg h5, .colored-bg h5, .dark-bg h6, .parallax-section:not(.text-dark) h6, .gradient-bg h6, .colored-bg h6, .dark-bg a:not(.btn), .parallax-section:not(.text-dark) a:not(.btn), .gradient-bg a:not(.btn), .colored-bg a:not(.btn) { color: inherit; } .dark-bg .counter-content, .parallax-section:not(.text-dark) .counter-content, .gradient-bg .counter-content, .colored-bg .counter-content { border-color: #333333; } .dark-bg #filters > li, .parallax-section:not(.text-dark) #filters > li, .gradient-bg #filters > li, .colored-bg #filters > li { color: #fff; } .dark-bg #filters > li.active, .parallax-section:not(.text-dark) #filters > li.active, .gradient-bg #filters > li.active, .colored-bg #filters > li.active { border-color: #fff; color: #fff; } .dark-bg #filters > li.active:hover, .parallax-section:not(.text-dark) #filters > li.active:hover, .gradient-bg #filters > li.active:hover, .colored-bg #filters > li.active:hover { color: #fff; } .dark-bg .icon-box > i, .parallax-section:not(.text-dark) .icon-box > i, .gradient-bg .icon-box > i, .colored-bg .icon-box > i, .dark-bg .social-list > li > a, .parallax-section:not(.text-dark) .social-list > li > a, .gradient-bg .social-list > li > a, .colored-bg .social-list > li > a { color: #fff; } .dark-bg .minimal-tabs > li > a, .parallax-section:not(.text-dark) .minimal-tabs > li > a, .gradient-bg .minimal-tabs > li > a, .colored-bg .minimal-tabs > li > a { color: #fff; } .dark-bg .minimal-tabs > li > a:hover, .parallax-section:not(.text-dark) .minimal-tabs > li > a:hover, .gradient-bg .minimal-tabs > li > a:hover, .colored-bg .minimal-tabs > li > a:hover { color: #fff; } .dark-bg .minimal-tabs > li.active > a, .parallax-section:not(.text-dark) .minimal-tabs > li.active > a, .gradient-bg .minimal-tabs > li.active > a, .colored-bg .minimal-tabs > li.active > a, .dark-bg .minimal-tabs > li.active > a:focus, .parallax-section:not(.text-dark) .minimal-tabs > li.active > a:focus, .gradient-bg .minimal-tabs > li.active > a:focus, .colored-bg .minimal-tabs > li.active > a:focus, .dark-bg .minimal-tabs > li.active > a:hover, .parallax-section:not(.text-dark) .minimal-tabs > li.active > a:hover, .gradient-bg .minimal-tabs > li.active > a:hover, .colored-bg .minimal-tabs > li.active > a:hover { color: #fff; border-color: #fff; } .dark-bg .accordion > li.active .accordion-title, .parallax-section:not(.text-dark) .accordion > li.active .accordion-title, .gradient-bg .accordion > li.active .accordion-title, .colored-bg .accordion > li.active .accordion-title { background-color: #fff; border-color: #fff; } .dark-bg .accordion > li.active .accordion-title:before, .parallax-section:not(.text-dark) .accordion > li.active .accordion-title:before, .gradient-bg .accordion > li.active .accordion-title:before, .colored-bg .accordion > li.active .accordion-title:before { color: #1f1f1f; border-color: #1f1f1f; border-width: 1px; } .dark-bg .accordion > li.active .accordion-title h4, .parallax-section:not(.text-dark) .accordion > li.active .accordion-title h4, .gradient-bg .accordion > li.active .accordion-title h4, .colored-bg .accordion > li.active .accordion-title h4 { color: #1f1f1f; } .go-top { position: fixed; width: 50px; height: 50px; bottom: 50px; right: 50px; line-height: 50px; text-align: center; border: 1px solid #dedede; background-color: transparent; z-index: 100; border-radius: 50%; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; visibility: hidden; -webkit-transform: scale(0.3); transform: scale(0.3); } .go-top.showed-up { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .go-top:hover { background-color: #00c3da; } .go-top a { color: #929292; display: block; } .go-top a i { font-size: 26px; line-height: inherit; } .go-top a i:before { line-height: inherit; } .row-flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-flex:before { content: none; } .row-flex > [class*="col-"] { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -moz-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } @media only screen and (max-width: 767px) { .row-flex > [class*="col-"]:not([class*="col-xs"]) { width: 100%; } } .row-flex > [class*="col-"] .column-inner { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: -15px; margin-right: -15px; } .row-flex > [class*="col-"] .column-inner.with-border { margin-right: -14px; margin-top: 1px; margin-bottom: 1px; } .row-flex.flex-center > [class*="col-"] { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .row-flex.full-width-flex > [class*="col-"] { padding-left: 6.5%; padding-right: 6.5%; } } .row-flex.padding-row > [class*="col-"] { padding: 7.5% 6.5%; } .row-flex.flex-horizontal > [class*="col-"]:last-child { -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .row-flex.flex-spacing .column-inner { margin-left: 0; margin-right: 0; } .column-inner.with-padding { padding: 65px 50px; } .column-inner.with-border { box-shadow: 0 0 0 1px #eee; } .boxed-tabs.center-tabs, .minimal-tabs.center-tabs { text-align: center; font-size: 0; } .boxed-tabs.center-tabs > li, .minimal-tabs.center-tabs > li { display: inline-block; float: none; } .boxed-tabs { border-bottom: 0; margin-bottom: 25px; } .boxed-tabs.cols-6 > li { width: 16.66666667%; } .boxed-tabs.cols-5 > li { width: 20%; } .boxed-tabs.cols-4 > li { width: 25%; } .boxed-tabs.cols-3 > li { width: 33.33333333%; } .boxed-tabs.cols-2 > li { width: 50%; } @media only screen and (max-width: 991px) { .boxed-tabs.cols-6 > li, .boxed-tabs.cols-5 > li, .boxed-tabs.cols-4 > li, .boxed-tabs.cols-3 > li { width: 50%; padding: 4px; border: 0; float: left; display: block; } } .boxed-tabs > li { border-right: 1px solid rgba(0, 0, 0, 0.07); } .boxed-tabs > li:last-child { border-right: 0; } .boxed-tabs > li > a { text-transform: uppercase; padding: 15px 20px; letter-spacing: 0.15em; font-size: 11px; border-radius: 0; color: #1f1f1f; font-family: 'Poppins', sans-serif; font-weight: 500; background-color: #f4f4f4; border: 0; margin-right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .boxed-tabs > li > a:hover { background-color: #eee; border-color: transparent; } .boxed-tabs > li.active { border-color: #00c3da; } .boxed-tabs > li.active > a, .boxed-tabs > li.active > a:focus, .boxed-tabs > li.active > a:hover { border: 0; background-color: #00c3da; color: #fff; cursor: pointer; outline: none; } .boxed-tabs.red-skin > li.active { border-color: #f42841; } .boxed-tabs.red-skin > li.active > a, .boxed-tabs.red-skin > li.active > a:focus, .boxed-tabs.red-skin > li.active > a:hover { background-color: #f42841; } .minimal-tabs { margin-bottom: 25px; border-bottom: 0; } .minimal-tabs > li > a { text-transform: uppercase; margin-right: 20px; letter-spacing: 0.1em; font-size: 11px; border-radius: 0; font-weight: 500; color: #454545; font-family: 'Poppins', sans-serif; border: 0; border-bottom: 1px solid transparent; -webkit-transition: all .3s ease; transition: all .3s ease; } .minimal-tabs > li > a:hover, .minimal-tabs > li > a:focus { background-color: transparent; border-color: transparent; color: #1f1f1f; } @media only screen and (max-width: 767px) { .minimal-tabs > li > a { margin-bottom: 10px; margin-right: 0; } } .minimal-tabs > li.active > a, .minimal-tabs > li.active > a:focus, .minimal-tabs > li.active > a:hover { background-color: transparent; border: 0; border-bottom: 1px solid #1f1f1f; color: #1f1f1f; outline: none; } .icon-tabs { border-bottom: 0; margin-bottom: 25px; text-align: center; font-size: 0; } .icon-tabs.cols-6 > li { width: 16.66666667%; } .icon-tabs.cols-5 > li { width: 20%; } .icon-tabs.cols-4 > li { width: 25%; } .icon-tabs.cols-3 > li { width: 33.33333333%; } .icon-tabs.cols-2 > li { width: 50%; } @media only screen and (max-width: 991px) { .icon-tabs.cols-6 > li, .icon-tabs.cols-5 > li, .icon-tabs.cols-4 > li, .icon-tabs.cols-3 > li { width: 50%; } } .icon-tabs > li { width: 25%; display: inline-block; float: none; } .icon-tabs > li > a { text-transform: uppercase; margin-right: 20px; letter-spacing: 0.1em; font-size: 12px; border-radius: 0; font-weight: 500; color: #454545; font-family: 'Poppins', sans-serif; border: 0; margin-right: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .icon-tabs > li > a:hover, .icon-tabs > li > a:focus { background-color: transparent; border-color: transparent; } .icon-tabs > li > a > i { display: block; font-size: 42px; margin-bottom: 20px; } .icon-tabs > li.active > a, .icon-tabs > li.active > a:focus, .icon-tabs > li.active > a:hover { opacity: 1; border: 0; background-color: transparent; color: #00c3da; cursor: pointer; outline: none; } .tab-content p { line-height: 28px; } .play-button { cursor: pointer; width: 80px; height: 80px; margin-left: auto; margin-right: auto; border: 2px solid #1f1f1f; border-radius: 50%; line-height: 76px; color: #1f1f1f; text-align: center; font-size: 36px; position: relative; z-index: 10; -webkit-transition: all .3s ease; transition: all .3s ease; } .play-button a { color: inherit; } .play-button i { line-height: inherit; } .play-button i:before { line-height: inherit; } .play-button:hover { background-color: #1f1f1f; color: #fff; -webkit-transform: scale(0.9); transform: scale(0.9); } .btn[data-play-button] { -webkit-transition: all .3s ease; transition: all .3s ease; } .btn[data-play-button]:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .testimonials-slider .testimonial { padding-left: 25px; padding-right: 25px; } @media only screen and (max-width: 767px) { .testimonials-slider .testimonial { padding-left: 15px; padding-right: 15px; } } .testimonials-slider .testimonial-content { background-color: #fff; padding: 75px 100px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05); max-width: 750px; margin: 50px auto; text-align: center; border-radius: 10px; } @media only screen and (max-width: 767px) { .testimonials-slider .testimonial-content { padding: 100px 50px 50px; } } .testimonials-slider .testimonial-content > img { width: 100px; border-radius: 50%; margin-left: auto; margin-right: auto; margin-top: -125px; } .testimonials-slider .testimonial-comment > h4 { margin-top: 25px; margin-bottom: 10px; font-size: 24px; letter-spacing: -0.03em; } .testimonials-slider .testimonial-comment > p { margin: 25px 0; font-size: 18px; font-weight: 300; } .testimonials-slider .testimonial-comment .testimonial-info { text-transform: uppercase; font-family: 'Poppins', serif; font-size: 12px; letter-spacing: 0.03em; font-weight: 500; } @media only screen and (max-width: 991px) { .testimonials-slider .slick-arrow { display: none; visibility: hidden; } } section.parallax-section .testimonials-slider .testimonial-content { background-color: transparent; margin-top: 0; margin-bottom: 0; padding: 0 50px; box-shadow: none; } @media only screen and (max-width: 767px) { section.parallax-section .testimonials-slider .testimonial-content { padding: 0; } } section.parallax-section .testimonials-slider .testimonial-content > img { margin-top: 0; } section.parallax-section .slick-dots > li:not(.slick-active) > button { background-color: rgba(255, 255, 255, 0.3); } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev, .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next { position: absolute; top: 50%; border: 0; background-color: transparent; height: 50px; margin-top: -25px; font-size: 52px; line-height: 50px; outline: none; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 100; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev:hover, .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next:hover { color: #00c3da; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev i, .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next i { line-height: inherit; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev { left: 25px; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-prev:hover { left: 20px; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next { right: 25px; } .slick-slider:not(#home-slider):not(#product-slider-nav) .slick-next:hover { right: 20px; } .slick-slide { outline: none; } .slick-dots { margin: auto; text-align: center; padding-left: 0; margin: 0 0 15px; list-style-type: none; } .slick-dots > li { display: inline-block; margin: 0 4px; } .slick-dots > li > button { font-size: 0; border: 0; padding: 0; width: 11px; height: 11px; outline: none; background-color: rgba(0, 0, 0, 0.1); border-radius: 50%; } .slick-dots > li.slick-active > button { background-color: #00c3da; } .dark-dots .slick-dots > li.slick-active > button { background-color: #1f1f1f; } .white-dots .slick-dots > li.slick-active > button { background-color: #fff; } .dots-abs .slick-dots { position: absolute; bottom: 25px; left: 0; width: 100%; } .accordion { padding-left: 0; list-style: none; margin: 0; } .accordion > li { margin-bottom: 20px; } .accordion > li.active .accordion-title { color: #00c3da; border-color: #00c3da; } .accordion > li.active .accordion-title h4 { color: #00c3da; } .accordion > li.active .accordion-title:before { content: "\e0e9"; color: #00c3da; border-color: #00c3da; } .accordion.dark-skin > li.active .accordion-title { color: #1f1f1f; border-color: #1f1f1f; } .accordion.dark-skin > li.active .accordion-title h4 { color: #1f1f1f; } .accordion.dark-skin > li.active .accordion-title:before { color: #1f1f1f; border-color: #1f1f1f; } .accordion.dark-blue-skin > li.active .accordion-title { color: #007aff; border-color: #007aff; } .accordion.dark-blue-skin > li.active .accordion-title h4 { color: #007aff; } .accordion.dark-blue-skin > li.active .accordion-title:before { color: #007aff; border-color: #007aff; } .accordion-title { margin: 0; padding: 20px 20px; padding-left: 70px; position: relative; cursor: pointer; border: 2px solid #e6e6e6; -webkit-transition: all .3s ease; transition: all .3s ease; } .accordion-title h4 { margin: 0; font-weight: 500; font-size: 14px; -webkit-transition: all .3s ease; transition: all .3s ease; } .accordion-content { display: none; padding: 20px 0; } .accordion-content p { margin: 0; } .check-list { padding-left: 0; list-style: none; margin-bottom: 0; } .check-list > li { padding: 6px 0; } .check-list.dark-skin > li:before { color: #1f1f1f; } .check-list.white-skin > li:before { color: #fff; } .parallax-section .check-list > li:before { color: #fff; } .tagcloud a, .post-tags a { display: block; float: left; padding: 8px 10px; border: 1px solid #858585; margin: 0 10px 10px 0; font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em; font-family: 'Poppins', sans-serif; -webkit-transition: all .3s ease; transition: all .3s ease; font-weight: 600; color: #787878; } .tagcloud a:hover, .post-tags a:hover { background-color: #00c3da; border-color: #00c3da; color: #fff; } section.dark-bg .progress, section.colored-bg .progress { background-color: rgba(255, 255, 255, 0.15); } section.dark-bg .progress-bar:not(.colored), section.colored-bg .progress-bar:not(.colored) { background-color: #fff; } .progress { height: 2px; background-color: #eee; margin-bottom: 25px; box-shadow: none; } .progress-bar { background-color: #1f1f1f; box-shadow: none; } .progress-bar.colored { background-color: #00c3da; } .skill { position: relative; text-align: left; } .skill-name { position: relative; } .skill-name, .skill-perc { margin-bottom: 15px; display: block; font-size: 13px; font-weight: 500; } .skill-perc { position: absolute; top: 0; } .carousel { max-width: 100%; } .carousel .slick-list.draggable { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .carousel .slick-list.draggable:active { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } .carousel .carousel-item.with-padding { padding-left: 15px; padding-right: 15px; } #map.full-width { height: 500px; width: 100%; position: relative!important; } @media only screen and (max-width: 991px) { .map-side { padding: 0; margin-top: -120px; margin-bottom: 50px; } .map-side #map { min-height: 400px; width: 100%; position: relative!important; margin-bottom: 35px; } } @media only screen and (min-width: 992px) { .map-side { padding: 0px; position: absolute; top: 0px; height: 100%; overflow: hidden; z-index: 100; left: 0; } .map-side.map-right { right: 0; left: auto; } .map-side #map { min-height: 500px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } } .map-box { position: relative; width: 100%; height: 100%; min-height: 300px; } .map-box #map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; } .menu-list { padding-left: 0; list-style: none; margin: 0; text-align: left; } .menu-list.serif-font h4 { font-family: 'Lora', sans-serif; font-weight: 400; text-transform: none; font-size: 15px; letter-spacing: 0; } .menu-list > li { padding: 15px 0; overflow: hidden; border-bottom: 1px solid #eee; margin: 10px 0; } .menu-list > li:first-child { margin-top: 0; } .menu-list > li:last-child { border-bottom: 0; } .menu-list > li h4 { margin: 0; text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; position: relative; font-weight: 600; } .menu-list > li h4:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 2px; z-index: -1; } .menu-list > li .menu-value { float: right; padding-left: 5px; margin-top: 1px; background-color: #fff; } .menu-list > li .menu-text { font-size: 14px; padding: 15px 0 0; margin-bottom: 0; } .menu-list > li .menu-title { background-color: #fff; padding-right: 5px; } .menu-list > li .menu-content { padding-right: 25px; } section.grey-bg .menu-list .menu-title, section.grey-bg .menu-list .menu-value { background-color: #f7f7f7; } section.dark-bg .menu-list .menu-title, section.dark-bg .menu-list .menu-value { background-color: #1f1f1f; } .ig { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12); } .box-with-image { position: relative; } .box-with-image .box-content { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); display: -ms-flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .box-with-image .box-content h3 { color: #fff; font-size: 32px; letter-spacing: -1px; } .box-with-image .box-content h3.cursive-font { font-size: 38px; letter-spacing: 0; } section.section-skewed { padding-bottom: 160px; } section.section-skewed.home-section { padding-bottom: 0; } section.section-skewed .skewed-mask { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 6%; z-index: 1; pointer-events: none; } section.section-skewed .skewed-mask .mask-block { position: absolute; width: 100%; height: 100%; background-color: #fff; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: skewY(-3deg); transform: skewY(-3deg); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } section.section-skewed.skewed-reverse .skewed-mask .mask-block { -webkit-transform: skewY(3deg); transform: skewY(3deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } section.section-skewed + section { border-top: 0; } section.gradient-bg { color: #fff; border: 0; } section.gradient-bg:not([data-gradients]) { background: -webkit-linear-gradient(left, #cf93ff 0%, #00c3da 100%); background: linear-gradient(90deg, #cf93ff 0%, #00c3da 100%); } .gradient-bg-wrapper, .gradient-bg-element { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .client-carousel figure { line-height: 100px; margin: 0 auto; max-width: 150px; padding: 0 10px; display: block; } .client-carousel figure img { display: inline-block; vertical-align: middle; opacity: .8; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .client-carousel figure img:hover { opacity: 1; } .client-image { max-width: 160px; display: block; margin: 0 auto; line-height: 70px; } .client-image img { display: inline-block; vertical-align: middle; opacity: .8; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .client-image:hover img { opacity: 1; } .clients-box [class*="col-"] { padding: 5%; } #particle-canvas { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } .inline-list { list-style: none; padding-left: 0; } .inline-list > li { padding: 12px 0; border-bottom: 1px solid #e6e6e6; } .inline-list > li:last-child { border-bottom: 0; } .inline-list > li .list-title { display: inline-block; min-width: 120px; font-weight: 500; color: #1f1f1f; } .social-list { padding: 0; list-style: none; margin: 0; } .social-list.size--big > li > a { width: 75px; font-size: 34px; } .social-list.text-center > li { margin: 5px; } .social-list > li { display: inline-block; margin-right: 5px; } .social-list > li > a { display: block; font-size: 20px; width: 40px; color: #929292; -webkit-transition: all .3s ease; transition: all .3s ease; } .dark-bg .social-list > li > a, .colored-bg .social-list > li > a { color: #fff; } .social-list > li > a:hover { color: #00c3da; } .social-list > li > a i { line-height: inherit; } .social-list > li.social-item-facebook > a:hover { color: #3b5998; } .social-list > li.social-item-twitter > a:hover { color: #55acee; } .social-list > li.social-item-linkedin > a:hover { color: #0077b5; } .social-list > li.social-item-instagram > a:hover { color: #3f729b; } .social-list > li.social-item-dribbble > a:hover { color: #ea4c89; } .social-list > li.social-item-github > a:hover { color: #333; } .social-list > li.social-item-flickr > a:hover { color: #0063dc; } .social-list > li.social-item-pinterest > a:hover { color: #bd081c; } .social-list > li.social-item-youtube > a:hover { color: #cd201f; } .social-list > li.social-item-tumblr > a:hover { color: #35465c; } .social-list > li.social-item-snapchat > a:hover { color: #fffc00; } #search-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.9); z-index: 999999; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } #search-modal.active { opacity: 1; visibility: visible; } #search-modal.active .search-form { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } #search-modal .search-form { max-width: 700px; padding: 0 20px; margin-left: auto; margin-right: auto; opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transition-delay: .3s; transition-delay: .3s; } #search-modal .search-form ::-webkit-input-placeholder { color: #fff; } #search-modal .search-form ::-moz-placeholder { color: #fff; } #search-modal .search-form :-ms-input-placeholder { color: #fff; } #search-modal .search-form ::placeholder { color: #fff; } #search-modal .search-form ::-moz-selection { background-color: #00c3da; color: #fff; } #search-modal .search-form ::selection { background-color: #00c3da; color: #fff; } #search-modal .search-form .form-control { padding: 0 25px; border-color: #999; color: #fff; background-color: transparent; border-width: 1px; text-transform: none; font-size: 18px; letter-spacing: 0; height: 60px; line-height: 60px; } #search-modal .search-form .form-control:focus, .search-field:focus { border-color: #000; } #search-modal .search-form .form-control:focus + .input-group-btn .btn { border-color: #00c3da; } #search-modal .search-form .btn { background-color: transparent; border-width: 1px 1px 1px 0; border-color: #999; height: 62px; font-size: 18px; } #search-modal #close-search-modal { position: absolute; top: 1em; right: 1em; color: #fff; font-size: 40px; -webkit-transition: all .3s ease; transition: all .3s ease; } #search-modal #close-search-modal:hover { -webkit-transform: scale(0.8); transform: scale(0.8); } .image-box { position: relative; overflow: hidden; } @media only screen and (max-width: 991px) { .image-box { max-width: 500px; margin: 50px auto; } } .image-box img { -webkit-transition: all .5s ease; transition: all .5s ease; } .image-box:hover img { -webkit-transform: scale(1.1) translateX(10px); transform: scale(1.1) translateX(10px); } .image-box .image-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 35px; } .image-box .image-overlay h1, .image-box .image-overlay h2, .image-box .image-overlay h3, .image-box .image-overlay h4, .image-box .image-overlay h5, .image-box .image-overlay h6 { color: inherit; } .error-page { text-align: center; } .error-page .title > h1 { font-size: 160px; line-height: 1; } @media only screen and (max-width: 767px) { .error-page .title > h1 { font-size: 100px; } } .job-offer { padding: 20px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden; } .job-info:before, .job-info:after { content: " "; display: table; } .job-info:after { clear: both; } .job-info h3 { margin-top: 0; letter-spacing: -1px; } .job-info h5 { font-size: 11px; color: #787878; letter-spacing: 0.05em; font-weight: 500; } .job-content { margin-top: 20px; } .job-content p { margin-bottom: 15px; } .job-content a { color: #00c3da; } .images-gallery.slick-slider:hover .slick-prev, .images-gallery.slick-slider:hover .slick-next { opacity: 1; } .images-gallery.slick-slider .slick-prev, .images-gallery.slick-slider .slick-next { opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } .images-gallery.slick-slider .slick-prev:hover, .images-gallery.slick-slider .slick-next:hover { color: #1f1f1f !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3); } .media-video { width: 100%; padding-bottom: 60%; position: relative; } .media-video iframe, .media-video embed { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; padding: 0; } .media-audio { width: 100%; padding-bottom: 20%; position: relative; } .media-audio iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; padding: 0; } .alert { border-radius: 0; font-size: 16px; padding: 25px 25px 25px 100px; border: 0; color: #fff; position: relative; margin-bottom: 25px; } .alert p { margin: 0; } .alert .alert-icon { background-color: rgba(0, 0, 0, 0.075); position: absolute; width: 75px; text-align: center; left: 0; top: 0; bottom: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .alert .alert-icon i { font-size: 20px; } .alert.alert-dismissible { padding-right: 35px; } .alert .close { position: absolute; right: 20px; top: 50%; height: 26px; line-height: 26px; margin-top: -13px; opacity: 1; outline: none; } .alert .close i { text-shadow: none; font-size: 22px; font-weight: bold; } .alert.alert-warning { background-color: #ffbb44; } .alert.alert-danger { background-color: #f42841; } .alert.alert-success { background-color: #0ee092; } .alert.alert-info { background-color: #35c3fa; } /* 02 Buttons */ .btn { position: relative; padding: 0 30px; height: 50px; line-height: 50px; border-radius: 4px; border-width: 0; font-size: 14px; font-weight: 600; -webkit-transition: all .3s ease; transition: all .3s ease; font-family: 'Poppins', sans-serif; letter-spacing: -0.04em; overflow: hidden; } .btn:focus { box-shadow: none; outline: none; } .btn:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn:active { -webkit-transform: translateY(1px); transform: translateY(1px); outline: none; } .btn:active:focus { outline: none; } .btn.upper { font-weight: 500; font-size: 11px; letter-spacing: 0.05em; } .btn.no-radius { border-radius: 0; } .btn.btn-round { border-radius: 50px; } .btn.btn-circle { border-radius: 100px; height: 75px; width: 75px; line-height: 73px!important; padding: 0; font-size: 20px; } .btn.btn-circle.btn-lg { width: 90px; height: 90px; line-height: 88px!important; } .btn.btn-circle.btn-lg > i { font-size: 28px; } .btn.btn-circle.btn-sm { width: 50px; height: 50px; line-height: 48px!important; } .btn.btn-circle.btn-sm > i { font-size: 18px; } .btn.btn-circle.btn-xs { width: 40px; height: 40px; line-height: 38px!important; } .btn.btn-circle.btn-xs > i { font-size: 18px; } .btn.btn-circle > i { margin: 0; } .btn-shadow { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07); } .btn-shadow:hover { box-shadow: 0 8px 26px rgba(0, 0, 0, 0.1); } .btn.btn-gradient:hover:after { -webkit-animation-delay: 0s; animation-delay: 0s; } .btn.btn-light-out, .btn.btn-color-out, .btn.btn-dark-out, .btn.btn-bordered { line-height: 48px; border-width: 1px; } .btn.btn-light-out:after, .btn.btn-light:after { background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.13), transparent); background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.13), transparent); } .btn + .btn:not(.btn-block) { margin-left: 15px; } .btn > i { vertical-align: middle; display: inline-block; margin-left: 10px; font-size: 18px; } .btn > i:before { vertical-align: middle; } .btn > i.align-left { margin-left: 0; margin-right: 10px; } .btn-dark { color: #fff; background-color: #1f1f1f; } .btn-dark:hover, .btn-dark:active { color: #fff; background-color: #1f1f1f; } .btn-dark:focus { color: #fff; } .btn-dark-out { color: #1f1f1f; border-color: #1f1f1f; background-color: transparent; } .btn-dark-out:hover, .btn-dark-out:active { background-color: #1f1f1f; border-color: #1f1f1f; color: #fff; } .btn-light { color: #1f1f1f; background-color: #fff; } .btn-light:hover, .btn-light:active { background-color: #fff; color: #1f1f1f; } .btn-light:focus { color: #1f1f1f; } .btn-light-out { color: #fff; border-color: #fff; background-color: transparent; } .btn-light-out:hover, .btn-light-out:active { background-color: #fff; border-color: #fff; color: #1f1f1f; } .btn-color { color: #fff; background-color: #00c3da; } .btn-color:hover, .btn-color:active { background-color: #00d5ee; color: #fff; } .btn-color:focus { color: #fff; } .btn-color-out { color: #00c3da; border-color: #00c3da; background-color: transparent; } .btn-color-out:hover, .btn-color-out:active { background-color: #00c3da; border-color: #00c3da; color: #fff; } .btn-color-out:focus { color: #00c3da; } .btn-gradient { color: #fff; background: -webkit-linear-gradient(290deg, #00c3da 0%, #cf93ff 100%); background: linear-gradient(160deg, #00c3da 0%, #cf93ff 100%); } .btn-gradient:hover, .btn-gradient:active { background: -webkit-linear-gradient(290deg, #00c3da 0%, #cf93ff 100%); background: linear-gradient(160deg, #00c3da 0%, #cf93ff 100%); color: #fff; } .btn-gradient:focus { color: #fff; } .btn-bordered { color: #1f1f1f; border-color: #dedede; background-color: transparent; } .btn-bordered:hover, .btn-bordered:active { background-color: #1f1f1f; border-color: #1f1f1f; color: #fff; } .btn-custom { color: #fff; background-color: #ddd; } .btn-custom:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; } .btn-custom:hover:before { opacity: .15; } .btn-custom:hover, .btn-custom:active { color: #fff; } .btn-custom:focus { color: #fff; } .inline-icon-btn > h5 { display: inline-block; text-transform: uppercase; font-size: 12px; letter-spacing: 0.075em; margin: 0 10px; font-family: 'Poppins', sans-serif; font-weight: 500; vertical-align: middle; } .btn-dark:after, .btn-dark-out:after, .btn-color:after, .btn-color-out:after, .btn-custom:after { content: ''; position: absolute; top: 0; left: -200%; width: 200%; height: 100%; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.4), transparent); background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.4), transparent); } .btn-dark:hover, .btn-dark-out:hover, .btn-color:hover, .btn-color-out:hover, .btn-custom:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } .btn-dark:hover:after, .btn-dark-out:hover:after, .btn-color:hover:after, .btn-color-out:hover:after, .btn-custom:hover:after { -webkit-animation: shine 1.6s ease; animation: shine 1.6s ease; -webkit-animation-delay: .2s; animation-delay: .2s; } .btn.btn-sm { padding: 0 16px; font-size: 12px; height: 40px; line-height: 40px; } .btn.btn-sm.upper { font-size: 10px; } .btn.btn-sm > i { font-size: 14px; } .btn.btn-lg { padding: 0 45px; height: 58px; line-height: 58px; font-size: 15px; } .btn.btn-lg.upper { font-size: 14px; } .btn.btn-lg > i { font-size: 20px; } .btn-block + .btn-block { margin-top: 15px; } /* 03 Navbar */ #navbar { position: fixed; top: 0; right: 0; left: 0; height: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; } #navbar .logo { display: table; height: 80px; float: left; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 110; color:#000; } #navbar .logo h4{ margin:0px; } #navbar .logo a, #navbar .logo h4{ color:#FFF; } #navbar.stick .logo a, #navbar.stick .logo h4 { color:#787878; } #navbar .logo > a { display: table-cell; vertical-align: middle; } #navbar .logo img { max-height: 40px; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; width:auto; } #navbar .logo .logo-light { opacity: 1; height: auto; } #navbar .logo .logo-dark { opacity: 0; height: 0; } .top-spacing #navbar { top: 20px; } .sub-menu { margin-left: 0; } .light-slide #navbar:not(.stick) { border-color: rgba(0, 0, 0, 0.1); } .light-slide #navbar:not(.stick) .navigation-menu > li > a { color: #1f1f1f; } .light-slide #navbar:not(.stick) .menu-extras .menu-item > div { border-color: rgba(0, 0, 0, 0.1); } .light-slide #navbar:not(.stick) .menu-extras .menu-item .header-socials > ul > li > a { color: #1f1f1f; } .light-slide #navbar .logo-light { opacity: 0; height: 0; } .light-slide #navbar .logo-dark { opacity: 1; height: auto; } #navbar .navigation-menu { list-style: none; margin: 0; padding: 0; font-size: 0; float: right; } @media only screen and (min-width: 992px) { #navbar .navigation-menu { padding: 0 10px; } } #navbar .navigation-menu > li { display: block; float: left; position: relative; } #navbar .navigation-menu > li.has-megamenu { position: static !important; } #navbar .navigation-menu > li > a { display: block; color: #fff; font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 500; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: 20px; padding-left: 15px; padding-right: 15px; outline: none; } #navbar .navigation-menu > li > a:hover, #navbar .navigation-menu > li > a:focus { background-color: transparent; } @media only screen and (min-width: 992px) { #navbar .navigation-menu > li > a { padding-top: 30px; padding-bottom: 30px; } } #navbar .navigation-menu > li .sub-menu li a i { margin-right: 5px; } #navbar .navigation-menu > li.menu-btn-item, #navbar.stick .navigation-menu > li.menu-btn-item { -webkit-transition: all .3s ease; transition: all .3s ease; } #navbar .navigation-menu > li.menu-btn-item > a, #navbar.stick .navigation-menu > li.menu-btn-item > a { display: inline-block; padding: 0 16px!important; font-size: 13px; height: 35px; line-height: 35px; min-height: 0; background-color: #00c3da; border-color: #00c3da; border-radius: 4px; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; } #navbar .navigation-menu > li.menu-btn-item > a:hover, #navbar.stick .navigation-menu > li.menu-btn-item > a:hover, #navbar .navigation-menu > li.menu-btn-item > a:focus, #navbar.stick .navigation-menu > li.menu-btn-item > a:focus, #navbar .navigation-menu > li.menu-btn-item > a:active, #navbar.stick .navigation-menu > li.menu-btn-item > a:active { color: #fff!important; } #navbar .navigation-menu > li.menu-btn-item > a:before, #navbar.stick .navigation-menu > li.menu-btn-item > a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; } #navbar .navigation-menu > li.menu-btn-item > a:hover, #navbar.stick .navigation-menu > li.menu-btn-item > a:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); } #navbar .navigation-menu > li.menu-btn-item > a:hover:before, #navbar.stick .navigation-menu > li.menu-btn-item > a:hover:before { opacity: .2; } #navbar .navigation-menu > li.menu-btn-item > a:active, #navbar.stick .navigation-menu > li.menu-btn-item > a:active { -webkit-transform: translateY(1px); transform: translateY(1px); outline: none; } #navbar .navigation-menu > li.menu-btn-item > a:active:focus, #navbar.stick .navigation-menu > li.menu-btn-item > a:active:focus { outline: none; } #navbar .navigation-menu > li.menu-btn-item:hover > a, #navbar.stick .navigation-menu > li.menu-btn-item:hover > a, #navbar .navigation-menu > li.menu-btn-item:focus > a, #navbar.stick .navigation-menu > li.menu-btn-item:focus > a, #navbar .navigation-menu > li.menu-btn-item:active > a, #navbar.stick .navigation-menu > li.menu-btn-item:active > a { color: #fff!important; } #navbar .navigation-menu > li.menu-btn-item { padding: 20px 15px; } #navbar.stick .navigation-menu > li.menu-btn-item { padding: 13px 15px; } #navbar.stick.dark-menu { background-color: #1f1f1f; border-color: #1c1c1c; box-shadow: none; } #navbar.stick.dark-menu .logo .logo-dark { opacity: 0; height: 0; } #navbar.stick.dark-menu .logo .logo-light { opacity: 1; height: auto; } #navbar.stick.dark-menu .navigation-menu > li > a { color: #fff; } #navbar.stick.dark-menu .navigation-menu > li > a:hover { color: #bbb; } #navbar.stick.dark-menu .navigation-menu > li.active > a { color: #bbb; } #navbar.stick.dark-menu .menu-extras .menu-item > div { border-color: rgba(255, 255, 255, 0.1); } #navbar.stick.dark-menu .menu-extras .menu-item > div > a { color: #fff; height: 60px; } #navbar.stick.dark-menu .menu-extras .menu-item .header-socials { height: 60px; } #navbar.stick.dark-menu .menu-extras .menu-item .header-socials > ul > li > a { color: #fff; line-height: 60px; } #navbar.stick.dark-menu .menu-extras .menu-item .header-socials > ul > li > a:hover { color: #bbb; } .menu-extras { float: right; margin-right: -15px; position: relative; z-index: 20; } .menu-extras .menu-item { float: left; } .menu-extras .menu-item > div { border-left: 1px solid rgba(255, 255, 255, 0.2); position: relative; } .menu-extras .menu-item > div > a { display: table; padding: 0 20px; color: #fff; font-size: 20px; -webkit-transition: all .3s ease; transition: all .3s ease; height: 80px; } .menu-extras .menu-item > div > a > i, .menu-extras .menu-item > div > a > .hamburger { display: table-cell; vertical-align: middle; } .menu-extras .menu-item .hamburger-box { height: 15px; } @media only screen and (min-width: 992px) { #navbar .navbar-wrapper { position: relative; margin-left: 30px; margin-right: 30px; } #navbar #navigation.left-aligned-menu .navigation-menu { padding: 0 10px; } #navbar #navigation.left-aligned-menu .navigation-menu > li { float: left; display: block; } #navbar #navigation.left-aligned-menu .navigation-menu { float: left; } #navigation { display: block!important; } .menu-extras .menu-item .header-socials { padding-left: 10px; height: 80px; -webkit-transition: all .3s ease; transition: all .3s ease; } .menu-extras .menu-item .header-socials > ul { list-style: none; padding-left: 0; margin: 0; } .menu-extras .menu-item .header-socials > ul > li { display: inline-block; } .menu-extras .menu-item .header-socials > ul > li > a { color: #fff; padding: 0 10px; font-size: 15px; line-height: 80px; -webkit-transition: all .3s ease; transition: all .3s ease; } .menu-extras .menu-item .header-socials > ul > li > a:hover { color: #ccc; } #navbar.stick { background-color: #fff; height: 60px; box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07); top: 0; } #navbar.stick .logo { height: 60px; } #navbar.stick .logo .logo-light { opacity: 0; height: 0; } #navbar.stick .logo .logo-dark { opacity: 1; height: auto; } #navbar.stick .navigation-menu > li > a { color: #242424; padding-top: 20px; padding-bottom: 20px; } #navbar.stick .navigation-menu > li:hover > a, #navbar.stick .navigation-menu > li.active > a { color: #787878; } #navbar.stick .menu-extras .menu-item > div { border-color: #eee; } #navbar.stick .menu-extras .menu-item > div > a { color: #1f1f1f; height: 60px; } #navbar.stick .menu-extras .menu-item .header-socials { height: 60px; } #navbar.stick .menu-extras .menu-item .header-socials > ul > li > a { color: #242424; line-height: 60px; } #navbar.stick .menu-extras .menu-item .header-socials > ul > li > a:hover { color: #787878; } .nav-toggle { display: none; } #navbar .navigation-menu > li.last-elements .sub-menu { left: auto; right: 0; } #navbar .navigation-menu > li.last-elements .sub-menu > li.menu-item-has-children .sub-menu { left: auto; right: 100%; } #navbar .navigation-menu > li > .sub-menu { border-top: 0; } #navbar .navigation-menu > li .sub-menu { position: absolute; top: 100%; left: 0; z-index: 1000; padding: 15px 0; list-style: none; min-width: 200px; visibility: hidden; opacity: 0; -webkit-transition: all .2s ease; transition: all .2s ease; background-color: #fff; text-align: left; border: 1px solid #f2f2f2; box-shadow: 0 5px 15px 0 rgba(31, 31, 31, 0.07); -webkit-transform: scale(0.9); transform: scale(0.9); } #navbar .navigation-menu > li .sub-menu.megamenu { white-space: nowrap; width: 100%; display: table; padding: 25px 0; -webkit-transform: scale(0.95); transform: scale(0.95); } #navbar .navigation-menu > li .sub-menu.megamenu > li { overflow: hidden; width: 25%; display: table-cell; border-right: 1px solid #eee; vertical-align: top; } #navbar .navigation-menu > li .sub-menu.megamenu > li:last-child { border: 0; } #navbar .navigation-menu > li .sub-menu.megamenu > li a { display: inline-block; } #navbar .navigation-menu > li .sub-menu > li.menu-item-has-children > a:after { font-family: "FontAwesome"; content: "\f105"; position: absolute; right: 20px; font-size: 14px; height: 12px; line-height: 12px; top: 50%; margin-top: -6px; } #navbar .navigation-menu > li .sub-menu > li .sub-menu { left: 100%; top: 0; -webkit-transform: scale(0.9); transform: scale(0.9); margin-top: -1px; } #navbar .navigation-menu > li .sub-menu li { position: relative; } #navbar .navigation-menu > li .sub-menu li ul { list-style: none; padding-left: 0; margin: 0; } #navbar .navigation-menu > li .sub-menu li a { display: block; padding: 6px 25px; clear: both; line-height: 1.4; white-space: nowrap; font-size: 12px; letter-spacing: 0.03em; color: #787878; font-family: 'Poppins', sans-serif; font-weight: 400; } #navbar .navigation-menu > li .sub-menu li a:hover { color: #1f1f1f; } #navbar .navigation-menu > li .sub-menu li .menu-label { display: block; padding: 8px 25px; clear: both; font-weight: 500; line-height: 1.4; white-space: nowrap; font-family: 'Poppins', sans-serif; font-size: 13px; color: #1f1f1f; pointer-events: none; } #navbar .navigation-menu > li .sub-menu li .menu-label:after { content: none!important; } #navbar .navigation-menu > li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } #navbar .navigation-menu > li.menu-item-has-children:hover > .sub-menu.megamenu { margin-top: 0; } #navbar .navigation-menu > li.menu-item-has-children:hover > .sub-menu > li.menu-item-has-children:hover > .sub-menu { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .toggle-sub-menu{ display:none; } @media only screen and (max-width: 991px) { .site-main{ padding-right:0px!important; } .container-pull-right .site-main{ padding-left:0px!important; } #navbar { background-color: #fff; height: 60px; box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07); top: 0; } #navbar .logo { height: 60px; } #navbar .logo .logo-light { opacity: 0; height: 0; } #navbar .logo .logo-dark { opacity: 1; height: auto; } #navbar .menu-extras .menu-item > div { border-color: #eee; } #navbar .menu-extras .menu-item > div > a { color: #1f1f1f; height: 60px; } #navbar .menu-extras .menu-item .header-socials { display: none; } #navbar #navigation, #aside-nav #navigation { position: absolute; top: 60px; left: 0; width: 100%; display: none; height: auto; padding-bottom: 0; overflow: auto; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background-color: #fff; z-index: 99999; } #navbar #navigation.visible, #aside-nav #navigation.visible { visibility: visible; opacity: 1; top: 60px; } #navbar.dark-menu #navigation, #aside-nav.dark-menu #navigation { background-color: #1f1f1f; border-color: rgba(255, 255, 255, 0.1); } #navbar.dark-menu .navigation-menu > li > a, #aside-nav.dark-menu .navigation-menu > li > a { color: #fff; } #navbar.dark-menu .navigation-menu > li > a:hover, #aside-nav.dark-menu .navigation-menu > li > a:hover { color: #bbb; } #navbar.dark-menu .navigation-menu > li .sub-menu li > a, #aside-nav.dark-menu .navigation-menu > li .sub-menu li > a { color: #ccc; border-color: rgba(255, 255, 255, 0.1); } #navbar.dark-menu .navigation-menu > li .sub-menu li > a:hover, #aside-nav.dark-menu .navigation-menu > li .sub-menu li > a:hover { color: #fff; } #navbar.dark-menu .navigation-menu > li .sub-menu.megamenu > li > .menu-label, #aside-nav.dark-menu .navigation-menu > li .sub-menu.megamenu > li > .menu-label { color: #fff; border-color: rgba(255, 255, 255, 0.1); } #navbar.dark-menu .navigation-menu > li.menu-item-has-children.opened > a, #aside-nav.dark-menu .navigation-menu > li.menu-item-has-children.opened > a { color: #bbb; border-color: rgba(255, 255, 255, 0.1); } #navbar .navigation-menu, #aside-nav .navigation-menu { max-height: 400px; float: none; } #navbar .navigation-menu > li, #aside-nav .navigation-menu > li { float: none; display: block; } li.menu-item-has-children{ position:relative; } .toggle-sub-menu{ position: absolute; right: 5px; top:2px; font-size: 25px; width:45px; height:45px; display:block; cursor:pointer; } .toggle-sub-menu:before{ position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); } #navbar .navigation-menu > li > a, #aside-nav .navigation-menu > li > a { color: #393939; padding: 15px 20px; font-weight: 500; } #navbar .navigation-menu > li > a:hover, #aside-nav .navigation-menu > li > a:hover { color: #787878; } #navbar .navigation-menu > li > a:after, #aside-nav .navigation-menu > li > a:after { position: absolute; right: 15px; } #navbar .navigation-menu > li .sub-menu, #aside-nav .navigation-menu > li .sub-menu { display: none; list-style: none; padding-left: 0; margin: 0; } #navbar .navigation-menu > li .sub-menu li > a, #aside-nav .navigation-menu > li .sub-menu li > a { display: block; position: relative; padding: 15px; padding-left: 45px; font-family: 'Poppins', sans-serif; font-size: 13px; color: #787878; letter-spacing: 0.05em; border-bottom: 1px solid #e6e6e6; } #navbar .navigation-menu > li .sub-menu li > a:hover, #aside-nav .navigation-menu > li .sub-menu li > a:hover { color: #1f1f1f; } #navbar .navigation-menu > li .sub-menu li.menu-item-has-children .sub-menu li a, #aside-nav .navigation-menu > li .sub-menu li.menu-item-has-children .sub-menu li a { padding-left: 65px; } #navbar .navigation-menu > li .sub-menu .sub-menu, #aside-nav .navigation-menu > li .sub-menu .sub-menu { display: none; list-style: none; } #navbar .navigation-menu > li .sub-menu .sub-menu.opened, #aside-nav .navigation-menu > li .sub-menu .sub-menu.opened { display: block; } #navbar .navigation-menu > li .sub-menu.megamenu > li > ul, #aside-nav .navigation-menu > li .sub-menu.megamenu > li > ul { list-style: none; padding-left: 0; } #navbar .navigation-menu > li .sub-menu.megamenu > li .menu-label, #aside-nav .navigation-menu > li .sub-menu.megamenu > li .menu-label { display: block; padding: 15px 25px; padding-left: 35px; clear: both; font-weight: 400; white-space: nowrap; letter-spacing: 0; font-size: 13px; font-weight: 500; color: #1f1f1f; pointer-events: none; border-bottom: 1px solid #e6e6e6; } #navbar .navigation-menu > li.menu-item-has-children.opened > a, #aside-nav .navigation-menu > li.menu-item-has-children.opened > a { color: #1f1f1f; border-bottom: 1px solid #e6e6e6; } #navbar .menu-extras, #aside-nav .menu-extras { border-color: rgba(0, 0, 0, 0.08); } #navbar .menu-extras .menu-item > div > a, #aside-nav .menu-extras .menu-item > div > a { color: #1f1f1f; } #navbar .menu-extras .menu-item > div > a:hover, #aside-nav .menu-extras .menu-item > div > a:hover { color: #787878; } #navbar.dark-menu, #aside-nav.dark-menu { background-color: #1f1f1f; box-shadow: none; border-color: #1a1a1a; } #navbar.dark-menu .logo .logo-dark, #aside-nav.dark-menu .logo .logo-dark { opacity: 0; height: 0; } #navbar.dark-menu .logo .logo-light, #aside-nav.dark-menu .logo .logo-light { opacity: 1; height: auto; } #navbar.dark-menu .menu-extras .menu-item > div, #aside-nav.dark-menu .menu-extras .menu-item > div { border-color: rgba(255, 255, 255, 0.1); } #navbar.dark-menu .menu-extras .menu-item > div > a, #aside-nav.dark-menu .menu-extras .menu-item > div > a { color: #fff; } #navbar.dark-menu .menu-extras .menu-item > div > a:hover, #aside-nav.dark-menu .menu-extras .menu-item > div > a:hover { color: #bbb; } #navbar.dark-menu .hamburger-inner, #aside-nav.dark-menu .hamburger-inner { background-color: #fff; } #navbar.dark-menu .hamburger-inner:before, #aside-nav.dark-menu .hamburger-inner:before, #navbar.dark-menu .hamburger-inner:after, #aside-nav.dark-menu .hamburger-inner:after { background-color: inherit; } #navbar.dark-menu .menu-toggle:hover .hamburger-inner, #aside-nav.dark-menu .menu-toggle:hover .hamburger-inner { background-color: #bbb; } } /* 04 Aside Navbar */ @media only screen and (min-width: 992px) { #aside-nav { position: fixed; left: 0; top: 0; bottom: 0; width: 240px; background-color: #fff; z-index: 99999; border-right: 1px solid rgba(0, 0, 0, 0.05); } #aside-nav .logo { text-align: center; padding: 35px; margin-bottom: 50px; } #aside-nav .logo img { max-width: 120px; } #aside-nav .navigation-menu > li { display: block; position: relative; } #aside-nav .navigation-menu > li.menu-btn-item { padding-left: 35px!important; padding-right: 35px!important; } #aside-nav .navigation-menu > li.active > a { color: #787878; } #aside-nav .navigation-menu > li > a { color: #1f1f1f; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 12px 35px; text-align: center; } #aside-nav .navigation-menu > li > a:hover { color: #787878; background-color: transparent; } #aside-nav .navigation-menu > li > a:focus { background-color: transparent; } #aside-nav .navigation-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; margin-left: 0; } #aside-nav .navigation-menu > li .sub-menu, #aside-nav .navigation-menu > li .sub-menu { list-style: none; padding-left: 0; display: none; padding: 10px 0; } #aside-nav .navigation-menu > li .sub-menu > li > a, #aside-nav .navigation-menu > li .sub-menu > li > a { display: block; font-family: 'Poppins', sans-serif; color: #787878; font-weight: 400; font-size: 13px; padding: 5px 0; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; } #aside-nav .navigation-menu > li .sub-menu > li > a:hover, #aside-nav .navigation-menu > li .sub-menu > li > a:hover { color: #1f1f1f; } #aside-nav.aside-right { left: auto; right: 0; border-right: 0; border-left: 1px solid rgba(0, 0, 0, 0.05); } #aside-nav.aside-hidden { -webkit-transition: all .3s ease; transition: all .3s ease; left: -240px; } #aside-nav.aside-hidden .toggle-nav { display: block; } #aside-nav.aside-hidden.is-active { left: 0; } #aside-nav.aside-hidden.aside-right { left: auto; right: -240px; } #aside-nav.aside-hidden.aside-right.is-active { right: 0; } #aside-nav.aside-hidden.aside-right .toggle-nav { right: auto; left: -90px; } #aside-nav .toggle-nav { display: none; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; position: absolute; background-color: #fff; padding: 8px 0; top: 30px; right: -90px; cursor: pointer; -webkit-transition: all .5s ease; transition: all .5s ease; box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1); outline: none; } #aside-nav .toggle-nav:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); } #aside-nav.dark-menu { background-color: #1f1f1f; } #aside-nav.dark-menu .navigation-menu > li > a { color: #ddd; } #aside-nav.dark-menu .navigation-menu > li > a:hover { color: #fff; } #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a, #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a { color: #ccc; } #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a:hover, #aside-nav.dark-menu .navigation-menu > li .sub-menu > li > a:hover { color: #fff; } } @media only screen and (max-width: 991px) { #aside-nav { position: fixed; top: 0; right: 0; left: 0; height: 60px; background-color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 5px 5px 15px 0 rgba(31, 31, 31, 0.07); z-index: 99999; -webkit-transition: all .3s ease; transition: all .3s ease; padding-left: 15px; padding-right: 15px; } #aside-nav .logo { display: table; height: 60px; float: left; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 110; } #aside-nav .logo > a { display: table-cell; vertical-align: middle; } #aside-nav .logo img { max-height: 40px; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; } #aside-nav .toggle-nav { float: right; width: 60px; height: 60px; line-height: 60px; text-align: center; outline: none; margin-right: -15px; border-left: 1px solid #eee; } #aside-nav .toggle-nav .hamburger-box { height: 15px; } #aside-nav .navigation-menu > li > a { display: block; font-family: 'Poppins', sans-serif; font-size: 13px; -webkit-transition: all .3s ease; transition: all .3s ease; line-height: 20px; } #aside-nav .navigation-menu > li > a:hover, #aside-nav .navigation-menu > li > a:focus { background-color: transparent; } #aside-nav.dark-menu .toggle-nav { border-color: rgba(255, 255, 255, 0.1); } } .hamburger { position: relative; background-color: transparent; border: 0; color: inherit; cursor: pointer; display: inline-block; font: inherit; margin: 0; overflow: visible; text-transform: none; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-timing-function: linear; transition-timing-function: linear; z-index: 10; } .hamburger-box { display: inline-block; height: 24px; position: relative; width: 22px; } .hamburger-inner { background-color: #1f1f1f; border-radius: 4px; display: block; height: 2px; margin-top: -2px; position: absolute; top: 50%; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; width: 22px; } .hamburger-inner:before { background-color: #1f1f1f; border-radius: 4px; content: ""; display: block; height: 2px; position: absolute; top: -6px; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; width: 22px; } .hamburger-inner:after { background-color: #1f1f1f; border-radius: 4px; bottom: -6px; content: ""; display: block; height: 2px; position: absolute; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; width: 22px; } .hamburger .hamburger-inner { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger .hamburger-inner::before { -webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; } .hamburger .hamburger-inner::after { -webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger.is-active .hamburger-inner { -webkit-transform: rotate(225deg); transform: rotate(225deg); -webkit-transition-delay: 0.14s; transition-delay: 0.14s; -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger.is-active .hamburger-inner::before { opacity: 0; top: 0; -webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; } .hamburger.is-active .hamburger-inner::after { bottom: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); } /* 05 Fullscreen Menu */ .fs-menu-wrapper { position: relative; background-color: #fff; } .fs-menu-wrapper .logo { display: table; height: 100px; float: left; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 110; } .fs-menu-wrapper .logo > a { display: table-cell; vertical-align: middle; } .fs-menu-wrapper .logo img { max-height: 40px; -webkit-transition: all .5s ease; transition: all .5s ease; display: block; } .fs-menu-wrapper .fs-header-wrapper { display: table; width: 100%; position: relative; } .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu { position: relative; float: right; line-height: 100px; outline: none; } .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu .hamburger-box { height: 15px; } .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active { z-index: 9999999; } .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner { background-color: #fff; } .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner:before, .fs-menu-wrapper .fs-header-wrapper .toggle-fs-menu.menu-active .hamburger-inner:after { background-color: #fff; } .fs-menu-wrapper .fullscreen-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.85); -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 999999; visibility: hidden; opacity: 0; max-height: 100%; overflow: scroll; padding-top: 50px; padding-bottom: 50px; } .fs-menu-wrapper .fullscreen-menu.is-active { opacity: 1; visibility: visible; } .fullscreen-menu .navigation-menu { list-style: none; text-align: center; max-width: 500px; margin-left: auto; margin-right: auto; font-family: 'Poppins', sans-serif; } .fullscreen-menu .navigation-menu > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .fullscreen-menu .navigation-menu > li:last-child { border-bottom: 0; } .fullscreen-menu .navigation-menu > li a { font-size: 28px; font-weight: 600; color: #fff; display: inline-block; padding-top: 6px; padding-bottom: 6px; } .fullscreen-menu .navigation-menu > li a:hover { color: #aaa; background-color: transparent; } .fullscreen-menu .navigation-menu > li a:focus { background-color: transparent; } .fullscreen-menu .navigation-menu > li .sub-menu, .fullscreen-menu .navigation-menu > li .sub-menu { list-style: none; padding-left: 0; display: none; padding: 15px 0; } .fullscreen-menu .navigation-menu > li .sub-menu > li > a, .fullscreen-menu .navigation-menu > li .sub-menu > li > a { color: #e2e2e2; font-weight: 500; font-size: 15px; padding: 0 10px; } .fullscreen-menu .navigation-menu > li .sub-menu > li > a:hover, .fullscreen-menu .navigation-menu > li .sub-menu > li > a:hover { color: #fff; } .fullscreen-menu .navigation-menu > li > .sub-menu, .fullscreen-menu .navigation-menu > li > .sub-menu { border-top: 1px solid rgba(255, 255, 255, 0.1); } .fullscreen-menu .navigation-menu li.menu-item-has-children > a { position: relative; } /* 06 Home Slider */ #home-slider { height: 100vh; position: relative; background-color: #1f1f1f; } section.section-skewed.section-bordered #home-slider:after { content: none; } .slide-item { height: 100vh; position: relative; } .slide-image { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-transition: -webkit-transform 1.3s ease; transition: -webkit-transform 1.3s ease; transition: transform 1.3s ease; transition: transform 1.3s ease, -webkit-transform 1.3s ease; } .slide-wrap { position: relative; display: table; width: 100%; height: 100%; background-color: rgba(31, 31, 31, 0.55); color: #fff; padding-top: 100px; padding-bottom: 100px; } .slide-wrap.colored-overlay { background-color: rgba(0, 195, 218, 0.55); } .slide-wrap.dark-overlay { background-color: rgba(31, 31, 31, 0.7); } .slide-wrap.light-overlay { background-color: rgba(31, 31, 31, 0.1); color: #1f1f1f; } .slide-wrap.white-overlay { background-color: rgba(255, 255, 255, 0.85); color: #1f1f1f; } .slide-wrap.no-overlay { background-color: rgba(0, 0, 0, 0); color: #1f1f1f; } .slide-wrap.gradient-overlay:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .7; } .slide-wrap.gradient-overlay:not([data-gradients]):before { background: -webkit-linear-gradient(left, #cf93ff 0%, #00c3da 100%); background: linear-gradient(90deg, #cf93ff 0%, #00c3da 100%); } .slide-wrap.gradient-overlay .gradient-bg-wrapper { opacity: .55; } .slide-content { display: table-cell; vertical-align: middle; width: 100%; position: relative; height: 100%; text-align: center; } .slide-content.align-left { text-align: left; } .slide-content.align-left .container > * { -webkit-transform-origin: 0 0; transform-origin: 0 0; } .slide-content h1 { font-size: 78px; letter-spacing: -3px; line-height: 1.25; } .slide-content h1.upper { font-size: 72px; letter-spacing: 2px; } .slide-content h1.font-small { font-size: 62px; } .slide-content h1.font-medium { font-size: 70px; } .slide-content h1.font-big { font-size: 100px; } .slide-content h1.cursive-font { line-height: 1.3; letter-spacing: 1px; margin-bottom: 25px; } .slide-content h1.serif-font { letter-spacing: 0; } .slide-content h1.alt-serif-font { letter-spacing: -0.02em; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide-content h1 { font-size: 62px; } .slide-content h1.upper { font-size: 56px; } .slide-content h1.font-small { font-size: 50px; } .slide-content h1.font-medium { font-size: 58px; } .slide-content h1.font-big { font-size: 68px; } } @media only screen and (max-width: 767px) { .slide-content h1 { font-size: 52px; } .slide-content h1.upper { font-size: 46px; } .slide-content h1.font-small { font-size: 46px; } .slide-content h1.font-medium { font-size: 52px; } .slide-content h1.font-big { font-size: 62px; } .slide-content h1 .typed-words { display: block; } } .slide-content h4 { font-weight: 400; font-size: 18px; } .slide-content h4.upper { letter-spacing: 0.075em; font-size: 13px; font-weight: 500; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide-content h4 { font-size: 16px; } } @media only screen and (max-width: 767px) { .slide-content h4 { font-size: 16px; } } .slide-content h1, .slide-content h2, .slide-content h3, .slide-content h4, .slide-content h5, .slide-content h6 { color: inherit; } .slide-content > i { font-size: 45px; } .slide-content p, .slide-content .inline-icon-btn { margin-top: 25px; } .slide-content p:last-child, .slide-content .inline-icon-btn:last-child { margin-bottom: 0; } .slide-content img { margin-left: auto; margin-right: auto; display: block; max-width: 300px; } #home-slider .slide-content .container > * { opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transform-origin: 50% 50% 0px; transform-origin: 50% 50% 0px; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; } .slide-dots { position: absolute; bottom: 40px; left: 0; right: 0; margin: auto; text-align: center; padding-left: 0; margin: 0; list-style-type: none; } .slide-dots > li { display: inline-block; margin: 0 4px; } .slide-dots > li > button { font-size: 0; border: 0; padding: 6px 0; width: 35px; outline: none; background-color: transparent; } .slide-dots > li > button:before { content: ""; display: inline-block; width: 100%; height: 2px; background-color: rgba(255, 255, 255, 0.5); -webkit-transition: all .3s ease; transition: all .3s ease; } .slide-dots > li > button:hover:before { background-color: #fff; } .slide-dots > li.slick-active > button:before { background-color: #fff; } .light-slide .slide-dots > li > button:before { background-color: rgba(31, 31, 31, 0.5); } .light-slide .slide-dots > li.slick-active > button:before { background-color: #1f1f1f; } .slide-arrows { position: absolute; left: 0; top: 50%; margin-top: -50px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slide-arrows { top: 25%; margin-top: 0; } } @media only screen and (max-width: 767px) { .slide-arrows { display: none; } } .slide-arrows > button { position: relative; width: 50px; height: 50px; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.7); border-left: 0; line-height: 50px; color: #fff; font-size: 28px; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; } .slide-arrows > button:before { content: ""; position: absolute; left: 0; top: 0; height: 50px; width: 0; background-color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 0; } .slide-arrows > button:hover { cursor: pointer; color: #1f1f1f; border-color: #fff; } .slide-arrows > button:hover:before { width: 50px; } .slide-arrows > button:focus { outline: none; } .slide-arrows > button > i { line-height: 1; position: relative; z-index: 10; } .slide-arrows > button + button { margin-top: -1px; } .light-slide .slide-arrows > button { border-color: rgba(31, 31, 31, 0.7); color: #1f1f1f; } .light-slide .slide-arrows > button:before { background-color: #1f1f1f; } .light-slide .slide-arrows > button:hover { color: #fff; } .light-slide .slide-dots > li > button:before { background-color: rgba(31, 31, 31, 0.5); } .light-slide .slide-dots > li.slick-active > button:before { background-color: #1f1f1f; } .small-image { width: 125px; } /* 07 Icon Boxes */ .animated-icon { width: 100px; } .animated-icon:not(.gradient-icon, [data-custom-color]) svg, .animated-icon:not(.gradient-icon, [data-custom-color]) svg * { stroke: #1f1f1f; } .animated-icon.colored svg, .animated-icon.colored svg * { stroke: #00c3da; } .animated-icon.white svg, .animated-icon.white svg * { stroke: #fff; } .icon-box { position: relative; margin-top: 25px; margin-bottom: 25px; padding: 0 10px; } @media only screen and (max-width: 767px) { .icon-box { margin-top: 50px; margin-bottom: 50px; } } .icon-box h3 { font-size: 22px; } .icon-box h4 { font-size: 14px; font-weight: 600; margin-top: 0; } .icon-box h4.upper { font-size: 13px; letter-spacing: 0.1em; } .icon-box h4.serif-font { font-size: 16px; } .icon-box p.serif-font { font-size: 15px; } .icon-box > .animated-icon { width: 55px; margin-bottom: 25px; } .icon-box > i { font-size: 60px; color: #1f1f1f; line-height: 1; display: inline-block; margin-bottom: 15px; } .icon-box > i.colored { color: #00c3da !important; } .icon-box .ib-icon { position: relative; height: 100px; width: 100px; border-radius: 50%; text-align: center; line-height: 100px; -webkit-transition: all .3s ease; transition: all .3s ease; display: block; margin-bottom: 25px; background-color: #00c3da; color: #fff; } .icon-box .ib-icon.size-small { height: 65px; width: 65px; line-height: 65px; } .icon-box .ib-icon.size-small > i { font-size: 32px; } .icon-box .ib-icon .animated-icon { width: 45px; margin: auto; line-height: inherit; height: 100%; position: relative; z-index: 10; } .icon-box .ib-icon.dark-skin { border-color: #1f1f1f; background-color: #1f1f1f; color: #fff; } .icon-box .ib-icon.dark-skin:after { content: none; } .icon-box .ib-icon > i { font-size: 48px; line-height: inherit; } .icon-box .ib-icon > i:before { line-height: inherit; } .icon-box .ib-icon:hover > i { color: #fff!important; } .icon-box.align-center { text-align: center; } .icon-box.align-center > .animated-icon, .icon-box.align-center > .ib-icon { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 991px) { .icon-box.align-center { max-width: 500px; margin-left: auto; margin-right: auto; } } .icon-box.align-right { text-align: right; padding-right: 0; } .icon-box.align-right > .animated-icon, .icon-box.align-right > .ib-icon { margin-left: auto; margin-right: 0; } .icon-box.icon--big .animated-icon { width: 80px; } .icon-box.icon--big i { font-size: 80px; } .icon-box.icon--small .animated-icon { width: 40px; } .icon-box.icon--small i { font-size: 40px; } .icon-box.boxed-style { border: 1px solid #e6e6e6; padding: 35px; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .icon-box.boxed-style:hover { border-color: transparent; } .icon-box.boxed-style:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-top: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f; -webkit-transition: all .3s ease; transition: all .3s ease; width: 0; } .icon-box.boxed-style:hover:before { opacity: 1; width: 100%; } .icon-box.boxed-style:after { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-left: 1px solid #1f1f1f; border-right: 1px solid #1f1f1f; -webkit-transition: all .3s ease; transition: all .3s ease; height: 0; } .icon-box.boxed-style:hover:after { opacity: 1; height: 100%; } .icon-box-side { position: relative; margin-top: 25px; margin-bottom: 25px; padding-left: 75px; } @media only screen and (max-width: 767px) { .icon-box-side { margin-top: 50px; margin-bottom: 50px; } .icon-box-side:last-child { margin-bottom: 0; } } .icon-box-side h4 { font-size: 14px; font-weight: 600; margin-top: 0; } .icon-box-side h4.serif-font { font-size: 16px; } .icon-box-side .animated-icon { width: 50px; position: absolute; left: 0; } .icon-box-side > i { position: absolute; left: 0; line-height: 1; font-size: 50px; color: #1f1f1f; } .icon-box-side i.colored { color: #00c3da; } .icon-box-side p.serif-font { font-size: 15px; } .icon-box-side .ib-icon { position: absolute; left: 0; height: 55px; width: 55px; border: 1px solid #00c3da; border-radius: 50%; text-align: center; line-height: 55px; -webkit-transition: all .3s ease; transition: all .3s ease; } .icon-box-side .ib-icon:after { content: ""; position: absolute; right: -2px; bottom: -2px; top: -2px; left: -2px; padding: 2px; z-index: -1; background: #00c3da; border-radius: 50%; -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; -webkit-transition: opacity 0.4s, -webkit-transform .3s; transition: opacity 0.4s, -webkit-transform .3s; transition: transform .3s, opacity 0.4s; transition: transform .3s, opacity 0.4s, -webkit-transform .3s; } .icon-box-side .ib-icon > i { font-size: 28px; line-height: inherit; } .icon-box-side .ib-icon > i:before { line-height: inherit; } .icon-box-side .ib-icon:hover:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .icon-box-side .ib-icon:hover > i { color: #fff!important; } .icon-box-side.size-small { padding-left: 60px; } .icon-box-side.size-small > i { font-size: 35px; } .counter { margin: 25px 0; overflow: hidden; text-align: center; } @media only screen and (max-width: 767px) { .counter { margin-top: 50px; margin-bottom: 50px; } } .counter.align-left { text-align: left; } .counter-icon .animated-icon { width: 40px; display: inline-block; } .counter-icon i { font-size: 50px; } .counter-icon + .counter-content > h5 { margin: 20px 0 10px; } @media only screen and (min-width: 992px) { .counter-content { border-right: 1px solid #e5e5e5; } } .counter-content > h5 { font-size: 45px; margin-top: 0; } @media only screen and (min-width: 992px) { [class^="col-"]:last-child .counter-content { border-right: 0; } } .number-box { margin: 25px auto; max-width: 350px; text-align: center; position: relative; } .number-box.align-left { margin-left: 0; text-align: left; } .number-box > h2 { font-size: 66px; margin-top: 0; color: #9f9f9f; } .number-box > h3 { font-size: 42px; margin-top: 0; color: #9f9f9f; } .number-box > h4 { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.07em; } .number-box > .number-wrap { position: relative; width: 90px; height: 90px; border: 2px solid #00c3da; background-color: transparent; line-height: 86px; text-align: center; border-radius: 50%; margin-right: auto; margin-left: auto; -webkit-transition: all .3s ease; transition: all .3s ease; } .number-box > .number-wrap > h2 { font-size: 32px; margin: 0; line-height: inherit; -webkit-transition: all .3s ease; transition: all .3s ease; } .number-box:hover > .number-wrap { border-color: #00c3da; background-color: #00c3da; -webkit-transform: scale(0.9); transform: scale(0.9); } .number-box:hover > .number-wrap > h2 { color: #fff; } .number-box .number-box-content > h3 { letter-spacing: -1px; font-size: 22px; } .dark-bg .icon-box i, .parallax-section .icon-box i { color: #fff; } .dark-bg .icon-box p, .dark-bg .icon-box-side p, .dark-bg .icon-box ul, .dark-bg .icon-box-side ul { color: #c5c5c5; } .icon-box-simple { margin: 10px 0; } .icon-box-simple .ib-icon-holder, .icon-box-simple .ib-text-holder { display: inline-block; vertical-align: middle; } .icon-box-simple i { font-size: 34px; color: #ababab; } .icon-box-simple i.black { color: #1f1f1f; } .icon-box-simple i.colored { color: #00c3da; } .icon-box-simple i:before { vertical-align: middle; } .icon-box-simple h4 { font-size: 12px; font-weight: 500; margin: 0; padding-left: 10px; padding-right: 10px; } .text-box { margin: 25px 0; } .text-box h3 { font-size: 22px; } .text-box h4 { font-size: 14px; font-weight: 600; } /* 08 Footer */ @media only screen and (min-width: 992px) { #footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1; } } @media only screen and (min-width: 1200px) { .boxed-layout #footer { max-width: 1170px; margin-left: auto; margin-right: auto; box-shadow: none; } .boxed-layout #footer .footer-widgets, .boxed-layout #footer .footer-copy { background-color: #fff; } .boxed-layout #footer .container { width: 1140px; } } .footer-widgets { position: relative; padding-top: 80px; padding-bottom: 80px; background-color: #f7f7f7; } .footer-widgets:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-image: url('../images/dotted-map.png'); background-size: contain; opacity: .8; } .footer-widgets .widget > h5 { text-transform: uppercase; font-size: 12px; letter-spacing: 0.05em; margin-bottom: 20px; font-weight: 600; } .footer-widgets .widget + .widget { margin-top: 25px; } .footer-widgets .widget ul { padding-left: 0; list-style: none; } .footer-widgets .widget ul > li { padding: 5px 0; } .footer-widgets .widget ul > li > a { font-size: 15px; color: #6c6c6c; } .footer-widgets .widget ul > li > a:hover { color: #00c3da; } .footer-widgets .widget .tagcloud a { border-color: #c5c5c5; color: #5f5f5f; } .footer-widgets .widget .tagcloud a:hover { background-color: #00c3da; border-color: #00c3da; color: #fff; } @media only screen and (max-width: 991px) { .footer-widgets .widget { margin-bottom: 50px; } .footer-widgets .widget > h5 { margin-bottom: 10px; } } .footer-logo img { max-width: 140px; } .footer-copy { padding-top: 50px; padding-bottom: 50px; position: relative; background-color: #f7f7f7; border-top: 1px solid rgba(31, 31, 31, 0.08); } @media only screen and (max-width: 991px) { .footer-copy .copy-text, .footer-copy .social-list { text-align: center; } .footer-copy .social-list { margin-bottom: 25px; } } .copy-text { text-align: right; font-size:14px; } .copy-text p { margin: 0; } @media only screen and (max-width: 991px) { .footer-spacer { display: none; } } #footer.dark-footer .footer-widgets { background-color: #1f1f1f; color: #fff; } #footer.dark-footer .footer-widgets:before { -webkit-filter: invert(1); filter: invert(1); opacity: .6; } #footer.dark-footer .footer-widgets .widget > h5 { color: #fff; } #footer.dark-footer .footer-widgets .widget ul > li > a { color: #bbb; } #footer.dark-footer .footer-widgets .widget ul > li > a:hover { color: #00c3da; } #footer.dark-footer .footer-widgets .widget .tagcloud a { color: #fff; } /* 09 Portfolio */ #filters { list-style: none; padding: 0; margin-bottom: 50px; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; } #filters li { font-family: 'Poppins', sans-serif; display: inline-block; position: relative; padding: 8px 20px; font-weight: 500; font-size: 13px; margin: 0 5px; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease; color: #1f1f1f; border: 1px solid transparent; line-height: 1; } #filters li.active { color: #00c3da; border-color: #00c3da; border-radius: 50px; } #filters li.active:hover { color: #00c3da; } #filters.dark-skin li.active { border-color: #1f1f1f; color: #1f1f1f; } #filters + #works-grid { margin-top: 80px; } #works-grid.two-col .work-item { width: 50%; } #works-grid.three-col .work-item { width: 33.33333333%; } #works-grid.four-col .work-item { width: 25%; } #works-grid.with-spacing .work-item { padding: 10px; } @media only screen and (min-width: 768px) and (max-width: 991px) { #works-grid.two-col .work-item, #works-grid.three-col .work-item, #works-grid.four-col .work-item { width: 50%; } } @media only screen and (max-width: 767px) { #works-grid.two-col .work-item, #works-grid.three-col .work-item, #works-grid.four-col .work-item { width: 100%; } } .work-item { float: left; position: relative; overflow: hidden; } .work-item .work-detail > a { display: block; position: relative; overflow: hidden; } .work-item img { -webkit-transition: all 1s ease; transition: all 1s ease; } .work-item:hover img { -webkit-transform: scale(1.2) translateY(-20px); transform: scale(1.2) translateY(-20px); } .work-item:hover .work-info { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .work-item:hover .work-info h3, .work-item:hover .work-info p { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .work-item:hover .work-info h3:after { width: 60px; opacity: 1; } .work-item:hover .work-info-alt h3 > a { color: #00c3da; } .work-info { position: absolute; top: auto; right: 30px; bottom: 30px; left: 30px; padding: 25px; -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; background-color: #ffffff; text-align: center; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(30px); transform: translateY(30px); } .work-info .v-center { vertical-align: bottom; } .work-info h3 { font-size: 18px; font-weight: 700; color: #1f1f1f; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: .3s; transition-delay: .3s; opacity: 0; } .work-info p { color: #787878; font-size: 14px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition: all .4s ease; transition: all .4s ease; -webkit-transition-delay: .6s; transition-delay: .6s; opacity: 0; } .work-info-alt { padding: 20px 0; } .work-info-alt h3 { font-size: 16px; font-weight: 600; letter-spacing: -0.05em; margin-top: 0; } .work-info-alt h3 > a { -webkit-transition: all .3s ease; transition: all .3s ease; color: #1f1f1f; } .work-info-alt p { color: #787878; font-size: 14px; margin-bottom: 5px; } .project-info > ul { list-style: none; margin: 0; padding: 0; } .project-info > ul > li { display: block; margin-bottom: 15px; color: #1f1f1f; font-size: 14px; } .project-info > ul > li > strong { display: block; color: #929292; text-transform: uppercase; letter-spacing: 0.05em; font-size: 11px; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 6px; } .project-info > ul > li > a { color: #1f1f1f; } .project-info > ul > li > a:hover { color: #00c3da; } .projects-controller a { display: block; float: left; width: 33.33333333%; overflow: hidden; color: inherit; cursor: default; -webkit-transition: all .3s ease; transition: all .3s ease; } .projects-controller a.disabled { opacity: .6; pointer-events: none; } .projects-controller a.disabled > span { cursor: default; } .projects-controller a.disabled > span:hover { color: inherit; } .projects-controller a.disabled:hover { opacity: .4; } .projects-controller a.prev i { margin-right: 10px; } .projects-controller a.all { text-align: center; } .projects-controller a.all span { padding: 36px 0; } .projects-controller a.all span i { font-size: 24px; display: block; -webkit-transition: all .3s ease; transition: all .3s ease; } @media only screen and (max-width: 767px) { .projects-controller a.all span i { font-size: 30px; } } .projects-controller a.all:hover span i { -webkit-transform: scale(1.1); transform: scale(1.1); } .projects-controller a.next { text-align: right; } .projects-controller a.next i { margin-left: 10px; } .projects-controller a > span { display: inline-block; padding: 40px 0; font-size: 11px; cursor: pointer; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-weight: 500; letter-spacing: 0.05em; } .projects-controller a > span:hover { color: #00c3da; } .projects-controller a > span i { font-size: 20px; vertical-align: middle; } .projects-controller a > span i:before { vertical-align: middle; } @media only screen and (max-width: 767px) { .projects-controller a > span { font-size: 0; } .projects-controller a > span i { font-size: 30px; } } /* 10 Team */ .team-member { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; } .team-member:hover .team-overlay { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1); } .team-member.round-thumb { text-align: center; } .team-member.round-thumb .team-image img { width: 175px; border-radius: 50%; } .team-member.round-thumb.big-thumb .team-image img { width: 250px; } .team-member.round-thumb .team-social { margin-top: 15px; } .team-member.round-thumb .team-social > li { margin: 0 5px; } .team-member.round-thumb .team-social > li > a { border-radius: 50%; border: 1px solid #e6e6e6; -webkit-transition: all .3s ease; transition: all .3s ease; color: #5f5f5f; line-height: 38px; } .team-member.round-thumb .team-social > li > a i { line-height: inherit; } .team-member.round-thumb .team-social > li > a:hover { text-shadow: none; color: #fff; } @media only screen and (max-width: 991px) { [class*="col-"] > .team-member { margin-top: 25px; margin-bottom: 25px; } } .team-image { position: relative; overflow: hidden; } .team-image img { margin-left: auto; margin-right: auto; } .team-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; background-color: rgba(0, 195, 218, 0.9); color: #fff; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; visibility: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .team-overlay .team-info { text-align: left; padding-left: 20px; padding-right: 20px; width: 100%; } .team-overlay .team-info > h4 { color: #fff; margin-bottom: 0; font-size: 13px; } .team-overlay .team-info > span { color: #fff; font-size: 12px; } .team-overlay .team-social { padding: 20px; position: absolute; top: 0; left: 0; width: 100%; margin-top: 0; } .team-overlay .team-social > li > a, .team-overlay .team-social > li > a:hover { color: #fff; } .team-social { list-style: none; padding: 0; margin: 15px 0 0; } .team-social > li { display: inline-block; margin-right: 10px; } .team-social > li > a { display: block; color: #929292; font-size: 12px; } .team-social > li > a:hover { color: #1f1f1f; text-decoration: none; text-shadow: 0 0 6px rgba(255, 255, 255, 0.7); } .team-info { padding: 20px 0; } .team-info > h4 { font-size: 12px; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 0; margin-bottom: 5px; font-weight: 600; } .team-info > span { font-size: 13px; color: #999; font-family: 'Poppins', sans-serif; } .team-info > p { margin-top: 10px; font-size: 15px; } .carousel .slick-track > .team-member { padding-left: 15px; padding-right: 15px; } /* 11 Blog */ .site-main{ padding-right:5%; } .container-pull-right .site-main{ padding-right:0px; padding-left:5%; } .post-preview { margin: 25px 0; padding: 45px; position: relative; border: 1px solid #e6e6e6; overflow: hidden; } .post-preview:hover { border-color: transparent; } .post-preview:hover .post-thumb { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .post-preview:hover .post-title a, .post-preview:hover .post-body, .post-preview:hover .post-category a, .post-preview:hover .post-meta a, .post-preview:hover .post-meta { color: #fff; } .post-preview .post-category a { text-transform: uppercase; color: #1f1f1f; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 12px; letter-spacing: 0.05em; } .post-preview .post-title a { color: #1f1f1f; } .post-preview .post-body { padding: 15px 0; color: #929292; } .post-preview .post-meta { text-transform: uppercase; font-weight: 500; font-family: 'Poppins', sans-serif; font-size: 11px; } .post-preview .post-meta a { color: #1f1f1f; } .post-preview .post-thumb { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; z-index: -1; opacity: 0; -webkit-transition: all .7s ease; transition: all .7s ease; -webkit-transform: scale(1.2); transform: scale(1.2); } .post-preview .post-thumb:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #1f1f1f; opacity: .55; } .post-preview.show-all-posts { width: 100%; } .post-preview.show-all-posts:hover { border-color: #00c3da; } .post-preview.show-all-posts:hover .icon-box i, .post-preview.show-all-posts:hover .icon-box h4 { color: #00c3da; } .pagination, .page-numbers { display: block; text-align: center; margin-top: 50px; } .pagination > li, .page-numbers > li { display: inline-block; margin-right: 8px; } .pagination > li:first-child > a, .page-numbers > li:first-child > a, .pagination > li:last-child > a, .page-numbers > li:last-child > a { border-radius: 0; } .pagination > li > a, .page-numbers > li > a, .pagination > li span, .page-numbers > li span { position: relative; float: left; width: 40px; height: 40px; padding: 0; margin-top: 0; border-radius: 50%!important; line-height: 40px; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 11px; color: #1f1f1f; border: 0; background-color: transparent; } .pagination > li > a.next-page, .page-numbers > li > a.next-page, .pagination > li span.next-page, .page-numbers > li span.next-page, .pagination > li > a.prev-page, .page-numbers > li > a.prev-page, .pagination > li span.prev-page, .page-numbers > li span.prev-page { border-color: transparent; font-size: 20px; } .pagination > li > a i, .page-numbers > li > a i, .pagination > li span i, .page-numbers > li span i { line-height: inherit; } .pagination > li > a:hover, .page-numbers > li > a:hover, .pagination > li span:hover, .page-numbers > li span:hover { background-color: #1f1f1f; color: #fff; border-color: #1f1f1f; } .pagination > li > a:focus, .page-numbers > li > a:focus, .pagination > li span:focus, .page-numbers > li span:focus { background-color: transparent; color: #1f1f1f; } .pagination > li > a.current, .page-numbers > li > a.current, .pagination > li span.current, .page-numbers > li span.current { background-color: #00c3da; border-color: #00c3da; color: #fff; } .pagination > li > a.current-page:focus, .page-numbers > li > a.current-page:focus, .pagination > li span.current-page:focus, .page-numbers > li span.current-page:focus { background-color: #00c3da; border-color: #00c3da; color: #fff; } .single-prev-next { text-align:right; } .single-prev-next a { color: #fff; text-transform: uppercase; font-weight: 500; padding: 10px 15px; line-height: 22px; margin-right: 3px; margin-bottom: 3px; position: relative; display: inline-block; transition: background 0.25s ease-in; background:#00c3da; } .single-prev-next a:hover{ background:#000; color:#FFF; } .single-prev-next a i { margin-right: 3px } .single-prev-next a:last-child { margin-right: 0 } @media only screen and (max-width: 991px) { .posts-row .container { width: auto; padding-left: 30px; padding-right: 30px; } } .side-post { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 30px; border-radius: 5px; overflow: hidden; background-color: #f7f7f7; border:1px solid #f7f7f7; } @media only screen and (min-width: 768px) { .side-post.image-right .side-post-image { float: right; -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .side-post.image-right .side-post-image .post-category { left: 20px; right: auto; } .side-post.image-right .side-post-content { text-align: right; } } .side-post::after, .side-post::before{ content: ''; position: absolute; top: 0px; left: 0px; right: 1px; bottom: 1px; z-index: 1; opacity: 1; -webkit-transition: opacity .4s, -webkit-transform .35s ease-in-out; -moz-transition: opacity .4s, -moz-transform .35s ease-in-out; -o-transition: opacity .4s, -o-transform .35s ease-in-out; transition: opacity .4s, transform .35s ease-in-out; z-index:99; border-radius: 5px; } .side-post::before{ border-top: 1px solid #2f87fd; border-bottom: 1px solid #2f87fd; -webkit-transform: scale(0,1); transform: scale(0,1); } .side-post::after { border-right: 1px solid #2f87fd; border-left: 1px solid #2f87fd; -webkit-transform: scale(1,0); transform: scale(1,0); } .side-post:hover::before, .side-post:hover::after{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .side-post .side-post-image, .side-post .side-post-content { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; z-index:999; } .side-post.full-row .side-post-content{ width:100%; } @media only screen and (min-width: 768px) { .side-post .side-post-image, .side-post .side-post-content { width: 50%; float: left; } } @media only screen and (max-width: 767px) { .side-post .side-post-image { min-height: 350px; } } .side-post .side-post-image figure { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .side-post .side-post-image .post-category { position: absolute; top: 20px; right: 20px; z-index:99; } .side-post .side-post-image .post-category > a { display: block; background-color: #00c3da; color: #fff; border-radius: 5px; padding: 6px 16px; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; } .side-post .side-post-content { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .side-post .side-post-content .post-content-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 75px 50px; } @media only screen and (max-width: 991px) { .side-post .side-post-content .post-content-wrapper { padding: 50px 35px; } } @media only screen and (max-width: 767px) { .side-post .side-post-content .post-content-wrapper { padding: 35px 25px; } } .side-post .side-post-content .post-info { margin-bottom: 15px; } .side-post .side-post-content .post-info h6 { font-size: 12px; font-weight: 500; color: #b4b4b4; margin: 0; } .side-post .side-post-content .post-info h6 > span { display: inline-block; margin-right: 4px; } .side-post .side-post-content .post-info h6 > span > i { display: inline-block; font-size: 15px; margin-right: 5px; } .side-post .side-post-content .post-title { margin-bottom: 15px; } .side-post .side-post-content .post-title h3 { margin: 0; } .side-post .side-post-content .post-body { line-height: 26px; } .single-post-info .post-author, .side-post .post-author { margin-top: 15px; } .single-post-info .post-author img, .side-post .post-author img { width: 40px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 10px; } .single-post-info .post-author > a, .side-post .post-author > a { display: inline-block; vertical-align: middle; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 600; } .grid-posts-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid-posts-wrapper .card-post { width: 33.33333333%; } .grid-posts-wrapper.two-col .card-post { width: 50%; } .grid-posts-wrapper.four-col .card-post { width: 25%; } @media only screen and (min-width: 768px) and (max-width: 991px) { .grid-posts-wrapper .card-post { width: 50%!important; } } @media only screen and (max-width: 767px) { .grid-posts-wrapper .card-post { width: 100%!important; } } .card-post { -webkit-transition: all .3s ease; transition: all .3s ease; margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding-left: 15px; padding-right: 15px; } .card-post .card-post-wrapper { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; border:1px solid #f7f7f7; -webkit-transition: all .3s ease; transition: all .3s ease; border-radius: 5px; overflow: hidden; /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.03);*/ } .card-post .card-post-wrapper.dark-bg { background-color: #1f1f1f; } .card-post .card-post-wrapper.colored-bg { background-color: #00c3da; } .card-post .card-post-wrapper.dark-bg .post-footer, .card-post .card-post-wrapper.colored-bg .post-footer, .card-post .card-post-wrapper.img-cover .post-footer { border-color: rgba(255, 255, 255, 0.3); } .card-post .card-post-wrapper.dark-bg .post-footer h6, .card-post .card-post-wrapper.colored-bg .post-footer h6, .card-post .card-post-wrapper.img-cover .post-footer h6 { color: #fff; } .card-post .card-post-wrapper.img-cover > * { position: relative; } .card-post .card-post-wrapper.img-cover:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .4; } @media only screen and (max-width: 767px) { .card-post .card-post-wrapper.img-cover .post-body { padding-top: 75px; padding-bottom: 75px; } } .card-post .card-post-icon { justify-self: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; padding: 0 25px; font-size: 35px; } .card-post .card-post-image { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; } .card-post .card-post-image .post-category { position: absolute; top: 20px; right: 20px; } .card-post .card-post-image .post-category > a { display: block; background-color: #00c3da; color: #fff; border-radius: 5px; padding: 6px 16px; font-family: 'Poppins', sans-serif; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; } .card-post .card-post-content .post-body { padding: 45px 25px; } .card-post .card-post-content .post-body > h3 { margin-top: 0; font-size: 20px; } .card-post .card-post-content .post-body > p { margin-bottom: 0; } .card-post .card-post-content .post-footer { border-top: 1px solid #eee; padding: 12px 25px; } .card-post .card-post-content .post-footer h6 { font-size: 12px; font-weight: 500; color: #929292; margin: 0; } .card-post .card-post-content .post-footer h6 > span { display: inline-block; margin-right: 4px; } .card-post .card-post-content .post-footer h6 > span > i { display: inline-block; font-size: 15px; vertical-align: middle; margin-right: 5px; } .card-post .card-post-content .post-footer h6 > span > a { margin-left: 5px; } #sidebar .widget { margin-bottom: 30px; } #sidebar .widget:before, #sidebar .widget:after { content: " "; display: table; } #sidebar .widget:after { clear: both; } #sidebar .widget h4 { text-transform: uppercase; letter-spacing: 0.1em; font-size: 13px; border-bottom: 1px solid #e6e6e6; font-weight: 600; padding-bottom: 20px; margin-bottom: 20px; } #sidebar .widget .searchform .input-group { display: block; } #sidebar .widget .searchform .input-group-btn { display: none; } #sidebar .widget .tagcloud a, #sidebar .widget .post-tags a { color: #393939; } #sidebar .widget .tagcloud a:hover, #sidebar .widget .post-tags a:hover { color: #fff; } #sidebar .widget ul { list-style: none; padding-left: 0; } #sidebar .widget ul > li { margin-bottom: 3px; } #sidebar .widget ul > li > a { font-family: 'Poppins', sans-serif; color: #1f1f1f; font-size: 13px; } #sidebar .widget ul > li > a:hover { color: #00c3da; } #sidebar .widget ul > li:before { /* content: " • "; vertical-align: middle; font-weight: bold; font-size: 18px; margin-right: 10px; color: #1f1f1f;*/ } #sidebar .widget .search-submit{ display:none; } .post-single .post-body { margin-bottom: 25px; line-height: 28px; } .post-single .post-body p, .post-single .post-body img, .post-single .post-body blockquote { margin-bottom: 15px; } .post-single .post-body strong, .post-single .post-body b { color: #1f1f1f; } .post-single .post-body blockquote { position: relative; background:#EDEBEB; padding:15px; border-left:4px solid #00c3da; } #sidebar .widget ul li{ list-style:none; display:block; padding-top: 3px; padding-bottom: 3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding-left:25px; position:relative; list-style:none; } #sidebar .widget li:last-child, ul.popular_category_list li:last-child{ border:none; } .sidebar-menu li a, #sidebar .widget li a{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-weight: normal; color: #777; text-decoration:none; } #sidebar .widget li:hover{ padding-left:30px; } #sidebar .widget li::before, ul.popular_category_list li:before { content: "\f105"; position:absolute; font-family: 'FontAwesome', sans-serif; left:5px; font-size: 12px; top: 6px; } #sidebar .widget.widget_archive li::before { content: "\f0c6"; } #sidebar .widget.widget_categories li::before { content: "\f115"; } #sidebar .widget.widget_pages li::before { content: "\f15b"; } #sidebar .widget.widget_meta ul li::before { content: "\f0c1"; } #sidebar .widget.widget_recent_comments ul li::before { content: "\f086"; } #sidebar .widget.widget_recent_entries ul li::before { content: "\f02b"; } #sidebar .widget_rss ul li::before { content: "\f09e"; } #sidebar .widget.widget_tag_cloud ul li::before { content: "\f0c2"; } .post-single .post-body blockquote p{ padding-bottom:0px; margin-bottom:0px; font-size:14px; } .post-single .post-body blockquote p:before { content: open-quote; } .post-single .post-body blockquote p:after { content: close-quote; } .single-post-info { text-align: center; } .single-post-info h6 { font-size: 12px; font-weight: 500; color: #fff; margin: 0; } .single-post-info h6 > span { display: inline-block; margin-right: 4px; } .single-post-info h6 > span > i { display: inline-block; font-size: 15px; vertical-align: middle; margin-right: 5px; } #comments { margin-bottom: 50px; } #comments h5 { font-size: 11px; letter-spacing: 0.15em; font-weight: 600; } .comments-list { list-style: none; margin: 0; padding-left: 0; } .comment-list li{ list-style:none; margin-bottom:10px; } .comments-list > li { margin-bottom: 15px; padding: 15px; } .comments-list > li:before, .comments-list > li:after { content: " "; display: table; } .comments-list > li:after { clear: both; } .comments-list > li.rating { border: 1px dashed #e7e7e7; } .comments-list .children { list-style: none; margin: 15px -15px 0; padding-left: 40px; } .comments-list .children > li { padding: 15px; } .comments-list .children > li:last-child { border-bottom: 0; } .comment:before, .comment:after { content: " "; display: table; } .comment:after { clear: both; } .comment-text, .comment-pic { display: inline-block; float: left; } .comment-pic { width: 15%; } .comment-pic img { margin-top: 10px; width: 75px; border-radius: 50%; } .comment-text { width: 85%; padding-left: 15px; } .comment-date { color: #858585; display: block; font-size: 12px; margin-bottom: 10px; } .comment-reply { font-size: 11px; text-transform: uppercase; } .comment-respond { margin-bottom: 50px; padding: 20px 0; } .comment-respond textarea { max-width: 100%; min-height: 120px; resize: none; } .comment-respond h5 { font-size: 11px; letter-spacing: 0.15em; margin-bottom: 15px; font-weight: 600; } .comment-notes, .logged-in-as { padding-bottom:20px; font-size:13px; font-style:italic } .form-double:before, .form-double:after { content: " "; display: table; } .form-double:after { clear: both; } .form-double .form-group { float: left; padding-right: 10px; width: 50%; } .form-group{ position:relative; } .form-group .required{ position:absolute; right:30px; top:13px; color:#F00; } .form-double .form-group:last-child { padding-left: 10px; padding-right: 0; } .post-tags { padding-top:5px; overflow: hidden; } .first-letter::first-letter { font-size: 4em; color: #1f1f1f; } /* 12 Shop */ .shop-menu { overflow: hidden; margin: 0 0 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; } .shop-menu h6 { margin-top: 25px; } .shop-product { margin-bottom: 50px; } .products-row:before, .products-row:after { content: " "; display: table; } .products-row:after { clear: both; } .products-row .shop-product { margin-bottom: 0; } .product-thumb { position: relative; overflow: hidden; } .product-thumb .image-switcher { position: absolute; top: 0; right: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease; transition: all .5s ease; } .product-thumb:hover .image-switcher { opacity: 1; visibility: visible; } .product-thumb:hover .product-overlay { opacity: 1; bottom: 0; } @media (min-width: 768px) { .columns-2 .product-col { width: 50%; } } @media (min-width: 768px) { .columns-3 .product-col { width: 50%; } } @media (min-width: 992px) { .columns-3 .product-col { width: 33.33333333%; } } .product-col { padding-left: 15px; padding-right: 15px; margin-bottom: 25px; position: relative; } .product-col .shop-product { max-width: 450px; margin-left: auto; margin-right: auto; } @media (min-width: 768px) { .product-col { float: left; width: 50%; } } @media (min-width: 992px) { .product-col { width: 25%; } } .product-info { position: relative; padding-bottom: 50px; overflow: hidden; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; } .shop-product:hover .product-info { background-color: #fff; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); } .product-info h3 { font-size: 15px; font-weight: 600; letter-spacing: -0.05em; margin-bottom: 0; } .product-info h3 a:hover { color: #5f5f5f; } .product-info span.product-price { font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 500; } .product-info .add-to-cart-btn { position: absolute; -webkit-transition: all .3s ease; transition: all .3s ease; bottom: -100%; left: 0; right: 0; } .product-info .add-to-cart-btn a { display: inline-block; color: #00c077; font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 600; padding: 12px 0; -webkit-transition: all .2s ease; transition: all .2s ease; } .product-info .add-to-cart-btn a > span { font-size: 11px; display: inline-block; vertical-align: middle; margin-left: 10px; letter-spacing: 0.05em; -webkit-transition: all .3s ease; transition: all .3s ease; } .product-info .add-to-cart-btn a > i { display: inline-block; vertical-align: middle; } .product-info .add-to-cart-btn a:hover { color: #00da87; } .shop-product:hover .product-info .add-to-cart-btn { bottom: 0; } .product-info .product-rating { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .product-rating .product-stars { display: inline-block; position: relative; } .product-rating .product-rating-stars { display: block; position: relative; overflow: hidden; } .shop-product:hover .product-rating { bottom: -100%; } .single-product-details .title { margin: 0; } .single-product-details .title h2 { margin: 0; } .single-product-details .title .product_title { margin-bottom: 0; } .single-product-price { padding: 15px 0; overflow: hidden; } .single-product-price h3 { margin: 0; color: #00c077; } .single-product-price h3 del { color: #858585; margin-right: 5px; } .single-product-price h3 > span, .single-product-price h3 > ins { font-size: 24px; color: #1f1f1f; text-decoration: none; } .single-product-ratings { margin-bottom: 15px; } .single-product-desc { padding: 0 0 15px 0; } .single-product-desc > h5 { text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.05em; } .single-product-add { padding: 15px 0; } .single-product-add .inline-form { width: 250px; } .search-field { width: 100%; height: 34px; padding: 6px 12px; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .single-product-add .inline-form .form-control { font-size: 13px; font-family: 'Poppins', sans-serif; padding: 0 15px; text-align: center; margin-right: 10px; display: inline-block; float: left; width: 80px; border-radius: 4px; } .single-product-add .inline-form .input-group-btn { margin-left: 10px; display: inline-block; } .single-product-add .inline-form .input-group-btn .btn { border-radius: 4px; } .single-product-list { padding: 20px 0; } .single-product-list ul { list-style: none; padding: 0; margin: 0; } .single-product-list ul li { padding: 5px 0; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; } .single-product-list ul li span { color: #858585; } .single-product-list ul li a { padding: 0 4px; } .single-product-list .product_meta > h5 { text-transform: uppercase; font-size: 11px; font-weight: 600; letter-spacing: 0.05em; } .single-product-list .product_meta p { margin-bottom: 0; } .single-product-list .product_meta p > span { display: inline-block; padding: 5px 0; font-family: 'Poppins', sans-serif; color: #1f1f1f; text-transform: uppercase; font-size: 11px; letter-spacing: 0.1em; margin-right: 5px; } .single-product-list .product_meta p > a { color: #5f5f5f; font-family: 'Source Sans Pro', sans-serif; text-transform: none; letter-spacing: 0; font-size: 13px; margin-left: 2px; } .single-product-list .product_meta p > a:hover { color: #00c3da; } #product-slider { margin-bottom: 50px; } #product-slider .slick-prev { left: 0!important; } #product-slider .slick-next { right: 0!important; } .product-tabs .minimal-tabs { border-bottom: 1px solid #eee; margin-bottom: 50px; } .product-tabs .minimal-tabs > li > a { padding-top: 25px; padding-bottom: 25px; border-top: 2px solid transparent; border-bottom: 0; margin-bottom: 0!important; } .product-tabs .minimal-tabs > li.active > a, .product-tabs .minimal-tabs > li.active > a:focus, .product-tabs .minimal-tabs > li.active > a:hover { border-top: 2px solid #00c3da; border-bottom: 0; color: #00c3da; } .related-products .shop-product { margin-bottom: 0; } #product-slider-nav figure.slick-slide { opacity: .7; margin-bottom: 15px; cursor: pointer; } #product-slider-nav figure.slick-slide.slick-current { opacity: 1; } #product-slider-nav .slick-prev, #product-slider-nav .slick-next { position: relative; background-color: transparent; border: 0; font-size: 40px; text-align: center; display: block; padding: 0; margin: 0; width: 100%; outline: none; } @media only screen and (max-width: 767px) { #product-slider-nav .slick-prev, #product-slider-nav .slick-next { width: auto; position: absolute; top: 50%; margin-top: -25px; height: 50px; z-index: 100; font-size: 28px; } #product-slider-nav .slick-prev { left: 0; } #product-slider-nav .slick-next { right: 0; } } #shopping-cart { border-color: #e6e6e6; margin-bottom: 50px; } #shopping-cart > thead > tr > th { border-bottom: 1px solid #e6e6e6; font-size: 13px; font-family: 'Poppins', sans-serif; color: #1f1f1f; font-weight: 500; padding: 15px 8px; } #shopping-cart > tbody > tr > td { padding: 20px 8px; vertical-align: middle; font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 400; border-bottom: 1px solid; border-color: #e6e6e6; } #shopping-cart > tbody > tr > td.product-subtotal { color: #1f1f1f; } #shopping-cart > tbody > tr > td.product-remove i { font-size: 20px; } #shopping-cart > tbody > tr > td > a { color: #1f1f1f; } #shopping-cart > tbody > tr > td > a:hover { color: #00c3da; } #shopping-cart > tbody > tr > td > .form-control { width: 60px; padding: 0 12px; font-size: 13px; text-align: center; height: 45px; line-height: 43px; margin-left: auto; margin-right: auto; } #shopping-cart > tbody > tr > td i.hc-close { color: #f42841; font-size: 20px; } #shopping-cart > tbody > tr > td .cart-price { font-size: 14px; } #shopping-cart > tbody > tr > td img { max-height: 100px; width: auto; } #shopping-cart input.input-sm, #shopping-cart input.btn-sm { line-height: 35px; width: auto!important; } #shopping-cart .coupon { float: left!important; } @media (min-width: 480px) { #shopping-cart .coupon + input { float: right!important; } } .coupon-form { padding: 25px; border: 2px dashed #e6e6e6; } .cart-summary { padding: 30px; background-color: #f7f7f7; } .cart-summary tbody { font-family: 'Poppins', sans-serif; text-transform: uppercase; } .cart-summary tbody th { font-size: 11px; font-weight: 600; letter-spacing: 0.05em; vertical-align: middle!important; } .cart-summary tbody h6 { font-weight: 600; } .promo-code { border: 1px solid #e7e7e7; padding: 20px; margin-bottom: 25px; } .checkout-form .form-group { overflow: hidden; } .form-group { margin-bottom: 25px; } .form-group label { font-size: 13px; font-weight: 400; } .form-group .checkbox input[type=checkbox], .form-group .radio input[type=checkbox], .form-group .checkbox-inline input[type=checkbox], .form-group .radio-inline input[type=checkbox], .form-group .checkbox input[type=radio], .form-group .radio input[type=radio], .form-group .checkbox-inline input[type=radio], .form-group .radio-inline input[type=radio] { margin-top: 0; } .form-group textarea { min-height: 100px; } .form-group.has-error .form-control { border-color: #ff4656; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.02); } .form-group.has-success .form-control { border-color: #2ecc71; box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.02); } .shopping-cart { position: absolute!important; right: 0; min-width: 300px; padding: 20px; background-color: #fff; border: 1px solid #f6f6f6; box-shadow: 0 5px 10px 0 rgba(31, 31, 31, 0.05); -webkit-transform: scale(0.9); transform: scale(0.9); visibility: hidden; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; } .shopping-cart .cart-buttons { padding: 15px; margin: 0; overflow: hidden; } .shopping-cart .cart-buttons .cart-btn-item { width: 50%; display: block; float: left; } .shopping-cart .cart-buttons .cart-btn-item:first-child { padding-right: 5px; } .shopping-cart .cart-buttons .cart-btn-item:last-child { padding-left: 5px; } .shopping-cart .product-list li { padding: 15px; margin: 0!important; font-weight: 500; } .shopping-cart .product-list li .product-thumbnail { width: 50px; height: 50px; border-radius: 50%; background-position: top center; float: left; min-height: 0; } .shopping-cart .product-list li .product-summary { margin-left: 65px; position: relative; padding-right: 10px; } .shopping-cart .product-list li .product-summary a { font-family: 'Poppins', sans-serif; font-size: 13px; } .shopping-cart .product-list li .product-summary > span { display: block; } .shopping-cart .product-list li .product-summary .remove { color: #6c6c6c !important; position: absolute; right: 0; top: 3px; font-size: 10px; } .shopping-cart .product-list li .product-summary .remove:hover { background-color: transparent; color: #00c3da !important; } .shopping-cart .product-list li.empty { font-size: 14px; text-align: center; font-weight: 400; } .shopping-cart .mini-cart-info { padding: 10px 15px; } .shopping-cart .mini-cart-info h5 { margin: 0; font-weight: 500; font-size: 13px; } .shopping-cart-info { padding: 15px; overflow: hidden; border-bottom: 1px solid #eee; } .shopping-cart-info h6 { margin: 0; } @media only screen and (min-width: 992px) { .cart-open:hover > .shopping-cart { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @media only screen and (max-width: 991px) { .cart-open.opened > .shopping-cart { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .cart-open .cart-number { position: absolute; font-size: 9px; background-color: #00c3da; top: 12px; right: 6px; line-height: 1; height: 14px; width: 14px; line-height: 14px; text-align: center; color: #fff; border-radius: 50%; font-weight: bold; } /* 13 Forms */ .form-group { margin-bottom: 25px; } .form-group label { color: #1f1f1f; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 13px; } .form-control, .search-field { height: 50px; padding: 0 15px; font-size: 15px; line-height: 50px; border: 2px solid #eee; border-radius: 0; box-shadow: none; -webkit-transition: all .3s ease; transition: all .3s ease; } .form-control:hover, .form-control:focus, .search-field:focus, .search-field:hover { box-shadow: none; } .form-control:focus { border-color: #1f1f1f; } .form-control.input-sm { height: 40px; line-height: 40px; } .form-control::-webkit-input-placeholder { font-size: .9em; opacity: .8; font-family: 'Poppins', sans-serif; font-weight: 400; } .form-control::-moz-placeholder { font-size: .9em; opacity: .8; font-family: 'Poppins', sans-serif; font-weight: 400; } .form-control:-ms-input-placeholder { font-size: .9em; opacity: .8; font-family: 'Poppins', sans-serif; font-weight: 400; } .form-control::placeholder { font-size: .9em; opacity: .8; font-family: 'Poppins', sans-serif; font-weight: 400; } textarea.form-control { resize: none; min-height: 110px; line-height: inherit; padding-top: 15px; padding-bottom: 15px; } .form-select { border: 2px solid #eee; background-color: #fff; position: relative; } .form-select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; } /* 14 Timeline */ section.grey-bg .timeline .timeline-content:before { border-color: #f7f7f7; } section.dark-bg .timeline:before { background-color: #393939; } section.dark-bg .timeline .timeline-content:before { border-color: #1f1f1f; background-color: #393939; box-shadow: 0 0 0 1px #393939; } .timeline { list-style: none; padding: 0; margin: 0; position: relative; padding-top: 100px; padding-bottom: 100px; } .timeline:before { content: ""; position: absolute; width: 1px; left: 10%; top: 0; bottom: 0; background-color: #e6e6e6; } .timeline.boxed-timeline:before { top: 0; bottom: 0; } .timeline > li { margin-bottom: 35px; margin-left: 10%; } .timeline > li:last-child { margin-bottom: 0; } .timeline > li:hover .timeline-content:before { background-color: #00c3da; box-shadow: 0 0 0 1px #00c3da; } .timeline > li:hover .timeline-content .timeline-date { margin-left: -16px; } .timeline > li .timeline-content { padding: 0 50px; position: relative; } .timeline > li .timeline-content:before { content: ""; position: absolute; left: 0; top: 8px; width: 14px; height: 14px; background-color: #e6e6e6; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 100; margin-left: -7px; border-radius: 50%; } .timeline > li .timeline-content h4 { margin-top: 0; margin-bottom: 10px; font-size: 14px; } .timeline > li .timeline-content h5 { display: block; margin-top: 0; margin-bottom: 5px; font-size: 11px; text-transform: uppercase; color: #787878; letter-spacing: 0.05em; font-weight: 500; } .timeline > li .timeline-content p { margin-top: 10px; margin-bottom: 0; } .timeline > li .timeline-content .timeline-date { position: relative; display: inline-block; padding: 0 12px; font-size: 11px; font-weight: 500; font-family: 'Poppins', sans-serif; letter-spacing: 0.05em; margin-bottom: 15px; text-transform: uppercase; color: #fff; background-color: #00c3da; height: 22px; line-height: 22px; margin-left: -12px; -webkit-transition: all .3s ease; transition: all .3s ease; } .timeline > li .timeline-content .timeline-date:before { content: ""; position: absolute; display: block; bottom: 0; border: 11px solid #00c3da; z-index: -1; left: -12px; border-right-width: 11px; border-left-color: transparent !important; } /* 15 Pricing Tables */ section.dark-bg .pricing-table { background-color: #1f1f1f; border-color: #050505; } section.dark-bg .pricing-table.featured { border-color: #00c3da; } section.dark-bg .pricing-table .price h2 span { color: #fff; } section.dark-bg .pricing-table .features > li { color: #fff; } section.dark-bg .pricing-table .features > li:nth-child(even) { background-color: #1a1a1a; } section.grey-bg .pricing-table { border: 0; } .pricing-table { border: 1px solid #f3f3f3; max-width: 400px; padding: 45px 35px; margin: 50px auto 25px; position: relative; width: 100%; background-color: #fff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); -webkit-transition: all .3s ease; transition: all .3s ease; } .pricing-table:hover { box-shadow: 0 0 65px rgba(0, 0, 0, 0.1); } .pricing-table.align-left { padding: 0 30px; text-align: left; } .pricing-table.align-left .features > li, .pricing-table.align-left .pricing-footer { padding-left: 0; padding-right: 0; } @media only screen and (min-width: 992px) { .pricing-table.featured { -webkit-transform: scale(1.08); transform: scale(1.08); } } .pricing-table.featured { background-color: #fff; z-index: 20; } .pricing-table.featured .price h2 { color: #00c3da; } .pricing-table .featured-label { position: absolute; top: 40px; right: 35px; font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; background-color: #00c3da; color: #fff; padding: 5px 10px; border-radius: 15px; } .pricing-table .pricing-head i { font-size: 45px; margin-bottom: 25px; display: block; color: #1f1f1f; } .pricing-table .pricing-head h4 { font-size: 13px; margin: 0; font-weight: 400; } .pricing-table .price { padding: 15px 0; border-bottom: 1px solid #eee; } .pricing-table .price h2 { font-size: 55px; font-weight: 500; letter-spacing: -3px; margin: 0; } .pricing-table .price h2 span { font-size: 18px; font-weight: 400; vertical-align: top; } .pricing-table .features { margin-top: 15px; } .pricing-table .features > li { padding: 8px 0; } .pricing-table .features > li span { font-weight: 400; } .pricing-table .pricing-footer { padding: 20px 0; } /* 16 Photo Gallery */ .photo-gallery { width: 100%; } .gallery-item .gallery-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: all .3s ease; transition: all .3s ease; opacity: 0; cursor: -moz-zoom-in; cursor: zoom-in; } .gallery-item:hover .gallery-overlay { opacity: 1; } #gallery-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 2000000; text-align: center; display: none; cursor: -moz-zoom-out; cursor: zoom-out; } #gallery-modal .video-gallery { max-width: 800px; margin: auto; position: relative; } .lightbox-gallery { position: relative; -webkit-transform: translateY(-200px); transform: translateY(-200px); -webkit-transition: all .7s ease; transition: all .7s ease; } .lightbox-gallery .single-gallery { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; height: 100vh; } .lightbox-gallery .single-gallery img, .lightbox-gallery .single-gallery iframe { max-height: 85vh; max-width: 100%; margin: 0 auto; cursor: default; } #gallery-close { position: absolute; height: 40px; line-height: 40px; top: 20px; right: 30px; margin: auto; font-size: 35px; color: #fff; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; z-index: 1000; cursor: pointer; } #gallery-close:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } #gallery-close:hover, #gallery-close:focus { color: #fff; } #gallery-close i { vertical-align: middle; line-height: inherit; } .gallery-control { position: absolute; width: 50px; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; color: #fff; font-size: 35px; -webkit-transition: all .3s ease; transition: all .3s ease; } .gallery-control:hover, .gallery-control:focus { color: #fff; } .gallery-control > a { color: #fff; } .gallery-control i { vertical-align: middle; line-height: inherit; } .gallery-control.gallery-prev { left: 30px; text-align: left; } .gallery-control.gallery-prev:hover { left: 25px; } .gallery-control.gallery-next { right: 30px; text-align: right; } .gallery-control.gallery-next:hover { right: 25px; } .lightbox-loader { background-image: url('../images/preloader.svg'); background-repeat: no-repeat; background-position: center center; position: absolute; width: 50px; height: 50px; top: 50%; left: 0; right: 0; margin: -25px auto 0; } /* 17 Animations */ .animated { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 0; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100px, 0, 0); transform: translate3d(-100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100px, 0, 0); transform: translate3d(100px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomOut { from { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes zoomOut { from { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes preloader { from { stroke-width: 0; stroke-dashoffset: 0; } to { stroke-width: 1; stroke-dashoffset: 102px; } } @keyframes preloader { from { stroke-width: 0; stroke-dashoffset: 0; } to { stroke-width: 1; stroke-dashoffset: 102px; } } @-webkit-keyframes shine { 100% { left: 200%; } } @keyframes shine { 100% { left: 200%; } } /* 18 Fullpage */ @media only screen and (min-width: 768px) { #fullpage section { padding-top: 0; padding-bottom: 0; } } /*! * fullPage 2.9.4 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ html.fp-enabled { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; overflow: hidden; padding: 0; } .fp-enabled body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin: 0; overflow: hidden; padding: 0; } #superContainer { -ms-touch-action: none; height: 100%; position: relative; touch-action: none; } .fp-section { -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .fp-slide { display: block; float: left; height: 100%; } .fp-slidesContainer { display: block; float: left; height: 100%; position: relative; } .fp-slides { -webkit-transition: all 0.3s ease-out; height: 100%; overflow: hidden; position: relative; transition: all 0.3s ease-out; z-index: 1; } .fp-section.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; } .fp-tableCell { display: table-cell; height: 100%; vertical-align: middle; width: 100%; } .fp-controlArrow { -khtml-user-select: none; -moz-user-select: none; -ms-transform: translate3d(0, 0, 0); -ms-user-select: none; -webkit-transform: translate3d(0, 0, 0); -webkit-user-select: none; border-style: solid; cursor: pointer; height: 0; margin-top: -38px; position: absolute; top: 50%; transform: translate3d(0, 0, 0); width: 0; z-index: 4; } .fp-controlArrow.fp-prev { border-color: transparent #ffffff transparent transparent; border-width: 38.5px 34px 38.5px 0; left: 15px; width: 0; } .fp-controlArrow.fp-next { border-color: transparent transparent transparent #ffffff; border-width: 38.5px 0 38.5px 34px; right: 15px; } .fp-scrollable { overflow: hidden; position: relative; } .fp-scroller { overflow: hidden; } .iScrollIndicator { border: 0 !important; } .fp-notransition { -webkit-transition: none !important; transition: none !important; } #fp-nav { -webkit-transform: translate3d(0, 0, 0); margin-top: -32px; opacity: 1; position: fixed; top: 50%; z-index: 100; } #fp-nav ul { margin: 0; padding: 0; } #fp-nav ul li { display: block; height: 13px; margin: 7px; position: relative; width: 14px; } #fp-nav ul li a { cursor: pointer; display: block; height: 100%; position: relative; text-decoration: none; width: 100%; z-index: 1; } #fp-nav ul li a span { -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; background: #1f1f1f; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4); border-radius: 50%; border: 0; height: 4px; left: 50%; margin: -2px 0 0 -2px; position: absolute; top: 50%; transition: all 0.1s ease-in-out; width: 4px; z-index: 1; } #fp-nav ul li a.active span { border-radius: 100%; height: 12px; margin: -6px 0 0 -6px; width: 12px; } #fp-nav ul li:hover a.active span { border-radius: 100%; height: 12px; margin: -6px 0 0 -6px; width: 12px; } #fp-nav ul li:hover a span { height: 10px; margin: -5px 0px 0px -5px; width: 10px; } #fp-nav ul li:hover .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; opacity: 1; transition: opacity 0.2s ease-in; width: auto; } #fp-nav ul li .fp-tooltip { color: #ffffff; cursor: pointer; display: block; font-family: arial, helvetica, sans-serif; font-size: 14px; max-width: 220px; opacity: 0; overflow: hidden; position: absolute; top: -2px; white-space: nowrap; width: 0; } #fp-nav ul li .fp-tooltip.right { right: 20px; } #fp-nav ul li .fp-tooltip.left { left: 20px; } #fp-nav.right { right: 17px; } #fp-nav.left { left: 17px; } .fp-slidesNav { -ms-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); left: 50%; opacity: 1; position: absolute; transform: translate3d(0, 0, 0); z-index: 4; } .fp-slidesNav ul { margin: 0; padding: 0; } .fp-slidesNav ul li { display: block; display: inline-block; height: 13px; margin: 7px; position: relative; width: 14px; } .fp-slidesNav ul li a { cursor: pointer; display: block; height: 100%; position: relative; text-decoration: none; width: 100%; z-index: 1; } .fp-slidesNav ul li a span { -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; background: #1f1f1f; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.4); border-radius: 50%; border: 0; height: 4px; left: 50%; margin: -2px 0 0 -2px; position: absolute; top: 50%; transition: all 0.1s ease-in-out; width: 4px; z-index: 1; } .fp-slidesNav ul li a.active span { border-radius: 100%; height: 12px; margin: -6px 0 0 -6px; width: 12px; } .fp-slidesNav ul li:hover a.active span { border-radius: 100%; height: 12px; margin: -6px 0 0 -6px; width: 12px; } .fp-slidesNav ul li:hover a span { height: 10px; margin: -5px 0px 0px -5px; width: 10px; } .fp-slidesNav.bottom { bottom: 17px; } .fp-slidesNav.top { top: 17px; } #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; opacity: 1; transition: opacity 0.2s ease-in; width: auto; } .fp-auto-height.fp-section { height: auto !important; } .fp-auto-height .fp-slide { height: auto !important; } .fp-auto-height .fp-tableCell { height: auto !important; } .fp-responsive .fp-auto-height-responsive.fp-section { height: auto !important; } .fp-responsive .fp-auto-height-responsive .fp-slide { height: auto !important; } .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } /* 19 Zoom */ img[data-action="zoom"] { cursor: pointer; cursor: -moz-zoom-in; cursor: zoom-in; } .zoom-img, .zoom-img-wrap { position: relative; z-index: 666; -webkit-transition: all .3s; transition: all .3s; } img.zoom-img { cursor: pointer; cursor: -moz-zoom-out; cursor: zoom-out; } .zoom-overlay { z-index: 420; background: #fff; position: fixed; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: opacity 300ms; transition: opacity 300ms; } .zoom-overlay:before:hover { color: #1f1f1f; } .zoom-overlay-open .zoom-overlay { opacity: .98; } .zoom-overlay-open, .zoom-overlay-transitioning { cursor: default; } /* 20 Helpers */ /* Helpers */ .earth-map-bg { background-image: url('../images/dotted-map.png'); background-size: contain; } .geometric-bg { background-image: url('../images/geometric-pattern.png'); background-repeat: repeat; } .gradient { background: -webkit-linear-gradient(left, #cf93ff 0%, #00c3da 100%); background: linear-gradient(90deg, #cf93ff 0%, #00c3da 100%); } .gradient-text:not([data-gradients]) { background: -webkit-linear-gradient(left, #cf93ff 0%, #00c3da 100%); background: linear-gradient(90deg, #cf93ff 0%, #00c3da 100%); } .gradient-text { -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .upper { text-transform: uppercase; } .fw-300 { font-weight: 300; } .fw-400 { font-weight: 400; } .fw-500 { font-weight: 500; } .fw-600 { font-weight: 600; } .full-height { height: auto; min-height: 100vh; } .height-100 { height: 100vh; } .colored-bg { background-color: #00c3da; color: #fff; } .d-b { display: block; } .font-variant-small-caps { font-variant: small-caps; text-transform: none!important; } .centrize { display: table; table-layout: fixed; height: 100%; width: 100%; position: relative; } .v-center { display: table-cell; vertical-align: middle; } .v-top { display: table-cell; vertical-align: top; } .v-bottom { display: table-cell; vertical-align: bottom; } .ov-v { overflow: visible; } .ov-h { overflow: hidden; } .b-0 { border: 0; } .bt-0 { border-top: 0; } .br-0 { border-right: 0; } .bb-0 { border-bottom: 0; } .bl-0 { border-left: 0; } .border-top { border-top: 1px solid #eee; } .border-right { border-right: 1px solid #eee; } .border-bottom { border-bottom: 1px solid #eee; } .border-left { border-left: 1px solid #eee; } .m-0 { margin: 0; } .mt-0 { margin-top: 0; } .mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mt-25 { margin-top: 25px; } .mt-35 { margin-top: 35px; } .mt-50 { margin-top: 50px; } .mt-100 { margin-top: 100px; } .mr-0 { margin-right: 0; } .mr-10 { margin-right: 10px; } .mr-15 { margin-right: 15px; } .mr-25 { margin-right: 25px; } .mr-35 { margin-right: 35px; } .mr-50 { margin-right: 50px; } .mr-100 { margin-right: 100px; } .mb-0 { margin-bottom: 0; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-25 { margin-bottom: 25px; } .mb-35 { margin-bottom: 35px; } .mb-50 { margin-bottom: 50px; } .mb-100 { margin-bottom: 100px; } .ml-0 { margin-left: 0; } .ml-10 { margin-left: 10px; } .ml-15 { margin-left: 15px; } .ml-25 { margin-left: 25px; } .ml-35 { margin-left: 35px; } .ml-50 { margin-left: 50px; } .ml-100 { margin-left: 100px; } .p-0 { padding: 0; } .pt-0 { padding-top: 0; } .pt-10 { padding-top: 10px; } .pt-15 { padding-top: 15px; } .pt-25 { padding-top: 25px; } .pt-35 { padding-top: 35px; } .pt-50 { padding-top: 50px; } .pt-100 { padding-top: 100px; } .pr-0 { padding-right: 0; } .pr-10 { padding-right: 10px; } .pr-15 { padding-right: 15px; } .pr-25 { padding-right: 25px; } .pr-35 { padding-right: 35px; } .pr-50 { padding-right: 50px; } .pr-100 { padding-right: 100px; } .pb-0 { padding-bottom: 0; } .pb-10 { padding-bottom: 10px; } .pb-15 { padding-bottom: 15px; } .pb-25 { padding-bottom: 25px; } .pb-35 { padding-bottom: 35px; } .pb-50 { padding-bottom: 50px; } .pb-100 { padding-bottom: 100px; } .pl-0 { padding-left: 0; } .pl-10 { padding-left: 10px; } .pl-15 { padding-left: 15px; } .pl-25 { padding-left: 25px; } .pl-35 { padding-left: 35px; } .pl-50 { padding-left: 50px; } .pl-100 { padding-left: 100px; } .font-16 { font-size: 16px; } .font-18 { font-size: 18px; } .font-20 { font-size: 20px!important; } .font-26 { font-size: 26px!important; } .font-32 { font-size: 32px!important; } .black-text { color: #1f1f1f !important; } .white-text { color: #fff!important; } .colored-text { color: #00c3da !important; } .gold-text { color: #c29848 !important; } .default-font { font-family: 'Source Sans Pro', sans-serif !important; } .heading-font { font-family: 'Poppins', sans-serif !important; letter-spacing: 0.02em; } .serif-font { font-family: 'Lora', serif !important; font-weight: 400!important; } .cursive-font { font-weight: 400!important; } @media only screen and (min-width: 992px) { .txt-md-left { text-align: left; } .txt-md-center { text-align: center; } .txt-md-right { text-align: right; } } @media only screen and (max-width: 991px) { .txt-sm-left { text-align: left; } .txt-sm-center { text-align: center; } .txt-sm-right { text-align: right; } } @media only screen and (max-width: 767px) { .txt-xs-left { text-align: left; } .txt-xs-center { text-align: center; } .txt-xs-right { text-align: right; } } @media only screen and (min-width: 992px) { .flex-order-md-2 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .flex-order-sm-2 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media only screen and (max-width: 767px) { .flex-order-xs-2 { -webkit-box-ordinal-group: 3; -moz-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .box-shadow-big { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); } @media only screen and (min-width: 992px) { .pull-md-left { float: left; } .pull-md-right { float: right; } } @media only screen and (max-width: 991px) { .pull-sm-left { float: left; } .pull-sm-right { float: right; } } @media only screen and (max-width: 767px) { .pull-xs-left { float: left; } .pull-xs-right { float: right; } } .preview-icon { padding: 15px 10px; border: 1px solid #e7e7e7; margin-left: -15px; margin-right: -16px; margin-bottom: -1px; } .preview-icon i { font-size: 25px; color: #484e54; width: 50px; display: inline-block; text-align: center; vertical-align: middle; } .preview-icon code { font-size: 12px; background-color: transparent; color: #191b1d; } .preview-icon:hover { background-color: #f7f7f7; } .preview-icon:hover code, .preview-icon:hover i { color: #00c3da; } .screen-reader-text{ display:none; } /*========================================================== ********************** Captions ******************** ===========================================================*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: inline-block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .sticky-wrapper.is-sticky .menu-block { background:#303031; } /*========================================================== ********************** Galleries ******************** ===========================================================*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 5px 10px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } figure{ max-width:100%; height:auto; } .gallery-caption { display: block; } .bypostauthor { display: block; } .alignleft{ margin-right:15px; float:left; } .alignright{ margin-left:15px; float:right; } .aligncenter { display:block; margin:0px auto; } /*-------------------------------------------------------------------------------------------------------------------- * owlGallery *--------------------------------------------------------------------------------------------------------------------*/ .owlGallery{ overflow:hidden; position:relative; } .owlGallery img{ max-width:100%; height:auto; } .owlGallery .owl-item, .owlGallery .item{ float:left; } .owl-nav{ display:none; } .owl-nav div{ position:absolute; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; top:50%; left:10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:99; width:45px; height:45px; text-align:center; line-height:45px; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; color:rgba(47, 135, 253, 0.5); background: rgba(255, 255, 255, 0) none repeat scroll 0 0; border: 1px solid rgba(47, 135, 253, 0.5); } .owl-nav div.owl-prev{ left:auto; right:10px; } .owl-nav div:hover { background:rgba(47, 135, 253, 0.5); text-decoration: none; color:#FFF; } .blog-posted-date{ color: #999999; font-size:12px; } .audio-center{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 95%; } .odd_even_layout .mejs-container{ position: absolute!important; left: 50%; top: 50%; transform: translate(-50%, -50%); } .odd_even_layout .owl-stage-outer, .odd_even_layout .owl-item , .odd_even_layout .owl-stage, .odd_even_layout .item { height:100%; } .odd_even_layout .item { width:100%; overflow:hidden; } .side-post-image .item img.img-responsive{ height:100%; width:auto!important; max-width:none!important; }