/* * Repeatable Patterns * Carousel * Topbar * Header * Mobile navigation * Temtplate Css Global * Page Title * Blog * Blog Single * Sidebar * Pagination * Mail Chimp * Footer * Widget footer * Bottom * GoTop Button * Boxed * Preload * Contact form * Flat List * Service detail * 404 * Search No Results */ /* Repeatable Patterns -------------------------------------------------------------- */ ::-moz-selection { color: #fff; text-shadow: none; background: var(--theme-secondary-color); } ::-webkit-selection { color: #fff; text-shadow: none; background: var(--theme-secondary-color); } ::selection { color: #fff; text-shadow: none; background: #000; } a { color: var(--theme-secondary-color); text-decoration: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } a:hover { text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a:focus { text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } img { max-width: 100%; height: auto; } .blog-post .featured-post img { border-radius: 16px; } /* Typography */ body, button, input, select, textarea { background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } strong, b { font-weight: 700; } ul { list-style: none; } p { margin-bottom: 27px; } p:last-of-type { margin-bottom: 0px; } article:last-of-type, article p:last-of-type { margin-bottom: 0; } dfn, cite, em, i { font-style: italic; } blockquote { position: relative; padding: 24px 40px; background: #5edda00c; } blockquote code { color: inherit; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 40px 0px 40px 0px; padding: 31px 45px 26px 140px; } blockquote a:hover { color: var(--theme-secondary-color); } blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6 { color: #fff; } table { width: 100%; margin: 15px 0; } th, td { border: 1px solid #f5f5f5; padding: 7px; text-align: center; } blockquote>p:last-child { margin-bottom: 0; } blockquote em, blockquote i, blockquote cite { font-weight: 700; } blockquote cite::before { content: ''; width: 5px; height: 2px; background-color: #121212; } blockquote cite { font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: capitalize; } blockquote strong, blockquote b { font-weight: 600; } abbr[title] { border-bottom: 1px dotted #c0c0c0; cursor: help; } mark, ins { background-color: var(--theme-secondary-color); text-decoration: none; color: #fff; padding: 7px; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -6px; } sub { bottom: -3px; } small { font-size: 75%; } big { font-size: 125%; } address { font-style: italic; margin: 0 0 20px; } code, kbd, tt, var, samp, pre { font-family: Inconsolata, monospace; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } pre { background: #f9f9f9; border: 1px solid #eee; border-radius: 0; font-family: Consolas, monospace; height: auto; margin: 0 0 20px; overflow-x: auto; padding: 20px; } h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 { font-weight: 600; } h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 { font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-weight: 600; color: var(--theme-primary-color); line-height: 1.3; } h1 { font-size: 50px; } h2 { font-size: 32px; } h3 { font-size: 28px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } /* Alignments */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { display: block; margin-right: auto; margin-left: auto; } .blockcenter { left: 50%; transform: translatex(-50%); -moz-transform: translatex(-50%); -ms-transform: translatex(-50%); -webkit-transform: translatex(-50%); -o-transform: translatex(-50%); } .float-right { float: right; } blockquote.alignleft, .wp-caption.alignleft, img.alignleft { margin: 7px 30px 25px 0 !important; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 7px 0 25px 30px !important; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 10px; } /* Content */ .bypostauthor article .gravatar { float: left; display: inline-block; } .page-header { margin: 0; border: 0; } .page-header .nothing { padding: 0; background-color: transparent; font-size: 40px; line-height: 40px; color: #ff1200; } .site-main { position: relative; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 0px; width: 0px; overflow: hidden; } /* 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%; } /* Captions */ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; font-size: 0.9em; } /* Galleries */ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .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; } /* Elements */ hr { background-color: #eee; border: 0; height: 1px; margin-bottom: 20px; } ul, ol { padding: 0; margin: 0px; } ul { list-style: none; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; } dd, dt { line-height: 30px; } ::-moz-selection { color: #fff; text-shadow: none; background: #333; } ::-webkit-selection { color: #fff; text-shadow: none; background: #333; } ::selection { color: #fff; text-shadow: none; background: #333; } /* Forms */ button, input[type="button"], input[type="reset"], input[type="submit"] { color: var(--theme-primary-color); background-color: #F5F5F5; text-transform: capitalize; padding: 15px 16px; cursor: pointer; white-space: nowrap; z-index: 0; display: inline-block; line-height: 1; margin-bottom: 0; border: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: var(--theme-primary-color); color: #fff; border-color: var(--theme-primary-color); } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { border: 1px solid transparent; background-color: #F5F5F5; padding: 15px 16px; max-width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid var(--theme-primary-color); outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } textarea { width: 100%; height: 150px; padding: 15px 16px; background-color: #F5F5F5; border: 1px solid transparent; } input[type="checkbox"] { display: inline; } input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder { color: #64666C; opacity: 1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #64666C; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #64666C; opacity: 1; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%); background-position: calc(100% - 20px), calc(100% - 15px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; line-height: 1.5; } /* Bootstrap Resetting Elements */ .btn { background-image: none; } textarea, input[type="text"], input[type="submit"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .dropdown-menu, .navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus { -webkit-appearance: none; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } button:focus { outline: none; } input[type="radio"] { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; border: 1px solid #d5d5d5; border-radius: 50%; outline: none; position: relative; } input[type="radio"]:before { content: ""; display: block; width: 80%; height: 80%; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } input[type="radio"]:checked { border-color: var(--theme-primary-color); } input[type="radio"]:checked:before { background: var(--theme-primary-color); } /*Block Editor*/ .wp-block-button__link { border-radius: 5px; position: relative; z-index: 1; overflow: hidden; } .wp-block-button__link:hover { background: var(--theme-primary-color); color: #fff; } .is-style-outline .wp-block-button__link:hover { color: #fff; } .wp-block-button:not(.alignleft):not(.aligncenter):not(.alignright) { margin-top: 30px; } .wp-block-button.is-style-squared a, .wp-block-button__link.wp-block-button.is-style-squared a { border-radius: 0px; } .post-password-form button[type="submit"], .post-password-form input[type="submit"] { margin-left: 15px; border-radius: 0px; padding: 22px 57px 22px 57px; } .post-password-form input[type="password"] { min-width: 300px; border-radius: 0px; border-color: #eaeaea; } .wp-block-button { margin-bottom: 30px; } .wp-block-cover-image h1:not(.has-text-color), .wp-block-cover-image h2:not(.has-text-color), .wp-block-cover-image h3:not(.has-text-color), .wp-block-cover-image h4:not(.has-text-color), .wp-block-cover-image h5:not(.has-text-color), .wp-block-cover-image h6:not(.has-text-color), .wp-block-cover-image p:not(.has-text-color), .wp-block-cover h1:not(.has-text-color), .wp-block-cover h2:not(.has-text-color), .wp-block-cover h3:not(.has-text-color), .wp-block-cover h4:not(.has-text-color), .wp-block-cover h5:not(.has-text-color), .wp-block-cover h6:not(.has-text-color), .wp-block-cover p:not(.has-text-color) { color: #fff; } .entry-content>.alignwide:not(.wp-block-group.has-background), .entry-content>.alignfull:not(.wp-block-group.has-background), .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) { margin-bottom: 32px; margin-top: 32px; } .wp-block-group.has-background { padding: 30px; margin-top: 0; margin-bottom: 0; } .has-large-font-size { line-height: 1.3; } .wp-block-quote { border-radius: 16px; margin-left: 0; margin-right: 0; } .single article .entry-content .wp-block-quote>p { font-family: 'DM Sans'; font-size: 24px; font-weight: 700; line-height: 36px; text-transform: capitalize; } .blog-single .wp-block-quote::before { content: '\e910'; font-family: 'norstar'; color: #171717; font-size: 40px; } /* Block Widget */ ul.wp-block-rss, ul.wp-block-latest-posts, ul.wp-block-archives-list, ol.wp-block-latest-comments { margin-left: 0; } ul.wp-block-rss, ol.wp-block-latest-comments { width: fit-content; } ul.wp-block-rss ul, ul.wp-block-latest-posts ul, ul.wp-block-archives-list ul, ol.wp-block-latest-comments ul { padding-left: 15px; } ul.wp-block-rss li, ul.wp-block-latest-posts li, ul.wp-block-archives-list li, ol.wp-block-latest-comments li { position: relative; list-style: none; } .container { max-width: 1434px; } .container-small { --max-width: 1170px; --padding: 16px; width: min(var(--max-width), 100% - var(--padding)*2); margin-inline: auto; } /* Custom Cursor -------------------------------------------------------------- */ .tfmouseCursor { position: fixed; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; border-radius: 50%; transform: translateZ(0); visibility: hidden; text-align: center; } .cursor-outer { margin-left: -18px; margin-top: -18px; width: 35px; height: 35px; background: var(--theme-primary-color); box-sizing: border-box; z-index: 10000000; opacity: .2; transition: all 0.3s ease-out; } .cursor-inner { margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; z-index: 10000001; background-color: var(--theme-primary-color); transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out; } .tfmouseCursor.cursor-hover { opacity: 0; } /* Global class ---------------------------------------------------------------*/ .flex { display: flex; align-items: flex-start; justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .align-items-center { align-items: center; } /* Carousel -------------------------------------------------------------- */ .owl-carousel { touch-action: manipulation; } /* Header -------------------------------------------------------------- */ #header { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header-sticky { -webkit-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 0 65px rgba(0, 0, 0, 0.09); box-shadow: 0 0 65px rgba(0, 0, 0, 0.09); } #header.header-sticky { position: fixed; top: 0; left: 0; right: 0; box-shadow: 0px 3px 6px rgb(0, 0, 0, 6%); } /* The progress container (grey background) */ .progress-container { width: 100%; height: 8px; background: #E6E6E6; } /* The progress bar (scroll indicator) */ .progress-bar { height: 8px; background: var(--theme-primary-color); width: 10%; } #header .header-wrap, #header .header-wrap .header-ct-left, #header .header-wrap .header-ct-center, #header .header-wrap .header-ct-right { height: 100%; } /* header-default */ #header.header.header-default .inner-header .container, .themesflat-top.default .container, .header-default .themesflat-top.style-01 .container { max-width: 1434px; } #header .header-wrap { display: flex; align-items: center; } #header .header-wrap .header-ct-right .tf-btn.get-start-btn:hover { background-color: #fff; color: var(--theme-primary-color); } #header .header-wrap .header-ct-right .tf-btn.sign-in-btn:hover { color: var(--theme-primary-color); } #header .themesflat-socials { list-style: none; margin: 0; display: flex; align-items: center; } #header .themesflat-socials li, .footer-main .info-footer-custom .themesflat-socials li { background: unset !important; line-height: 100%; } #header .themesflat-socials li:not(:last-child) { margin-right: 16px; } .header_sticky #header .themesflat-socials li a { font-size: 20px; color: #fff; } #header .themesflat-socials li a { font-size: 20px; color: #171717; } #header .themesflat-socials li a i { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #header .themesflat-socials li { transform: scale(1); -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } #header .themesflat-socials li:hover { transform: scale(1.3); } #header .themesflat-socials li a:hover { color: var(--theme-primary-color); } .social-header-2 { display: flex; align-items: center; } .social-header-2 h6 { color: #fff; font-size: 14px; font-weight: 700; line-height: 24px; margin: 0; margin-right: 12px; } .social-header-2 .themesflat-socials a { font-size: 12px; color: #fff; width: 28px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .social-header-2 .themesflat-socials li:not(:last-child) { margin-right: 10px; } .social-header-2 .themesflat-socials a:hover { background: #fff; border-color: #fff; color: var(--theme-primary-color); } #header .header-wrap { display: flex; align-items: center; width: 100%; position: relative; justify-content: space-between; } #header .header-wrap .header-ct-left { flex-grow: 1; justify-content: space-between; display: flex; align-items: center; } #header .header-wrap .header-ct-center { flex-grow: 1; display: flex; align-items: center; justify-content: center; } #header .header-wrap .header-ct-right { flex-grow: 1; justify-content: flex-end; display: flex; align-items: center; gap: 32px; } #header .header-wrap .header-ct-right .show-login a { font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; display: flex; align-items: center; gap: 4px; } #header .header-wrap .header-ct-right .show-login a:hover { color: var(--theme-primary-color); } #header .header-wrap .header-ct-right .show-login a i { font-size: 24px; } .header-default { box-shadow: 0px 15px 14px rgb(0 0 0 / 5%); } #header .header-ct-right .tf-btn:last-child { display: flex; padding: 12px 28px; height: 44px; border-radius: 44px; background-color: var(--theme-primary-color); color: #121212; font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 500; line-height: 20px; /* 142.857% */ letter-spacing: 1.12px; text-transform: uppercase; } #header .header-ct-right .tf-btn:hover { background-color: #fff; color: #121212; } #header .btn_cart { position: relative; line-height: 0; } #header .btn_cart:hover a i { color: var(--theme-primary-color); } .show-search a::before { content: "\e924"; font-family: "norstar"; color: #fff; font-size: 22px } .show-search a:hover:before { color: var(--theme-primary-color); } #header .btn_cart i { font-size: 24px; } #header .btn_cart::before { content: '1'; position: absolute; background-color: #fff; width: 12px; height: 12px; padding: 4px; font-size: 8px; display: flex; align-items: center; justify-content: center; right: -6px; top: -6px; border-radius: 50%; } #header .tf-btn:hover { color: #fff; } .wrap-inner-header { width: 100%; } .header-absolute .header-default .header-wrap .header-ct-left, .header-absolute #header .header-wrap .header-ct-right .phone-header-box { border-color: transparent; } #header .header-ct-right a.tf-btn i { font-size: 12px; } #header .logo { display: flex; justify-content: center; align-items: center; } #header .header-wrap .header-ct-center .inner-center { display: flex; align-items: center; position: relative; } #header .header-wrap .header-ct-right .phone-header-box { height: 100%; display: flex; align-items: center; margin-left: 21px; font-weight: 400; font-size: 14px; line-height: 22px; color: #121212; } #header .header-wrap .header-ct-right .phone-header-box .icon { color: var(--theme-primary-color); font-size: 36px; margin-right: 12px; } #header .header-wrap .header-ct-right .header-modal-menu-left-btn i, #header .header-wrap .header-ct-right .show-search i { font-size: 20px; display: block; } #header .header-wrap .header-ct-right .phone-header-box h3 { font-weight: 700; font-size: 16px; line-height: 26px; color: var(--theme-primary-color); margin-bottom: 0; } #header .header-info-item { display: flex; align-items: center; margin-left: 88px; } #header .header-info-item:first-child { margin-left: 0; } #header .header-info-item .info-label { width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--theme-accent-color); font-size: 16px; margin-right: 12px; } #header .header-info-item .content .title { font-weight: 400; font-size: 13px; line-height: 20px; color: #9C9EA6; margin-bottom: -4px; } #header .header-info-item .content .info-content { font-weight: 600; font-size: 13px; line-height: 20px; color: var(--theme-primary-color); } /* Header absolute */ .header-absolute #header.header-default { width: 100%; position: absolute; /* background-color: transparent; */ border-bottom: 1px solid rgba(255, 255, 255, 0.10); } /* menu toggle */ .action-btn { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 10px; color: #333333; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; cursor: pointer; } .action-btn i { display: inline-block; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .action-btn:hover i { transform: rotateZ(-60deg); } /* logo */ .logo a, #logo-mobi a { display: inline-block; } .logo img, .logo svg, .logo { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */ image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ } /* navigation */ #mainnav ul { list-style: none; margin: 0; padding: 0; } #mainnav ul li { position: relative; } #mainnav>ul>li { float: left; } #mainnav>ul>li:last-child { margin-right: 0; } #mainnav>ul { display: flex; /* gap: 45px; */ } #mainnav>ul>li { padding: 0; -webkit-box-flex: unset; -ms-flex: unset; flex: unset; max-width: unset; line-height: 91px; } #mainnav>ul>li>a { font-size: 18px; position: relative; display: inline-block; text-transform: capitalize; } #mainnav>ul>li:first-child { margin-left: 0px; } .header-default #mainnav>ul>li:first-child { /* margin-right: 0; */ } #mainnav>ul>li.menu-item-has-children { margin-right: 10px; } #mainnav>ul>li.menu-item-has-children>a::after { font-family: "norstar"; content: "\e901"; font-weight: 100; font-size: 16px; display: inline-block; margin-left: 6px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainnav>ul>li:not(.menu-item-has-children)>a:after, #mainnav>ul>li.active:not(.menu-item-has-children)>a:after { content: ''; display: block; width: 0px; height: 2px; background-color: var(--theme-primary-color); transition: width .2s ease; } #mainnav>ul>li:not(.menu-item-has-children)>a:hover::after, #mainnav>ul>li.active:not(.menu-item-has-children)>a:after { width: 100%; } #mainnav>ul>li.current-menu-item>a, #mainnav>ul>li>a:hover, #mainnav>ul>li.current-menu-item>a, #mainnav>ul>li.active>a { color: var(--theme-primary-color); } #mainnav>ul>li>a i { font-size: 14px; margin-left: 5px; } #mainnav>ul>li>a:hover:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #mainnav>ul>li>a { /* padding: 3px 8px; */ position: relative; z-index: 5; } #mainnav>ul>li>a:hover { color: var(--theme-secondary-color); } /* submenu */ #mainnav ul.sub-menu { padding: 0; text-align: left; position: absolute; left: 0px; width: 270px; background: #fff; z-index: 9999; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; visibility: hidden; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-radius: 4px; } #mainnav ul.sub-menu:after { content: ""; background: transparent; width: 100%; height: 15px; position: absolute; top: -15px; left: 0; } #mainnav ul.sub-menu:before { content: ""; position: absolute; height: 15px; width: 15px; top: -5px; left: 25px; opacity: 1; z-index: -1; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #fff; } #mainnav ul.sub-menu:after { content: ''; position: absolute; z-index: -1; width: 100%; height: 15px; left: 0; top: -15px; } #mainnav>ul>li>a, .header-modal-menu-left-btn .text, header .flat-information li, header .flat-information li a, #mainnav ul.sub-menu>li>a, #mainnav li.megamenu>ul.sub-menu>.menu-item-has-children>a, #mainnav ul.sub-menu>li>a:hover, #mainnav ul.sub-menu>li.current-menu-item>a, #mainnav-mobi ul li.current-menu-item>a, #mainnav-mobi ul li.current-menu-ancestor>a, #mainnav ul.sub-menu>li.current-menu-ancestor>a, #mainnav-mobi ul li .current-menu-item>a, #mainnav-mobi ul li.current-menu-item .btn-submenu:before, #mainnav-mobi ul li .current-menu-item .btn-submenu:before { color: var(--theme-primary-color); } #mainnav ul.sub-menu>li>a { color: #171717; text-transform: capitalize; } .header-modal-menu-left-btn .modal-menu-left-btn .line { background: var(--theme-primary-color); } #mainnav ul.sub-menu>li>a:hover { background-color: var(--theme-accent-color); } #mainnav ul.sub-menu>li>a>span { background: var(--theme-secondary-color); color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 5px; padding: 5px 7px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: 1; } /* Right sub-menu */ #mainnav ul.right-sub-menu { left: auto; right: 0; } #mainnav ul li:hover>ul.sub-menu { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; } #mainnav ul li ul li { margin-left: 0; } #mainnav ul.sub-menu li ul.sub-menu { position: absolute; left: 100%; top: 0; padding: 0; } #mainnav ul.sub-menu li ul.sub-menu li a:hover, #mainnav ul.sub-menu li ul.sub-menu li.current-menu-item a { background: #f5f5f5; color: var(--theme-primary-color); } #mainnav ul.sub-menu li ul.sub-menu li a:hover::after, #mainnav ul.sub-menu li ul.sub-menu li.current-menu-item a::after { background: var(--theme-secondary-color); } #mainnav ul.sub-menu li ul.sub-menu li a:hover::before, #mainnav ul.sub-menu li ul.sub-menu li.current-menu-item a::before { color: var(--theme-primary-color); } #mainnav ul.sub-menu li ul.sub-menu:before { top: 25px; left: -5px; } #mainnav ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu { left: 0; top: 100%; } #mainnav ul.sub-menu li ul.sub-menu ul.sub-menu ul.sub-menu ul.sub-menu { left: -100%; top: 0; } #mainnav ul.sub-menu>li { border-top: 1px solid #f7f7f7; } #mainnav ul.sub-menu>li:first-child { border-top: 0; } #mainnav ul.sub-menu>li>a { display: block; text-decoration: none; padding: 15px; line-height: normal; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #mainnav ul.sub-menu li.menu-item-has-children>a::before { font-family: "norstar"; content: "\e905"; right: 20px; line-height: normal; font-size: 14px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } #mainnav .megamenu ul.sub-menu li.menu-item-has-children>a::before { display: none; } #mainnav ul.sub-menu>li.current-menu-item>a { background: #f5f5f5; font-weight: 600; } #mainnav ul.sub-menu>li>a:hover { background: #f5f5f5; } #mainnav ul.sub-menu>li>a:hover::after, #mainnav ul.sub-menu>li.current-menu-item>a::after { opacity: 1; visibility: visible; } #mainnav ul.sub-menu>li.sub-parent:hover::after { right: 18px; } #mainnav>ul>li.home>a:before { opacity: 1; content: ""; position: absolute; left: 20px; bottom: -15px; width: 15px; height: 5px; background-color: var(--theme-secondary-color); } #mainnav>ul>li.home>a:after { opacity: 1; position: absolute; left: 36px; bottom: -15px; width: 15px; height: 5px; background-color: #000; content: ""; } /* Mega Menu */ #mainnav li.megamenu { position: inherit; } #mainnav li.megamenu ul.sub-menu { z-index: 9999; } #mainnav li.megamenu>ul.sub-menu { width: 100%; left: 0; right: auto; padding: 15px; position: absolute; z-index: 98; -webkit-box-shadow: 0 6px 50px rgba(0, 0, 0, 0.04); box-shadow: 0 6px 50px rgba(0, 0, 0, 0.04); border-top: solid 1px #f7f7f7; } #mainnav li.megamenu>ul.sub-menu>li { margin: -15px 0; padding: 20px 0; display: block; float: left; width: 100%; border-right: solid 1px #f0f0f0 !important; } #mainnav li.megamenu>ul.sub-menu>li:last-child { border-right: none !important; } #mainnav li.megamenu.col-1>ul.sub-menu>li { width: 100%; } #mainnav li.megamenu.col-2>ul.sub-menu>li { width: 50%; } #mainnav li.megamenu.col-2>ul.sub-menu>li:nth-child(3n) { clear: both; } #mainnav li.megamenu.col-3>ul.sub-menu>li { width: 33.33%; } #mainnav li.megamenu.col-3>ul.sub-menu>li:nth-child(4n) { clear: both; } #mainnav li.megamenu.col-4>ul.sub-menu>li { width: 25%; } #mainnav li.megamenu.col-4>ul.sub-menu>li:nth-child(5n) { clear: both; } #mainnav li.megamenu.col-5>ul.sub-menu>li { width: 20%; } #mainnav li.megamenu.col-5>ul.sub-menu>li:nth-child(6n) { clear: both; } #mainnav li.megamenu.col-6>ul.sub-menu>li { width: 16.66%; } #mainnav li.megamenu.col-6>ul.sub-menu>li:nth-child(7n) { clear: both; } #mainnav li.megamenu>ul.sub-menu>li ul { display: block; top: auto; width: 100%; min-width: 0; left: auto; position: relative; -webkit-box-shadow: none; box-shadow: none; } #mainnav li.megamenu ul.sub-menu>li>a { padding: 10px 15px; } #mainnav li.megamenu>ul.sub-menu>.menu-item-has-children>a { font-weight: 700; opacity: 0.8; color: #222; background: transparent !important; } #mainnav li.megamenu>ul.sub-menu ul { background: transparent !important; } #mainnav li.megamenu>ul.sub-menu>.menu-item-has-children>a:hover { opacity: 1; } #mainnav li.megamenu.no-heading>ul.sub-menu>.menu-item-has-children>a { display: none; } #mainnav li.megamenu:hover ul li ul { opacity: 1; visibility: visible; } /* Canvas Menu */ .canvas-nav-wrap .inner-canvas-nav { width: 320px; height: 100%; top: 0; left: 0px; -webkit-transform: translateX(-100%); transform: translateX(-100%); position: fixed; background-color: #161616; z-index: 999999; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .canvas-nav-wrap.active .inner-canvas-nav { -webkit-transform: translateX(0%); transform: translateX(0%); } .canvas-nav-wrap .overlay-canvas-nav { content: ""; position: fixed; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .canvas-nav-wrap.active .overlay-canvas-nav { opacity: 1; visibility: visible; } .canvas-menu-close { position: absolute; right: 20px; top: 30px; } .canvas-menu-close span { position: relative; background: transparent; cursor: pointer; display: inline-block; width: 26px; height: 26px; } .canvas-menu-close span:before, .canvas-menu-close span:after { content: ""; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; background: #fff; } .canvas-menu-close span:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .canvas-menu-close span:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } #header .inner-canvas-nav .logo { justify-content: flex-start; } .inner-canvas-nav .logo>a { max-width: 180px; } #mainnav_canvas ul { list-style: none; padding: 0; margin: 0; } #mainnav_canvas>ul { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 30px; } #mainnav_canvas ul>li { width: 100%; position: relative; border-top: solid 1px rgba(255, 255, 255, 0.05); } #mainnav_canvas>ul>li:last-child { border-bottom: solid 1px rgba(255, 255, 255, 0.2); } #mainnav_canvas ul>li:last-child { border-bottom: solid 1px transparent; } #mainnav_canvas ul li a { font-weight: 700; display: inline-block; width: 100%; height: auto; padding: 12px 50px 12px 25px; text-align: left; color: #ffffff; text-transform: capitalize; } #mainnav_canvas form.search-form { display: flex; align-items: center; justify-content: center; position: relative; } #mainnav_canvas form.search-form label { width: 100%; padding: 0 25px; } #mainnav_canvas form.search-form button.search-submit { position: absolute; right: 30px; padding: 0; background-color: transparent; } #mainnav_canvas form.search-form button.search-submit i { color: #fff; } #mainnav_canvas form input[type="search"] { padding: 7px 30px 7px 14px; width: 100%; background: hsla(0, 0%, 100%, .1); box-shadow: inset 0 2px 2px rgba(0, 0, 0, .05); border-radius: 4px; margin: 16px 0; color: #fff; } #header .canvas-nav-wrap .inner-canvas-nav ul.themesflat-socials { padding: 24px 50px 24px 25px; } #mainnav_canvas ul li a>span { background: var(--theme-secondary-color); color: #fff; font-size: 12px; text-transform: uppercase; border-radius: 5px; padding: 5px 7px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); line-height: 1; } #mainnav_canvas .sub-menu a { padding: 12px 50px 12px 35px; } #mainnav_canvas .sub-menu .sub-menu a { padding: 12px 50px 12px 45px; } #mainnav_canvas ul li.current_page_item>a, #mainnav_canvas ul li.current-menu-item>a, #mainnav_canvas ul li.current-menu-ancestor>a, #mainnav_canvas ul li.current-menu-parent>a { color: var(--theme-primary-color); } #mainnav_canvas ul li { border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.08); border-top-width: 1px; } #mainnav_canvas ul li:first-child { border-top: none; } #mainnav_canvas>ul>li:last-child { border-bottom-style: solid; border-bottom-color: rgba(255, 255, 255, 0.08); border-bottom-width: 1px; } #mainnav_canvas .show-login { padding: 35px 50px 12px 25px; } #mainnav_canvas .show-login a { color: #fff; display: flex; align-items: center; } #mainnav_canvas .show-login a i { font-size: 24px; margin-right: 10px; } /* Show search */ .show-search { position: relative; min-width: 20px; z-index: 10; display: flex; align-items: center; height: 100%; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; } .show-search>a { color: var(--theme-primary-color); } /* .show-search > a i { color: ; } */ .show-search a { position: relative; } .show-search.active .icon-search:before { content: '\e924'; } .show-search.active a>.fa-search:before { content: "\f00d"; } .show-search.active a::before { content: '\2715'; } .top-search { line-height: normal; position: absolute; right: 0px; top: 120%; width: 300px; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .search-form button.search-submit { line-height: 0; } .top-search .search-form .search-submit { line-height: 0; background-color: transparent; } .top-search .search-form .search-submit i { color: #696969; font-size: 18px; } .top-search.widget_search form input[type="search"] { background-color: #ffffff; border-radius: 0; width: 100%; } .top-search.show { visibility: visible; opacity: 1; z-index: 1; top: 235%; } #header { width: 100%; z-index: 999; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .header_sticky #header.fixed-show { z-index: 100; position: fixed; top: -100px; width: 100%; } .header_sticky #header.header-sticky.fixed-show { top: 0; } #header.header-sticky .logo { min-height: 91px; margin-bottom: 0px; } .header_sticky #header.header-sticky.header-style1 .logo { min-width: auto; min-height: auto; background: transparent; margin-top: 0; box-shadow: unset; } #header.header-default, #header.header-01, #header.header-02 { background: #fff; } #mainnav>ul>li>a { white-space: nowrap; } #header, #mainnav>ul>li>a, #header .show-search a, header .block a, #header .mini-cart-header .cart-count, #header .mini-cart .cart-count, .button-menu { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* Header Absolute */ .header-absolute .header-boxed { /* position: absolute; width: 100%; z-index: 999; */ } .header-absolute .header.widget-header .nav .header-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0); } /* header style 1 */ #header.header-01 .inner-center { margin-left: -8px; } #header.header-01 .header-ct-left.st2 { display: none; } #header.header-01 .logo { min-height: 60px; padding: 10px 20px; background: #fff; border-radius: 100px; } /* Mobile navigation -------------------------------------------------------------- */ #mainnav-mobi { display: block; margin: 0 auto; width: 100%; z-index: 1000; position: absolute; } #mainnav-mobi ul { display: block; list-style: none; margin: 0; padding: 0; } #mainnav-mobi ul { background-color: #222222; } #mainnav-mobi ul li { margin: 0; position: relative; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.05); cursor: pointer; background-color: #222222; } #mainnav-mobi ul ul li { background-color: #252525; } #mainnav-mobi ul ul ul li { background-color: #292929; } #mainnav-mobi ul>li>a { text-decoration: none; height: 50px; line-height: 50px; padding: 0 15px; color: #b1b1b1; } #mainnav-mobi ul.sub-menu { top: 100%; left: 0; z-index: 2000; position: relative; } #mainnav-mobi ul.sub-menu>li>a { display: block; text-decoration: none; padding: 0 15px; border-top-color: rgba(255, 255, 255, 0.1); -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #mainnav-mobi ul li ul li ul li a { padding-left: 45px !important; } #mainnav-mobi>ul>li>ul>li:first-child a { border-top: none; } .btn-menu { flex-shrink: 0; display: none; float: right; position: relative; background: transparent; cursor: pointer; margin: 32px 0px 32px 20px; width: 25px; height: 20px; -webkit-transition: all ease 0.238s; -moz-transition: all ease 0.238s; transition: all ease 0.238s; } .btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #fff; -webkit-transition: all ease 0.238s; -moz-transition: all ease 0.238s; transition: all ease 0.238s; } .btn-menu:before, .btn-menu:after { content: ""; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; } .btn-menu span.line-1 { top: 50%; } .btn-menu span.line-2 { top: 60%; } .btn-menu:before { -webkit-transform: translate3d(0, -9px, 0); transform: translate3d(0, -9px, 0); } .btn-menu:after { -webkit-transform: translate3d(0, 9px, 0); transform: translate3d(0, 9px, 0); } .btn-menu.active span { opacity: 0; } .btn-menu.active:before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .btn-menu.active:after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .mainnav_canvas .btn-submenu { position: absolute; right: 0; top: 0; text-align: center; cursor: pointer; width: 47px; height: 47px; line-height: 42px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mainnav_canvas .btn-submenu.active { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .mainnav_canvas .btn-submenu:before { content: ""; height: 6px; width: 6px; display: inline-block; border-style: solid; border-width: 0 1px 1px 0; border-color: transparent #ffffff #ffffff transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: border 0.3s; transition: border 0.3s; } .btn-menu { display: none; } /* Temtplate Css Global -------------------------------------------------------------- */ .page-template-front-page .page-wrap, .page-template-page_nosidebar .page-wrap, .page-template-one-page .page-wrap { padding: 0; } .page-template-front-page .page-wrap .content-area, .page-template-page_nosidebar .page-wrap .content-area, .error404 .page-wrap .content-area, .page-template-portfolio .page-wrap .content-area, .page-template-one-page .page-wrap .content-area { width: 100%; margin: 0; } .page-template-front-page .page-wrap .content-area:after { background-color: transparent; width: 0; height: 0; } .page-template-front-page .page-wrap .content-area, .page-template-page_nosidebar .page-wrap .content-area, .page-template-one-page .page-wrap .content-area { padding-right: 0 !important; } .page-wrap.sidebar-left .content-area, .page-wrap.sidebar-right .content-area { float: left; width: 72.66%; position: relative; } .page-wrap.sidebar-right .content-area { padding-right: 39px; } .page-wrap.sidebar-left .content-area { padding-left: 39px; } .page-wrap.sidebar-right .widget-area { padding-left: 15px; } .page-wrap.sidebar-left .widget-area { padding-right: 15px; } .page-wrap.sidebar-left .widget-area, .page-wrap.sidebar-right .widget-area { float: left; width: 27.34%; position: relative; } #secondary .sidebar-infor-user { padding-bottom: 40px; margin-bottom: 24px; border-bottom: 1px solid #E6E6E6; } #secondary .sidebar .sidebar-infor-user .infor-top { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; } #secondary .sidebar-infor-user .infor-top img.avt_thumb { border-radius: 50%; width: 120px; height: 120px; } #secondary .sidebar-infor-user .infor-user h4 { font-size: 24px; font-style: 'normal'; font-weight: 700; line-height: 26px; /* 162.5% */ text-transform: capitalize; font-family: 'DM Sans'; color: #171717; margin-bottom: 4px; } #secondary .sidebar-infor-user .infor-user p { color: #3A3B3E; font-family: 'DM Sans'; font-size: 13px; font-style: normal; font-weight: 400; line-height: 20px; margin-bottom: 8px; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } #secondary .sidebar-infor-user .infor-user .btn-follow { padding: 4px 20px; height: 30px; line-height: 30px; text-align: center; border-radius: 1000px; background-color: transparent; border: 1px solid #E6E6E6; font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; letter-spacing: 1.6px; text-transform: capitalize; color: #171717; } #secondary .sidebar-infor-user .infor-user .btn-follow:hover { background-color: var(--theme-primary-color); } #secondary .sidebar .sidebar-infor-user .infor-bottom>p.description { color: #5E6267; font-family: 'DM Sans'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 16px; } #secondary .sidebar .sidebar-infor-user .infor-bottom .list-icons { display: flex; align-items: center; gap: 20px; margin: 0; list-style: none; } #secondary .sidebar .sidebar-infor-user .infor-bottom .list-icons li a { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: #3A3B3E; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #secondary .sidebar .sidebar-infor-user .infor-bottom .list-icons li a:hover { transform: translateY(-10px); background-color: var(--theme-primary-color); border-radius: 50%; padding: 20px; display: flex; align-items: center; justify-content: center; color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #secondary .sidebar .widget.widget-recent-news .text h6 a { color: #171717; font-weight: 700; } #secondary .sidebar .widget.widget-recent-news .recent-news-meta, .sidebar .widget.widget-recent-news .recent-news-meta .item { display: flex; align-items: center; } .sidebar .widget.widget-recent-news .recent-news-meta .item:not(:last-child)::after { content: ''; display: inline-block; width: 20.402px; height: 1px; margin: 0 8px; background-color: #171717; } .sidebar .widget.widget-recent-news .recent-news-meta .item a span { font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: #3A3B3E; } .recent-news-meta a { padding: 0 !important; } .sidebar .widget.widget-recent-news .recent-news-meta .item a .author_name span { color: #171717; } #secondary .sidebar .widget.widget-recent-news .text time { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: #5E6267; cursor: pointer; } #secondary .sidebar .widget.widget-recent-news .text h6 a:hover, #secondary .sidebar .widget.widget-recent-news .text time:hover { color: var(--theme-primary-color); } .page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text h6 a { font-family: 'Space Grotesk'; font-size: 18px; font-style: normal; font-weight: 700; line-height: 27px; letter-spacing: -0.54px; color: #030014; } .page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text time { color: var(--theme-third-color); } .page-wrap.sidebar-left .widget.widget-recent-news ul.recent-news li .text h6 a:hover { color: var(--theme-primary-color); } /* Blog Sidebar Left */ .page-wrap.sidebar-left .content-area { float: right; padding-right: 0px; } .page-wrap.sidebar-left .widget-area { padding-left: 0px; padding-right: 15px; } .page-wrap.sidebar-left .content-area:after { left: 0; } .page-wrap.sidebar-left .pagination { text-align: center; margin-right: 0; } /* No sidebar */ body.no-sidebar .page-wrap.sidebar-left .content-area, body.no-sidebar .page-wrap.sidebar-right .content-area { float: none; width: 100%; padding-right: 0; } body.no-sidebar .page-wrap.sidebar-left .content-area { padding-left: 0; } body.no-sidebar .widget-area { display: none; } /* Full Width Center */ .page-wrap.fullwidth-center .wrap-content-area { width: 82.933333%; max-width: 82.933333%; margin: 0 auto; float: none; text-align: center; } .fullwidth-center article .entry-content>p { font-size: 14px; font-weight: 500; line-height: 1.8; text-align: left; padding: 0 2.5px; } .page-wrap.fullwidth-small .wrap-content-area, .page-wrap.fullwidth-small .wrap-content-area { width: 82.933333%; max-width: 82.933333%; margin: 0 auto; float: none; } .page-wrap.fullwidth .post-wrap { padding: 0; } .page-wrap.fullwidth .content-area:after { width: 0; } .page-wrap.fullwidth .widget-area, .page-wrap.fullwidth-center .widget-area, .page-wrap.fullwidth-small .widget-area { display: none; } .widget-trailer img { width: 100%; } .widget-trailer::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, rgba(12, 9, 29, 0.00) 0%, rgba(12, 9, 29, 0.80) 43.23%, #0C091D 100%); } .sidebar #block-48 { padding: 0; box-shadow: 0px 4px 30px 0px rgba(141, 141, 141, 0.05); border-radius: 14px; } .sidebar .widget-trailer { position: relative; border-radius: 14px; overflow: hidden; margin: -40px -50px; } .sidebar .widget-trailer .content .title .text { color: #FFF; font-size: 28px; font-weight: 300; line-height: 25px; letter-spacing: -0.84px; margin-bottom: 10px; } .sidebar .widget-trailer .content .title .text-1 { color: #FFF; font-size: 28px; font-weight: 700; line-height: 25px; letter-spacing: -0.84px; } .widget-trailer .content .title .text-2 { color: #CBED44; font-family: 'Playfair Display'; font-size: 28px; font-style: italic; font-weight: 700; line-height: 25px; letter-spacing: -0.84px; } .sidebar .widget-trailer .content { position: absolute; left: 0; bottom: 0; padding: 0 50px 50px 50px; } .sidebar .widget-trailer .content .title { margin-bottom: 22px; } .widget-trailer .content p { color: #FFF; line-height: 23px; margin-bottom: 30px; } .sidebar .widget-trailer-btn { display: flex; justify-content: center; align-items: center; gap: 7px; position: relative; border: none; color: #fff; background-color: #6844ED; border-radius: 14px; font-weight: 700; font-size: 16px; line-height: 11px; width: max-content; height: 51px; padding: 20px 30px; text-transform: capitalize; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar .widget-trailer-btn:hover { color: #6844ED; background-color: #fff; } .sidebar .widget-trailer-btn i { font-size: 12px; } /* Full Width */ .page-wrap.fullwidth .content-area, .page-template-page_nosidebar .page-wrap.sidebar-right .content-area { width: 100%; max-width: 100%; margin: 0 auto; float: none; } .has-carousel article:before, .has-carousel article:after { content: ""; display: table; clear: both; } .blog-list-small .sticky .entry-border, .blog-list-small .tag-sticky-2 .entry-border, .blog-grid .sticky .entry-border, .blog-grid .tag-sticky-2 .entry-border { border: none; } .blog-list-small .sticky .entry-border:hover, .blog-list-small .tag-sticky-2 .entry-border:hover, .blog-grid .sticky .entry-border:hover, .blog-grid .tag-sticky-2 .entry-border:hover { box-shadow: none; } ul.wrap-post-tags { display: flex; align-items: center; list-style-type: none; flex-wrap: wrap; gap: 12px; margin: 0; margin-bottom: 16px; } .blog-list .item .content-post ul.wrap-post-tags li a:hover, .blog-single ul.wrap-post-tags li a:hover { background-color: var(--theme-secondary-color); color: #fff; } .blog-single .content-post-single .meta a:hover { color: var(--theme-primary-color); } .blog-list .item .content-post ul.wrap-post-tags li a, .our-posts .content-post ul.wrap-post-tags li a { display: flex; padding: 6px 10px; align-items: flex-start; background-color: #121212; gap: 10px; height: 34px; text-transform: uppercase; color: #fff; background-color: var(--theme-primary-color); } .blog-list .entry-border:hover { box-shadow: none; } .blog-list .sticky .entry-title::before, .blog-list .tag-sticky-2 .entry-title::before, .blog-grid .sticky .entry-title::before, .blog-grid .tag-sticky-2 .entry-title::before { content: "\f109"; font-size: 24px; color: var(--theme-primary-color); font-weight: 700; font-family: "dashicons"; margin-right: 10px; } article:before, article:after, .entry-content:before, .entry-content:after { content: ""; display: table; clear: both; } /* Blog List Full Width */ article .content-post { -ms-word-wrap: break-word; word-break: break-word; word-wrap: break-word; padding: 0px; background-color: #ffffff; /* border-radius: 10px; */ /* padding: 26px 40px 30px 40px; */ width: 100%; /* box-shadow: 0px 10px 60px rgba(104, 68, 237, 0.20); */ } .blog-list .main-post { display: flex; flex-direction: column; gap: 32px; } .single-post .main-post { padding-bottom: 40px; border-bottom: 1px solid #E6E6E6; } .blog-list-full-width article { margin-bottom: 70px; } .blog-list-full-width article .featured-post { margin-bottom: 24px; } .blog-list-full-width article .content-post .entry-content p, .blog-list-full-width article .content-post p { margin-bottom: 12px; } .single article .entry-content p { line-height: 1.75em; } .blog-list-full-width article .content-post .entry-title { font-size: 36px; font-weight: 700; margin-bottom: 7px; } .blog-list-full-width article { margin-bottom: 41px; } .blog-list-full-width article:last-of-type { margin-bottom: 50px; } .blog-list { display: flex; flex-direction: column; gap: 60px; padding-bottom: 60px; } article .themesflat-btn-blog i { font-size: 9px; margin-left: 10px; font-weight: 700; color: var(--theme-primary-color); } article .post-meta .item-meta .meta-icon { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article .post-meta .item-meta::after { content: ''; display: inline-block; width: 12px; height: 1px; background-color: #A0A0A0; margin: 0 8px; transform: translateY(-50%) } /* Blog Grid */ .blog-grid, .blog-grid-simple { margin: 0 -15px; } .blog-grid>.item, .blog-grid-simple>.item { float: left; width: 50%; padding: 0 15px; } .blog-grid.columns-3>.item, .blog-grid-simple.columns-3>.item, .blog-grid.blog-three-columns>.item, .blog-grid-simple.blog-three-columns>.item { float: left; width: 33.33%; } .blog-grid.columns-4>.item, .blog-grid-simple.columns-4>.item, .blog-grid.blog-four-columns>.item, .blog-grid-simple.blog-four-columns>.item { float: left; width: 25%; } .blog-grid, .blog-grid-s1, .blog-grid-simple { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .blog-grid .entry-border, .blog-grid-simple .entry-border { -webkit-align-content: space-between; align-content: space-between; height: 100%; position: relative; border-radius: 0px; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-grid-simple .entry-border { border-radius: 10px; } .blog-grid-simple .featured-post { display: none; } .single .blog-grid article .featured-post { margin: 0; } .blog-grid.center .content-post { text-align: center; } .blog-grid.right .content-post { text-align: right; } .blog-grid.center .content-post .entry-meta, .blog-grid.right .content-post .entry-meta { width: 100%; } .blog-grid, .blog-grid-simple { overflow: hidden; margin: 0 -15px; border-bottom: none; position: relative; } .blog-grid.owl-theme .owl-controls .owl-nav div.owl-prev { left: 0px; } .blog-grid.owl-theme .owl-controls .owl-nav div.owl-next { right: 0px; } /* Blog Grid Simple */ .blog-grid-simple article .content-post { padding: 30px 30px 26px; } .blog-grid-simple.columns-4 article .content-post { padding: 15px; } .blog-grid-simple article .entry-meta { display: inline-block; } .blog-grid-simple article .entry-meta ul { margin: 0; } .blog-grid-simple article .entry-meta ul li { display: inline-flex; } .blog-grid-simple article .themesflat-button-container { padding: 0; display: inline-block; float: right; line-height: initial; } .themesflat-button-container a.meta-text span { color: var(--theme-third-color); } .themesflat-button-container a.meta-text:hover span { color: var(--theme-primary-color); } .blog-grid-simple article .wrap-meta-button { line-height: initial; border-top: 1px solid #ececec; padding-top: 22px; margin-top: 15px; } .blog-grid-simple.columns-4 article .wrap-meta-button { padding-top: 15px; } .blog-grid-simple article .themesflat-button-container>a:hover { color: #222; } .blog-grid-simple article .entry-meta ul li a { color: #888; font-size: 13px; } .blog-grid-simple article .entry-meta ul li>i { font-size: 20px; padding-right: 23px; } .blog-grid-simple.columns-4 article .entry-meta ul li>i { font-size: 16px; padding-right: 7px; } .blog-grid-simple article .entry-title { font-size: 19px; font-weight: 500; margin-bottom: 12px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .blog-grid-simple article .entry-title:before { content: "\f0c1"; font-family: "Font Awesome 5 Free"; font-weight: 600; margin-right: 10px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .blog-grid-simple article { margin-bottom: 30px; } /* Blog list */ article .bottom-blog { margin-top: 10px; } .blog-list article .entry-title { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; text-transform: capitalize; } .main-post .wrap-entry-title { margin-bottom: 16px; } .blog-list article .post-meta, .item article .post-meta, .our-post-latest .content-post .post-meta { margin-bottom: 24px; font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; display: flex; align-items: center; justify-content: space-between; } article .post-meta .left, article .post-meta .right, .content-post .post-meta .item-meta, .content-post .post-meta .item-meta.post-comments .meta-text, .content-post .post-meta .item-meta.post-date .meta-text { display: flex; align-items: center; } .blog-list .item article { padding-bottom: 40px; border-bottom: 1px solid #E6E6E6; } .content-post .post-meta .item-meta.post-author .meta-text { color: #3A3B3E; } .content-post .post-meta .item-meta.post-author .meta-text:hover { color: #171717; } .content-post .post-meta .item-meta.post-author .meta-text span { color: #171717; } .content-post .post-meta .item-meta.post-author .meta-text span:hover { color: var(--theme-primary-color); } .content-post .post-meta .item-meta i { margin-right: 4px; font-size: 20px; color: #171717; } .content-post .post-meta .right .item-meta { font-family: DM Sans; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; color: #171717; } .item article .post-meta a { color: #121212; } .item article .post-meta a span { color: #5E6267; } .our-post-latest .content-post .post-meta .item-meta a { color: #E9E9E9; } article .entry-title a { color: var(--theme-primary-color); } article.has-post-thumbnail { position: relative; } article.format-quote .main-post { display: flex; border: 1px solid var(--theme-primary-color); background-color: #5edda00c; border-radius: 10px; padding: 40px; } article.format-quote .content-post { background-color: transparent; box-shadow: none; border-radius: 0px; } .blog-list article .themesflat-button-container { display: flex; justify-content: space-between; align-items: center; } .blog-list article .themesflat-button-container .meta-text { display: flex; align-items: center; gap: 7px; } .blog-list article .themesflat-button-container .themesflat-btn-blog { position: relative; color: #121212; text-decoration: underline; text-transform: uppercase; } .blog-list article .themesflat-button-container .themesflat-btn-blog:hover { color: var(--theme-primary-color); } .blog-list article .themesflat-button-container .themesflat-btn-blog:hover::after { width: 0%; left: 0; right: auto; background: var(--theme-secondary-color); } /* Page Title -------------------------------------------------------------- */ .page-title { position: relative; overflow: hidden; background-repeat: no-repeat; } .page-title .overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .page-title .shape { position: absolute; left: 0; bottom: 0; height: 17px; width: 100%; } .shape-ani { animation: logoslider 250s linear .3s; } @keyframes logoslider { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } .page-title.parallax { background-position: center; } .breadcrumbs span.trail-browse { position: relative; margin-right: 5px; } .breadcrumbs span.sep { position: relative; text-align: center; margin-left: 27px; margin-right: 23px; font-size: 13px; vertical-align: middle; } .breadcrumbs span.sep span.seperator-default { display: inline-block; width: 4px; height: 4px; border-radius: 100%; background-color: #fff; } .breadcrumbs span a, .breadcrumbs a, .breadcrumbs span { color: #999999; position: relative; font-size: 18px; font-weight: 500; } .breadcrumbs span a span { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .page-title .breadcrumbs { margin-bottom: 15px; } .page-title .breadcrumbs .trail-items { margin-top: -10px; margin-bottom: -20px; } .page-title .breadcrumbs .trail-items { display: inline-flex; height: 34px; align-items: center; padding: 0 16px; border-radius: 36px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); } .page-title .breadcrumbs .trail-items .trail-item.trail-end { color: var(--theme-secondary-color); } .page-title .pagetitle-description { position: relative; } .page-title.left .pagetitle-description { padding-right: 47%; text-align: left; } .page-title.center .pagetitle-description { padding-right: 25%; padding-left: 25%; text-align: center; } .page-title.right .pagetitle-description { padding-left: 47%; text-align: right; } /* Style1 */ .page-title h1 { margin: 0; position: relative; -ms-word-wrap: break-word; word-wrap: break-word; } .page-title.left .page-title-container h1, .page-title.left .breadcrumbs { text-align: left; } .page-title.center .page-title-container h1, .page-title.center .breadcrumbs { text-align: center; } .page-title.right .page-title-container h1, .page-title.right .breadcrumbs { text-align: right; } .page-title.default .page-title-heading { margin-bottom: 12px; text-transform: capitalize; } .page-title .page-title-description { margin: 0 auto; color: #fff; font-family: DM Sans; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; max-width: 660px; text-align: center; } .page-title.default .page-title-heading .page-title-standard { font-family: 'Playfair Display'; font-style: italic; color: var(--theme-primary-color); } .single .page-title.default .page-title-heading { margin-bottom: 28px; } .page-title.inline .page-title-container { display: table; } .page-title.inline .page-title-container h1, .page-title.inline .breadcrumbs { display: table-cell; vertical-align: middle; } .page-title.inline .page-title-container h1 { text-align: left; } .page-title.inline .breadcrumbs { text-align: right; } .page-title .wrap-button-page-title { display: flex; height: 100%; justify-content: flex-end; align-items: center; } /* Blog -------------------------------------------------------------- */ article h4.entry-time { text-transform: uppercase; margin: 0; float: left; width: 85px; border-right: 1px solid rgba(0, 0, 0, 0.1); margin-right: 20px; line-height: 1; } article h4.entry-time a { color: var(--theme-secondary-color); } article h4.entry-time span.entry-day { font-size: 64px; line-height: 45px; display: block; } article h4.entry-time span.entry-month { font-size: 14px; line-height: 0.7px; font-weight: 700; padding-left: 5px; } .archive-services .featured-post { float: none; margin-bottom: 15px; } article { margin-bottom: 60px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } article .blog-slider ul { padding: 0; margin: 0; list-style: none; } article .entry-title { margin: 0; overflow: hidden; -ms-word-wrap: break-word; word-wrap: break-word; } article .entry-meta ul { padding: 0; margin: 0 0 15px 0; list-style: none; } article .entry-meta ul li { position: relative; display: inline-block; margin-right: 23px; text-transform: capitalize; } article .entry-meta ul li span { font-size: 14px; font-weight: 500; } article .entry-meta ul li span.gravatar img { border-radius: 50%; } article .entry-meta ul li span.gravatar { margin-right: 2px; vertical-align: top; } article .entry-meta ul li:last-child { margin-right: 0; } article .entry-meta ul li>i { padding-right: 10px; } article .entry-meta .dot { font-size: 17px; vertical-align: text-bottom; padding: 0 17px 0 10px; } article .entry-meta ul li a { color: #999999; } article .entry-meta .meta-right { float: right; } article .entry-meta .meta-right li { padding-left: 31px; } article .entry-meta .meta-right li i { padding-right: 10px; } .themesflat-button { color: #fff; font-size: 14px; font-weight: 700; padding: 21px 40px; display: inline-block; z-index: 1; overflow: hidden; position: relative; line-height: 1; white-space: nowrap; border-radius: 5px; } .themesflat-button:hover { color: #fff; } .blog-list .blog-post .themesflat_audio { background-color: transparent; padding: 0; } .themesflat_audio iframe { width: 100%; height: 166px; border: none; } article .featured-post img { border-radius: 16px; position: relative; } .comments-area ol.comment-list .trackback .comment_wrap, .comments-area ol.comment-list .pingback .comment_wrap { padding-left: 0; } .blog article .featured-post a, .page-template-blog article .featured-post a, .blog-post .featured-post a, .featured-post a { position: relative; display: inline-block; } .blog-post .featured-post { position: relative; } .blog-list .blog-post .featured-post a { font-family: 'Open Sans'; font-weight: 700; font-size: 13px; color: #fff; padding: 3px 13px; background: var(--theme-secondary-color); border-radius: 5px; } .blog-list .blog-post .featured-post a:hover { background: var(--theme-accent-color); } .blog-list .blog-post .featured-post, .blog-list .blog-post .themesflat_audio, .item .blog-post .featured-post, .item .blog-post .themesflat_audio { overflow: hidden; /* margin-bottom: 13px; */ } .blog-list .blog-post .featured-post .post-categories { position: absolute; top: 28px; left: 20px; display: flex; align-items: center; flex-wrap: wrap; margin: 0; } .blog-list .blog-post .featured-post .post-categories li { list-style: none; margin-right: 15px; margin-bottom: 15px; } .blog-list .blog-post .featured-post .post-categories li:last-child { margin-right: 0; } /* .page-template-blog .navigation, .blog .navigation, .navigation { margin-top: 54px; } */ .blog .blog-archive.blog-list article .entry-meta ul i { font-size: 16px; } .item article.has-post-thumbnail { /* margin-bottom: 206px; */ } .blog-grid article { margin-bottom: 45px; } .blog-grid article .entry-content>p { font-size: 15px; line-height: 170%; } .blog-grid article .themesflat-button-container { margin-top: 15px; } .blog-grid article .themesflat-button-container>a, .blog-grid-simple article .themesflat-button-container>a { padding: 15px 30px 12px 30px; background: transparent; color: #222; font-size: 17px; font-weight: 500; } .blog-grid article .themesflat-button-container>a:before, .blog-grid-simple article .themesflat-button-container>a:before { width: 15px; height: 15px; } .blog-grid article .themesflat-button-container>a i, .blog-grid-simple article .themesflat-button-container>a i.fa-angle-right { font-weight: 900; font-size: 16px; margin-left: 5px; line-height: inherit; } .blog .blog-grid article .entry-title, .blog-grid article .entry-title { font-size: 23px; color: #222222; text-transform: none; width: 100%; } .blog-grid article .entry-meta ul { margin: 0 0 15px 0; } .blog .blog-grid .featured-post, .blog-grid .featured-post { overflow: hidden; margin-bottom: 24px; } .blog-grid article .entry-meta ul li, .blog-grid article .entry-meta ul li a { color: #000000; font-size: 15px; font-weight: 400; } .blog-grid article .meta-category-list a { font-weight: 500; font-size: 12px; line-height: 18px; color: rgba(0, 0, 0, 0.47); } .blog-grid article .entry-meta ul li { font-weight: 400; } .blog-grid article .entry-meta ul li.post-date { float: right; } .blog-grid article .entry-meta ul li>i { font-size: 14px; padding-right: 7px; } .blog-grid.columns-4 article .entry-meta ul li { font-weight: 600; font-size: 12px; margin-right: 7px; } .blog-grid.columns-4 article .entry-meta ul li>i { font-size: 13px; padding-right: 3px; } .blog-grid.columns-4 article .content-post { padding: 20px 20px 18px; } .blog-grid.columns-4 article { margin-bottom: 40px; } .blog-grid.columns-4 article .entry-title { font-size: 16px; font-weight: 600; margin-bottom: 9px; } .blog-grid.columns-4 article .entry-content>p { font-size: 14px; } .blog-grid.columns-4 article .entry-meta ul li:last-child { margin-right: 0; } .blog-grid.columns-4 article .themesflat-button-container>a { font-size: 13px; } .blog-grid.columns-4 article .themesflat-button-container { padding: 15px 0 0 5px; } .blog-grid.columns-4 article .themesflat-button-container>a i.fa-angle-right { font-size: 14px; } /* .wrap-blog-article .item:last-child article { margin-bottom: 0; } */ article .entry-meta ul li, article .post-meta .item-meta { /* margin-right: 30px; */ position: relative; } article .post-meta .item-meta.post-author .meta-text span { text-transform: capitalize; } article .post-meta .item-meta.post-author .meta-text span:hover { color: var(--theme-primary-color); } article .post-meta .item-meta:last-child { margin-right: 0px; } article .post-meta .item-meta .meta-icon { margin-right: 5px; font-size: 14px; } article .post-meta .item-meta.post-comments .meta-icon { vertical-align: middle; font-size: 16px; } article .post-meta .item-meta.post-view .meta-icon { font-size: 18px; vertical-align: sub; margin-right: 2px; } article .post-meta .item-meta a:hover { color: var(--theme-primary-color); } article .post-meta .item-meta:last-child::after { display: none; } .blog-post.post_format-post-format-image.has-post-thumbnail { position: relative; } .blog-post.post_format-post-format-image.has-post-thumbnail .featured-post { margin-bottom: 30px; } .blog-post.post_format-post-format-image .content-post .entry-title { padding-right: 50px; margin-bottom: 0; } .blog-post.post_format-post-format-image .themesflat-button-container { margin-top: 0px; } .blog-post.post_format-post-format-image .content-post .post-content.post-excerpt { display: none; } .blog-post.blog-single .breadcrumbs { margin-bottom: 20px; } .blog-single .breadcrumbs .trail-items { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; max-width: 430px; } .blog-post.blog-single .breadcrumbs span.trail-item a span { color: #171717; } .blog-post.blog-single .breadcrumbs span.sep span.seperator-default { /* display: inline-block; color: #171717; width: 4px; height: 4px; border-radius: 100%; */ background-color: #171717; transform: translateY(-4px); } .entry-footer .social-share-article { display: flex; align-items: center; } .entry-footer .social-share-article>span { font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; } .social-share-article .btn-copy-to-clip { position: relative; } .social-share-article .btn-copy-to-clip .tf-tooltip-inner { position: absolute; padding: 4px 10px; border-radius: 5px; background: var(--theme-primary-color); color: #fff; top: -35px; left: 50%; transform: translateX(-50%) rotateY(-90deg); width: max-content; opacity: 0; visibility: hidden; } .social-share-article .btn-copy-to-clip:hover .tf-tooltip-inner { transform: translateX(-50%) rotateY(0deg); opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .social-share-article .btn-copy-to-clip .tf-tooltip-inner::after { content: ''; width: 10px; height: 10px; background: var(--theme-primary-color); position: absolute; bottom: -4px; left: 50%; transform: translateX(-50%) rotate(45deg); } .entry-footer .social-share-article h5 { margin-bottom: 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #9C9EA6; } .entry-footer .social-share-article .btn-copy-to-clip { padding: 8px 15px; border: 1px solid #E5E5E5; border-radius: 8px; font-weight: 500; font-size: 12px; line-height: 16px; color: var(--theme-primary-color); background: transparent; text-transform: none; margin-bottom: 23px; } .entry-footer .social-share-article .btn-copy-to-clip:hover { background: var(--theme-secondary-color); border-color: var(--theme-secondary-color); color: #fff; } /* Blog Single -------------------------------------------------------------- */ .blog-single .featured-post { position: relative; margin-bottom: 30px; } .blog-single .themesflat_audio { border-radius: 0px; overflow: hidden; position: relative; } .blog-single .featured-post img { height: 574px; object-fit: cover; } .blog-single .entry-title { margin-bottom: 12px; } .blog-single .single-post-descrition { margin-bottom: 20px; } .blog-single .img-blog-detail { margin-top: 37px; margin-bottom: 38px; border-radius: 5px; } .blog-single .content-post-single .meta { display: flex; align-items: center; justify-content: space-between; color: var(--Secondary, #171717); flex-wrap: wrap; font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; } .blog-single .content-post-single .meta .item { display: flex; align-items: center; } .blog-single .content-post-single .meta .right { gap: 16px; } .blog-single .content-post-single .meta .left .item:not(:last-child):after { content: ''; display: inline-block; width: 20.402px; height: 1px; margin: 0 8px; background-color: #121212; } .blog-single .content-post-single .author_name, .blog-single .content-post-single .right .meta-text, .blog-single .content-post-single .post-comments, .blog-single .content-post-single .post-view, .blog-single .content-post-single .post-estimate { font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; } .blog-single .content-post-single .meta a img { margin-right: 16px; border-radius: 50%; } .blog-single .content-post-single .share ul, .blog-single .content-post-single .share { display: flex; align-items: center; } .blog-single .content-post-single .meta a { color: var(--theme-third-color); } .blog-single .content-post-single { margin-bottom: 20px; } .blog-single .content-post-single h5 { font-size: 14px; line-height: 24px; font-weight: 400; margin-bottom: 0; } .blog-single .content-post-single .share ul { list-style: none; margin-bottom: 0; } .blog-single .content-image figure { margin-bottom: 0; } .blog-single .content-image { margin-bottom: 39px; } .blog-single .text-2 { margin-bottom: 42px; } .blog-single .entry-content h2, .blog-single .entry-content h3, .blog-single .entry-content h4, .blog-single .entry-content h5, .blog-single .entry-content h6 { margin-bottom: 15px; } .blog-single .entry-content .title-2 { font-size: 20px; } .blog-single .entry-content .icon-list { padding: 0; margin: 10px 0 0 0; list-style: none; } .blog-single .entry-content .content-2 { margin-bottom: 42px; } .blog-single .entry-content .content-img { margin-left: 10px; } .blog-single .entry-content .icon-list li { position: relative; padding: 10px 0px 10px 42px; } .blog-single .entry-content .icon-list li:before { content: "\e90b"; font-family: "norstar"; color: var(--theme-secondary-color); position: absolute; left: 5px; top: 50%; transform: translateY(-50%); font-size: 17px; } .blog-single .content-post-sigle-title .item-meta a { padding: 3px 16px; background: #F5F5F5; border-radius: 40px; font-weight: 400; font-size: 16px; color: var(--theme-primary-color); margin-bottom: 10px; display: inline-block; } .blog-single .content-post-sigle-title .item-meta a:last-child { margin-right: 0; } .blog-single .content-post-sigle-title .item-meta a:hover { color: #fff; background: var(--theme-secondary-color); } .blog-single .content-post-sigle-title .item-meta { margin-bottom: 7px; } .blog-single .meta .item-meta, .blog-single .meta .item-meta .meta-text { display: flex; align-items: center; } .blog-single .meta .item-meta:last-child { margin-right: 0; } .blog-single .meta .item-meta i { font-size: 20px; margin-right: 5px; } .blog-single .meta .item-meta.post-author span { color: #64666C; } .single .entry-footer { display: flex; align-items: center; justify-content: space-between; } .single .entry-footer .tags-links h6 { display: inline-block; margin-right: 26px; } .single .entry-footer .tags-links a, .wrap-post-tags li a { display: flex; padding: 6px 12px; align-items: center; gap: 10px; height: 32px; border-radius: 4px; background-color: var(--theme-primary-color); color: #fff; font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; text-transform: capitalize; } .single .entry-footer .tags-links a:last-child { margin-right: 0; } .single .entry-footer .tags-links a:last-child::after { display: none; } .single .entry-footer .tags-links a:hover { color: var(--theme-primary-color); background: #E6E6E6; } .single .entry-footer .wrap-social-share-article { float: right; } .single .entry-footer .tags-links, .single .entry-footer .social-share-article { display: flex; align-items: center; flex: 1; } .single .entry-footer .social-share-article { justify-content: flex-end; gap: 16px; } .single .entry-footer .tags-links { justify-content: flex-start; } .single .entry-footer .tags-links h5, .single .entry-footer .social-share-article h5 { margin-bottom: 10px; margin-right: 12px; } .single .entry-footer .tags-links h5 { font-weight: 400; font-size: 16px; line-height: 26px; } .single .entry-footer .tags-links { flex-wrap: wrap; display: flex; gap: 18px; } .single .post-wrap { background-color: #fff; } .blog-single { padding-bottom: 0px; margin-bottom: 44px; } .blog-single ul.wrap-post-tags { margin-bottom: 12px; } .single-post .wrap-social-share-article { padding-top: 20px; border-top: 1px solid #eee; } .single-post .our-posts { padding-bottom: 120px; } .blog-single .meta-left { margin-top: 3px; padding-bottom: 11px; border-bottom: 1px solid #e7e7e7; margin-bottom: 22px; } .clearboth { clear: both; } .blog-single .entry-footer { padding-top: 42px; } .blog-single .entry-footer .tags-links strong, .blog-single .entry-footer .social-share-article strong { color: #222222; margin-right: 5px; font-weight: 400; display: block; } .blog-single .entry-footer .social-share-article strong { margin-right: 20px; } .blog-single .entry-footer .social-share-article h5 { text-align: right; margin-bottom: 27px; } .blog-single .entry-footer .tags-links h5 { display: inline-block; } .blog-single .entry-footer .themesflat-socials li a { width: auto; height: auto; border-radius: 0; background: transparent; line-height: normal; font-size: 18px; color: #A0A3AA; } .blog-single .entry-footer .themesflat-socials li a:hover { color: var(--theme-primary-color); } .blog-single .entry-footer .themesflat-socials li { background: transparent; } .blog-single .entry-footer .themesflat-socials li:last-child a { margin-right: 0; padding-right: 0; } .blog-single .entry-footer .themesflat-socials li a:hover { background: transparent; } .blog-single .entry-footer .tags-links a { /* margin: 0 0 5px 0; */ position: relative; display: inline-flex; /* padding: 0px; */ border: 0; border-radius: 0; font-weight:700; height: 30px; padding: 4px 12px; justify-content: center; align-items: center; gap: 10px; background-color: #F7F7F7; } .blog-single .entry-footer .tags-links a:hover { background: var(--theme-primary-color); color: #fff; } .blog-single .main-post .customizable-carousel { margin: 30px 0 15px; } .customizable-carousel { position: relative; } .customizable-carousel.owl-theme .owl-nav, .customizable-carousel.owl-loaded .owl-nav { display: block; } .customizable-carousel.owl-theme .owl-nav.disabled, .customizable-carousel.owl-loaded .owl-nav.disabled, .customizable-carousel.owl-carousel .owl-nav.disabled, .customizable-carousel.owl-carousel .owl-dots.disabled { display: none; } .customizable-carousel.owl-theme .owl-dots, .customizable-carousel.owl-loaded .owl-dots, .customizable-carousel .owl-dots { padding: 0 !important; } .customizable-carousel .owl-prev, .customizable-carousel .owl-next { opacity: 1; width: 60px !important; height: 60px !important; position: absolute !important; left: 0; top: calc(50% - 30px); display: block !important; border: 0px solid black; padding-top: 15px !important; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #68739d; font-size: 14px; background: #fff; display: inline-block; cursor: pointer; border-radius: 50%; text-indent: 100%; margin: 5px; padding: 4px 7px; box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%); } .customizable-carousel .owl-prev i, .customizable-carousel .owl-next i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-size: 14px; text-indent: 0%; } .customizable-carousel .owl-next { left: auto; right: 0; } .customizable-carousel.owl-theme .owl-nav [class*="owl-"]:after { line-height: 50px; } .customizable-carousel.owl-carousel:hover .owl-prev, .customizable-carousel.owl-carousel:hover .owl-next, .customizable-carousel.owl-loaded:hover .owl-prev, .customizable-carousel.owl-loaded:hover .owl-next { opacity: 1; } .customizable-carousel .owl-prev:hover, .customizable-carousel .owl-next:hover { color: #fff; } /*Navigation links*/ .nav-links { display: flex; justify-content: space-between; } .navigation.posts-navigation .nav-links li { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; } .posts-navigation .post-navigation-seperator { width: 1px; background: #E9E9E9; } /* .navigation.posts-navigation .nav-links li.next-post, .navigation.posts-navigation .nav-links li.previous-post { flex: 1; } */ .navigation.posts-navigation .nav-links li a { padding: 0; background-color: transparent; min-width: unset; min-height: unset; display: inline-block; margin-right: 0; text-align: unset; position: relative; } .navigation.posts-navigation .nav-links li .thump-post a::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: var(--theme-primary-color); mix-blend-mode: multiply; opacity: 0; z-index: 1; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .navigation.posts-navigation .nav-links .previous-post .thump-post a::before { content: '\e929'; font-family: 'norstar'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #fff; z-index: 2; font-size: 12px; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .navigation.posts-navigation .nav-links .next-post .thump-post a::before { content: '\e92a'; font-family: 'norstar'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); color: #fff; z-index: 2; font-size: 12px; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .navigation.posts-navigation .nav-links li .thump-post { overflow: hidden; flex-shrink: 0; margin-right: 18px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .navigation.posts-navigation .nav-links li.next-post .thump-post { margin-left: 18px; margin-right: 0; } .navigation.posts-navigation .nav-links li.next-post .content, .navigation.posts-navigation .nav-links li.previous-post .content { display: flex; gap: 6px; flex-direction: column; width: 400px; } .navigation.posts-navigation .nav-links li .thump-post img { width: 100%; width: 170px; height: 101px; object-fit: cover; } .navigation.posts-navigation .nav-links li:hover .thump-post a::after { opacity: 0.8; } .navigation.posts-navigation .nav-links .previous-post:hover .thump-post a::before, .navigation.posts-navigation .nav-links .next-post:hover .thump-post a::before { opacity: 1; } .navigation.posts-navigation .nav-links li .title-post a { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; color: #030014; font-family: 'DM Sans'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; text-transform: capitalize; letter-spacing: -0.54px; text-transform: capitalize; } .navigation.posts-navigation .nav-links li .title-post a:hover { color: var(--theme-primary-color); } .navigation.posts-navigation .nav-links li .post-button a { color: #A0A0A0; font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: 1.6px; text-transform: uppercase; } .navigation.posts-navigation .nav-links li .title-post { flex: 1; } .navigation.posts-navigation .nav-links li .post-button a img { width: 90px; height: 90px; object-fit: cover; border-radius: 50%; } .navigation.posts-navigation .nav-links li .post-button a:hover { color: var(--theme-primary-color); } /* .navigation.posts-navigation .nav-links li .post-button { margin-bottom: 3px; } */ .navigation.posts-navigation .nav-links li .content { margin-top: -3px; } /* Author Post */ .single .author-post { padding: 20px 20px 14px 20px; background: #F7F7F7; margin-bottom: 30px; margin-top: 49px; } .single .author-post .author-body { display: flex; } .author-post .author-avatar { margin-right: 29px; flex-shrink: 0; margin-top: 0px; } .author-post .author-avatar img { border-radius: 50%; width: 92px; height: 92px; object-fit: cover; } .author-post .info .name h6 { margin-top: 0; margin-bottom: -2px; } .author-post .info .position { margin-bottom: 7px; } .author-post .info .name a { font-weight: 700; font-size: 15px; line-height: 22px; color: var(--theme-primary-color); } .author-post .info .name a:hover { color: var(--theme-accent-color); } .author-post .info .name { margin-bottom: 12px; } .author-post .themesflat-socials { text-align: left; display: flex; align-items: center; list-style: none; margin: 0; margin-top: 6px; margin-left: -4px; } .author-post .themesflat-socials li { background: transparent; padding: 0 6px; font-size: 15px; } .author-post .themesflat-socials li:first-child { padding-left: 2px; } .author-post .themesflat-socials li a { color: var(--theme-primary-color); } .author-post .themesflat-socials li a:hover { color: var(--theme-secondary-color); } /* Comment List */ #comments { margin-top: 34px; } #comments .comment-respond { background-color: transparent; } .comments-area { overflow: hidden; } .comment-title, .comment-reply-title { position: relative; overflow: hidden; margin-bottom: 24px; margin-top: 0; line-height: 1; color: #121212; } .comment-title { margin-bottom: 8px; } .comment-reply-title a { font-weight: 600; } .comment-reply-title a#cancel-comment-reply-link { padding-left: 10px; font-size: 18px; float: right; } .comment-title:after, .comment-reply-title:after { content: ""; width: 100%; height: 2px; background: #203b48; position: absolute; bottom: 0; left: 0; display: none; } .comments-area ul.children { list-style: none; margin-left: 123px; } .comments-area article { margin-bottom: 0; } .comments-area ol.comment-list { padding: 0; margin: 0; list-style: none; } .comments-area ol.comment-list article, .comment-list-wrap .comment-respond { margin-bottom: 13px; } .comments-area ol.comment-list article .gravatar { float: left; display: inline-block; border-radius: 50%; position: absolute; top: 12px; left: 0px; } .comments-area ol.comment-list article .gravatar img { border-radius: 50%; } .comment-reply-link { position: relative; padding-left: 0; font-weight: 700; font-size: 14px; } .comments-area ol.comment-list article { position: relative; padding-left: 100px; } .comments-area ol.comment-list article .comment_content { min-height: 100px; border-bottom: 1px solid #E9E9E9; padding: 9px 0px 25px; } .comments-area ol.comment-list article .comment_content .comment_text p { font-family: 'DM Sans'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; } .comments-area ol.comment-list article .comment_content .comment_meta { margin-bottom: 0px; position: relative; display: flex; align-items: center; } .comments-area ol.comment-list article .comment_content .comment_meta .comment_meta_author { display: flex; flex-direction: column; } .comments-area ol.comment-list article .comment_content .comment_meta .comment-edit-link { position: absolute; right: 0; font-weight: 700; } .comments-area ol.comment-list article .comment_content .comment_meta .comment_author { margin: 0; display: inline-block; margin-right: 25px; font-weight: 700; text-transform: uppercase; font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: capitalize; color: #171717; } .comments-area ol.comment-list article .comment_content .comment_meta .comment_author a { color: #121212; } .comments-area ol.comment-list article .comment_content .comement_reply { font-weight: 700; font-size: 14px; margin-top: 12px; display: flex; } .comments-area ol.comment-list article .comment_content .comement_reply .comment-reply-link { color: #171717; } #respond.comment-respond { margin-bottom: 30px; } .comments-area ol.comment-list article .comment_content .comment_time { position: relative; display: inline-block; font-weight: 400; font-size: 14px; line-height: 24px; color: #9C9EA6; margin-right: 20px; } .comments-area ol.comment-list article .comment_content .comment_text a { color: #171717; font-weight: 700; } .comments-area ol.comment-list article .comment_content .comment_time i { margin-right: 4px; } .comment-post .comment-detail .comment-author a { font-size: 16px; line-height: 36px; color: #222; font-weight: 700; } .comments-area ol.comment-list article .comment_content .comment_meta .comment_time a { color: #a8a8a8; } .comments-area ol.comment-list article .comment_content .comment_meta .comment_time a:hover { color: #2e5797; } .logged-in-as+.comment-right { width: 100%; } .logged-in-as { margin-bottom: 22px; line-height: 1.4; color: #171717; } .logged-in-as a { color: #171717; } .comment-edit-link { color: #3A3B3E; } .comment-respond fieldset { position: relative; } .comment-respond fieldset.cookies-opt-in label { margin-bottom: 32px; display: flex; gap: 12px; } .comment-respond .message { width: 100%; } .comment-respond textarea { width: 100%; height: 113px; } .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea { width: 100%; color: var(--theme-secondary-color); font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; padding: 12px 16px; border-radius: 8px; background-color: #fff; border: 1px solid #E6E6E6; } .comment-respond input[type="text"], .comment-respond input[type="email"] { margin-bottom: 21px; } .comment-respond input#wp-comment-cookies-consent { box-shadow: unset; } .comment-respond input::placeholder, .comment-respond textarea::placeholder {} #commentform .wrap-input-submit { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #commentform .wrap-input-submit input[type="submit"] { background: transparent; } .comment-respond input#wp-comment-cookies-consent { width: auto; } .comment-respond form { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; flex-wrap: wrap; flex-direction: column; } .comment-respond form .comment_wrap_input { order: -1; width: 100%; } .comment-respond form .comment-right { width: 100%; order: 1; } .comment-respond .comment-form-cookies-consent { display: flex; align-items: center; width: 100%; margin-bottom: 20px; order: -1; margin-top: -2px; margin-left: 2px; } .comment-respond .comment-form-cookies-consent label { margin: 0; padding-left: 9px; font-size: 14px; line-height: 22px; } .comment-respond .comment-left .name-container, .comment-respond .comment-left .email-container { width: 50%; float: left; padding: 0 15px; } .comment-respond .website-container { width: 100%; } .comment-respond .comment-form-cookies-consent { display: none; } .comment-respond .comment-left { margin: 0 -15px; } .comment-respond .comment-form-author, .comment-respond .comment-form-email { width: 50%; float: left; margin-bottom: 0; } .comment-respond p.form-submit { padding: 0 0px; margin: 0; order: 2; margin-top: -3px; } .comment-respond p.comment-notes { margin-bottom: 25px; } .comment-respond p.comment-form-comment { margin-bottom: 12px; } .comment-respond label { margin-bottom: 11px; cursor: pointer; } .comment-respond input[type="submit"] { color: var(--theme-secondary-color); font-size: 16px; font-weight: 700; text-transform: capitalize; background: transparent; border: 1px solid var(--theme-secondary-color); padding: 11px 24px; border-radius: 1000px; } .comment-respond input[type="submit"]:hover { background: var(--theme-primary-color); border-color: var(--theme-primary-color); color: #fff; } .comment-list-wrap { margin-bottom: 52px; } /* Related Post */ .related-post.related-posts-box h3.box-title { color: #171717; font-family: 'DM Sans'; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; text-transform: capitalize; } .related-post .box-content .blog-grid .item .featured-post { margin-bottom: 28px; } .related-post .box-content .blog-grid .item .featured-post img { height: 245px; object-fit: cover; width: 100%; } .related-post .ul.wrap-post-tags { margin-bottom: 7px; } .related-post.related-posts-box .box-content .item article { margin-bottom: 0 !important; } .related-post article .entry-meta li { margin: 0; } .related-post article .entry-meta li i { display: none; } .related-post .box-title { font-size: 40px; position: relative; overflow: hidden; margin: 0 0 23px 0; } .related-post .blog-grid .entry-border, .related-post .blog-grid article:hover .entry-border { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .related-post article .entry-meta ul { margin-bottom: 10px; line-height: normal; } .related-post article .entry-meta ul li a { color: var(--theme-secondary-color); } .related-post .blog-grid article .entry-title { font-size: 20px; line-height: 32px; margin-bottom: 6px; text-transform: capitalize; } /*effect hover overlay*/ .our-posts .our-post-latest .featured-post { overflow: hidden; display: block; height: 100%; } .our-posts .our-post-latest .featured-post img { transition: all .4s linear; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; transform: scale(1); -webkit-transform: scale(1); height: 100%; } .our-posts .our-post-latest .featured-post:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } .our-posts .post-random-item .our-post-thumbnail .content-post-rand-overlay { position: absolute; width: 100%; height: 100%; top: 0; opacity: 0; background: rgba(0, 0, 0, 0.7); -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .our-posts .post-random-item .our-post-thumbnail:hover .content-post-rand-overlay { opacity: 1; } /* Sidebar -------------------------------------------------------------- */ .block-get-a-quote { min-height: 490px; border-radius: 5px; overflow: hidden; padding: 47px 46px; display: flex; flex-direction: column; justify-content: flex-end; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; } .block-get-a-quote .overlay-color { background-color: var(--theme-secondary-color); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9; } .block-get-a-quote .title { font-size: 72px; font-family: "Roboto Slab"; line-height: 68px; color: #fff; font-weight: 700; } .block-get-a-quote a { display: inline-block; padding: 10px 19px 11px 22px; color: #fff; border: 1px solid #fff; font-weight: 700; font-size: 15px; border-radius: 5px; margin-top: 10px; } .block-get-a-quote a>i { margin-left: 25px; font-size: 9px; } .block-get-a-quote a:hover { border-color: transparent; } .sidebar .wpcf7-form-control-wrap { display: inline-block; } .wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] { width: 100%; } .sidebar .wpcf7-form-control-wrap.your-name:before, .sidebar .wpcf7-form-control-wrap.your-email:before, .sidebar .wpcf7-form-control-wrap.your-message:before { content: ""; font-family: "norstar"; position: absolute; right: 30px; top: 26px; color: #df1e08; font-size: 13px; } .sidebar .wpcf7-form-control-wrap.your-name:before { content: "\e981"; } .sidebar .wpcf7-form-control-wrap.your-email:before { content: "\e974"; font-size: 12px; } .sidebar .wpcf7-form-control-wrap.your-message:before { content: "\e976"; top: 20px; } .sidebar .wpcf7-form input { width: 100%; } .sidebar .newsletter-box .wpcf7-form .wpcf7-email { height: 50px; color: #A0A3AA; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; margin-bottom: 16px; border-radius: 1000px; border: 1px solid #E6E6E6; background-color: transparent; } .sidebar .newsletter-box .wpcf7-form .wpcf7-submit { width: 100%; display: flex; padding: 11px 24px; height: 48px; justify-content: center; align-items: center; gap: 20px; height: 52px; align-self: stretch; border-radius: 1000px; color: #171717; ; text-align: center; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 1.6px; text-transform: capitalize; background-color: transparent; border: 1px solid #171717; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .sidebar .newsletter-box .wpcf7-form .wpcf7-submit:hover { background-color: #171717; color: #fff; } .sidebar .wpcf7-response-output, .sidebar .wpcf7-spinner { display: none; } .sidebar .wpcf7-form textarea { border-color: #e3e3e3; height: 125px; margin-bottom: 8px; padding: 12px 21px; } .block-company-profile { border-radius: 5px; padding: 42px 32px 48px 32px; display: flex; flex-direction: column; justify-content: flex-start; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; background-position: center; background-color: rgba(87, 179, 62, 1); } .block-company-profile, .block-company-profile .title, .block-company-profile a { color: #fff; } .block-company-profile .title { margin-bottom: 14px; } .block-company-profile .overlay-color { position: absolute; top: 33px; right: 25px; z-index: -1; } .block-company-profile .overlay-color svg { fill: #fff; max-width: 100px; } .block-company-profile a.btn { display: inline-block; padding: 13px 30px; color: #fff; border-radius: 5px; margin-top: 28px; background: #1f242c; } .block-company-profile a.btn:before { background: #1f242c !important; width: 100%; height: 100%; } .block-company-profile a.btn i { margin-right: 12px; } /* Widgets -------------------------------------------------------------- */ .widget ul { margin: 0; list-style: none; } .sidebar>.widget { position: relative; margin-bottom: 40px; } .sidebar>.widget:not(.widget_search) { /* padding: 40px 50px; background-color: #EBEBFD; border-radius: 14px; border: 1.2px solid rgba(104, 68, 237, 0.20); box-shadow: 0px 4px 30px rgba(141, 141, 141, 0.05); */ } .sidebar>.widget:last-child { margin-bottom: 0; } .sidebar .widget .widget-title::after { /* content: ''; display: block; width: 100%; height: 1px; margin-top: 15px; margin-bottom: 30px; background-color: rgba(104, 68, 237, 0.20); */ } .sidebar .widget .widget-title, .widget h2, .wp-block-search .wp-block-search__label { position: relative; line-height: 1.3; margin-bottom: 24px; } .wp-block-search { margin-bottom: 20px; } .sidebar .wp-block-search, footer .wp-block-search { margin-bottom: 0px; } .widget_archive ul ul, .widget_categories ul ul, .widget_meta ul ul, .widget_nav_menu ul ul, .widget_pages ul ul, .widget_recent_comments ul ul, .widget_recent_entries ul ul, .widget_rss ul ul, .widget.widget_block ul ul { padding-left: 16px; } .widget.widget_pages ul li, .widget.widget_nav_menu ul li, .widget.widget_archive ul li, .widget.widget_categories ul li, .widget.widget_meta ul li, .widget.widget_recent_entries ul li, .widget.widget_recent_comments ul li, .widget.widget_rss ul li, .widget.widget_block ul li, .widget.widget_block ol li { position: relative; } .widget.widget_categories ul li, .widget.widget_pages ul li, .widget.widget_archive ul li, .widget.widget_block .wp-block-archives li, .widget.widget_block .wp-block-categories li { font-weight: 500; padding-bottom: 15px; border-bottom: 1px solid #E9E9E9; } .widget.widget_categories ul li ul li:last-child, .sidebar .widget ul li ul li:last-child { border: unset; } .widget.widget_nav_menu ul li a::before, footer .widget.widget_nav_menu ul li a::before { content: "\e905"; font-family: "norstar"; color: var(--theme-primary-color); font-size: 14px; vertical-align: middle; margin-right: 7px; } .widget.widget_recent_comments ul li, .widget.widget_rss ul li, .widget.widget_block ol.wp-block-latest-comments li, .widget.widget_meta ul li { padding: 5px 0; margin-bottom: 0; } .wp-block-latest-comments__comment { line-height: inherit; } .widget ul ul li:last-child { padding-bottom: 0; } .widget ul ul li:first-child { margin-top: 5px; } .widget.widget_pages ul ul li:last-child, .widget.widget_archive ul ul li:last-child, .widget.widget_categories ul ul li:last-child, .widget.widget_meta ul ul li:last-child, .widget.widget_recent_comments ul ul li:last-child, .widget.widget_rss ul ul li:last-child, .widget.widget_block .wp-block-archives ul ul li:last-child, .widget.widget_block .wp-block-categories ul ul li:last-child { padding-bottom: 0; } .widget.widget_archive ul li, .widget.widget_categories ul li, .widget.widget_pages ul li, .widget.widget_categories ul li { padding: 0; } .widget.widget_block .wp-block-categories li a, .widget.widget_archive ul li a, .widget.widget_categories ul li a, .widget.widget_pages ul li a, .widget.widget_categories ul li a, .widget.widget_block .wp-block-categories li a { display: block; padding: 0; position: relative; background: transparent; margin-bottom: 0px; color: #64666C; border-radius: 4px; } footer .widget.widget_block .wp-block-categories li a, footer .widget.widget_archive ul li a, footer .widget.widget_categories ul li a, footer .widget.widget_pages ul li a, footer .widget.widget_categories ul li a { background-color: transparent; } .widget.widget_block .wp-block-categories li a:hover, .widget.widget_archive ul li a:hover, .widget.widget_categories ul li a:hover, .widget.widget_pages ul li a:hover, .widget.widget_categories ul li a:hover { color: var(--theme-primary-color); } .widget.widget_block .wp-block-categories li a:hover::after, .widget.widget_block .wp-block-categories li a:hover::after, .widget.widget_archive ul li a:hover::after, .widget.widget_categories ul li a:hover::after, .widget.widget_pages ul li a:hover::after, .widget.widget_categories ul li a:hover::after { opacity: 1; visibility: visible; } .widget.widget_archive ul li a::after { content: "\e906"; font-family: "norstar"; font-size: 12px; position: absolute; font-weight: 900; right: 17px; top: 50%; transform: translateY(-50%); color: var(--theme-primary-color); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget.widget_block .wp-block-categories { display: flex; flex-direction: column; gap: 12px; margin-left: 4px; margin-top: 4px; } .widget.widget_block .wp-block-categories li a:hover { color: var(--theme-primary-color); } .widget.widget_block .wp-block-categories li a:hover::after { opacity: 1; visibility: visible; color: var(--theme-primary-color); } .widget.widget_block .wp-block-categories li a { color: #171717; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; letter-spacing: 1.6px; text-transform: capitalize; } .widget.widget_block .wp-block-categories li:last-child { margin-bottom: 0; border-bottom: none; } .widget.widget_recent_entries ul li, .widget.widget_block ul.wp-block-latest-posts li { margin-bottom: 27px; padding: 0; border: none; overflow: hidden; } .widget.widget_recent_entries ul li a, .widget.widget_block ul.wp-block-latest-posts li a { display: block; padding: 0; border: none; margin-top: 0px; font-weight: 500; font-size: 16px; line-height: 1.5; color: #030014; } .widget.widget_block .wp-block-categories li a span { float: right; } .widget.widget_recent_entries ul li a:hover, .widget.widget_block ul.wp-block-latest-posts li a:hover { background: transparent !important; } .widget.widget_block ul.wp-block-latest-posts li a { margin-bottom: 0; } .widget.widget_categories ul li a, .widget.widget_block .wp-block-archives li a, .widget.widget_block .wp-block-categories li a, .widget.widget_archive ul li a, .widget.widget_pages ul li a { color: #121212; } .wp-block-latest-posts__featured-image img { margin-bottom: 10px; } .widget.widget_recent_entries ul li .post-date { display: block; position: relative; margin-top: 0; font-size: 12px; color: #1f242c; line-height: normal; } .widget.widget_recent_entries .post-date { font-size: 14px; line-height: 26px; } .widget.widget_categories ul li a, .widget.widget_pages ul li a, .widget.widget_archive ul li a, .widget.widget_nav_menu ul li a { position: relative; } .sidebar .widget ul li a { font-weight: 500; padding: 10px 0; } .sidebar .wp-block-categories-list.wp-block-categories li { display: flex; align-items: center; position: relative; } .sidebar .wp-block-categories-list.wp-block-categories li span.cate-count { position: absolute; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #F7F7F7; color: #171717; border-radius: 50%; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; } .sidebar .wp-block-categories-list.wp-block-categories li span.cate-count { right: 0; } .sidebar .wp-block-categories-list.wp-block-categories li span.icon { margin-right: 12px; font-size: 12px; } /* .widget.widget_categories ul li > a::before, .widget.widget_archive ul li > a::before, .widget.widget_pages ul li > a::before, .widget.widget_block .wp-block-categories li a::before { content: '\e905'; color: #121212; font-family: 'norstar'; margin-right: 12px; font-size: 12px; } */ /* .widget.widget_categories ul li > a::after, .widget.widget_archive ul li > a::after, .widget.widget_pages ul li > a::after, .widget.widget_block .wp-block-categories li a::after { content: ''; } */ /* .widget.widget_block .wp-block-categories { counter-reset: a 0; } .widget.widget_block .wp-block-categories li a { position: relative; } .widget.widget_block .wp-block-categories li a::after { content: counter(a); counter-increment: a; width: 30px; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; color: #171717; background-color: #F7F7F7; border-radius: 50%; font-family: 'DM Sans'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 24px; } */ /* .widget.widget_block .wp-block-categories li a::after { opacity: 1; visibility: visible; } */ .widget select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; outline: 0; background-image: linear-gradient(45deg, transparent 50%, var(--theme-primary-color) 50%), linear-gradient(135deg, var(--theme-primary-color) 50%, transparent 50%); background-position: calc(100% - 20px), calc(100% - 15px); background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; line-height: 1.5; } .post-password-form input[type="submit"] { padding: 21px 57px 21px 57px; color: #FFF; background-color: var(--theme-primary-color); font-size: 16px !important; } .wp-block-file__button:hover { color: #fff; } /*Widget Tag */ .widget-title-tag { margin-bottom: 32px; } .wp-block-tag-cloud { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; } .wp-block-tag-cloud .tag-cloud-link, .widget .tagcloud a { padding: 5px 16px; gap: 4px; height: 34px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; letter-spacing: 1.12px; text-transform: capitalize; color: #3A3B3E; border-radius: 5px; border: 1px solid #E6E6E6; background-color: transparent; margin-right: 10px; margin-bottom: 12px; display: inline-block; } .wp-block-tag-cloud a:hover, .widget .tagcloud a:hover { background-color: var(--theme-primary-color); border-color: var(--theme-primary-color); color: #fff; } .wrap_newsletter_ctf7 { padding: 24px; background-color: var(--theme-primary-color); } .wrap_newsletter_ctf7 .wpcf7-form label { width: 100%; } .wrap_newsletter_ctf7 h5 { color: #121212; text-align: center; font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px; text-transform: capitalize; } .wrap_newsletter_ctf7 svg { display: flex; align-items: center; margin: 20px auto; } .sidebar .newsletter-box { border: 1px solid #E6E6E6; padding: 32px; border-radius: 8px; text-align: center; } .sidebar .newsletter-box .icon { width: 80px; max-width: 80px; margin: 0 auto 16px; } .sidebar .newsletter-box .icon i { font-size: 80px; } .sidebar .newsletter-box h5.newsletter-box-heading { margin-bottom: 12px; color: #171717; font-family: 'DM Sans'; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; text-transform: capitalize; } .sidebar .newsletter-box form.wpcf7-form label { width: 100%; } /*Widget Nav Menu*/ .sidebar-about { padding: 35px 15px; } .sidebar .widget.widget_nav_menu ul li { position: relative; width: 100%; } .sidebar .widget.widget_nav_menu .menu>li>a>i { position: absolute; right: 12px; top: 50%; margin-top: -15px; font-size: 30px; } .background_fbfbfb { background: #fbfbfb; } /* contact form sidebar */ .contact-sidebar { position: relative; padding: 30px 20px; background: var(--theme-primary-color); border-radius: 3px; } .contact-sidebar svg { position: absolute; bottom: -15px; right: -30px; transform: rotate(-16.71deg); z-index: 0; } .contact-sidebar h3 { font-weight: 600; font-size: 22px; color: var(--theme-secondary-color); margin-top: -8px; margin-bottom: 12px; } .contact-sidebar p { font-weight: 400; font-size: 14px; line-height: 24px; color: #FFFFFF; margin-bottom: 29px; } .contact-sidebar button { padding: 20px !important; background: transparent; color: var(--theme-primary-color); } .contact-sidebar .contact-sidebar-form { position: relative; z-index: 10; } .contact-sidebar .contact-sidebar-form p { margin-bottom: 0 !important; } .contact-sidebar .contact-sidebar-form button { position: absolute; top: 50%; right: -4px; transform: translateY(-50%); margin-bottom: 0; font-size: 20px; } .contact-sidebar .contact-sidebar-form input { padding: 16px 20px; border-radius: 3px; font-weight: 400; font-size: 13px; line-height: 20px; color: var(--theme-primary-color); margin-bottom: 0; } .contact-sidebar .contact-sidebar-form input::placeholder { font-weight: 400; font-size: 13px; line-height: 20px; font-style: italic; color: #9C9EA6; } /*Widget Themesflat Social*/ .themesflat-widget-socials li { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .widget.widget_themesflat_socials ul li a { position: relative; } .widget.widget_themesflat_socials ul li a::after { position: absolute; width: 100%; height: 100%; content: ""; top: 0; left: 0; opacity: 0; background-image: linear-gradient(90deg, var(--theme-accent-color) 0%, var(--theme-secondary-color) 100%); z-index: -1; border-radius: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .widget.widget_themesflat_socials ul li a:hover::after { opacity: 1; } li.android { background: #8ec147; } li.apple { background: #777; } li.behance { background: #0077ff; } li.bitcoin { background: #f79012; } li.buysellads { background: #c90100; } li.codepen { background: #444; } li.css3 { background: #0270bb; } li.delicious { background: #31a9ff; } li.deviantart { background: #05cc47; } li.digg { background: #0093cc; } li.dribbble { background: #ea4c89; } li.dropbox { background: #007ee5; } li.drupal { background: #0073ba; } li.email-1 { background: #35c7ed; } li.email-2 { background: #35c7ed; } li.facebook, li.facebook-f { background: #4862a3; } li.flickr { background: #ff1981; } li.foursquare { background: #f04d7a; } li.git { background: #f64d27; } li.github { background: #999; } li.google { background: #3f85f4; } li.google-plus, li.google-plus-g { background: #dd4b39; } li.html5 { background: #e54d26; } li.instagram { background: #3d6b92; } li.joomla { background: #fc8f30; } li.jsfiddle { background: #4679bd; } li.lastfm { background: #df1c23; } li.linkedin { background: #0177b5; } li.linux { background: #39a6df; } li.maxcdn { background: #ff5b02; } li.medium { background: #333; } li.pagelines { background: #444; } li.paypal { background: #009cde; } li.pinterest { background: #db242c; } li.reddit { background: #ff4500; } li.rss { background: #fc8f55; } li.share { background: #01924b; } li.skype { background: #00aff0; } li.slideshare { background: #0679b5; } li.soundcloud { background: #ff4e00; } li.spotify { background: #84bd00; } li.stack-exchange { background: #366fb3; } li.stack-overflow { background: #07c; } li.stumbleupon { background: #ea4b24; } li.trello { background: #026aa7; } li.tumblr { background: #2c4762; } li.twitter { background: #55acee; } li.vimeo { background: #44bbff; } li.vine { background: #00bf8f; } li.vk { background: #6281a3; } li.whatsapp { background: #59ac23; } li.windows { background: #00bcf2; } li.wordpress { background: #1e8cbe; } li.xing { background: #006464; } li.yahoo { background: #5210c4; } li.yelp { background: #c41200; } li.youtube { background: #d02022; } li.youtube-play { background: #d02022; } .sidebar .widget.widget_themesflat_socials ul li, .widget.widget_themesflat_socials ul li { display: inline-block; border: none; text-align: center; width: 40px; height: 40px; font-size: 20px; padding: 0; line-height: 40px; margin-right: 8px; margin-bottom: 8px; border-radius: 50%; background: #f6f6f6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sidebar .widget.widget_themesflat_socials .themesflat-widget-socials { margin-left: 25px; } .widget.widget_themesflat_socials .widget-title { margin-bottom: 25px; } .sidebar .widget.widget_themesflat_socials ul li:hover, .widget.widget_themesflat_socials ul li:hover { background: var(--theme-secondary-color); } .sidebar .widget.widget_themesflat_socials ul li a, .widget.widget_themesflat_socials ul li a { color: var(--theme-primary-color); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 13px; } .sidebar .widget.widget_themesflat_socials ul li a:hover, .widget.widget_themesflat_socials ul li a:hover { color: #fff; } /* widget tags */ .widget.widget_categories ul.children li:first-child>a:before { display: none; } #footer .widget .tagcloud a { color: var(--theme-primary-color); } /* widget search */ .widget_search .widget-title { margin-bottom: 30px; } .widget_search form { width: 100%; position: relative; margin: 0; } .widget_search form label { display: block; margin-bottom: 10px; } .widget_search form button, .wp-block-search .wp-block-search__button { width: 48px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; background: none; box-shadow: none; border: 0; outline: none !important; padding: 0; border-radius: 0rem; text-align: center; color: #fff; font-size: 20px; background-color: #171717; border-radius: 0px 22px 22px 0px; } .widget_search form button svg, .wp-block-search .wp-block-search__button svg { fill: #fff; transform: rotate(-90deg); } .wp-block-search .wp-block-search__inside-wrapper { position: relative; } .wp-block-search .wp-block-search__button { text-indent: -99999px; margin: 0; z-index: 1; } .wp-block-search .wp-block-search__button::placeholder { color: var(--theme-primary-color); } .widget_search form button:hover { color: var(--theme-secondary-color); } .wp-block-search .wp-block-search__inside-wrapper button:after { all: unset; content: "\e924"; font-family: "norstar"; text-indent: 0; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); font-size: 20px; z-index: 1; font-weight: 400; line-height: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .wp-block-search .wp-block-search__inside-wrapper button::before { display: none; } .wp-block-search .wp-block-search__inside-wrapper button:hover { background-color: var(--theme-primary-color); color: #fff; } #header .widget_search form button:hover { color: #fff; } .widget_search form input[type="search"], .wp-block-search .wp-block-search__input { width: 100%; display: flex; padding: 14px; justify-content: space-between; align-items: center; align-self: stretch; height: 48px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; border-radius: 1000px; border: 1px solid #E6E6E6; background-color: #fff; } .widget_search form input[type="search"]::placeholder, .wp-block-search .wp-block-search__input::placeholder { color: #A0A0A0; } .widget_search form input::placeholder, .widget_search form input:-moz-placeholder, .widget_search form input::-moz-placeholder, .widget_search form input:-ms-input-placeholder, .widget_search form input::-webkit-input-placeholder { color: #010C2A; } /* widget recent post */ .widget.widget-recent-news .widgettitle, .widget.widget_latest_news .widgettitle { margin-bottom: 26px; } .widget-recent-porfolio .thumb, .widget.widget-recent-news .thumb, .widget.widget_latest_news .thumb { margin-right: 16px; position: relative; border-radius: 0; overflow: hidden; margin-top: 3px; min-width: 90px; height: auto; width: 90px; } .widget.widget-recent-news .thumb { margin-top: 0px; } .widget-recent-porfolio .text, .widget.widget-recent-news .text, .widget.widget_latest_news .text { overflow: hidden; } .widget.widget-recent-news .text { margin-top: 6px; } .widget.widget-recent-news h4.widget-title { margin-bottom: 40px; } .widget.widget-recent-news .text h6, .widget.widget_latest_news .text h6 { font-weight: 700; font-size: 16px; line-height: 26px; text-transform: capitalize; } .widget-recent-porfolio .thumb a img, .widget.widget-recent-news .thumb a img, .widget.widget_latest_news .thumb a img { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; max-width: 100%; width: 90px; height: 90px; border-radius: 12px; object-fit: cover; } .widget-recent-porfolio li, .widget.widget-recent-news li, .widget.widget_latest_news li { display: flex; margin-bottom: 17px; padding: 0; overflow: hidden; background-color: transparent; } .widget-recent-porfolio li, .widget.widget-recent-news li { overflow: unset; align-items: center; margin-bottom: 18px; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child { flex-direction: column; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .thumb { margin: 0; margin-bottom: 24px; width: 100%; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .thumb a img { width: 100%; height: 224px; object-fit: cover; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .text h6 { font-size: 20px; font-style: normal; font-weight: 700; line-height: 32px; text-transform: capitalize; color: #171717; } .widget.widget-recent-news ul.recent-news .post-category { display: none; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .post-category { display: block; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .post-category a.post-hightlight-cate { display: inline-flex; justify-content: center; align-items: center; padding: 6px 10px; height: 34px; border-radius: 4px; background-color: var(--theme-primary-color); margin-bottom: 12px; color: #fff; font-size: 14px; font-style: normal; font-weight: 700; line-height: 22px; } .widget.widget-recent-news ul.recent-news.has-hightlight li:first-child .post-category a.post-hightlight-cate:hover { background-color: #171717; color: #fff; } .widget.widget-recent-news li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E6E6E6; } .widget-recent-porfolio li:last-child, .widget.widget-recent-news li:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: unset; } .widget.widget-recent-news li:last-child, .widget.widget_latest_news li:last-child { margin-bottom: 0; } .widget-recent-porfolio li .text h6 a, .widget.widget-recent-news li .text h6 a, .widget.widget_latest_news li .text h6 a { color: var(--theme-primary-color); } .widget-recent-porfolio li .text p.desc, .widget.widget-recent-news li .text p.desc, .widget.widget_latest_news li .text p.desc { margin-bottom: 0; margin-top: 10px; } .widget-recent-porfolio li .text .post-date, .widget.widget-recent-news li .text .post-date, .widget.widget_latest_news li .text .post-date { display: block; position: relative; margin-top: 0; font-weight: 400; font-size: 16px; line-height: 18px; color: var(--theme-primary-color); } .widget-recent-porfolio li .text .post-date i, .widget.widget-recent-news li .text .post-date i, .widget.widget_latest_news li .text .post-date i { font-size: 14px; vertical-align: middle; } .widget-recent-porfolio li .text .post-date i, .widget.widget-recent-news li .text .post-date i { margin-right: 1px; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { color: #A4A5A6; } .widget-recent-porfolio li .text .post-date svg, .widget.widget-recent-news li .text .post-date svg, .widget.widget_latest_news li .text .post-date svg { font-size: 16px; margin-right: 5px; } .widget-recent-porfolio li .text .post-date svg path, .widget.widget-recent-news li .text .post-date svg path, .widget.widget_latest_news li .text .post-date svg path { stroke: var(--theme-accent-color); } .widget-recent-porfolio li .text .post-comment, .widget.widget-recent-news li .text .post-comment { font-size: 13px; line-height: 1.5; font-weight: 700; margin-top: 5px; } .widget-recent-porfolio li .text .post-comment i, .widget.widget-recent-news li .text .post-comment i { margin-right: 3px; } .recent-portfolio .icon-widget { width: 60px; height: 60px; border: 2px solid #F0F0F0; border-radius: 999px; margin-right: 15px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .widget-recent-porfolio .recent-portfolio .text h6 a, .widget.widget-recent-news .recent-portfolio .text h6 { font-weight: 600; font-size: 16px; line-height: 24px; color: var(--theme-primary-color); -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .widget-recent-porfolio .recent-portfolio .text, .widget.widget-recent-news .recent-portfolio .text { margin-top: 0px; } .widget-recent-porfolio .recent-portfolio li, .widget.widget-recent-news .recent-portfolio li { overflow: unset; align-items: center; margin-bottom: 20px; padding-bottom: 0px; border-bottom: unset; } .sidebar .widget-recent-porfolio { margin-bottom: 38px; } /* widget recent comments */ .widget_recent_comments .recentcomments>a { line-height: normal; } .sidebar .widget_recent_comments .recentcomments a { color: var(--theme-secondary-color); } #footer .widget_recent_comments .recentcomments a { color: rgba(229, 229, 229, 1); } #footer .widget_recent_comments .recentcomments a:hover, .sidebar .widget_recent_comments .recentcomments a:hover { color: var(--theme-secondary-color); } .widget.widget_block blockquote { margin: 0; } .sidebar .wp-block-pullquote { padding: 0; margin: 0; } .sidebar .wp-block-media-text .wp-block-media-text__content p { margin-bottom: 5px; } .sidebar .wp-block-media-text .wp-block-media-text__content .has-large-font-size { line-height: 1; } .widget_block ul.wp-block-social-links li a { margin: 0; border: none; } .widget_block ul.wp-block-social-links li { border-radius: 5px; } /* widget Contact Now */ .sidebar #block-34 { padding: 0; } .sidebar .widget-contact-now { position: relative; background-color: var(--theme-primary-color); border-radius: 5px; text-align: center; vertical-align: middle; padding: 40px 0; overflow: hidden; } .sidebar .widget-contact-now .bg-contact { position: absolute; top: 0; left: 0; width: 100%; } .sidebar .widget-contact-now .bg-contact img { object-fit: cover; } .sidebar .widget .widget-contact-now .widget-title, .sidebar .widget-contact-now .img-author, .sidebar .widget-contact-now .phone, .sidebar .widget-contact-now .btn.contact { position: relative; z-index: 2; } .sidebar .widget .widget-contact-now .widget-title { color: #fff; font-size: 24px; font-family: "Roboto Slab"; } .sidebar .widget-contact-now .img-author { margin-bottom: 30px; } .sidebar .widget-contact-now .img-author img { overflow: hidden; border-radius: 50%; width: 120px; height: 120px; } .sidebar .widget-contact-now .phone { margin-bottom: 40px; display: inline-flex; align-items: center; } .sidebar .widget-contact-now .phone .icon { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; margin-right: 10px; } .sidebar .widget-contact-now .phone .icon i { color: var(--theme-accent-color); font-size: 20px; } .sidebar .widget-contact-now .phone .tel { font-size: 20px; font-family: "Roboto Slab"; font-weight: 500; color: #fff; } .sidebar .widget-contact-now .btn.contact { background: var(--theme-accent-color); border: none; padding: 18px 40px; font-size: 16px; font-weight: 700; font-family: "Roboto Slab"; } .sidebar .widget-contact-now .btn.contact::before, .sidebar .widget-contact-now .btn.contact::after { background-color: var(--theme-accent-color); } /* widget banner */ #block-13.widget { border: unset; padding: 0; } .wd-banner { text-align: center; background: #FFE8CE; padding: 34px 20px; padding-bottom: 40px; } .wd-banner h3 { font-weight: 600; font-size: 30px; line-height: 120%; padding: 0 20px; margin-bottom: 23px; } .wd-banner a { margin-bottom: 36px; } /* widget download */ .sidebar .widget-download .btn { padding: 8px 21px 13px; background-color: var(--theme-accent-color); margin-bottom: 10px; z-index: 1; width: 100%; text-align: left; border-radius: 2px; font-size: 14px; font-weight: 500; font-family: "Roboto Slab"; } .sidebar .widget-download .btn i { font-size: 24px; padding-right: 21px; margin-right: 17px; position: relative; } .sidebar .widget-download .btn i::after { position: absolute; content: ""; width: 1px; height: 50px; right: 0px; top: -10px; background-color: rgba(255, 255, 255, 0.2); } /* Pagination -------------------------------------------------------------- */ .navigation.paging-navigation .pagination, .navigation.paging-navigation.pager { text-align: left; display: inline-flex; } .navigation.paging-navigation a.next, .navigation.paging-navigation a.prev { color: #A0A3AA; } .navigation.paging-navigation .current { border-color: transparent; } .navigation.paging-navigation.pager .pagination { width: 100%; display: block; } .navigation.paging-navigation.pager a:last-child { float: right; } .navigation.paging-navigation a, .pagination>span, .navigation.paging-navigation span, .page-links a, .page-links>span { position: relative; color: #A0A3AA; margin-right: 12px; width: 40px; height: 40px; padding: 2px 12px; border-radius: 8px; border: 1px solid #E6E6E6; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 600; line-height: 26px; text-transform: capitalize; } .align-center { align-items: center; } .justify-right { justify-content: right; } .page-links { margin-top: 15px; clear: both; } .navigation.paging-navigation.pager a { display: inline-block; color: var(--theme-primary-color); padding: 0; min-width: 0; min-height: 0; border-radius: 8px; border: 1px solid var(--line, #E5E5E5); background: #fff; padding: 7px 15px; } .navigation.paging-navigation a:hover { border-color: var(--theme-secondary-color); } .navigation.paging-navigation.pager a:hover { background-color: var(--theme-secondary-color); color: #fff; } .page-links>span, .page-links a:hover, .navigation.paging-navigation .current, .navigation.paging-navigation a:hover, .navigation.paging-navigation a.next:hover { color: #fff; background: #171717; border-color: transparent; } /* .navigation.paging-navigation a.next:hover, .navigation.paging-navigation a.prev:hover { border: unset; } .page-links a:hover, .page-links a:focus, .page-links > span { background-color: transparent; } */ /* Navigation page */ .navigation.pager a, .navigation.loadmore a { width: auto; height: auto; padding: 0 20px; border-radius: 5px; } .navigation.loadmore .pagination { display: inline-flex; } .search .nav-links .nav-previous { float: left; } .search .nav-links .nav-next { float: right; } /* Navigation Loadmore */ .post-wrap { -webkit-transition: height 0.5s ease; -moz-transition: height 0.5s ease; -ms-transition: height 0.5s ease; -o-transition: height 0.5s ease; transition: height 0.5s ease; } .navigation.loadmore { text-align: center; } .navigation.loadmore a { position: relative; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 700; margin-right: 0; padding: 11px 47px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 1; overflow: hidden; border-radius: 3px; } .navigation.loadmore a svg { margin-right: 10px; margin-top: -3px; } .navigation.loadmore a:hover svg { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .infscr-loading { background: #000 url("../images/loading.gif") no-repeat scroll center 15px; top: 50%; transform: translateY(-50%); color: #ccc; left: 50%; margin-left: -90px; opacity: 0.8; padding: 80px 0 10px; position: fixed; text-align: center; width: 180px; z-index: 100; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .infscr-loading.no-ajax { background: #000; padding: 10px; } .flex-box { display: flex; align-items: center; } /* Mail Chimp -------------------------------------------------------------- */ .footer-widgets .widget.widget_mc4wp_form_widget .widget-title { margin-top: 7px; margin-bottom: 21px; } .form-mailchimp { position: relative; } .form-mailchimp button { height: 100%; position: absolute; top: 0; right: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; padding: 22px; background: var(--theme-accent-color); } .form-mailchimp button:hover { background: var(--theme-secondary-color); } .footer.home-1 .form-mailchimp input[type="email"] { color: #76777a; font-size: 16px; padding: 18px 60px 16px 20px; box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); } .footer.home-1 .form-mailchimp input[type="email"]::-webkit-input-placeholder .footer.home-1 .form-mailchimp input[type="email"]::-moz-placeholder, .footer.home-1 .form-mailchimp input[type="email"]:-ms-input-placeholder, .footer.home-1 .form-mailchimp input[type="email"]::placeholder { color: #76777a; } .footer.home-1 .form-mailchimp button { background: linear-gradient(246.06deg, #cf00fe -19.26%, var(--theme-accent-color) 87.05%); } .form-mailchimp button::before, .form-mailchimp button::after { background-color: var(--theme-accent-color); } /* Footer -------------------------------------------------------------- */ footer .logo-footer { margin-bottom: 33px; } footer .footer-information { margin-bottom: -9px; margin-right: -5px; } .footer-main { padding: 40px 0; } .footer-main .info-footer-custom .themesflat-socials { margin: 0; display: flex; align-items: center; gap: 24px; list-style-type: none; margin-bottom: 12px; } .footer-main .info-footer-custom img { margin-bottom: 12px; } .footer-main .info-footer-custom ul.themesflat-socials li a { color: #fff; font-size: 20px; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .footer-main .info-footer-custom ul.themesflat-socials li a:hover { color: var(--theme-primary-color); } .footer-main .info-footer-custom .copyright span, .footer-main .info-footer-custom .copyright a { color: #E6E6E6; } .footer-main .info-footer-custom .copyright span a:hover { color: var(--theme-primary-color); } .footer-main .email-infor { display: flex; flex-direction: column; gap: 8px; } .footer-main label { color: #E6E6E6; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .footer-main p { color: #fff; font-size: 24px; font-style: normal; font-weight: 700; line-height: 36px; } .footer-main .phone-info { display: flex; justify-content: center; } /* Widget footer -------------------------------------------------------------- */ /* Title widget for footer */ footer .widget.widget_nav_menu ul li, footer .widget.widget_pages ul li, footer .widget.widget_block ul li, footer .widget.widget_block ol li { padding: 0px; border: none; } /* .footer-widgets .widget { margin-bottom: 40px; } */ .footer-widgets .footer-widget-top { display: flex; justify-content: space-between; align-items: center; padding-bottom: 73px; } .footer-widgets .widgets-areas .ft_widget1 { display: flex; flex-direction: column; gap: 20px; width: 364px; } .footer-widgets .widgets-areas .ft_widget1>ul { display: flex; align-items: center; gap: 12px; } .footer-widgets .widgets-areas .ft_widget1>ul li { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer-widgets .widgets-areas .ft_widget1>ul li:hover { background-color: var(--theme-primary-color); transform: translateY(-10px); } #footer .footer-widgets .widgets-areas .ft_widget1>ul li:hover a { color: #121212; } .footer-widgets .widgets-areas .ft_widget1>ul li a { font-size: 21px; } .footer-widgets .widgets-areas .widget h4 { margin-bottom: 12px; } .footer-widgets .widgets-areas .menu li a::after { position: absolute; content: ''; bottom: 0; left: auto; right: 0; width: 0; height: 1px; transition: all 0.3s ease-in-out; } .footer-widgets .widgets-areas .menu li a:hover::after { width: 100%; left: 0; right: auto; } .footer-widgets .footer-widget-top .wrap-widgets-1 .social-contacts { display: flex; align-items: center; } .footer-widgets .wrap-widgets-1 .social-contacts { display: flex; align-items: center; gap: 10px; margin-top: 23px; } .footer-widgets .wrap-widgets-1 .social-contacts a { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 50%; } .footer-widgets .wrap-widgets-1 .social-contacts a i { color: var(--theme-primary-color); } .footer-widgets .wrap-widgets-1 .social-contacts a:hover { background-color: var(--theme-primary-color); } .footer-widgets .wrap-widgets-1 .social-contacts a:hover i { color: #fff; } .footer-widgets .footer-widget-top h2.wp-block-heading { margin: 0; } .footer-widgets .footer-widget-top .ft-galery { display: flex; justify-content: space-between; align-items: center; gap: 33px; } .footer-widgets .footer-widget-top .ft-galery>div:first-child { padding: 0 4px; } .footer-widgets .footer-widget-top .ft-galery>.widget { margin-bottom: 0; padding: 0 15px; } .footer-widgets .footer-widget-top .ft-galery p { font-weight: 500; font-size: 20px; line-height: 25px; color: #fff; letter-spacing: -0.6px; } .footer-widgets .footer-widget-top .ft-galery p span { font-style: italic; font-family: 'Playfair Display'; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image { margin-right: -12px; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image img { width: 50px; height: 50px; border-radius: 50px; border: 3px solid var(--color-white, #FFF); box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.20); width: 50px; transition: all .2s ease-in-out; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-image img:hover { transform: translateY(-5px); border-color: var(--theme-primary-color); transition: 0.3s ease-in-out; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery>figure { display: block; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery>figure>figure { width: 50px; height: 50px; } .footer-widgets .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) { margin-right: -10.5px; } .footer-widgets .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) { margin: 0; } .footer-widgets .footer-widget-top .ft-galery .widget_media_gallery .wp-block-gallery { display: flex; flex-wrap: nowrap; gap: 0; margin-right: -12px; } .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { display: none; } .footer-widgets .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img { width: 50px; } .footer-widgets .widget:last-of-type { margin-bottom: 0; } footer .widget.widget_nav_menu ul li a { display: inline; padding: 0px; border: none; } #footer #bottom { background-color: transparent; } footer .widget.widget_nav_menu ul li a { font-family: 'Open Sans'; font-weight: 400; font-size: 16px; } footer .widget.widget_pages ul ul li:first-child, footer .widget.widget_nav_menu ul ul li:first-child, footer .widget.widget_categories ul ul li:first-child, footer .widget.widget_meta ul ul li:first-child, footer .widget.widget_recent_comments ul ul li:first-child, footer .widget.widget_rss ul ul li:first-child, footer .widget.widget_block ul ul li:first-child { margin-top: 0px; } footer .widget.widget_recent_comments ul li, footer .widget.widget_rss ul li, footer .widget.widget_block ol.wp-block-latest-comments li { padding: 5px 0px; margin-bottom: 0; } .sidebar .widget.widget_rss ul li a, #footer .widget.widget_rss ul li a { color: var(--theme-secondary-color); } footer .widget.widget_categories select option, footer .widget select option { color: #000; } footer .widget.widget_meta ul li a:hover, footer .widget.widget_nav_menu ul li a:hover, footer .widget.widget_block ul li a { background: transparent !important; } footer .widget.widget_categories ul li a:before, footer .widget.widget_meta ul li a:before, footer .widget.widget_nav_menu ul li a:before, footer .widget.widget_pages ul li a:before, footer .widget.widget_archive ul li a:before, footer .widget.widget_block ul li a:before { display: none; } footer .wp-block-search .wp-block-search__label { margin-top: 11px; margin-bottom: 27px; } .footer-widgets .widget.widget_media_image { margin-bottom: -10px; } .footer-style-2 .footer-widgets .widget.widget_media_image { margin-bottom: 17px; } .footer-widgets .wrap-widgets-1 .widget.widget_text { margin-bottom: 20px; margin-top: -3px; margin-left: 2px; padding-right: 20%; } .footer-widgets .widget.widget_text .textwidget p:last-of-type { margin-bottom: 0px; } .footer-widgets .widget ul.contact-info li { padding: 8px 0px; display: flex; } .footer-widgets .widget ul.contact-info li i { font-size: 20px; min-width: 50px; } .footer-widgets .widget ul.contact-info li i.icon-norstar-location { font-size: 26px; margin-left: -6px; } .footer-widgets .widget ul.contact-info li p { font-family: "Roboto Slab"; font-size: 16px; line-height: 28px; } .footer-widgets .widget ul.contact-info li img, .footer-widgets .widget ul.contact-info li svg { width: 25px; max-width: 25px; max-height: 42px; margin-right: 20px; height: auto; line-height: normal; } .footer-widgets .widget.widget_themesflat_socials ul li { width: 40px; height: 40px; font-size: 15px; margin-right: 12px; margin-bottom: 10px; border-radius: 50%; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); } .footer-widgets .widget.widget_themesflat_socials ul li:hover { background: var(--theme-secondary-color); border-color: var(--theme-secondary-color); } .footer-widgets .widget.widget_themesflat_socials ul li:last-child { margin-right: 0; } .footer-widgets .widget.widget_themesflat_socials ul li a { display: flex; align-items: center; justify-content: center; font-size: 16px; color: #fff !important; } .footer-widgets .widget.widget_themesflat_socials ul li:hover a { color: #fff !important; } #footer .widget.widget_tag_cloud a:hover { color: #fff; } .footer-widgets .description-ft-1 { font-family: 'Open Sans'; font-weight: 400; font-size: 16px; line-height: 185%; margin-bottom: 30px; padding-right: 60px; } #footer a:hover { color: var(--theme-secondary-color); } footer .widget.widget_product_categories ul>li>a:before, footer .widget.widget_categories ul>li>a:before, footer .widget.widget_pages ul>li>a:before, footer .widget.widget_archive ul>li>a:before, footer .widget.widget_meta ul>li>a:before, footer .widget.widget_block ul>li>a:before { background: var(--theme-secondary-color); } .footer-style-2 #footer .footer-widgets .widget.widget_themesflat_socials ul li a, .footer-style-4 #footer .footer-widgets .widget.widget_themesflat_socials ul li a { background: #fff; border-color: #fff; } .footer-style-2 #footer .footer-widgets .widget.widget_themesflat_socials ul li a:hover, .footer-style-2 #footer .footer-widgets .widget.widget_themesflat_socials ul li:first-child a, .footer-style-4 #footer .footer-widgets .widget.widget_themesflat_socials ul li a:hover, .footer-style-4 #footer .footer-widgets .widget.widget_themesflat_socials ul li:first-child a { background: var(--theme-secondary-color); border-color: var(--theme-secondary-color); color: #fff !important; } .footer-style-2 .bottom .container-inside, .footer-style-3 .bottom .container-inside, .footer-style-4 .bottom .container-inside { justify-content: center; } .footer-style-2 .bottom .container-inside .content-right, .footer-style-3 .bottom .container-inside .content-right, .footer-style-4 .bottom .container-inside .content-right { display: none; } .footer-style-2 .bottom .container-inside .content-left, .footer-style-3 .bottom .container-inside .content-left, .footer-style-4 .bottom .container-inside .content-left { margin-bottom: 0; } .footer-style-2 .mc4wp-form input[type="email"] { background: #fff; border-color: #fff; } .footer-style-2 .mc4wp-form input[type="submit"] { color: #fff !important; } #footer { position: relative; z-index: 5; } .widget_calendar nav a, .widget_calendar table tbody tr a, #footer .widget_calendar nav a, #footer .widget_calendar table tbody tr a { color: var(--theme-primary-color); } footer .wrap-widgets-1 .widget_media_image { margin-top: -30px; } footer .widget ul li a { font-weight: 500; } .footer .wrap-widgets-4 { margin-left: 1px; margin-top: -2px; } .footer .wrap-widgets-4 .widget_text { margin-top: -9px; margin-bottom: 25px; } .footer .wrap-widgets-4 .widget>h2 { margin-bottom: 27px; } .footer .wrap-widgets-4 p { font-size: 15px; } .footer .email-footer { font-size: 16px; margin-bottom: 0; } .footer .email-footer svg { margin: 0 10px 0 5px; } .footer .list-infor li, .modal-menu__body .list-infor li { display: flex; margin-bottom: 21px; } .footer .list-infor .icon, .modal-menu__body .list-infor .icon { color: var(--theme-secondary-color); margin-right: 15px; font-size: 19px; } .footer .list-infor .content, .modal-menu__body .list-infor .content { font-weight: 500; font-size: 14px; } .modal-menu__body .list-infor h4 { font-weight: 600; font-size: 14px; line-height: 21px; margin-bottom: 0; } #footer.footer .list-infor .content a, .modal-menu__body .list-infor .content a { display: block; color: var(--theme-secondary-color); } /* Contact infor */ .footer .contact-info .icon { margin-right: 10px; color: var(--theme-secondary-color); } /*widget Nav Menu*/ .footer-widgets .widget.widget_nav_menu ul li { list-style-type: none; display: block; margin-bottom: 5px; } .footer-widgets .widget.widget_nav_menu ul li:last-child { margin-bottom: 0; } .wp-block-gallery:not(.has-nested-images).alignleft { margin-right: 15px; } .footer-widgets .widget.widget_nav_menu #menu-testing-menu li { float: unset; width: unset; } footer .widget ul li a { width: auto; } .widget.widget_meta ul>li>a, .widget.widget_nav_menu ul>li>a, .widget.widget_nav_menu .menu>li>a, footer .widget.widget_nav_menu .menu>li>a { position: relative; font-size: 16px; font-style: normal; font-weight: 400; line-height: 40px; } .widget.widget_meta ul>li>a::after { content: "\e904"; font-family: "norstar"; font-size: 12px; position: absolute; left: 3px; top: 50%; transform: translateY(-50%); opacity: 0; color: var(--theme-accent-color); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } footer .widget.widget_nav_menu .menu>li li :last-child { padding-bottom: 0; } .footer-widgets .infor-ft-box { display: flex; align-items: center; margin-bottom: 17px; } .footer-widgets .infor-ft-box:first-child { margin-top: 32px; } .footer-widgets .infor-ft-box h5 { font-weight: 600; font-size: 18px; color: var(--theme-primary-color); margin-bottom: 0px; } .footer-widgets .infor-ft-box h6 { font-family: 'Open Sans'; font-weight: 400; font-size: 16px; color: var(--theme-primary-color); } .footer-widgets .infor-ft-box .content { margin-top: 3px; } .footer-widgets .infor-ft-box .icon { width: 40px; height: 40px; background: var(--theme-accent-color); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-right: 18px; flex-shrink: 0; } /*widget Recent News*/ footer .widget.widget-recent-news .widget-title, footer .widget.widget_latest_news .widget-title { margin-bottom: 32px; } footer .widget.widget-recent-news li, footer .widget.widget_latest_news li, footer .widget.widget_block ul.wp-block-latest-posts li { background-color: transparent; } #footer .widget.widget_block .wp-block-categories li a:hover, #footer .widget.widget_archive ul li a:hover, #footer .widget.widget_categories ul li a:hover, #footer .widget.widget_pages ul li a:hover, #footer .widget.widget_categories ul li a:hover { background: #f5f5f5; color: var(--theme-primary-color); } #footer .wp-block-calendar table th { background-color: #000; } #footer .wp-block-calendar tbody td { color: #ffffffcc; } /*widget Categories*/ .widget.widget_categories select, .widget select { margin-bottom: 0px !important; width: 100%; color: var(--theme-secondary-color); } footer .widget.widget_nav_menu ul>li>a, footer .widget.widget_product_categories ul>li>a, footer .widget.widget_categories ul>li>a, footer .widget.widget_pages ul>li>a, footer .widget.widget_archive ul>li>a, footer .widget.widget_meta ul>li>a, footer .widget.widget_block ul>li>a, .bottom .copyright a { position: relative; } footer .widget.widget_nav_menu ul>li>a:before, footer .widget.widget_product_categories ul>li>a:before, footer .widget.widget_meta ul>li>a:before, .bottom .copyright a:before { content: ""; width: 0; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--theme-secondary-color); -webkit-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -moz-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -ms-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -o-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; } footer .widget.widget_nav_menu ul>li>a:hover:before, footer .widget.widget_product_categories ul>li>a:hover:before, footer .widget.widget_meta ul>li>a:hover:before, footer .widget.widget_block ul>li>a:hover:before, .bottom .copyright a:hover:before { width: 100%; left: 0; right: auto; } footer .widget ul li a[aria-current]:not([aria-current="false"]):before { width: 100%; left: 0; right: auto; } .footer-efect ul li a { position: relative; width: unset !important; } .footer-efect ul li a:before { content: ""; width: 0; height: 1px; position: absolute; right: 0; bottom: 0; background-color: var(--theme-secondary-color); -webkit-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -moz-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -ms-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; -o-transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; transition: width 0.35s cubic-bezier(0.35, 0.7, 0.35, 1) 0s; } .footer-efect ul li a:hover:before { width: 100%; left: 0; right: auto; } footer .widget.widget_mc4wp_form_widget { margin-bottom: 0; } .widget.widget_calendar tbody #today { color: var(--theme-primary-color); } .footer .subcribe-footer { position: relative; margin-top: -21px; } .footer .subcribe-footer input { font-weight: 400; font-size: 14px; line-height: 22px; background: #FFFFFF; border-radius: 8px; width: 100%; padding: 11px 16px; padding-right: 45px; } .footer .subcribe-footer input::placeholder { color: #B1B1B1; } .footer .subcribe-footer button { color: #fff; border-radius: 0px 8px 8px 0px; position: absolute; top: 0; right: -1px; padding: 15px 14px 11px 15px; font-size: 18px; background: var(--theme-secondary-color); } .footer .subcribe-footer button:hover { background: var(--theme-primary-color); } .footer .wrap-footer-widgets { display: flex; } /* Bottom -------------------------------------------------------------- */ .bottom { z-index: 2; position: relative; } #bottom .container { padding: 0px 12px; } .bottom .container-inside { display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 12px 0px; } .bottom p { margin-bottom: 0; } .bottom ul { margin: 0; } .bottom ul li { display: inline; position: relative; } .bottom ul { display: flex; align-items: center; justify-content: space-between; } .bottom ul li a { padding: 0 7px 0 7px; } .bottom .copyright a:before { background: var(--theme-secondary-color); } .bottom ul li { background: unset; list-style: none; } .bottom ul li a { padding: 0; margin-left: 0px; } .bottom .themesflat-socials { margin-top: -7px; margin-right: 6px; } .bottom ul li:first-child a { margin-left: 0; } .bottom ul li ul { display: inline; } .bottom ul li:first-child:before { display: none; } .bottom ul li ul li:first-child:before { display: block; } .bottom #menu-bottom { position: relative; } .bottom .container-inside .content-right>ul.menu>li:not(:last-child)::after { content: "|"; display: inline-block; width: 1px; text-align: center; color: rgba(255, 255, 255, 0.1); margin: 0 12px; } /* .bottom #menu-bottom::after { content: ""; position: absolute; bottom: 5px; background-color: #fff; left: 50%; transform: translateX(-50%); width: 235px; height: 1px; } */ .bottom ul.menu>li>a { white-space: nowrap; } .bottom ul.menu>li:first-child>a { padding-left: 0; margin-left: 0; } .bottom ul.menu>li:last-child>a { padding-right: 0; margin-right: 0; } .bottom .copyright span a:hover::before, .bottom .copyright a:before { background: var(--theme-primary-color); } .bottom a:hover, .bottom ul li a:hover, .bottom .copyright a:hover, .bottom .copyright span a:hover, .bottom .copyright span a { color: var(--theme-primary-color); } /* GoTop Button -------------------------------------------------------------- */ .go-top { position: fixed !important; right: -100px; bottom: 82px; width: 50px; height: 50px; border-radius: 50%; background-color: var(--theme-primary-color); color: #fff; cursor: pointer; line-height: 50px; text-align: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; overflow: hidden; } .go-top.show { right: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; visibility: visible; z-index: 9999; } .go-top i { font-size: 18px; color: var(--theme-secondary-color); font-weight: 600; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 50px; transition: all ease 0.3s; } .go-top:hover { background: var(--theme-primary-color); } .go-top:hover i { animation: 1s tf-buzz-out alternate linear infinite; color: #fff; } @keyframes tf-buzz-out { 10% { transform: translateY(3%) rotate(2deg); } 20% { transform: translateY(-3%) rotate(-2deg); } 30% { transform: translateY(3%) rotate(2deg); } 40% { transform: translateY(-3%) rotate(-2deg); } 50% { transform: translateY(2%) rotate(1deg); } 60% { transform: translateY(-2%) rotate(-1deg); } 70% { transform: translateY(2%) rotate(1deg); } 80% { transform: translateY(-2%) rotate(-1deg); } 90% { transform: translateY(1%) rotate(0); } to { transform: translateY(-1%) rotate(0); } } /* Boxed -------------------------------------------------------------- */ .boxed .themesflat-boxed { max-width: 1370px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; background-color: #fff; box-shadow: 0px 30px 53.1px 5.9px rgba(0, 0, 0, 0.15); overflow: hidden; position: relative; } .boxed .header.header-sticky { max-width: 1370px; margin: 0 auto; } /* Preload -------------------------------------------------------------- */ #preloader { position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: visible; background: #ffffff; display: table; text-align: center; } .loader { display: table-cell; vertical-align: middle; height: 100%; width: 100%; position: relative; width: 200px; height: 200px; } /*--- Style 1 ---*/ .loader-icon { width: 80px; height: 80px; border: 2px solid var(--theme-primary-color); border-right-color: transparent; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; margin: 0 auto; } /*--- Style 2 ---*/ .loader-icon-2 { width: 80px; height: 80px; border: 2px solid #fff; border-right-color: transparent; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; margin: 0 auto; } /*--- Style 3 ---*/ .loader-icon-3 { width: 80px; height: 80px; border: 2px solid #222; border-right-color: transparent; border-radius: 50%; position: relative; animation: loader-rotate 1s linear infinite; margin: 0 auto; } /*--- Style 4 ---*/ .load-holder { display: flex; align-items: center; justify-content: center; } .load-holder.load1 { height: 105px; } .load { display: flex; position: relative; animation: rotateLoad infinite linear 1s; } .load.mini { width: 15px; height: 15px; } .load.little { width: 25px; height: 25px; } .load { width: 60px; height: 60px; } .load:before, .load:after { display: flex; position: absolute; content: ""; background: var(--theme-primary-color); border-radius: 50%; width: 55%; height: 55%; } .load:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; } .load:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; } .load.dark:before, .load.dark:after { background: transparent; } .load.mini:after { border-width: 2px; } .load.little:after { border-width: 3px; } .load:after { border-width: 8px; } /*--- Style 5 ---*/ .load-2 { display: flex; position: relative; animation: rotateLoad infinite linear 1s; } .load-2.mini { width: 15px; height: 15px; } .load-2.little { width: 25px; height: 25px; } .load-2 { width: 60px; height: 60px; } .load-2:before, .load-2:after { display: flex; position: absolute; content: ""; background: #fff; border-radius: 50%; width: 55%; height: 55%; } .load-2:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; } .load-2:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; } .load-2.dark:before, .load-2.dark:after { background: transparent; } .load-2.mini:after { border-width: 2px; } .load-2.little:after { border-width: 3px; } .load-2:after { border-width: 8px; } /*--- Style 6 ---*/ .load-3 { display: flex; position: relative; animation: rotateLoad infinite linear 1s; } .load-3.mini { width: 15px; height: 15px; } .load-3.little { width: 25px; height: 25px; } .load-3 { width: 60px; height: 60px; } .load-3:before, .load-3:after { display: flex; position: absolute; content: ""; background: #222; border-radius: 50%; width: 55%; height: 55%; } .load-3:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; } .load-3:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; } .load-3.dark:before, .load-3.dark:after { background: transparent; } .load-3.mini:after { border-width: 2px; } .load-3.little:after { border-width: 3px; } .load-3:after { border-width: 8px; } /*--- Style 7 ---*/ .spin-load-1 { width: 56px; max-width: 56px; height: 56px; display: inline-grid; border: 4.5px solid var(--theme-primary-color); border-radius: 50%; border-color: var(--theme-primary-color) #0000; animation: rotateLoad infinite linear 1s; } .spin-load-1:before, .spin-load-1:after { content: ""; grid-area: 1/1; margin: 2.2px; border: inherit; border-radius: 50%; } .spin-load-1:before { border-color: var(--theme-primary-color) #0000; animation: inherit; animation-duration: 0.5s; animation-direction: reverse; opacity: 0.6; } .spin-load-1:after { margin: 8.9px; } /*--- Style 8 ---*/ .loader-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; background-color: #000000; } .cssload-loader { position: absolute; left: 50%; top: 50%; width: 78.284271247462px; height: 78.284271247462px; margin-left: -39.142135623731px; margin-top: -39.142135623731px; border-radius: 100%; animation-name: cssload-loader; -o-animation-name: cssload-loader; -ms-animation-name: cssload-loader; -webkit-animation-name: cssload-loader; -moz-animation-name: cssload-loader; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: linear; -o-animation-timing-function: linear; -ms-animation-timing-function: linear; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-duration: 2.4s; -o-animation-duration: 2.4s; -ms-animation-duration: 2.4s; -webkit-animation-duration: 2.4s; -moz-animation-duration: 2.4s; } .cssload-loader .cssload-side { display: block; width: 10px; height: 33px; background-color: var(--theme-primary-color); margin: 3px; position: absolute; border-radius: 50%; animation-duration: 0.895s; -o-animation-duration: 0.895s; -ms-animation-duration: 0.895s; -webkit-animation-duration: 0.895s; -moz-animation-duration: 0.895s; animation-iteration-count: infinite; -o-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-timing-function: ease; -o-animation-timing-function: ease; -ms-animation-timing-function: ease; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; } .cssload-loader .cssload-side:nth-child(1), .cssload-loader .cssload-side:nth-child(5) { transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); animation-name: cssload-rotate0; -o-animation-name: cssload-rotate0; -ms-animation-name: cssload-rotate0; -webkit-animation-name: cssload-rotate0; -moz-animation-name: cssload-rotate0; } .cssload-loader .cssload-side:nth-child(3), .cssload-loader .cssload-side:nth-child(7) { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); animation-name: cssload-rotate90; -o-animation-name: cssload-rotate90; -ms-animation-name: cssload-rotate90; -webkit-animation-name: cssload-rotate90; -moz-animation-name: cssload-rotate90; } .cssload-loader .cssload-side:nth-child(2), .cssload-loader .cssload-side:nth-child(6) { transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); animation-name: cssload-rotate45; -o-animation-name: cssload-rotate45; -ms-animation-name: cssload-rotate45; -webkit-animation-name: cssload-rotate45; -moz-animation-name: cssload-rotate45; } .cssload-loader .cssload-side:nth-child(4), .cssload-loader .cssload-side:nth-child(8) { transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); animation-name: cssload-rotate135; -o-animation-name: cssload-rotate135; -ms-animation-name: cssload-rotate135; -webkit-animation-name: cssload-rotate135; -moz-animation-name: cssload-rotate135; } .cssload-loader .cssload-side:nth-child(1) { top: 39.142135623731px; left: 78.284271247462px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(2) { top: 67.213203431093px; left: 67.213203431093px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(3) { top: 78.284271247462px; left: 39.142135623731px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(4) { top: 67.213203431093px; left: 11.071067816369px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(5) { top: 39.142135623731px; left: 0px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(6) { top: 11.071067816369px; left: 11.071067816369px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(7) { top: 0px; left: 39.142135623731px; margin-left: -5px; margin-top: -16px; } .cssload-loader .cssload-side:nth-child(8) { top: 11.071067816369px; left: 67.213203431093px; margin-left: -5px; margin-top: -16px; } /*--- Style 9 ---*/ .sk-circle { margin: 100px auto; width: 70px; height: 70px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ""; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: var(--theme-primary-color); border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } /*--- Style 10 ---*/ .pulse-loader { width: 40px; height: 40px; position: relative; margin: 0px auto; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #fff; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } .double-bounce3, .double-bounce4 { width: 100%; height: 100%; border-radius: 50%; background-color: var(--theme-primary-color); opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .double-bounce4 { -webkit-animation-delay: -1s; animation-delay: -1s; } .double-bounce5, .double-bounce6 { width: 100%; height: 100%; border-radius: 50%; background-color: #222; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2s infinite ease-in-out; animation: sk-bounce 2s infinite ease-in-out; } .double-bounce6 { -webkit-animation-delay: -1s; animation-delay: -1s; } /*--- Style 11 ---*/ .saquare-loader-1 { width: 40px; height: 40px; background-color: var(--theme-primary-color); margin: 0px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } .saquare-loader-2 { width: 40px; height: 40px; background-color: #fff; margin: 0px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } .saquare-loader-3 { width: 40px; height: 40px; background-color: #222; margin: 0px auto; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; } /*--- Style 12 ---*/ .line-loader { margin: 0px auto; width: 80px; height: 40px; text-align: center; font-size: 10px; } .line-loader>div { background-color: var(--theme-primary-color); height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .line-loader .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .line-loader .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .line-loader .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .line-loader .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .line-loader-2 { margin: 0px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .line-loader-2>div { background-color: #fff; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .line-loader-2 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .line-loader-2 .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .line-loader-2 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .line-loader-2 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .line-loader-3 { margin: 0px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .line-loader-3>div { background-color: #222; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .line-loader-3 .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .line-loader-3 .rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .line-loader-3 .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .line-loader-3 .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } /* preload animation */ @keyframes loader-rotate { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes rotateLoad { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes scaleChange_1 { 0% { transform: scale(1); } 50% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes scaleChange_2 { 0% { transform: scale(0); } 50% { transform: scale(1); } 100% { transform: scale(0); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes cssload-rotate0 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 60% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } @-webkit-keyframes cssload-rotate0 { 0% { -webkit-transform: rotate(0deg); } 60% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes cssload-rotate90 { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); transform: rotate(90deg); } 60% { -webkit-transform: rotate(270deg); transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); transform: rotate(270deg); } } @-webkit-keyframes cssload-rotate90 { 0% { -webkit-transform: rotate(90deg); transform: rotate(90deg); } 60% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes cssload-rotate45 { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); transform: rotate(45deg); } 60% { -webkit-transform: rotate(225deg); transform: rotate(225deg); transform: rotate(225deg); } 100% { -webkit-transform: rotate(225deg); transform: rotate(225deg); transform: rotate(225deg); } } @-webkit-keyframes cssload-rotate45 { 0% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 60% { -webkit-transform: rotate(225deg); transform: rotate(225deg); } 100% { -webkit-transform: rotate(225deg); transform: rotate(225deg); } } @keyframes cssload-rotate135 { 0% { -webkit-transform: rotate(135deg); transform: rotate(135deg); transform: rotate(135deg); } 60% { -webkit-transform: rotate(315deg); transform: rotate(315deg); transform: rotate(315deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); transform: rotate(315deg); } } @-webkit-keyframes cssload-rotate135 { 0% { -webkit-transform: rotate(135deg); transform: rotate(135deg); } 60% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } 100% { -webkit-transform: rotate(315deg); transform: rotate(315deg); } } @keyframes cssload-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes cssload-loader { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); } 50% { -webkit-transform: scale(1); } } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px); } 50% { -webkit-transform: perspective(120px) rotateY(180deg); } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg); } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /* Contact form -------------------------------------------------------------- */ .wpcf7-form input:focus, .wpcf7-form select:focus, .wpcf7-form textarea:focus { outline: none; } .form-contact .text { width: 47%; display: inline-block; } .form-contact .text:nth-child(odd) { margin-right: 30px; } .form-contact .text.message { width: 100%; margin-right: 0; } .form-contact .text input, .form-contact .text textarea { font-family: "Roboto"; font-weight: 400; font-size: 16px; line-height: 26px; color: #76777a; padding: 15px 0px 15px 20px; margin-bottom: 22px; } .form-contact .text textarea { height: 170px; } .form-contact button { padding: 22px 41px; } .form-contact.form-2 .text input, .form-contact.form-2 .text textarea { font-family: "Inter"; color: #494a4d; padding: 15px 0px 15px 32px; } .form-contact.form-2 .text textarea { height: 150px; } .form-email { position: relative; } .form-email .email { width: 100%; position: relative; } .wpcf7 .form-email .email input { margin-bottom: 0; font-family: 'Inter'; font-weight: 400; font-size: 14px; line-height: 24px; color: #76777A; padding: 22px 100px 22px 50px; width: 100%; background-color: #fff; } .wpcf7 .form-email .email input[type="email"]::placeholder, .wpcf7 .form-email .email input[type="email"]:-moz-placeholder, .wpcf7 .form-email .email input[type="email"]::-moz-placeholder, .wpcf7 .form-email .email input[type="email"]:-ms-input-placeholder, .wpcf7 .form-email .email input[type="email"]::-webkit-input-placeholder { color: #76777A !important; opacity: 1; } .form-email .email svg, .form-email .email i { position: absolute; left: 22px; top: 28px; color: var(--theme-accent-color); z-index: 2; } .form-email .email svg path { fill: var(--theme-accent-color); } .form-email button { position: absolute; right: 5px; top: 5px; padding: 17px 60px 17px 35px; background: var(--theme-primary-color); border-radius: 4px; font-family: 'Roboto Slab'; font-weight: 700; font-size: 16px; line-height: 26px; color: #ECF2F6; text-decoration: underline; } .form-email button i { position: absolute; margin-left: 7px; position: absolute; right: 35px; top: 22px; } .form-email button::after, .form-email button::before { background-color: var(--theme-primary-color); } /*--- Checkbox Styles ---*/ .checkbox { display: inline-block; margin-right: 15px; margin-top: 10px; } .checkbox input[type="checkbox"] { display: none; } .checkbox label { position: relative; font-weight: 600; font-size: 13px; display: inline-block; padding-left: 35px; padding-top: 6px; } .checkbox label::before, .checkbox label::after { position: absolute; content: ""; display: inline-block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } /*Outer box of the fake checkbox*/ .checkbox label::before { height: 27px; width: 27px; border: 1px solid; border-radius: 0px; left: 0px; top: 3px; color: #ccc; } /*Checkmark of the fake checkbox*/ .checkbox label::after { height: 7px; width: 13px; border-left: 2px solid; border-bottom: 2px solid; transform: rotate(-45deg); left: 7px; top: 11px; } /*Hide the checkmark by default*/ .checkbox input[type="checkbox"]+label::after { content: none; } /*Unhide on the checked state*/ .checkbox input[type="checkbox"]:checked+label::after { content: ""; color: #fff; } /*Adding focus styles on the outer-box of the fake checkbox*/ .checkbox input[type="checkbox"]:focus+label::before { outline: none; } .checkbox input[type="checkbox"]:checked+label::before { background-color: var(--theme-secondary-color); color: var(--theme-secondary-color); } /*--- Radio Styles ---*/ .radio { display: none !important; } .radio-custom { width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 0px; margin-left: 25px; margin-right: 5px; position: relative; } .radio-custom, .radio-label { display: inline-block; vertical-align: middle; margin-top: 10px; } @media (max-width: 767px) { .radio-label { display: block; } .radio-custom { text-align: center; margin: 0px 15px; } } .radio:checked+.radio-custom::before { content: ""; display: block; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; background: var(--theme-secondary-color); border-radius: 0px; } .radio-custom, .radio:checked+.radio-custom::before { border-radius: 50%; } .radio-label { font-weight: 600; font-size: 13px; } /* 404 -------------------------------------------------------------- */ .error404 .wrapp-error-content { display: flex; align-items: center; gap: 140px; } .error404 .wrapp-error-content .error-right { max-width: 464px; } .error404 .wrapp-error-content .error-right h2.error-heading { font-size: 180px; font-weight: 700; line-height: 180px; text-transform: capitalize; color: #171717; margin-bottom: 24px; } .error404 .wrapp-error-content .error-right h4.error-sub-heading { color: #171717; font-size: 44px; font-style: normal; font-weight: 700; line-height: 56px; text-transform: capitalize; } .error404 .wrapp-error-content .error-right .error-right-content { margin-bottom: 24px; } .error404 .wrapp-error-content .error-right .back-home-btn { height: 48px; padding: 11px 32px; border-radius: 1000px; background-color: var(--theme-primary-color); color: #171717; font-weight: 700; text-transform: capitalize; } .error404 .wrapp-error-content .error-right .back-home-btn:hover { background-color: #171717; color: #fff; } .error404 #themesflat-content { padding: 160px 0; } .error-404 { display: flex; justify-content: space-between; align-items: center; margin: 0 80px; } .error-404-text { display: flex; flex-direction: column; justify-content: space-between; } .error-404-text h2 { margin-bottom: 28px; } .error-404-text h2.error-heading { font-size: 48px; font-style: normal; font-weight: 700; line-height: 57px; letter-spacing: -1.44px; color: #030014; margin: 0; } .error-404-text h4 { position: relative; font-size: 18px; font-weight: 600; text-align: center; text-transform: uppercase; letter-spacing: 1.4px; margin-bottom: 50px; } .error-404-btn { margin-top: 20px; } .error-404-btn a { color: #fff; padding: 15px 16px; border-radius: 8px; color: #121212; background-color: var(--theme-primary-color); border: 1px solid transparent; } .error-404-btn a i { margin-left: 12px; } .error-404-btn a:hover { background-color: #030014; border-color: #fff; color: #fff; } .error-404-text h4 span { color: var(--theme-accent-color); } .error-404-bg { margin-left: 102px; } .error404 .go-top { display: none; } .error404 .wrap-button-404 .themesflat-button { padding: 22px 43px; line-height: normal; } .button-md { position: relative; display: inline-block; font-size: 14px; text-align: center; font-weight: 600; padding: 11px 25px 11px 25px; margin: 5px 5px 5px 0px; background: var(--theme-accent-color); border-radius: 3px; } .button-primary { color: #fff; } .bg-404 { background: var(--theme-accent-color); } .clip-text { display: inline-block; position: relative; padding: 14px 0px; text-align: center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position: center center; } /* Services detail */ .single.single-services .wrap-service-detail-title { display: flex; justify-content: space-between; align-items: center; } .single.single-services .breadcrumbs .trail-items span a span { color: #171717; } .single.single-services .breadcrumbs .trail-items .sep { display: inline-flex; } .single.single-services .breadcrumbs .trail-items .sep .seperator-default { background-color: #171717; } .single.single-services h1.service-title { font-family: 'DM Sans'; font-size: 56px; font-style: normal; font-weight: 700; line-height: 68px; text-transform: capitalize; color: #171717; max-width: 495px; } .single.single-services .wp-excerpt-service { max-width: 567px; } .single.single-services .wp-excerpt-service>p { font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; margin-bottom: 28px; } .single.single-services .wp-excerpt-service a.btn-readmore-service { padding: 11px 32px; display: inline-block; border-radius: 1000px; background-color: var(--theme-primary-color); font-family: 'DM Sans'; font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: capitalize; color: #171717; } .single.single-services .wp-excerpt-service a.btn-readmore-service:hover { background-color: #171717; color: #fff; } .single.single-services .feature-post-service { margin: 60px 0; } .single.single-services .feature-post-service img { width: 100%; object-fit: cover; border-radius: 16px; } /** Portfolio detail*/ .single.single-portfolios .infor-portfolio-detail { display: flex; justify-content: flex-start; align-items: flex-end; margin-bottom: 60px; } .single.single-portfolios .infor-portfolio-detail .breadcrumb { margin-bottom: 12px; } .single.single-portfolios .infor-portfolio-detail .title-portfolio { width: 40%; padding-right: 60px; } .single.single-portfolios .infor-portfolio-detail .title-portfolio h1 { font-family: "DM Sans", sans-serif; font-size: 56px; line-height: 1.21; font-weight: 700; margin-bottom: 0; } .single.single-portfolios .infor-portfolio-detail .wrap-portfolio-infor { display: flex; align-items: flex-end; justify-content: space-between; width: 60%; padding-left: 38px; padding-top: 6px; flex-wrap: wrap; } .single.single-portfolios .portfolio-infor { display: flex; flex-direction: column; gap: 16px; } .single.single-portfolios .portfolio-infor .portfolio-infor-label { margin-bottom: 0; } .single.single-portfolios .portfolio-infor .portfolio-infor-content { font-family: 'DM Sans'; font-size: 20px; font-style: normal; font-weight: 700; line-height: 32px; text-transform: capitalize; } .single.single-portfolios .portfolio-infor .portfolio-infor-label { font-family: 'DM Sans'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; color: #3A3B3E; } .single.single-portfolios .breadcrumbs .trail-items span a span { color: #171717; } .single.single-portfolios .breadcrumbs .trail-items .sep { display: inline-flex; } .single.single-portfolios .breadcrumbs .trail-items .sep .seperator-default { background-color: #171717; } /* Search No Results -------------------------------------------------------------- */ .search-no-results .no-results .subtext-nothing { margin-bottom: 25px; } /* widget instagram -------------------------------------------------------------- */ .widget-instagram-feed .flat-imgbox-instagram { margin: 0 -8px 8px; } .widget-instagram-feed .item { width: 33.33%; float: left; padding: 0 8px; margin-top: 16px; } .widget-instagram-feed .column-4 {} .sidebar .widget-instagram-feed .item { height: 60px; overflow: hidden; } /* Custom Footer Widget Area -------------------------------------------------------------- */ .custom-footer-widget-area .widget .widget-title { color: #fff; font-size: 30px; } .custom-footer-widget-area .widget.widget-recent-news li .text h6 a, .custom-footer-widget-area .widget.widget_latest_news li .text h6 a { color: #fff; font-size: 16px; line-height: 26px; } .custom-footer-widget-area .widget ul li a, .custom-footer-widget-area .widget ul li ul.children li a { color: #b9c9ff; font-size: 14px; } .custom-footer-widget-area .widget ul li:after { content: " "; display: block; height: 0; clear: both; } .custom-footer-widget-area .widget.widget-recent-news .thumb, .custom-footer-widget-area .widget.widget_latest_news .thumb { width: 70px; border-radius: 50%; overflow: hidden; margin-top: 5px; } .custom-footer-widget-area .widget.widget-recent-news li .text .post-date { font-size: 12px; font-weight: 500; color: #b9c9ff; text-transform: uppercase; margin-top: 4px; margin-bottom: 8px; } .custom-footer-widget-area .widget.widget-recent-news li, .custom-footer-widget-area .widget.widget_latest_news li { margin-bottom: 12px; } .custom-footer-widget-area .widget.widget-recent-news .text h6, .custom-footer-widget-area .widget.widget_latest_news .text h6 { margin-bottom: 0px; } .custom-footer-widget-area .widget.widget-instagram-feed .widget-title { margin-bottom: 15px; } .custom-footer-widget-area .widget_nav_menu .menu>li { padding: 5px 0px 6px 0px; } rs-module-wrap { z-index: 0 !important; } .image-about3 { position: absolute; top: 60px; left: -155px; } .img-about3 { position: relative; z-index: 1; } .custom-footer-widget-area.style1 .widget .widget-title { font-size: 20px; margin-bottom: 33px; } .flat-calendar:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-top: 0px solid transparent; border-bottom: 831px solid transparent; border-right: 806px solid #fde428; } /* Widget Calendar ---------------------------------------------------------*/ .widget_calendar table>caption { caption-side: top; font-weight: 500; color: var(--theme-primary-color); } .widget_calendar table { margin-bottom: 5px; } .widget_calendar table>thead { background: #ddd; } .widget_calendar table>thead th { font-weight: 500; color: var(--theme-primary-color); } .widget_calendar nav { display: flex; width: 100%; justify-content: space-between; } .widget_calendar table>tfoot { position: absolute; top: 0; left: 0; width: 100%; } .widget_calendar table>tfoot #prev a, .widget_calendar table>tfoot #next a { color: transparent; display: inline-block; width: 100%; height: 100%; position: relative; } .widget_calendar table>tfoot>tr { line-height: 67px; } .widget_calendar table>tfoot>tr, .widget_calendar table>tfoot>tr>td { display: block; } .widget_calendar table>tfoot>tr>td { width: 33.33%; float: left; } .widget_calendar table>tfoot #prev a:before, .widget_calendar table>tfoot #next a:before { content: "\e935"; font-family: "norstar"; color: #2f516a; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; } .widget_calendar table>tfoot #prev a:before { content: "\e921"; left: auto; left: 20px; right: auto; } .widget_calendar table>tfoot .pad { color: transparent; } .widget_calendar table>tfoot #prev a:hover:before, .widget_calendar table>tfoot #next a:hover:before { color: #fde428; } /* Info Footer -------------------------------------------------------------- */ .info-footer { transform: translateY(-54%); } .info-footer .wrap-info { position: relative; padding: 39px 73px 39px 67px; display: flex; justify-content: space-between; align-items: center; background-color: var(--theme-secondary-color); border-radius: 5px; } .info-footer .wrap-info .info-text .text { color: #fff; margin-bottom: 0; font-size: 30px; } .info-footer .wrap-info .info-button .wrap-btn-infor-footer { margin-top: 4px; } .info-footer .wrap-info .info-button .themesflat-button { background-color: var(--theme-accent-color); padding: 23px 41px 22px 40px; } /* Action box headings -------------------------------------------------------------- */ /* .cta { margin-bottom: -138px; position: relative; z-index: 10; } */ .cta { border-bottom: 1px solid rgba(255, 255, 255, 0.10); } .themesflat-container { position: relative; margin-left: auto; margin-right: auto; padding-right: 15px; padding-left: 15px; width: 1320px; max-width: 100%; } .cta-wrapper { border-radius: 30px; background: #6844ED; padding: 80px 80px 76px 80px; display: flex; justify-content: space-between; position: relative; overflow: hidden; } .cta h3.cta-heading { font-size: 44px; font-style: normal; font-weight: 700; line-height: 56px; text-transform: capitalize; } .cta a.cta-btn { height: 48px; display: flex; padding: 11px 32px; justify-content: center; align-items: center; gap: 10px; border-radius: 1000px; background-color: var(--theme-primary-color); font-size: 16px; font-style: normal; font-weight: 700; line-height: 26px; text-transform: capitalize; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .cta a.cta-btn:hover { background-color: #fff; } .cta-title h6 { color: #fff; line-height: 13px; letter-spacing: -0.54px; margin-bottom: 23px; } .cta-content { z-index: 1; } .cta-title h2 { color: #fff; line-height: 49.5px; letter-spacing: -1.44px; margin: 0; } .cta-content p { line-height: 26.5px; color: #fff; font-size: 18px; margin-bottom: 28px; margin-top: -2px; font-weight: 400; } .cta-title h2 span { font-style: italic; font-family: 'Playfair Display'; } .cta-content .action-box-btns { display: flex; gap: 20px; } .cta-content .action-box-btns a { font-weight: 700; font-size: 16px; height: 51px; text-transform: capitalize; color: var(--theme-primary-color); } .cta-content .action-box-btns a i { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .cta-content .action-box-btns .tf-button { display: inline-flex; padding: 20px 28px; align-items: center; gap: 7px; border-radius: 14px; border: 1px solid transparent; background-color: #fff; } .cta-content .action-box-btns .tf-button.active { background-color: transparent; color: #fff; border: 1px solid #fff; } .cta-content .action-box-btns .tf-button:hover { color: #fff; background-color: transparent; border-color: #fff; } .cta-content .action-box-btns .tf-button.active:hover { color: #030014; background-color: #fff; } .themesflat-action-box { position: relative; background-color: var(--theme-secondary-color); background-size: cover; background-position: center center; border-radius: 30px; margin-bottom: -187px; z-index: 5; } .themesflat-action-box .wrap-content-box { border-radius: 30px; padding: 80px; display: flex; justify-content: space-between; } .themesflat-action-box h5 { margin-bottom: 0; } .themesflat-action-box .content-right { text-align: left; } .themesflat-action-box a { font-weight: 700; font-size: 16px; height: 51px; text-transform: capitalize; color: var(--theme-primary-color); } .themesflat-action-box a:hover { background: transparent; color: #fff; } .themesflat-action-box .content-right { display: flex; flex-direction: column; gap: 35px; } .themesflat-action-box .content-right .content-right-buttons { display: flex; gap: 20px; } .themesflat-action-box .content-right .content-right-buttons a i { font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; } .iziModal-overlay { display: block; position: fixed; top: 0; left: 0; height: 100%; width: 100%; } /* Video Box */ .themesflat_video_embed { position: relative; display: block; width: 100%; height: auto; } .video-video-box-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 1; transition: 0.5s ease; } .video-video-box-button { position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .video-video-box-button button { color: #222; font-size: 25px; background: rgba(255, 255, 255, 1); width: 100px; height: 100px; border-radius: 50%; padding-top: 5px; padding-left: 12px; margin: 30px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .video-video-box-button button:hover { color: #222; background: rgba(255, 255, 255, 0.7); } .video-video-box-button-sm { position: absolute; overflow: hidden; top: 37%; left: calc(50% - 50px); border-radius: 50%; border: 1px solid #fff; z-index: 5; background: rgba(255, 255, 255, 0.30); } .video-video-box-button-sm button { color: var(--theme-primary-color); font-size: 20px; background: #fff; width: 80px; height: 80px; padding: 0; line-height: normal; margin: 15px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-radius: 50%; } .video-video-box-button-sm button:hover { background: rgba(255, 255, 255, 0.7); } .alert button:hover { background-color: transparent; } .video-video-box-button-sm.video-box-button-lg button { width: 75px; height: 75px; font-size: 18px; } /* Partner box -------------------------------------------------------------- */ .themesflat-partner-box { padding: 50px 0; } .themesflat-partner-box .client-carousel .item-client { vertical-align: middle; text-align: center; } .partner-box img { margin-left: auto; margin-right: auto; } .partner-box img { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform-style: preserve-3d; -webkit-filter: grayscale(100%); opacity: 0.5; } .partner-box img:hover { -webkit-filter: grayscale(0%); opacity: 1; } /* Social Share -------------------------------------------------------------- */ .social-share-article h6 { display: inline-block; margin-right: 24px; } .social-share-article ul { display: inline-flex; list-style: none; margin: 0; gap: 10px; } .social-share-article ul li { background: unset; } .social-share-article ul li a { width: 40px; height: 40px; font-size: 21px; font-weight: 400; line-height: normal; border-radius: 50%; background: rgba(195, 233, 45, 0.16); color: #121212; display: inline-flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .social-share-article ul li:last-child a { margin-right: 0; } .social-share-article ul li a:hover { background: var(--theme-primary-color); color: #fff; } .social-share-article strong { color: #203b48; font-size: 14px; font-weight: 700; text-transform: uppercase; margin-right: 12px; } .bottom-blog { display: flex; align-items: center; justify-content: space-between; } /* Other -------------------------------------------------------------- */ .widget-infor { padding-top: 8px; padding-right: 60px; } .widget-infor .group-icon { display: flex; margin-bottom: 6.6px; } .widget-infor .group-icon .icon-norstar-grow2 { font-size: 15px; vertical-align: super; margin-right: 2px; margin-top: 6px; display: inline-flex; margin-left: 3px; } .widget-infor .group-icon .icon-norstar-grow1 { font-size: 17px; vertical-align: text-top; margin-right: 4px; margin-left: 4px; } .widget-infor .group-icon .icon { margin-right: 9px; font-size: 20px; } .widget-infor .group-icon .content p { font-size: 15px; line-height: 28px; } footer .wrap-widgets-4 .widget-title { /* margin-bottom: 23px; */ } .footer-widgets .widget-title { font-size: 14px; font-style: normal; font-weight: 500; line-height: 22px; text-transform: uppercase; } .footer-widgets #text-2 { padding-right: 5px; } .footer-widgets .wrap-widgets-1 .widget .wp-block-image { margin-top: 0; margin-bottom: 12px; } .footer-widgets .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) { margin-top: 0; margin-bottom: 12px; } .footer-widgets .wrap-widgets-1 .ftwd1 { display: flex; gap: 24px; align-items: center; } .footer-widgets .wrap-widgets-3 .ft_hot_line { display: flex; align-items: center; gap: 17px; margin-bottom: 15px; } .footer-widgets .wrap-widgets-3 .ft_hot_line .hot_line_content p { font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; color: #E9E9E9; } .footer-widgets .wrap-widgets-3 .ft_hot_line .hot_line_content h5 { font-size: 16px; font-style: normal; font-weight: 600; line-height: 26px; text-transform: capitalize; color: #fff; margin: 0; } .footer-widgets .wrap-widgets-3 .newsletter-address { margin-bottom: 20px; } .footer-widgets .wrap-widgets-3 .newsletter-address li { list-style-type: none; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; } .footer-widgets .wrap-widgets-3 .newsletter-address li i { color: #E9E9E9; } .footer-widgets .wrap-widgets-3 .ft_form_container { position: relative; display: flex; align-items: center; } .footer-widgets .wrap-widgets-3 .ft_form_container>label { width: 100%; } .wrap-widgets-3 .ft_form_container .wpcf7-email { padding: 0; padding-left: 16px; padding-right: 20%; height: 46px; border-radius: 8px; font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: #A0A0A0; } .footer-widgets .wrap-widgets-3 .ft_form_btn-submit { position: absolute; right: 0; top: 0; bottom: 0; padding: 0; text-align: center; background-color: var(--theme-primary-color); border-radius: 0 8px 8px 0px; } .ft_form_btn-submit .wpcf7-not-valid-tip { display: none; } span.wpcf7-not-valid-tip { display: none; } .wrap-widgets-3 .ft_form_btn-submit .wpcf7-submit { line-height: 0; height: 100%; border-radius: 0 8px 8px 0; color: #121212; display: flex; align-items: center; } .wrap-widgets-3 .ft_form_btn-submit .wpcf7-submit i { font-size: 16px; } .wrap-widgets-3 .ft_form_btn-submit .wpcf7-submit:hover { background-color: #121212; color: #fff; } .footer-widgets .wrap-widgets-3 .wpcf7-spinner { display: none; } .footer-widgets .wrap-widgets-1 .ft_widget1 p, #footer .footer-widgets .wrap-widgets-2 .widget_nav_menu .menu a { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color: #E9E9E9; } .footer-widgets .wrap-widgets-2 { display: flex; justify-content: center; gap: 80px; margin-left: 24px; } /* .footer-widgets .wrap-widgets-2 .widget.widget_nav_menu { margin-left: 36px; } */ .footer-widgets .wrap-widgets-5 form { margin-top: -6px; } .footer-widgets .wrap-widgets-5 form input[type="email"] { width: 100%; height: 60px; border-radius: 12px; padding: 25px; } .footer-widgets .wrap-widgets-5 form button[type="submit"] { display: inline-flex; padding: 20px 30px; align-items: center; height: 51px; margin-top: 10px; background-color: var(--theme-primary-color); color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: normal; } .footer-widgets .wrap-widgets-5 form button[type="submit"] i { font-size: 12px; } .footer-widgets .wrap-widgets-5 form button[type="submit"]:hover { background-color: #fff; color: var(--theme-primary-color); } .footer-menu-group { margin-top: 0px !important; } .footer-menu-group .widget_nav_menu { text-align: left; } .footer-infor { display: flex; align-items: center; margin-bottom: 7px; } .footer-infor .icon { margin-right: 18px; } .footer-infor .caption { font-weight: 500; font-size: 12px; line-height: 16px; margin-bottom: 3px; } .footer-infor h6 { font-weight: 700; font-size: 16px; line-height: 26px; } .footer .infor-location { font-weight: 400; font-size: 14px; line-height: 22px; } .footer .infor-location svg { margin-right: 5px; } .footer-widgets .wrap-widgets-2, .footer-widgets .wrap-widgets-4, .footer-widgets .wrap-widgets-3 { margin-top: 0; } .tf-rotate90-text h1, .tf-rotate90-text h2, .tf-rotate90-text h3, .tf-rotate90-text h4, .tf-rotate90-text h5, .tf-rotate90-text h6 { display: inline; white-space: nowrap; position: absolute; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .tf-rotate-90-text h1, .tf-rotate-90-text h2, .tf-rotate-90-text h3, .tf-rotate-90-text h4, .tf-rotate-90-text h5, .tf-rotate-90-text h6 { display: inline; white-space: nowrap; position: absolute; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; } .tf-border .elementor-widget-container { position: relative; } .tf-border-dashed .elementor-widget-container:before { content: ""; position: absolute; top: 15px; right: 15px; bottom: 15px; left: 15px; background: transparent; border: 1px dashed #fff; opacity: 0.5; } .rev-btn svg { width: 1em; margin-left: 5px; fill: #fff; } .btn-icon-left-to-right.rev-btn:hover i, .btn-icon-left-to-right.rev-btn:hover svg { -webkit-animation: tfLeftToRight 0.5s forwards; -moz-animation: tfLeftToRight 0.5s forwards; animation: tfLeftToRight 0.5s forwards; } .tf-carousel-box .owl-nav .owl-prev svg, .tf-carousel-box .owl-nav .owl-next svg { fill: #fff; width: 25px; } .tf-carousel-box .owl-nav .owl-prev svg { transform: rotate(-180deg); } .cursor-resize, .customizable-carousel { cursor: e-resize; } .tf-effect-image .elementor-image { position: relative; overflow: hidden; } .tf-effect-image .elementor-image:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f4f5f7; -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 0); transform: scale(0, 0); -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1); } .tf-effect-image.animated .elementor-image:after { -webkit-animation-name: effect-image-from-left; animation-name: effect-image-from-left; } @keyframes effect-image-from-left { 0% { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0, 1); transform: scale(0, 1); } 66.6% { -webkit-transform-origin: left center; transform-origin: left center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 66.7% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } 100% { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: scale(0, 1); transform: scale(0, 1); } } .tf-shape-01:after { content: ""; width: 93px; height: 14px; left: 70px; top: 0px; position: absolute; background-image: url(../images/shape-01.png); display: inline-block; animation: slide 10s linear infinite; -webkit-animation: slide 10s linear infinite; } @keyframes slide { from { background-position: 0 0; } to { background-position: -111px 0; } } @-webkit-keyframes slide { from { background-position: 0 0; } to { background-position: -111px 0; } } .tf-shape-01:after { content: ""; width: 93px; height: 14px; left: 70px; top: 0px; position: absolute; background-image: url(../images/shape-01.png); display: inline-block; animation: slide 10s linear infinite; -webkit-animation: slide 10s linear infinite; } .tf-shape-02:after { content: ""; width: 323px; height: 277px; left: 0; top: 25%; position: absolute; background-image: url(../images/shape-02.png); display: inline-block; } .up-down:after { animation-name: up-down; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: up-down; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: up-down; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: up-down; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: up-down; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @keyframes up-down { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } /* Elementor -------------------------------------------------------------- */ .post-password-form button, .post-password-form input[type="button"], .post-password-form input[type="reset"], .post-password-form input[type="submit"] { line-height: 1; } .post-password-form input[type="submit"]:hover { background-color: var(--theme-primary-color); } .tf-btn-effect .tf-imagebox .tf-button, .tf-btn-effect .tficonbox .tf-button { position: relative; overflow: hidden; z-index: 1; } .tf-btn-effect .tf-imagebox .tf-button:before, .tf-btn-effect .tficonbox .tf-button:before { content: ""; position: absolute; background-color: #fbd83f; width: 20px; height: 20px; top: 23%; left: 8%; border-top-left-radius: 40px; border-top-right-radius: 75px; border-bottom-right-radius: 0; border-bottom-left-radius: 75px; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index: -1; } .tf-btn-effect.tf-btn-effect-small .tf-imagebox .tf-button:before, .tf-btn-effect.tf-btn-effect-small .tficonbox .tf-button:before { width: 14px; height: 14px; top: 23%; left: 13%; } .tf-btn-effect .tf-imagebox .tf-button:hover:before, .tf-btn-effect .tficonbox .tf-button:hover:before { border-radius: 50%; transform: scale(23, 10); } .customizable-carousel.owl-carousel .owl-item img { width: auto; } .tf-border-tr-img .elementor-image:before { content: ""; width: 108px; height: 108px; border-top: 10px solid #fbd83f; border-right: 10px solid #fbd83f; position: absolute; right: 0; top: 0; z-index: 1; } /* Modal Menu Left -------------------------------------------------------------- */ .header-modal-menu-left-btn { display: flex; align-items: center; margin-left: 35px; } .header-modal-menu-left-btn .text { text-transform: uppercase; margin-right: 15px; } .modal-menu-left-btn { cursor: pointer; margin: 0; transition: all 0.3s ease-in-out; } .modal-menu-left-btn:hover { color: var(--theme-secondary-color); } .modal-menu-left-btn .line { padding: 0; width: 20px; background: #fff; height: 3px; margin: 4px 0; transition: all 0.3s ease-in-out; } .modal-menu-left-btn .line--1 { width: 20px; } .modal-menu-left-btn .line--2 { width: 20px; } .modal-menu-left-btn .line--3 { width: 20px; } .modal-menu-left { visibility: hidden; transition: visibility 0s 0.25s; } .modal-menu--open { visibility: visible; transition-delay: 0s; } .modal-menu__backdrop, .modal-menu__body { position: fixed; left: 0; top: 0; bottom: 0; z-index: 99999; } .modal-menu__body { left: auto; right: 0; } .modal-menu__backdrop { right: 0; background: rgba(0, 0, 0, 0.9); opacity: 0; will-change: opacity; transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .modal-menu-left .modal-menu__body { background: #fff; width: 445px; transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; overflow: hidden; transform: translateX(100%); -webkit-overflow-scrolling: touch; -webkit-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .modal-menu--open .modal-menu__backdrop { opacity: 1; } .modal-menu--open .modal-menu__body { transform: translateX(0); } .modal-menu__close { position: absolute; top: 30px; width: 60px; height: 60px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: 2; border: 1px solid #ECECEC; padding: 0; fill: currentColor; transition: background-color 0.15s, color 0.15s; color: var(--theme-primary-color); right: 30px; background: transparent; } .modal-menu__body .modal-menu__close { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: hidden; } .modal-menu__panel { display: -ms-flexbox; display: flex; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -ms-flex-direction: column; flex-direction: column; background: #ffffff; z-index: 1; transition: all .6s cubic-bezier(.77, 0, .175, 1); } .modal-menu__panel-back, .modal-menu__panel-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .modal-menu__panel-header { -ms-flex-negative: 0; flex-shrink: 0; height: 90px; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .modal-menu__panel-title { font-size: 14px; font-weight: 700; color: #fff; width: 100%; display: flex; justify-content: flex-end; } .modal-menu__panel-body { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0px 30px 30px 30px; min-height: 60vh; } .modal-menu__panel-body::-webkit-scrollbar-track, .modal-menu__panel-footer::-webkit-scrollbar-track { background-color: #f5f5f5; } .modal-menu__panel-body::-webkit-scrollbar, .modal-menu__panel-footer::-webkit-scrollbar { width: 3px; background-color: var(--theme-secondary-color); border-radius: 50%; } .modal-menu__panel-body::-webkit-scrollbar-thumb, .modal-menu__panel-footer::-webkit-scrollbar-thumb { background-color: var(--theme-primary-color); border: 2px solid #555555; } .modal-menu__panel-body .widget .widget-title { margin-bottom: 20px; } .modal-menu__panel-body .widget .gallery-item { padding: 0 5px; margin: 0 0 10px 0; } .modal-menu__panel-body .widget>.gallery { margin: 0 -5px; } .modal-menu__panel-body .widget { margin-bottom: 30px; } .modal-menu__panel-body .widget ul li { padding-top: 3px; padding-bottom: 3px; } .modal-menu__panel-body .widget>ul>li { padding-left: 0px; } .modal-menu__panel-body .widget.widget_categories ul li { font-size: 14px; } .modal-menu__panel-body .widget.widget-recent-news .text h6, .modal-menu__panel-body .widget.widget_latest_news .text h6 { font-weight: 500; } .modal-menu__panel-body .widget.widget-recent-news .text h6 a, .modal-menu__panel-body .widget.widget_latest_news .text h6 a, .modal-menu__panel-body .widget.widget-recent-news li .text .post-date, .modal-menu__panel-body .widget.widget_latest_news li .text .post-date { color: #fff; } .modal-menu__panel-body .widget.widget-recent-news .text h6, .modal-menu__panel-body .widget.widget_latest_news .text h6 { margin-bottom: 0; } .modal-menu__panel-body .widget_search .widget-title { margin-bottom: 20px; } .modal-menu__panel-body .widget.widget_tag_cloud .tagcloud a { margin-bottom: 4px; } .modal-menu__panel-body .widget_calendar nav span { color: #fff; } .modal-menu__panel-body .widget_calendar table td, .modal-menu__panel-body .widget_calendar table tr, .modal-menu__panel-body .widget_calendar table th, .modal-menu__panel-body .widget_calendar table>caption { font-size: 14px; } #mainnav-secondary .menu { list-style: none; margin: 0; font-size: 15px; line-height: 22px; font-weight: 500; } #mainnav-secondary ul { list-style: none; margin: 0; } #mainnav-secondary .menu li { position: relative; text-transform: uppercase; } #mainnav-secondary .menu li a { position: relative; color: #ffffff; width: 100%; border: none; font-size: 16px; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 15px 0px; text-align: left; } #mainnav-secondary .menu .menu-item-has-children>span { position: absolute; right: 20px; top: 1px; transition: all 0.3s ease-in-out; cursor: pointer; display: block; padding: 10px 14px; color: #ffffff; } #mainnav-secondary .menu .menu-item-has-children.opened>span { transform: rotate(90deg); transition: all 0.3s ease-in-out; } #mainnav-secondary .menu li .sub-menu a { padding-left: 30px; } .modal-menu__panel-footer { -ms-flex-positive: 1; flex-grow: 1; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; padding: 0px 30px 10px 30px; } .modal-menu__panel-footer .logo-panel a { display: inline-block; } .socials-panel .themesflat-socials { list-style: none; margin-bottom: 20px; margin-left: 0; display: flex; justify-content: flex-start; width: 100%; } .socials-panel .themesflat-socials li { background: transparent; } .socials-panel .themesflat-socials li a { width: 40px; height: 40px; border: 1px solid #ECECEC; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 10px; } .socials-panel .themesflat-socials li:last-child a { margin-right: 0; } .socials-panel .themesflat-socials li a:hover { background: var(--theme-secondary-color); color: var(--theme-primary-color); border-color: var(--theme-secondary-color); } .socials-panel .themesflat-socials li:first-child a { padding-left: 0px; } .class-name-page-service .tf-action-box { display: none; } .elementor-widget-tfimagebox.hover-text-white .tf-imagebox .description, .elementor-widget-flex-slider .social a:before { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .hesperiden.tparrows:before { content: "\e929" !important; font-family: 'norstar' !important; } .hesperiden.tparrows.tp-rightarrow:before { content: "\e92a" !important; font-family: 'norstar' !important; } .elementor-widget-flex-slider .social a { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .elementor-widget-tfimagebox.hover-text-white:hover .tf-imagebox .description { color: #fff !important; } .bg-gradient .elementor-widget-container:before { content: ""; background-image: linear-gradient(180deg, var(--theme-secondary-color) 0%, #fdd906 100%); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 0; visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .bg-gradient:hover .elementor-widget-container:before { opacity: 1; visibility: visible; } .tf-button i.fa-angle-right:before { content: ""; display: block; position: relative; height: 8px; width: 8px; margin-left: -2px; border-top-style: solid; border-top-width: 0px; border-left-style: solid; border-left-width: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; border-color: red; border-image-slice: 1; border-image-source: linear-gradient(180deg, var(--theme-secondary-color) 76%, #fdd906 100%); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); } .fiter-portfolio-full .tf-widget-portfolio-wrap .portfolio-filter { padding-right: 19.3%; } .elementor-widget-flex-slider .social a { color: rgba(255, 255, 255, 0) !important; background: -webkit-linear-gradient(top, #ffffffa6 0%, #ffffffa6 15%, #ffffffa6 27%, #ffffffa6 37%, #fdd906 46%, #fdd906 58%, #fdd906 69%, var(--theme-secondary-color) 79%, #fdd906 89%, var(--theme-secondary-color) 100%); background-size: 100% 300%; -webkit-background-clip: text; transition: all 0.5s linear; } .e-slide-s2.elementor-widget-flex-slider .social a { color: rgba(255, 255, 255, 0) !important; background: -webkit-linear-gradient(top, #777777 0%, #777777 15%, #777777 27%, #777777 37%, #fdd906 46%, #fdd906 58%, #fdd906 69%, var(--theme-secondary-color) 79%, #fdd906 89%, var(--theme-secondary-color) 100%); background-size: 100% 300%; -webkit-background-clip: text; transition: all 0.5s linear; } .elementor-widget-flex-slider .social a:hover { background-position: bottom center, top center; } /* effect btn */ .rev-btn, .elementor-button, #commentform .wrap-input-submit, .themesflat-button, .block-get-a-quote a, .btn { display: inline-block; position: relative; overflow: hidden; color: #ffffff; z-index: 1; } #commentform .wrap-input-submit:hover, .themesflat-button:hover, .draw-border a:hover, .block-get-a-quote a:hover, button:hover, .btn:hover { color: #ffffff; } #commentform .wrap-input-submit input[type="submit"] { color: #171717; font-size: 16px; font-style: normal; height: 50px; font-weight: 700; line-height: 26px; text-transform: capitalize; border: 1px solid #171717; border-radius: 1000px; padding: 11px 24px; -webkit-appearance: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; } #commentform .wrap-input-submit input[type="submit"]:hover { background: var(--theme-primary-color); color: #fff; border-color: var(--theme-primary-color); } .tf-button-elementor .elementor-button::after, .tf-button-elementor .elementor-button::before { background-color: var(--theme-accent-color); } /* Elementor */ .elementor-widget-container .search-form { position: relative; } .elementor-widget-container .search-form label { display: block; } .elementor-widget-container .search-form input[type="search"] { margin-bottom: 0; width: 100%; border-radius: 30px; box-shadow: 0 0 20px rgb(0 0 0 / 8%); border: none; padding: 15px 55px 15px 26px; } .elementor-widget-container .search-form button, .elementor-widget-container .search-form input[type="submit"] { margin-bottom: 0; position: absolute; right: 7px; top: 50%; transform: translateY(-50%); width: 45px; height: 45px; padding: 0; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .hover-top { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .hover-top:hover { transform: translateY(-10px); } .single-services .sidebar>.widget { margin-bottom: 40px; } .single-services .sidebar>.widget.widget_categories { margin-bottom: 30px; } .single-services .widget .widget-title { margin-bottom: 29px; } .widget.themesflat_widget_services_categories .widget-title { margin-bottom: 31px; } .object-fit-cover img { object-fit: cover; } .overlay-under { z-index: 1; } .overlay-under>.elementor-widget-container { position: relative; } .overlay-under>.elementor-widget-container:before { content: ""; position: absolute; right: -10px; bottom: -10px; background: #ffffff; width: 100%; height: 100%; z-index: -1; } .btn-line .elementor-button-link, .link-line .elementor-heading-title>a { position: relative; } .btn-line .elementor-button-link:after, .link-line .elementor-heading-title>a:after { content: ""; height: 1px; width: 100%; position: absolute; left: 0; bottom: -2px; background: #252525; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 500ms 0s; } .btn-line .elementor-button-link:hover:after, .link-line .elementor-heading-title>a:hover:after { -webkit-transform: scale(0, 1); -ms-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; } .link-line .elementor-heading-title>a:after { background: var(--theme-accent-color); } .rev-btn.btn { display: flex; } .rev-btn.btn>i { margin-left: 12px !important; } .tf-animation-spin { webkit-animation-name: spin; -webkit-animation-duration: 100000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 100000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 100000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 100000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .tf-animation-rtd { webkit-animation-name: rtd; -webkit-animation-duration: 4000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rtd; -moz-animation-duration: 4000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rtd; -ms-animation-duration: 4000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: rtd; animation-duration: 4000ms; animation-iteration-count: infinite; animation-timing-function: linear; } /* line Raindrop animation -------------------------------------------------------------- */ .line_wrap { top: 0px; left: 50%; bottom: 0px; width: 100%; display: block; position: absolute; transform: translateX(-50%); border-left: 1px solid rgba(0, 0, 0, 0.07); } .line_wrap:before { width: 1px; left: -1px; content: ""; height: 100px; position: absolute; animation: scroll1 15s ease-out infinite; background-image: linear-gradient(0deg, #000000, transparent); } .line_wrap .line_item { width: 25%; float: left; height: 100%; position: relative; display: inline-block; border-right: 1px solid rgba(0, 0, 0, 0.07); } .line_wrap .line_item:before { width: 1px; right: -1px; content: ""; height: 100px; position: absolute; } .line_wrap .line_item:nth-child(odd):before { animation: scroll2 15s ease-out infinite; background-image: linear-gradient(0deg, transparent, #000000); } .line_wrap .line_item:nth-child(even):before { animation: scroll1 15s ease-out infinite; background-image: linear-gradient(0deg, #000000, transparent); } .line_wrap.line_white { border-left: 1px solid rgba(255, 255, 255, 0.07); } .line_wrap.line_white:before { background-image: linear-gradient(0deg, #ffffff, transparent); } .line_wrap.line_white .line_item { border-right: 1px solid rgba(255, 255, 255, 0.07); } .line_wrap.line_white .line_item:nth-child(odd):before { background-image: linear-gradient(0deg, transparent, #ffffff); } .line_wrap.line_white .line_item:nth-child(even):before { background-image: linear-gradient(0deg, #ffffff, transparent); } @keyframes scroll1 { 0% { top: 0px; opacity: 1; } 50% { top: 50%; } 100% { top: 100%; opacity: 0.5; } } @keyframes scroll2 { 0% { opacity: 1; bottom: 0px; } 50% { bottom: 50%; } 100% { bottom: 100%; opacity: 0.5; } } /* slider revo */ .tp-bullets .tp-bullet { background: transparent !important; } .tp-bullet-title { display: none; } .tp-bullets .tp-bullet:after { content: "00"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); font-size: 30px; font-weight: 500; color: #010c2a; transition: all 0.3s; font-family: "Roboto Slab"; font-weight: 700; font-size: 24px; line-height: 30px; } .tp-bullets .tp-bullet:nth-child(1):after { content: "01"; } .tp-bullets .tp-bullet:nth-child(2):after { content: "02"; } .tp-bullets .tp-bullet:nth-child(3):after { content: "03"; } .tp-bullets .tp-bullet:nth-child(4):after { content: "04"; } .tp-bullets .tp-bullet.selected:after { color: #9000ff; } .tp-bullets .tp-bullet.selected:before { content: ""; position: absolute; left: 50%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); bottom: -10px; height: 2px; width: 20px; background: linear-gradient(246.06deg, #cf00fe -19.26%, var(--theme-accent-color) 87.05%); } #slider-home3 .tp-bullets .tp-bullet:after { color: #fff; } #slider-home3 .tp-bullets .tp-bullet.selected:after { background-color: transparent; background-image: linear-gradient(180deg, var(--theme-accent-color) 0%, var(--theme-secondary-color) 100%); -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } #slider-home3 .tp-bullets .tp-bullet.selected:before { content: ""; position: absolute; left: 50%; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); bottom: -13px; height: 2px; width: 20px; background: linear-gradient(180deg, var(--theme-accent-color) 0%, var(--theme-secondary-color) 100%); } #slider-home3 .tp-bullets .tp-bullet { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #slider-home3 .tp-bullets .tp-bullet.selected { top: -20px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .sub-title-slider-3, .sub-title-slider-2, .sub-title-slider-1 { position: relative; padding-left: 80px !important; } .sub-title-slider-2 { padding-left: 70px !important; } .sub-title-slider-2::before, .sub-title-slider-1::before { content: ""; position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%) rotate(-180deg); -ms-transform: translate(0%, -50%) rotate(-180deg); height: 4px; width: 60px; background: linear-gradient(246.06deg, #cf00fe 15.37%, rgba(255, 255, 255, 0) 87.05%); } .sub-title-slider-2::before { background: #fff; } .sub-title-slider-1::after, .sub-title-slider-2::after { position: absolute; width: 15px; height: 4px; content: ""; left: 0; top: 11px; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); animation: move 2s alternate infinite; } @keyframes move { from { left: 0px; } to { left: 40px; } } .sub-title-slider-3::before { content: "\e90a"; font-family: "norstar"; color: #fff; position: absolute; left: 0; font-size: 12px; } .btn-video, .btn-get-started { position: relative; } .btn-video { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-video:hover { margin-top: -10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-get-started.rev-btn { text-decoration: underline !important; padding: 17px 62px 17px 36px !important; } .btn-get-started i { position: absolute !important; right: 37px; top: 50% !important; transform: translateY(-50%); } .btn-video { padding-left: 78px; } .btn-video.rev-btn { overflow: visible; } .btn-video::before { all: unset; display: block; content: "\e92f"; font-family: "norstar"; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; border: 1px solid #ffffff; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .btn-video.rev-btn::after { display: none; } .btn-video.rev-btn:hover::before { transform: translateY(-50%); left: 0; top: 50%; } .tf-button-home2::after, .tf-button-home2::before { background-color: var(--theme-accent-color); } .tf-image { position: relative; } .tf-image::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #fff; left: -20px; top: -20px; z-index: -1; border-radius: 5px; } .overflow-section { overflow: hidden; } .moveupdown { animation: moveupdown 3s linear infinite; -webkit-animation: moveupdown 3s linear infinite; } @keyframes moveupdown { 0%, 100% { transform: translateY(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 50% { transform: translateY(-10px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } .routate-animation { animation: routate 15s linear infinite; -webkit-animation: routate 15s linear infinite; } @keyframes routate { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .moveleftright { animation: moveleftright 3s linear infinite; -webkit-animation: moveleftright 3s linear infinite; } @keyframes moveleftright { 0%, 100% { transform: translateX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 50% { transform: translateX(-10px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } .moverightleft { animation: moverightleft 3s linear infinite; -webkit-animation: moverightleft 3s linear infinite; } @keyframes moverightleft { 0%, 100% { transform: translateX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 50% { transform: translateX(10px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } .blog-single.tag-columns .wp-block-column .wp-block-quote { padding: 20px; } #themesflat_table.widefat.page { width: 600px; } #themesflat-sortables #themesflat_box .style-none { display: none; } /* .error404 #themesflat-content, .single-post #themesflat-content, .single-product #themesflat-content, .blog #themesflat-content, .woocommerce-shop #themesflat-content, .tag #themesflat-content, .category #themesflat-content, .search #themesflat-content { padding-bottom: 130px; } */ button, .themesflat-button { background: var(--theme-primary-color); } button:hover, .themesflat-button:hover { background: var(--theme-primary-color); } .breadcrumbs a:hover, .breadcrumbs span a:hover, .breadcrumbs a:hover span, .breadcrumbs span a:hover span { opacity: 0.8 !important; } .tf-divider1, .tf-divider2 { position: relative; } .tf-divider1::after, .tf-divider2::after { content: ''; width: 10px; height: 10px; background-color: #8B54FF; position: absolute; right: -5px; top: 21%; } .tf-divider2::after { top: -16%; } .single-services .nav-links { margin: 54px 0; padding: 51px 0 0 0; } .tf-border .elementor-widget-container { position: relative; } .tf-border .elementor-widget-container::after { content: ''; width: 170px; height: 170px; border: 1px dashed #E8E8E9; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .ani1 { -webkit-animation: ani1 10s infinite linear; animation: ani1 10s infinite linear; } .ani2 { -webkit-animation: ani2 10s infinite linear; animation: ani2 10s infinite linear; } .ani3 { -webkit-animation: ani3 4s infinite linear; animation: ani3 4s infinite linear; } .ani4 { -webkit-animation: ani4 7s infinite linear; animation: ani4 7s infinite linear; } .ani5 { -webkit-animation: ani5 7s infinite linear; animation: ani5 7s infinite linear; } .ani6 { -webkit-animation: ani6 7s infinite linear; animation: ani6 7s infinite linear; } .ani7 { -webkit-animation: ani7 7s infinite linear; animation: ani7 7s infinite linear; } @keyframes ani1 { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-73px, 1px) rotate(-36deg); transform: translate(-73px, 1px) rotate(-36deg); } 40% { -webkit-transform: translate(-141px, -72px) rotate(-72deg); transform: translate(-141px, -72px) rotate(-72deg); } 60% { -webkit-transform: translate(-83px, -122px) rotate(-108deg); transform: translate(-83px, -122px) rotate(-108deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-144deg); transform: translate(40px, -72px) rotate(-144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @keyframes ani2 { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(20px, 1px) rotate(36deg); transform: translate(20px, 1px) rotate(36deg); } 40% { -webkit-transform: translate(100px, 72px) rotate(72deg); transform: translate(100px, 72px) rotate(72deg); } 60% { -webkit-transform: translate(83px, 122px) rotate(108deg); transform: translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform: translate(40px, 72px) rotate(144deg); transform: translate(40px, 72px) rotate(144deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @keyframes ani3 { 0% { transform: scale(0.8, 0.8); } 50% { transform: scale(1, 1); } 100% { transform: scale(0.8, 0.8); } } @keyframes ani4 { 0%, 100% { transform: translateX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 50% { transform: translateX(-20px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } @keyframes ani5 { 0%, 100% { transform: translateX(0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } 50% { transform: translateX(20px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } } @keyframes ani6 { 0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform: translate(-13px, 1px) rotate(-6deg); transform: translate(-13px, 1px) rotate(-6deg); } 40% { -webkit-transform: translate(-41px, -22px) rotate(-22deg); transform: translate(-41px, -22px) rotate(-22deg); } 60% { -webkit-transform: translate(-33px, -22px) rotate(-50deg); transform: translate(-33px, -22px) rotate(-50deg); } 80% { -webkit-transform: translate(40px, -72px) rotate(-50deg); transform: translate(40px, -72px) rotate(-50deg); } 100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); } } @keyframes ani7 { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .contact-form-ip { position: relative; text-align: center; padding: 79px 79px 85px 79px; border: 1px solid #000000; background: #fff; z-index: 5; } .contact-form-ip .tf-title-section { margin-bottom: 49px; } .contact-form-ip .tf-title-section .title-section .sub-title { padding: 8px 20px 6px 20px; color: #fff; font-size: 18px; font-weight: 600; line-height: 26px; color: #FFFFFF; margin-bottom: 27px; } .contact-form-ip .tf-title-section .title-section .heading { margin: 0 24%; font-weight: 600; font-size: 42px; line-height: 120%; letter-spacing: -0.02em; color: var(--theme-primary-color); } .contact-form-ip .top { display: flex; margin-left: -30px; margin-bottom: 30px; } .contact-form-ip .top .wpcf7-form-control-wrap { width: calc(33.33333% - 30px); margin-left: 30px; } .contact-form-ip .top .wpcf7-form-control-wrap input { margin-bottom: 0; width: 100%; padding: 24px 20px 21px 24px; background: transparent; border: none; border-radius: 0; font-weight: 400; font-size: 16px; line-height: 110%; border: 1px solid rgba(0, 0, 0, 0.1); } .contact-form-ip .top .wpcf7-form-control-wrap input::placeholder, .contact-form-ip .bottom1 textarea::placeholder { color: var(--theme-primary-color); font-weight: 400; font-size: 16px; line-height: 110%; color: var(--theme-primary-color); } .contact-form-ip .top .wpcf7-form-control-wrap input:focus, .contact-form-ip .bottom1 textarea:focus { background: var(--theme-primary-color); color: #fff; } .contact-form-ip .bottom1 textarea { font-weight: 400; font-size: 16px; line-height: 110%; border: 1px solid rgba(0, 0, 0, 0.1); padding: 24px 20px 20px 24px; height: 130px; background: transparent; } .contact-infor-form { background: #3e483c; padding: 62px 30px; padding-right: 24px; padding-left: 28px; padding-bottom: 66px; } .contact-infor-form input { background: transparent; border: 1px solid #566258; border-radius: 5px; color: #fff; font-weight: 400; font-size: 15px; text-transform: capitalize; padding: 29px 30px 7px 12px; margin-bottom: 10px; border-radius: 3px; } .contact-infor-form .name-lb, .contact-infor-form .email-lb, .contact-infor-form .phone-lb { position: relative; } .contact-infor-form label { position: absolute; top: 6px; left: 12px; color: #798883; font-weight: 400; font-size: 15px; text-transform: capitalize; } .contact-infor-form input::placeholder { color: #fff; font-weight: 400; font-size: 15px; text-transform: capitalize; } .contact-infor-form button { width: 100%; text-align: center; justify-content: center; background: var(--theme-accent-color); color: #3e483d; padding: 18px 10px 16px 10px; margin-top: 40px; text-transform: uppercase; font-size: 14px; font-weight: 700; } .contact-infor-form button:hover { background: var(--theme-secondary-color); color: #fff; } .contact-infor-form .name-lb input, .contact-infor-form .email-lb input, .contact-infor-form .phone-lb input { background-image: url(../images/user.png); background-position: 96% 50%; background-repeat: no-repeat; } .contact-infor-form .email-lb input { background-image: url(../images/mail.png); } .contact-infor-form .phone-lb input { background-image: url(../images/phone.png); } .contact-page {} .contact-page .group-ip { display: flex; align-items: center; gap: 30px; width: 100%; } .contact-page input, .contact-page textarea { padding: 15px 20px; background: #f7f0ea; width: 100%; margin-bottom: 30px; } .contact-page .group-ip span { width: 100%; } .contact-page textarea { height: 200px; } .contact-page button { background: var(--theme-accent-color); color: var(--theme-primary-color); } .contact-page button:hover { background: var(--theme-secondary-color); color: #fff; } .shape-dot .elementor-widget-container { position: relative; } .shape-dot .elementor-widget-container::after { content: ''; position: absolute; left: 6.5%; bottom: -21px; width: 25px; height: 21px; background: #E6D54F; clip-path: polygon(100% 0, 0 0, 50% 50%); } .form-light input { background: #fff; } .form-light.bd input { border: 1px solid #DEDEDE; } .data-copy-btn { display: none; } .shape-slider { clip-path: polygon(0 0, 100% 0, 100% 91%, 50% 100%, 0 91%); } .single #main article { margin-bottom: 60px; } .single .post-wrap .entry-footer { padding: 20px 0; border-bottom: 1px solid #E6E6E6; } .single .post-wrap .wg-review { padding: 40px 50px; background: #EBEBFD; border-radius: 10px; border: 1.2px solid rgba(104, 68, 237, 0.20); display: flex; gap: 50px; margin-bottom: 80px; } .single .post-wrap .wg-review .content { flex: 1; } .single .post-wrap .wg-review .image img { width: 160px; height: 160px; border-radius: 50%; } .single .post-wrap .wg-review .content h4 { letter-spacing: -0.66px; margin-bottom: 30px; font-family: 'Space Grotesk', sans-serif; color: #030014 !important; font-weight: 700; text-rendering: optimizeLegibility; } .single .post-wrap .wg-review .content p { margin-bottom: 40px; } .single .post-wrap .wg-review ul.wg-social { display: flex; align-items: center; margin: 0; gap: 35px; list-style-type: none; } .single .post-wrap .wg-review ul.wg-social li a { font-size: 16px; font-style: normal; font-weight: 400; line-height: normal; color: var(--theme-third-color); } .single .post-wrap .wg-review ul.wg-social li a:hover { color: var(--theme-primary-color); } .single .main-single ul.nav-links { margin: 0; } .single .main-single .posts-navigation { padding: 16px 0; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; } .navigation.posts-navigation .nav-links li.next-post .content .title-post { flex: 1; } .navigation.posts-navigation .nav-links li.next-post .content .post-button a img { border-radius: 50%; } .box-icon:hover .elementor-icon { background-color: #6844ed !important; color: #ffffff !important; } #logo-mobi { padding: 30px 30px 0px; z-index: 999999; justify-content: flex-start; } .search-results .themesflat-button-container { display: flex; justify-content: space-between; align-items: center; } .search-results .themesflat-button-container .meta-text { display: flex; align-items: center; gap: 7px; } /* clears the ‘X’ from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the ‘X’ from Chrome */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } .flat-counter .ending-number .odometer-formatting-mark:after { line-height: normal !important; } .flat-counter .ending-number { line-height: normal !important; } .flat-counter .numb-count { display: flex; align-items: center; justify-content: center; } .ptable-features-list svg { width: 20px; height: 20px; }