/* Theme Name: Deneb Theme URI: https://fireflythemes.com/themes/deneb/ Author: FireFly Themes Author URI: https://fireflythemes.com/ Description: Deneb, a multipurpose WordPress theme, is the free version of Deneb Pro, designed to fit on any type of brand, company, organization or causes. Deneb has all the basic features that a modern WordPress themes needs. It has features such as featured content, testimonials, portfolio, hero content, slider and so on. This theme can be personalized according to your organization, brand or company and very easy to use and is fully responsive. Deneb comes with beautiful demos which will give you idea about the website you would like to build. It has simple yet stunning design, very light weight and user friendly. For more exciting features and functionality please check out the Pro version of this theme "Deneb Pro". Visit https://fireflythemes.com/support for support, https://fireflythemes.com/documentation/deneb for theme documentation and https://demo.fireflythemes.com/deneb for demo. Version: 1.1.0 Requires at least: 5.6 Tested up to: 5.9 Requires PHP: 5.6 License: GPL-3.0-or-later License URI: https://www.gnu.org/licenses/license-list.html#GNUGPLv3 Text Domain: deneb Tags: blog, news, portfolio, grid-layout, one-column, two-columns, right-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 Deneb Theme WordPress Theme, Copyright 2021 FireFly Themes Deneb Theme is distributed under the terms of the GNU GPL 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. Deneb is based on Underscores https://underscores.me/, (C) 2012-2020. 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 */ } /* 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: #797978; font-family: 'Roboto', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } @media screen and (max-width: 900px) { html { font-size: 54.6879%; } } body { line-height: 1.7; color: #797978; } h1, h2, h3, h4, h5, h6 { clear: both; font-family: 'Roboto', sans-serif; margin-bottom: 15px; line-height: 1.4; margin-top: 0; color: #222; font-weight: 500; } h1 { font-size:3.8rem; } h2 { font-size: 2.8rem; } h3 { font-size: 2.2rem; } 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: #eee; 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: #fff9c0; 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: #ffffff; /* 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%; } /*-------------------------------------------------------------- # 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: #0439a0; color: #fff; font-size: 16px; padding: 10px 35px; border: none; height: auto; width: auto; cursor: pointer; display: inline-block; text-align: center; margin: 0; position: relative; font-weight: 500; margin-top: 10px; line-height: 1.5; /* letter-spacing: 0.5px; */ border-radius: 0; } .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: 9px 35px; } 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: #171616; color: #ffffff; } 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.custom-wire { color: #fff; background: none; border: 2px solid #fff; } .ff-button.button-secondary, .ff-button.button-secondary:visited { background: #c5deff; color: #222; } .ff-button.button-secondary:hover, .ff-button.button-secondary:active, .ff-button.button-secondary:focus { background-color: #0439a0; 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: #000; border: 1px solid #ccc; padding:15px 20px; transition: all 0.2s ease-in-out 0s; width: 100%; background: #ffffff; } 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 #0439a0; outline: none; } select { border: 1px solid #dedddd; padding: 10px 15px; } .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:#0439a0; } #search-toggle, .site-header-cart a { display: block; padding: 7px; font-size: 12px; height: 35px; width: 35px; text-align: center; margin-left: 12px; } .header-search { position: relative; } #search-container { background: #ffffff none repeat scroll 0 0; bottom: -115px; box-shadow: 0 7px 30px #7b6a6a4d; padding: 25px; position: absolute; width: 400px; z-index: 9999; right: 0; } #search-container:after { content: ""; position: absolute; background: #ffffff; height: 20px; right: 20px; top: -9px; width: 20px; transform: rotate(45deg); } .search-form .search-submit { border-radius: 0; padding: 10px 15px; position: absolute; left: 0; top: 0; border-radius: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 11px; background: no-repeat; color: #000000; border-right: 1px solid #ccc; margin: 5px 0; } .search-form .search-submit:hover, .search-form .search-submit:focus, .search-form .search-submit:active { background: none; color: #0439a0; } .search-form input.search-field{ padding: 10px 20px 10px 70px; width: 100%; } form.woocommerce-product-search button { width: 100%; } .search-form, .woocommerce-product-search { position: relative; clear: both; } .mobile-on{ display: none; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #222; text-decoration: inherit; } a:visited { color: #222; } a:hover, a:focus, a:active { color: #0439a0; } 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: #000000; 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: #0439a0; } .more-link:after { content: "\f061"; font-family: 'Font Awesome 5 Free'; padding-left: 5px; font-weight: 900; font-size: 14px; right: 8px; top: 0; border-radius: 100%; padding: 7px; text-align: center; } a.more-link, a.more-link:visited { display: block; clear: both; margin-top: 15px; font-weight: 600; display: table; position: relative; box-sizing: border-box; color: #0439a0; } .swiper-slide { box-sizing: border-box; } a.more-link:hover, a.more-link:focus, a.more-link:active { color: #020202; } /*-------------------------------------------------------------- ## 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: #222; display: block; outline-offset: -1px; padding: 15px 25px; font-weight: 600; font-size: 15px; letter-spacing: 0.5px; } .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 { 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; } .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-deneb .sticky-enabled.sticky-header { padding: 0; } /* 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; } .main-navigation ul > li { float: none; display: inline-block; } .main-navigation ul li a { outline-offset: -8px; padding: 5px 20px; white-space: nowrap; font-weight: 500; } .main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-ancestor > a, .main-navigation ul li.current_page_item > a, .main-navigation ul li:hover > a, .main-navigation ul li a:hover, .main-navigation ul li a :focus, .main-navigation ul li a :active, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-item > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current-menu-ancestor > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li.current_page_item > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li:hover > a, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:hover, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:focus, .nav-inner-wrapper.nav-black-bg .main-navigation ul li a:active { color: #0439a0; } .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: #0439a0; 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: #ffffff; box-shadow: 0 16px 30px #7b6a6a4d; } .main-navigation ul ul ul { top: 0px; border: none; box-shadow: 16px 0 26px rgba(90, 89, 89, 0.16); } .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: 12px 25px; border-bottom: 1px solid rgba(10, 10, 10, 0.03); font-size: 14px; text-transform: capitalize; } .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: #0439a0; } .main-navigation ul ul { top: 53px; } .main-header-one .main-navigation ul ul { top: 69px; } .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: #ffffff; left: 20px; 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: 0; } .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: 10px; top: 10px; font-size: 16px; } .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: 10px; top: 17px; } .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: 10px 15px; display: block; margin-top: 0; background: #040404; box-shadow: 0 0 5px #222; } .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 { margin-top: 0; } .main-header-two #main-nav .nav-box-shadow { padding: 10px 15px; } #quick-contact li.quick-call { display: block!important; } .header-six .menu-toggle { margin: 10px auto; } #main-nav { position: initial; } #main-nav { position: initial; } .site-primary-menu { display: none; position: absolute; background: #ffffff; z-index: 999; width: 90%; box-shadow: 0 0 21px #17161617; top: 100%; left: 5%; right: 5%; } .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 #f1f1f14f; font-weight: 500; 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; /* width: 100%; */ } #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 #f7f7f7; padding: 30px; box-shadow: 0 0 20px rgba(31, 29, 29, 0.07); margin-top: 40px; } .nav-links a { display: inline-block; } .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: #0439a0; color: #fff; border-color: #0439a0; } .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 { font-family: "Font Awesome 5 Free"; display: inline-block; float: left; position: absolute; right: 0; z-index: 999; padding: 2px 18px 2px 18px; color: #000; background: #ffffff; border-radius: 0; padding: 5px 12px; font-size: 20px; font-weight: 900; position: absolute; top: -75px; border-radius: 100%; box-shadow: 0 0 13px #2223; height: 45px; width: 45px; text-align: center; } .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); 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; } .pull-left { float: left; } .pull-right { float: right; } .pull-none { margin:0 auto ; float: none; display: inline-block; } /*-------------------------------------------------------------- # 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; } .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: 40px 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: 20px; } .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; } .entry-title { margin-bottom: 15px; } .home .entry-title { margin-bottom: 15px; font-size: 2.2rem; } .entry-title a:hover, .entry-title a:focus, .entry-title a:active { color: #0439a0; } .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: #0439a0; } .page-header { background: #2c2e33; 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: 20px; } .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 { margin-bottom: 15px; font-size: 2.5rem; } .blog.grid article.hentry, .archive.grid article.hentry { width: 33.33%; float: left; padding: 0 20px 40px; margin: 0; border: none; clear: none; } .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; } .blog .hentry-inner, .archive .hentry-inner, .hentry-inner { -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 24px 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; position: relative; float: left; clear: both; } .blog .hentry-inner:hover, .archive .hentry-inner: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); } .hentry-inner { width: 100%; } .sticky .hentry-inner { border: 5px solid #0439a0; } .sticky .hentry-inner:before { content: "\f02e"; font-family: 'Font Awesome 5 Free'; font-size: 20px; margin: 0; position: absolute; top: -32px; left: 23px; background: #ffffff; padding: 15px 18px; box-shadow: 0 0 21px #2222222b; border-radius: 100%; line-height: 1; z-index: 9; } .blog .entry-container, .archive .entry-container, .entry-container { padding: 30px 40px; } .blog .entry-container, .archive .entry-container { padding: 30px 25px; margin: -20px 25px 0; z-index: 9; position: relative; } .blog.grid .post-thumbnail, .archive.grid .post-thumbnail { text-align: center; overflow: hidden; } .excerpt-image-left .hentry-inner{ display: flex; } .excerpt-image-left .hentry-inner .post-thumbnail { width: 70%; } .excerpt-image-right .hentry-inner .post-thumbnail { width: 30%; float: right; } .excerpt-image-right .entry-container { float: left; width:70%; } .entry-content-wrapper { padding: 40px; } .single-content-wraper { box-shadow: 0 0 20px rgba(31, 29, 29, 0.07); } /*-------------------------------------------------------------- ## 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; } #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:#0439a0; } .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; } #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: #0439a0; 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-bottom: 1.5em; */ 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; } .container { max-width: 100%; width: 1270px; 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), .ff-grid-6:nth-child(2n+1) { clear: both; } /*-------------------------------------------------------------- # Top Header --------------------------------------------------------------*/ .site-top-header-mobile { display: none; } #top-header { clear: both; float: left; width: 100%; position: relative; z-index: 999; } .site-top-header { padding: 5px 0; float: left; width: 100%; } .site-top-header #top-social { padding-top: 7px; } #top-header ul { margin:0; padding: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; } .site-top-header #quick-contact li { padding: 0px 15px; margin: 12px 0; } .main-top-header-two #quick-contact ul li.quick-call { display: none; } #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: #fff; } #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: #dbd9ef; } #quick-contact a:active, #quick-contact a:hover, #quick-contact a:focus { color: #fff; } #quick-contact li:before { margin-right: 10px; text-align: center; content: ""; font-size: 14px; font-family: 'Font Awesome 5 Free'; font-weight: 900; height: 28px; width: 28px; display: inline-block; border-radius: 100%; color: #1d1c1c; line-height: 2; } .dark-top-header #quick-contact li:before { color: #fff; } .dark-top-header #site-top-header-mobile-container #quick-contact li:before, #site-top-header-mobile-container #quick-contact a, #site-top-header-mobile-container #quick-contact a:visited, #site-top-header-mobile-container #quick-contact li, .dark-top-header #site-top-header-mobile-container .social-nav ul li a:before { color: #000; } #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 30px 0 30px; } #quick-contact.layout-two li span { display: block; font-weight: 700; } #quick-contact.layout-two li:before { position: absolute; left: 0; font-size: 15px; color: #fff; background:#0439a0; height: 35px; width: 35px; left: -20px; border-radius: 100%; padding: 5px; } #quick-contact.layout-two a:active, #quick-contact.layout-two a:hover, #quick-contact.layout-two a:focus { color: #0439a0; } #quick-contact.layout-two a, #quick-contact.layout-two a:visited, #quick-contact.layout-two, #quick-contact.layout-two li { color: #292626; } .error404 #primary { margin: 0 auto; float: none; text-align: center; } /* header-background */ .overlap-header header#masthead { background: inherit; } .dark-top-header { background-color: #222; } .dark-top-header .cart-contents a, .dark-top-header .cart-contents a:visited, .dark-top-header #search-toggle { color: #ddd; } .light-top-header { background: #f5f5f5; color: #222; } #search-toggle, #search-toggle:visited, .cart-contents a, .cart-contents a:visited { border: none; color: #000000; } #search-toggle, #search-toggle:visited { background: #ffffff; padding: 13px 15px; height: auto; width: auto; color: #000000; height: 45px; width: 45px; } .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: 6px; } #site-top-header-mobile-container { background: #fff; } /*-------------------------------------------------------------- # Masthead --------------------------------------------------------------*/ #page { position: relative; } @media screen and (min-width: 1900px){ #page { box-shadow: 0 0 50px #ddd; max-width: 1920px; margin: 0 auto; } } .boxed-layout #page { max-width: 1270px; margin: 50px auto; background: #fff; box-shadow: 0 0 33px #ddd; } #masthead { padding: 30px 0; background: #ffffff; box-shadow: 0 10px 10px #0000000a; z-index: 998; position: relative; } .header-one .header-wrapper { background: #212327; } #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; } .site-branding { float: left; } .site-identity { display: inline-block; } .custom-logo-link { display: inline-block; float: left; margin-right: 15px; } .site-title { margin-bottom: 0; font-size: 2.6rem; font-weight: 700; font-family: 'Poppins', sans-serif; line-height: 1; } p.site-description { margin: 0; font-size: 15px; letter-spacing: 1px; } .site-title a, .site-title a:visited { color: #000000; } .site-title a:hover, .site-title a:focus, .site-title a:active { color:#0439a0; } a.ff-button.header-button { margin: 0 0 0 15px; padding: 10px 30px; margin-top: 0; } .site-top-header a.ff-button.header-button { border-radius: 0; } .site-branding.center-site-branding { text-align: center; } .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 { position: absolute; top: 0; z-index: 999; width: 100%; background: none; } #masthead.overlap-header { background: none; } #masthead.overlap-header.sticky-enabled.sticky-header { margin: 0; } .main-header-six #main-nav { box-shadow: 0 10px 10px #0000000a; z-index: 99; position: relative; } .header-seven #top-header li.quick-call { display: none; } /* Header Layouts 1*/ .header-info h5 { margin: 0; line-height: 1; letter-spacing: 1px; } .contact-wrapper { padding-left: 30px; } .header-info { float: left; display: table; } .contact-icon { background: #0439a0; color: #fff; width: 35px; text-align: center; height: 35px; padding: 5px; margin-right: 10px; display: table; border-radius: 100%; font-size: 14px; display: block; } .main-header-one.sticky-enabled.sticky-header .main-header-top { display: none; } /* Header Layouts two*/ .main-header-two #main-nav { min-width: 60%; text-align: center; width: auto; box-shadow: 0 10px 10px #0000000a; z-index: 9999; position: relative; background: #f7f7f7; margin: 0; } .main-header-two #masthead { box-shadow: inherit; } .main-header-two .social-nav ul li a:before,.main-header-six .social-nav ul li a:before { color:#222; } .main-header-two #search-toggle,.main-header-two #search-toggle:visited { padding: 10px 15px; height: 40px; width: 40px; } /* Header Layouts three*/ .main-header-three #main-nav { margin-top: 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 Layouts 5 */ .main-header-five a.ff-button.header-button { margin-top: 4px; } .nav-inner-wrapper { padding: 20px 0; } .site-border { border-top: 3px solid #0439a0; } .main-header-two .head-search-cart-wrap, .main-header-two .right-head{ margin-top: 5px; } .main-header-two .contact-wrapper { margin-left: 30px; } .main-header-three .contact-wrapper { margin-right: 30px; } .main-header-one #quick-contact li.quick-call, .main-header-two #quick-contact li.quick-call, .main-header-three #quick-contact li.quick-call { display: none; } /* 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:#0439a0; } .overlap-header .main-navigation ul li a, .overlap-header #search-toggle, .overlap-header .cart-contents a, .overlap-header .cart-contents a:visited { color: #f7f7f7; background: inherit; } .overlap-header .main-navigation ul ul li a { color: #222; } .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:#0439a0; } /* 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; margin-top: 5px; } div#main-nav { margin-top: 5px; } div#main-nav { min-width: 60%; text-align: center; width: auto; } .site-branding.ff-grid-2.no-margin.no-padding, .right-head.ff-grid-2.no-margin.no-padding { width: 20%; } .right-head.ff-grid-2.no-margin.no-padding { width: auto; float: right; } .cart-contents a:hover, .cart-contents a:focus, .cart-contents a:active, #search-toggle:hover, #search-toggle:focus, #search-toggle:active { color: #0439a0; } .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: 3px; } .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: #0439a0; 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: 120px 0; position: relative; background-color: #f5f5f5; background-size: cover; } .header-one #custom-header, .header-five #custom-header { padding: 150px 0; } .archive-description { color: #fff; } #custom-header img { vertical-align: middle; width: 100%; } #custom-header::after { background: #090620; content: ""; display: block; height: 100%; opacity: 0.5; 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; } #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 { background-image: none; padding:0; } .has-header-video .custom-header-content { position: absolute; text-align: center; z-index: 9; top: 40%; width: 100%; } .home #custom-header .page-title { font-size: 60px; } button#wp-custom-header-video-button { position: absolute; z-index: 999; right: 8%; top: 30px; background: inherit; padding: 0; max-width: inherit; width: auto; } .wp-custom-header-video-button:after { content: "\f28b"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 55px; float: left; margin-right: 10px; line-height: .4; } .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: #211d1d; 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 { background: #140333; } .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: #0439a0; text-align: center; background: #ffffff; border-bottom: 1px solid #dddddd30; max-width: 1230px; margin: -29px auto 0; 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: 15px 20px; border-right: 1px solid #dddddd36; 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; } #breadcrumb li:last-child:after{ display: none; } #breadcrumb li a, .bcn-breadctumb > span a { color: #020202; } #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: #0439a0; } #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: 70px 0; color: rgb(255 255 255 / 52%); font-size: 16px; position: relative; z-index: 9; background: #28323C; } .footer-widget-area .widet{ margin:0; } .footer-widget-area ul { list-style: none; margin: 0; padding: 0; } .footer-widget-area ul li { font-size: 15px; padding: 0px 15px 5px 20px; position: relative; } .widget_categories li.cat-item > a { display: inline-block; width: 80%; } .footer-widget-area ul li::before { color: #0439a0; content: "\f105"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-size: 13px; left: 3px; position: absolute; top: 2px; font-weight: 900; } .footer-widget-area .widget-column { float: left; position: relative; width: 100%; z-index: 2; padding: 0 20px; color: #bfbfbf; } .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 { color: rgb(255 255 255 / 0.5); } .footer-widget-area a:active, .footer-widget-area a:focus, .footer-widget-area a:hover { color: #0439a0; } .footer-widget-area .widget-title { color: rgb(255 255 255 / 98%); font-weight: 400; margin-bottom: 20px; position: relative; font-size: 2.3rem; border-bottom: 1px solid #f1f1f126; padding-bottom: 15px; } .footer-widget-area ul li::before { color: #0439a0; content: ""; display: inline-block; font-size: 13px; left: 0; position: absolute; top: 9px; font-weight: 900; height: 8px; width: 8px; border: 2px solid #fff; border-radius: 100%; } #site-generator { padding: 20px 0; background: #1C252E; color: #ddd; } #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; } #scrollup { display: none; } a.scrollup, a.scrollup:visited { background-color: #ffffff; bottom: 50px; color: #000000; float: right; line-height: 1.2; padding: 15px 20px; position: fixed; right: 32px; text-align: center; z-index: 999; transition: all 0.4s ease-out 0s; box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); border-radius: 5px; } @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: 30px; box-shadow: 0 0 20px rgba(31, 29, 29, 0.07); } .widget-area .widget::after, .widget-area .widget::before { clear: both; content: ""; display: table; } .sidebar .widget-title { position: relative; border-bottom: 1px solid #e2e2e2b0; padding-bottom: 5px; margin-bottom: 15px; padding-left: 20px; font-size: 2.5rem; } .sidebar .widget-title:after { background: #ffffff; position: absolute; top: 11px; content: ""; width: 12px; height: 12px; left: 0; border-radius: 100%; border: 3px solid #0439a0; } .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: 15px; 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 #0439a0; color: #0439a0; } .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; color: #000000; } .widget .tagcloud { text-align: center; } .sidebar ul li a, .sidebar ul li a:visited { color: #0f0f0f; } .sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li a:active { color:#0439a0; } .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: 35px; padding: 0; text-align: center; vertical-align: middle; width: 35px; overflow: hidden; line-height: 1.9; } .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; } .social-nav ul li a[href*="facebook.com"]:before { content: "\f39e"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="telegram.com"]:before { content: "\f2c6"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="telegram.org"]:before { content: "\f2c6"; font-family: 'Font Awesome 5 Brands'; } .social-nav ul li a[href*="vk.com"]:before { content: "\f189"; 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*="denebsquare.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*="denebsquare.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*="denebsquare.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*="denebsquare.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*="denebsquare.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_deneb_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_deneb_recent_entries span.post-date { display: block; font-size: 14px; margin-top: 2px; } .widget_deneb_recent_entries span.post-date { display: block; } .widget_deneb_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: 20px; clear: both; width: 100%; float: left; } .section { padding: 70px 0; clear: both; background: #ffffff; } .single-content-wraper .post-thumbnail { padding: 30px 30px 0; } .even-section { background: #f4f7fc; } .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 { position: relative; font-size: 3.5rem; font-weight: 600; line-height: 1.2; font-family: 'Poppins', sans-serif; } .section .section-title-wrap { text-align: center; width: 100%; display: table; margin-bottom: 30px; max-width: 800px; margin: 0 auto 30px; } .section .section-title { position: relative; font-size: 3.5rem; font-weight: 700; line-height: 1.2; font-family: 'Poppins', sans-serif; } .section .section-top-subtitle { position: relative; color: #0439a0; margin-bottom: 10px; font-weight: 500; font-size: 18px; /* font-style: italic; */ } .section .section-title-wrap span.divider { content: ""; display: block; height: 3px; width: 55px; background-color: #0439a0; margin: 0 auto 5px; position: relative; } .section .section-title-wrap span.divider:before { content: ""; display: inline-block; height: 10px; width: 10px; background: #0439a0; border-radius: 100%; margin-right: 0; margin-top: -10px; position: absolute; top: 6px; left: 40%; } .section .section-title-wrap.text-alignleft span.divider:before, .section .featured-page-section .section-title-wrap span.divider:before, #news-events-section .section-title-wrap span.divider:before { left: 5px; } .section .section-title-wrap.text-alignleft { text-align: 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: 0 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,.featured-grid-section .featured-grid-text-content,.section-latest-posts .latest-posts-text-content,.section-teams .team-text-wrap,.blog .entry-container, .archive .entry-container,.blog .hentry-inner, .archive .hentry-inner, .hentry-inner,.single-content-wraper,.sidebar .widget,#respond { background: #ffffff; } .inner-block-shadow { -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: #ffffff; position: relative; /* border-bottom: 1px solid #0439a0; */ } .inner-block-shadow:hover, .inner-block-shadow:focus, .inner-block-shadow:active { -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.7; } /* Border-radius */ .style-one .section-latest-posts .latest-posts-text-content, .style-one .section-teams .team-text-wrap, .featured-grid-section .featured-grid-text-content { margin: -25px 20px 0; padding: 30px 20px; } .featured-grid-wrapper { overflow: hidden; } .image-hover-zoom 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 { -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: 2rem; } #slider-section .slider-image-wrapper { text-align: center; } #slider-section .slider-content-wrapper { width: 100%; position: absolute; bottom: 30%; z-index: 9; } #slider-section { overflow: hidden; position: relative; } #slider-section.style-three { max-width: 1230px; margin: 0 auto; margin-top: 40px; } .header-three #slider-section.style-three { margin: 30px auto 0; } #slider-section .slider-content { margin: 0 auto 30px; font-size: 18px; color: #222; 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: #0439a0; color: #fff; box-shadow: 0 0 21px #2222223d; } #slider-section .swiper-button-next, #slider-section .swiper-button-prev { z-index: 99; padding: 30px; cursor: pointer; transition: all 0.2s ease-in-out 0s; color: #000000; background: #fff; border-radius: 100%; } #slider-section .swiper-button-prev { left: 3%; right: auto; } #slider-section .swiper-button-next { right: 3%; left: auto; } #slider-section.section .swiper-pagination { bottom: 50px; left: 0; width: 100%; z-index: 99; position: absolute; } #slider-section .swiper-pagination .swiper-pagination-bullet { width: 25px; height: 8px; 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); } #slider-section .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, #slider-section .swiper-pagination .swiper-pagination-bullet:hover { background: #0439a0; opacity: 1; width: 40px; } #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: 5.5rem; font-weight: 700; transition: all 0.5s linear 1s; margin: 0 0 30px; font-family: 'Poppins', sans-serif; } #slider-section.overlay-enabled article:before { background: #090620; content: ""; display: block; position: absolute; height: 100%; top: 0; z-index: 9; width: 100%; opacity: 0.4; } #slider-section .swiper-slide .slider-subtitle { font-size: 2.5rem; font-weight: 500; letter-spacing: 1px; } #slider-section .swiper-slide p { font-size: 18px; margin-top: -15px; } #slider-section .swiper-slide.swiper-slide-active img{ transform: scale(1.1); transition: 10s; } #slider-section .swiper-slide.swiper-slide-active img { transform: scale(1.1); transition: 10s; } #slider-section .slider-buttons .ff-button { margin: 0 10px; padding: 14px 40px; min-width: 185px; } #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; color: #ffffff; border-radius: 100%; height: 55px; width: 55px; text-align: center; font-size: 52px; } #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-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: #0439a0; color: #fff; padding: 12px 30px; margin-top: 40px; clear: both; margin: 35px auto 0; font-weight: 500; } #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; } /*Style Two*/ #slider-section.style-two.overlay-enabled article:before { background: #222; opacity: 0.5; } #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 .slider-content-wrapper { float: left; width: 50%; position: inherit; padding: 80px; height: 100%; } #slider-section.style-two .slider-content-wrapper .container { max-width: 100%; } #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 .swiper-slide .slider-subtitle { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.4s; display: inline-block; padding: 0; border-bottom: 4px solid #0439a0; } #slider-section .swiper-slide h2 { transform: translateY(100%); opacity: 0; transition: all 1s ease-in-out 0.3s; line-height: 1.3; color: #222; } #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 1s; } #slider-section.overlay-enabled .swiper-slide p, #slider-section.overlay-enabled .swiper-slide h2 a, #slider-section.overlay-enabled .swiper-slide h2, #slider-section.overlay-enabled .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 { transform: translateY(0); opacity: 1; } #slider-section a.more-link:after { display: none; } /* Right Animations */ #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-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 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 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; } /*-------------------------------------------------------------- ## 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: #0439a0; 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: #0439a0; } .featured-page-section ul li { list-style-type: none; } .featured-page-section ul { margin-left: 0; padding-left: 0; } #hero-content-section span.woocommerce-Price-amount.amount, #featured-product-section span.woocommerce-Price-amount.amount { margin-bottom: 30px; font-size: 25px; } .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: 5.6rem; } #hero-content-section.content-position-left .featured-page-thumb { float: right; } #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.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: "\f058"; display: inline-block; font-family: "Font Awesome 5 Free"; margin-right: 10px; font-size: 19px; color: #0439a0; } .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, #promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited { background:#0439a0; color: #fff; padding: 12px 30px; margin-top: 30px; } #hero-content-section a.more-link:before, #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, #promotional-headline-section a.more-link:hover, #promotional-headline-section a.more-link:focus, #promotional-headline-section a.more-link:active { background: #ffffff; color: #222; } /*-------------------------------------------------------------- ## What we do --------------------------------------------------------------*/ .section-wwd .wwd-block-inner { position: relative; z-index: 9; padding: 35px; text-align: center; } .style-three .wwd-block-list.swiper-carousel-enabled { padding-top: 30px; } .section-wwd .wwd-block-item a.wwd-icon { color: #0439a0; line-height: 0.6; transition: transform 0.2s ease 0s, opacity 0.2s ease 0s; font-size: 37px; display: block; width: 130px; text-align: center; text-shadow: 3px 3px 8px #ececec; margin: 0 auto 5px; position: relative; line-height: 2.3; overflow: hidden; } .section-wwd a.wwd-fonts-icon{ display: inline-block; font-size: 29px; line-height: 2; margin-bottom: 25px; border-radius: 8px; background: #ffffff; color: #0439a0; width: 61px; box-shadow: 0px 10px 60px 0px rgba(201, 201, 201, 0.49); } .section-wwd .wwd-item-title, .section-wwd .featured-grid-title { margin-bottom: 10px; position: relative; } .section-wwd a.wwd-image { margin-bottom: 25px; display: block; width: 60px; } .section-wwd a.more-link, .section-wwd a.more-link:visited { display: block; } /*layout 1*/ .style-one h3.wwd-item-title a { display: block; } .style-one .wwd-block-item a.wwd-icon { float: left; margin: 0 25px 0 0; background: #fff; width: auto; max-width: 55px; padding: 0; line-height: 1.9; } .style-one .wwd-block-item a.wwd-fonts-icon { float: left; margin: 0 25px 0 0; background: no-repeat; width: auto; padding: 0; font-size: 30px; box-shadow: none; height: auto; padding: 0; line-height: 1; } .style-one .wwd-block-inner-content { text-align: left; display: table; } .style-one .wwd-item-4 { clear: both; } .style-one .wwd-block-item a.wwd-image { float: left; margin: 0 25px 0 0; background: #fff; width: auto; max-width: 55px; padding: 0; line-height: 1.9; } .wwd-section.style-two a.wwd-image { margin: 0 auto 30px; } /*layout 3*/ .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: -65px auto 25px; text-align: center; display: block; } .wwd-section.style-three .featured-image-enabled a.wwd-fonts-icon, .wwd-section.style-three .featured-image-enabled a.wwd-image { margin-top: -74px; display: block; } .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 { /* background: #2c2e33; */ position: relative; z-index: 9; } .section-teams .team-item{ text-align: center; } .section-teams .team-position { font-size: 17px; margin-bottom: 10px; color: #0439a0; } .section-teams .team-text-wrap { position: relative; padding: 35px; } .team-text-wrap .social-nav li { margin: 5px 0 0; } .section-teams .team-item img { background: #fff; } .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; width: 100%; } .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: 11; } .section-teams .thumb-summary-wrap:hover .team-social-icons .social-nav { opacity: 1; visibility: visible; bottom: 20px; } .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, 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: -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:hover .team-thumb:after{ height: 100%; opacity: 1; visibility: visible; } h3.team-title { margin-bottom: 5px; } .section-teams .social-nav { visibility: hidden; } .section-teams .team-social-icons:hover .social-nav { visibility: visible; } .section-teams .social-nav li { margin: 20px 0; } .section-teams .social-link-plus { background:#0439a0; 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; width: 40px; height: 40px; } /*-------------------------------------------------------------- ## Testimonial --------------------------------------------------------------*/ #testimonial-section .more-link:before { display: none; } #testimonial-section a.more-link, #testimonial-section a.more-link:visited { background: no-repeat; padding: 0; } .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content { padding: 45px; } .section-testimonial .testimonial-thumb img { display: block; } .client-info { float: left; color: #fff; margin-left: 15px; } .section-testimonial .testimonial-thumb img { max-width: 65px; float: left; border-radius: 100%; float: left; } .section-testimonial .swiper-carousel-enabled .swiper-pagination { position: inherit; clear: both; margin-top: 65px; } .section-testimonial .testimonial-summary { padding-bottom: 30px; box-sizing: border-box; padding: 0 0 0 5px; }.section-testimonial .testimonial-summary h3 { margin-bottom: 5px; } .section-testimonial .testimonial-wrapper { position: relative; background: #ffffff; padding: 30px; border-radius: 5px; float: left; width: 100%; margin-bottom: 40px; width: 100%; box-shadow: 0 0 15px #2222221c; } .section-testimonial .clinet-info h4 { margin-bottom: 4px; } .section-testimonial p.testimonial-position { margin: 0; font-size: 14px; color: #f3f3f3; font-style: italic; letter-spacing: 2px; } .section-testimonial h4.testimonial-title { margin: 0; font-size: 1.8rem; font-weight: 600; color: #191818; } .section.overlay-enabled h4.testimonial-title { color: #ffffff; } .section.overlay-enabled p.testimonial-position { color: #f3f3f3; } .section.overlay-enabled .section-title { color:#fff; } .section-testimonial .testimonial-rating { color: #ff953d; font-size: 12px; top: 15px; } .client-info-wrap { margin-bottom: 15px; } .section-testimonial .testimonial-wrapper::after { content: ""; display: block; height: 15px; border-top: 15px solid #fff; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; bottom: -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%; } /*-------------------------------------------------------------- ## 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 { margin-bottom: 10px; } .post-thumbnail { position: relative; } .section-latest-posts .new-cat { margin-bottom: 15px; position: absolute; bottom: 30px; left: 20px; } .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: #0439a0; 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; border-radius: 20px; } .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: 25px; left: 0; margin: 0; text-align: left; margin: 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 35px; } .section-latest-posts .latest-posts-text-wrap { padding: 20px 0 0; } .latest-news-date { background: #0439a0; 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; } .style-two .section-latest-posts .latest-posts-text-content { margin: 0; padding: 40px; } .style-two .section-latest-posts .new-cat { margin-bottom: 0; position: absolute; bottom: 30px; left: 30px; } /* News and Events */ /*-------------------------------------------------------------- ## Skills --------------------------------------------------------------*/ .skill-bar-section { margin-top: 15px; } .skillbar { position: relative; display: block; margin-bottom: 23px; width: 100%; height: 16px; -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: 10px; } .skillbar-bar { height: 10px; width: 0px; background: #0439a0; position: relative; display: block; top: 3px; left: 5px; border-radius: 5px; } .skillbar-1 .skillbar-bar { background: #0439a0; } .skillbar-2 .skillbar-bar { background: #ce5610; } .skillbar-3 .skillbar-bar { background: #a6d41a; } .skillbar-4 .skillbar-bar { background: #ec9d0d; } .skillbar-title { float: left; } .skill-bar-percent { float: right; clear: none; } .skillbar-item h3 { font-size: 18px; margin-bottom: 5px; } .skillbar { clear: both; } .skillbar-item:last-child { margin: 0; } .skillbar-item { margin-bottom: 20px; } .skill-info .section-title-wrap.text-alignleft { margin-bottom: 5px; } /*-------------------------------------------------------------- ## Promotional --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Promotional --------------------------------------------------------------*/ #promotional-headline-section { padding: 130px 0; } #promotional-headline-section.overlay-enabled, #promotional-headline-section.overlay-enabled h2 { color: #fff; } #promotional-headline-section .promotion-content { max-width: 1000px; margin: 0 auto; width: 100%; } #promotional-headline-section h2 { font-size: 5.5rem; font-weight: 700; } #promotional-headline-section p { font-size: 1.8rem; } .text-alignright .promotion-content { text-align: right; } #promotional-headline-section a.more-link, #promotional-headline-section a.more-link:visited { margin:30px auto 0; } #promotional-headline-section.text-alignleft a.more-link, #promotional-headline-section.text-alignright a.more-link { position: absolute; left: 0; } .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: 10px; padding: 15px 40px; } /*-------------------------------------------------------------- ## Feature Video --------------------------------------------------------------*/ #featured-video-section.section .section-title { font-size: 5.6rem; } #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: #0439a0; } #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:#0439a0; 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:#0439a0; } #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 #ff3030; -webkit-border-radius: 50em; -khtml-border-radius: 50em; -moz-border-radius: 50em; -ms-border-radius: 50em; -o-border-radius: 50em; border-radius: 50em; opacity: 0.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 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; } #featured-video-section a.flashy-popup i { height: 65px; width: 65px; text-align: center; padding: 20px; margin: 9px; border-radius: 100%; font-size: 19px; border: 3px solid ##ff3030; background: #ff3030; color: #fff; } #featured-video-section a.flashy-popup { position: relative; display: inline-block; } @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-buttons { position: absolute; top: 40%; width: 100%; } .video-inner-wrapper img { width: 100%; } .video-inner-wrapper { position: relative; } /*-------------------------------------------------------------- ## Contact Section --------------------------------------------------------------*/ .custom-contact-form { background: #ffffff; box-shadow: 0 10px 29px 0 rgba(50, 50, 50, 0.06); padding: 55px; } #contact-form-section { position: relative; } #contact-form-section .contact-info-item { padding: 15px 0; margin-bottom: 15px; text-align: center; position: relative; border-bottom: 1px solid #f1f1f1; overflow: hidden; } #contact-form-section .contact-text { float: left; text-align: left; } #contact-form-section .contact-text h3 { margin-bottom: 10px; } #contact-form-section .contact-info-item i { width: 64px; height: 64px; font-weight: 600; font-size: 25px; text-align: center; line-height: 64px; border-radius: 50%; margin-bottom: 15px; color: #fff; background: #0439a0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; float: left; margin-right: 15px; } .contact-info-item:hover i { color: #fff; background: #140d52; } .wpcf7 span.ajax-loader { position: absolute; left: 50%; top: 15px; } .wpcf7 p { position: relative; } .wpcf7-form-control-wrap textarea { height: 90px!important; } .wpcf7 textarea { max-height: 212px; border-color: #f1f1f1; } .wpcf7 input { padding: 8px; border-color: #f1f1f1; } 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: 15px 25px; background: #f4f7fc; color:#222; } .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; } #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; } /*-------------------------------------------------------------- ## Portfolio --------------------------------------------------------------*/ .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; } .section-portfolio h3 a, .section-portfolio h3 { color: #fff; margin-bottom: 0; font-size: 2.5rem; text-align: center; display: block; width: 100%; } .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; } .section-portfolio .portfolio-content p, .section-portfolio .portfolio-content h3 a { margin: 0; color: #222; display: block; } .section-portfolio .portfolio-content h3 a:hover, .section-portfolio .portfolio-content h3 a:focus, .section-portfolio .portfolio-content h3 a:active { color:#0439a0; } .portfolio-content { position: absolute; bottom: 0; padding: 50px 20px; text-align: left; width: 100%; box-sizing: border-box; } .section-portfolio .portfolio-thumb-wrap:after { content: ""; position: absolute; height: 100%; width: 100%; background: linear-gradient(rgba(16, 16, 16, 0), rgba(0, 0, 0, 0.8)); left: 0; bottom: 0; } .section-portfolio .portfolio-thumb-wrap { position: relative; overflow: hidden; } .section-portfolio .portfolio-thumb-wrap img { width: 100%; } .section-portfolio.style-two h3 a, .section-portfolio.style-two h3 { text-align: left; } .section-portfolio.style-one h3 a, .section-portfolio.style-one h3 { color: #fff; text-align: center; } .section-portfolio.style-one .portfolio-content { padding: 40px 40px; text-align: center; } /* Layout Two */ .section-portfolio.style-two .portfolio-content { background: #ffffff; left: 5%; right: 5%; padding: 40px; bottom: -100%; width: 90%; visibility: hidden; transition: all 0.3s ease-in-out 0s; } .section-portfolio.style-two .item-inner-wrapper:hover .portfolio-content { visibility: visible; bottom: 5%; } .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; } /*-------------------------------------------------------------- ## 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: 30px; height: 60px; } #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: #0439a0; border-radius: 25px; } #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%; border-radius: 20px; } #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: 10px 20px; border: none; margin: 15px 0; border-radius: 40px; background: #585454; } #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: #0439a0; 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; } #playlist-section .featured-page-section { background: #2e2d30; padding: 30px; box-shadow: 0 0 19px #22222214; border-radius: 20px; } /*-------------------------------------------------------------- ## Filture Content --------------------------------------------------------------*/ .recent-work-filter { list-style: none; padding: 0; margin: 0 0 20px; text-align: center; cursor: default; } .view-icon{ font-size: 31px; display: block; } .view-icon:hover{ color:#fff; } .recent-work-filter button { color: #000000; margin: 0 0 10px; display: inline-block; font-weight: 500; font-size: 15px; padding: 7px 14px; background: inherit!important; letter-spacing: 0; } .section-recent-work .vmiddle-holder,.vmiddle-holder{ display: table; height: 100%; width: 100%; } .filter-content-thumb-wrap:after { content: ""; background: #222; height: 100%; width: 100%; position: absolute; top: 0; left: 0; display: block; opacity: 0.2; } .section-recent-work .vmiddle,.vmiddle { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; } .recent-work-filter button:hover{ color: #0439a0; text-decoration: none; } .recent-work-filter button.current, .recent-work-filter button:hover { color: #0439a0; cursor: default; position: relative; cursor: pointer; } .section-filter-content .item-inner-wrapper .filter-content-content { position: absolute; width: 80%; bottom: -100%; left: 10%; right: 10%; background: #fff; padding: 0 40px; text-align: center; visibility: hidden; transition: all 0.3s ease-in-out 0s; } .section-filter-content .item-inner-wrapper:hover .filter-content-content { opacity: 1; visibility: visible; bottom: 10%; } .section-filter-content .item-inner-wrapper { position: relative; overflow: hidden; } .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: #d2d2d2; opacity: 1; border-radius: 7px; transition: all .3s ease-in; } .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: #0439a0; width: 30px; } .carousel-enabled .swiper-button-prev, .carousel-enabled .swiper-button-next { top:35%; } .carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev, .carousel-enabled .swiper-button-next:visited, .carousel-enabled .swiper-button-prev:visited{ outline: none; } .carousel-enabled .swiper-button-next:hover, .carousel-enabled .swiper-button-prev:hover, .carousel-enabled .swiper-button-next:focus, .carousel-enabled .swiper-button-prev:focus, .carousel-enabled .swiper-button-next:active, .carousel-enabled .swiper-button-prev:active { outline: none; background: #717171; color: #fff; box-shadow: 0 0 16px 10px #c1bfbf21; } .swiper-carousel-enabled { position: relative; overflow: hidden; padding: 15px; } .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: #ffffff; padding: 25px; border-radius: 5px; cursor: pointer; transition: all 0.2s ease-in-out 0s; color: #000000; position: inherit; float: left; margin-left: 15px; box-shadow: 0px 10px 32px 0px rgba(197, 197, 197, 0.4); } .next-prev-wrap { float: right; margin-top: 60px; margin-bottom: 60px; } .carousel-enabled .swiper-button-next:after, .carousel-enabled .swiper-button-prev:after { font-size: 20px; } .carousel-enabled .container { position: relative; } .carousel-enabled .section-title-wrap { text-align: left; float: left; max-width: 75%; } .carousel-enabled .section-title-wrap span.divider{ margin: 0 0 25px; } .carousel-enabled .section-subtitle { max-width: 100%; } /*-------------------------------------------------------------- ## 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: 4.236em; min-width: 4.236em; font-size: 1em; font-weight: 500; line-height: 3.75; border-radius: 100%; background-color: #e6b513; top: -10px; right: -10px; 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: #ffffff; 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:#0439a0; } .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: #000000; } .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: #0439a0; } .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: #0439a0; } .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: #515151; } .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: 20px; float: left; margin-right: 30px; line-height: 1.7; width: 60px; height: 60px; box-shadow: 0 0 24px rgb(35 33 33 / 20%); border-radius: 11px; text-align: center; padding: 13px; background: #3a3a3a; color: #0439a0; } .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; } .feature-thumb { text-align: center; } .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 { position: relative; } .style-one .key-features-wrapper-style-one { background:#0439a0; margin: 0 auto; } .style-one .key-feature-item-wrraper { padding: 90px; } .style-one .key-feature-item-wrraper p, .style-one .key-feature-item-wrraper h3, .style-one .key-feature-item-wrraper h3 a { color:#fff; } .style-one .key-feature-item-wrraper p { margin: 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: #ffffff; } /*-------------------------------------------------------------- 18.10. Counter --------------------------------------------------------------*/ .counter-section .counter-icon { font-size: 31px; color: #0439a0; background: #f9f9f9; width: 90px; height: 90px; display: inline-block; margin-bottom: 15px; padding: 20px 0; border-radius: 100%; position: relative; } .counter-section .counter-title { font-size: 16px; font-weight: 400; } .counter-up-page h3 { font-size: 4rem; font-weight: bold; line-height: 1.4; 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: #2c2e33; } .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; } div#counter-section.section:before { background: #fff; content: ""; height: 30%; width: 100%; position: absolute; display: block; bottom: 0; } div#counter-section.section.even-section:before { background:#f4f7fc; } /*-------------------------------------------------------------- News And Events --------------------------------------------------------------*/ .ff-grid-4.recent-events { width: 40%; } .ff-grid-8.recent-news { width: 60%; } #news-events-section .event-thumb { max-width: 45%; margin-right: 0; overflow: hidden; float: left; } #news-events-section .event-content:after { content: ""; background: #fff; width: 25px; height: 25px; position: absolute; left: -12px; top: 44%; transform: rotate(45deg); } #news-events-section .event-post { margin: 0 0 20px 0; clear: both; display: block; float: left; width: 100%; box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1); background: #fff; } #news-events-section .event-content .entry-meta { margin-bottom: 0; } #news-events-section .event-content h4 { margin-bottom: 5px; font-size: 1.7rem; } #news-events-section .entry-meta > span { font-size: 14px; } #news-events-section .event-content { float: left; width: 55%; padding: 20px 25px; position: relative; } #news-events-section .next-prev-wrap { float: right; margin-top: 27px; margin-bottom: 0; } #news-events-section .swiper-carousel-enabled { position: relative; overflow: hidden; padding: 0; } #news-events-section .latest-posts-item{ margin: 0; } #news-events-section .section-title-wrap { text-align: left; } #news-events-section .section-title-wrap span.divider { margin: 0 0 25px; } #news-events-section .section-title-wrap span.divider:after { left: 0; } /*-------------------------------------------------------------- 18.7. Plan --------------------------------------------------------------*/ .pricing-section .pricing-plan-item { text-align: center; } .pricing-section .pricing-plan-price { display: block; font-size: 50px; line-height: 1; font-weight: bold; } .pricing-section .pricing-plan-header { padding: 25px 30px; position: relative; border-bottom: 1px dashed #a29a9b; } .pricing-section .plan-inner { overflow: hidden; } .pricing-section .pricing-plan-content { padding: 50px 30px 30px; } .pricing-section .pricing-plan-footer { padding: 0 30px 40px; } .pricing-section .pricing-plan-feature { display: block; font-size: 16px; margin-bottom: 10px; } .pricing-section .pricing-plan-item.recommended .plan-inner { box-shadow: 1px 4px 20px -2px rgba(0,0,0,0.2); } .pricing-section .pricing-plan-item.recommended .pricing-plan-header { background: #0439a0; color: #fff; border: none; } .pricing-section .pricing-plan-item.recommended .pricing-plan-header h3 { color:#fff; } .pricing-section .pricing-plan-recommended .pricing-plan-title h4 { color: #fff; } .pricing-section .pricing-plan-item.recommended h4 { 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; } .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%; } .featured-grid-section .featured-grid-text-content { overflow: hidden; padding: 35px 40px 35px; position: relative; margin: -30px 20px 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: #0439a0; bottom: 15%; left: 35px; padding: 15px 30px; max-width: 56%; color: #fff; text-align: left; border-radius: 5px; } /*Grid Layour 2*/ .featured-grid-section.style-two .featured-grid-text-content { padding: 11px; } .featured-grid-section.style-two .featured-grid-text-content { position: absolute; bottom: 6%; z-index: 9; left: 5%; right: 5%; background: #2b2627b5; border-radius: 0; } .featured-grid-section.style-two h3.featured-grid-title { font-size: 19px; margin: 0; } .featured-grid-section.style-two .featured-grid-section p, .featured-grid-section.style-two .featured-grid-section, .featured-grid-section.style-two .featured-grid-section a { color: #fff; } .featured-grid-section.style-two .featured-grid-text-content:after { content: ""; display: block; position: absolute; bottom: 0; width: 100%; height: 100%; z-index: -1; } .featured-grid-section.style-two .featured-grid-wrapper { position: relative; } .featured-grid-section.style-two .featured-grid-wrapper { overflow: hidden; } .featured-grid-section.style-two .featured-grid-text-content { padding: 20px; } .featured-grid-section.style-two .featured-grid-summary { display: none; } /*-------------------------------------------------------------- ## Custom Block Style --------------------------------------------------------------*/ [class^="wp-block-"]:not(.wp-block-gallery) figcaption { font-style: italic; margin-bottom: 1.5em; text-align: left; } hr.wp-block-separator { background: none; border-bottom-width: 1px; } .wp-block-gallery { margin: 0; margin-bottom: 15px; } .wp-block-gallery.alignleft, .wp-block-gallery.alignnone, .wp-block-gallery.aligncenter, .wp-block-gallery.alignright { display: flex; } .wp-block-gallery figcaption { font-style: italic; } p.has-drop-cap:not(:focus)::first-letter { font-size: 5em; margin-top: 0.075em; } .wp-block-image { margin-bottom: 1.5em; } .wp-block-image figure { margin-bottom: 0; margin-top: 0; } .wp-block-image figure.alignleft { margin-right: 1.5em; } .wp-block-image figure.alignright { margin-left: 1.5em; } .wp-block-audio audio { display: block; width: 100%; } .wp-block-cover-image.alignright, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover.alignleft, .wp-block-cover-image.aligncenter, .wp-block-cover.aligncenter { display: flex; } .wp-block-pullquote blockquote { margin: 0; } .wp-block-quote:not(.is-large):not(.is-style-large), blockquote { border-left: 5px solid #179bd7; } .wp-block-pullquote.is-style-solid-color blockquote { border: none; background: #179bd7; padding: 30px; color: #fff; } .wp-block-pullquote.is-style-solid-color blockquote p { color: #fff; } blockquote:before { display: none; } blockquote { margin: 0 0 15px 0; position: relative; padding-left: 20px; } .entry-content ul.wp-block-gallery { margin-left: 0; padding-left: 0; } .entry-content ul,.entry-content ol { padding-left: 20px; margin-left: 0; } .entry-content .blocks-gallery-grid, .entry-content .wp-block-gallery { padding:0; } .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: none; font-style: normal; font-size: 18px; color: #000; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; } /*=========================================================== 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%; } .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) { button#primary-menu-toggle { margin: 0 auto; box-shadow: inherit; } .site-branding.ff-grid-2.no-margin.no-padding { width: 33.33%; text-align: center; margin-bottom: 20px; } div#main-nav { min-width: auto; } .header-three .nav-inner-wrapper, .header-deneb .nav-inner-wrapper { position: relative; } .header-three .site-primary-menu, .header-deneb .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 { padding: 0; } #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%; } .right-head a.ff-button.header-button { float: right; } .head-search-cart-wrap.pull-left { float: right; } #search-container { bottom: -98px; } .nav-inner-wrapper .social-nav { margin-top: 0; } .header-three .menu-toggle, .header-deneb .menu-toggle { margin-top: 3px; } .nav-inner-wrapper #search-toggle { margin-top: 5px; margin-left: 5px; } #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: 3px 0; } #quick-contact { width: 100%; padding-bottom: 15px; } #site-top-header-mobile-container { display: none; position: absolute; left: 5%; z-index: 999; padding: 20px; box-shadow: 0 0 37px #00000029; top: 35px; right: 5%; } .nav-inner-wrapper { padding: 8px 0; } .site-top-header, .mobile-off { display: none; } .mobile-on{ display: block; } #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; padding: 5px 15px; color: #fff; font-size: 13px; } .home #custom-header .page-title { font-size: 4rem; } #header-top-toggle:focus, #header-top-toggle:active,#header-top-toggle:hover, .menu-toggle:focus, .menu-toggle:active,.menu-toggle:hover{ background: #8c8383; color: #fff; } #header-top-toggle i { margin-right: 10px; } #primary-menu-toggle i { margin-right: 5px; } #slider-section.section .swiper-pagination { bottom: 15px; left: 0; } #slider-section h2 { font-size: 5rem; margin-bottom: 5px; } #slider-section .swiper-slide p { font-size: 17px; margin: 0; } #slider-section .slider-content { margin-bottom: 15px; } #slider-section .slider-content-wrapper { bottom: 25%; } #slider-section:hover .swiper-button-prev, #slider-section .swiper-button-prev { left: 10px; visibility: visible; } #slider-section:hover .swiper-button-next, #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{ position: relative; padding: 15px 0; transition: inherit; animation: inherit; box-shadow: none; z-index: inherit; } .blog.grid article.hentry, .archive.grid article.hentry { width: 100%; } .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 .portfolio-thumb-wrap { float: left; 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; } .header-three .site-branding, .header-deneb .site-branding { float: none; text-align: center; } .main-navigation ul li { position: relative; text-align: left; } .dropdown-toggle { color: #080808; } .overlap-header .main-navigation ul li a, .overlap-header #search-toggle, .overlap-header .cart-contents a, .overlap-header .cart-contents a:visited { color: #000000; } .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-three .cart-contents a, .header-three .cart-contents a:visited { border: none; color: #ffffff; padding: 0; } .header-seven .cart-contents { margin-top:0; } } /* =========================================== Smaller than standard 768 (devices and browsers) ==============================================*/ @media only screen and (max-width:767px) { .menu-toggle { padding: 6px 15px; margin-top: 8px; } .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; } .site-branding, .custom-logo-link, .site-identity { float: none; width: 100%; text-align: center; display: block; margin: 0 0 10px 0; padding: 0; } .right-head { width: 100%; position: relative; } .site-branding.ff-grid-2.no-margin.no-padding, .right-head.ff-grid-2.no-margin.no-padding, div#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; } button#primary-menu-toggle { margin: 0; box-shadow: inherit; } .right-head a.ff-button.header-button { margin: 4px 0 0 10px!important; padding: 7px 20px; margin-top: 0; } #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; } #slider-section .slider-content-wrapper { bottom: 10%; } a.ff-button, a.ff-button:visited, button, a.button, input[type="button"], input[type="reset"], input[type="submit"]{ padding: 10px 30px; min-width:inherit; margin-top: 5px; } a.ff-button.header-button { margin: 0 0 0 15px; padding: 6px 26px; margin-top: 0; } .main-header-two #main-nav .nav-box-shadow { top: 0; bottom: 0; } #slider-section .slider-buttons .ff-button { margin: 0 5px; padding: 7px 17px; min-width: inherit; font-size: 14px; } .section, #promotional-headline-section { padding: 50px 0; clear: both; } #colophon .footer-widget-area .widget-column { width: 100%; margin: 15px 0; } #content { padding: 50px 0; } #main { background: #222; } #slider-section .swiper-slide .slider-subtitle { letter-spacing: 0; font-size: 14px; margin-bottom: 5px; border-bottom: 1px solid #0439a0; } .main-header-one .head-search-cart-wrap { float: right; margin-top: 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, #promotional-headline-section h2 { position: relative; font-size: 3.2rem; } .portfolio-content { padding: 20px; } .section-testimonial .testimonial-summary { max-width: 100%; padding: 20px; float: none; text-align: center; } .section-testimonial .clinet-info h4 { margin-bottom: 4px; font-size: 14px; } .client-info-wrap { float: left; max-width: 63%; } #custom-header,.header-one #custom-header, .header-five #custom-header { padding: 65px 0; } .dropdown-toggle { height: 38px; } .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%; } .carousel-enabled .section-title-wrap, #news-events-section .section-title-wrap { text-align: center; float: inherit; max-width: 100%; } .carousel-enabled .section-title-wrap span.divider, #news-events-section .section-title-wrap span.divider{ margin: 0 auto; } .next-prev-wrap, #news-events-section .next-prev-wrap{ float: right; margin-top: 0; float: none; margin: 0 auto 20px; text-align: center; max-width: 100px; } .carousel-enabled .swiper-button-next, .carousel-enabled .swiper-button-prev, #news-events-section .carousel-enabled .swiper-button-next, #news-events-section .carousel-enabled .swiper-button-prev { padding: 20px 20px; text-align: center; margin: 0 5px; } .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; } .counter-up-page { padding: 40px; } #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: 20px; } .style-one.key-features-section a.key-features-icon { margin-right: 0; margin-bottom: 20px; } .section-contact.ff-grid-7 { width: 100%; } } /* =========================================== 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: 5px; } .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: 5px; } 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 h2 { font-size: 2.5rem; margin-bottom: 10px; } #slider-section .swiper-button-next, #slider-section .swiper-button-prev { padding: 15px; height: auto; } #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, .section-testimonial .testimonial-summary, .section-latest-posts .latest-posts-text-content { padding: 20px; } #slider-section .type-post.text-alignright .slider-content-wrapper, #slider-section .type-post.text-alignleft .slider-content-wrapper { padding-bottom: 20%; } #slider-section a.more-link, #slider-section a.more-link:visited { display: table; background: #0439a0; color: #fff; padding: 10px 20px; margin-top: 15px; clear: both; font-size: 14px; letter-spacing: 0.6px; max-width: inherit; margin: 15px auto 0; } #slider-section .type-post .slider-content-wrapper { bottom: 0; position: inherit; padding: 35px 0; width: 100%; z-index: 999; clear: both; float: left; background: #f1f1f1; } #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; } } /* =========================================== 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; }