:root { --color-accent-1: #00c4b6; --color-accent-2: #009187; --color-heading: #000; --color-text-1: #555968; --color-text-2: #6d707d; --color-text-3: #9ea0a8; --color-text-4: #ffffff; --color-bg-1: #ffffff; --color-bg-2: #f5f6f6; --color-bg-3: #dbdcdf; } /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/ /* Normalize --------------------------------------------- */ /*! normalize.css v8.0.1 | 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; -webkit-text-size-adjust: 100%; } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * 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; } h2 { font-size: 26px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; overflow: visible; } /** * 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; font-size: 1em; } /* 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; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /** * 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; font-size: 1em; } /** * 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; font-size: 100%; line-height: 1.15; margin: 0; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { 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 { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } /** * 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"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } /** * 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; outline-offset: -2px; } /** * 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; font: inherit; } /* 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; } /* Box sizing --------------------------------------------- */ /* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } /*-------------------------------------------------------------- # Base --------------------------------------------------------------*/ /* Typography --------------------------------------------- */ body, button, input, select, optgroup, textarea { color: #404040; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { clear: both; color: var(--color-heading); } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 20px 0; background: #EEE; padding: 20px 20px 10px; border-left: 5px solid; border-radius: 0 10px 10px 0; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", courier, monospace; 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; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /* Elements --------------------------------------------- */ body { background: var(--color-bg-1); /* color: var(--color-text-1); */ } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 15px; padding-left: 15px } ul li, ol li { margin-bottom: 12px } ul { list-style: disc; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; margin-top: 10px; } th, td { padding: 5px; border: 1px solid; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; } figure { margin: 1em 0; width: -webkit-max-content; width: -moz-max-content; width: max-content; width: 100%; } table { margin: 0 0 1.5em; width: 100%; } /* Links --------------------------------------------- */ a { color: var(--color-heading); } a:visited { color: var(--color-heading); } a:hover, a:focus, a:active { color: var(--color-accent-2); } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /* Forms --------------------------------------------- */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); line-height: 1; padding: 0.6em 1em 0.6em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; } 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: #666; border: 1px solid #ccc; border-radius: 3px; padding: 10px; } 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: #111; border-color: var(--color-accent-1); outline: 0; } input:focus-visible, textarea:focus-visible { border-color: var(--color-accent-1); outline: 0; } select { border: 1px solid #ccc; margin-bottom: 10px; padding: 7px; } textarea { width: 100%; } /*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Components --------------------------------------------------------------*/ /* Navigation --------------------------------------------- */ .main-navigation { display: block; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 100%; left: -999em; z-index: 99999; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { display: block; left: auto; } .main-navigation ul li:hover>ul, .main-navigation ul li.focus>ul { left: auto; } .main-navigation li { position: relative; } .main-navigation a, #top-menu a { display: block; text-decoration: none; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 30px; } .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } /* Posts and pages --------------------------------------------- */ .sticky { display: block; } .post, .page { margin: 0 0 1.5em; } .updated:not(.published) { display: none; } .page-content, .entry-content, .entry-summary { margin: 0 0 15px; } .page-content a, .entry-content a, .entry-summary a { text-decoration: underline; } .page-links { clear: both; margin: 0 0 1.5em; } /* Comments --------------------------------------------- */ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /* Widgets --------------------------------------------- */ .widget { margin: 0 0 1.5em; } .widget select { max-width: 100%; } /* 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 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; display: -ms-grid; display: grid; grid-gap: 1.5em; } .gallery-item { display: inline-block; text-align: center; width: 100%; } .gallery-columns-2 { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { -ms-grid-columns: (1fr)[8]; grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { -ms-grid-columns: (1fr)[9]; grid-template-columns: repeat(9, 1fr); } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/ /* Jetpack infinite scroll --------------------------------------------- */ /* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } /* Re-display the Theme Footer when Infinite Scroll has reached its end. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/ /* Accessibility --------------------------------------------- */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #primary[tabindex="-1"]:focus { outline: 0; } /* Alignments --------------------------------------------- */ .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1.5em; margin-bottom: 1.5em; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1.5em; margin-bottom: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 1.5em; } /* Page Site --------------------------------------------- */ .site.is-boxed { margin-left: auto; margin-right: auto; width: 100%; } /* Page Head --------------------------------------------- */ .page-top-banner { position: relative; } .page-top-banner::before { content: ""; display: block; height: 100%; position: absolute; top: 0; width: 100%; left: 0; } .home .page-top-banner header.page-header { padding: 0; } .page-top-banner header.page-header { padding: 50px 0; position: relative; } .page-top-banner header.page-header .page-description .bizness-read-more { display: none; } /* Trail Breadcrumb --------------------------------------------- */ .breadcrumbs .trail-browse, .breadcrumbs .trail-items, .breadcrumbs .trail-items li { display: inline-block; margin: 0; padding: 0; border: none; background: transparent; text-indent: 0; } .breadcrumbs .trail-browse { font-size: inherit; font-style: inherit; font-weight: inherit; color: inherit; } .breadcrumbs .trail-items { list-style: none; } .trail-items li::after { content: "\002F"; padding: 0 0.5em; } .trail-items li:last-of-type::after { display: none; } /* Footer --------------------------------------------- */ .footer-copyright-inner p, .footer-sidebar-wrap .widget, .footer-sidebar-wrap .wp-block-columns { margin: 0; } /* Secondary --------------------------------------------- */ #secondary .widget:last-child { margin-bottom: 0; } .site-header-wrap, .site-footer-wrap { min-height: 70px; } .site-header-row { display: -ms-grid; display: grid; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .site-header-row.has-sides-column { -ms-grid-columns: auto 5px auto; grid-template-columns: auto auto; } .site-header-row.has-side-column.has-center-column, .site-header-row.has-sides-column.has-center-column { -ms-grid-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr; } .site-header-section, .site-header-item, .site-footer-section, .site-footer-item { max-height: inherit; } .site-header-row.has-only-center-column, .site-footer-row.has-only-center-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer .site-footer-row .justify-content-start .site-footer-item { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .site-footer .site-footer-row .justify-content-center .site-footer-item { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .site-footer .site-footer-row .justify-content-end .site-footer-item { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } /* Social Icons --------------------------------------------- */ ul.social-list, ul.post-meta { list-style: none; margin: 0; padding: 0; } /* .brand-color-default .social-twitter { background-color: #55acee } .brand-color-default .social-facebook { background-color: #3b5999 } .brand-color-default .social-linkedin { background-color: #0077B5 } .brand-color-default .social-google { background-color: #dd4b39 } .brand-color-default .social-instagram { background-color: #dd4b39 } */ .social-icons li a { -webkit-transition: 0.4s all; -o-transition: 0.4s all; transition: 0.4s all } /* Post Thumbnail --------------------------------------------- */ .post-thumbnail { display: block; margin-bottom: 20px; width: 100%; } .post-thumbnail img { width: 100%; height: 100%; margin: 0 !important; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .archive-posts .post-thumbnail { margin-bottom: 16px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .archive-posts .post-thumbnail:hover { opacity: 0.7; } .site-main article:not(:last-child) { margin-bottom: 15px; } .site-header .site-header-top-row, .site-header .site-header-main-row, .site-header .site-header-bottom-row, .button { border: 0 solid; } img { max-width: 100%; height: auto; background-color: #cecfd4; } .bizness-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .post, .page { margin: 0; } .bizness-btn-primary { background: var(--color-accent-1); color: var(--color-text-4); padding: 11px 35px; border-radius: 25px; display: inline-block; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 16px; font-weight: 500; border: 1px solid var(--color-accent-1); text-transform: capitalize; font-family: 'Poppins'; border-radius: 100px; } .bizness-btn-primary:hover { background: #00ab9e; text-decoration: none; color: var(--color-text-4); border-color: #00ab9e; } .bizness-btn-primary:visited, .bizness-btn-primary:focus { color: var(--color-text-4) } .bizness-btn-primary.bizness-btn-transparent { background: transparent; border: 1px solid var(--color-text-4); } .bizness-btn-primary.bizness-btn-transparent:hover { background: var(--color-accent-1); border-color: var(--color-accent-1); } ul.slick-dots { list-style: none; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 60px; left: 0; right: 0; max-width: 1260px; margin: auto; padding: 0 15px; width: 100%; } ul.slick-dots li button { background: var(--color-accent-1); border: none; border-radius: 50%; height: 25px; width: 25px; font-size: 0; margin: 0 10px; cursor: pointer; -webkit-box-shadow: 0px 0px 0px 10px transparent; box-shadow: 0px 0px 0px 10px transparent; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0.7; } ul.slick-dots li button:focus { outline: thin dotted; } ul.slick-dots li.slick-active button { -webkit-box-shadow: 0px 0px 0px 6px #a1a1a16e; box-shadow: 0px 0px 0px 6px #a1a1a16e; opacity: 1; } button.slick-arrow { position: absolute; right: 50px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: transparent; color: var(--color-text-4); border: none; cursor: pointer; z-index: 99; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding: 0; } button.slick-arrow i { font-size: 21px; } button.slick-arrow span { -webkit-transform: translate(2px, -10px) rotate(90deg); -ms-transform: translate(2px, -10px) rotate(90deg); transform: translate(2px, -10px) rotate(90deg); display: inline-block; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; color: var(--color-text-4); opacity: 1; text-transform: capitalize; display: block; margin-top: 20px; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } button.slick-arrow.slick-prev:hover { padding-bottom: 25px; } button.slick-arrow.slick-prev:hover span { opacity: 1; } button.slick-arrow.slick-next { top: 65%; } button.slick-arrow.slick-next:hover { padding-bottom: 25px; } button.slick-arrow.slick-next:hover span { opacity: 1; } button.slick-arrow:focus { outline: thin dotted; } .site-branding .site-title { margin: 0; font-size: 28px; font-weight: 500; } .site-branding .site-title a { color: var(--color-heading); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .site-branding .site-title a:hover { color: var(--color-accent-1); text-decoration: none; } .site-branding .site-description { color: #666; font-size: 16px; margin: 0; line-height: 1.7; } .widget-title { font-size: 18px; text-transform: capitalize; font-weight: 600; letter-spacing: 1px; margin-bottom: 30px; } .bizness-section-title { font-size: 45px; font-weight: bold; color: #213e6e; margin: 0 0 30px; } .bizness-text-center { text-align: center; } .section-title-wrapper { max-width: 820px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } div#page { overflow: hidden; } .bizness-header-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bizness-header-wrapper .site-branding { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; } .bizness-header-wrapper nav#site-navigation { max-width: 75%; -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } /* ------------------ */ /* Frontpage Slider */ /* ------------------ */ /* Pagination */ .bizness-swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 1; width: 80%; max-width: 100%; padding: 0 5px; } .bizness-swiper-pagination .swiper-pagination-bullet { background: var(--color-accent-1); width: 23px; height: 23px; margin: 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; } .bizness-swiper-pagination .swiper-pagination-bullet-active, .bizness-swiper-pagination .swiper-pagination-bullet:hover { background: #11F8E8; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bizness-swiper-pagination .swiper-pagination-bullet::before { position: absolute; display: block; content: ""; height: 29px; width: 29px; border-radius: 100px; border: 3px solid #808080; top: -3px; left: -3px; opacity: 0 } .bizness-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before { opacity: 1 } /* Swiper Slider */ .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bizness-slider { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bizness-slider .overlay { width: 100%; height: 100%; position: absolute; background: #ffffff30; } .bizness-slider .bizness-slider-wrapper { width: 78%; width: calc(80% - 30px); width: -webkit-calc(80% - 30px); margin: 0 auto; padding: 0 15px; } .bizness-slider .one, .bizness-slider .two, .bizness-slider .three { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 600px; max-width: 100%; } .bizness-slider-button { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bizness-slider-button .bizness-button-wrapper { margin-right: 25px; margin-bottom: 5px } .bizness-slider-title { font-size: 50px; font-weight: 600; color: var(--color-text-4); text-align: left; line-height: 65px; } .bizness-slider-content { font-size: 16px; color: var(--color-text-4); text-align: left; margin-top: 20px; } .bizness-slider-content p { font-size: 16px; } /* Frontpage Waves */ #frontpage-waves .waves { position: relative; width: 100%; height: 25vh; margin-bottom: -7px; min-height: 100px; max-height: 150px; margin-top: -160px; z-index: 999; } /* Animation */ .frontpage-waves-parallax>use { -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; } .frontpage-waves-parallax>use:nth-child(1) { -webkit-animation-delay: -2s; animation-delay: -2s; -webkit-animation-duration: 7s; animation-duration: 7s; } .frontpage-waves-parallax>use:nth-child(2) { -webkit-animation-delay: -3s; animation-delay: -3s; -webkit-animation-duration: 10s; animation-duration: 10s; } .frontpage-waves-frontpage-waves-parallax>use:nth-child(3) { -webkit-animation-delay: -4s; animation-delay: -4s; -webkit-animation-duration: 13s; animation-duration: 13s; } .frontpage-waves-parallax>use:nth-child(4) { -webkit-animation-delay: -5s; animation-delay: -5s; -webkit-animation-duration: 20s; animation-duration: 20s; } @-webkit-keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } } @keyframes move-forever { 0% { -webkit-transform: translate3d(-90px, 0, 0); transform: translate3d(-90px, 0, 0); } 100% { -webkit-transform: translate3d(85px, 0, 0); transform: translate3d(85px, 0, 0); } } .bizness-featured-slider-wrapper .bizness-swiper-pagination { position: absolute; bottom: 15%; margin: 0 auto; left: 0; right: 0; z-index: 9999; } .bizness-featured-slider-wrapper .bizness-slider-warapper { position: relative; height: 550px; background: var(--color-text-3); } .bizness-featured-slider-wrapper .bizness-slider img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .bizness-slider .bizness-slider { top: 37%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .bizness-featured-slider-loop { height: 100vh; background-size: cover; background-position: center; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .bizness-featured-slider-loop .bizness-featured-slider-content { max-width: 720px; position: relative; z-index: 9; } .bizness-featured-slider-loop .bizness-featured-slider-content .bizness-featured-slider-title { font-size: 48px; color: var(--color-text-4); font-weight: 600; font-family: 'Poppins'; margin-bottom: 30px; } .bizness-featured-slider-loop .bizness-featured-slider-content p { font-size: 16px; color: #f6f6f6; margin: 0; line-height: 1.7; font-family: 'Poppins'; } .bizness-featured-slider-loop:after { content: ''; height: 100%; width: 100%; position: absolute; left: 0; background: #00000073; } .bizness-featured-slider-loop .bizness-button-wrapper { margin-top: 40px; } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .search-form label { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; } input.search-field { border-color: #f5f5f5; background: #f5f5f5; font-size: 1rem; padding: 0.8rem 3rem 0.8rem 1rem; width: 100%; border-radius: 3px; padding-right: 85px; border-width: 0; } .search-form input.search-submit { border: none; position: absolute; right: 0; top: 0; bottom: 0; padding: 0; cursor: pointer; background: var(--color-accent-1); color: var(--color-text-4); font-size: 16px; min-width: 80px; } #calendar_wrap { -webkit-box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.05882); box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.05882); padding: 2rem 1.5rem; border-radius: 3px; background: var(--color-bg-1); } #calendar_wrap nav, #calendar_wrap caption { padding-left: 15px; padding-right: 15px; } #calendar_wrap #wp-calendar { border: none; margin-bottom: 0; } #calendar_wrap #wp-calendar th { color: #a7a1a1; font-weight: 600; text-align: center; } #calendar_wrap #wp-calendar th, #calendar_wrap #wp-calendar td { border: none; } #calendar_wrap #wp-calendar .caption { caption-side: top; } #calendar_wrap #wp-calendar tbody th, #calendar_wrap #wp-calendar tbody td { position: relative; text-align: center; border-radius: 3px; } #calendar_wrap #wp-calendar tbody th a, #calendar_wrap #wp-calendar tbody td a { background: #f5f5f5; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; line-height: 2.2; border-radius: 0.3rem; color: #000; } #calendar_wrap #today { background: var(--color-accent-1); color: var(--color-text-4); padding-top: 2px; } .widget select { width: 100%; border: 1px solid #ddd; padding: 0.75rem 0.6rem; border-radius: 3px; } .widget-area .widget h2, .footer-sidebar-wrap .footer-item h2, .widget-area .wp-block-search__label { color: var(--color-heading); margin: 0 auto 15px; font-size: 24px } .related-posts-section, .author-box-wrapper { padding: 30px 0; } .related-posts-section .post-structure { overflow: hidden; } .related-posts-section .entry-title, .author-box-wrapper .entry-title { font-size: 24px; margin-bottom: 20px; color: var(--color-accent-1); } .widget-area .widget ul, .footer-sidebar-wrap .footer-item ul { margin: 0; padding: 0; list-style: none; } .widget-area .widget ul li, .footer-sidebar-wrap .footer-item ul li { position: relative; /*padding-left: 25px;*/ } .widget-area .widget ul li:not(:last-child), .footer-sidebar-wrap .footer-item ul li:not(:last-child) { margin-bottom: 15px; } .widget-area .widget ul li:before, .footer-sidebar-wrap .footer-item ul li::before { position: absolute; left: 0; top: 2px; color: var(--color-accent-1); font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f138"; display: none; } .widget-area .widget ul li a, .footer-sidebar-wrap .footer-item ul li a { font-size: 17px; line-height: 1.2; color: #000; text-decoration: none; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .widget-area .widget ul li a:hover, .footer-sidebar-wrap .footer-item ul li a:hover { color: var(--color-accent-1); text-decoration: underline; } .widget_tag_cloud .tagcloud a { color: #282835; padding: 3px 10px; color: #5a5a77; background: #f0f2f9; border-radius: 4px; margin: 2px; display: inline-block; } .widget-title { margin-top: 0; font-size: 18px; color: #000; font-weight: 600; margin-bottom: 1.5rem; } #secondary .widget .widget-title { position: relative; } .widget-area .widget:not(:last-child) { margin-bottom: 50px; } #secondary { padding-left: 35px; } .comment-respond .required { color: red; } .comment-respond .comment-reply-title { margin: 4rem 0 1.5rem; font-size: 1.5rem; font-weight: 700; } .comment-respond .comment-reply-title:before { font-size: 1.8rem; margin-right: 0.8rem; } .comment-respond .comment-form input:not([type="checkbox"]):not([type="submit"]), .comment-respond .comment-form textarea { width: 100%; border: none; background-color: #f5f5f5; font-size: 0.9rem; padding: 0.8rem; border-radius: 3px; min-height: 50px; } .comment-respond .comment-form label { font-size: 0.9rem; color: #727272; } .comment-respond input#submit { background: var(--color-accent-1); border: none; color: var(--color-text-4); line-height: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; padding: 0 20px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .comment-respond input#submit:hover { background: var(--color-accent-2); } .comments-area .comments-title { margin: 3.5rem 0 2rem; font-size: 1.6rem; font-weight: 700; position: relative; } .comments-area .comment-list { list-style: none; padding-left: 0; } .comments-area .comment-list ol { list-style: none; } .comments-area .comment-list .comment-body { padding-left: 3rem; position: relative; margin-bottom: 1.5rem; } .comments-area .comment-list .comment-body+.comment-respond { padding-left: 3rem; margin-bottom: 4rem; } .comments-area .comment-list .comment-body .comment-awaiting-moderation { background: #f5f5f5; display: block; padding: 0.8rem; font-size: 0.85rem; margin-top: 7px; border-radius: 3px; } .comments-area .comment-list .comment-body .comment-awaiting-moderation+br { display: none; } .comments-area .comment-list .comment-body .comment-meta { display: inline-block; color: #000; font-size: 0.8rem; } .comments-area .comment-list .comment-body .comment-meta * { color: #767676; } .comments-area .comment-list .comment-body .comment-author cite { font-style: inherit; } .comments-area .comment-list .comment-body .comment-author cite a { text-transform: capitalize; font-size: 0.9rem; color: var(--color-accent-1); text-decoration: underline; } .comments-area .comment-list .comment-body p { margin-top: 0.5rem; background: #f5f5f5; padding: 1rem 1.2rem; font-size: 0.9rem; margin-bottom: 0.4rem; border-radius: 3px; } .comments-area .comment-list .comment-body .reply a { font-size: 0.85rem; padding: 0.1rem 0; border-radius: 3px; } .comments-area .comment-list .comment-body .comment-reply-link { color: black; } .comments-area .comment-list .comment-body .comment-reply-link:hover, .comments-area .comment-list .comment-body .comment-meta * a:hover, .comments-area .comment-list .comment-body .comment-meta * a:hover time { color: var(--color-accent-1); } .comments-area .comment-list .comment-body .comment-author { display: inline-block; } .comments-area .comment-list .comment-body .comment-author img { position: absolute; left: 0; top: 29px; border-radius: 50%; } .comments-area .comment-list .comment-body .comment-author .says { display: none; } .comment-respond .comment-reply-title a, .comment-respond .logged-in-as a { font-size: 0.9rem; text-decoration: underline; } .comment-respond .comment-reply-title a { float: right; margin-top: 0.5rem; margin-left: 0.7rem; } @media (max-width: 768px) { .comment-respond .comment-reply-title a { display: block; float: none; text-align: right; } } .comment-navigation+* { margin-top: 65px; } .comment-notes { padding: 0rem 0 0.8rem; font-size: 0.9rem; } /* ----------------- */ /* Site Navigation */ /* ----------------- */ nav#site-navigation, .menu, #primary-menu, .main-navigation .nav-menu, .main-navigation .menu ul, #top-menu ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 0; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; list-style: none; } nav#site-navigation ul, .menu ul, #top-menu ul #primary-menu ul { margin: 0; padding: 0; list-style: none; } nav#site-navigation li:focus-within>ul, .menu li:focus-within>ul, #primary-menu li:focus-within>ul, .main-navigation .nav-menu li:focus-within>ul, .main-navigation .menu ul li:focus-within>ul { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } nav#site-navigation li:focus-within>ul, nav#site-navigation li:hover>ul, .menu li:focus-within>ul, .menu li:hover>ul, #primary-menu li:focus-within>ul, #primary-menu li:hover>ul, .main-navigation .nav-menu li:focus-within>ul, .main-navigation .nav-menu li:hover>ul, .main-navigation .menu ul li:focus-within>ul, .main-navigation .menu ul li:hover>ul { visibility: visible; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } nav#site-navigation li ul, .menu li ul, #primary-menu li ul, .main-navigation .nav-menu li ul, .main-navigation .menu ul li ul { margin-left: 0; visibility: hidden; -webkit-transform: translateY(0.7rem); -ms-transform: translateY(0.7rem); transform: translateY(0.7rem); opacity: 1; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; position: absolute; z-index: 99; width: 230px; background-color: var(--color-bg-1); padding: 1.5rem 0; -webkit-box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05); box-shadow: -1px 2px 19px 3px rgba(14, 0, 40, 0.05); padding: 0; opacity: 0; border-radius: 3px; display: block; } nav#site-navigation li a, .menu li a, #primary-menu li a, #top-menu li a, .main-navigation .nav-menu li a, .main-navigation .menu ul li a { color: #383838; } nav#site-navigation>li, .menu>li, #primary-menu>li, #top-menu li, .main-navigation .nav-menu>li, .main-navigation .menu ul>li { padding: 5px 0; } nav#site-navigation>li.menu-item-has-children>a:after, nav#site-navigation>li.page_item_has_children>a:after, .menu>li.menu-item-has-children>a:after, .menu>li.page_item_has_children>a:after, #primary-menu>li.menu-item-has-children>a:after, #primary-menu>li.page_item_has_children>a:after, .main-navigation .nav-menu>li.menu-item-has-children>a:after, .main-navigation .nav-menu>li.page_item_has_children>a:after, .main-navigation .menu ul>li.menu-item-has-children>a:after, .main-navigation .menu ul>li.page_item_has_children>a:after { margin-left: 5px; content: "\f107"; position: relative; top: 0.1rem; font-size: 0.8rem; font-family: "Font Awesome 5 Free"; font-weight: 900; } /* .main-navigation ul li ul.children li.page_item_has_children > a::after { content: "\f105"; } */ nav#site-navigation>li>a, .menu>li>a, #primary-menu>li>a, #top-menu li>a, .main-navigation .nav-menu>li>a, .main-navigation .menu ul>li>a { font-weight: 500; position: relative; } nav#site-navigation>li>a:before, .menu>li>a:before, #primary-menu>li>a:before, #top-menu li>a:before, .main-navigation .nav-menu>li>a:before, .main-navigation .menu ul>li>a:before { content: ""; width: 10%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 2px; background: var(--color-accent-1); position: absolute; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; visibility: hidden; } nav#site-navigation>li:hover>a:before, .menu>li:hover>a:before, #primary-menu>li:hover>a:before, #top-menu li:hover>a:before, .main-navigation .nav-menu>li:hover>a:before, .main-navigation .menu ul>li:hover>a:before { width: 100%; visibility: visible; } nav#site-navigation>li:not(:last-child), .menu>li:not(:last-child), #primary-menu>li:not(:last-child), #top-menu li:not(:last-child), .main-navigation .nav-menu>li:not(:last-child), .main-navigation .menu ul>li:not(:last-child) { margin-right: 30px; } nav#site-navigation>li.current-menu-item>a, .menu>li.current-menu-item>a, #primary-menu>li.current-menu-item>a, .main-navigation .nav-menu>li.current-menu-item>a, .main-navigation .menu ul>li.current-menu-item>a { color: var(--color-accent-1); } nav#site-navigation>li.current-menu-item>a:before, .menu>li.current-menu-item>a:before, #primary-menu>li.current-menu-item>a:before, .main-navigation .nav-menu>li.current-menu-item>a:before, .main-navigation .menu ul>li.current-menu-item>a:before { width: 100%; background: var(--color-accent-1); width: 100%; visibility: visible; } nav#site-navigation>li, .menu>li, #primary-menu>li, #top-menu li, .main-navigation .nav-menu>li, .main-navigation .menu ul>li { position: relative; margin-bottom: 0 } .main-navigation li { margin-bottom: 0 } nav#site-navigation>li>ul, .menu>li>ul, #primary-menu>li>ul, .main-navigation .nav-menu>li>ul, .main-navigation .menu ul>li>ul { left: 0; top: 100%; } nav#site-navigation>li>ul li.menu-item-has-children>a, .menu>li>ul li.menu-item-has-children>a, #primary-menu>li>ul li.menu-item-has-children>a, .main-navigation .nav-menu>li>ul li.menu-item-has-children>a, .main-navigation .menu ul>li>ul li.menu-item-has-children>a { position: relative; } nav#site-navigation>li>ul li.menu-item-has-children>a:after, .menu>li>ul li.menu-item-has-children>a:after, #primary-menu>li>ul li.menu-item-has-children>a:after, .main-navigation .nav-menu>li>ul li.menu-item-has-children>a:after, .main-navigation .menu ul>li>ul li.menu-item-has-children>a:after { position: absolute; left: 0.3rem; top: calc(50% - 0.6rem); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); content: "\f107"; font-size: 0.8rem; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); font-family: "Font Awesome 5 Free"; } nav#site-navigation>li>ul li:hover>a, .menu>li>ul li:hover>a, #primary-menu>li>ul li:hover>a, .main-navigation .nav-menu>li>ul li:hover>a, .main-navigation .menu>ul>li>ul li:hover>a { background-color: #f5f5f5; color: #000; } .main-navigation li li { padding: 0 !important; margin: 0 !important; } nav#site-navigation>li>ul li a, .menu>li>ul li a, #primary-menu>li>ul li a, .main-navigation .nav-menu>li>ul li a, .main-navigation .menu>ul li>ul li a { padding: 0.6rem 1.5rem; display: block; font-size: 0.9rem; line-height: 1.6; color: #383838; } nav#site-navigation>li li, .menu>li li, #primary-menu>li li, .main-navigation .nav-menu>li li, .main-navigation .menu>ul li li { position: relative; } nav#site-navigation>li li ul, .menu>li li ul, #primary-menu>li li ul, .main-navigation .nav-menu>li li ul, .main-navigation .menu>ul li li ul { right: 100%; top: 0; left: auto; } .main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul { right: 100%; } /*.bizness-portfolio-section, .bizness-team-section, .bizness-blog-section, .bizness-testimonials-section*/ .content-element>section { padding-top: 50px; padding-bottom: 50px; } .content-element>section.bizness-featured-slider-wrapper { padding: 0; } .site-footer-main-row { padding: 50px 0; } @-webkit-keyframes rotateme { 0% { -webkit-transform: rotate(0); opacity: 1 } 50% { -webkit-transform: rotate(180deg); opacity: .7 } 100% { -webkit-transform: rotate(360deg); opacity: 1 } } @keyframes rotateme { 0% { -webkit-transform: rotate(0); transform: rotate(0); opacity: 1 } 50% { -webkit-transform: rotate(180deg); transform: rotate(180deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1 } } /* --------------- */ /* About Section */ /* --------------- */ section.bizness-about-section { padding-top: 175px; padding-bottom: 125px; } .bizness-about-section .bizness-about-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bizness-about-section .bizness-about-inner .bizness-about-images { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 100%; position: relative; } .bizness-about-section .bizness-about-inner .bizness-about-images .images img { position: absolute; height: 360px; width: 300px; -o-object-fit: cover; object-fit: cover; border-radius: 15px; } .bizness-about-section .bizness-about-inner .bizness-about-images .images img:last-child { left: 0; z-index: -1; height: 280px; bottom: 0; width: 340px; } .bizness-about-section .bizness-about-inner .bizness-about-images .images img:first-child { top: -120px; right: 0; } .bizness-about-images .circle-1 { height: 150px; width: 150px; background: var(--color-accent-1); border-radius: 50%; position: absolute; z-index: -11; left: -55px; top: -20px; } .bizness-about-images .circle-2 { position: absolute; bottom: 40px; height: 80px; width: 80px; background: #0088ff; right: -32px; border-radius: 50%; z-index: -3; } .bizness-about-images .circle-3 { position: absolute; height: 360px; width: 45%; background: transparent; top: -66px; border: 20px solid #e2f2f8; border-radius: 55px; z-index: -111; margin: auto; left: 64px; right: 0; } .bizness-about-section .bizness-about-inner .bizness-about-content { max-width: 40%; -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; position: relative; } .bizness-about-section .bizness-about-inner .bizness-about-content h2 { margin: 0 0 30px; } .bizness-about-section .bizness-about-inner .bizness-about-content .bizness-fun-fact { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } .bizness-about-section .bizness-about-inner .bizness-about-content .bizness-fun-fact .bizness-fun-fact-items { padding-right: 40px; } .bizness-about-section .bizness-about-inner .bizness-about-content .bizness-fun-fact .bizness-fun-fact-items h3 { font-size: 22px; font-weight: 600; color: #213e6e; margin-bottom: 0; } .bizness-about-section .bizness-about-inner .bizness-about-content .bizness-fun-fact .bizness-fun-fact-items h4 { font-size: 16px; margin: 0; color: var(--color-accent-1); } /* ------------------ */ /* Services Section */ /* ------------------ */ .bizness-service-section { padding-bottom: 50px; } .bizness-service-section .bizness-button-wrapper { text-align: center; } .bizness-service-box-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -15px; } .bizness-service-box-wrapper .bizness-service-box { width: 30.6%; width: calc(33.33% - 30px); width: -webkit-calc(33.33% - 30px); margin: 0 15px 30px; background: #f6feff; border-radius: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .bizness-service-box-wrapper .bizness-service-box:hover { -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); box-shadow: 0 0 25px #00000020; -webkit-box-shadow: 0 0 25px #00000020; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-decoration: none; } .bizness-service-box-wrapper .bizness-service-box .bizness-service-box-inner { text-align: center; padding: 50px; } .bizness-service-box-wrapper .bizness-service-box .bizness-service-box-inner .bizness-service-box-icon { background: #0ab9cf; height: 90px; width: 90px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; overflow: hidden; color: var(--color-text-4); font-size: 42px; box-shadow: -1px 6px 11px -4px #0ab9cf; -webkit-box-shadow: -1px 6px 11px -4px #0ab9cf; } .bizness-service-box-wrapper .bizness-service-box .bizness-service-box-inner h3 { font-size: 24px; font-weight: 600; margin: 35px 0 25px; color: #213e6e; } .bizness-service-box-wrapper .bizness-service-box .bizness-service-box-inner p { margin-bottom: 0; font-size: 15px; line-height: 1.6; color: #213e6e; } .bizness-service-box-wrapper .bizness-service-box:nth-child(2) { background: #fffaf2; } .bizness-service-box-wrapper .bizness-service-box:nth-child(2) .bizness-service-box-icon { background: #ff9900; box-shadow: -1px 6px 11px -4px #ff9900; -webkit-box-shadow: -1px 6px 11px -4px #ff9900; } .bizness-service-box-wrapper .bizness-service-box:nth-child(3) { background: #eff7ff; } .bizness-service-box-wrapper .bizness-service-box:nth-child(3) .bizness-service-box-icon { background: #0088ff; box-shadow: -1px 6px 11px -4px #0088ff; -webkit-box-shadow: -1px 6px 11px -4px #0088ff; } .bizness-service-box-wrapper .bizness-service-box:nth-child(4) { background: #f7f6ff; } .bizness-service-box-wrapper .bizness-service-box:nth-child(4) .bizness-service-box-icon { background: #8677ff; box-shadow: -1px 6px 11px -4px #8677ff; -webkit-box-shadow: -1px 6px 11px -4px #8677ff; } .bizness-service-box-wrapper .bizness-service-box:nth-child(5) { background: #fdf7f7; } .bizness-service-box-wrapper .bizness-service-box:nth-child(5) .bizness-service-box-icon { background: #ff6e6e; box-shadow: -1px 6px 11px -4px #ff6e6e; -webkit-box-shadow: -1px 6px 11px -4px #ff6e6e; } .bizness-service-box-wrapper .bizness-service-box:nth-child(6) { background: #effff6; } .bizness-service-box-wrapper .bizness-service-box:nth-child(6) .bizness-service-box-icon { background: #00bc52; box-shadow: -1px 6px 11px -4px #00bc52; -webkit-box-shadow: -1px 6px 11px -4px #00bc52; } /* ------------- */ /* CTA Section */ /* ------------- */ .bizness-cta-section { background-color: #f2feff; padding: 80px 0 0; overflow: hidden; } .bizness-cta-section .section-title-wrapper { margin: 0; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .bizness-cta-section .bizness-cta-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bizness-cta-content-right { width: 500px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .bizness-cta-content-left { width: 54%; width: calc(100% - 500px); width: -webkit-calc(100% - 500px); padding-right: 100px; padding-top: 40px; padding-bottom: 50px; } .bizness-custom-container { max-width: 1260px; margin: auto; padding: 0 15px; width: 100%; } /* --------------------- */ /* Latest News Section */ /* --------------------- */ .bizness-blog-posts { color: #213e6e; } .section-title-wrapper p { max-width: 620px; /* margin: 0 auto 40px; */ color: #213e6e; font-size: 14px; font-weight: 400; line-height: 26px; } .bizness-latest-posts { width: calc(100% - 40px); display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bizness-posts-box { width: 31.5%; width: calc(100% / 3 - 15px); width: -webkit-calc(100% / 3 - 15px); background: var(--color-bg-1); border-radius: 15px; padding: 5px; margin-bottom: 30px; -webkit-box-shadow: 0 0px 25px #0000001f; box-shadow: 0 0px 25px #0000001f; -webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); } .bizness-posts-box:hover { -webkit-box-shadow: 0 0px 30px #00000033; box-shadow: 0 0px 30px #00000033; -webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } .bizness-post-thumb { position: relative; } .bizness-post-thumb:hover .bizness-image-overlay { opacity: 1; border-radius: 12px 12px 0 0; background-color: rgba(0, 0, 0, .3); } .bizness-post-details { padding: 10px 20px 20px; } .bizness-post-details a:hover { text-decoration: none; } .bizness-posts-box img { border-radius: 12px 12px 0 0; height: 225px; width: 100%; } .bizness-post-metas { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .bizness-post-metas>div { margin-bottom: 7px; } .bizness-post-metas-author a { color: #213e6e; } .bizness-post-metas-date img { width: 18px; height: 20px; margin: 0px 5px 1px 0px; } .bizness-post-details h3 { padding: 10px 0; margin: 0 0 5px 0; font-size: 22px; font-weight: 700; line-height: 28px; color: #213e6e; } .bizness-post-details p { line-height: 25px; margin-bottom: 0px; } .bizness-see-all-posts { margin: 50px 0; text-align: center; } .bizness-all-posts { padding: 20px 30px; font-weight: bold; border-radius: 50px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .bizness-blog-section .bizness-button-wrapper { text-align: center; } /* -------------- */ /* Team Section */ /* -------------- */ .bizness-team-section { background: -o-linear-gradient(bottom, rgb(255 255 255) 50%, rgb(242 254 255) 50%); background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(255 255 255)), color-stop(50%, rgb(242 254 255))); background: linear-gradient(0deg, rgb(255 255 255) 50%, rgb(242 254 255) 50%); padding: 70px 0 0; overflow: hidden; position: relative; } .bizness-team-section .container, .bizness-portfolio-wrapper, .bizness-about-section .container { position: relative; z-index: 9; } .bizness-team { background: #f2feff; padding: 100px 0 230px; } .squarer { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 250px; width: 250px; background-color: #E2feff; border-radius: 250px 0 95px; } .topp { position: relative; margin-top: -254px; border-top: 75px solid var(--color-text-4); width: 355px; display: none; } .ani { position: absolute; top: -130px; left: 45px; } .triangle-left { position: absolute; border-radius: 40px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 0; border-top: 180px solid transparent; border-right: 180px solid rgb(29 187 219 / 11%); border-bottom: 180px solid transparent; left: -26px; top: -120px; } .bizness-team .container { position: relative; } tmbody { margin-top: -270px; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .bizness-team-content { max-width: 1060px; width: 100%; overflow: hidden; margin: 0 auto; } .teams-carousel .card { border: none !important; background: var(--color-bg-1); border-radius: 15px; padding: 30px; -webkit-box-shadow: 0 0px 19px #00000015; box-shadow: 0 0px 19px #00000015; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin: 15px 12px; } .teams-carousel .card .content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .teams-carousel .card .content .img, .teams-carousel .card .content .featured-image { height: 130px; width: 130px; border-radius: 150px; overflow: hidden; background: var(--color-bg-1); margin-bottom: 14px; position: relative; border: 3px solid #65d5df; } .card .img:hover .bizness-image-overlay { opacity: 1; border-radius: 100%; background-color: rgba(0, 0, 0, .25); } .card .content .img img { height: 100%; width: 100%; } .card .content .name h3, .card .content .name { font-family: 'Poppins'; font-size: 20px; font-weight: 500; color: #213e6e; text-decoration: none; } .card .content .name a { text-decoration: none; } .card .content .job { font-size: 15px; color: #415e8f; } .card .content .media-fb { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .card .content .media-in { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .card .content .media-ld { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; } .details>* { color: #213e6e; } #tsocial { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; } .media-fb a, .media-in a, .media-ld a { text-align: center; line-height: 33px; height: 35px; width: 35px; margin: 0 4px; font-size: 14px; color: #FFF; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; line-height: 37px; } .media-fb a { background: #2A90FF; } .media-fb a:hover { color: #2A90FF; background-color: var(--color-bg-1); border-color: #2a90ff; } .media-in a { background: #FFA254; } .media-in a:hover { color: #FFA254; background-color: var(--color-bg-1); border-color: #FFA254; } .media-ld a { background: #0E76A8; } .media-ld a:hover { color: #0E76A8; background-color: var(--color-bg-1); border-color: #0E76A8; } .listing-carousel-button-next, .listing-carousel-button-prev { cursor: pointer; display: inline-block; margin: 5px; border-radius: 100px; border: 1px solid #C0C4C5; background-color: white; position: relative; height: 44px; width: 44px; } .listing-carousel-button-next:hover, .listing-carousel-button-prev:hover, .listing-carousel-button-next:focus, .listing-carousel-button-prev:focus { border: 1px solid var(--color-accent-1); background-color: var(--color-accent-1); } .listing-carousel-button-next::before, .listing-carousel-button-prev::before { position: absolute; display: block; content: ""; height: 12px; width: 12px; border-top: 2px solid #C0C4C5; border-right: 2px solid #C0C4C5; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); top: 0; bottom: 0; right: 0px; left: 6px; margin: auto; } .listing-carousel-button-prev::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 6px; left: 0px; } .listing-carousel-button-next:hover:before, .listing-carousel-button-prev:hover:before, .listing-carousel-button-next:focus:before, .listing-carousel-button-prev:focus:before { border-color: var(--color-text-4); } .teams-carousel { margin-bottom: 30px; } .bizness-teams-container { text-align: center; } #tmc { margin: -117px 10px -4px 200px; position: absolute; bottom: 0; right: 0; } .d1 { margin-top: 100px; margin-left: 100px; position: relative } .d2 { margin-left: 118px; margin-top: -52px; height: 49px; width: 33px; position: absolute; border-bottom-right-radius: 35% } .d1:after { margin-left: -20px; margin-top: 10px; width: 44px; height: 38px; border-radius: 0 80% 12%; content: ""; position: absolute } .d1, .d1:after, .d2 { background-color: var(--color-accent-1) } .d1 { width: 40px; height: 50px; border-radius: 0 25% } .d1 { -webkit-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); -ms-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); transform: rotate(-180deg) skewX(-30deg) scale(1, .866) } .d1:after { -webkit-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); -ms-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%) } .d3 { margin-top: 100px; margin-left: 100px; position: relative } .d4 { margin-left: 118px; margin-top: -52px; height: 49px; width: 33px; position: absolute; border-bottom-right-radius: 35% } .d3:after { margin-left: -20px; margin-top: 10px; width: 44px; height: 38px; border-radius: 0 80% 12%; content: ""; position: absolute } .d3, .d3:after, .d4 { background-color: var(--color-accent-1) } .d3 { width: 40px; height: 50px; border-radius: 0 25% } .d3 { -webkit-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); -ms-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); transform: rotate(-180deg) skewX(-30deg) scale(1, .866) } .d3:after { -webkit-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); -ms-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%) } .d5 { margin-top: 100px; margin-left: 100px; position: relative } .d6 { margin-left: 118px; margin-top: -52px; height: 49px; width: 33px; position: absolute; border-bottom-right-radius: 35% } .d5:after { margin-left: -20px; margin-top: 10px; width: 44px; height: 38px; border-radius: 0 80% 12%; content: ""; position: absolute } .d5, .d5:after, .d6 { background-color: #8677ff } .d5 { width: 40px; height: 50px; border-radius: 0 25% } .d5 { -webkit-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); -ms-transform: rotate(-180deg) skewX(-30deg) scale(1, .866); transform: rotate(-180deg) skewX(-30deg) scale(1, .866) } .d5:after { -webkit-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); -ms-transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%); transform: rotate(138deg) skewY(-45deg) scale(.707, 1.414) translate(50%) } /* ------------------- */ /* Portfolio Section */ /* ------------------- */ .bizness-portfolio-section .container { max-width: 100% !important; } .bizness-portfolio-main { text-align: center; } .bizness-portfolio-menu { border: 1px solid var(--color-accent-1); border-radius: 40px; display: inline-block; margin: 0; padding: 0 5px; } .bizness-portfolio-menu li { list-style: none; display: inline-block; padding: 12px 28px; cursor: pointer; position: relative; margin: 7px 2px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 40px; } .bizness-portfolio-menu li.active, .bizness-portfolio-menu li:hover { background: var(--color-accent-1); color: var(--color-text-4); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .bizness-portfolio-content div[class*="col-"] { padding: 0 10px; } .bizness-portfolio-content .item { margin-bottom: 20px; position: relative; } .bizness-portfolio-content .row { margin: 0 -10px; } .bizness-portfolio-content { margin: 40px auto 0; width: calc(100% - 40px); max-width: 1400px; } .bizness-portfolio-content img { border-radius: 20px; } .bizness-portfolio-content .single_item_content { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); position: absolute; height: 100%; width: 100%; left: 0; right: 0; bottom: 0; top: 0; padding: 20px 15px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .bizness-portfolio-content .item:hover .single_item_content { background: rgba(0, 0, 0, 0.5); border-radius: 20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } .bizness-portfolio-content .single_item_content .entry-title { color: var(--color-text-4); font-size: 22px; font-weight: 400; margin-bottom: 7px } .bizness-portfolio-content .single_item_content .entry-subtitle { color: var(--color-text-4); font-size: 18px; font-weight: 400; margin-bottom: 7px } .bizness-portfolio-content .single_item_content span { font-size: 14px; color: var(--color-text-4); width: 100% } .bizness-portfolio-content .single_item_content .cat a { color: var(--color-text-4); position: relative; margin-right: 7px; font-size: 14px; } .bizness-portfolio-content .single_item_content .cat a:last-child { margin-right: 0; } .bizness-portfolio-content .single_item_content .cat a::before { position: absolute; display: block; content: ","; bottom: -2px; right: -7px; } .bizness-portfolio-content .single_item_content .cat a:last-child:before { display: none; } .bizness-portfolio-content .single_item_contents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-bottom: 10px } .bizness-portfolio-content .single_item_contents i { color: rgb(255 255 255 / 90%); font-size: 23px; padding: 10px; background: rgb(255 255 255 / 23%); border-radius: 25px; margin: auto 7px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .single_item_contents i:hover { background: rgb(0 196 182 / 50%); } /* ---------------------- */ /* Testimonials Section */ /* ---------------------- */ .listing-carousel-button { position: absolute; top: 50%; width: 80px; height: 50px; line-height: 50px; margin-top: -25px; z-index: 100; cursor: pointer; background: #007aff; -webkit-box-shadow: 0 9px 26px rgba(58, 87, 135, 0.45); box-shadow: 0 9px 26px rgba(58, 87, 135, 0.45); -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; outline: none; } .listing-carousel-button.listing-carousel-button-next { right: -30px; padding-right: 20px; border-radius: 60px 0 0 60px; } .listing-carousel-button.listing-carousel-button-prev { left: -30px; padding-left: 20px; border-radius: 0 60px 60px 0; } .listing-carousel-button.listing-carousel-button-next:hover { right: -15px; background: rgba(6, 27, 65, 0.4); } .listing-carousel-button.listing-carousel-button-prev:hover { left: -15px; background: rgba(6, 27, 65, 0.4); } .testi-item { padding: 20px 20px 5px; overflow: hidden; background: var(--color-bg-1); border: 1px solid #f1f1f1; border-radius: 20px; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; /* opacity: 0.9; */ text-align: left; margin: 0 10px; } .testimonials-text-after { font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: #ccc; opacity: .3; font-size: 35px; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; bottom: 25px; right: 30px; } .testimonials-text-before { font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; color: #ccc; opacity: .3; font-size: 35px; -webkit-transition: all 400ms linear; -o-transition: all 400ms linear; transition: all 400ms linear; top: 25px; left: 30px; } .testimonials-text .listing-rating { float: none; display: inline-block; } .listing-rating { font-size: 16px; } .listing-rating i { color: #FFB700; } .testimonials-avatar h3 { font-weight: 600; color: #000; font-size: 18px; } .testimonials-avatar h4 { font-weight: 400; font-size: 15px; color: #A5B4CA; } .testimonials-carousel .swiper-slide { padding: 20px 0 30px 0; margin-left: 0px; } .testi-avatar { width: 70px; height: 70px; border-radius: 100px; border: 5px solid var(--color-text-4); -webkit-box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1); box-shadow: 0 9px 26px rgba(58, 87, 135, 0.1); overflow: hidden; position: relative; } .testi-avatar:hover .bizness-image-overlay { opacity: 1; border-radius: 50%; background-color: rgb(0 0 0 / 25%); width: 100%; height: 100%; } .testimonials-avatar-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .testimonials-author-wrap { width: 65%; width: calc(100% - 90px); width: -webkit-calc(100% - 90px); padding-left: 10px; } .swiper-slide-active+.swiper-slide-next .testi-item { background: var(--color-bg-1); box-shadow: 0 5px 16px rgba(8, 8, 8, 0.1); -webkit-box-shadow: 0 5px 16px rgba(8, 8, 8, 0.1); border: 1px solid var(--color-text-4); } .author-title { font-size: 20px; font-weight: 600; } .author-designation { font-size: 18px; line-height: 1.1; } .star-ratings { color: #258BC6; font-size: 25px; width: 105px; position: relative; } .star-ratings-top { color: #eeac00; padding: 0; position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; } .star-ratings-bottom { padding: 0; z-index: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .testimonials-text .entry-content p:last-child { margin-bottom: 0; } .testimonials-text p { color: #878c9f; font-size: 15px; line-height: 24px; padding-top: 10px; } .text-link { position: absolute; bottom: 0; padding: 15px 0; border-radius: 10px 10px 0 0; background: #f9f9f9; border: 1px solid #eee; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.03); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.03); left: 50%; width: 200px; margin-left: -100px; } .tc-pagination { width: 100% !important; } .tc-pagination_wrap { position: absolute; bottom: -40px; left: 0; width: 100%; } .tc-pagination2 { float: none; display: inline-block; padding: 14px 0; background: var(--color-bg-1); border-radius: 30px; min-width: 250px; border-bottom: 0; } .tc-pagination .swiper-pagination-bullet, .tc-pagination2.swiper-pagination-bullet { border: 3px solid var(--color-text-4); opacity: 1; background: var(--color-accent-1); margin: 5px 5px; -webkit-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-box-shadow: 0px 0px 10px 0px #3434344a; box-shadow: 0px 0px 10px 0px #3434344a; padding: 13px; } .swiper-container-pointer-events { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-wrapper { -webkit-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms; -webkit-transform: translate3d(-1690.67px, 0px, 0px); transform: translate3d(-1690.67px, 0px, 0px); } .swiper-container-android .swiper-slide { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform, -webkit-transform; overflow: hidden; } .swiper-pagination-bullets-dynamic { text-align: center; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(.66); -ms-transform: scale(.66); transform: scale(.66); position: unset; opacity: 0.5; } .swiper-pagination-bullet { display: inline-block; border-radius: 50%; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; opacity: 1; } .testimonials-carousel .swiper-slide { -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; } .testimonials-carousel .swiper-slide { height: auto; } .testimonials-carousel-wrap { margin: 0 -10px; } /* Single Blog Post */ .social-share-wrap .share-label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 12px; font-weight: 700; margin-right: 12px; } .social-share-wrap .social-list { margin: 0; padding: 0; } .social-share-wrap .social-list li { padding: 0 10px 0 0; } .social-share-wrap .social-list li:last-child { padding: 0; } .social-share-wrap .social-list li>* { font-size: 26px; } .single .post-meta-wrapper li:last-child { margin-right: 0px; } .social-share-wrap .social-list li a:hover { text-decoration: none; } .single .post-meta-wrapper .post-meta { margin: 0; padding: 0; } .element-author-box .author-avatar { margin: 0px; max-width: 100px; margin: 0 auto 15px; border-radius: 200px; overflow: hidden; border: 3px solid var(--color-accent-1); } .nav-next.text-right .nav-featured-image-wrap { margin-left: 15px; } .nav-previous.text-left .nav-featured-image-wrap { margin-right: 15px; } .author-details .author-name { font-weight: 600; } /*.post-meta-wrapper { margin-bottom: 10px; }*/ .meta-icon { color: var(--color-heading); font-size: 14px; } .post-meta li { margin-right: 22px; position: relative; text-transform: capitalize; } .post-meta li:last-child { margin-right: 0; } .post-meta li::before { position: absolute; display: block; content: ""; height: 6px; width: 6px; background: var(--color-heading); right: -15px; top: 0; border-radius: 50%; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); bottom: 0; margin: auto; } .post-meta li:last-child::before { display: none; } .pagination { padding: 30px 0; } .pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2px; } .pagination .nav-links>a, .pagination .nav-links>span { height: 35px; width: 35px; display: inline-block; text-align: center; border: 1px solid var(--color-accent-1); color: var(--color-text-4); line-height: 32px; color: var(--color-accent-1); margin: 0 2px } .pagination .nav-links a:hover, .pagination .nav-links>span.current { background: var(--color-accent-1); color: var(--color-text-4); text-decoration: none; } .pagination .nav-links a.next, .pagination .nav-links a.prev { font-size: 0; position: relative; } .pagination .nav-links a.next::before, .pagination .nav-links a.prev::before { position: absolute; display: block; content: ""; height: 12px; width: 12px; border-top: 2px solid; border-right: 2px solid; top: 0; bottom: 0; left: 0; right: 4px; margin: auto; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pagination .nav-links a.prev::before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); left: 4px; right: 0; } .pagination .nav-links a.next span, .pagination .nav-links a.next i, .pagination .nav-links a.prev span, .pagination .nav-links a.prev i { display: none; } .pagination .nav-links>span.dots { border: none } .post-navigation .nav-subtitle { display: none; } .post-navigation .nav-links a { color: var(--color-text-4); display: block; height: 100%; background: var(--color-accent-1); height: 100%; padding: 15px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; } .post-navigation .nav-links a::before { position: absolute; display: block; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; left: 15px; top: 0; bottom: 0; margin: auto; height: 20px; font-size: 20px; line-height: 1; } .post-navigation .nav-links .nav-next a { padding-right: 60px; } .post-navigation .nav-links .nav-next a::before { content: "\f30b"; left: auto; right: 15px; } .post-navigation .nav-links .nav-previous a { padding-left: 60px; } .post-navigation .nav-links .nav-previous a::before { content: "\f30a"; } .post-navigation .nav-links a:hover { text-decoration: none; background: var(--color-accent-2); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s } .nav-featured-image-wrap figure.featured-image { margin: 0; } .post-navigation .nav-previous { padding-right: 7.5px } .post-navigation .nav-next { padding-left: 7.5px } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list, .wp-block-archives-list, ul.wp-block-rss, .comments-area .comment-list { margin-left: 0 } .wp-block-search__button, button, a.button, input[type="button"], input[type="reset"], input[type="submit"], .wc-proceed-to-checkout a { background: var(--color-accent-1); border: 1px solid var(--color-accent-1); padding: 10px 20px 11px; color: var(--color-text-4); cursor: pointer; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-radius: 3px; } .wp-block-search__button:hover, input[type="submit"]:hover, button:hover, a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .wc-proceed-to-checkout a:hover { background: var(--color-accent-2); border-color: var(--color-accent-2); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-decoration: none; } .wpcf7-form span, .wpcf7-form label, .wpcf7-form input:not([type="submit"]) { width: 100%; } form { margin-bottom: 15px; } .section-post-container { padding: 50px 0 50px; } .menu-toggle { display: none; } .site-branding .custom-logo-link img { max-width: 240px; } /* .site-branding { display: block !important; } */ .site-title-wrap { width: 100%; margin-top: 0px; } .site-header-main-row { padding: 10px 0; } .author-content { display: block !important; text-align: center !important; } .site-content .post-meta-wrapper .post-meta li.meta-wrapper .meta-icon { margin-left: 10px; } .site-content .post-meta-wrapper .post-meta li.meta-wrapper:first-child .meta-icon { margin-left: 0; } .btn-outline-info { color: var(--color-accent-1); border-color: var(--color-accent-1); } .btn-outline-info:hover { background-color: var(--color-accent-1); border-color: var(--color-accent-1); } .header-search-wrap .search-form { margin: 0; } .site-header-row .header-social-inner li, .site-footer-row .footer-social-inner li { margin: 5px 0; } .header-search-wrap .search-form input { height: 44px; } .site-header-row .bizness-btn-primary { padding: 10px 32px; } .bizness-post-details h4 { font-size: 16px; margin-bottom: 0; color: var(--color-heading); font-weight: 600; } .bizness-slider-subtitle { color: var(--color-text-4); font-weight: 600; } .site-header-section .site-header-item:not(:last-child), .site-footer-section .site-footer-item:not(:last-child) { margin-right: 10px; } .social-icons li a { padding: 0; } .social-icons li:not(:last-child) { margin-right: 10px } .read-more-wrap .btn-link { padding: 0; } .entry-content-wrap { overflow: hidden; } .site-content .post-meta-wrapper .post-meta li.post-author .meta-icon img { height: 28px; width: 28px; border-radius: 50px; } .bizness-btn-primary .label-text { margin: auto; } .site-header .header-button-wrap .header-button, .site-footer .footer-button-wrap .footer-button, .site-header .header-account-wrap .header-account { -webkit-column-gap: 7px; -moz-column-gap: 7px; column-gap: 7px; row-gap: 7px; } .site-header .header-account-wrap .header-account img.avatar { height: 28px; width: 28px; } .site-header .header-html-inner >*, .site-footer .header-html-inner >* { margin: 0; } .has-transparent-header .site-header { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .has-transparent-header .site-header.fixed-site-header { background: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2); } .has-transparent-header .bizness-slider .bizness-slider { padding-top: 60px; } .has-transparent-header .site-header-main-row, .site-header-main-row { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .has-transparent-header .site-header-main-row { padding: 3px 0 } .bizness-featured-slider-wrapper .post-thumbnail { height: 100%; } /* -- "Back To Top" (These are the styles for the Back To Top) -- */ .back-to-top { bottom: 70px; position: fixed; right: 30px; z-index: 9; } .back-to-top button { -moz-border-radius: 3px; -moz-osx-font-smoothing: grayscale; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-border-radius: 3px; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s ease-out; border-radius: 3px; color: var(--color-text-4); display: block; font-size: 16px; height: 40px; line-height: 40px; text-align: center; transition: all 0.5s ease-out; width: 40px; cursor: pointer; padding: 0; } .site-header .site-header-wrap .site-branding .custom-logo-link img { height: 100px; width: 100px; } .site-header .site-header-wrap .site-branding { gap: 10px; } .error-404 .search-form { max-width: 400px; } .error-404 .widget_categories ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -3px; } .error-404 .widget_categories ul li { list-style: none; margin: 0 3px 6px; border: 1px solid; padding: 5px 10px; } .error-404 .widget_categories ul li a { margin-right: 4px; } .error-404 a.bizness-btn-primary { margin-bottom: 10px; } .site-footer .site-footer-top-row { padding: 30px 0; } .bizness-latest-posts .bizness-post-details h3 a { color: var(--color-heading); } .bizness-latest-posts .bizness-post-details h3 a:hover { color: var(--color-accent-2); } /* .bizness-featured-slider-wrapper .post-thumbnail { max-height: 550px; } */ .bizness-slider .bizness-slider { position: static; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 50px 0 80px; } .bizness-featured-slider-wrapper .post-thumbnail { position: absolute; top: 0; left: 0; width: 100%; } .bizness-featured-slider-wrapper .bizness-swiper-pagination { bottom: 20px; } .bizness-blog-section { background-repeat: no-repeat; background-size: cover; } .swiper-button-next, .swiper-button-prev { height: 70px; width: 40px; z-index: 9; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; transition: all 0.45s ease 0s; } .bizness-slider-warapper:hover .swiper-button-next, .bizness-slider-warapper:hover .swiper-button-prev { opacity: 1; visibility: visible; -webkit-transition: all 0.45s ease 0s; -o-transition: all 0.45s ease 0s; transition: all 0.45s ease 0s; } .swiper-button-prev { left: auto; right: 0; } .swiper-button-next::before, .swiper-button-prev::before { position: absolute; display: block; content: ""; height: 45px; width: 45px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; bottom: 0; left: 18px; right: 0; margin: auto; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .swiper-button-prev::before { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); left: auto; right: 18px; } .swiper-button-next:hover:before, .swiper-button-prev:hover:before { opacity: 0.55; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .single-post-wrapper #primary .post.has-image .element-post-image .post-thumbnail { height: 380px; max-height: 100%; } .single-post-wrapper #primary .post.has-image .element-post-image .post-thumbnail img { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } .header-wc-cart-wrap { cursor: pointer; text-transform: uppercase; position: relative; } .wc-cart-widget-wrapper { width: 300px; position: absolute; right: 0; top: 100%; z-index: 99; padding-top: 50px; visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 9999999; } .justify-content-start .wc-cart-widget-wrapper { left: 0; right: auto; } .justify-content-start .wc-cart-widget-wrapper .widget_shopping_cart::before { right: auto; left: 8px; } .header-wc-cart-wrap:hover>.wc-cart-widget-wrapper { padding-top: 20px; opacity: 1; visibility: visible; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-icon { position: relative; } .cart-icon .cart-value { position: absolute; top: -13px; right: -13px; background: var(--primary); color: #fff; height: 20px; width: 20px; font-size: 12px; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cart-icon i { font-size: 18px; } .header-wc-cart-wrap .widget_shopping_cart { border: 1px solid var(--primary); padding: 15px; position: relative; background: var(--white); -webkit-box-shadow: 10px 11px 7px 1px rgba(0, 0, 0, 0.15); box-shadow: 10px 11px 7px 1px rgba(0, 0, 0, 0.15); } .header-wc-cart-wrap .widget_shopping_cart::before { content: ''; width: 12px; height: 12px; border: 1px solid var(--primary); top: -7px; right: 0; right: 8px; background: var(--white); position: absolute; -webkit-transform: rotate(44deg); -ms-transform: rotate(44deg); transform: rotate(44deg); border-bottom: 0; border-right: 0; } .header-wc-cart-wrap .cart_list.product_list_widget { padding-left: 0; margin-left: 0; margin-bottom: 10px; } .header-wc-cart-wrap .cart_list.product_list_widget li { list-style: none; } .header-wc-cart-wrap .cart_list.product_list_widget li a img { max-width: 60px; margin-right: 5px; } .header-wc-cart-wrap .cart_list.product_list_widget li a { font-size: 12px; } .header-wc-cart-wrap .cart_list.product_list_widget li .quantity { display: block; margin-top: 5px; } .header-wc-cart-wrap .widget_shopping_cart_content p { margin-bottom: 10px; } .header-wc-cart-wrap .woocommerce-mini-cart__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header-search-wrap .header-search-content { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); right: 0; padding: 10px; position: absolute; top: 64px; visibility: hidden; z-index: 9999999; width: 350px; opacity: 0; height: auto !important; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .header-search-wrap .header-search-content::before { position: absolute; display: block; content: ""; background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 1px 0 0 1px; height: 10px; right: 10px; top: -6px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; } .header-search-wrap .search-toggle.search-active~.header-search-content { visibility: visible; opacity: 1; top: 45px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .header-search-wrap .header-search-content .search-form { margin: 0; } .header-search-wrap .search-toggle { height: 28px; width: 28px; position: relative; text-align: center; } .header-search-wrap .search-toggle::before { position: absolute; display: block; content: "\f002"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; left: 0; right: 0; margin: auto; } .header-search-wrap { position: relative; } .justify-content-center .header-search-wrap .header-search-content { right: -165px; } .justify-content-center .header-search-wrap .header-search-content::before { right: 0; left: 0; margin: auto; } .justify-content-start .header-search-wrap .header-search-content { left: 0; right: auto } .justify-content-start .header-search-wrap .header-search-content::before { right: auto; left: 10px; margin: auto; } .site-footer-item, .site-footer-item .footer-sidebar-wrap{ width: 100%; } .header-wc-cart-wrap .cart_list.product_list_widget li a.remove { background: var(--color-accent-2); width: 20px; height: 20px; display: inline-block; text-align: center; color: #fff; border-radius: 50px; font-size: 20px; line-height: 0.7; font-weight: 700; } .header-wc-cart-wrap .cart_list.product_list_widget li a img { display: none; } .bizness-about-section .container { max-width: 1140px !important; } label.wp-block-search__label { display: none; } .wp-block-search__inside-wrapper { margin-top: 15px; }