OwlCyberSecurity - MANAGER
Edit File: style.css
/* Theme Name: Consultare Theme URI: https://fireflythemes.com/themes/consultare Author: FireFly Themes Author URI: https://fireflythemes.com/ Description: Consultare is a light/free version of Consultare Pro. Consultare is our new free corporate WordPress theme, perfect for business websites. With the modern features it has, you can build a fully functional attractive responsive website. It also provides a pre-designed demo for importing which will help you build your website quickly. It has features such as Case Study, Promotion Headline, Hero Content, Featured Content and so on. Not only business houses, but it is flexible enough to be used by all kind of websites such as personal blog as well. Consultare has a unique effortless design which will attract more visitors to your website, as it is responsive your website will look stunning in any kind of device. So, if you want to take your business to next level Consultare is you best choice. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/consultare for theme documentation and https://demo.fireflythemes.com/consultare for demo. Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/consultare for theme documentation and https://demo.fireflythemes.com/consultare for demo. Version: 1.0.4 Requires at least: 5.5 Tested up to: 5.8 Requires PHP: 5.6 License: GPL-3.0-or-later License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3 Text Domain: consultare Tags: blog, news, entertainment, grid-layout, one-column, two-columns, left-sidebar, custom-background, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks Consultare WordPress Theme, Copyright 2021 FireFly Themes Consultare is distributed under the terms of the GNU This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Consultare is based on Underscores https://underscores.me/, (C) 2012-202. Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v3 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries # Basic # Top Header # Masthead # Basic Breadcrumb # Footer # Sidebar # Social Links # Layouts Style # Section ## Slider ## Hero Content ## What we do ## Teams ## Testimonial ## Post Gird ## Skills ## Promotional ## Contact ## Portfolio # Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ /* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ font-size: 16px; font-size: 62.5%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } ::-moz-selection { color: #fff; background: #3c80ee; } ::selection { color: #fff; background: #3c80ee; } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } body, button, input, select, optgroup, textarea { color: #999999; font-family: "Roboto Slab", serif; font-size: 1.8rem; line-height: 1.75; font-weight: 400; font-size: 18px; } @media screen and (max-width: 1023px) { html { font-size: 54.6879%; } } h1, h2, h3, h4, h5, h6 { clear: both; margin-bottom: 10px; line-height: 1.4; margin-top: 0; color: #ffffff; font-weight: 600; font-family: "Poppins", sans-serif; } h1 { font-size:3.8rem; } h2 { font-size: 2.8rem; } h3 { font-size: 2.3rem; } h4 { font-size: 1.8rem; } h5 { font-size:1.6rem; } h6 { font-size:1.4rem; } p { margin: 0 0 15px 0; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #23282d; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 1.5rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #3c80ee; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #040402; /* Fallback for when there is no custom background color defined. */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; font-size: 1.8rem; font-style: italic; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 15px; } ul, ol { margin: 0 0 15px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 15px; } dt { font-weight: bold; } dd { margin: 0 15px 15px; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 15px; width: 100%; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 5px; border: 2px double #808080; text-align: center; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ .ff-button, .ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { transition: all 0.3s ease 0s; background: #3c80ee; color: #fff; font-size: 16px; padding: 12px 40px; border: none; height: auto; width: auto; cursor: pointer; display: inline-block; text-align: center; margin: 0; position: relative; margin-top: 10px; line-height: 1.5; border-radius: 0; font-weight: 500; border-radius: 50px; } .ff-button, .ff-button:visited{ border: 2px solid transparent; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { padding: 7px 25px; } a.ff-button:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, a.button:focus, a.ff-button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, a.ff-button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background: #fff; color: #222; } button:focus, a.button:focus, a.ff-button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; } /*custom-secondary*/ a.ff-button.ff-button-wire, a.ff-button.ff-button-wire:visited { color: #fff; background: none; border: 2px solid #fff; } .ff-button.button-secondary, .ff-button.button-secondary:visited, a.ff-button.ff-button-wire:hover, a.ff-button.ff-button-wire:active, a.ff-button.ff-button-wire:focus { background: #ffffff; color: #222; } .ff-button.button-secondary:hover, .ff-button.button-secondary:active, .ff-button.button-secondary:focus { background-color: #3c80ee; color: #fff; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #fff; border: 1px solid #484850; padding:15px 20px; transition: all 0.2s ease-in-out 0s; width: 100%; background: #191919; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #ecebeb; border: 1px solid #3c80ee; outline: none; } select { border: 1px solid #44484d; padding: 10px 15px; background: #23282d; } .header-search .displaynone { display: none; } .header-search .displayblock{ display: block; } .search-toggle.toggled-on i.far.fa-times-circle { display: block; font-size: 17px; } .search-toggle i.far.fa-times-circle, .search-toggle.toggled-on i.fas.fa-search { display: none; } .search-toggle:hover, .search-toggle:focus, .search-toggle:active { color:#3c80ee; } .search-toggle, .site-header-cart a, .search-toggle:visited, .site-header-cart a:visited { display: block; padding: 7px; font-size: 13px; height: 35px; width: 35px; text-align: center; margin-left: 10px; color: #ffffff; } .header-search { position: relative; } .head-search-cart-wrap { margin-top: 5px; } .search-container { background: #191919; bottom: -135px; box-shadow: 0 7px 30px #00000026; padding: 25px; position: absolute; width: 500px; z-index: 9999; right: -16px; } .light-top-header .search-container { background: #fff; } .light-top-header .search-toggle:hover, .light-top-header .cart-contents a:hover, .light-top-header .search-toggle:focus, .light-top-header .cart-contents a:focus, .light-top-header .search-toggle:active, .light-top-header .cart-contents a:active { color: #38b2ab; } .light-top-header .search-form .search-submit { border-right: 1px solid #dddfe4; } .search-container:after { content: ""; position: absolute; background: #191919; height: 20px; right: 20px; top: -9px; width: 20px; transform: rotate(45deg); } .search-form .search-submit { border-radius: 0; padding: 15px 20px; position: absolute; left: 0; top: -10px; border-radius: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; background: no-repeat; color: #ffffff; border-right: 1px solid #3c3f46; height: 50px; } .search-form .search-submit:hover, .search-form .search-submit:focus, .search-form .search-submit:active { background: #3d7fed; color: #ffffff; } .search-form input.search-field{ padding: 7px 20px 7px 70px; width: 100%; height: 50px; } form.woocommerce-product-search button { width: 100%; } .search-form, .woocommerce-product-search { position: relative; clear: both; } .mobile-on{ display: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { background: #2d2e3a; } .woocommerce-Reviews div#comments { background: none; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #dbd9ef; text-decoration: inherit; } a:visited { color: #222; } a:hover, a:focus, a:active { color: #3c80ee; } a:focus { outline: thin dotted; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: #ffffff; text-decoration: inherit; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active{ color: #3c80ee; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited,.wwd-section.layout-5 .wwd-block-item h6 a:visited { position: relative; display: inline; background: -webkit-gradient(linear,left top,right top,from(currentColor),to(currentColor)); background: -webkit-linear-gradient(left,currentColor 0%,currentColor 100%); background: -o-linear-gradient(left,currentColor 0%,currentColor 100%); background: linear-gradient(to right,currentColor 0%,currentColor 100%); background-size: 0px 2px; background-position: 0 95%; -webkit-transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s; -o-transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s; transition: background-size .25s cubic-bezier(.785,.135,.15,.86) 0s; padding: 5px 0; background-repeat: no-repeat; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:hover, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active { background-size: 100% 2px; } .page-content p a, .entry-content p a, .entry-summary p a, .widget .textwidget a, .comment-content a, .section p a, .page-content a, .entry-content a, .entry-summary a, .widget .textwidget a, .comment-content a, .page-content p a:visited, .entry-content p a:visited, .entry-summary p a:visited, .widget .textwidget a:visited, .comment-content a:visited, .section p a:visited, .page-content a:visited, .entry-content a:visited, .entry-summary a:visited, .widget .textwidget a:visited, .comment-content a:visited { text-decoration: underline; color: #dbd9ef } .page-content p a:hover, .entry-content p a:hover, .entry-summary p a:hover, .widget .textwidget a:hover, .comment-content a:hover, .section p a:hover, .page-content a:hover, .entry-content a:hover, .entry-summary a:hover, .widget .textwidget a:hover, .comment-content a:hover, .page-content p a:focus, .entry-content p a:focus, .entry-summary p a:focus, .widget .textwidget a:focus, .comment-content a:focus, .section p a:focus, .page-content a:focus, .entry-content a:focus, .entry-summary a:focus, .widget .textwidget a:focus, .comment-content a:focus, .page-content p a:active, .entry-content p a:active, .entry-summary p a:active, .widget .textwidget a:active, .comment-content a:active, .section p a:active, .page-content a:active, .entry-content a:active, .entry-summary a:active, .widget .textwidget a:active, .comment-content a:active { color: #3c80ee; } .page-content a.more-link, .entry-content a.more-link, .entry-summary a.more-link, .section p a.more-link{ text-decoration: none; } a.more-link, a.more-link:visited { clear: both; margin-top: 15px; font-weight: 600; display: table; position: relative; box-sizing: border-box; color: #3c80ee; } .more-link:after { content: "\f30b"; font-family: 'Font Awesome 5 Free'; padding-left: 5px; font-weight: 900; font-size: 11px; right: 8px; top: 0; border-radius: 100%; padding: 7px; text-align: center; } a.more-link:hover::after, a.more-link:focus::after, a.more-link:active::after { content: "\f00c"; } #slider-section .more-link:after, #hero-content-section .more-link:after, .section.promotional-headline-section .more-link:after { display: none; } .swiper-slide { box-sizing: border-box; } a.more-link:hover, a.more-link:focus, a.more-link:active { color: #ffffff; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ a.skip-link { font-size: 16px!important; } .main-navigation ul { list-style: none; margin: 0; } .main-navigation ul li { position: relative; } .main-navigation ul li a { color: #ffffff; display: block; outline-offset: -1px; padding: 15px 25px; font-size: 16px; } .main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after { content: "\f107"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-style: normal; font-variant: normal; font-weight: normal; text-rendering: auto; line-height: 1; position: absolute; right: 14px; top: 19px; font-weight: 900; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .main-navigation ul ul { display: none; text-align: left; margin: 0; padding: 0; } .no-js .main-navigation ul ul { display: block; } .main-navigation ul .toggled-on { display: block; } .main-navigation ul.primary-menu { margin: 0; padding: 0; } .site-header-menu { display: none; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .site-header-menu.toggled-on, .no-js .site-header-menu { display: block; } .dropdown-toggle { background: transparent; border: 0; border-radius: 0; color: #fff; content: ""; height: 45px; padding: 0; position: absolute; right: 0; text-transform: none; top: 0; width: 45px; margin: 0; z-index: 99; } .dropdown-toggle:after { content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; border-left: 1px solid #ececec5c; left: 1px; display: block; } .dropdown-toggle:hover, .dropdown-toggle:focus { background: transparent; color: #007acc; } .dropdown-toggle:focus { outline: thin dotted; outline-offset: -1px; } .dropdown-toggle:focus:after { border-color: transparent; } .no-js .menu-toggle { display: none; } .menu-toggle:focus { outline: 0; } .menu-toggle.toggled-on:focus { outline: thin dotted; } .header-consultare .sticky-enabled.sticky-header { padding: 0; } #main-nav .dark-nav .main-navigation ul li a { color: #efecec; } #main-nav .dark-nav { background: #101010; } /* More than standard 910px (devices and browsers) */ @media screen and (min-width: 910px) { .site-header-main { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .site-header-menu { display: block; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; } .main-navigation ul, .main-navigation ul > li { border: 0; margin: 0; padding: 0; } .main-navigation ul > li { float: none; display: inline-block; } .main-navigation ul li a { outline-offset: -8px; padding: 8px 20px; white-space: nowrap; font-weight: 500; font-size: 15px; letter-spacing: 0.3px; font-family: "Poppins", sans-serif; } .main-navigation ul li.current-menu-item > a:before, .main-navigation ul li.current-menu-ancestor > a:before, .main-navigation ul li.current_page_item > a:before, .main-navigation ul li:hover > a:before, .main-navigation ul li a:hover:before, .main-navigation ul li a:focus:before, .main-navigation ul li a:active:before { content: ""; right: 20px; left: 20px; display: block; top: -25px; position: absolute; background: #3c80ee; height: 3px; } .dark-nav .main-navigation ul li.current-menu-item > a:before, .dark-nav .main-navigation ul li.current-menu-ancestor > a:before, .dark-nav .main-navigation ul li.current_page_item > a:before, .dark-nav .main-navigation ul li:hover > a:before, .dark-nav .main-navigation ul li a:hover:before, .dark-nav .main-navigation ul li a:focus:before, .dark-nav .main-navigation ul li a:active:before{ bottom: 0; height: 2px; } .main-navigation ul li li.current-menu-item > a:before, .main-navigation ul li li.current-menu-ancestor > a:before, .main-navigation ul li li.current_page_item > a:before, .main-navigation ul li li:hover > a:before, .main-navigation ul li li a:hover:before, .main-navigation ul li li a:focus:before, .main-navigation ul li li a:active:before { display:none; } .overlap-header .main-navigation ul li.current-menu-item > a:before, .overlap-header .main-navigation ul li.current-menu-ancestor > a:before, .overlap-header .main-navigation ul li.current_page_item > a:before, .overlap-header .main-navigation ul li:hover > a:before, .overlap-header .main-navigation ul li a:hover:before, .overlap-header .main-navigation ul li a:focus:before, .overlap-header .main-navigation ul li a:active:before { content: ""; width: 70%; left: 15%; display: block; bottom: 0; position: absolute; background: #3c80ee; height: 2px; } .overlap-header .main-navigation ul li li.current-menu-item > a:before, .overlap-header .main-navigation ul li li.current-menu-ancestor > a:before, .overlap-header .main-navigation ul li li.current_page_item > a:before, .overlap-header .main-navigation ul li li:hover > a:before, .overlap-header .main-navigation ul li li a:hover:before, .overlap-header .main-navigation ul li li a:focus:before, .overlap-header .main-navigation ul li li a:active:before { display: none; } .main-navigation ul ul { display: block; left: -999em; margin: 0; position: absolute; z-index: 999; background: #191919; box-shadow:0 16px 30px #0000004d; transition: all 500ms ease; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; top: 60px; left: 0; position: absolute; z-index: 999; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; } .main-navigation ul ul ul { top: 0px; border: none; box-shadow: 16px 0 26px rgba(90, 89, 89, 0.16); } .main-navigation ul li:hover > ul.sub-menu, .main-navigation ul li.focus > ul.sub-menu { display: block; opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; visibility: visible; } .main-navigation ul ul ul:before, .main-navigation ul ul ul:after { border: 0; display: none; } .main-navigation ul ul li { border-bottom-width: 0; } .main-navigation ul ul a { padding: 10px; } .main-navigation ul ul a { padding: 11px 25px; border-bottom: 1px solid rgb(255 255 255 / 6%); text-transform: capitalize; font-size: 15px; } .main-navigation ul ul li:last-child a { border: none; } .main-navigation ul ul li a:before { display: none; } .main-navigation ul ul a { white-space: normal; width: 230px; } #main-nav .main-navigation ul ul li.current-menu-item > a, #main-nav .main-navigation ul ul li.current-menu-ancestor > a, #main-nav .main-navigation ul ul li.current_page_item > a, #main-nav .main-navigation ul ul li:hover > a, #main-nav .main-navigation ul ul li a:hover, #main-nav .main-navigation ul ul li a:focus, #main-nav .main-navigation ul ul li a:active{ color: #3c80ee; } .main-navigation ul ul { top: 66px; } .header-six .main-navigation ul ul, .header-seven .main-navigation ul ul { top: 54px; } .main-navigation ul li:after { content: ""; display: inline-block; background: transparent; width: 100%; height: 45px; position: absolute; top: 35px; left: 0; } .main-navigation ul ul:before { content: ""; position: absolute; background: #191919; left: 29px; top: -5px; height: 17px; width: 17px; transform: rotate(45deg); } .main-navigation li:hover > ul, .main-navigation li.focus > ul { right: auto; left: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: auto; left: 100%; top: 0px; } .main-navigation .menu-item-has-children > a, .main-navigation ul li.page_item_has_children a { margin: 0; padding-right: 25px; } .main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after { position: absolute; right: 6px; top: 15px; font-size: 14px; } .main-navigation li.menu-item-has-children:hover > a:after, .main-navigation ul li.page_item_has_children:hover > a:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); } .main-navigation ul ul .menu-item-has-children > a, .main-navigation li.page-item-has-children > a { padding-right: 30px; } .main-navigation ul ul .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after { right: 19px; top: 14px; } .main-navigation ul ul li.menu-item-has-children:hover > a:after, .main-navigation ul ul li.page_item_has_children:hover > a:after { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .dropdown-toggle, .main-navigation ul .dropdown-toggle.toggled-on, .menu-toggle, .site-footer .main-navigation { display: none; } } /* More than standard 910px (devices and browsers) */ @media screen and (max-width: 909px) { .header-seven #masthead .site-branding:after { display: none; } .header-seven #masthead .site-branding { margin: 0; padding: 0; background: no-repeat; } .main-navigation ul { margin: 0; padding: 0; } .menu-toggle { font-size: 14px; padding: 5px 25px; display: block; margin-top: 0; color: #fff; } #primary-menu-toggle-mobile, #header-top-toggle, #primary-menu-toggle-mobile:visited, #header-top-toggle:visited { background: #040402; padding: 5px 18px 6px; text-transform: capitalize; } #primary-menu-toggle-mobile:hover, #header-top-toggle:hover, #primary-menu-toggle-mobile:active, #header-top-toggle:active, #primary-menu-toggle-mobile:focus, #header-top-toggle:focus { background: #3d7fed; color:#fff; } .ff-button, .ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { font-size: 14px; } .header-two .menu-toggle { margin: 0; } .header-two .social-nav ul li a:before, .header-two .social-nav ul li a[href$="/feed/"]:before { line-height: 2.7; } .header-two a.search-toggle, .header-two .search-toggle, .site-header-cart a, .header-two .search-toggle:visited, .header-two .site-header-cart a:visited { margin-top: 0; } .main-header-two #main-nav .nav-box-shadow { padding: 10px 15px; } #quick-contact li.quick-call { display: block!important; } #main-nav { position: initial; } #main-nav { position: initial; } .site-primary-menu { display: none; position: absolute; background: #040402; z-index: 999; width: 96%; box-shadow: 0 0 21px #17161617; top: 43px; left: 2%; right: 0; } .dark-nav .site-primary-menu { background: #2f3239; } .dark-nav .dropdown-toggle { color: #fbfbfb; } .site-primary-menu.toggled-on { display: block; } .site-header-menu.toggled-on, .no-js .site-header-menu { display: block; position: absolute; background: #fff; right: 0; width: 350px; box-shadow: 0 0 6px #ddd; z-index: 999; } .main-navigation ul li a { padding: 10px 20px; border-bottom: 1px solid #f1f1f117; font-size: 14px; } .main-navigation ul ul li li a { padding-left: 40px; } .main-navigation ul ul li a { padding-left: 30px; } .main-navigation ul li a { padding-right: 60px; } .main-navigation .menu-item-has-children > a:after, .main-navigation li.page-item-has-children > a:after, .main-navigation li.page_item_has_children > a:after{ display: none; } } /*comment and post navigation*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; clear: both; } #infinite-handle { margin-bottom: 20px; height: auto; overflow: hidden; clear: both; text-align: center; position: absolute; bottom: -80px; width: 100%; } .infinite-loader { color: #000; display: block; height: 28px; text-indent: -9999px; position: absolute; bottom: -25px; left: 48%; text-align: center; } #infinite-handle span { border: inherit; padding: 10px 40px; width: auto; line-height: 1.5; color: #ffffff; display: inline-block; } .post-title { font-size: 17px; margin-top: 15px; } .meta-nav { background: #179bd7 none repeat scroll 0 0; color: #ffffff; display: inline-block; font-size: 18px; margin-right: 15px; padding: 7px 10px; text-align: center; width: 115px; } .post-navigation a { display: block; } /*Page/Post Navigation*/ .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { clear: both; padding: 0; margin-top: 40px; } .site-main .post-navigation { clear: both; overflow: hidden; padding: 0; border-bottom: 1px solid #f7f7f752; padding: 30px; box-shadow: 0 0 20px rgba(31, 29, 29, 0.07); margin-top: 40px; } .nav-links a { display: inline-block; color: #fff; } .nav-links span.meta-nav { display: none; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-previous a::before, .posts-navigation .nav-previous a::before, .post-navigation .nav-previous a::before{ content: "\f30a"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-right: 10px; font-weight: 900; } .comment-navigation .nav-next a::after, .posts-navigation .nav-next a::after, .post-navigation .nav-next a::after{ content: "\f30b"; display: inline-block; font-family: 'Font Awesome 5 Free'; margin-left: 10px; font-weight: 900; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .pagination .nav-links .page-numbers { padding: 5px; background: #fff; } .pagination .nav-links .page-numbers.dots { background-color: inherit; border:none; color:#272727; } .next-prev-wrap:after, .next-prev-wrap:before { display: table; clear: both; content: ""; } .pagination .nav-links .page-numbers { padding: 6px 18px; color: #272727; display: inline-block; background: #f5f5f5; margin: 5px; } .pagination .nav-links .current, .pagination .nav-links a:hover, .pagination .nav-links a:active, .pagination .nav-links a:focus { background: #3c80ee; color: #fff; border-color: #3c80ee; } .pagination .nav-links { text-align: center; clear: both; } .home.blog nav.navigation.posts-navigation, .blog nav.navigation.posts-navigation { position: absolute; bottom: 0; width: 100%; padding: 0; border: none; margin: 0; padding-left: 25px; padding-right: 25px; } .home.blog .archive-posts-wrapper.section-content-wrapper, .blog .archive-posts-wrapper.section-content-wrapper { padding-bottom: 60px; position: relative; clear: both; float: left; width: 100%; } .tag-post-formats { position: relative; } .tag-post-formats .entry-container::before, .blog .hentry .entry-container::before, .archive .hentry .entry-container::before, .single .hentry .entry-container::before, .search .hentry .entry-container::before { font-family: "Font Awesome 5 Free"; display: inline-block; float: left; position: absolute; right: 25px; z-index: 9; padding: 2px 18px 2px 18px; color: #000; background: #ffffff; border-radius: 0; padding: 5px 12px; font-size: 20px; font-weight: 900; position: absolute; top: 25px; border-radius: 100%; box-shadow: 0 0 13px #2223; height: 45px; width: 45px; text-align: center; } .blog .entry-container, .archive .entry-container, .entry-container { position: relative; } .format-standard .entry-container::before { content: "\f46d"; } .format-status .entry-container::before { content: "\f303"; } .format-image .entry-container::before { content: "\f03e"; } .format-gallery .entry-container::before { content: "\f302"; } .format-video .entry-container::before{ content: "\f1c8"; } .format-link .entry-container::before{ content:"\f0c1"; } .format-quote .entry-container::before { content:"\f10d"; } .format-audio .entry-container::before { content: "\f028"; font-weight: 900; } .format-aside .entry-container::before { content:"\f067"; } .format-chat .entry-container::before { content:"\f4ad"; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip: rect(1px 1px 1px 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right:50px; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .text-alignleft { text-align: left; } .text-alignright { text-align: right; } .text-aligncenter { text-align: center; } .alignleft { display: inline; float: left; margin-right: 50px; } .alignright { display: inline; float: right; margin-left: 50px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .text-alignleft { text-align: left; } .text-alignright { text-align: right; } .text-aligncenter { text-align: center; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear-fix,.swiper-carousel-enabled ,.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after{ clear: both; } .swiper-carousel-enabled { position: relative; overflow: hidden; } .clear-fix:after, .clear-fix:before, .section:after, .section:before, .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after,.swiper-carousel-enabled:before, .swiper-carousel-enabled:after { content: ""; display: table; table-layout: fixed; clear:both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 15px; } .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ #content { padding: 80px 0; } /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; position: relative; } .hentry { margin: 0 0 70px; } .byline, .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin:0; } .page-links { clear: both; margin: 0 0 15px; } .entry-meta { margin-top: 0; margin-bottom: 15px; } .event-content-wrp .entry-meta { margin-bottom: 10px; } .entry-meta > span { display: inline-block; margin-bottom: 0; font-size: 14px; line-height: 1; font-size: 15px; margin-right: 15px; } .entry-header { margin-bottom: 5px; } .entry-meta > span:first-child { margin-left: 0; padding-left:0; border:none; } .home .entry-title { margin-bottom: 15px; font-size: 2.1rem; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #3c80ee; } .global-layout-right-sidebar .entry-content-wrapper, .global-layout-left-sidebar .entry-content-wrapper, .default-full-width.blog-full-width .entry-content-wrapper { padding: 35px 70px 0; background: #fff; position: relative; } article.hentry .custom-button { margin: 15px 0 0; } .single article.hentry { border: none; padding-bottom: 0; margin: 0; } .entry-thumb.alignleft, .entry-thumb.alignright { margin-bottom: 30px; } .entry-thumb.aligncenter { position: relative; margin-bottom: 25px; text-align: center; } .entry-thumb { position: relative; } .entry-thumb img { vertical-align: middle; width: 100%; } .entry-meta a, .entry-meta a:visited { color: #ada9a9; } .entry-meta a:hover, .entry-meta a:focus, .entry-meta a:active { color: #3c80ee; } .page-header { background: #191919; padding: 30px 50px; margin: 0 20px 35px; } .page-header h1.page-title { font-size: 3.2rem; } .page-header h1.page-title { font-size: 3.2rem; margin: 0; } .blog .hentry.post a.more-link, .archive .hentry.post a.more-link { clear: both; margin-top: 15px; } .sticky .entry-content-wrapper .entry-title::before { content: "\f08d"; display: block; font-family: 'Font Awesome 5 Free'; color: #000; text-align: center; font-size: 18px; float: left; margin-right: 15px; font-style: inherit; font-weight: 900; margin-top: 5px; } .blog article.hentry, .archive article.hentry { padding-bottom: 10px; clear: both; float: left; width: 100%; } .entry-header .entry-meta { position: absolute; left: 30px; top: 30px; text-align: center; margin: 0; } .entry-header .entry-meta span::before { display: none; } .entry-header .entry-meta span.posted-on { background: #f5f5f5; display: block; margin: 0; } .entry-header .entry-meta span span { display: block; padding: 3px 25px; } /*gird layout*/ .home.blog.grid .archive-posts-wrapper { width: 100%; margin: 0; } .home.blog.grid .archive-posts-wrapper div#infinite-post-wrap { margin: 0 -20px; } .blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper { margin: 0 -20px; } .entry-title { font-size: 2.2rem; } .blog.grid article.hentry, .archive.grid article.hentry { width: 33.33%; float: left; padding: 0 20px 40px; margin: 0; border: none; clear: none; } .entry-footer .entry-meta { margin: 0; } .layout-left-sidebar.blog.grid article.hentry, .layout-right-sidebar.blog.grid article.hentry, .layout-left-sidebar.archive.grid article.hentry, .layout-right-sidebar.archive.grid article.hentry { width: 50%; } .layout-left-sidebar.blog.grid article.hentry:nth-child(3n+1), .layout-left-sidebar.layout-left-sidebar.blog.grid article.hentry:nth-child(4n+1){ clear: none; } .layout-left-sidebar.blog.grid article.hentry:nth-child(2n+1), .layout-left-sidebar.archive.grid article.hentry:nth-child(3n+1) { clear: both; } .infinite-post-wrap article.hentry { clear:none!important; } #blog.grid article.hentry:nth-child(3n+1) { clear: both; } .archive.grid article.hentry:nth-child(4n+1) { clear: both; } .hentry-inner { width: 100%; } .sticky .hentry-inner:before { content: "\f02e"; font-family: 'font awesome 5 free'; font-size: 20px; margin: 0; position: absolute; top: -32px; left: 23px; background: #3c80ee; padding: 15px 18px; box-shadow: 0 0 21px #2222222b; border-radius: 100%; line-height: 1; z-index: 9; color: #fff; } .blog .entry-container, .archive .entry-container, .entry-container { padding: 50px; } .blog.grid .post-thumbnail, .archive.grid .post-thumbnail { text-align: center; overflow: hidden; } .blog.excerpt-image-left .hentry-inner .post-thumbnail, .archive.excerpt-image-left .hentry-inner .post-thumbnail, .search.excerpt-image-left .hentry-inner .post-thumbnail { width: 40%; float: left; overflow: hidden; } .blog.excerpt-image-right .hentry-inner .post-thumbnail, .archive.excerpt-image-right .hentry-inner .post-thumbnail, .search.excerpt-image-right .hentry-inner .post-thumbnail { width: 40%; float: right; overflow: hidden; } .blog.excerpt-image-right .entry-container, .archive.excerpt-image-right .entry-container, .search.excerpt-image-right .entry-container { float: left; width:60%; } .blog.excerpt-image-right .entry-container, .archive.excerpt-image-right .entry-container, .blog.excerpt-image-left .entry-container, .archive.excerpt-image-left .entry-container, .search.excerpt-image-right .entry-container, .search.excerpt-image-left .entry-container { padding: 20px 50px 0; float: left; width: 60%; } .blog.excerpt-image-right.layout-no-sidebar-full-width .entry-container, .archive.excerpt-image-right.layout-no-sidebar-full-width .entry-container, .blog.excerpt-image-left.layout-no-sidebar-full-width .entry-container, .archive.excerpt-image-left.layout-no-sidebar-full-width .entry-container, .search.excerpt-image-right.layout-no-sidebar-full-width .entry-container, .search.excerpt-image-left.layout-no-sidebar-full-width .entry-container { padding-top: 50px; } .blog.excerpt-image-right article.hentry, .blog.excerpt-image-left article.hentry, .archive.excerpt-image-right article.hentry, .archive.excerpt-image-left article.hentry { padding-bottom: 25px; clear: both; float: left; width: 100%; margin-bottom: 25px; border-bottom: 1px solid #dddddd21; } .entry-content-wrapper { padding: 40px; } .single-content-wraper { box-shadow: 0 0 20px rgb(31 29 29 / 7%); background: #191919; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-notes { position: relative; } #respond { clear: both; display: block; padding: 40px; box-shadow: 0 0 20px rgba(31, 29, 29, 0.07); } #comments { margin-top: 40px; background: #191919; } #comment-form-title { font-size: 24px; padding-bottom: 10px; } .comment-list li.comment::after { content: inherit; display: none; } .comment-list li{ padding-left: 0; } .comment { display: block; float: left; width: 100%; } ol.comment-list { border-radius: 5px; float: left; margin-bottom: 15px; margin-left: 0; margin-right: 0; overflow: inherit; padding: 0; width: 100%; } ol.comment-list .children { border: medium none; float: left; margin: 0; width: 100%; } ol.comment-list li { list-style: outside none none; margin-bottom: 15px; } .authorbox { overflow: hidden; padding: 0 0 70px; border-bottom: 1px solid #f7f7f7; } .authorbox h4.author-header { margin-bottom: 5px; } .comment .comment-body { border-radius: 0; clear: both; display: block; float: left; padding: 30px 30px 30px 0; position: relative; text-align: left; width: 100%; border-bottom: 1px solid #f7f7f7; } .comments-title { padding: 0 0 45px; clear: both; border-bottom: 1px solid #f7f7f7; font-size: 25px; } .comment-author.vcard { font-size: 20px; margin-bottom: 5px; } .comment-list .children { padding-left: 40px; } #tab-reviews .comment-form-author, #tab-reviews .comment-form-email, #tab-reviews .comment-form-url{ width: 100%; } .comment-form-author input, .comment-form-email input, .comment-form-url input{ width: 100%; } .comment-list li.comment > div img.avatar { left: 29px; position: absolute; top: 29px; } .vcard .avatar { float: left; margin-right: 35px; margin-bottom: 0; margin-top: 10px; } .comment-metadata { font-size: 14px; line-height: 16px; margin-bottom: 10px; } .comment-metadata > a, .comment-metadata > a:visited { color: #ada9a9; margin-right: 30px; } .comment-metadata > a:hover, .comment-metadata > a:focus, .comment-metadata > a:active { color:#3c80ee; } .comment-metadata > a:before { content: "\f274"; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; } .edit-link:before { content: "\f044"; font-family: 'Font Awesome 5 Free'; margin-right: 5px; font-size: 14px; } a.comment-reply-link:before { content: "\f3e5"; font-family: 'Font Awesome 5 Free'; margin-right: 7px; font-size: 14px; font-weight: 900; } .form-allowed-tags code { white-space: inherit; word-wrap: break-word; } .bypostauthor { display: block; } .author-avatar { float: left; margin-right: 35px; } .author-avatar img, .vcard .avatar { max-width: 100px; } .comment p { font-size: 14px; } .reply { float: right; font-size: 16px; } .entry-meta .byline .author.vcard { margin-left: -4px; } .widget_recent_entries span.post-date { display: block; } .entry-meta > span::before, .entry-meta > span::before, .widget_recent_entries span.post-date:before { display: inline-block; font-family: 'Font Awesome 5 Free'; height: 15px; margin-right: 8px; content: ""; font-size: 13px; } .entry-meta span.comments-link::before { content: "\f086"; } .entry-meta span.reviews::before { content: "\f005"; } .entry-meta > .cat-links::before { content: "\f07c"; } .entry-meta > .byline::before { content: "\f007"; } .entry-meta .tags-links::before { content: "\f02c"; font-weight: 900; font-size: 10px; } .entry-meta > .posted-on::before, .widget_recent_entries span.post-date:before { content: "\f274"; } .entry-footer .edit-link::before{ content: "\f044"; } #commentform label { display: inline; position: relative; margin-bottom: 10px; display: block; } #commentform input[type="checkbox"], #commentform input[type="radio"] { margin-right: 10px; } #commentform p.form-submit { margin-top: 30px; } #commentform span.required { color: #f0632b; } a.comment-reply-link { background: #3c80ee; padding: 5px 15px; color: #fff; font-size: 12px; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /* Make sure logo link wraps around logo image. */ .custom-logo-link { display: inline-block; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin: 0 -5px 15px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; margin: 0; padding: 5px; } .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%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Basic --------------------------------------------------------------*/ .inner-wrapper { margin: 0 -20px; } .row { margin:0 -20px; } #main-nav .dark-nav .container { padding: 0 20px 0 0; } .container { max-width: 100%; width: 1300px; margin: 0 auto; padding: 0 20px; } .ff-grid-1, .ff-grid-2, .ff-grid-3, .ff-grid-4, .ff-grid-5, .ff-grid-6, .ff-grid-7, .ff-grid-8, .ff-grid-9, .ff-grid-10, .ff-grid-11, .ff-grid-12 { padding-left: 20px; padding-right: 20px; float: left; transition: all 0.4s ease-in-out 0s; margin:20px 0; } .ff-grid-1 { width: 8.33333% } .ff-grid-2 { width: 16.66667% } .ff-grid-3 { width: 25% } .ff-grid-4 { width: 33.33333% } .ff-grid-5 { width: 41.66667% } .ff-grid-6 { width: 50% } .ff-grid-7 { width: 58.33333% } .ff-grid-8 { width: 66.66667% } .ff-grid-9 { width: 75% } .ff-grid-10 { width: 83.33333% } .ff-grid-11 { width: 91.66667% } .ff-grid-12 { width: 100% } /* grid clearing */ .ff-grid-4:nth-child(3n+1), .ff-grid-3:nth-child(4n+1) { clear: both; } .pull-left { float: left; } .pull-right { float: right; } .pull-none { margin:0 auto ; float: none; display: inline-block; } /*-------------------------------------------------------------- # Top Header --------------------------------------------------------------*/ .site-top-header-mobile { display: none; } #top-header { clear: both; float: left; width: 100%; position: relative; z-index: 999; } .site-top-header { float: left; width: 100%; } #quick-info p { margin: 0; color: #fff; font-weight: 500; font-size: 16px; line-height: 2; } .site-top-header #top-social { padding-top: 10px; } #top-header ul { margin:0; padding:0; } #quick-info { padding: 10px 15px 10px 0; } #top-header .social-nav li a { margin-bottom: 0; } /* quick contact */ .light-top-header #quick-contact a, .light-top-header #quick-contact a:visited, .light-top-header #quick-contact li { display: inline-block; color: #222; } .light-top-header #quick-contact a:active, .light-top-header #quick-contact a:hover, .light-top-header #quick-contact a:focus { color: #000; } .light-top-header .social-nav ul li a:before { color:#222; } .site-top-header #quick-contact li:last-child { border-right: none; } .header-seven .site-top-header #quick-contact li.quick-call, .header-five .site-top-header #quick-contact li.quick-call, .header-four .site-top-header #quick-contact li.quick-call, .header-three .site-top-header #quick-contact li.quick-call { display: none; } .light-top-header .site-top-header-mobile .main-navigation ul li a { border-bottom: 1px solid #17141417; } .light-top-header .site-top-header-mobile .site-primary-menu { background: #fff; } .site-top-header #quick-contact li { padding: 12px 0 12px 25px; } #quick-contact > ul { margin: 0; padding: 0; } #quick-contact a { display: inline-block; } #quick-contact li { clear: inherit; font-size: 14px; line-height: 1.75; list-style: outside none none; text-align: left; padding: 9px 10px; color: #999999; letter-spacing: 1px; } #quick-contact ul { margin: 0; padding: 0; } #quick-contact li span { display: none; } #quick-contact a, #quick-contact a:visited, #quick-contact li { display: inline-block; color: #999999; } #quick-contact a:active, #quick-contact a:hover, #quick-contact a:focus { color: #fff; } #quick-contact li:before { margin-right: 5px; text-align: center; content: ""; font-size: 15px; font-family: 'Font Awesome 5 Free'; font-weight: 900; height: 28px; width: 28px; display: inline-block; border-radius: 100%; color: transparent!important; line-height: 2; -webkit-text-stroke: 1px #3c80ee; } #quick-contact li.quick-open-hours:before { content: "\f017"; } #quick-contact li.quick-call:before { content: "\f095"; } #quick-contact li.quick-address:before { content: "\f3c5"; } #quick-contact li.quick-email:before { content: "\f0e0"; } /* layout two */ #quick-contact.layout-two li { position: relative; padding: 0 15px 0 45px; } #quick-contact.layout-two li span { display: block; font-weight: 600; font-size: 17px; line-height: 1.2; color: #fff; } #quick-contact.layout-two li:before { position: absolute; left: 0; font-size: 25px; height: auto; width: auto; left: 0; border-radius: 100%; padding: 0; line-height: 1.2; } #quick-contact.layout-two a:active, #quick-contact.layout-two a:hover, #quick-contact.layout-two a:focus { color: #3c80ee; } .error404 #primary { margin: 0 auto; float: none; text-align: center; } /* header-background */ .overlap-header header#masthead { background: inherit; border-bottom: 1px solid rgba(255,255,255,.12); } .dark-top-header { background-color: #191919; } .dark-top-header .cart-contents a, .dark-top-header .cart-contents a:visited, .dark-top-header .search-toggle { color: #ddd; } .light-top-header { background: #e8e8e8; color: #222; } .light-top-header #quick-info p { margin: 0; color: #000; } .dark-nav .search-toggle, .dark-nav .search-toggle:visited, .dark-nav .cart-contents a, .dark-nav .cart-contents a:visited { color:#efecec; } .dark-top-header .search-toggle, .dark-top-header .search-toggle:visited, .dark-top-header .cart-contents a, .dark-top-header .cart-contents a:visited { color: #dedede; background: none; } #top-header .social-nav li a { margin-bottom: 9px; border: 2px solid transparent; } #site-top-header-mobile-container { background: #fff; } /*-------------------------------------------------------------- # Masthead --------------------------------------------------------------*/ #page { position: relative; } .header-two #main-nav { padding-top: 3px; } @media screen and (min-width: 1900px){ #page { box-shadow: 0 0 22px #00000000; max-width: 1920px; margin: 0 auto; } } .boxed-layout #page { max-width: 1270px; margin: 50px auto; background: #0f1821; box-shadow: 0 0 22px #00000000; } #masthead { padding: 25px 0; background: #040402; z-index: 998; position: relative; } .search-toggle.toggled-on i.far.fa-times-circle { display: block; font-size: 17px; } #site-identity { float: left; margin-right: 15px; text-align: left; } .site-branding img { vertical-align: middle; width: auto; max-height: 50px; } .site-branding { float: left; } .site-identity { display: inline-block; float: left; } .custom-logo-link { display: inline-block; float: left; margin-right: 15px; } .site-title { margin-bottom: 1px; font-size: 2.4rem; font-weight: 600; line-height: 1.2; font-family: "Poppins", sans-serif; } p.site-description { margin: 0; font-size: 14px; letter-spacing: 1px; line-height: 1.4; } .site-title a, .site-title a:visited { color: #fff; display: inline-block; } .site-title a:hover, .site-title a:focus, .site-title a:active { color:#3c80ee; } a.ff-button.header-button { margin: 0 0 0 15px; padding: 9px 30px; } .site-top-header a.ff-button.header-button { border-radius: 0; margin-top: 0px; padding: 5px 30px; margin-top: 8px; font-weight: 500; font-size: 15px; } .site-top-header a.ff-button.header-button:hover, .site-top-header a.ff-button.header-button:focus, .site-top-header a.ff-button.header-button:active{ background: #fff; color:#222; } .site-branding.center-site-branding { text-align: center; display: grid; margin: 0; padding: 0; } .site-branding.center-site-branding a.custom-logo-link { display: inline-block; margin: 0 0 10px 0; float: none; } .main-header-six #masthead { box-shadow: none; } .nav-inner-wrapper.nav-color-bg .social-nav li a { border: 2px solid #ffffff42; } .overlap-header,.boxed-header { position: absolute; top: 0; z-index: 999; width: 100%; background: none; } #masthead.overlap-header, .boxed-header #masthead{ background: none; } .site-header-main.boxed-header-wrapper { background: #0d0d0d; clear: both; display: block; float: left; width: 100%; padding: 25px 30px; } #masthead.overlap-header.sticky-enabled.sticky-header { margin: 0; } .main-header-six #main-nav { position: relative; } .header-seven #top-header li.quick-call { display: none; } .main-header-six .search-toggle, .main-header-six .site-header-cart a, .main-header-six .search-toggle:visited, .main-header-six .site-header-cart a:visited { border:none; } /* Header Layouts 1*/ .header-info h5 { margin: 0; line-height: 1.2; font-size: 20px; color: #222d35; } .header-info span { color: #dbd9ef; font-size: 15px; font-weight: 400; } .contact-wrapper { padding-left: 30px; } .header-info { float: left; display: table; } .contact-icon { color: #3c80ee; text-align: center; padding: 0 10px; margin-right: 10px; display: table; border-radius: 100%; font-size: 37px; display: block; line-height: 1.2; } .contact-icon i { -webkit-text-stroke: 1px #3d7fed; color: transparent; } .main-header-one.sticky-enabled.sticky-header .main-header-top { display: none; } /* Header Layouts three*/ .main-header-three #main-nav { margin-top: 0; padding: 0; } .main-header-three #primary-menu-toggle { margin: 0; box-shadow: inherit; float: left; } .main-header-three a.ff-button.header-button.mobile-on { float: right; } .header-four div#main-nav { margin-top: 3px; } /* Header Layouts 5 */ .nav-inner-wrapper { padding: 15px 0; } .site-border { border-top: 3px solid #3c80ee; } /* Ovaerlapmentu */ .overlap-header p.site-description { color: #ddd; } .overlap-header .site-title a, .overlap-header .site-title a:visited { color: #fff; } .overlap-header .site-title a:hover, .overlap-header .site-title a:focus, .overlap-header .site-title a:active { color:#3c80ee; } .overlap-header .main-navigation ul li a, .overlap-header .search-toggle, .overlap-header .search-toggle:visited, .overlap-header .cart-contents a, .overlap-header .cart-contents a:visited { color: #f7f7f7; background: inherit; } .cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a { color: #222; } .nav-inner-wrapper.nav-color-bg, .nav-inner-wrapper.nav-color-bg.sticky-enabled.sticky-header { background: #464748; } .nav-lite-bg { background: #f1f1f1; } .dark-bg { background: #292929; } .dark-patten .social-nav ul li a:before { color: #fff; } .sticky-header .nav-box-shadow { box-shadow: inherit; padding: 0; } .dark-patten .main-navigation ul li a, .dark-patten .main-navigation ul li a:visited { color: #ffffff; } .dark-patten .main-navigation ul li li a, .dark-patten .main-navigation ul li li a:visited { color: #191818; } .dark-patten .main-navigation ul li li a:hover, .dark-patten .main-navigation ul li li a:focus, .dark-patten .main-navigation ul li li a:active { color:#3c80ee; } /* Min cart header */ .cart-items { position: absolute; top: -10px; left: 33px; color: #fff; background: #000000; padding: 5px; line-height: 0.5; border-radius: 100%; font-size: 10px; } .cart-contents i { margin-right: 5px; } .cart-contents { list-style: none; position: relative; font-size: 13px; } .cart-contents a:hover, .cart-contents a:focus, .cart-contents a:active, .search-toggle:hover, .search-toggle:focus, .search-toggle:active { color: #3c80ee; } .site-header-cart { list-style: none; } .cart-contents .site-header-cart:hover .widget_shopping_cart, .cart-contents .site-header-cart.focus .widget_shopping_cart { left:inherit; right: -20px; } .site-header-cart .widget_shopping_cart { position: absolute; top: 100%; width: 100%; z-index: 999999; left: -999em; display: block; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart { left: 0; display: block; } .site-header-cart { position: relative; margin: 0; padding: 0; } #top-header .head-search-cart-wrap { margin-top: 0; } .cart-contents .site-header-cart .widget_shopping_cart { position: absolute; top: 54px; left: auto; right: -20px; width: 320px; z-index: 101; -webkit-animation: fadein .6s; -moz-animation: fadein .6s; -o-animation: fadein .6s; animation: fadein .6s; margin: 0; padding: 30px; background: #fff; display: none; box-shadow:0 0 30px #7b6a6a4d; } .cart-contents p.woocommerce-mini-cart__empty-message { margin: 0; font-size: 15px; } .cart-contents .site-header-cart .widget_shopping_cart:before { content: ""; height: 41px; background: transparent; right: 0; width: 100%; position: absolute; top: -40px; } .cart-contents .site-header-cart .widget_shopping_cart:after { content: ""; position: absolute; background: #fff; width: 15px; right: 20px; top: -7px; transform: rotate(45deg); height: 15px; } .cart-contents li { list-style: none; } .cart-contents .woocommerce a.remove { background: #ca4646; display: block; font-size: 1.2em; height: 1em; width: 1em; text-align: center; line-height: 1; border-radius: 100%; color: #fff!important; text-decoration: none; font-weight: 700; border: 0; float: right; margin-right: 10px; } .cart-contents .product_list_widget li img { border: 1px solid #ddd; max-width: 55px; max-height: 55px; margin-right: 15px; float: left; } .cart-contents .woocommerce.widget_shopping_cart .cart_list li span.quantity { display: block; margin-top: 10px; font-size: 14px; } .cart-contents .woocommerce-mini-cart__total, .cart-contents .woocommerce-mini-cart__buttons { text-align: center; } .cart-contents li.woocommerce-mini-cart-item.mini_cart_item > a { font-size: 16px; } .site-header-cart .product_list_widget { margin: 0; padding: 0; overflow: hidden; } .cart-contents p.woocommerce-mini-cart__total.total { font-size: 16px; clear: both; padding-top: 15px; display: block; } .cart-contents li.woocommerce-mini-cart-item.mini_cart_item { border-bottom: 1px solid #f1f1f1; margin-bottom: 15px; padding-bottom: 15px; } .cart-contents li.woocommerce-mini-cart-item.mini_cart_item:last-child { border: none; margin-bottom: 0; } .cart-contents p.woocommerce-mini-cart__buttons.buttons .button { display: inline-block; max-width: 45%; padding: 10px 20px; background: #3c80ee; font-size: 14px; margin: 0 5px; border-radius: 0; color: #fff; font-weight: normal; } .cart-contents p.woocommerce-mini-cart__buttons.buttons { margin: 0; } .cart-contents p.woocommerce-mini-cart__buttons.buttons .button { display: inline-block; max-width: 45%; padding: 10px 20px; color: #fff; font-size: 14px; margin: 0 5px; } #custom-header { padding: 150px 0; position: relative; background-color: #f5f5f5; background-size: cover; } .header-two #custom-header, .header-four #custom-header { padding: 250px 0 150px; } .archive-description { color: #fff; } #custom-header img { vertical-align: middle; width: 100%; } #custom-header::after { background: url("images/overlay.png"); content: ""; display: block; height: 100%; opacity: 0.7; position: absolute; top: 0; width: 100%; z-index: 8; } .custom-header-content { position: relative; z-index: 99; text-align: center; } #custom-header .page-title { color: #fff; text-transform: capitalize; font-size: 37px; } p.site-description-inner { color: #fff; } #custom-header .entry-meta a, #custom-header .entry-meta a:visited, #custom-header .entry-meta > span::before { color: #fff; } .no-header-media .custom-header-content { position: inherit; text-align: center; z-index: 9; top: inherit; width: 100%; padding: 55px 0; background: #fbfbfb; } .no-header-media #custom-header { padding: 0; } .no-header-media #custom-header::after { display: none; } .no-header-media #custom-header .page-title { color: #222; } .no-header-media #custom-header .entry-meta a, .no-header-media #custom-header .entry-meta a:visited, .no-header-media #custom-header .entry-meta > span::before { color: #222; } /* Has Header */ .has-header-video .custom-header-content { position: absolute; text-align: center; z-index: 9; top: 50%; width: 100%; transform: translate(0, -50%); } .home #custom-header .page-title { font-size: 60px; } button#wp-custom-header-video-button { position: absolute; z-index: 999; right: 8%; top: 250px; background: inherit; padding: 0; max-width: inherit; width: auto; } button#wp-custom-header-video-button:hover, button#wp-custom-header-video-button:focus, button#wp-custom-header-video-button:active { color: #fc0043; } video#wp-custom-header-video { display: block; width: 100%; height: auto; } .wp-custom-header-video-button:after { content: "\f28b"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 38px; float: left; margin-right: 10px; line-height: .8; } .wp-custom-header-video-pause:after { content: "\f144"; } .sticky-enabled{ -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; } .main-header-one.sticky-enabled{ -webkit-transition: position 10s; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: position 10s; } #masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header { position: fixed; top: 0; width: 100%; left: 0; background: #141c25; box-shadow: 0 0 42px 0 rgba(0, 0, 0, 0.08); padding: 20px 0; animation: smoothScroll 1s forwards; z-index: 999; } .overlap-header #masthead.sticky-enabled.sticky-header, #main-nav .dark-nav.sticky-enabled.sticky-header { background: #0f1821; border: none; } .nav-inner-wrapper.site-border.site-header.clear-fix.sticky-enabled.sticky-header { border: none; } @keyframes smoothScroll { 0% { transform: translateY(-20px); } 100% { transform: translateY(0px); } } /*-------------------------------------------------------------- # Basic Breadcrumb --------------------------------------------------------------*/ #breadcrumb { color: #3c80ee; text-align: center; /* background: #191919; */ z-index: 9; position: relative; } #breadcrumb ul { margin:0; padding: 0; } #breadcrumb ol { margin: 0; padding: 0; } #breadcrumb li:last-child { border: none; } #breadcrumb li { display: inline-block; list-style: outside none none; padding: 0 6px; font-weight: 500; font-size: 16px; } .bcn-breadctumb > span { display: inline-block; list-style: outside none none; padding: 15px 10px; font-weight: 500; font-size: 16px; } #breadcrumb li i { margin-right: 8px; } #breadcrumb li.trail-item.trail-end::after, .bcn-breadctumb span:first-child:after { display: none; } #breadcrumb li::after { content: "\f105"; margin-left: 10px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 11px; color: #fff; } #breadcrumb li:last-child:after{ display: none; } #breadcrumb li a, .bcn-breadctumb > span a { color: #dbd9ef; } #breadcrumb li a:hover,.bcn-breadctumb span a:hover, #breadcrumb li a:focus,.bcn-breadctumb span a:focus, #breadcrumb li a:active,.bcn-breadctumb span a:active { color: #3c80ee; } #breadcrumb li:first-child a:before, .bcn-breadctumb span:first-child a:before { content: "\f015"; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 10px; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ .footer-widget-area { overflow: hidden; padding: 80px 0 40px; color: #d4d3d3; font-size: 17px; position: relative; z-index: 9; background: #0d0d0d; } .footer-widget-area .widet{ margin:0; } .footer-widget-area ul { list-style: none; margin: 0; padding: 0; } .footer-widget-area ul li { padding: 0px 15px 10px 20px; position: relative; } .widget_categories li.cat-item > a { display: inline-block; width: 80%; } .footer-widget-area ul li::before { color: #3c80ee; content: "-"; font-size: 16px; left: 3px; position: absolute; top: 0px; } .footer-widget-area .widget-column { float: left; position: relative; width: 100%; z-index: 2; padding: 0 20px; color: #bfbfbf; } .footer-widget-area .widget-title:after { background: #3d7fed; position: absolute; bottom: -3px; content: ""; width: 8%; height: 5px; left: 0; } .footer-widget-area .widget-column{ width: 25%; } .footer-widget-area.five .widget-column { float: left; width: 18%; } .footer-widget-area.five .widget-column.footer-widget-1 { width: 28%; } .footer-widget-area.three .widget-column{ float: left; width: 33.33%; } .footer-widget-area.two .widget-column{ float: left; width: 50%; } .footer-widget-area.one .widget-column{ float: left; width: 100%; } .footer-widget-area a, .footer-widget-area a:visited,.footer-widget-area p { color: #d4d3d3; } .footer-widget-area a:active, .footer-widget-area a:focus, .footer-widget-area a:hover { color: #3c80ee; } .footer-widget-area .widget-title { font-weight: 600; margin-bottom: 25px; position: relative; font-size: 2.3rem; border-bottom: 1px solid #f1f1f11f; padding-bottom: 15px; color:#fff; } .footer-widget-area .widget.woocommerce ul li:before { display:none; } #site-generator { padding: 20px 0; background: #0d0d0d; color: #ddd; border-top: 1px solid #ffffff1a; } #site-generator a:visited, #site-generator a { color: #afafaf; } #site-generator a:hover, #site-generator a:focus, #site-generator a:active { color:#fff; } .site-info.two #footer-left-content { float: left; } .site-info.two #footer-right-content { float: right; } .site-info { text-align: center; overflow: hidden; } /* footer light scheme*/ .footer-color-scheme-light .footer-widget-area { background: #f1f1f1; color: #222; } .footer-color-scheme-light .footer-widget-area .widget-title { color: #111821; border-bottom: 1px solid #11182126; } .footer-color-scheme-light .footer-widget-area a, .footer-color-scheme-light .footer-widget-area a:visited, .footer-color-scheme-light .footer-widget-area p { color: #111821; } .footer-color-scheme-light #site-generator { color: #2d2a2a; border-top: 1px solid #ffffff1a; background: #fff; } .footer-color-scheme-light #site-generator a:visited, .footer-color-scheme-light #site-generator a { color: #000000; } .footer-color-scheme-light #site-generator a:hover, .footer-color-scheme-light #site-generator a:focus, #site-generator a:active { color: #000; } #scrollup { display: none; } a.scrollup, a.scrollup:visited { background-color: #3c80ee; bottom: 100px; color: #ffffff; float: right; line-height: 1.2; padding: 15px 20px; position: fixed; right: 17px; text-align: center; z-index: 999; transition: all 0.4s ease-out 0s; box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 40%); border-radius: 100%; } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } a.scrollup:hover, a.scrollup:focus, a.scrollup:active { background-color: #333; color: #ffffff; } /*-------------------------------------------------------------- # Sidebar --------------------------------------------------------------*/ #primary { float: left; padding-left: 20px; padding-right: 20px; width: 70%; } #sidebar-primary { float: right; } #sidebar-secondary { float: left; } .sidebar { width: 30%; padding-left: 20px; padding-right: 20px; float: left; } .sidebar .widget { margin-bottom: 40px; padding: 40px; background: #191919; box-shadow: 0 0 20px rgb(31 29 29 / 7%); } .widget-area .widget::after, .widget-area .widget::before { clear: both; content: ""; display: table; } .sidebar .widget-title { position: relative; border-bottom: 1px solid #616467; padding-bottom: 10px; margin-bottom: 20px; font-size: 2.5rem; } .sidebar .widget-title:after { background: #3c80ee; position: absolute; bottom: -3px; content: ""; width: 30px; height: 5px; left: 0; } .sidebar ul { list-style: outside none none; padding: 0; margin: 0; } .sidebar ul ul { border-bottom:none; padding-bottom: 0; } .sidebar ul li { padding-bottom: 5px; padding-top: 5px; position: relative; font-size: 17px; padding-left: 20px; } .sidebar ul li::before { content: ""; display: inline-block; font-size: 11px; font-weight: 900; margin-right: 10px; font-family: 'Font Awesome 5 Free'; position: absolute; left: 0; top: 8px; height: 7px; width: 7px; color: #b5b0b0; border-radius: 100%; } .widget .tagcloud a:hover { border: 2px solid #3c80ee; color: #3c80ee; } .widget .tagcloud a { border: 2px solid #dddddd; display: inline-block; font-size: 14px !important; line-height: 1.5; margin: 5px; padding: 3px 15px; float: left; border-radius: 0; } .widget .tagcloud { text-align: center; } .sidebar ul li a, .sidebar ul li a:visited { color: #999999; } .sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active { color:#3c80ee; } .sidebar .widget_archive ul li::before { content: "\f187"; } .sidebar .widget_categories ul li::before { content: "\f07c"; } .sidebar .widget_pages ul li::before { content: "\f15b"; } .sidebar .widget_meta ul li::before { content: "\f0c1"; } .sidebar .widget_recent_comments ul li::before { content: "\f086"; } .sidebar .widget_recent_entries ul li::before { content: "\f02b"; } .sidebar .widget_rss ul li::before { content: "\f09e"; } .sidebar .widget_tag_cloud ul li::before { content: "\f0c2"; } /*calendar section*/ .section-calendar { text-align: center; } .section-calendar caption { border:1px solid #ddd; margin-bottom: 15px; padding: 5px; } .section .tagcloud a { border: 1px solid; display: inline-block; font-size: 16px; line-height: 1.5; margin-bottom: 5px; padding: 5px 15px; } .section-categories li > a, .section-archive li > a { display: inline-block; min-width: 85%; } /*-------------------------------------------------------------- # Social Links --------------------------------------------------------------*/ .dark-top-header .social-nav ul li a:before { color: #dbd9ef; } .social-nav ul li a:before, .social-nav ul li a[href$="/feed/"]:before { display: inline-block; font-family: 'Font Awesome 5 Free'; font-style: normal; font-variant: normal; font-weight: normal; text-rendering: auto; line-height: 1; color: #fff; font-size: 12px; } .social-nav li { display: inline-block; margin-right: 2px; margin-top: 0; margin-left: 2px; } .social-nav, .social-nav ul { margin: 0; padding: 0; } .social-nav li a { border: 2px solid #b6b6b687; display: inline-block; height: 32px; padding: 0px; text-align: center; vertical-align: middle; width: 32px; overflow: hidden; line-height: 1.3; } .social-nav.no-border ul li a { border: 2px solid transparent; } .social-nav li a:focus, .social-nav li a:active{ outline: thin dotted; } .social-nav ul li a:before { content: "\f0c1"; font-family: 'Font Awesome 5 free'; font-weight: 900; } .social-nav ul li a:hover { background-color:#001837; border: 2px solid rgba(0, 0, 0, 0); -moz-transition: all 0.4s ease-out 0s; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .social-nav ul li a:hover::before { color: #fff; } #masthead .social-nav ul li a:hover:before { color: #fff; } #masthead .social-nav ul li a:before { color: #bfb9b9; } .social-nav ul li a[href*="facebook.com"]:before { content: "\f39e"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="twitter.com"]:before { content: "\f099"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="linkedin.com"]:before { content: "\f0e1"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="plus.google.com"]:before { content: "\f0d5"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="youtube.com"]:before { content: "\f167"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="dribbble.com"]:before { content: "\f17d"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="pinterest.com"]:before { content: "\f0d2"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="bitbucket.org"]:before { content: "\f171"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="github.com"]:before { content: "\f113"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="codepen.io"]:before { content: "\f1cb"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="flickr.com"]:before { content: "\f16e"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href$="/feed/"]:before { content: "\f09e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .social-nav ul li a[href*="consultaresquare.com"]:before { content: "\f180"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="instagram.com"]:before { content: "\f16d"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="tumblr.com"]:before { content: "\f173"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="reddit.com"]:before { content: "\f1a1"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="vimeo.com"]:before { content: "\f194"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="digg.com"]:before { content: "\f1a6"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="twitch.tv"]:before { content: "\f1e8"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="stumbleupon.com"]:before { content: "\f1a4"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="delicious.com"]:before { content: "\f1a5"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="mailto:"]:before { content: "\f0e0"; font-family: 'Font Awesome 5 Brands'; font-family: 'Font Awesome 5 Free'; } .social-nav ul li a[href*="soundcloud.com"]:before { content: "\f1be"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="wordpress.org"]:before { content: "\f19a"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="wordpress.com"]:before { content: "\f19a"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="jsfiddle.net"]:before { content: "\f1cc"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="tripadvisor.com"]:before { content: "\f262"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="angel.co"]:before { content: "\f209"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="slack.com"]:before { content: "\f198"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="500px.com"]:before { content: "\f26e"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="amazon.com"]:before { content: "\f270"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="amilia.com"]:before { content: "\f36d"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="gitlab.com"]:before { content: "\f09b"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="ebay.com"]:before { content: "\f4f4"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="dashcube.com"]:before { content: "\f210"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="behance.net"]:before { content: "\f1b5"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="vk.net"]:before { content: "\f189"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="mastodon.social"]:before { content: "\f4f6"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="algolia.com"]:before { content: "\f36c"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="bandcamp.com"]:before { content: "\f2d5"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="codiepie.com"]:before { content: "\f284"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="del.icio.us"]:before { content: "\f1a5"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="gitter.im"]:before { content: "\f426"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="goodreads.com"]:before { content: "\f3a8"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="hireahelper.com"]:before { content: "\f3b0"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="imdb.com"]:before { content: "\f2d8"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="last.fm"]:before { content: "\f202"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="medium.com"]:before { content: "\f23a"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="meetup.com"]:before { content: "\f2e0"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="mixcloud.com"]:before { content: "\f289"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="quora.com"]:before { content: "\f3d2"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="us.napster.com"]:before { content: "\f2c4"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="slideshare.net"]:before { content: "\f1e7"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="spotify.com"]:before { content: "\f1bc"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="stackexchange.com"]:before { content: "\f18d"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="stackoverflow.com"]:before { content: "\f16c"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="trello.com"]:before { content: "\f181"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="xing.com"]:before { content: "\f168"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="yelp.com"]:before { content: "\f1e9"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="500px.com"]:hover { background: #0099e5; } .social-nav ul li a[href*="amazon.com"]:hover { background: #f90; } .social-nav ul li a[href*="amilia.com"]:hover { background: #46aaf8; } .social-nav ul li a[href*="gitlab.com"]:hover { background: #e65328; } .social-nav ul li a[href*="ebay.com"]:hover { background: #0654ba; } .social-nav ul li a[href*="dashcube.com"]:hover { background: #f76707; } .social-nav ul li a[href*="behance.net"]:hover { background: #0052CC; } .social-nav ul li a[href*="vk.net"]:hover { background: #5181b8; } .social-nav ul li a[href*="mastodon.social"]:hover { background: #5181b8; } .social-nav ul li a[href*="algolia.com"]:hover { background: #5a6dff; } .social-nav ul li a[href*="bandcamp.com"]:hover { background: #639aa9; } .social-nav ul li a[href*="codiepie.com"]:hover { background: #222222; } .social-nav ul li a[href*="del.icio.us"]:hover { background: #0076e8; } .social-nav ul li a[href*="gitter.im"]:hover { background: #46bc99; } .social-nav ul li a[href*="goodreads.com"]:hover { background: #382110; } .social-nav ul li a[href*="hireahelper.com"]:hover { background: #693238; } .social-nav ul li a[href*="imdb.com"]:hover { background: #f5c518; } .social-nav ul li a[href*="last.fm"]:hover { background: #bb0000; } .social-nav ul li a[href*="medium.com"]:hover { background: #693238; } .social-nav ul li a[href*="meetup.com"]:hover { background: #f13a59; } .social-nav ul li a[href*="mixcloud.com"]:hover { background: #693238; } .social-nav ul li a[href*="quora.com"]:hover { background: #b92b27; } .social-nav ul li a[href*="us.napster.com"]:hover { background: #49FFD0; } .social-nav ul li a[href*="slideshare.net"]:hover { background: #222222; } .social-nav ul li a[href*="spotify.com"]:hover { background: #1ed760; } .social-nav ul li a[href*="stackexchange.com"]:hover { background: #12457C; } .social-nav ul li a[href*="stackoverflow.com"]:hover { background: #f48024; } .social-nav ul li a[href*="trello.com"]:hover { background: #5aac44; } .social-nav ul li a[href*="xing.com"]:hover { background: #b0d400; } .social-nav ul li a[href*="yelp.com"]:hover { background: #d32323; } /*social links hover effect */ .social-nav ul li a[href*="facebook.com"]:hover { background: #3b5998; } .social-nav ul li a[href*="twitter.com"]:hover { background: #00aced; } .social-nav ul li a[href*="plus.google.com"]:hover { background: #dd4b39; } .social-nav ul li a[href*="/feed/"]:hover { background: #dc622c; } .social-nav ul li a[href*="wordpress.org"]:hover, .social-nav ul li a[href*="wordpress.com"]:hover { background: #45bbe6; } .social-nav ul li a[href*="github.com"]:hover { background: #4183c4; } .social-nav ul li a[href*="linkedin.com"]:hover { background: #007bb6; } .social-nav ul li a[href*="pinterest.com"]:hover { background: #cb2027; } .social-nav ul li a[href*="flickr.com"]:hover { background: #ff0084; } .social-nav ul li a[href*="vimeo.com"]:hover { background: #aad450; } .social-nav ul li a[href*="youtube.com"]:hover { background: #bb0000; } .social-nav ul li a[href*="instagram.com"]:hover { background: #517fa4; } .social-nav ul li a[href*="dribbble.com"]:hover { background: #ea4c89; } .social-nav ul li a[href*="skype.com"]:hover { background: #12a5f4; } .social-nav ul li a[href*="digg.com"]:hover { background: #333; } .social-nav ul li a[href*="codepen.io"]:hover { background: #000; } .social-nav ul li a[href*="reddit.com"]:hover { background: #ff4500; } .social-nav ul li a[href*="mailto:"]:hover { background: #1d62f0; } .social-nav ul li a[href*="twitch.tv"]:hover { background: #6441a5; } .social-nav ul li a[href*="consultaresquare.com"]:hover { background: #f94877; } .social-nav ul li a[href*="stumbleupon.com"]:hover { background: #eb4924; } .social-nav ul li a[href*="twitch.tv"]:hover { background: #6441a5; } .social-nav ul li a[href*="tumblr.com"]:hover { background: #32506d; } .social-nav ul li a[href*="soundcloud.com"]:hover { background: #ff5500; } .social-nav ul li a[href*="wordpress.org"]:hover { background:#45bbe6; } .social-nav ul li a[href*="jsfiddle.net"]:hover { background:#4679bd; } .social-nav ul li a[href*="tripadvisor.com"]:hover { background:#86c171; } .social-nav ul li a[href*="consultaresquare.com"]:hover { background:#2d5be3; } .social-nav ul li a[href*="angel.co"]:hover { background:#000; } .social-nav ul li a[href*="slack.com"]:hover { background:#56b68b; } .social-nav.brand-bg ul li a[href*="500px.com"] { background: #0099e5; } .social-nav.brand-bg ul li a[href*="amazon.com"] { background: #f90; } .social-nav.brand-bg ul li a[href*="amilia.com"] { background: #46aaf8; } .social-nav.brand-bg ul li a[href*="gitlab.com"] { background: #e65328; } .social-nav.brand-bg ul li a[href*="ebay.com"] { background: #0654ba; } .social-nav.brand-bg ul li a[href*="dashcube.com"] { background: #f76707; } .social-nav.brand-bg ul li a[href*="behance.net"] { background: #0052CC; } .social-nav.brand-bg ul li a[href*="vk.net"] { background: #5181b8; } .social-nav.brand-bg ul li a[href*="mastodon.social"] { background: #5181b8; } .social-nav.brand-bg ul li a[href*="algolia.com"] { background: #5a6dff; } .social-nav.brand-bg ul li a[href*="bandcamp.com"] { background: #639aa9; } .social-nav.brand-bg ul li a[href*="codiepie.com"] { background: #222222; } .social-nav.brand-bg ul li a[href*="del.icio.us"] { background: #0076e8; } .social-nav.brand-bg ul li a[href*="gitter.im"] { background: #46bc99; } .social-nav.brand-bg ul li a[href*="goodreads.com"] { background: #382110; } .social-nav.brand-bg ul li a[href*="hireahelper.com"] { background: #693238; } .social-nav.brand-bg ul li a[href*="imdb.com"] { background: #f5c518; } .social-nav.brand-bg ul li a[href*="last.fm"] { background: #bb0000; } .social-nav.brand-bg ul li a[href*="medium.com"] { background: #693238; } .social-nav.brand-bg ul li a[href*="meetup.com"] { background: #f13a59; } .social-nav.brand-bg ul li a[href*="mixcloud.com"] { background: #693238; } .social-nav.brand-bg ul li a[href*="quora.com"] { background: #b92b27; } .social-nav.brand-bg ul li a[href*="us.napster.com"] { background: #49FFD0; } .social-nav.brand-bg ul li a[href*="slideshare.net"] { background: #222222; } .social-nav.brand-bg ul li a[href*="spotify.com"] { background: #1ed760; } .social-nav.brand-bg ul li a[href*="stackexchange.com"] { background: #12457C; } .social-nav.brand-bg ul li a[href*="stackoverflow.com"] { background: #f48024; } .social-nav.brand-bg ul li a[href*="trello.com"] { background: #5aac44; } .social-nav.brand-bg ul li a[href*="xing.com"] { background: #b0d400; } .social-nav.brand-bg ul li a[href*="yelp.com"] { background: #d32323; } .social-nav.brand-bg ul li a[href*="facebook.com"] { background: #3b5998; } .social-nav.brand-bg ul li a[href*="twitter.com"] { background: #00aced; } .social-nav.brand-bg ul li a[href*="plus.google.com"] { background: #dd4b39; } .social-nav.brand-bg ul li a[href*="/feed/"] { background: #dc622c; } .social-nav.brand-bg ul li a[href*="wordpress.org"], .social-nav.brand-bg ul li a[href*="wordpress.com"] { background: #45bbe6; } .social-nav.brand-bg ul li a[href*="github.com"] { background: #4183c4; } .social-nav.brand-bg ul li a[href*="linkedin.com"] { background: #007bb6; } .social-nav.brand-bg ul li a[href*="pinterest.com"] { background: #cb2027; } .social-nav.brand-bg ul li a[href*="flickr.com"] { background: #ff0084; } .social-nav.brand-bg ul li a[href*="vimeo.com"] { background: #aad450; } .social-nav.brand-bg ul li a[href*="youtube.com"] { background: #bb0000; } .social-nav.brand-bg ul li a[href*="instagram.com"] { background: #E70826; } .social-nav.brand-bg ul li a[href*="dribbble.com"] { background: #ea4c89; } .social-nav.brand-bg ul li a[href*="skype.com"] { background: #12a5f4; } .social-nav.brand-bg ul li a[href*="digg.com"] { background: #333; } .social-nav.brand-bg ul li a[href*="codepen.io"] { background: #000; } .social-nav.brand-bg ul li a[href*="reddit.com"] { background: #ff4500; } .social-nav.brand-bg ul li a[href*="mailto:"] { background: #1d62f0; } .social-nav.brand-bg ul li a[href*="twitch.tv"] { background: #6441a5; } .social-nav.brand-bg ul li a[href*="consultaresquare.com"] { background: #f94877; } .social-nav.brand-bg ul li a[href*="stumbleupon.com"] { background: #eb4924; } .social-nav.brand-bg ul li a[href*="twitch.tv"] { background: #6441a5; } .social-nav.brand-bg ul li a[href*="tumblr.com"] { background: #32506d; } .social-nav.brand-bg ul li a[href*="soundcloud.com"] { background: #ff5500; } .social-nav.brand-bg ul li a[href*="wordpress.org"] { background:#45bbe6; } .social-nav.brand-bg ul li a[href*="jsfiddle.net"] { background:#4679bd; } .social-nav.brand-bg ul li a[href*="tripadvisor.com"] { background:#86c171; } .social-nav.brand-bg ul li a[href*="consultaresquare.com"] { background:#2d5be3; } .social-nav.brand-bg ul li a[href*="angel.co"] { background:#000; } .social-nav.brand-bg ul li a[href*="slack.com"] { background:#56b68b; } .social-nav.brand-bg ul li a:before { color: #fff; } .social-nav.circle-icon ul li a { border-radius: 100%; } .social-nav.brand-bg ul li a { border: 2px solid transparent; background: #222; } .social-nav.no-border.brand-bg ul li a { border: 2px solid transparent; } .social-nav.brand-bg ul li a:hover, .social-nav.brand-bg ul li a:focus, .social-nav.brand-bg ul li a:active { background: #3b85cd; } .social-nav li:before, .widget_consultare_recent_entries li:before{ display: none!important; } .social-nav li{ padding: 0!important; } .team-text-wrap .social-nav li a { border: 2px solid transparent; } .footer-widget-area .social-nav li a:before { color: #fff; } .recent-post-thumb { float: left; max-width: 30%; border-radius: 5px; overflow: hidden; } .recent-post-content-wrap { float: left; max-width: 60%; padding: 0 0 0 20px; } .recent-post-item h3 { font-size: 1.7rem; margin-bottom: 0; line-height: 1.4; } .recent-post-item { clear: both; margin-bottom: 15px; float: left; width: 100%; } .widget_consultare_recent_entries span.post-date { display: block; font-size: 14px; margin-top: 2px; } .widget_consultare_recent_entries span.post-date { display: block; } .widget_consultare_recent_entries span.post-date:before { display: inline-block; font-family: 'Font Awesome 5 Free'; height: 15px; margin-right: 8px; content: "\f274"; font-size: 13px; } /*-------------------------------------------------------------- # Layouts Style --------------------------------------------------------------*/ .layout-left-sidebar #primary { float: right; } .layout-no-sidebar-full-width #primary { width: 100%; } .layout-no-sidebar-content-width #primary { width: 100%; margin: 0 auto; max-width: 800px; float: none; } .layout-no-sidebar-content-width.grid #primary { max-width: 100%; padding: 0; } /*-------------------------------------------------------------- ## Home Sections --------------------------------------------------------------*/ .more-wrapper { display: block; text-align: center; margin-top: 0; clear: both; width: 100%; float: left; } .section { padding: 80px 0; clear: both; background: #0d0d0d; } .single-content-wraper .post-thumbnail { padding: 30px 30px 0; } .even-section { background: #030301; } .section.lite-background { background-color: #f4f9fc; } .section.white-background { background-color: #fff; } .section.lite-background .inner-block-shadow, .background-img .inner-block-shadow{ border: none; } .background-img { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 99; } .background-img.overlay-enabled:after { content: ""; display: block; background: rgb(0, 0, 0); height: 100%; width: 100%; top: 0; position: absolute; z-index: -1; left: 0; opacity: 0.7; } .section.dark-background .section-subtitle { color:#ddd; } .section.dark-background .section-title, .section.background-img .section-title, .section.dark-background .section-subtitle, .section.background-img .section-subtitle, .section.background-img.overlay-enabled p, .section.dark-background .section-top-subtitle { color: #fff; } .section.background-img.overlay-enabled h1, .section.background-img.overlay-enabled h2, .section.background-img.overlay-enabled h3, .section.background-img.overlay-enabled h4, .section.background-img.overlay-enabled h5, .section.background-img.overlay-enabled h6{ color: #fff; } .section.no-padding,.no-padding { padding:0; } .section.no-margin,.no-margin { margin:0; } .section .section-title-wrap { text-align: center; width: 100%; display: table; margin-bottom: 30px; max-width: 650px; margin: 0 auto 25px; position: relative; } .section .section-title-wrap:before { content: ""; display: block; height: 70px; width: 2px; background: #3d7fed; top: -100px; z-index: 9999; position: absolute; left: 50%; } .section .section-title { position: relative; font-size: 4rem; font-weight: 700; line-height: 1.3; margin-bottom: 20px; } .section .section-top-subtitle { position: relative; color: #3c80ee; margin-bottom: 10px; font-weight: 500; font-size: 18px; } .section .section-subtitle { font-size: 1.7rem; font-weight: 400; color: #999; max-width: 650px; margin: 0 auto 15px; } #skill-team-section .section-title-wrap, #featured-content-section.style-two .section-title-wrap, #case-study-section .section-title-wrap, #hww-section .section-title-wrap, #featured-video-section .section-title-wrap{ text-align: left; float: left; } #key-features-section.style-one .section-title-wrap .section-top-subtitle:before, .section .section-title-wrap.text-alignleft .section-top-subtitle:before, #hero-content-section.section .section-title-wrap .section-top-subtitle:before, #skill-team-section .section-title-wrap .section-top-subtitle:before, #featured-content-section.style-two .section-title-wrap .section-top-subtitle:before, #case-study-section .section-title-wrap .section-top-subtitle:before, #hww-section .section-title-wrap .section-top-subtitle:before, #featured-video-section .section-title-wrap .section-top-subtitle:before{ content: ""; display: inline-block; height: 2px; width: 40px; background: #3d7fed; margin-right: 13px; position: relative; top: -5px; } .section .section-title-wrap.text-alignleft:before, .section.section.promotional-headline-section .section-title-wrap:before, #hww-section .section-title-wrap:before, #hero-content-section.section .section-title-wrap:before, #key-features-section.style-one .section-title-wrap:before, #skill-team-section .section-title-wrap:before, #featured-content-section.style-two .section-title-wrap:before, #case-study-section .section-title-wrap:before, #featured-video-section .section-title-wrap:before{ display: none; } #key-features-section.style-one .section-title-wrap h2.section-title { font-size: 4.5rem; } .section .key-features-wrapper-style-one .section-title-wrap span.divider { margin: 15px 0 25px; } .section .key-features-wrapper-style-one .section-title-wrap span.divider:before { left: 0; } #key-features-section.style-one .section-title-wrap { text-align: left; margin-bottom: 10px; } .section .section-title-wrap span.divider { content: ""; display: block; height: 2px; width: 60px; background-color: #3c80ee; margin: 10px auto 5px; position: relative; margin-bottom: 20px; } .section .section-title-wrap span.divider:before { content: ""; display: inline-block; height: 15px; width: 30px; margin-top: 1px; position: absolute; top: 4px; left: 15px; height: 2px; background: #3c80ee; } .section .section-title-wrap.text-alignleft span.divider:before, .section .featured-page-section .section-title-wrap span.divider:before { left: 0; } .section .section-title-wrap.text-alignleft { text-align: left; float: left; } .section .section-title-wrap.text-alignleft span.divider:after { left: 0; } /* alignright */ .section .section-title-wrap.text-alignright { text-align: right; } .section .section-title-wrap.text-alignright span.divider { float: right; } .section .section-title-wrap.text-alignright span.divider:after { right: 0; left: inherit; } .section .section-title-wrap.text-alignleft span.divider, .section .section-title-wrap.text-alignright span.divider { margin: 15px 0 25px; } .section .section-title-wrap.text-alignright .section-title { margin-bottom: 20px; } @-webkit-keyframes animationborder { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100px); transform: translateX(100px) } } @keyframes animationborder { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100px); transform: translateX(100px) } } .inner-block-shadow, .blog.grid article.hentry .hentry-inner, .archive.grid article.hentry .hentry-inner, .team-section.style-two .thumb-summary-wrap, #news-events-section .event-post-wrap { -webkit-box-shadow: 0 0 32px 0 rgb(122 122 122 / 10%); -moz-box-shadow: 0 0 32px 0 rgba(122,122,122,.1); -ms-box-shadow: 0 0 32px 0 rgba(122,122,122,.1); -o-box-shadow: 0 0 32px 0 rgba(122,122,122,.1); box-shadow: 0 0 32px 0 rgb(0 0 0 / 10%); -webkit-transition: box-shadow .3s,transform .3s; -moz-transition: box-shadow .3s,transform .3s; -ms-transition: box-shadow .3s,transform .3s; -o-transition: box-shadow .3s,transform .3s; transition: box-shadow .3s,transform .3s; background: #191919; position: relative; } .inner-block-shadow:hover, .featured-grid-section.style-two .featured-grid-wrapper:hover, .wwd-section.style-two .wwd-block-inner:hover, .wwd-section.style-three .wwd-block-inner:hover, .blog.grid article.hentry .hentry-inner:hover, .archive.grid article.hentry .hentry-inner:hover, .team-section.style-two .thumb-summary-wrap:hover,#news-events-section .event-post-wrap:hover { -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); } .inner-block-shadow:before, .ff-button:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .inner-block-shadow:hover:before, .inner-block-shadow:focus:before, .inner-block-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .ff-button:hover:before, .ff-button:focus:before, .ff-button:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } .associate-logo-item { text-align: center; } #associate-logo-section { padding: 60px 0; } .section.content-align-center, .section.text-aligncenter{ text-align: center; } .section.overlay-enabled { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 99; } .section.overlay-enabled:after { content: ""; display: block; background: #000000; height: 100%; width: 100%; top: 0; position: absolute; z-index: -1; left: 0; opacity: 0.6; } /* Border-radius */ .image-hover-zoom img,.post-thumbnail a img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; width: 100%; } a.image-hover-zoom { overflow: hidden; display: block; } .image-hover-zoom:hover img, .post-thumbnail a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Slider --------------------------------------------------------------*/ #slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after { font-size: 1.8rem; } #slider-section .slider-image-wrapper { text-align: center; } #slider-section .slider-content-wrapper { width: 100%; position: absolute; top: 50%; z-index: 99; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (min-width: 1000px) { .header-two #slider-section .slider-content-wrapper { top:55%; } } .boxed-header #masthead { padding: 15px 0; } .boxed-header #masthead.sticky-enabled.sticky-header { padding: 0; background: #23282d; } #slider-section { overflow: hidden; position: relative; } #slider-section .slider-content { margin: 0 auto 30px; font-size: 18px; color: #fff; clear: both; } #slider-section .slider-content p { max-width: 655px; margin: 0 auto; } #slider-section .text-alignleft .slider-content p { float: left; clear: both; } #slider-section .text-alignright .slider-content p { float: right; clear: both; } #slider-section .slider-content-wrapper .container { max-width: 1060px; } #slider-section .slider-content-wrapper { text-align:center; } #slider-section .text-alignleft .slider-content-wrapper { text-align: left; } #slider-section .text-alignright .slider-content-wrapper { text-align: right; } #slider-section .swiper-button-next:active, #slider-section .swiper-button-prev:active, #slider-section .swiper-button-next:visited, #slider-section .swiper-button-prev:visited{ outline: none; } #slider-section .swiper-button-next:hover, #slider-section .swiper-button-prev:hover, #slider-section .swiper-button-next:focus, #slider-section .swiper-button-prev:focus, #slider-section .swiper-button-next:active, #slider-section .swiper-button-prev:active { outline: none; background: #3c80ee; color: #fff; box-shadow: 0 0 21px #2222223d; border-color: #3c80ee; } #slider-section .swiper-button-next, #slider-section .swiper-button-prev { z-index: 99; cursor: pointer; transition: all 0.2s ease-in-out 0s; color: #fff; background: none; border: 2px solid; height: 50px; width: 50px; border-radius: 100%; } #slider-section .swiper-button-prev { left: -5%; right: auto; } #slider-section .swiper-button-next { right: -5%; left: auto; } #slider-section:hover .swiper-button-prev { left: 3%; right: auto; } #slider-section:hover .swiper-button-next { right: 3%; left: auto; } #slider-section.section .swiper-pagination { bottom: 40px; left: 0; width: 100%; z-index: 99; position: absolute; } #slider-section .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; display: inline-block; font-size: unset; line-height: unset; padding: unset; border-radius: 50px; background: #fff; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.25); -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,.25); box-shadow: 0 3px 8px 0 rgba(0,0,0,.25); margin: 0 5px; } #slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, #slider-section .swiper-pagination .swiper-pagination-bullet:hover { background: #3c80ee; opacity: 1; } #slider-section .swiper-pagination-bullet { opacity: 1; } #slider-section .swiper-scrollbar-drag { background: rgb(231, 8, 38); } #slider-section.swiper-container-horizontal > .swiper-scrollbar { bottom: 0; } #slider-section .swiper-scrollbar { background: rgba(255, 255, 255, 0.85); } #slider-section h2 { font-size: 6.5rem; font-weight: 600; transition: all 0.5s linear 1s; margin: 0 0 10px; line-height: 1.3; } #slider-section.overlay-enabled article:before{ content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 9; background: #000; opacity: 0.6; } #slider-section .swiper-slide .slider-subtitle { font-size: 5rem; font-weight: 500; margin-bottom: 30px; line-height: 1.2; } #slider-section .swiper-slide p { font-size: 18px; } #slider-section .swiper-slide.swiper-slide-active img{ transform: scale(1.1); transition: 10s; } #slider-section .slider-buttons .ff-button { margin: 10px; min-width: 170px; } #slider-section a.flashy-popup-button { position: relative; display: inline-block; margin-left: 20px; } .slider-buttons .video-buttons { position: inherit; width: auto; display: inline-block; margin-left: 20px; } .slider-buttons a.flashy-popup { position: relative; } #slider-section a.flashy-popup i { display: inline-block; border-radius: 100%; height: 42px; width: 42px; text-align: center; font-size: 13px; border: 2px solid; padding: 6px 0; line-height: 2; } #slider-section.overlay-enabled a.flashy-popup i { color:#fff; } #slider-section .text-alignleft .slider-buttons .ff-button, #slider-section .text-alignleft .video-buttons { float: left; } #slider-section .text-alignright .slider-buttons .ff-button, #slider-section .text-alignright .video-buttons { float: right; } #slider-section .text-aligncenter .slider-buttons .video-buttons { top: 0; position: absolute; } #slider-section.zoom-disabled .swiper-slide.swiper-slide-active img { transform: inherit; transition: inherit; } #slider-section .text-alignleft .video-buttons, #slider-section .text-alignright .video-buttons { margin-top: 13px; } .slider-buttons { margin:0 -10px; } #slider-section .type-post.text-alignright .slider-content-wrapper, #slider-section .type-post.text-alignleft .slider-content-wrapper { padding-bottom: 5%; } #slider-section .type-post.text-aligncenter .slider-content-wrapper a.more-link{ display: table; } #slider-section a.more-link, #slider-section a.more-link:visited { display: inline-block; background: #3c80ee; color: #fff; padding: 11px 35px; margin-top: 40px; clear: both; margin: 35px auto 0; font-weight: 500; font-size: 17px; transition: none!important; border-radius: 50px; } #slider-section .more-link:before { display: none; } #slider-section a.flashy-popup { color: #fff; } #slider-section .swiper-slide.type-post.text-alignleft .divider, #slider-section .swiper-slide.type-post.text-alignright .divider { margin: 0 0 20px; } #slider-section .text-alignleft a.more-link, #slider-section .text-alignright a.more-link { position: absolute; z-index: 999; } #slider-section a.more-link:hover, #slider-section a.more-link:active, #slider-section a.more-link:focus { background: #ffffff; color: #000; transition: none!important; } #slider-section .text-alignleft a.more-link{ display: block; float: left; } #slider-section .text-alignright a.more-link { display: block; right: 0; } #slider-section .type-post .video-buttons { position: absolute; bottom: -65px; left: 0; width: auto; top: inherit; text-align: center; width: 100%; } #slider-section .type-post.text-alignright .video-buttons { right: 12%; width: auto; text-align: right; } #slider-section .type-post.text-alignleft .video-buttons { left: 12%; width: auto; text-align: left; } #slider-section .type-post .video-buttons { transform: translateY(100%); opacity: 0; transition: transform 1s ease-in-out 1s; margin-top:15px; } #slider-section .swiper-slide.swiper-slide-active.type-post .video-buttons { transform: translateY(0); opacity: 1; } /* Center Animations */ #slider-section .slider-top-subtitle { font-size: 2rem; letter-spacing: 1px; margin-bottom: 20px; transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.4s; line-height: 1; } #slider-section .swiper-slide h2 { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.4s; color: #fff; } #slider-section .swiper-slide .slider-subtitle { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.5s; display: inline-block; padding: 0; color:#fff; } #slider-section .swiper-slide p{ transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.2s; } #slider-section .swiper-slide .slider-buttons, #slider-section a.more-link { transform: translateY(100%); opacity: 0; transition: transform 1s ease-in-out 0.6s; } #slider-section .type-post.swiper-slide:not(.text-alignleft) a.more-link, #slider-section .type-post.swiper-slide:not(.text-alignright) a.more-link, #slider-section .type-post.swiper-slide:not(.text-aligncenter) a.more-link { display: table; border: none; } #slider-section .swiper-slide p, #slider-section .swiper-slide h2 a, #slider-section .swiper-slide h2, #slider-section .swiper-slide .slider-subtitle { color:#fff; } #slider-section .swiper-slide.swiper-slide-active h2, #slider-section .swiper-slide.swiper-slide-active p, #slider-section .swiper-slide.swiper-slide-active .slider-buttons, #slider-section .swiper-slide.swiper-slide-active a.more-link, #slider-section .swiper-slide.swiper-slide-active .slider-subtitle, #slider-section .swiper-slide.swiper-slide-active .slider-top-subtitle { transform: translateY(0); opacity: 1; } #slider-section a.more-link:after { display: none; } /* Right Animations */ #slider-section .swiper-slide.text-alignright .slider-subtitle { transition: all 1s ease-in-out 0.1s; transform: translateX(-10%); opacity: 0; } #slider-section .swiper-slide.text-alignright h2 { transform: translateX(-10%); opacity: 0; transition: all 1s ease-in-out 0.3s; line-height: 1.2; } #slider-section .swiper-slide.text-alignright p { transform: translateX(-10%); opacity: 0; transition: all 1s ease-in-out 1s; } #slider-section .swiper-slide.text-alignright .slider-buttons, #slider-section .text-alignright a.more-link{ transform: translateX(-10%); opacity: 0; transition: all 1s ease-in-out 1.5s; } #slider-section .swiper-slide.text-alignright.swiper-slide-active h2, #slider-section .swiper-slide.text-alignright.swiper-slide-active p, #slider-section .swiper-slide.text-alignright.swiper-slide-active .slider-subtitle , #slider-section .swiper-slide.text-alignright.swiper-slide-active .slider-buttons, #slider-section .swiper-slide.text-alignright.swiper-slide-active a.more-link, #slider-section .swiper-slide.text-alignright.swiper-slide-active .divider{ transform: translateX(0); opacity: 1; } /* Left Animations */ #slider-section .swiper-slide.text-alignleft .slider-subtitle { transition: all 1s ease-in-out 0.1s; transform: translateX(10%); opacity: 0; } #slider-section .swiper-slide.text-alignleft h2 { transform: translateX(10%); opacity: 0; transition: all 1s ease-in-out 0.3s; line-height: 1.2; } #slider-section .swiper-slide.text-alignleft p { transform: translateX(10%); opacity: 0; transition: all 1s ease-in-out 1s; } #slider-section .swiper-slide.text-alignleft .slider-buttons, #slider-section .text-alignleft a.more-link{ transform: translateX(10%); opacity: 0; transition: all 1s ease-in-out 1.5s; } #slider-section .swiper-slide.text-alignleft.swiper-slide-active h2, #slider-section .swiper-slide.text-alignleft.swiper-slide-active .slider-subtitle, #slider-section .swiper-slide.text-alignleft.swiper-slide-active p, #slider-section .swiper-slide.text-alignleft.swiper-slide-active .slider-buttons, #slider-section .swiper-slide.text-alignleft.swiper-slide-active a.more-link, #slider-section .swiper-slide.text-alignleft.swiper-slide-active .divider{ transform: translateX(0); opacity: 1; } .header-two #slider-section .slider-content-wrapper { top: 55%; } .overlap-header .search-toggle:hover, .overlap-header .cart-contents a:hover, .overlap-header .search-toggle:focus, .overlap-header .cart-contents a:focus, .overlap-header .search-toggle:active, .overlap-header .cart-contents a:active{ color:#fff; } .light-top-header .site-top-header-mobile .main-navigation ul li a, .light-top-header .site-top-header-mobile .search-toggle, .light-top-header .site-top-header-mobile .search-toggle:visited, .light-top-header .site-top-header-mobile .cart-contents a, .light-top-header .site-top-header-mobile .cart-contents a:visited, .light-top-header .site-top-header-mobile .dropdown-toggle { color: #000; } #slider-section.style-three.overlay-enabled article.text-alignleft:before, #slider-section.style-three.overlay-enabled article.text-alignright:before, #slider-section.style-three.overlay-enabled article.text-aligncenter:before { background: #000; width: 100%; } /* Left Animations */ #slider-section.style-three .feature-two-img { transform: translateX(50%); transition: all 1s ease-in-out 0.3s; line-height: 1.2; } #slider-section.style-three .swiper-slide.swiper-slide-active .feature-two-img { transform: translateX(0); } /* Right Animations */ #slider-section.style-three article.text-alignright .feature-two-img { transform: translateX(-20%); transition: all 1s ease-in-out 0.3s; line-height: 1.2; } #slider-section.style-three article.text-alignright.swiper-slide.swiper-slide-active .feature-two-img { transform: translateX(0); } #slider-section.style-one .feature-two-img, #slider-section.style-two .feature-two-img, #slider-section.style-four .feature-two-img { display: none; } /*Style Two*/ #slider-section.style-two.overlay-enabled article:before { width: 50%; right: 0; } #slider-section.style-two .slider-image-wrapper { float: left; width: 50%; overflow: hidden; } #slider-section.style-two .slider-image-wrapper img { width: 100%; } #slider-section.style-two article { background: #fff; } #slider-section.style-two.overlay-enabled article { background: #222; } #slider-section.style-two .slider-content-wrapper { width: 45%; position: absolute; padding: 0 50px; right: 5%; left: inherit; } #slider-section.style-two .slider-content-wrapper .container { max-width: 100%; } /*Style Three*/ #slider-section.style-three .slider-image-wrapper:after { background: linear-gradient(#3c80ee, #67ecde); content: ""; display: block; width: 600px; height: 1325px; position: absolute; right: -106px; top: 0; z-index: 9; background: #3c80ee; transform: rotate(45deg); } #slider-section.style-three .swiper-slide { overflow: hidden; } #slider-section.style-three .feature-two-img { position: absolute; right: 15%; z-index: 98; bottom: 0; width: 23%; } #slider-section.style-three article.text-alignright .slider-image-wrapper:after { left: 0; right:inherit; } #slider-section.style-three article.text-alignright .feature-two-img { left: 15%; right: inherit; } #slider-section.style-three .swiper-slide.swiper-slide-active .feature-two-img img { transform: inherit; transition: inherit; } /*Style four*/ #slider-section.style-four .slider-content-wrapper { background: #222; left: 10%; right: 20%; padding: 40px; width: 45%; } #slider-section.style-four .text-alignright .slider-content-wrapper { left: inherit; right: 10%; } #slider-section.style-four .text-aligncenter .slider-content-wrapper { left: 25%; right: 25%; width: 50%; } #slider-section.style-four h2 { font-size: 3rem; } #slider-section.style-four .swiper-slide .slider-subtitle { font-size: 2rem; } #slider-section.style-four .swiper-slide p { font-size: 17px; } #slider-section.style-four .slider-content { margin-bottom: 20px; } #slider-section.style-four .slider-content-wrapper .container { max-width: 100%; } #slider-section.style-four .swiper-button-next, #slider-section.style-four .swiper-button-prev, #slider-section.style-two .swiper-button-next, #slider-section.style-two .swiper-button-prev { top: 10%; background: #222; border-radius: 0; } #slider-section.style-two .swiper-button-next, #slider-section.style-two .swiper-button-prev{ top:5%; } #slider-section.style-four .swiper-button-prev, #slider-section.style-two .swiper-button-prev { left: inherit; right: 10%; } #slider-section.style-four .swiper-button-next, #slider-section.style-two .swiper-button-next { right: 5%; left: auto; } #slider-section.style-four .swiper-pagination .swiper-pagination-bullet, #slider-section.style-four .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, #slider-section.style-four .swiper-pagination .swiper-pagination-bullet:hover { width: 16px; height: 16px; display: block; margin: 10px 50px; } #slider-section.style-four.section .swiper-pagination { bottom: inherit; left: 0; width: auto; z-index: 99; position: absolute; transform: translate(0, -50%); top: 50%; } #slider-section.style-boxed { max-width: 1270px; margin: 0 auto; } /*Style five*/ #slider-section.style-five .slider-content-wrapper { transform: inherit; top: inherit; bottom: 30px; } #slider-section.style-five .slider-content-wrapper .container { max-width: 100%; display: flex; flex-wrap: wrap; padding: 0; } #slider-section.style-five.overlay-enabled article::before { background: linear-gradient(to top, black , rgb(0 0 0 / 0)); height: 65%; top: inherit; bottom: 0; } #slider-section.style-five.section .swiper-pagination { text-align: right; padding-right: 40px; } #slider-section.style-five .swiper-slide h2 { margin: 0; font-size: 4rem; font-weight: 600; } #slider-section.style-five .swiper-slide .slider-subtitle { font-size: 3rem; font-weight: 500px; } #slider-section.style-five .slider-title-wrap { flex: 50%; float: left; padding: 30px 20px; } #slider-section.style-five .slider-content { margin: 0 auto 20px; } #slider-section.style-five .swiper-slide p { font-size: 18px; margin-top: 0; } #slider-section.style-five .slider-content-inner-wrapper { float: left; flex: 50%; padding: 30px 20px 30px 40px; border-left: 2px solid #3c80ee; } /*-------------------------------------------------------------- ## feature Product --------------------------------------------------------------*/ #featured-product-section.content-position-left .featured-page-thumb { float: right; } #featured-product-section.text-alignleft { text-align: left; } #featured-product-section.text-alignleft .section-title-wrap, #featured-product-section.default .section-title-wrap{ text-align: center; width: 100%; display: table; } #featured-product-section.text-alignleft .section-title-wrap, #featured-product-section.default .section-title-wrap { text-align: left; } #featured-product-section.text-alignleft .section-title-wrap span.divider, #featured-product-section.default .section-title-wrap span.divider{ left: 0; float: left; } #featured-product-section.text-alignleft .section-title-wrap span.divider:after, #featured-product-section.default .section-title-wrap span.divider:after { left: 0; } #featured-product-section.text-aligncenter .featured-info a.more-link { max-width: 200px; margin: 30px auto 0; } #featured-product-section.text-alignright { text-align: right; } #featured-product-section.text-alignright .section-title-wrap { text-align: center; width: 100%; display: table; } #featured-product-section.text-alignright .section-title-wrap { text-align: right; } #featured-product-section.text-alignright .section-title-wrap span.divider { right: 0; float: right; } #featured-product-section.text-alignright .section-title-wrap span.divider:after { left: inherit; right: 0; } #featured-product-section.text-alignright .featured-info { position: relative; padding-bottom: 70px; } #featured-product-section .featured-page-section { padding: 25px; } .featured-page-thumb { text-align: center; } div#featured-product-section { overflow: hidden; } #featured-product-section .featured-info a.more-link, #featured-product-section .featured-info a.more-link:visited { display: table; padding: 10px 20px; margin-top: 30px; background: #3c80ee; color: #fff; } #featured-product-section .featured-info a.more-link:hover, #featured-product-section .featured-info a.more-link:focus, #featured-product-section .featured-info a.more-link:active { background: #222; } #featured-product-section.text-alignright .featured-info a.more-link { position: absolute; bottom: 0; padding: 10px 20px; right: 0; } .featured-page-section ul li:before { content: "\f058"; display: inline-block; font-family: "Font Awesome 5 Free"; margin-right: 10px; font-size: 19px; color: #3c80ee; } .featured-page-section ul li { list-style-type: none; } .featured-page-section ul { margin-left: 0; padding-left: 0; } .section mark, .section ins { background: none; text-decoration: none; opacity: 0.7; } .featured-grid-item a.button.add_to_cart_button, .featured-grid-item a.button.product_type_external, .latest-posts-item a.button.add_to_cart_button, .latest-posts-item a.button.product_type_external{ display: table; clear: both; } #featured-product-section .star-rating { float: right; overflow: hidden; position: relative; height: 1em; line-height: 1; font-size: 1em; width: 5.4em; font-family: star; color: orange; display: block; float: left; clear: both; width: 100%; margin-bottom: 25px; } #featured-product-section .star-rating::before { content: "\73\73\73\73\73"; color: #fda80d; float: left; top: 0; left: 0; position: absolute; } #featured-product-section .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; } #featured-product-section .star-rating span::before { content: "\53\53\53\53\53"; top: 0; position: absolute; left: 0; } .woocommerce .star-rating span { color: #fda80d; } h2.woocommerce-Reviews-title { margin-bottom: 35px; } #featured-product-section a.button.add_to_cart_button, #hero-content-section a.button.add_to_cart_button { display: inline-block; clear: both; display: table; margin-top: 30px; } .products-category-content h3 { margin: 0; font-size: 18px; } .products-category-content { padding: 15px; text-align: center; } /*-------------------------------------------------------------- ## Hero Content --------------------------------------------------------------*/ #hero-content-section.section .section-title { font-size: 5rem; } #hero-content-section.content-position-left .featured-page-thumb { float: right; } #hero-content-section .section-featured-page .ff-button { margin-top: 30px; } #hero-content-section.text-alignleft { text-align: left; } #hero-content-section.text-alignleft .section-title-wrap, #hero-content-section.default .section-title-wrap{ text-align: center; width: 100%; display: table; } #hero-content-section.text-alignleft .section-title-wrap, #hero-content-section.default .section-title-wrap { text-align: left; } #hero-content-section.text-alignleft .section-title-wrap span.divider, #hero-content-section.default .section-title-wrap span.divider{ left: 0; float: left; } #hero-content-section.text-alignleft .section-title-wrap span.divider:after, #hero-content-section.default .section-title-wrap span.divider:after { left: 0; } #hero-content-section .hero-video { position: absolute; bottom: 90px; right: 30px; background: #191919; padding: 15px 30px; color: #fff; } #hero-content-section .hero-video a { color:#fff; } #hero-content-section .hero-video i { border: 2px solid; padding: 12px; display: inline-block; margin-right: 15px; border-radius: 100%; font-size: 13px; width: 40px; height: 40px; text-align: center; color: #3d7fed; } #hero-content-section.text-alignleft .section-title-wrap, #hero-content-section.default .section-title-wrap { text-align: left; margin: 0 0 5px; } #hero-content-section .featured-page-section { padding: 30px 0 0 15px; } #hero-content-section a.hero-call-us { display: inline-block; color: #fff; margin: 0 40px; } #hero-content-section a.hero-call-us { font-weight: 700; font-size: 20px; } #hero-content-section a.hero-call-us i { margin-right: 15px; color: #3d7fed; font-size: 22px; } #hero-content-section span.woocommerce-Price-amount.amount, #featured-product-section span.woocommerce-Price-amount.amount { margin-bottom: 30px; font-size: 25px; } #hero-content-section .featured-page-thumb-wrap { position: relative; z-index: 9; padding-right: 100px; } #hero-content-section.no-video .featured-page-thumb-wrap { padding: 0; } #hero-content-section .featured-page-thumb-wrap img { border-radius: 15px; } #hero-content-section.text-aligncenter .featured-info a.more-link { max-width: 200px; margin: 30px auto 0; } #hero-content-section.text-alignright { text-align: right; } #hero-content-section.text-alignright .section-title-wrap { text-align: center; width: 100%; display: table; } #hero-content-section.text-alignright .section-title-wrap { text-align: right; } #hero-content-section.text-alignright .section-title-wrap span.divider { right: 0; float: right; } #hero-content-section.text-alignright .section-title-wrap span.divider:after { left: inherit; right: 0; } #hero-content-section.text-alignright .featured-info { position: relative; padding-bottom: 70px; } .featured-page-thumb { text-align: center; } div#hero-content-section { overflow: hidden; } #hero-content-section .featured-info a.more-link, #hero-content-section .featured-info a.more-link:visited { display: table; padding: 15px 55px; margin-top: 30px; color: #fff; } #hero-content-section.text-alignright .featured-info a.more-link { position: absolute; bottom: 0; padding: 10px 20px; right: 0; } .featured-page-section ul li:before { content: "\f00c"; display: inline-block; font-family: "Font Awesome 5 Free"; margin-right: 10px; font-size: 14px; color: #3c80ee; font-weight: 900; } .featured-page-section ul li { list-style-type: none; } .featured-page-section ul { margin-left: 0; padding-left: 0; } #hero-content-section a.more-link, #hero-content-section a.more-link:visited, .section.promotional-headline-section a.more-link, .section.promotional-headline-section a.more-link:visited { background: #3c80ee; color: #fff; padding: 11px 35px; margin-top: 30px; font-weight: 500; border-radius: 50px; } #hero-content-section a.more-link:before, .section.promotional-headline-section a.more-link:before { display: none; } #hero-content-section a.more-link:hover, #hero-content-section a.more-link:focus, #hero-content-section a.more-link:active, .section.promotional-headline-section a.more-link:hover, .section.promotional-headline-section a.more-link:focus, .section.promotional-headline-section a.more-link:active { background: #fff; color: #000; } /*-------------------------------------------------------------- ## What we do --------------------------------------------------------------*/ .section-wwd .wwd-block-inner { position: relative; z-index: 9; padding: 35px; text-align: center; } #wwd-section { position: relative; padding-bottom: 0; } #wwd-section:before { content: ""; display: block; height: 90px; background: #030301; position: absolute; bottom: 0; width: 100%; left: 0; } #wwd-section.even-section:before { background: #0d0d0d; } .section-wwd .wwd-block-item a.wwd-icon { color: #3c80ee; line-height: 0.6; display: block; width: 65px; text-align: center; margin: 0 auto 20px; } .section-wwd a.wwd-fonts-icon { display: inline-block; font-size: 29px; line-height: 2; margin-bottom: 25px; border-radius: 8px; background: #191919; color: #3c80ee; width: 61px; box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 40%); } .wwd-section.layout-5 .wwd-block-item { float: left; width: 20%; padding: 15px; } .wwd-section.layout-5 .wwd-block-inner { position: relative; z-index: 9; padding: 30px 20px; text-align: center; } .wwd-section.layout-5 .wwd-block-item h3 { font-size: 2rem; } .wwd-section a.more-link { display: block; clear: both; } .section-wwd .wwd-item-title, .section-wwd .featured-grid-title { margin-bottom: 10px; position: relative; } .wwd-block-inner-content .entry-summary p { margin: 0; } .section-wwd a.wwd-image { margin-bottom: 25px; display: block; width: 60px; } .wwd-block-wrapper.inner-block-shadow { border-radius: 5px; } /*layout 1*/ .featured-image-enabled .featured-background-img { border-radius: 5px; position: relative; background-size: cover; } .featured-image-enabled .featured-background-img:after { content: ""; display: block; height: 100%; width: 100%; background: #000; opacity: 0.7; position: absolute; top: 0; z-index: 8; border-radius: 5px; } .featured-image-enabled .featured-background-img:hover .wwd-block-wrapper.inner-block-shadow, .highlighted-item.featured-image-enabled .featured-background-img .wwd-block-wrapper.inner-block-shadow{ background: none; } .highlighted-item.featured-image-enabled .featured-background-img .wwd-block-wrapper:after, .highlighted-item.featured-image-enabled .featured-background-img .wwd-block-wrapper:before { visibility: hidden!important; } #wwd-section.style-one .wwd-block-item.featured-image-enabled .featured-background-img:hover .wwd-block-wrapper:after, #wwd-section.style-one .wwd-block-item.featured-image-enabled.ff-grid-3:nth-of-type(even) .featured-background-img:hover .wwd-block-wrapper:after { visibility: hidden; } .wwd-block-wrapper.inner-block-shadow { border-radius: 5px; z-index: 9; } .style-one .wwd-block-item a.wwd-icon { float: none; margin: 0 auto 20px; width: auto; max-width: 55px; padding: 0; line-height: 1.9; } .style-one .wwd-block-item a.wwd-fonts-icon { margin-bottom: 20px; background: no-repeat; width: auto; padding: 0; font-size: 40px; box-shadow: none; height: auto; padding: 0; line-height: 1; } #wwd-section a.wwd-fonts-icon i { color: transparent; -webkit-font-smoothing: antialiased; -webkit-text-stroke: 1.5px #3c80ee; } .style-one .wwd-item-4 { clear: both; } .style-one .wwd-block-item a.wwd-image { /* float: left; */ margin: 0 auto 20px; width: auto; max-width: 55px; padding: 0; line-height: 1.9; } .wwd-section.style-two a.wwd-image { margin: 0 auto 30px; } /*layout 3*/ .style-three .section-wwd .wwd-block-item a.wwd-icon { float: left; } .style-three .wwd-block-list.swiper-carousel-enabled { padding-top: 30px; } .wwd-section.style-three a.wwd-fonts-icon { float: left; } .wwd-section.style-three .wwd-block-inner-content { text-align: left; } .wwd-section.style-two .featured-image-enabled a.wwd-fonts-icon, .wwd-section.style-two .featured-image-enabled a.wwd-image{ margin: 0 auto 20px; text-align: center; display: block; } .wwd-section.style-three .featured-image-enabled .wwd-block-wrapper , .wwd-section.style-three .featured-image-enabled .wwd-block-wrapper { background: none; } .wwd-section.style-three .section-wwd a.wwd-fonts-icon { display: inline-block; font-size: 30px; line-height: 1; margin-bottom: 15px; background: none; box-shadow: none; width: auto; } .wwd-section.style-two .featured-image-enabled a.wwd-image, .wwd-section.style-three .featured-image-enabled a.wwd-image { box-shadow: 0px 10px 60px 0px rgba(201, 201, 201, 0.49); border-radius: 10px; background:#fff; padding:5px; } /*-------------------------------------------------------------- ## Teams --------------------------------------------------------------*/ .section-teams .social-links li a { border: 2px solid transparent; } .section-teams .thumb-summary-wrap { position: relative; z-index: 9; } .section-teams .team-item{ text-align: center; } .section-teams .team-position { font-size: 16px; margin-bottom: 10px; font-style: italic; } .section-teams .team-text-wrap { position: relative; padding: 20px 15px; background: #191919; box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 40%); margin: -65px 20px 0; border-radius: 6px; } .section-teams .team-item.ff-grid-4 .thumb-summary-wrap { padding: 0 45px; } .team-section.style-two .team-item.ff-grid-4 .thumb-summary-wrap { padding: 0 0 40px; } .section-teams .team-item img { background: #fff; } .team-section.style-two .team-item .team-thumb { border-radius: 0; } .section-teams .team-item img { margin: 0; vertical-align: middle; -webkit-transition: -webkit-transform 1s ease; -moz-transition: -moz-transform 1s ease; transition: transform 1s ease; } .section-teams .team-item .team-thumb { overflow: hidden; position: relative; background: #fff; z-index: -1; } .section-teams .team-item:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transform-origin: center center; -moz-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; } .section-teams .team-social-icons .social-nav { position: absolute; bottom: 0; right: 0; left: 0; text-align: center; margin: 0 auto; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index: 999; } .section-teams .team-thumb:after { background-image: -moz-linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.45) 43%, rgba(34, 31, 60, 0) 100%); background-image: -webkit-linear-gradient( 90deg , rgb(0 0 0 / 95%) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.45) 43%, rgba(34, 31, 60, 0) 100%); background-image: -ms-linear-gradient(90deg, rgba(34, 31, 60, 0.94902) 0%, rgba(34, 31, 60, 0.47) 40%, rgba(34, 31, 60, 0.45) 43%, rgba(34, 31, 60, 0) 100%); content: ""; width: 100%; height: 0%; display: inline-block; bottom: 0; right: 0; left: 0; z-index: 1; position: absolute; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; opacity: 0; visibility: hidden; } .section-teams .thumb-summary-wrap { position: relative; z-index: 9; } .section-teams .thumb-summary-wrap:hover .team-thumb:after { height: 100%; opacity: 1; visibility: visible; } .section-teams .thumb-summary-wrap:hover .team-social-icons .social-nav { opacity: 1; visibility: visible; bottom: 100px; } .style-two .section-teams .team-text-wrap { position: relative; padding: 35px 0; box-shadow: none; margin-top: -20px; } h3.team-title { margin-bottom: 5px; } .section-teams .social-link-plus { background:#3c80ee; color: #fff; height: 40px; width: 40px; display: block; padding: 6px; text-align: center; cursor: pointer; } .section-teams .social-nav ul li a { border: 2px solid transparent; } /*-------------------------------------------------------------- ## Skill Team --------------------------------------------------------------*/ #page .swiper-container-multirow-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: inherit; } #skill-team-section .swiper-slide { margin-top: 15px!important; margin-bottom: 15px!important; } #skill-team-section .skill-team-item { text-align: center; } #skill-team-section .skill-only-section, #skill-team-section .section-title-wrap { padding-right: 50px; } #skill-team-section .team-thumb { position: relative; } #skill-team-section .team-text-wrap h3 { padding: 10px 20px 0; text-align: center; margin: 0; font-size: 2rem; } #skill-team-section .team-text-wrap p { font-size: 1.6rem; margin: 0; text-align: center; } #skill-team-section .team-text-wrap{ position: absolute; bottom: 0; right: 0; left: 0; text-align: center; margin: 0 auto; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; z-index: 999; } #skill-team-section .team-thumb:after { background-image: -moz-linear-gradient(90deg,rgba(34,31,60,0.94902) 0%,rgba(34,31,60,0.47) 40%,rgba(34,31,60,0.45) 43%,rgba(34,31,60,0) 100%); background-image: -webkit-linear-gradient( 90deg ,rgb(0 0 0/95%) 0%,rgba(34,31,60,0.47) 40%,rgba(34,31,60,0.45) 43%,rgba(34,31,60,0) 100%); background-image: -ms-linear-gradient(90deg,rgba(34,31,60,0.94902) 0%,rgba(34,31,60,0.47) 40%,rgba(34,31,60,0.45) 43%,rgba(34,31,60,0) 100%); content: ""; width: 100%; height: 0%; display: inline-block; bottom: 0; right: 0; left: 0; z-index: 1; position: absolute; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; opacity: 0; visibility: hidden; } #skill-team-section .thumb-summary-wrap:hover .team-thumb:after { height: 100%; opacity: 1; visibility: visible; } #skill-team-section .thumb-summary-wrap:hover .team-text-wrap { opacity: 1; visibility: visible; bottom:10%; } .section .top-overlap-enabled { margin-top: -170px; position: relative; z-index: 99; } #skill-team-section .team-text-wrap h3 a, #skill-team-section .team-text-wrap h3 p, #skill-team-section .team-text-wrap h3 { color: #fff; } /*-------------------------------------------------------------- ## Testimonials --------------------------------------------------------------*/ #testimonial-section .more-link:before { display: none; } #testimonial-section a.more-link, #testimonial-section a.more-link:visited { background: no-repeat; padding: 0; display: inherit; } .testimonial-summary p { font-size: 18px; margin-bottom: 23px; line-height: 1.9; } .testimonial-summary p a { font-style: initial; font-size: 17px; letter-spacing: 0; } .section-testimonial .testimonial-thumb img { display: block; } .section-testimonial .testimonial-thumb img { width: 100%; } .section-testimonial .swiper-carousel-enabled .swiper-pagination { position: inherit; clear: both; } .section-testimonial .swiper-carousel-enabled { padding-bottom: 0; } .section-testimonial .testimonial-summary p:after { margin-right: 0; margin-left: 15px; } .post-type .section-testimonial .testimonial-summary p:after{ display: none; } .section-testimonial .testimonial-summary { margin-bottom: 30px; border-bottom: 1px solid #242424; padding-bottom: 15px; display: block; } .testimonial-thumb img { max-width: 80px; float: left; margin-right: 30px; } .testimonial-thumb img { border-radius: 59px; box-shadow: 0px 10px 30px 0px rgb(13 14 14 / 13%); } .section-testimonial .testimonial-wrapper:before { content: "\f10d"; display: block; position: absolute; left: 75px; top: 56px; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 60px; color: rgba(240, 240, 240, 0.05); line-height: 0; } #testimonial-section .testimonial-summary h3 { margin-bottom: 15px; font-size: 3rem; } .section-testimonial .testimonial-wrapper { position: relative; border-radius: 5px; width: 100%; width: 100%; float: left; background: #191919; padding: 100px 80px 60px; } .section-testimonial .clinet-info h4 { margin-bottom: 4px; } .client-info { float: left; text-align: left; } .section-testimonial p.testimonial-position { margin: 0; font-size: 14px; font-style: italic; letter-spacing: 2px; } .section-testimonial h4.testimonial-title { margin: 0; font-size: 1.8rem; font-weight: 600; } .section.overlay-enabled .section-title, .section.overlay-enabled .section-subtitle { color:#fff; } .section-testimonial .testimonial-rating { color: #ff953d; font-size: 12px; top: 15px; } .section-testimoniel .testimonial-summary::before { content: "\f10d"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 30px; margin-right: 0; line-height: 1; margin: 0 0 15px; font-weight: 900; color: #e2e2e2; position: absolute; top: 35px; left: 25%; } #testimonial-section.overlay-enabled h3, #testimonial-section.overlay-enabled p, #testimonial-section.overlay-enabled h3, #testimonial-section.overlay-enabled h4 { color: #fff; } #testimonial-section .testimonial-layout-2 .testimonial-summary h3 { margin-bottom: 15px; font-size: 2.5rem; } .testimonial-layout-2 .testimonial-summary p { font-size: 1.7rem; font-weight: 400; } .testimonial-layout-2 h4.testimonial-title { margin: 0; font-size: 2rem; font-weight: 500; margin: 5px 0 5px; } .testimonial-layout-2 .testimonial-rating { margin: 5px 0; } .testimonial-layout-2 .testimonial-summary p.testimonial-position { font-style: italic; font-size: 16px; font-weight: 400; } /*-------------------------------------------------------------- ## Post Gird --------------------------------------------------------------*/ .section-latest-posts .latest-posts-thumb img { margin: 0; vertical-align: middle; } .section-latest-posts .latest-posts-thumb { overflow: hidden; position: relative; text-align: center; } .latest-posts-wrapper { overflow: hidden; } .section-latest-posts .latest-posts-title { position: relative; } .post-thumbnail { position: relative; } .section-latest-posts .new-cat { margin-bottom: 15px; position: absolute; bottom: 8%; left: 10%; } .post-thumbnail .cat-links { position: inherit; display: block; padding: 25px; } .section-latest-posts .new-cat a, .post-thumbnail .cat-links a, .section-latest-posts .new-cat a:visited, .post-thumbnail .cat-links a:visited { background: #3c80ee; color: #fff; padding: 3px 11px; display: inline-block; font-size: 14px; margin-right: 5px; line-height: 1.5; font-weight: 500; margin: 5px 5px 0; } .section-latest-posts .new-cat a:hover, .post-thumbnail .cat-links a:hover, .section-latest-posts .new-cat a:focus, .post-thumbnail .cat-links a:focus, .section-latest-posts .new-cat a:active, .post-thumbnail .cat-links a:active { background: #222; color: #fff; } .has-post-thumbnail .post-thumbnail .cat-links { margin-bottom: 15px; position: absolute; bottom: 15%; left: 10%; margin: 0; text-align: left; padding: 0; } .section-latest-posts .latest-posts-thumb .custom-button { position: absolute; top: 0%; z-index: 9; left: 50%; margin-left: -70px; opacity: 0; } .section-latest-posts .latest-posts-wrapper:hover .latest-posts-thumb .custom-button { opacity: 1; top:35%; } .section-latest-posts .latest-posts-thumb .custom-button::after, .section-latest-posts .latest-posts-thumb .custom-button::before { display: none; } .section-latest-posts .latest-posts-text-content { overflow: hidden; position: relative; padding: 40px 45px; } .section-latest-posts .latest-posts-text-wrap { padding: 20px 0 0; } .latest-news-date { background: #3c80ee; text-align: center; color: #fff; width: 70px; } .latest-news-meta { position: absolute; bottom: 20px; right: 20px; z-index: 99; } .latest-news-meta span.news-meta-date { font-weight: bold; font-size: 23px; background: #fff; color: #232323; padding: 5px 0; } .latest-news-meta span { display: block; line-height: 1.3; padding: 10px 0; } #featured-content-section.style-two .latest-posts-item:first-child h3 { font-size: 3rem; } #featured-content-section.style-two .latest-posts-item { width: 50%; clear: none; margin: 14px 0; } #featured-content-section .more-wrapper { margin-top: 30px; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-text-content { padding: 20px 30px; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-thumb { float: left; width: 38%; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-text-content h3.latest-posts-title { font-size: 2rem; margin-bottom: 13px; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-text-content p{ display: none; } #featured-content-section.style-three .latest-posts-item:first-child .latest-posts-thumb { float: left; width: 50%; } #featured-content-section.style-three .latest-posts-item:first-child { width: 100%; clear: none; } #featured-content-section.style-three .ff-grid-4:nth-child(3n+1), #featured-content-section.style-three .ff-grid-3:nth-child(4n+1) { clear: none; } /* News and Events */ /*-------------------------------------------------------------- ## Skills --------------------------------------------------------------*/ .section.section-skill-bar { background: #fff; } .section-skill-bar .entry-content { margin: 0; } .section-skill-bar .section-title::after, .section-skill-bar .section-title::before { display: none; } .section.section-skill-bar li { font-size: 17px; list-style: none; color: #191d3d; } .section.section-skill-bar ul { padding-left: 0; } .section.section-skill-bar li:before { content: "\f05d"; font-family: 'Font Awesome 5 Free'; margin-right: 15px; color: #E70826; font-size: 20px; } .skillbar { position: relative; display: block; margin-bottom: 15px; width: 100%; background: #e4dfdf; height: 10px; -webkit-transition: 0.4s linear; -moz-transition: 0.4s linear; -ms-transition: 0.4s linear; -o-transition: 0.4s linear; transition: 0.4s linear; -webkit-transition-property: width, background-color; -moz-transition-property: width, background-color; -ms-transition-property: width, background-color; -o-transition-property: width, background-color; transition-property: width, background-color; border-radius: 5px; } .skillbar-bar { height: 10px; width: 0px; background: #E70826; position: relative; display: block; top: 0; left: 0; border-radius: 0 5px 5px 0; background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent)); background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px; } .skillbar-title { float: left; } .skill-bar-percent { float: right; } .skillbar-item h3 { font-size: 18px; margin-bottom: 10px; clear: none; } .skillbar { clear: both; } .skillbar-item:last-child { margin: 0; } .left-section-wrapper { padding: 50px 0 50px 50px; } .skillbar-item { margin-bottom: 25px; clear: both; } .section-skill-bar .skillbar.skillbar-2 .skillbar-bar { background-color: #0fb36c; } .section-skill-bar .skillbar.skillbar-3 .skillbar-bar { background-color: #f5595a; } .section-skill-bar .skillbar.skillbar-4 .skillbar-bar { background-color: #e2b017; } .section-skill-bar .skillbar.skillbar-5 .skillbar-bar { background-color: #9261c6; } #skill-section .ff-grid-12.left-section .skill-bar-section { float: left; width: 50%; padding-left: 20px; } #skill-section .ff-grid-12.left-section .skill-info { width: 50%; float: left; padding-right: 20px; } #skill-section .ff-grid-12.right-section h2 { font-size: 3.5rem; } /* Tabs */ #tabs-nav { list-style: none; margin: 0; margin-bottom: 45px; padding: 0; display: flex; } #tabs-nav li { margin-right: 2px; border-radius: 5px 5px 5px 5px; cursor: pointer; display: inline-block; width: 100%; text-align: center; } #tabs-nav li a:hover, #tabs-nav li.active a{ background-color: #3c80ee; color: #fff; border-color: transparent; } #tabs-nav li.active a::after, #tabs-nav li a:hover::after { content: ""; display: block; position: absolute; bottom: -10px; z-index: 9; left: 20px; transform: rotate( 45deg ); background: #3c80ee; height: 20px; width: 20px; left: 46%; } #tabs-nav li a { padding: 60px 30px 30px; color: #ffffff; margin-right: 15px; display: block; position: relative; box-shadow: 0 0 14px #22222226; border-radius: 5px; border: 2px solid #191919; font-size: 2rem; } #tabs-nav li a i { font-size: 3rem; position: absolute; top: 22px; left: 0; width: 100%; -webkit-text-stroke: 1px white; color: transparent; -webkit-font-smoothing: antialiased; } .tab-content { background-color: #191919; box-shadow: 0 0 44px #2222220d; overflow: hidden; } #skill-section .ff-grid-12.right-section .tab-content-wrap { float: left; width: 50%; } #skill-section .ff-grid-12.right-section .tab-content{ padding: 50px; } #skill-section .ff-grid-12.right-section .tab-content img.tab-thumb { float: left; width: 50%; padding-right: 40px; } #skill-section .ff-grid-12.right-section { margin-top: 35px; } #skill-section .ff-grid-6 #tabs-nav li a { padding: 7px 21px; margin-right: 6px; display: block; font-size: 16px; } /*-------------------------------------------------------------- ## Promotional --------------------------------------------------------------*/ .section.promotional-headline-section.overlay-enabled, .section.promotional-headline-section.overlay-enabled h2 { color: #fff; } .section.promotional-headline-section .promotion-content { max-width: 1000px; margin: 0 auto; width: 100%; } .section.promotional-headline-section h2 { font-size: 5.5rem; margin-bottom: 10px; } .section.promotional-headline-section { padding: 160px 0; } .section.promotional-headline-section p { font-size: 1.8rem; } .section.promotional-headline-section .section-title-wrap { margin-bottom: 0; } .section.promotional-headline-section .section-subtitle { font-size: 4rem; line-height: 1.2; font-family: "Poppins", sans-serif; } .section.promotional-headline-section .entry-summary { max-width: 600px; margin: 0 auto; } .text-alignright .promotion-content { text-align: right; } .section.promotional-headline-section a.more-link, .section.promotional-headline-section a.more-link:visited { margin:30px auto 0; } .section.promotional-headline-section.text-alignleft a.more-link, .section.promotional-headline-section.text-alignright a.more-link { position: absolute; left: 0; } #promotional-headline-section-one.text-alignleft .section-title-wrap { float: none; text-align: left; max-width: 900px; margin: inherit; } #promotional-headline-section-one.text-alignright .section-title-wrap { float: none; text-align: right; max-width: 900px; margin: inherit; } .promotion-description { position: relative; } .text-alignleft .promotion-buttons a.ff-button{ margin-left: 0; } .text-alignright .promotion-buttons a.ff-button { margin-right: 0; } .promotion-buttons a.ff-button { margin: 20px 5px 0; } /*-------------------------------------------------------------- ## Feature Video --------------------------------------------------------------*/ #featured-video-section.section .section-title { font-size: 5rem; } #featured-video-section.content-position-left .featured-page-thumb { float: right; } #featured-video-section.text-alignleft { text-align: left; } #featured-video-section.text-alignleft .section-title-wrap, #featured-video-section.default .section-title-wrap{ text-align: center; width: 100%; display: table; } #featured-video-section.text-alignleft .section-title-wrap, #featured-video-section.default .section-title-wrap { text-align: left; } #featured-video-section.text-alignleft .section-title-wrap span.divider, #featured-video-section.default .section-title-wrap span.divider{ left: 0; float: left; } #featured-video-section.text-alignleft .section-title-wrap span.divider:after, #featured-video-section.default .section-title-wrap span.divider:after { left: 0; } #featured-video-section.text-aligncenter .featured-info a.more-link { max-width: 200px; margin: 30px auto 0; } #featured-video-section.text-alignright { text-align: right; } #featured-video-section.text-alignright .section-title-wrap { text-align: center; width: 100%; display: table; } #featured-video-section.text-alignright .section-title-wrap { text-align: right; } #featured-video-section.text-alignright .section-title-wrap span.divider { right: 0; float: right; } #featured-video-section.text-alignright .section-title-wrap span.divider:after { left: inherit; right: 0; } #featured-video-section.text-alignright .featured-info { position: relative; padding-bottom: 70px; } #featured-video-section .featured-page-thumb { text-align: center; } #featured-video-section { overflow: hidden; } #featured-video-section .featured-info a.more-link, #featured-video-section .featured-info a.more-link:visited { display: table; padding: 15px 55px; margin-top: 30px; color: #fff; } #featured-video-section.text-alignright .featured-info a.more-link { position: absolute; bottom: 0; padding: 10px 20px; right: 0; } #featured-video-section .featured-page-section ul li:before { content: "\f058"; display: inline-block; font-family: "Font Awesome 5 Free"; margin-right: 10px; font-size: 19px; color: #3c80ee; } #featured-video-section .featured-page-section ul li { list-style-type: none; } #featured-video-section .featured-page-section ul { margin-left: 0; padding-left: 0; } #featured-video-section a.more-link, #featured-video-section a.more-link:visited{ background:#3c80ee; color: #fff; border-radius: 2px; padding: 13px 40px; margin-top: 30px; } #featured-video-section a.more-link:before{ display: none; } #featured-video-section a.more-link:hover, #featured-video-section a.more-link:focus, #featured-video-section a.more-link:active{ background:#3c80ee; } #featured-video-section a.button.add_to_cart_button { display: inline-block; clear: both; display: table; margin-top: 30px; } #featured-video-section span.woocommerce-Price-amount.amount { margin-bottom: 30px; font-size: 25px; } #featured-video-section a.flashy-popup:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 23px solid #fff; -webkit-border-radius: 50em; -khtml-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; opacity: .6; -webkit-transform: scale3d(1,1,1); -khtml-transform: scale3d(1,1,1); -moz-transform: scale3d(1,1,1); -ms-transform: scale3d(1,1,1); -o-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; animation: buttonRing 1.5s linear infinite; -webkit-animation: buttonRing 1.5s linear infinite; } #featured-video-section a.flashy-popup i { height: 70px; width: 70px; text-align: center; padding: 25px 0 25px 7px; margin: 9px; border-radius: 100%; font-size: 17px; background: #ffffff; color: #000; -webkit-text-stroke: 3px #ff0000; color: transparent; } #featured-video-section a.flashy-popup { position: relative; display: inline-block; } .video-inner-wrapper:after { content: ""; display: block; height: 100%; width: 100%; background: #000; top: 0; left: 0; position: absolute; opacity: .2; z-index: 1; } @keyframes buttonRing { 0% { -webkit-transform:scale3d(1,1,1); -khtml-transform:scale3d(1,1,1); -moz-transform:scale3d(1,1,1); -ms-transform:scale3d(1,1,1); -o-transform:scale3d(1,1,1); transform:scale3d(1,1,1); opacity:0.6; } 85%{ opacity:0; } 100%{ -webkit-transform:scale3d(1.42, 1.42, 1.42); -khtml-transform:scale3d(1.42, 1.42, 1.42); -moz-transform:scale3d(1.42, 1.42, 1.42); -ms-transform:scale3d(1.42, 1.42, 1.42); -o-transform:scale3d(1.42, 1.42, 1.42); transform:scale3d(1.42, 1.42, 1.42); opacity:0; } } .flashy-overlay .flashy-close { right: 12%!important; top: 7%!important; } .video-inner-wrapper .video-buttons { position: absolute; top: 50%; width: 100%; left: 0; transform: translate(0, -50%); z-index: 9; } .video-inner-wrapper img { width: 100%; border-radius: 10px; } .video-inner-wrapper { position: relative; } /*-------------------------------------------------------------- ## Contact Section --------------------------------------------------------------*/ .contact-form-section { position: relative; max-width: 900px; margin: 0 auto; } #contact-form-section { position: relative; } .wpcf7 span.ajax-loader { position: absolute; left: 50%; top: 15px; } .wpcf7 p { position: relative; } .wpcf7-form-control-wrap { position: relative; margin-top: 10px; display: block; } .wpcf7 textarea { max-height: 212px; border-color: #646465; } .wpcf7 input { padding: 8px; border-color: #e6e6e621; } input.wpcf7-form-control.wpcf7-submit { padding: 10px 20px; display: block; } .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="password"], .wpcf7 input[type="number"], .wpcf7 input[type="tel"], .wpcf7 input[type="range"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="week"], .wpcf7 input[type="time"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="color"], .wpcf7 textarea { padding: 10px 25px; background: #232323; color: #fff; } .mc4wp-form-fields input[type="submit"] { width: 100%; } .mc4wp-form-fields input[type="email"] { background: no-repeat; padding: 10px 20px; height: auto; margin-top: 15px; color: #fff; border-color: #dedede; border-radius: 50px; } .wpcf7 p .wpcf7-form-control-wrap { margin-top: 14px; display: block; } .wpcf7 input, .wpcf7 textarea { padding: 8px 30px; border-color: #e6e6e621; border-radius: 30px; } .wpcf7 textarea { padding: 30px; } #footer-widgets input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } #footer-widgets input[type="email"]::-moz-placeholder { /* Firefox 19+ */ color: #fff; } #footer-widgets input[type="email"]::-ms-input-placeholder { /* IE 10+ */ color: #fff; } #contact-form-section { float: left; width: 100%; clear: both; } div#contact-form-section { /* padding: 0; */ } #contact-form-section .section-contact-img { position: relative; right: 0; z-index: 99; bottom: 0; margin: 0; } .map-button { position: absolute; top: -22px; z-index: 999; left: 0; width: 100%; } button#map-toggle { margin: 0 auto; display: block; border-radius: 25px; box-shadow: 0 0 21px #2222223d; background: #191919; color: #fff; } button#map-toggle:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: -10%; left: 0; border: 21px solid #17161645; -webkit-border-radius: 50em; -khtml-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 23px; opacity: 0.2; -webkit-transform: scale3d(1, 1, 1); -khtml-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -ms-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; animation: buttonRing 1.5s linear infinite; -webkit-animation: buttonRing 1.5s linear infinite; z-index: -1; } .gmap_canvas { margin-bottom: -10px; position: relative; clear: both; } .gmap_canvas { margin-bottom: -10px; } div#contact-details-section { padding: 0; } #contact-details-section .contact-info-wrapper { background: #191919; padding: 20px 30px; overflow: hidden; box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06); } #contact-details-section .quick-contact-block { position: relative; margin: 30px 0 50px; width: 100%; z-index: 99; clear: both; float: left; } #contact-details-section .contact-text { float: left; text-align: left; } #contact-details-section .contact-text h3 { margin-bottom: 0; font-size: 2rem; } #contact-details-section .contact-info-item i { width: 55px; height: 55px; font-weight: 600; font-size: 20px; text-align: center; line-height: 2.7; border-radius: 50%; color: #ffffff; background: #232323; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; float: left; margin-right: 16px; } #contact-details-section .contact-info-item:hover i { color: #fff; background: #0d0d0d; } /*-------------------------------------------------------------- ## Portfolio --------------------------------------------------------------*/ #portfolio-section a.button { display: table; } .section-portfolio .portfolio-item { float: left; position: relative; } .section-portfolio .portfolio-inner { position: relative; overflow: hidden; } .section-portfolio .portfolio-section img { vertical-align: middle; } .section-portfolio .portfolio-section .thumb-overlay { background: rgba(0,0,0,0.3); content: ""; height: 100%; position: absolute; top: 0; width: 100%; display: none; } .portfolio-wrapper { overflow:hidden; margin:0; padding:0; } .portfolio-wrapper .portfolio-item { padding: 15px !important; } #portfolio { margin-bottom: 20px; } .section-portfolio .portfolio-wrapper { position: relative; display: block; overflow: hidden; } .section-portfolio .item-inner-wrapper { position: relative; overflow: hidden; text-align: center; } .portfolio-main-wrapper.swiper-carousel-enabled { padding: 0; margin: 0; } .section-portfolio .portfolio-content h3 a:hover, .section-portfolio .portfolio-content h3 a:focus, .section-portfolio .portfolio-content h3 a:active { color:#3c80ee; } .section-portfolio.style-one .portfolio-content { position: relative; bottom: 0%; padding: 20px 30px 10px; text-align: center; width: 90%; box-sizing: border-box; background: #191919; margin: -50px 0 35px; border-radius: 5px; box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 40%); left: 5%; } .portfolio-item a.more-link { display: block; } .section-portfolio.style-one .portfolio-thumb-wrap { position: relative; overflow: hidden; } .section-portfolio.style-one .portfolio-thumb-wrap img { width: 100%; } .section-portfolio.style-one .portfolio-thumb-wrap, .section-portfolio.style-one .portfolio-thumb-wrap img { border-radius: 5px; } /* Layout Two */ /*Layout 2 column one*/ .section-portfolio.style-two .portfolio-thumb-wrap:after { display: none; } .section-portfolio.style-two h3, .section-portfolio.style-two h3 a { font-size: 2.2rem; margin-bottom: 11px; } .section-portfolio.style-two .item-inner-wrapper { position: relative; overflow: hidden; text-align: center; } .section-portfolio.style-two .portfolio-content { right: 0; bottom: 0; width: 55%; transition: all 0.3s ease-in-out 0s; position: absolute; top: 50%; bottom: 50%; transform: translate(0, -50%); text-align: left; display: table; box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06); } .section-portfolio.style-two .portfolio-inner-wrapper { background: #191919; padding: 40px; } .section-portfolio.style-two .portfolio-thumb-wrap { float: left; width: 70%; overflow: hidden; } .style-three .portfolio-content { position: absolute; bottom: 0; padding: 30px 40px; left: 5%; right: 5%; text-align: left; } .section-portfolio.style-three .portfolio-thumb-wrap { position: relative; } .section-portfolio.style-three .portfolio-thumb-wrap:after { background-image: linear-gradient(to top, black , rgb(0 0 0 / 0)); content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 100%; } .style-three.section-portfolio .portfolio-content p, .style-three.section-portfolio .portfolio-content h3 a, .style-three.section-portfolio .portfolio-content h3 a:visited { color: #ffffff; } /*-------------------------------------------------------------- ## Music --------------------------------------------------------------*/ #playlist-section { overflow: hidden; } #playlist-section .wp-playlist-light { background: none; color: #fff; border: none; } #playlist-section h2.section-title { text-align: left; color: #fff; } #playlist-section .section-title-wrap span.divider { float: left; } #playlist-section .section-title-wrap span.divider:after { left: 0; } #playlist-section .wp-playlist-current-item { overflow: hidden; margin-bottom: 60px; height: 60px; float: left; width: 100%; } #playlist-section .wp-playlist { padding-left:0; } #playlist-section .wp-playlist-light .wp-playlist-caption { color: #fff; } #playlist-section .mejs-container, #playlist-section .mejs-embed, #playlist-section .mejs-embed body, #playlist-section .mejs-container .mejs-controls { background: #3d7fed; } #playlist-section .wp-playlist-item-length { position: absolute; right: 21px; top: 10px; font-size: 14px; line-height: 1.5; } #playlist-section .wp-playlist .mejs-container { margin: 0; max-width: 100%; } #playlist-section .mejs-controls .mejs-time-rail .mejs-time-total, #playlist-section .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, 0.84); } #playlist-section .wp-playlist-item a { color: #f7f0f0; } #playlist-section .wp-playlist-item { position: relative; cursor: pointer; padding: 15px 20px; border: none; margin: 20px 0; background: #191919; } #playlist-section .wp-playlist .wp-playlist-current-item img { float: left; max-width: 60px; height: auto; margin-right: 10px; padding: 0; border: 0; background: #fff; } #playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing, #playlist-section .wp-playlist-tracks .wp-playlist-item:hover { background-color: #3d7fed; color: #fff; } #playlist-section .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a, #playlist-section .wp-playlist-tracks .wp-playlist-item:hover a { color: #fff; } #playlist-section .mejs-button.mejs-playpause-button { margin: 0 35px; } #playlist-section .mejs-controls { padding-right: 50px; } #playlist-section .mejs-time.mejs-currenttime-container { position: absolute; right: 8px; top: -2px; } #playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before, #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before, #playlist-section .wp-playlist .wp-playlist-prev:before, #playlist-section .wp-playlist .wp-playlist-next:before { content: "\f028"; font-family: "Font Awesome 5 Free"; visibility: visible; display: block; font-size: 13px; color: #fefefe; vertical-align: middle; font-weight: 900; } #playlist-section .wp-playlist .wp-playlist-prev:before { content: "\f04a"; } #playlist-section .wp-playlist .wp-playlist-next:before { content: "\f04e"; } #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before { content: "\f04c"; } #playlist-section .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before { content: "\f04b"; } #playlist-section .wp-playlist-next, #playlist-section .wp-playlist-prev { position: relative; margin-top: -30px; z-index: 9; margin-left: 83px; width: 25px; cursor: pointer; float: left; } #playlist-section .wp-playlist-prev { margin-left: 20px; } #playlist-section .wp-playlist .mejs-controls .mejs-button button { outline: 0; z-index: 999; position: relative; } #playlist-section .mejs-button>button { background: none!important; } #playlist-section .mejs-button.mejs-playpause-button { margin: 0 35px; z-index: 999!important; z-index: 99; } #playlist-section .mejs-controls .mejs-time-rail .mejs-time-current { background: #101010; } /*Skicky Play List*/ #sticky-playlist p:empty { display: none; } #sticky-playlist { position: fixed; bottom: 0; width: 100%; z-index: 9999; background: #0e0e0e; padding: 10px 0; } #sticky-playlist .wp-playlist-light { background: none; color: #fff; border: none; padding: 0 15px; margin: 0; } #sticky-playlist h2.section-title { text-align: left; color: #fff; } #sticky-playlist .section-title-wrap span.divider { float: left; } #sticky-playlist .section-title-wrap span.divider:after { left: 0; } #sticky-playlist .wp-playlist-current-item { overflow: hidden; margin-bottom: 0; height: 60px; } #sticky-playlist .wp-playlist-light .wp-playlist-caption { color: #fff; font-size: 18px; font-weight: 500; font-family: inherit; } #sticky-playlist .mejs-container, #sticky-playlist .mejs-embed, #sticky-playlist .mejs-embed body, #sticky-playlist .mejs-container .mejs-controls { background: none; } #sticky-playlist .wp-playlist-item-length { position: absolute; right: 21px; top: 10px; font-size: 14px; line-height: 1.5; } #sticky-playlist .wp-playlist .mejs-container { /* margin: 0; */ width: 100%; } #sticky-playlist .mejs-controls .mejs-time-rail .mejs-time-total, #sticky-playlist .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { background: rgba(255, 255, 255, 0.84); } #sticky-playlist .wp-playlist-item a { color: #f7f0f0; } #sticky-playlist .wp-playlist-item { position: relative; cursor: pointer; padding: 10px 25px; border: none; /* margin: 15px 0; */ background: #191919; } #sticky-playlist .wp-playlist .wp-playlist-current-item img { float: left; max-width: 60px; height: auto; margin-right: 10px; padding: 0; border: 0; background: #fff; } #sticky-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing, #sticky-playlist .wp-playlist-tracks .wp-playlist-item:hover { background-color: #3d7fed; color: #fff; } #sticky-playlist .wp-playlist-tracks .wp-playlist-item.wp-playlist-playing a, #sticky-playlist .wp-playlist-tracks .wp-playlist-item:hover a { color: #fff; } #sticky-playlist .mejs-button.mejs-playpause-button { /* margin: 0 35px; */ } #sticky-playlist .mejs-controls { padding-right: 60px; } #sticky-playlist .mejs-time.mejs-currenttime-container { /* position: absolute; */ /* right: 8px; */ /* top: -2px; */ } #sticky-playlist .wp-playlist .mejs-button.mejs-volume-button.mejs-mute>button:before, #sticky-playlist .wp-playlist .mejs-button.mejs-volume-button.mejs-unmute>button:before, #sticky-playlist .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before, #sticky-playlist .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before, #sticky-playlist .mejs-previous-button button:before, #sticky-playlist .mejs-next-button button:before { content: "\f028"; font-family: "Font Awesome 5 Free"; visibility: visible; display: block; font-size: 13px; color: #fefefe; vertical-align: middle; font-weight: 900; } #sticky-playlist .mejs-previous-button button:before { content: "\f04a"; } #sticky-playlist .mejs-next-button button:before { content: "\f04e"; } #sticky-playlist .wp-playlist .mejs-button.mejs-playpause-button.mejs-pause>button:before { content: "\f04c"; } #sticky-playlist .wp-playlist .mejs-button.mejs-playpause-button.mejs-play>button:before { content: "\f04b"; } #sticky-playlist .wp-playlist-next, #sticky-playlist .wp-playlist-prev { position: relative; margin-top: -30px; z-index: 9; margin-left: 83px; width: 25px; cursor: pointer; float: left; } #sticky-playlist .wp-playlist-prev { margin-left: 20px; } #sticky-playlist .wp-playlist .mejs-controls .mejs-button button { outline: 0; z-index: 999; position: relative; } #sticky-playlist .mejs-button>button { background: none!important; border-radius: 0; } #sticky-playlist .mejs-button.mejs-playpause-button { margin: 0 10px; z-index: 999!important; z-index: 99; } #sticky-playlist .mejs-controls .mejs-time-rail .mejs-time-current { background: #0c9089; } #sticky-playlist .mejs-container.mejs-container .mejs-inner { margin-right: auto; width: 98%; } *#sticky-playlist .wp-playlist-current-item { -webkit-box-flex: 0; -ms-flex: 0 1 22%; flex: 0 1 22%; } #sticky-playlist .mejs-sticky-playlist-container { -webkit-box-flex: 0; -ms-flex: 0 1 75%; flex: 0 1 75%; } #sticky-playlist .wp-playlist, #sticky-playlist .wp-playlist-current-item { background-color: transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #sticky-playlist .wp-playlist-tracks { display: none; right: 0; padding: 0; position: absolute; margin: 0 auto; width: 100%; z-index: 9999; bottom: 100%; max-width: 400px; background: #0b1219; } #sticky-playlist .wp-playlist > .wp-playlist-next, #sticky-playlist .wp-playlist > .wp-playlist-prev { display: none; } .mejs-button.mejs-playlist-button.mejs-toggle-playlist { float: right; position: relative; z-index: 99; right: 20px; } .mejs-button.mejs-playlist-button.mejs-toggle-playlist button:after { content: "\f0ca"; font-family: "Font Awesome 5 Free"; visibility: visible; display: block; font-size: 20px; color: #fefefe; vertical-align: middle; font-weight: 900; /* margin-right: 20px; */ display: block; } .mejs-button.mejs-playlist-button.mejs-toggle-playlist.is-open button:after { content: "\f00d"; } /*-------------------------------------------------------------- ## Filture Content --------------------------------------------------------------*/ .recent-work-filter-wrap { text-align: center; } .recent-work-filter { list-style: none; margin: 0 0 30px; text-align: center; cursor: default; display: inline-block; } .view-icon{ font-size: 31px; display: block; } .view-icon:hover{ color:#fff; } .recent-work-filter button { color: #c7c7c7; margin: 5px; display: inline-block; font-weight: 500; font-size: 15px; padding: 7px 26px; letter-spacing: 0; background: #191919; box-shadow: 0px 10px 32px 0px rgb(0 0 0 / 40%); border-radius: 3px; } .section-recent-work .vmiddle-holder,.vmiddle-holder{ display: table; height: 100%; width: 100%; } .filter-content-thumb-wrap:after { content: ""; position: absolute; height: 100%; width: 100%; background:linear-gradient(#0f0f0f00,rgb(0 0 0/90%)); left: 0; bottom: 0; } .section-recent-work .vmiddle,.vmiddle { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; } .recent-work-filter button:hover{ color: #3c80ee; text-decoration: none; } .recent-work-filter button.current, .recent-work-filter button:hover { color: #3c80ee; cursor: default; position: relative; cursor: pointer; } .section-filter-content .item-inner-wrapper .filter-content-content { position: absolute; width: 80%; bottom: 7%; left: 13%; right: 10%; text-align: left; transition: all 0.3s ease-in-out 0s; } .filter-content-content p { margin: 0; } .filter-content-content span.tags-links a { background: #38b2ab; display: inline-block; line-height: 1.4; padding: 1px 10px; margin-bottom: 15px; margin-right: 5px; } .section-filter-content .item-inner-wrapper .filter-content-content a, .section-filter-content .item-inner-wrapper .filter-content-content { color: #fff; } .section-filter-content .item-inner-wrapper { position: relative; overflow: hidden; border-radius: 5px; } .filter-content-block-list.row { margin: 0 -10px; } .filter-content-block-list.row .ff-grid-4 { padding: 10px; margin: 0; } .isotope-item { z-index:2; } .isotope-hidden.isotope-item { pointer-events:none; z-index:1; } .isotope, .isotope .isotope-item { -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -ms-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s; } .isotope { -webkit-transition-property:height, width; -moz-transition-property:height, width; -ms-transition-property:height, width; -o-transition-property:height, width; transition-property:height, width; } .isotope .isotope-item { -webkit-transition-property:0 opacity; -moz-transition-property:0 opacity; -ms-transition-property:0 opacity; -o-transition-property:0 opacity; transition-property:transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration:0; -moz-transition-duration:0; -ms-transition-duration:0; -o-transition-duration:0; transition-duration:0; } /* Swiper-carousel-enabled */ .section-portfolio .swiper-carousel-enabled .portfolio-item { padding: 0; } .swiper-carousel-enabled .swiper-container { width: 100%; height: 100%; } .swiper-carousel-enabled .swiper-pagination { position: inherit; clear: both; margin-top: 30px; } .swiper-carousel-enabled .swiper-pagination-bullet { width: 10px; height: 10px; background: #615757; opacity: 1; border-radius: 7px; transition: all .3s ease-in; margin: 0 5px; } .swiper-carousel-enabled .swiper-pagination-bullet-active, .swiper-carousel-enabled .swiper-pagination-bullet:hover, .swiper-carousel-enabled .swiper-pagination-bullet:focus, .swiper-carousel-enabled .swiper-pagination-bullet:active { background: #3c80ee; } .carousel-enabled .swiper-button-prev, .carousel-enabled .swiper-button-next { top:40%; border-radius: 100%; } .carousel-enabled .swiper-button-prev { left: -30px; } .carousel-enabled .swiper-button-next { right: -30px; } .carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev, .carousel-enabled .swiper-button-next:visited, .carousel-enabled .swiper-button-prev:visited{ outline: none; } .swiper-carousel-enabled { position: relative; overflow: hidden; } .swiper-carousel-enabled .inner-block-shadow { -webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); } .swiper-carousel-enabled .inner-block-shadow { -webkit-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -moz-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -ms-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); -o-box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); box-shadow: 0px 0px 13px 0px rgba(122, 122, 122, 0.07); } .carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev { z-index: 99; background: #191919; padding: 25px; border-radius: 100%; cursor: pointer; transition: all 0.2s ease-in-out 0s; color: #fff; position: absolute; box-shadow: 0px 10px 32px 0px #0000005e; } .carousel-enabled .swiper-button-next:hover, .carousel-enabled .swiper-button-prev:hover { background: #fff; color:#222; } .section-carousel-wrapper { position: relative; } .carousel-enabled .swiper-button-next:after, .carousel-enabled .swiper-button-prev:after { font-size: 20px; } /*-------------------------------------------------------------- ## Ecommerce --------------------------------------------------------------*/ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #141b27; color: #ffffff; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 20px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 10px 15px; } .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li { margin: 5px; background: #efefef; border: none; } .woocommerce nav.woocommerce-pagination ul { border: none; } .woocommerce .woocommerce-ordering { margin: -30px 0 3em; } .woocommerce ul.products, .woocommerce-page ul.products { clear: both; width: 100%; } .woocommerce ul.products li.product .star-rating { display: block; text-align: center; margin: 0 auto 15px; } .woocommerce.layout-no-sidebar-full-width .columns-3 ul.products li.product, .layout-no-sidebar-full-width.woocommerce-page .columns-3 ul.products li.product { padding: 0 0 40px 0; background: #fff; } .woocommerce span.onsale, .woocommerce ul.products li.product .onsale { min-height: auto; min-width: 4.236em; font-size: 1em; font-weight: 500; line-height: 1.3; border-radius: 0; background-color: #b23838; top: 7px; right: 8px; left: auto; } .single-product .type-product > span.onsale { left: -20px; right: inherit; } .woocommerce div.product p.price del, .woocommerce div.product span.price del { opacity: 0.7; display: inline-block; } .woocommerce .widget_price_filter .price_slider_amount .button { font-size: 1.15em; float: left; margin: 0; min-width: inherit; padding: 6px 15px; font-size: 14px; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 20px; text-align: center; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 0 0 30px 0; text-align: center; background: #191919; box-shadow: 0 0 17px #524e4e0d; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { font-size: 2rem; font-weight: 600; padding-left: 20px; padding-right: 20px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background:#3c80ee; } .woocommerce ul.products li.product .price { color: #222; font-size: 1.6rem; } .woocommerce .quantity .qty { padding: 6px; margin-top: 10px; margin-right: 5px; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #fff; } .woocommerce-info, .woocommerce-noreviews, p.no-comments { background-color: inherit; } .woocommerce #reviews #respond { padding: 40px; } .woocommerce #reviews #comment { height: auto; } section.related.products h2 { margin-bottom: 40px; } p.product.woocommerce.add_to_cart_inline { border: none!important; padding: 0!important; display: block; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: none; z-index: 2; } .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { text-decoration: none; color: #3c80ee; } .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; } .woocommerce div.product .woocommerce-tabs .panel { padding: 30px; border: 2px solid #d3ced2; margin-top: -2px; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before p{ display: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background: #f5f5f5; margin:0 4px; padding:0; border: 2px solid #d3ced2; } .woocommerce ul.products li.product .price { color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 500; padding: 10px 30px; } .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover { background-color: #777d7c; color: #fff; } .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th { line-height: 4em; } /*-------------------------------------------------------------- ## Key Feature --------------------------------------------------------------*/ /*Key features*/ .key-features-section a.key-features-icon { font-size: 26px; float: left; margin-right: 30px; line-height: 1.7; width: 70px; height: 70px; box-shadow: 0 0 24px rgb(35 33 33 / 6%); border-radius: 100%; text-align: center; padding: 13px; background: #fff; color: #3c80ee; } .key-features-section .key-features-block-inner-content { display: table; } .icon-right .key-features-block-inner-content { text-align: right; } .key-features-section .key-features-block-inner { margin: 0 0 20px; } .key-features-section .icon-right a.key-features-icon { float: right; margin: 0 0 0 30px; } .key-features-section .icon-right { text-align: right; } .featured-page-thumb { position: relative; z-index: 9; } .featured-page-section { padding: 30px 0 0 15px; } .feature-thumb img { width: 100%; } #key-features-section a.more-link, #key-features-section a.more-link:visited { background: none; padding-left: 0; padding-top: 0; padding-bottom: 0; } #key-features-section .more-link:before { background: no-repeat; margin: 0; padding: 0; height: auto; width: auto; top: 0; right: 31px; } #key-features-section.style-two a.more-link:before { display: none; } #key-features-section.style-two a.more-link { padding: 0; display: block; } #key-features-section a.more-link:hover, #key-features-section a.more-link:focus, #key-features-section a.more-link:active { background: inherit; color:#222; } #key-features-section.style-one .more-link:before, #key-features-section.style-one a.more-link, #key-features-section.style-one a.more-link:visited{ color: #fff; } #key-features-section.style-one .container { width: 100%; padding: 0; max-width: 100%; } #key-features-section.style-one { position: relative; padding: 0; } #key-features-section.style-one .section-title-wrap { text-align: left; } #key-features-section.style-one .section-title-wrap h2.section-title { color: #fff; } .style-one .key-features-wrapper-style-one .key-features-items { background: #030301; } #key-features-section.style-one { position: relative; padding: 0; background-size: auto; background-repeat: no-repeat; background-position: 100%; background-size: cover; } .style-one .key-feature-item-wrraper { padding: 65px 80px; } .style-one .key-feature-item-wrraper .key-feature-item { margin: 10px 0; } .style-one .key-feature-item-wrra .feature-thumb img { width: 100%; } .style-one h3.key-features-item-title { margin-bottom: 10px; } .style-one.key-features-section a.key-features-icon { margin-right: 30px; } .style-one.key-features-section .key-features-block-inner-content { margin-left: 20px; } .style-one.key-features-section a.key-features-icon { background: none; padding: 0; width: auto; height: auto; } .key-features-section a.key-features-icon i { -webkit-text-stroke: 1px #3d7fed; color: transparent; } /*-------------------------------------------------------------- 18.10. Counter --------------------------------------------------------------*/ #counter-section.section.style-one { background: #2f3239; padding: 50px 0; } .counter-section .counter-icon { font-size: 31px; color: #ffffff; } .counter-section .thumb-summary-wrap { border-radius: 5px; } .counter-section .counter-icon i { -webkit-text-stroke: 1px #38b2ab; color: transparent!important; } .counter-up-page h3 { font-size: 4rem; font-weight: bold; line-height: 1.4; color: #fff; } .counter-section .counter-title { font-size: 18px; font-weight: 500; color: #fff; } .counter-section .thumb-summary-wrap { text-align: center; padding: 30px; } .counter-section .counter-content { float: left; } .counter-section .counter-nos { font-size: 4rem; font-weight: 600; line-height: 1; display: block; margin-bottom: 10px; color: #3c80ee; } .counterup-2 .thumb-summary-wrap { background: #fff; overflow: hidden; padding: 30px 30px 15px; } .counter-up-page { max-width: 800px; margin: 0 auto 40px; text-align: center; color: #fff; font-size: 18px; } #counter-section.section.style-two::before { background: #101821; content: ""; height: 20%; width: 100%; position: absolute; display: block; bottom: 0; } #counter-section.section.even-section.style-two::before { background: #141c25; } #counter-section.section.style-two { padding-bottom: 0; } #counter-section.section.style-two .thumb-summary-wrap { -webkit-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -moz-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -ms-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -o-box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); -webkit-transition: box-shadow 0.3s, transform 0.3s; -moz-transition: box-shadow 0.3s, transform 0.3s; -ms-transition: box-shadow 0.3s, transform 0.3s; -o-transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; padding: 0; background: #191919; position: relative; padding:30px; } #counter-section.section.style-two .thumb-summary-wrap:hover { -webkit-box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); } #counter-section.section.style-two .counter-section .counter-icon { color: #3c80ee; } #counter-section.section.style-two .counter-section .counter-nos{ color: #fdfdfd; } #counter-section.section.style-two .counter-section .counter-title { font-weight: normal; } /*-------------------------------------------------------------- News And Events --------------------------------------------------------------*/ #news-events-section .event-thumb { width: 40%; position: relative; } .event-content-wrp h3 { margin-bottom: 5px; } #news-events-section .event-content { padding: 45px 45px; width: 60%; position: relative; } #news-events-section .event-post-wrap { margin: 0 0 40px; clear: both; display: block; float: left; width: 100%; background: #191919; } #news-events-section .event-thumb:before { content: ""; position: absolute; right: -8px; z-index: 9; display: block; height: 15px; border-bottom: 30px solid transparent; top: 50%; transform: rotate(45deg)translate(0, -50%); width: 34px; background: #191919; } #news-events-section a.more-link, #news-events-section a.more-link:visited { margin-top: 25px; border: 2px solid; padding: 5px 15px 5px 25px; } .entry-date-meta span { display: block; font-size: 22px; } .event-content-wrp { max-width: 83%; padding-left: 45px; } .entry-date-meta { float: left; width: 17%; padding: 20px; font-size: 5rem; text-align: center; line-height: 1.2; color: #fff; background: #151c25; } .event-thumb-wrap { overflow: hidden; } /*-------------------------------------------------------------- 18.7. Plan --------------------------------------------------------------*/ .pricing-section .pricing-plan-item { text-align: center; } .pricing-section .pricing-plan-price { display: block; font-size: 4rem; font-weight: 500; color: #3c80ee; } .pricing-section .pricing-plan-title h4 { font-size: 3.2rem; font-weight: 600; margin-bottom: 5px; } .pricing-plan-features ul li:nth-child(even) { background: #1f1f1f; } .pricing-plan-features ul { margin: 0; padding: 0; display: block; } .pricing-plan-features ul li { list-style: none; margin: 10px 0; padding: 5px 19px; } .pricing-section .pricing-plan-content { margin: 30px 0; text-align: left; } .pricing-section .plan-inner { overflow: hidden; padding: 50px 40px; } .pricing-section .pricing-plan-footer { margin-top: 15px; } .pricing-plan-features { text-align: center; } .pricing-section .pricing-plan-feature { display: block; font-size: 16px; margin-bottom: 10px; } .pricing-section .pricing-plan-item.popular .plan-inner { box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); border: 2px solid #3d7fed; } .pricing-section .pricing-plan-item.popular .pricing-plan-header h3 { color:#fff; } /*-------------------------------------------------------------- 18.4. Featured Page --------------------------------------------------------------*/ .featured-page-thumb { position: relative; z-index: 9; } .featured-grid-section .featured-grid-thumb img { margin: 0; vertical-align: middle; } .featured-grid-section .featured-grid-thumb { overflow: hidden; position: relative; margin-bottom: 20px; } .featured-grid-section .featured-grid-thumb .custom-button { position: absolute; top: 0%; z-index: 9; left: 50%; margin-left: -70px; opacity: 0; } .featured-grid-section .featured-grid-wrapper:hover .featured-grid-thumb .custom-button { opacity: 1; top:35%; } .featured-grid-section .featured-grid-thumb .custom-button::after, .featured-grid-section .featured-grid-thumb .custom-button::before { display: none; } .featured-grid-section .featured-grid-thumb img { width: 100%; } .item-count span { font-size: 27px; font-weight: 700; } .item-count:after { content: ""; display: block; background: #3c80ee; position: absolute; left: 0; width: 50px; left: 0; height: 5px; bottom: -2px; } .featured-grid-section .featured-grid-text-content { position: relative; margin: 0; } .featured-grid-section .featured-grid-text-wrap { padding: 20px 0 0; } .video-container { position: relative; text-align: center; } .video-container a.media-zoom-icon { position: absolute; right: 40%; top: 38%; } h3.thumb-title { position: absolute; background: #3c80ee; bottom: 15%; left: 35px; padding: 15px 30px; max-width: 56%; color: #fff; text-align: left; border-radius: 5px; } /*Grid Layour 2*/ .featured-grid-section .featured-grid-text-content { padding: 40px; } .featured-grid-section .featured-grid-thumb { margin:0; } .featured-grid-section .item-count { border-bottom: none; margin-bottom: 15px; position: relative; margin-top: -67px; z-index: 9; position: relative; } .featured-grid-section .item-count span { font-size: 2.5rem; font-weight: 700; background: #3c80ee; padding: 7px; border-radius: 100%; margin-top: 0; color: #fff; width: 55px; height: 55px; display: inline-block; text-align: center; box-shadow: 0 0 12px #3333332b; } .featured-grid-section .item-count:after { display: none; } .featured-grid-section.style-one .item-count { border-bottom: none; margin-bottom: 15px; position: relative; top: -30px; z-index: 9; position: absolute; left: 31px; margin: 0; } .tab-content-wrap { padding: 40px 30px; } .skill-box > h3 { margin-bottom: 15px; color: #333; } .skill-box > .skills-circle > ul { padding: 0; text-align: center; list-style-type: none; } .skill-box > .skills-circle > ul > li { width: 150px; height: 150px; background-color: #ddd; border-radius: 50%; position: relative; display: inline-block; overflow: hidden; margin: 10px; } .skill-box > .skills-circle > ul > li > span { color: #7a7; } .skill-box > .skills-circle > ul > li > span.text, .skill-box > .skills-circle > ul > li > span ~ b { top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); margin-top: -8px; z-index: 1; } .skill-box > .skills-circle > ul > li > span.text ~ b, .skill-box > .skills-circle > ul > li > span ~ b ~ b { font-weight: normal; margin-top: 8px; } .skill-box > .skills-circle > ul > li > span.bar-circle-right, .skill-box > .skills-circle > ul > li > span.bar-circle-left { border-radius: 50%; position: absolute; display: block; width: 100%; height: 100%; background: #B0DAB9; clip: rect(0, 75px, 150px, 0); } .skill-box > .skills-circle > ul > li > span.bar-circle-left { background: #ddd; } .skill-box > .skills-circle > ul > li > span.bar-circle-cover { display: block; width: 95%; height: 95%; border-radius: 50%; background-color: #eee; z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*-------------------------------------------------------------- ## Case Studie --------------------------------------------------------------*/ .case-study-content { padding: 60px; } .case-study-item h3 { float: left; margin-right: 25px; /* display: table-caption; */ min-width: 80px; } .case-study-item { clear: both; display: flex; margin: 25px 0; } .case-study-item p, .case-study-item a { margin: 0; display: block; font-size: 17px; } .case-study-overlap-wrap.overlap-enabled { margin-top: -150px; position: relative; z-index: 999; background: #191919; overflow: hidden; } /*-------------------------------------------------------------- ## Hww Section --------------------------------------------------------------*/ #hww-section .hww-block-item { counter-increment: my-awesome-counter; position: relative; } #hww-section .hww-block-item h3::before { content: "" counter(my-awesome-counter); font-weight: 600; font-size: 1.7rem; background: #191919; display: block; padding: 5px; border-radius: 100%; line-height: 0.5; padding: 10px; box-shadow: 0px 0px 32px 0px rgb(122 122 122 / 10%); color: #3d7fed; display: inline-block; margin-right: 15px; } /*=========================================================== Style End =============================================================*/ /*-------------------------------------------------------------- Media Queries --------------------------------------------------------------*/ /* =========================================== Smaller than standard 1230(devices and browsers) =========================================== */ @media only screen and (max-width:1230px) { .container { max-width: 97%; } } /* Smaller standard 1024 (devices and browsers) */ @media only screen and (max-width:1024px) { } /* Smaller than standard 1024 (devices and browsers) */ @media only screen and (max-width:1023px) { .ff-grid-3, .ff-grid-4 { width: 50%; } /* grid clearing */ .ff-grid-4:nth-child(3n+1), .ff-grid-3:nth-child(4n+1) { clear: inherit; } /* grid clearing */ .ff-grid-4:nth-child(2n+1), .ff-grid-3:nth-child(2n+1), .ff-grid-6:nth-child(2n+1) { clear: both; } .ff-grid-7, .ff-grid-7 + .ff-grid-5, .ff-grid-5 + .ff-grid-7 .ff-grid-8, .ff-grid-8 + .ff-grid-4, .ff-grid-4 + .ff-grid-8, .ff-grid-9, .ff-grid-9 + .ff-grid-3, .ff-grid-3 + .ff-grid-9, .ff-grid-10, .ff-grid-10 + .ff-grid-2, .ff-grid-2 + .ff-grid-10, .ff-grid-11, .ff-grid-11 + .ff-grid-1, .ff-grid-1 + .ff-grid-11 { width: 100%; margin-top: 10px; margin-bottom: 10px; } .sidebar, #primary { width: 100%; } #slider-section .slider-content-wrapper .container { max-width: 80%; } .layout-no-sidebar-content-width #primary { width: 90%; } .hentry { margin: 0 0 30px; } .site-branding.ff-grid-2.no-margin.no-padding, .right-head.ff-grid-2.no-margin.no-padding, #main-nav.ff-grid-8.no-margin.no-padding { width: 33.33%; } #main-nav.ff-grid-8.no-margin.no-padding { min-width: inherit; } .main-image.ff-grid-6.no-padding.no-margin, .key-features-items.ff-grid-6.no-padding.no-margin { width: 100%; } #key-features-section.style-one { padding-top: 35%; background-position: top center; background-size: 100%; } .ff-grid-4.recent-events { width: 100%; } .section-contact.ff-grid-7 { width: 58.33333%; } } /* =========================================== Smaller than standard 900 (devices and browsers) ===========================================*/ @media only screen and (max-width:909px) { #news-events-section .event-thumb, #news-events-section .event-content { width: 100%; } .section-contact.ff-grid-5 { width: 60%; } #case-study-section .ff-grid-6 { width: 100%; } .section .section-subtitle { max-width: 100%; } .section .top-overlap-enabled { margin-top: 35px; position: relative; z-index: 99; } #key-features-section.style-one .section-title-wrap .section-top-subtitle:before, .section .section-title-wrap.text-alignleft .section-top-subtitle:before, #hero-content-section.section .section-title-wrap .section-top-subtitle:before { width: 30px; } .section-testimonial .testimonial-wrapper { padding: 99px 40px 40px; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-text-content h3.latest-posts-title { font-size: 2.3rem; margin-bottom: 13px; } .contact-info-item.ff-grid-4 { width: 100%; margin: 5px 0; } .testimonial-summary p { font-size: 17px; } #testimonial-section .testimonial-summary h3 { margin-bottom: 15px; font-size: 3rem; } .section-testimonial .testimonial-summary { max-width: 90%; } .site-branding.ff-grid-2.no-margin.no-padding { width: 33.33%; text-align: center; margin-bottom: 20px; } .main-header-three #main-nav { margin: 0; padding: 0; float: none; } .header-three .nav-inner-wrapper, .header-consultare .nav-inner-wrapper { position: relative; } .header-three .site-primary-menu, .header-consultare .site-primary-menu { max-width: 90%; left: 5%; top: 51px; } .overlap-header, .overlap-header #masthead.sticky-enabled.sticky-header { position: inherit; top: 0; z-index: inherit; width: 100%; clear: both; background: none; } #masthead.overlap-header.sticky-enabled.sticky-header { background: none; } .site-header-main > .container, #top-header .container { padding: 0 10px; } #top-social .social-nav li { padding-left: 0; } #site-top-header-mobile-container a.ff-button.header-button { margin: 10px 0 0; padding: 5px 20px; } #quick-contact { width: 100%; } .search-container { bottom: -116px; } .nav-inner-wrapper .social-nav { margin-top: 0; } .header-three .menu-toggle, .header-consultare .menu-toggle { margin-top: 3px; } .search-toggle, .site-header-cart a, .search-toggle:visited, .site-header-cart a:visited { padding: 9px; text-align: center; margin-left: 10px; } #site-top-header-mobile-container .mobile-search { margin: 15px 0; } #quick-contact li { display: block; border-bottom: 1px solid #77777769; width: 100%; float: none; } .site-top-header-mobile { display: block; margin: 0 auto; position: relative; padding: 5px 0; } #quick-contact { width: 100%; padding-bottom: 15px; } #site-top-header-mobile-container { display: none; position: absolute; z-index: 999; padding: 20px; box-shadow: 0 0 37px #00000029; top: 43px; right: 2%; width: 96%; } .dark-top-header #site-top-header-mobile-container { background: #040402; } .nav-inner-wrapper { padding: 8px 0; } .site-top-header, .mobile-off { display: none; } .mobile-on{ display: block; } #quick-info { text-align: center; border-bottom: 1px solid #c5c5c529; padding: 5px 20px; } .light-top-header #quick-info { border-bottom: 1px solid #2f2d2d29; } #quick-info p { font-size: 15px; line-height: 1.6; } #quick-contact.layout-two li:before { left: 10px; } #quick-contact.layout-two li { position: relative; padding: 10px 20px 10px 60px; float: left; border-bottom: 1px solid #ddd; width: 100%; } #header-top-toggle { margin: 0 auto; float: none; display: block; color: #fff; font-size: 13px; } .home #custom-header .page-title { font-size: 2.5rem; line-height: 1.3; margin: 0; } button#wp-custom-header-video-button { top: 10%; margin:0; } #header-top-toggle i { margin-right: 5px; } #primary-menu-toggle-mobile i { margin-right: 5px; } #slider-section.section .swiper-pagination { bottom: 15px; left: 0; } #slider-section h2 { font-size: 5rem; margin-bottom: 15px; } #slider-section .slider-top-subtitle { margin-bottom: 10px } #slider-section .swiper-slide p { font-size: 2rem; margin: 0; } #slider-section .slider-content { margin-bottom: 15px; } #slider-section .swiper-button-prev { left: 10px; visibility: visible; } #slider-section .swiper-button-next { right: 10px; visibility: visible; } #slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after { font-size: 17px; } #slider-section .swiper-button-next, #slider-section .swiper-button-prev { padding: 22px 22px; } #masthead.sticky-enabled.sticky-header, .sticky-enabled.sticky-header, #masthead, .overlap-header #masthead.sticky-enabled.sticky-header, .boxed-header { position: relative; transition: inherit; animation: inherit; box-shadow: none; z-index: inherit; } .overlap-header header#masthead { padding: 20px 0; } .overlap-header p.site-description { color: #a09595; } .boxed-header #masthead.sticky-enabled.sticky-header { padding: 15px 0; } .site-header-main.boxed-header-wrapper { background: none; padding: 10px 0; } .blog.grid article.hentry, .archive.grid article.hentry { width: 100%; margin: 0; padding: 0; } .layout-left-sidebar.blog.grid article.hentry, .layout-right-sidebar.blog.grid article.hentry, .layout-left-sidebar.archive.grid article.hentry, .layout-right-sidebar.archive.grid article.hentry { width: 100%; } .blog.grid .archive-posts-wrapper, .archive.grid .archive-posts-wrapper { margin: 0; } #top-header .social-nav li a { margin-bottom: 0; } #top-social .social-nav li { padding-left: 0; margin-right: 0; margin-left: 0; } #top-header .social-nav li a:hover:before { color: #fff!important; } .header-seven .right-head { max-width: 100%; } .section-portfolio.style-two .ff-grid-12.even-item .portfolio-content, .section-portfolio.style-two .ff-grid-12.odd-item .portfolio-content { padding: 20px; position: inherit; left: 0; width: 100%; height: 100%; clear: both; } .section-portfolio.style-two .portfolio-main-wrapper .ff-grid-12 h3 a { font-size: 2.5rem; text-align: left; } .main-header-one .ff-grid-2, .main-header-one .ff-grid-8 { width: 100%; margin: 0; } .main-header-one .main-header-bottom.clear-fix:after, .main-header-one .main-header-bottom.clear-fix:before { display: none; } .main-header-one .main-header-bottom.clear-fix { margin: 0; padding: 0; position: inherit; } .main-header-wrapper.ff-grid-8.no-margin { width: auto; float: right; } .ff-grid-2.site-logo.no-margin { float: left; width: auto; } .main-header-one .site-branding, .main-header-one .contact-wrapper { padding: 0; } .main-navigation ul li { position: relative; text-align: left; } .nav-inner-wrapper { position: relative; } .header-three #primary-menu-toggle { margin: 0 auto; text-align: left; } .header-three #site-primary-navigation { text-align: left; } .section-contact.clear-fix { width: inherit; position: inherit; top: inherit; right: inherit; } #slider-section .slider-buttons .ff-button { margin: 0 10px; padding: 10px 30px; min-width: inherit; } .main-header-two #main-nav { margin-top: 0; z-index: 9; } .dark-patten .main-navigation ul li a, .dark-patten .main-navigation ul li a:visited { color: #000000; } .header-seven .cart-contents { margin-top:0; } .ff-grid-6.left-section, .ff-grid-6.right-section { width: 100%; } #counter-section.section.style-two::before { display: none; } #skill-section .ff-grid-12.left-section .skill-info, #skill-section .ff-grid-12.left-section .skill-bar-section { width: 100%; padding: 0; margin: 10px 0; } #skill-section .ff-grid-12.right-section .tab-content { padding: 30px; } #skill-section .ff-grid-12.right-section .tab-content img.tab-thumb, #skill-section .ff-grid-12.right-section .tab-content-wrap { width: 100%; padding: 0; } #slider-section.style-five .swiper-slide h2 { margin: 0; font-size: 3.5rem; } #slider-section .swiper-slide .slider-subtitle { font-size: 3rem; } #slider-section.style-five .slider-title-wrap { flex: 100%; padding: 0 30px; } #slider-section.style-five .slider-content-inner-wrapper { padding: 0 30px; border: none; } #slider-section.style-five.overlay-enabled article::before { height: 100%; } #slider-section.style-five .slider-content-wrapper { transform: translate(0,-50%); top: 50%; bottom: inherit; } #featured-content-section.style-two .latest-posts-item, #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-thumb { width: 100%; } .header-five #slider-section .slider-content-wrapper { top: 50%; } .featured-page-thumb, .featured-page-content, #featured-video-section .featured-page-thumb, #featured-video-section .featured-page-content { width: 100%; } .header-two #slider-section .slider-content-wrapper { top: 50%; } .search-toggle, .site-header-cart a, .search-toggle:visited, .site-header-cart a:visited { padding: 6px; font-size: 10px; height: 30px; width: 30px; text-align: center; margin: 0 5px; } div#wp-custom-header { display: none; } .section .section-title-wrap { max-width: 100%; } div.section.promotional-headline-section { padding: 80px 0; } .wwd-section.layout-5 .wwd-block-item { width: 33.33%; } #hero-content-section .featured-page-thumb-wrap { padding-right: 0; } #skill-team-section .skill-only-section, #skill-team-section .section-title-wrap { padding-right: 0; } .header-wrapper .button-disabled .site-branding { float: none; width: 100%; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-start; align-items: stretch; flex-direction: column; } a.custom-logo-link { float: none; display: inline-block; margin: 0 0 5px 0; } #featured-content-section.style-two .latest-posts-item.ff-grid-4:not(:first-child) .latest-posts-text-content p { display: block; } .blog.excerpt-image-left .hentry-inner .post-thumbnail, .archive.excerpt-image-left .hentry-inner .post-thumbnail, .search.excerpt-image-left .hentry-inner .post-thumbnail, .blog.excerpt-image-right .entry-container, .archive.excerpt-image-right .entry-container, .blog.excerpt-image-left .entry-container, .archive.excerpt-image-left .entry-container, .search.excerpt-image-right .entry-container, .search.excerpt-image-left .entry-container { width: 100%; float: none; overflow: hidden; } } /* =========================================== Smaller than standard 768 (devices and browsers) ==============================================*/ @media only screen and (max-width:767px) { #slider-section.style-two.overlay-enabled article:before { width: 100%; right: 0; left: 0; } .case-study-content { padding: 40px; } .search-form .search-submit { top: -5px; } #hero-content-section a.hero-call-us { margin: 0 0 0 20px; } .section.promotional-headline-section .section-subtitle { font-size: 2.5rem; line-height: 1.3; } #case-study-section .ff-grid-6 { width: 100%; padding: 0; margin: 0; } .case-study-item { clear: both; display: block; margin: 25px 0; } .case-study-item h3 { float: none; } .case-study-overlap-wrap.overlap-enabled { margin-top: 0; } .wwd-section.layout-5 .wwd-block-item { width: 100%; padding: 10px 15px; } .section-testimonial .testimonial-wrapper { padding: 50px; } .section-testimonial .testimonial-wrapper:before { left: 53px; top: 32px; font-size: 32px; } #slider-section.style-four .swiper-button-next, #slider-section.style-two .swiper-button-next { right: 2%; left: auto; } .ff-grid-3, .ff-grid-4, .ff-grid-5, .ff-grid-6, .ff-grid-7, .ff-grid-8, .ff-grid-9, .ff-grid-10, .ff-grid-11, .ff-grid-12 { width: 100%; margin: 15px 0; padding-left: 15px; padding-right: 15px; } #featured-content-section.style-three .latest-posts-item:first-child .latest-posts-thumb { width: 100%; } .section-portfolio.style-two .item-inner-wrapper { padding: 0; } .blog .entry-container, .archive .entry-container, .entry-container { padding: 30px; } .recent-work-filter button { width: 100%; float: left; } .row { margin:0 -15px; } div#wp-custom-header { display: none; } a.custom-logo-link { max-width: 90%; margin-right: 10px; float: left; } .right-head { position: relative; } div#main-nav { float: left; } .site-title { margin-bottom: 5px; font-size: 2.2rem; } p.site-description { margin: 0; font-size: 14px; letter-spacing: 0; } .site-branding.ff-grid-2.no-margin.no-padding, .right-head.ff-grid-2.no-margin.no-padding, #main-nav.ff-grid-8.no-margin.no-padding { width: auto; padding: 0; } .site-branding.ff-grid-2.no-margin.no-padding { width: 100%; text-align: center; margin-bottom: 20px; } .search-container { width: 100%; z-index: 9999; right: 0; } .header-search { position: initial; } .search-container:after { display: none; } #slider-section .slider-content { margin-bottom: 10px; } a.ff-button, a.ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .promotion-buttons a.ff-button { padding: 4px 25px 6px; min-width: inherit; margin-top: 5px; } a.ff-button.header-button { margin: 8px 0 0 15px; padding: 5px 14px; margin-top: 0; } .main-header-two a.ff-button.header-button { margin-top: 5px; } .main-header-three .head-search-cart-wrap { margin-top: 0; } .main-header-two #main-nav .nav-box-shadow { top: 0; bottom: 0; } #slider-section .slider-buttons .ff-button { margin: 5px; padding: 2px 17px 4px; min-width: inherit; font-size: 14px; } .section, .section.promotional-headline-section, div.section.promotional-headline-section { padding: 50px 0; clear: both; } #colophon .footer-widget-area .widget-column { width: 100%; margin: 15px 0; } #content { padding: 40px 0; } #slider-section .swiper-slide .slider-subtitle { letter-spacing: 0; font-size: 14px; margin-bottom: 5px; } #top-header .head-search-cart-wrap { margin: 0 6px; } #slider-section .slider-content-wrapper .container { max-width: 85%; } .section .section-title, #hero-content-section.section .section-title, #featured-video-section.section .section-title, .section.promotional-headline-section h2 { position: relative; font-size: 3rem; } #hero-content-section .hero-video { bottom: 10px; right: 10px; padding: 5px 24px; } #hero-content-section .hero-video i { border: 2px solid; padding: 10px; font-size: 12px; width: 35px; height: 35px; } .portfolio-content,.section-portfolio.style-three .portfolio-content { padding: 20px; } .section-testimonial .testimonial-summary { max-width: 100%; padding: 0; float: none; } .section-testimonial .clinet-info h4 { margin-bottom: 4px; font-size: 14px; } .client-info-wrap { float: left; max-width: 63%; } #custom-header, .header-two #custom-header, .header-four #custom-header { padding: 30px 0; } .body.has-header-video #custom-header { padding: 90px 0; background-size: 100% auto; } .dropdown-toggle { height: 38px; } #custom-header .page-title { font-size: 28px; } #breadcrumb li { padding: 5px 15px; font-size: 15px; } .style-two .section-latest-posts .ff-grid-12 .latest-posts-thumb { max-width: 100%; } .style-two .ff-grid-12 .latest-posts-text-content-wrapper { width: 100%; } .style-two .ff-grid-12 .section-latest-posts .latest-posts-title { margin-bottom: 10px; font-size: 2.3rem; } .style-two .ff-grid-12 .latest-posts-wrapper.inner-block-shadow { background: #fff; overflow: hidden; max-width: 100%; margin: 0 auto; } .style-two .section-latest-posts .ff-grid-12 .latest-posts-text-content { padding: 40px; } .associate-logo-item { text-align: center; width: 50%; } .slider-buttons .ff-button { padding: 10px 30px; min-width: inherit; } .section-testimonial .testimonial-summary { width: 100%; } #slider-section .swiper-slide .slider-subtitle { font-size: 1.8rem; } #slider-section.style-five .swiper-slide h2 { margin: 0 0 10px; font-size: 2.5rem; } .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product { width: 100%; float: left; clear: both; margin: 0 0 2.992em; } .carousel-enabled .swiper-button-prev { left: -20px; } .carousel-enabled .swiper-button-next { right: -20px; } #slider-section.style-two .slider-content-wrapper, #slider-section.style-two .slider-image-wrapper { width: 100%; } .section-contact.ff-grid-7 { width: 100%; } .style-one .key-feature-item-wrraper { padding: 35px; } .key-features-section a.key-features-icon { font-size: 22px; margin-right: 20px; } .style-one.key-features-section .key-features-block-inner-content { margin-left: 0; } #hero-content-section .featured-page-section { padding-top: 0; } .section-portfolio.style-one .portfolio-content p { display: none; } .section-portfolio.style-one .portfolio-content { padding: 15px 20px 5px; margin: -20px 0 15px; } #news-events-section .entry-date-meta { width: auto; margin-bottom: 20px; padding: 10px 25px; } #news-events-section .event-content-wrp { max-width: 100%; padding-left: 0; border-left: none; } #news-events-section .event-post { float: left; width: 100%; } #testimonial-section a.more-link, #testimonial-section a.more-link:visited { background: no-repeat; padding: 0; display: block; } .section-testimonial .swiper-carousel-enabled .swiper-pagination { margin-top: 30px; } #tabs-nav li { margin-bottom: 20px; display: inline-block; float: none; } .section-contact.ff-grid-6 { position: relative; z-index: 99; } #contact-form-section .contact-info-item i { width: auto; height: auto; left: 0; background: no-repeat; line-height: 1.7; } #tabs-nav { text-align: center; display: block; margin-bottom: 10px; } .testimonial-thumb { width: 100%; position: relative; } .section-contact.ff-grid-7 { width: 100%; } .section-portfolio.style-two .portfolio-content { width: 100%; position: inherit; bottom: inherit; text-align: inherit; transform: inherit; padding: 0; } .section-portfolio.style-two .portfolio-thumb-wrap { width: 100%; } .section-portfolio.style-two .portfolio-inner-wrapper { width: 100%; padding: 30px; text-align: left; } #news-events-section .event-thumb { margin: 0 0 15px; } #news-events-section .event-content { padding: 15px 30px; width: 100%; position: relative; } #news-events-section .event-thumb:before { display: none; } #slider-section a.more-link, #slider-section a.more-link:visited { margin: 13px auto 0; padding: 5px 20px; } #slider-section h2 { font-size: 4rem; margin-bottom: 5px; } #slider-section .swiper-slide p { font-size: 16px; margin: 0; } #wwd-section.style-one .wwd-block-item.ff-grid-3:nth-of-type(even) .wwd-block-wrapper:after { top: -10px; bottom: inherit; } #wwd-section.style-one .wwd-block-item.ff-grid-3:nth-of-type(even)::before { top: -65px; bottom: inherit; left: 30px; } #tabs-nav li { margin-bottom: 20px; float: none; width: 50%; float: left; margin: 0; } #tabs-nav li a { padding: 55px 20px 30px; font-size: 14px; margin:10px; } .tab-content-wrap { padding: 0 20px; } .section .section-title-wrap { margin-bottom:15px; } #counter-section .counter-item { width: 50%; float: left; } .counter-section .thumb-summary-wrap { padding: 15px; } .counter-section .counter-nos { font-size: 3rem; } .counter-section .counter-title { font-size: 13px; font-weight: 500; color: #fff; } #counter-section.section.style-two { padding-bottom: 50px; } .testimonial-summary p { font-size: 15px; } .left-section-wrapper { padding: 0; } .head-search-cart-wrap { margin-top: 9px; } .pricing-section .pricing-plan-item { text-align: center; padding: 0 20px; margin: 15px 0; } .pricing-section .pricing-plan-item.popular { margin-top: 15px; } .section .section-title-wrap:before { height: 46px; width: 1px; top: -64px; } } /* =========================================== Smaller than standard 639 (devices and browsers) ==============================================*/ @media only screen and (max-width:639px) { #testimonial-section a.more-link, #testimonial-section a.more-link:visited { display: block; } #slider-section:hover .swiper-button-prev, #slider-section .swiper-button-prev { left: 0; } .woocommerce .woocommerce-ordering { margin: 5px auto 25px; width: 100%; } .nav-inner-wrapper.nav-black-bg .main-navigation ul li a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:visited { color: #060606; } .mc4wp-form-fields input[type="submit"] { width: 100%; padding: 10px; } #slider-section:hover .swiper-button-next, #slider-section .swiper-button-next { right: 0; } a.ff-button:before { display: none; } #slider-section .swiper-slide p { font-size: 14px; margin: 0; } #slider-section .slider-content { margin-bottom: 0; } #slider-section .slider-top-subtitle { margin-bottom: 10px; font-size: 13px; letter-spacing: 0; } #slider-section h2 { font-size: 2.5rem; margin-bottom: 6px; } #slider-section h2 { font-size: 2.5rem; margin-bottom: 6px; } #slider-section .swiper-button-next, #slider-section .swiper-button-prev { padding: 16px 16px; height: 30px; width: 30px; } #slider-section .swiper-button-next:after, #slider-section .swiper-button-prev:after { font-size: 13px; line-height: 0; height: auto; display: block; } #slider-section.section .swiper-pagination { display: none; } body, button, input, select, optgroup, textarea { font-size: 15px; } .section-wwd .wwd-block-inner, .section-teams .team-text-wrap{ padding: 30px; } #slider-section .type-post.text-alignright .slider-content-wrapper, #slider-section .type-post.text-alignleft .slider-content-wrapper { padding-bottom: 20%; } #slider-section .type-post .slider-content-wrapper { bottom: 0; position: inherit; padding: 35px 0 0; transform: inherit; } .testimonial-thumb img { max-width: 60px; float: left; margin-right: 15px; } #slider-section .type-post .slider-content-wrapper { bottom: 0; position: inherit; padding: 35px 0; width: 100%; z-index: 999; clear: both; float: left; background: #191919; } #slider-section h2, #slider-section p { color: #fff!important; } #slider-section.overlay-enabled article.type-post:before { display: none; } .site-info.two #footer-left-content { float: none; } .site-info.two #footer-right-content { float: none; } #contact-form-section .section-contact.ff-grid-5 { width: 100%; position: relative; z-index: 99; } .gmap_canvas iframe { height: 200px; } #contact-form-section.style-two .section-contact-img { display: none; } .footer-widget-area { padding: 30px 0; } .featured-page-section { padding: 20px; } #slider-section a.flashy-popup i { display: inline-block; border-radius: 100%; height: 38px; width: 38px; text-align: center; font-size: 11px; border: 2px solid; padding: 6px 0; line-height: 2; } } /* =========================================== Smaller than standard 479 (devices and browsers) ==============================================*/ @media only screen and (max-width:479px) { #slider-section .custom-type .slider-content { display: none; } .slider-buttons .ff-button { margin: 5px; } .slider-buttons { margin: 0 -5px; } } /* ========================================================================== Partial Refresh Editors ========================================================================== */ body.customize-partial-edit-shortcuts-shown .section .customize-partial-edit-shortcut { margin-left: 60px; }