/* Theme Name: asdfassdfTheme URI: https://demo.webhuntinfotech.com/elixar/ Author: WebHunt Infotech Author URI: http://www.webhuntinfotech.com/ Description: Elixar is a complete package theme with all the feature that you need to make a complete website. Best for bussiness, corporate, corporation, company profile, personal portfolio, blog site websites etc. The theme has clean and elegant design , full/boxed width layout, static/fixed Header, sidebar option, two/three/four column footer layout. The home page consist of hero section, service section, calltoaction section, news/blog section, social icons, header customization, footer widget etc. The theme is fully responsive and is built on customizer that enable you to configure the website with live preview. The theme is SEO friendly, Cross browser compatible, fully translation ready and is compatible with WooCommerce and all other major plugins. Theme comes with one click demo import option. DEMO: http://demo.webhuntinfotech.com/elixar/ Tags: one-column, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, footer-widgets, blog, portfolio, e-commerce Version: 2.9 License: GNU General Public License v3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: elixar */ body { overflow-x: hidden; } .main_wrapper { background-color: white; } #e_main_nav.fixed { position: fixed; top: 0; width: 100%; z-index: 999; } .body-boxed { margin-right: auto; margin-left: auto; padding: 0; box-shadow: 0 0 4px 2px rgba(0, 0, 0, .12); } @media (min-width: 768px) { .body-boxed .top_details { margin-right: auto; margin-left: auto; padding-right: 15px; padding-left: 15px; } .body-nav-fixed-menu-top { padding-top: 127px; } .body-boxed .top_details { width: 100%; } } @media (min-width: 992px) { .body-boxed, .body-boxed .top_details, .body-boxed #e_main_nav { width: 1000px; } } @media (min-width: 1200px) { .body-boxed, .body-boxed .top_details, .body-boxed #e_main_nav{ width: 1170px; } } /* Rows and Columns */ .row-heading { margin-bottom: 20px; } .row-heading:before, .row-heading:after { display: table; content: ' '; } .row-heading:after { clear: both; } .row + .row-heading { margin-top: 20px; } .row + .row-heading.row-heading-mt-fourty { margin-top: 40px; } @media (max-width: 767px) { [class^='col'] + [class^='col'] { margin-top: 40px; } .row + .row { margin-top: 40px !important; } .e-breadcrumb-page-title [class^='col'] + [class^='col'], .e-woo-crumb-page-title [class^='col'] + [class^='col']{ margin-top: 16px; } } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; border: 3px solid #d14f30 !important; } .sticky .e-blog-grid-block-text > h3 > a { color: #d14f30; } .sticky .e-blog-grid-block-text > h3 > a:hover { color: black; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } img { height: auto; max-width: 100%; vertical-align: middle; } img { border: 0; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 0 1.1400652% 2.2801304%; } .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; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } /* Typography */ body { font-family: 'Open Sans', sans-serif; font-size: 15px; } body, button, input, select, textarea { line-height: 1.6; } a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:hover, a:focus { text-decoration: none; outline: none; } a:focus { color: inherit; } .a-black { color: black; } .lead { font-weight: 300; } label { font-weight: 600; } .title, .subtitle { margin: 0; padding: 0; } .e-breadcrumb-page-title, .e-woo-crumb-page-title { margin-bottom: 40px; padding: 20px 0; color: black; border-bottom: 1px solid #ddd; background-color: #f7f7f7; } .e-page-title { font-size: 27px; font-weight: 300; margin: 0; } .text-margin-xs, .text-margin, .text-margin-sm, .text-margin-lg { margin: 0; } .text-margin-xs + .text-margin-xs { margin-top: 6px; margin-bottom: 0; } .text-margin-sm + .text-margin-sm { margin-top: 10px; margin-bottom: 0; } .text-margin + .text-margin { margin-top: 16px; margin-bottom: 0; } .text-margin-lg + .text-margin-lg { margin-top: 22px; margin-bottom: 0; } .text-margin + .btn.text-margin { margin-top: 20px; } .title-xs { font-size: 14px; font-weight: 700; margin: 0; } .title-sm { font-size: 20px; font-weight: 700; margin: 0; } .title-md { font-size: 22px; font-weight: 700; margin: 0; } .title-lg { font-size: 30px; font-weight: 800; margin: 0; } .title-xl { font-size: 38px; font-weight: 800; margin: 0; } .title-2-xl { font-size: 56px; font-weight: 800; margin: 0; } .title-404 { font-size: 140px; margin: 0; } .subtitle-404 { font-size: 20px; font-weight: 400; } .title-2-xl.hr:after, .title-xl.hr:after, .title-lg.hr:after, .title-md.hr:after, .title-sm.hr:after, .title-xs.hr:after { display: block; width: 60px; height: 4px; margin: 0 auto; margin-top: 20px; content: ''; } .title-2-xl.hr-left:after, .title-xl.hr-left:after, .title-lg.hr-left:after, .title-md.hr-left:after, .title-sm.hr-left:after, .title-xs.hr-left:after { display: block; width: 60%; height: 3px; margin-top: 12px; content: ''; } .title-2-xl.hr-full:after, .title-xl.hr-full:after, .title-lg.hr-full:after, .title-md.hr-full:after, .title-sm.hr-full:after, .title-xs.hr-full:after { display: block; width: 100%; height: 3px; margin-top: 12px; content: ''; } .title-xs.hr-before:before, .title-sm.hr-before:before, .title-md.hr-before:before, .title-lg.hr-before:before, .title-xl.hr-before:before, .title-2-xl.hr-before:before { position: relative; display: inline-block; margin-right: 6px; content: ''; } .title-xs.hr-before:before { top: 1px; width: 3px; height: 13px; } .title-sm.hr-before:before { top: 1px; width: 3px; height: 16px; } .title-md.hr-before:before { top: 1px; width: 3px; height: 19px; } .title-lg.hr-before:before { top: 1px; width: 4px; height: 24px; } .title-xl.hr-before:before { top: 1px; width: 5px; height: 29px; } .title-2-xl.hr-before:before { top: 1px; width: 5px; height: 42px; } .list-unstructured { margin: 0; padding-left: 0; list-style: none; } .list-unstructured > li > a { color: black; } .list-unstructured.e-box-bordered li + li { margin-top: 10px; padding-top: 10px; border-top: solid 1px #ddd; } .list-md .fa, .list-md .fas { margin-right: 8px; } .list-lg .fa, .list-lg .fas { margin-right: 8px; } .list-xl span { font-size: 16px; font-weight: 600; position: relative; top: -4px; margin: 0; } .list-xl li + li { margin-top: 16px; } .list-xl li .fa, .list-xl li .fa { margin-right: 20px; } .list-md li + li { margin-top: 4px; } .list-lg li + li { margin-top: 14px; } /* Forms */ .form-control { -webkit-transition: none; transition: none; border-radius: 0; box-shadow: none; } .form-control:focus, .form-control:active { border-color: #ddd; outline: none; box-shadow: none; } .form-bg { padding: 16px; background-color: #fcfcfc; } .form-boxed { padding: 20px 16px; border: solid 1px #ddd; background-color: #fcfcfc; } .input-group-addon input[type='radio'], .input-group-addon input[type='checkbox'] { margin-top: 3px; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { z-index: 2; margin-right: -2px; } /* Navbar Top Details */ @media (max-width: 767px) { .top_details .row > div + div { margin-top: 0; } } .top-detail-inverse .btn-menu-top { line-height: 35px; margin: 0; padding: 0; padding-right: 8px; padding-left: 8px; border: 0; outline: 0; } .top-detail-inverse .social-top-detail a { float: left; } .top-detail-inverse { background-color: #191919; box-shadow: 0 4px 0 rgba(0, 0, 0, .04); } .top-detail-inverse .social-top-detail i:before, .top-detail-inverse .social-top-detail i:after, .top-detail-inverse .social-top-detail i:hover:after { color: #efefef; } .top-detail-inverse .title-top-detail { margin-top: 5px; margin-bottom: 0; color: #efefef; display: inline-block; } .top-detail-inverse .btn-menu-top { color: white; border-left: solid 1px #434343; background-color: #191919; } .top-detail-inverse .social-top-detail a + a { border-left: 1px #434343 solid; } /* Navbar Positioning */ @media (min-width: 768px) { .body-nav-fixed-menu-top .top_details { position: fixed; z-index: 9999; top: 0; right: 0; left: 0; height: auto; } } /* Navbar */ .navbar { min-height: auto; margin-bottom: 0; border: 0; box-shadow: 0 4px 0 rgba(0, 0, 0, .05); } @media (min-width: 768px) { #site-header, .navbar { -webkit-backface-visibility: hidden; backface-visibility: hidden; } } #nav.nav-boxed { padding: 0; } @media (max-width: 767px) { .navbar { min-height: 60px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar-header { float: none; } .navbar-right { float: none !important; margin: 0; } } /* Navbar Brand */ .navbar-brand { font-size: 14px; line-height: 20px; float: left; height: auto; padding: 0; margin-top: 20px; } .custom-logo-link img > .navbar-brand > img { display: block; height: 92px; } @media (min-width: 768px) and (max-width: 991px) { .custom-logo-link { display: block; float: none; } } /* Navbar Toggle */ .navbar-toggle { margin: 25px; background-color: transparent; } .navbar-toggle:hover, .navbar-toggle:focus { background-color: transparent !important; } .navbar-toggle .icon-bar { height: 3px; border-radius: 0; } /* Navbar Links */ #site-header .navbar-nav > li > a { font-size: 14px; font-weight: 700; text-transform: uppercase; } @media (max-width: 767px) { #site-header .navbar-nav > li > a { font-size: 14px; line-height: 50px; height: 50px; padding: 0 21px; } } @media (min-width: 768px) and (max-width: 991px) { #site-header .navbar-nav > li > a { line-height: 58px; height: 58px; padding: 0 11px; } } #site-header .dropdown-submenu > a:after { font-family: "Font Awesome\ 5 Free"; font-size: 10px; position: absolute; right: 18px; content: '\f0da'; } @media (max-width: 767px) { #site-header .dropdown-submenu > a:after { display: none; } } #site-header .dropdown-header { font-size: 16px; line-height: 22px; } @media (max-width: 767px) { #site-header .navbar .navbar-nav .wrapper-row-features > .row > [class^='col-']:first-child ul { border-top: none; } } /* Navbar Styling */ #site-header .navbar-default { background-color: #fff; background-color: rgba(255, 255, 255, .99); } #site-header .navbar-default .navbar-form { border-color: #efeeec; } #site-header .navbar-default .navbar-brand { color: black; } #site-header .navbar-default .navbar-brand:hover, #site-header .navbar-default .navbar-brand:focus { color: #1a1a1a; background-color: transparent; } #site-header .navbar-default .navbar-toggle { border-color: #ccc; } #site-header .navbar-default .navbar-toggle:hover, #site-header .navbar-default .navbar-toggle:focus { background-color: #f5f5f5; } #site-header .navbar-default .navbar-toggle .icon-bar { background-color: black; } #site-header .navbar-default .navbar-nav > li > a { color: #fff; } #site-header .navbar-default .navbar-nav > .active > a, #site-header .navbar-default .navbar-nav > .active > a:hover, #site-header .navbar-default .navbar-nav > .active > a:focus { color: black; background-color: #f8f8f7; } #site-header .navbar-default .navbar-nav > li > a:focus { color: black; background-color: transparent; } #site-header .navbar-default .navbar-nav > li > a:hover { color: #fff; } @media (max-width: 767px) { #site-header .navbar-default .navbar-nav .wrapper-row-features ul li + li, #site-header .navbar-default .navbar-nav .wrapper-row-features ul { border-top: solid 1px #efeeec; } #site-header .navbar-default .navbar-nav > li + li { border-top: solid 1px #efeeec; } } #site-header .navbar-default .navbar-nav > .open > a, #site-header .navbar-default .navbar-nav > .open > a:hover, #site-header .navbar-default .navbar-nav > .open > a:focus { color: black; background-color: transparent; } @media (min-width: 768px) { #site-header .navbar-default .navbar-nav > .dropdown:hover ul > li > a { background-color: #f8f8f7; } #site-header .navbar-default .navbar-nav > .dropdown:hover > a, #site-header .navbar-default .navbar-nav > .dropdown:hover:after, #site-header .navbar-default .navbar-nav > .dropdown.open:hover { color: black; } } #site-header .navbar-default .dropdown-header { color: #1a1a1a; } @media (max-width: 767px) { #site-header .navbar-default .navbar-nav > li > a { color: black; } #site-header .navbar-default .navbar-nav > .open > a { border-bottom: 1px solid #efeeec; } } #site-header .navbar-default .navbar-nav ul .dropdown-submenu > a:after { color: #d6d6d6; } @media (min-width: 768px) and (max-width: 991px) { .navbar-default .navbar-header { border-bottom: solid 2px #f0f0f0; } } #site-header .navbar-default form.nav-search > input { color: #3d3d3d; background-color: #fff; } /* Navbar Inverse Styling */ #site-header .navbar-inverse { background-color: #171717; } #site-header .navbar-inverse .navbar-form { border-color: #262626; } #site-header .navbar-inverse .navbar-brand { color: black; } #site-header .navbar-inverse .navbar-brand:hover, #site-header .navbar-inverse .navbar-brand:focus { color: #1a1a1a; background-color: transparent; } #site-header .navbar-inverse .navbar-toggle { border-color: #000; } #site-header .navbar-inverse .navbar-toggle:hover, #site-header .navbar-inverse .navbar-toggle:focus { background-color: #0d0d0d; } #site-header .navbar-inverse .navbar-toggle .icon-bar { background-color: white; } #site-header .navbar-inverse .navbar-nav > li > a { color: white; } #site-header .navbar-inverse .navbar-nav > .active > a, #site-header .navbar-inverse .navbar-nav > .active > a:hover, #site-header .navbar-inverse .navbar-nav > .active > a:focus { background-color: transparent; } #site-header .navbar-inverse .navbar-nav > li > a:focus { color: white; background-color: transparent; } #site-header .navbar-inverse .navbar-nav > li > a:hover { background-color: transparent; } @media (max-width: 767px) { #site-header .navbar-inverse .navbar-nav .wrapper-row-features ul li + li, #site-header .navbar-inverse .navbar-nav .wrapper-row-features ul { border-top: solid 1px #efeeec; } #site-header .navbar-inverse .navbar-nav > li + li { border-top: solid 1px #262626; } } #site-header .navbar-inverse .navbar-nav > .open > a, #site-header .navbar-inverse .navbar-nav > .open > a:hover, #site-header .navbar-inverse .navbar-nav > .open > a:focus { color: white; background-color: transparent; } @media (min-width: 768px) { #site-header .navbar-inverse .navbar-nav > .dropdown:hover ul > li > a { background-color: #f8f8f7; } #site-header .navbar-inverse .navbar-nav > .dropdown:hover > a, #site-header .navbar-inverse .navbar-nav > .dropdown:hover:after, #site-header .navbar-inverse .navbar-nav > .dropdown.open:hover > a { background-color: transparent; } } #site-header .navbar-inverse .dropdown-header { color: #fff; } @media (max-width: 767px) { #site-header .navbar-inverse .navbar-nav > li > a { color: white; } #site-header .navbar-inverse .navbar-nav > .open > a { border-bottom: 1px solid #262626; } } #site-header .navbar-inverse .navbar-nav ul .dropdown-submenu > a:after { color: #d6d6d6; } @media (min-width: 768px) and (max-width: 991px) { .navbar-inverse .navbar-header { border-bottom: solid 2px #1f1f1f; } } #site-header .navbar-inverse form.nav-search > input { color: #b0b0b0; background-color: #171717; } /* Switch Navbar Logo */ @media (min-width: 768px) { #site-header .switch-brand .switch-logo { display: none; } } @media (max-width: 768px) { #site-header .switch-brand .switch-logo { display: none; } #site-header .switch-brand img:first-child { display: none; } #site-header .switch-brand .switch-logo { display: block; } } /* Navbar IE8 Specific Styling */ .ie8 #nav.navbar-default { border-bottom: solid 1px #ddd; } @media (min-width: 768px) { .ie8 #nav.navbar .navbar-nav > li > a { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1200px) { .ie8 #nav.navbar .navbar-nav > li > a { padding: 0 8px; } } /* Navbar Transitions and Animations */ #site-header .navbar li a { -webkit-transition: .2s linear background-color, .2s linear color; transition: .2s linear background-color, .2s linear color; } @media (min-width: 768px) { form.nav-search > input { -webkit-transition: line-height .18s ease-in-out, height .18s ease-in-out, top .18s ease-in-out, .3s opacity ease-in-out; transition: line-height .18s ease-in-out, height .18s ease-in-out, top .18s ease-in-out, .3s opacity ease-in-out; } } @media (max-width: 767px) { form.nav-search > input { -webkit-transition: .3s opacity ease-in-out; transition: .3s opacity ease-in-out; } } @media (min-width: 992px) { #site-header #nav { -webkit-transition: max-height .18s ease-in-out; transition: max-height .18s ease-in-out; } } @-webkit-keyframes fadeInShrinked { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInShrinked { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes fadeIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeIn { 0% { -webkit-transform: translateY(-5px); transform: translateY(-5px); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes fadeInMega { 0% { margin-top: -5px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @keyframes fadeInMega { 0% { margin-top: -5px; opacity: 0; } 100% { margin-top: 0; opacity: 1; } } @-webkit-keyframes fadeInSub { 0% { -webkit-transform: translateX(-5px); transform: translateX(-5px); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInSub { 0% { -webkit-transform: translateX(-5px); transform: translateX(-5px); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes fadeInDownMenuTop { 0% { -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes fadeInDownMenuTop { 0% { -webkit-transform: translate3d(0, -5%, 0); transform: translate3d(0, -5%, 0); opacity: 0; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } /* Utility Classes */ .display-block { display: block; } .display-none { display: none; } .display-inline-block { display: inline-block; } .full-width { width: 100%; } .width-16 { width: 16px; } .width-20 { width: 20px; } .width-30 { width: 30px; } .width-40 { width: 40px; } .width-180 { width: 180px; } .max-width-300 { max-width: 300px; } .width-50 { width: 90px; } .padding-0 { padding: 0; } .padding-vertical-32 { padding-right: 32px; padding-left: 32px; } .margin-center { margin-right: auto; margin-left: auto; } .mb { margin-bottom: 40px; } .mt { margin-top: 50px; } .mb-zero { margin-bottom: 0; } .mt-four { margin-top: 4px; } .mt-ten { margin-top: 10px; } .mt-sixteen { margin-top: 16px; } .mt-twenty { margin-top: 20px; } .mt-thirty { margin-top: 30px; } .mt-fourty { margin-top: 40px; } .mt-fifty { margin-top: 50px; } .mt-sixty { margin-top: 60px; } .mt-seventy { margin-top: 70px; } .mt-eighty { margin-top: 80px; } .mt-ninty { margin-top: 90px; } .mt-hundred { margin-top: 100px; } .mt-onetwenty { margin-top: 120px; } .mt-onethirty { margin-top: 130px; } .mt-onefourty { margin-top: 140px; } .mt-onefifty { margin-top: 150px; } .mt-onesixty { margin-top: 160px; } .mt-oneseventy { margin-top: 170px; } .mt-oneeighty { margin-top: 180px; } .mt-oneninty { margin-top: 190px; } .mt-twohundred { margin-top: 200px; } .mt-minus-four { margin-top: -4px; } .mt-minus-ten { margin-top: -10px; } .mt-minus-sixteen { margin-top: -16px; } .mt-minus-twenty { margin-top: -20px; } .mt-minus-thirty { margin-top: -30px; } .mt-minus-fourty { margin-top: -40px; } .mt-minus-fifty { margin-top: -50px; } .mt-minus-sixty { margin-top: -60px; } .mt-minus-seventy { margin-top: -70px; } .mt-minus-eighty { margin-top: -80px; } .mt-minus-ninety { margin-top: -90px; } .mt-minus-hundred { margin-top: -100px; } .mt-minus-onetwenty { margin-top: -120px; } .mt-minus-onethirty { margin-top: -130px; } .mt-minus-onefourty { margin-top: -140px; } .mt-minus-onefifty { margin-top: -150px; } .mt-minus-onesixty { margin-top: -160px; } .mt-minus-oneseventy { margin-top: -170px; } .mt-minus-oneeighty { margin-top: -180px; } .mt-minus-oneninety { margin-top: -190px; } .mt-minus-twohundred { margin-top: -200px; } .mb-sixteen { margin-bottom: 16px; } .mb-twenty { margin-bottom: 20px; } .mb-thirty { margin-bottom: 30px; } .mb-fourty { margin-bottom: 40px; } .mb-fifty { margin-bottom: 50px; } .mb-sixty { margin-bottom: 60px; } .mb-seventy { margin-bottom: 70px; } .mr-eight { margin-right: 8px; } .mr-ten { margin-right: 10px; } @media (max-width: 767px) { .text-center-xs { text-align: center; } .float-none-xs { float: none !important; } } /* Browser (safari) */ .browser { position: relative; width: 100%; height: 30px; margin: 0 auto; border-top: solid 1px #d7d7d7; border-top-left-radius: 4px; border-top-right-radius: 4px; background-color: #e8e8e8; -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5); -moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5); box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .5); } .wrapper-browser-btn { position: absolute; top: 0; right: 0; left: 24px; width: 70px; height: 30px; } .btn-browser { display: block; width: 12px; height: 12px; border-radius: 50%; } .btn-browser { float: left; margin-top: 9px; -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08); -moz-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08); box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .08); } .btn-browser + .btn-browser { margin-left: 8px; } .btn-browser-1 { background-color: #ff6052; } .btn-browser-2 { background-color: #ffbe05; } .btn-browser-3 { background-color: #15cc37; } /* Breadcrumbs */ .breadcrumb { margin: 0; margin-top: 5px; padding: 0; background-color: transparent; word-break: break-all; } .breadcrumb li a { color: black; } .breadcrumb li { font-size: 13px; font-weight: 400; margin: 0; padding: 0; } .breadcrumb > li + li:before { padding: 0 5px; content: ''; color: #ccc; } /* Buttons */ .btn { -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .16s; transition-duration: .16s; -webkit-transition-property: background-color, color, border-color; transition-property: background-color, color, border-color; letter-spacing: 1px; border-radius: 2px; } .fa-btn { margin: 0 !important; } /* button fix inputgroup hover */ .btn-z-index { z-index: 2; } .btn-rounded { border-radius: 28px !important; } .btn-xs { font-weight: 400; border-radius: 1px; } .btn:hover, .btn:focus, .btn:active, .btn.active { text-decoration: none; outline: 0 !important; box-shadow: none; } /* BUTTON WITH ICONS*/ .btn .fa, .btn .fas { margin-right: 10px; } .btn-xs .fa, .btn-xs .fas { margin-right: 4px; } .btn-lg .fa, .btn-lg .fas { font-size: 22px; position: relative; top: 2px; } /* BUTTON PRIMARY */ .btn-primary { color: white; } .btn-primary:hover { color: white; } .btn-primary:focus, .btn-primary:active, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary:active:focus, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus { color: white; } /* BUTTON DEFAULT */ .btn-default { color: #333; border-color: #ccc; background-color: #fff; } .btn-default:hover { color: #333; border-color: #ccc; background-color: #f2f2f2; } .btn-default:focus, .btn-default:active, .btn-default:active:hover, .btn-default.active:hover, .btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus { color: #333; border-color: #ccc; background-color: #ddd; } /* BUTTON BLUE */ .btn-blue { color: white; border-color: #2f4ca1; background-color: #2f4ca1; } .btn-blue:hover { color: white; border-color: #1d3b91; background-color: #1d3b91; } .btn-blue:focus, .btn-blue:active, .btn-blue.active { color: white; border-color: #0e2874; background-color: #0e2874; } /* BUTTON RED */ .btn-red { color: white; border-color: #fe5555; background-color: #fe5555; } .btn-red:hover { color: white; border-color: #e53e2d; background-color: #e53e2d; } .btn-red:focus, .btn-red:active, .btn-red.active { color: white; border-color: #e3301e; background-color: #e3301e; } /* BUTTON ORANGE */ .btn-orange { color: white; } .btn-orange:hover { color: white; } .btn-orange:focus, .btn-orange:active, .btn-orange.active { color: white; } /* BUTTON GREEN */ .btn-green { color: white; border-color: #2ecc71; background-color: #2ecc71; } .btn-green:hover { color: white; border-color: #2bbe69; background-color: #2bbe69; } .btn-green:focus, .btn-green:active, .btn-green.active { color: white; border-color: #28b062; background-color: #28b062; } /* Button Yellow */ .btn-yellow { color: white; border-color: #f1c40f; background-color: #f1c40f; } .btn-yellow:hover { color: white; border-color: #e2b70d; background-color: #e2b70d; } .btn-yellow:focus, .btn-yellow:active, .btn-yellow.active { color: white; border-color: #d2aa0c; background-color: #d2aa0c; } /* BUTTON GHOST GLOBAL */ .btn.btn-ghost { background-color: transparent; } /* BUTTON GHOST WHITE (TO USE WITH DARK BACKGROUND) */ .btn-ghost-white { color: white; border-color: white; background-color: transparent; } .btn-ghost-white:hover { color: black; border-color: white; background-color: white; } .btn-ghost-white:focus, .btn-ghost-white:active, .btn-ghost-white.active { color: black; border-color: white; background-color: white; } /* BUTTON-GHOST PRIMARY */ .btn-primary.btn-ghost:hover { color: white; } .btn-primary.btn-ghost:focus, .btn-primary.btn-ghost:active, .btn-primary.btn-ghost.active { color: white; } /* BUTTON-GHOST DEFAULT */ .btn-default.btn-ghost { color: #ccc; border-color: #ccc; } .btn-default.btn-ghost:hover { color: #333; border-color: #ccc; background-color: #f2f2f2; } .btn-default.btn-ghost:focus, .btn-default.btn-ghost:active, .btn-default.btn-ghost.active { color: #333; border-color: #ccc; background-color: #ddd; } /* BUTTON-GHOST ORANGE */ .btn-orange.btn-ghost:hover { color: white; } .btn-orange.btn-ghost:focus, .btn-orange.btn-ghost:active, .btn-orange.btn-ghost.active { color: white; } /* Icons */ .fa.bg, .fas.bg { color: white; } a .service-icon-circle { -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; } a .service-icon-circle:hover { color: white; } /* Rounded icons */ .service-icon-circle { width: 30px; height: 30px; padding-top: 6px; text-align: center; border-radius: 50%; } .icon-round-social { width: 30px; height: 30px; padding-top: 6px; text-align: center; border-radius: 50%; } /* Boxed icons */ .elixar-icon-box { width: 30px; height: 30px; padding-top: 6px; text-align: center; } /* Rounded icons @2x*/ .fa-2x.service-icon-circle, .fa-2x.elixar-icon-box, .fa-2x.icon-round-social, .fa-2x.icon-box-social, .fa-2x.icon-bg-social { width: 50px; height: 50px; padding-top: 9px; } /* Rounded icons @3x*/ .fa-3x.service-icon-circle, .fa-3x.elixar-icon-box, .fa-3x.icon-round-social, .fa-3x.icon-box-social, .fa-3x.icon-bg-social { width: 80px; height: 80px; padding-top: 17px; } /* Rounded icons @4x*/ .fa-4x.service-icon-circle, .fa-4x.elixar-icon-box, .fa-4x.icon-round-social, .fa-4x.icon-box-social, .fa-4x.icon-bg-social { width: 120px; height: 120px; padding-top: 29px; } /* Social Icons Hover Style1 */ .social-top-detail i { position: relative; display: block !important; overflow: hidden; width: 35px; height: 35px; margin: 0; padding: 0; text-align: center; } .social-top-detail i:before, .social-top-detail i:after { font-family: "Font Awesome 5 Brands"; font-weight: 400; font-style: normal; line-height: 35px; position: absolute; right: 0; left: 0; -webkit-transition: top .16s linear; transition: top .16s linear; text-align: center; text-decoration: inherit; } .social-top-detail i:before { top: 0; } .social-top-detail i:after { top: 39px; border-top: solid 8px transparent; } .social-top-detail i:hover:before { top: -35px; } .social-top-detail i:hover:after { top: -8px; } .social-top-detail i.elixar-facebook:before, .social-top-detail i.elixar-facebook:after { content: '\f39e'; } .social-top-detail i.elixar-facebook:after { background-color: #3b5998; } .social-top-detail i.elixar-google-plus:before, .social-top-detail i.elixar-google-plus:after { content: '\f0d5'; } .social-top-detail i.elixar-google-plus:after { background-color: #dd4b39; } .social-top-detail i.elixar-twitter:before, .social-top-detail i.elixar-twitter:after { content: '\f099'; } .social-top-detail i.elixar-twitter:after { background-color: #00aced; } .social-top-detail i.elixar-linkedin:before, .social-top-detail i.elixar-linkedin:after { content: '\f0e1'; } .social-top-detail i.elixar-linkedin:after { background-color: #007bb6; } .social-top-detail i.elixar-behance:before, .social-top-detail i.elixar-behance:after { content: '\f1b4'; } .social-top-detail i.elixar-behance:after { background-color: #008CFF; } .social-top-detail i.elixar-pinterest:before, .social-top-detail i.elixar-pinterest:after { content: '\f0d3'; } .social-top-detail i.elixar-pinterest:after { background-color: #cb2027; } .social-top-detail i.elixar-youtube:before, .social-top-detail i.elixar-youtube:after { content: '\f16a'; } .social-top-detail i.elixar-youtube:after { background-color: #bb0000; } .social-top-detail i.elixar-instagram:before, .social-top-detail i.elixar-instagram:after { content: '\f16d'; } .social-top-detail i.elixar-instagram:after { background-color: #fcaf45; } .social-top-detail i.elixar-dribbble:before, .social-top-detail i.elixar-dribbble:after { content: '\f17d'; } .social-top-detail i.elixar-dribbble:after { background-color: #ea4c89; } .social-top-detail i.elixar-skype:before, .social-top-detail i.elixar-skype:after { content: '\f17e'; } .social-top-detail i.elixar-skpye:after { background-color: #00a0df; } .social-top-detail i.elixar-tumblr:before, .social-top-detail i.elixar-tumblr:after { content: '\f173'; } .social-top-detail i.elixar-tumblr:after { background-color: #32506d; } .social-top-detail i.elixar-bitbucket:before, .social-top-detail i.elixar-bitbucket:after { content: '\f171'; } .social-top-detail i.elixar-bitbucket:after { background-color: #205081; } .social-top-detail i.elixar-dropbox:before, .social-top-detail i.elixar-dropbox:after { content: '\f171'; } .social-top-detail i.elixar-dropbox:after { background-color: #007ee5; } .social-top-detail i.elixar-codepen:before, .social-top-detail i.elixar-codepen:after { content: '\f1cb'; } .social-top-detail i.elixar-codepen:after { background-color: #212121; } .social-top-detail i.elixar-flickr:before, .social-top-detail i.elixar-flickr:after { content: '\f16e'; } .social-top-detail i.elixar-flickr:after { background-color: #ff0084; } .social-top-detail i.elixar-github:before, .social-top-detail i.elixar-github:after { content: '\f09b'; } .social-top-detail i.elixar-github:after { background-color: #333; } .social-top-detail i.elixar-envelope-o:before, .social-top-detail i.elixar-envelope-o:after { content: '\f003'; } .social-top-detail i.elixar-envelope-o:after { background-color: #dd4b39; } .social-top-detail i.elixar-soundcloud:before, .social-top-detail i.elixar-soundcloud:after { content: '\f1be'; } .social-top-detail i.elixar-soundcloud:after { background-color: #ff3a00; } .social-top-detail i.elixar-vimeo:before, .social-top-detail i.elixar-vimeo:after { content: '\f27d'; } .social-top-detail i.elixar-vimeo:after { background-color: #aad450; } .social-top-detail i.elixar-wordpress:before, .social-top-detail i.elixar-wordpress:after { content: '\f19a'; } .social-top-detail i.elixar-wordpress:after { background-color: #21759b; } .social-top-detail i.elixar-vine:before, .social-top-detail i.elixar-vine:after { content: '\f1ca'; } .social-top-detail i.elixar-vine:after { background-color: #00b488; } .social-top-detail i.elixar-yelp:before, .social-top-detail i.elixar-yelp:after { content: '\f1e9'; } .social-top-detail i.elixar-yelp:after { background-color: #af0606; } .social-top-detail i.elixar-spotify:before, .social-top-detail i.elixar-spotify:after { content: '\f1bc'; } .social-top-detail i.elixar-spotify:after { background-color: #2ebd59; } .social-top-detail i.elixar-slideshare:before, .social-top-detail i.elixar-slideshare:after { content: '\f1e7'; } .social-top-detail i.elixar-slideshare:after { background-color: #0077b5; } .social-top-detail i.elixar-deviantart:before, .social-top-detail i.elixar-deviantart:after { content: '\f1bd'; } .social-top-detail i.elixar-deviantart:after { background-color: #4E6252; } .social-top-detail i.elixar-digg:before, .social-top-detail i.elixar-digg:after { content: '\f1a6'; } .social-top-detail i.elixar-digg:after { background-color: #000000; } .social-top-detail i.elixar-foursquare:before, .social-top-detail i.elixar-foursquare:after { content: '\f180'; } .social-top-detail i.elixar-foursquare:after { background-color: #0072b1; } .social-top-detail i.elixar-medium:before, .social-top-detail i.elixar-medium:after { content: '\f23a'; } .social-top-detail i.elixar-medium:after { background-color: #00ab6c; } .social-top-detail i.elixar-get-pocket:before, .social-top-detail i.elixar-get-pocket:after { content: '\f265'; } .social-top-detail i.elixar-get-pocket:after { background-color: #ef4056; } .social-top-detail i.elixar-reddit:before, .social-top-detail i.elixar-reddit:after { content: '\f1a1'; } .social-top-detail i.elixar-reddit:after { background-color: #ff4500; } .social-top-detail i.elixar-stumbleupon:before, .social-top-detail i.elixar-stumbleupon:after { content: '\f1a4'; } .social-top-detail i.elixar-stumbleupon:after { background-color: #EB4823; } .social-top-detail i.elixar-twitch:before, .social-top-detail i.elixar-twitch:after { content: '\f1e8'; } .social-top-detail i.elixar-twitch:after { background-color: #6441a5; } .social-top-detail i.elixar-vk:before, .social-top-detail i.elixar-vk:after { content: '\f189'; } .social-top-detail i.elixar-vk:after { background-color: #45668e; } /* Boxes */ .icon-boxes-con.e-featurebox { text-align: center; padding: 30px; margin-bottom: 30px; background: #fff; border-radius: 4px; } .icon-boxes-con.e-servicebox { background: #fff; border-radius: 4px; padding: 30px; position: relative; transition: all 100ms ease-out 0s; } .icon-boxes-con.e-servicebox:hover { box-shadow: 0 6px 9px rgba(0, 0, 0, 0.09); } .icon-boxes-con .service-icon-circle { -webkit-transition: all .2s linear; transition: all .2s linear; } .icon-boxes-con:hover .service-icon-circle { color: white; } .icon-boxes-con.bg { padding: 16px; background-color: #f4f5f6; } .icon-boxes-con.e-box-bordered { padding: 16px; border: solid 1px #ddd; } /* Pagination */ .nav-links > a, .nav-links > span { line-height: 1.42857143; position: relative; display: inline-block; margin-left: 0; padding: 6px 14px; text-decoration: none; color: white; border: 0; background-color: #333; } .nav-links { word-spacing: -2px; } /* .nav-links > li { display: inline-block; } .nav-links > li:first-child > a, .nav-links > li:first-child > span, .nav-links-lg > li:first-child > a, .nav-links-lg > li:first-child > span { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .nav-links > li:last-child > a, .nav-links > li:last-child > span .nav-links-lg > li:last-child > a, .nav-links-lg > li:last-child > span { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } */ .nav-links current a { border-color: white; } .nav-links > a:focus { color: white; background-color: #333; } .nav-links > a:hover, .nav-links > a:active { color: white; } .nav-links span.current, .nav-links a.page-numbers:hover { background: #d14f30; border-color: #d14f30; } /* MFP Lightbox Animation */ .mfp-content { -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: .2s; animation-duration: .2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); -ms-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); opacity: 0; } 50% { opacity: 1; } } /* Bootstrap Carousel Settings */ .carousel { right: 0; left: 0; overflow: hidden; margin: 0 auto; } .img-slide { display: block; } .owl-carousel .item img, .owl-carousel .item a { margin: 0 auto; } /* Tabs */ /* tabs reset */ .nav > li > a { -webkit-transition: none; transition: none; color: black; } /* Sections */ .section-black { position: relative; color: white; border: 0; background-color: black; } .section-dark { border: solid 1px #ddd; background-color: #f6f6f6; } .section-dark-2x { position: relative; color: white; border: 0; background-color: #191919; } .section-light { position: relative; border: 0; background-color: #f5f5f5; } .sp-2xl.section-wrapper { padding: 350px 0; } .sp-xl.section-wrapper { padding: 250px 0; } .sp-lg.section-wrapper { padding: 125px 0; } .sp-md.section-wrapper { padding: 100px 0; } .sp-sm.section-wrapper { padding: 80px 0; } .sp-sm.section-wrapper.container-fluid { padding: 80px 0 0 0; } .sp-xs.section-wrapper { padding: 20px 0; } .sp-2xl.section-wrapper { padding-bottom: 350px; } .sp-2xl.section-wrapper { padding-top: 350px; } @media (max-width: 767px) { .sp-xl.section-wrapper { padding: 90px 0; } } .sp-xl > div > .row > div > .section-title, .sp-xl > div > .row > div > .section-desc { margin-bottom: 80px; } .sp-lg > div > .row > div > .section-title, .sp-lg > div > .row > div > .section-desc { margin-bottom: 62px; } .sp-md > div > .row > div > .section-title, .sp-md > div > .row > div > .section-desc { margin-bottom: 50px; } .sp-sm > div > .row > div > .section-title, .sp-sm > div > .row > div > .section-desc { margin-bottom: 40px; } .sp-xs > div > .row > div > .section-title, .sp-xs > div > .row > div > .section-desc { margin-bottom: 25px; } .content-section > div > .row > div > .section-desc { max-width: 750px; margin-right: auto; margin-left: auto; } /* Section Contact Form Error-Success Message */ .required { color: #fe5555; } #success, #error { display: none; } /* Google Maps */ #map { width: 100%; height: 350px; } /* Blog */ .e-content-block > .row + .row { margin-top: 60px; } .e-blog-grid-block { border: solid 1px #dadada; background-color: #fff; box-shadow: 0 1px 1px 0 rgba(218, 218, 218, .2); } .e-blog-grid-block-text h3 a { color: black; } .e-blog-grid-block p, .wrapper-post-s1 p { font-size: 16px; line-height: 25px; margin: 0 0 20px; color: #6b6b6b; } .e-blog-grid-block p + img, .e-blog-grid-block img + p { margin-top: 16px; } .wrapper-post-s1 .img-featured { margin-bottom: 18px; } .e-blog-grid-block-text { padding: 30px 15px; } .e-blog-grid-block .e-post-meta-part { margin-bottom: 16px; } .e-post-meta-part li { font-size: 13px; padding: 0; color: #6b6b6b; } .e-post-meta-part li > a { color: black; } .e-post-meta-part li > a .fas { margin-right: 4px; } .e-post-meta-part li + li:before { font-size: 10px; position: relative; bottom: 2px; margin-right: 8px; margin-left: 4px; content: '|'; } .img-sidebar-sm { width: 110px; margin-right: 20px; } .section-blog-photo-intro { position: relative; height: auto; color: white !important; background-image: url('images/bg/bg-3.jpg'); background-repeat: no-repeat; background-position: 25% 16%; background-size: cover; } .section-blog-photo-intro > .opacity-layer { display: block; width: 100%; height: auto; /* Fallback for web browsers that don't support RGBa */ background-color: #000; /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, .7); /* For IE 8*/ -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=82)'; } /* Post Comments */ .media-body .e-post-meta-part { margin-top: 7px; margin-bottom: 7px; } .user-by:before { content: 'by '; color: #6b6b6b; } .media-left { padding-right: 30px; } .media > .media-body > .media:before { display: block; width: 100%; height: 1px; margin-bottom: 40px; content: ''; background-color: #ddd; } .media > .media-body > .media:before { margin-top: 40px; } /* Section Footer */ .content-section.footer-main { padding: 30px 0 60px; border-bottom: solid 1px #555; background-color: #191919; color: #fff; } .content-section.footer-main .list-unstructured a, .content-section.footer-main h3 { color: white; } .content-section.footer-main p { color: white; } .content-section.footer-main .list-unstructured li + li { margin-top: 8px; } /* Section Footer Copyright */ .content-section.footer_copyright { color: white; background-color: black; } .content-section.footer_copyright p.copyright-text { line-height: 0; padding-top: 40px; color: #fff; } .content-section.footer_copyright .fa-angle-up { font-size: 34px; line-height: 0; padding-top: 22px; } .col-footer-copyright { position: relative; height: 80px; } .copyright_text_footer a#scroll-top{ position: absolute; top: -28px; right: 0; left: 0; display: block; width: 50px; height: 50px; margin: 0 auto; -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; border: solid 1px #555; background-color: #000; } .copyright_text_footer a#scroll-top:hover { color: white; } /* Styling of "feature - Ui Elements" pages */ .btn-show, .btn-show-manual { display: block; margin-top: 30px; padding: 8px; cursor: pointer; text-align: center; border: solid 1px #ddd; background-color: #f7f7f7; box-shadow: inset 0 2px 0 0 rgba(0, 0, 0, .05); } .btn-show:hover, .btn-show-manual:hover { background-color: #ddd; } /* Edited by John */ @media (min-width: 768px) { .navbar > .container { position: relative; } #nav { max-height: 1900px !important; } .body-nav-fixed-menu-top .top_details { position: static; z-index: 9999; top: 0; right: 0; left: 0; height: auto; width: 100%; } .body-nav-fixed-menu-top { padding-top: 0; } } @media (max-width: 767px) { .body-nav-fixed-menu-top { padding-top: 0 !important; } } /* Service */ .icon-boxes-con.e-servicebox { margin-bottom: 30px; } .icon-boxes-con.e-servicebox .service-f-image { float: left; margin-right: 30px; } .icon-boxes-con.e-servicebox .service-content { overflow: hidden; } .icon-boxes-con.e-servicebox .service-thumbnail { margin-bottom: 25px; } .service-title-margin { margin-top: 16px; margin-bottom: 0; } div#section-services .service-title-margin { color: #333; font-weight: 700; } .service_center { text-align: center; } .icon-sm-side .title { padding: 0 0px; } .icon-boxes-con .e-service-url:before { width: 100%; height: 100%; display: block; position: absolute; top: 0px; left: 0px; content: ""; } /* Section Footer Bottom Left */ .col-footer-copyright-left { position: relative; height: 80px; } .col-footer-copyright-left a { position: absolute; top: -28px; left: 0; display: block; width: 50px; height: 50px; -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; border: solid 1px #555; background-color: #000; } .col-footer-copyright-left a:hover { color: white; } /* Section Footer Bottom Right */ .col-footer-copyright-right { position: relative; height: 80px; } .col-footer-copyright-right a { position: absolute; top: -28px; right: 0; display: block; width: 50px; height: 50px; -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; border: solid 1px #555; background-color: #000; } .col-footer-copyright-right a:hover { color: white; } .load-button { text-align: center; margin: 40px 0 0 0; } .btn_more{ margin-top: 20px; } .e-blog-grid-block-text h3 a { word-wrap: break-word; } .blog_video_container { position: relative !important; padding-bottom: 56.25%; height: 0; overflow: hidden; } .blog_video_container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } /* Default CSS */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { margin: 5px auto 5px auto; } .alignright { margin: 5px 0 20px 20px; } .alignleft { margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .media-left img{ background: #fff; border: 1px solid #ddd; float: left; margin: 4px 50px 0px 0px; padding: 4px; } .page-links a { background-color: #1a1a1a; border-color: #1a1a1a; color: #fff; } .page-links a, .page-links > span { border: 1px solid #d1d1d1; border-radius: 2px; display: inline-block; font-size: 15px; font-size: 1.8125rem; height: 1.8461538462em; line-height: 1.6923076923em; margin-right: 0.3076923077em; text-align: center; width: 1.8461538462em; margin-top: 20px; } /* Header Contact */ .col-sm-5.hidden-xs.contact_info .cmail i { margin-right: 5px; } .col-sm-5.hidden-xs.contact_info .cmail { color: #fff; margin: 10px; } .col-sm-5.hidden-xs.contact_info .cphone i { margin-right: 5px; } .col-sm-5.hidden-xs.contact_info .cphone { color: #fff; } /* Tag Widget */ .tagcloud a{ margin-right: 8px; font-size: 12px !important; border-color: #ccc; color: #fff; display: inline-block; padding: 6px 12px; margin-bottom: 4px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .tagcloud a:hover { border-color: #ccc; background-color: #f2f2f2; color: #000 !important; } .title-2-xl.hr-right:after, .title-xl.hr-right:after, .title-lg.hr-right:after, .title-md.hr-right:after, .title-sm.hr-right:after, .title-xs.hr-right:after { float: right; display: block; width: 60%; height: 3px; margin-top: 12px; content: ''; } /* Tab Shortcode image css*/ .tab_img { float: left; padding: 16px 25px 0px 15px; width: 33%; } a.img_popup { display: inline-block; margin-top: 5px; max-width: 100%; overflow: hidden; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .magnific-popup { display: inline-block; position: relative; overflow: hidden; } a.img_popup > span { z-index: 2; background: rgba(29, 205, 202, 0.7); color: #fff; display: block; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; opacity: 0; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } a.img_popup > img, .related_posts_slide .related_img > img, .add2cart_image .add2cart_img > img { -webkit-transition: -webkit-transform 0.7s ease; -moz-transition: -moz-transform 0.7s ease; -o-transition: -o-transform 0.7s ease; -ms-transition: -ms-transform 0.7s ease; transition: transform 0.7s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } a.img_popup:after { border: 4px solid rgba(0, 0, 0, 0.05); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Social Share Text Lable*/ .social_share_btn{ background: #fff; border: 1px solid #e1e1e1; display: inline-block; font-size: 13px; line-height: 40px; min-height: 40px; margin-right: 15px; padding: 0 18px; position: relative; -moz-border-radius: 200px; -webkit-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; } /* Woocommerce */ .dcjq-icon:before { content: '+'; float: right; } .dcjq-icon.less:before { content: '-'; float: right; } .woocommerce div.product .product_title { text-transform: uppercase; } .woocommerce table.cart td.actions .input-text,.woocommerce-page #content table.cart td.actions .input-text,.woocommerce-page table.cart td.actions .input-text { width: 100px; } @media (min-width: 992px) { .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { width:23%; } .woocommerce .related.products ul.products li.product { width: 22%; } } .woocommerce ul.products li.product,.woocommerce-page ul.products li.product { margin: 0 1.8% 3.992em 0; border: 1px solid #eee; padding: 7px; } .woocommerce ul.products li.product .star-rating { margin: 0 auto; } .woocommerce ul.products li.product,.woocommerce-page ul.products li.product,.woocommerce ul.products:not(.list) li.product h3 { text-align: center; } .woocommerce ul.products:not(.list) li.product .button { margin-top: 0.2em; } .breadcrumb>li+li:before { background: none; margin: 0px 0px; padding: 0px 0px; } .woo-crumbs h1{ font-size: 27px; font-weight: 300; margin: 0; } .shadow-around { box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15); -webkit-box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15); -moz-box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15); -o-box-shadow: 8px 10px 20px 0px rgba(46, 61, 73, 0.15); } .elixar-blog, .elixar-blog-single { width: 100%; padding: 60px 0 30px; position: relative; background: #f4f4ef; } .elixar-blog .elixar-latest-item { width: 100%; margin-bottom: 30px; padding: 15px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .elixar-blog-single .elixar-blog-details{ width: 100%; margin-bottom: 30px; padding: 15px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } /* Woo-commerce Product */ .elixar-woo-product { width: 100%; padding: 60px 0 30px; position: relative; background: #f4f4ef; } .elixar-woo-product .elixar-woo-product-detail { width: 100%; margin-bottom: 30px; padding: 15px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; } .elixar-woo-product .elixar-product-sidebar { width: 100%; margin-bottom: 30px; padding: 30px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; border: 1px solid #ddd; } .elixar-blog .elixar-product-sidebar, .elixar-blog-single .elixar-product-sidebar{ width: 100%; margin-bottom: 30px; padding: 30px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; border: 1px solid #ddd; } .elixar-blog-single .elixar-blog-comments { width: 100%; margin-bottom: 30px; padding: 30px; position: relative; background: #fff; border-radius: 6px; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; border: 1px solid #ddd; } .hentry { margin: 0; } .e-breadcrumb-page-title, .e-woo-crumb-page-title { margin-bottom: 0; } .e-blog-grid-block { border-radius: 6px; } .e-blog-grid-block .img-slide, .e-content-block .img-slide, .e-blog-grid-block .blog_video_container iframe, .e-content-block .blog_video_container iframe { border-radius: 5px 5px 0 0; } .e-blog-grid-block .blog_video_container iframe { border-radius: 5px 5px 0 0; } .e-blog-grid-block-details .e-post-meta-part { margin-bottom: 16px; } /* Blog Share/Social */ .elixar-blog-details .elixar-blog-share { width: 100%; padding: 20px; position: relative; bottom: 0; right: 0; background: #f4f4f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .elixar-blog-details .elixar-blog-share ul li { display: inline-block; margin: 0 5px; font-size: 14px; color: #666666; } .elixar-blog-details .elixar-blog-share ul li i { float: left; margin: 2px 10px 0 0; font-size: 20px; } .elixar-blog-details .elixar-blog-share ul li span { display: inline-block; line-height: 15px; } .elixar-blog-details .elixar-blog-share ul li a { display: inline-block; padding: 10px 15px; color: #ffffff; border-radius: 3px; } .elixar-blog-details .elixar-blog-share ul.elixar-blog-share-box{ margin: 0; padding: 0; } .elixar-blog-details .elixar-blog-share ul li a.facebook { background: #3b5998; } .elixar-blog-details ul li a.twitter { background: #18a3dd; } .elixar-blog-details ul li a.google { background: #f14133; } .elixar-blog-details ul li a.linkedin { background: #1879dd; } .elixar-blog-details .elixar-blog-share li a.google i, .elixar-blog-details .elixar-blog-share li a.linkedin i { margin-right: 0; } /* Blog More */ #section-blog .home-blog-latest-item { width: 100%; margin: 0 0 30px; float: left; position: relative; background: #fff; border-radius: 4px; } .home-blog-latest-item .elixar-read-more { width: 100%; padding: 20px; position: relative; bottom: 0; right: 0; background: #f4f4f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .home-blog-latest-item .elixar-read-more a { padding: 0 10px; background: #e6e6e6; border-radius: 300px; } .elixar-latest-item .elixar-read-more { width: 100%; padding: 20px; position: absolute; bottom: 0; right: 0; background: #f4f4f4; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .elixar-latest-item .elixar-read-more a { float: left; padding: 0 10px; background: #e6e6e6; border-radius: 300px; } .home-blog-latest-item .elixar-read-more p, .elixar-latest-item .elixar-read-more p { float: right; margin: 0; } /* Related Products */ .elixar-blog-single .elixar-related-posts-section { width: 100%; float: left; margin-bottom: 30px; padding: 20px; position: relative; border-radius: 4px; background: #fff; border: 1px solid #ddd; } .elixar-blog-single .elixar-posts-tag-section { width: 100%; float: left; margin-bottom: 30px; padding: 20px; position: relative; border-radius: 4px; background: #fff; border: 1px solid #ddd; } .post-navigation { width: 100%; display: inline-block; border-top: 1px solid #ddd; padding: 15px 0 0px; } .post-navigation .nav-previous { float: left; width: 50%; text-align: left; border-right: 1px solid #ddd; padding-right: 20px; word-break: break-all; } .elixar-related-posts-section h2, .elixar-related-posts-section h3, .elixar-related-posts-section h4 { font-weight: bold; } .post-navigation .nav-next { float: right; width: 50%; text-align: right; padding-left: 20px; word-break: break-all; } .elixar-related-posts h4 { margin: 20px 0; padding: 0 15px; } .elixar-related-posts h2 { font-size: 15px; } .elixar-related-posts h2 a{ color: #000; } .elixar-related-posts li{ list-style: none; } .elixar-related-posts ul, .elixar-related-posts ol { margin: 0; padding: 0; } .elixar-related-posts hr.elixar-related-post-underline { border: 1px solid #d6d6d6; } @media screen and (max-width: 767px){ .elixar-blog-details .elixar-blog-share ul li a { margin: 0 0 10px; } } /* Contact Form */ .form-control { border-radius: 6px; padding: 20px 10px; } .elixar-submit-button, .form-submit input[type="submit"] { width: 150px; height: 45px; padding: 0; line-height: 45px; text-transform: uppercase; border: 0; border-radius: 6px; box-shadow: 5px 7px 10px 0px rgba(46, 61, 73, 0.08); -webkit-box-shadow: 5px 7px 10px 0px rgba(46, 61, 73, 0.08); -moz-box-shadow: 5px 7px 10px 0px rgba(46, 61, 73, 0.08); -o-box-shadow: 5px 7px 10px 0px rgba(46, 61, 73, 0.08); } /* Comments */ .elixar-blog-comments .depth-2, .elixar-blog-comments .depth-3, .elixar-blog-comments .depth-4, .elixar-blog-comments .depth-5, .elixar-blog-comments .depth-6, .elixar-blog-comments .depth-7, .elixar-blog-comments .depth-8, .elixar-blog-comments .depth-9, .elixar-blog-comments .depth-10 { padding-left: 35px !important; } .elixar-blog-comments .comment + .comment:before, .elixar-blog-comments .depth-2:before, .elixar-blog-comments .depth-3:before, .elixar-blog-comments .depth-4:before, .elixar-blog-comments .depth-5:before, .elixar-blog-comments .depth-6:before, .elixar-blog-comments .depth-7:before, .elixar-blog-comments .depth-8:before, .elixar-blog-comments .depth-9:before, .elixar-blog-comments .depth-10:before { display: block; width: 100%; height: 1px; margin-bottom: 40px; content: ''; background-color: #ddd; } .e-team-box.team_box{ margin-bottom: 20px; } /* Google Map */ .scrolloff{ pointer-events: none; } .mb-60 { margin-bottom: 60px; } /* Back To Top CSS */ .copyright_text_footer a#scroll-top-fixed{ display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 20px; right: 20px; visibility: hidden; opacity: 0; z-index: 9999; -webkit-transform: translateZ(0); border: solid 1px #555; background-color: #000; } #scroll-top-fixed.scroll-top_visible { visibility: visible !important; opacity: 1 !important; } .copyright_text_footer a#scroll-top-fixed-left{ display: inline-block; height: 50px; width: 50px; position: fixed; bottom: 20px; left: 20px; visibility: hidden; opacity: 0; z-index: 9999; -webkit-transform: translateZ(0); border: solid 1px #555; background-color: #000; } #scroll-top-fixed-left.scroll-top_visible { visibility: visible !important; opacity: 1 !important; } .copyright_text_footer a#scroll-top-center { height: 50px; width: 50px; position: absolute; bottom: 58px; z-index: 9999; -webkit-transform: translateZ(0); border: solid 1px #555; background-color: #000; } #scroll-top-center.scroll-top_visible { visibility: visible !important; opacity: 1 !important; } .copyright_text_footer a#scroll-top-left { position: absolute; top: -28px; left: 0; display: block; width: 50px; height: 50px; margin: 0 auto; margin-left: 20px; -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; border: solid 1px #555; background-color: #000; } .copyright_text_footer a#scroll-top-right { position: absolute; top: -28px; right: 0; display: block; width: 50px; height: 50px; margin: 0 auto; margin-right: 20px; -webkit-transition: all .16s ease-in-out; transition: all .16s ease-in-out; border: solid 1px #555; background-color: #000; } .copyright_text_footer a#scroll-top-right:hover, .copyright_text_footer a#scroll-top-left:hover, .copyright_text_footer a#scroll-top-fixed:hover { color: white; } /* Footer Social */ .e_footer_social { width: 85%; margin-bottom: 0; padding: 20px; border-top: solid 5px #ecf0f1; border-bottom: solid 5px #ecf0f1; border-radius: 6px; margin: 60px auto 0; } .elixar-footer-social h1.footer-social-title { font-family: "Roboto"; color: #ffffff; margin: 15px 0; text-align: center; } .elixar-footer-social ul.footer-social-icons { margin: 0; padding: 0; text-align: center; } .elixar-footer-social ul.footer-social-icons li { background-color: #ffffff; transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; display: inline-block; width: 60px; height: 60px; border-radius: 50%; line-height: 75px; margin: 10px; } .elixar-footer-social ul.footer-social-icons li i { font-size: 30px; } .elixar-footer-social ul.footer-social-icons li:hover i { color: #fff; } .elixar-footer-social ul.footer-social-icons li:hover { background-color: #000; } @media only screen and (max-width: 767px) and (min-width: 480px){ .footer-social-title { font-size: 25px; margin: 35px 0; } } .has_bg_image{ padding: 50px 0; } .large_header.has_bg_image{ padding: 150px 0; } .e-blog-grid-block p, .wrapper-post-s1 p { margin: 0px !important; } #elixarrread_more { display: none; } /* Footer Ribbon */ #section_footer .footer-ribbon { background: #c64a2c; } #section_footer .footer-ribbon { position: relative; padding: 0px 20px 0px 20px; z-index: 9999; } #section_footer .footer-ribbon-left { margin: -46px 0 0 14px; float: left; } #section_footer .footer-ribbon-right { margin: -76px 14px 0 0; float: right; } #section_footer .footer-ribbon:before { content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } #section_footer .footer-ribbon span { color: #FFF; font-size: 1.6em; font-family: 'Zapf Chancery', cursive; } .text-white{ color: #fff; } /* Sidebar List Style */ .elixar-product-sidebar ul.list-unstructured li:before { font-family: "Font Awesome\ 5 Free"; content: '\f152'; padding-right: 15px; } #section_footer ul.list-unstructured li:before { font-family: "Font Awesome\ 5 Free"; content: '\f152'; padding-right: 15px; } #section_footer ul.footer-social-icons li:before { content: ''; margin: 0; padding-left: 0; list-style: none; padding-right: 0; } @media screen and (max-width: 992px){ span.e_srch_text { display: none; } } /**** HEADER STYLING ***/ .navbar-header { -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .e-contact-right-head { float: right; margin-left: 15px; margin-top: 30px; margin-bottom: 30px; } #quick-contact { float: left; margin-top: 0; } #quick-contact > ul { margin: 0; padding: 0; } #quick-contact li:first-child { margin: 0; } #quick-contact li { clear: inherit; float: left; font-size: 14px; line-height: 0.8; list-style: outside none none; text-align: left; margin-right: 0; padding-left: 45px; position: relative; margin-left: 40px; } #quick-contact li strong { display: block; margin-bottom: 9px; } #quick-contact a { display: block; padding: 0; clear: both; } #quick-contact li i { content: ""; display: inline-block; font-size: 17px; margin-right: 6px; padding: 10px 0; text-align: center; width: 41px; text-align: center; border-radius: 100%; border: 2px solid #f3f3f3; position: absolute; left: -15px; top: -5px; background: #f5f5f5; } .cart-section { float: right; position: relative; margin-left: 30px; margin-right: 15px; } a.cart-contents { padding: 1px 5px; border-radius: 100%; display: block; text-align: center; color: #686868; font-size: 23px; } .cart-section span.cart-value { position: absolute; top: -12px; left: 20px; color: #fff; border-radius: 11px 11px 11px 0; min-height: 20px; min-width: 20px; font-size: 12px; text-align: center; } a.cart-contents-left { padding: 1px 5px; border-radius: 100%; display: block; text-align: center; color: #686868; font-size: 23px; } .cart-section-left { float: right; position: relative; margin-left: 0; margin-right: 40px; } .cart-section-left span.cart-value { position: absolute; top: -12px; left: -6px; color: #fff; border-radius: 11px 11px 0 11px; min-height: 20px; min-width: 20px; font-size: 12px; text-align: center; } #suprhead { background: #fff none repeat scroll 0 0; clear: both; width: 100%; z-index: 99999; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #mobile-trigger, #mob-menu { display: none; } #site-header .navbar-default .navbar-toggle { display: none; } /*=========================================================== **************************** Navigation ********************* ===========================================================*/ div#mob-menu-quick, #mobile-trigger-quick { display: none; } /*Top Nav*/ #header-nav { display: block; margin-top: 3px; margin-bottom: 5px; transition: all 0.5s ease-in-out 0s; width: auto; } #header-nav ul { display: block; margin: 0; padding: 0; } #header-nav li { display: inline-block; float: left; position: relative; } #header-nav li li { float: none; display: block; margin: 0; } #header-nav ul li a { display: block; font-size: 13px; padding-left: 15px; margin-left: 15px; position: relative; text-transform: capitalize; z-index: 99; color: #efefef; border-left:1px solid rgba(255, 255, 255, 0.15); margin-top: 5px; } #header-nav ul li:hover > ul.sub-menu, #header-nav ul li:hover > ul.children { display: block; opacity: 1; z-index: 1000; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; } #header-nav ul ul { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 200px; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; background-color: #222222; padding: 0 10px 10px; } #header-nav ul ul a { border-bottom: 1px solid rgba(221, 221, 221, 0.34); border-left: medium none; border-right: medium none; height: auto; text-align: left; width: 100%; font-size: 14px; color: #fff; padding: 10px; margin: 0; } #header-nav .menu-toggle { display: none; } #header-nav ul li a:hover, #header-nav li.current-menu-item a, #header-nav li.current_page_item a, #header-nav li:hover > a { color: #fff; } #mob-menu2, #mobile-trigger-quick { display: none; } #mobile-trigger, #mob-menu { display: none; } /* Main Nevigation */ .main-navigation ul { display: block; margin: 0; padding: 0; } .main-navigation ul ul { position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 210px; -webkit-transform-origin: top; transform-origin: top; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-transform: scale(1, 0); transform: scale(1, 0); display: block; opacity: 0; background-color: #6d6d75; padding: 0 10px 0; } .main-navigation ul li:hover > ul.sub-menu, .main-navigation ul li:hover > ul.children { display: block; opacity: 1; z-index: 1000; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: transform 0.3s ease, opacity 0.2s ease .1s; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease .1s; } .main-navigation ul ul ul { left:100%; top: 0 } .main-navigation li { display: inline-block; float: left; margin-bottom: 0; position: relative; padding: 15px 20px; } .main-navigation li li { float: none; display: block; padding:0; } .main-navigation li:first-child { padding-left: 0; } .main-navigation ul li li:first-child > a { border-left: none; } .main-navigation ul li a { color: #fff; display: block; font-size: 15px; position: relative; z-index: 99; } .main-navigation ul ul a { border-bottom: 1px solid rgba(221, 221, 221, 0.12); border-left: medium none; border-right: medium none; height: auto; text-align: left; width: 100%; font-size: 14px; color: #fff; padding: 10px; } .main-navigation ul ul li:last-child a { border: none; } .main-navigation ul li.menu-item-has-children > a::after, .main-navigation ul li.page_item_has_children > a::after { content: ""; margin-left: 10px; margin-right: 0; position: absolute; right:0; top: 12px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; font-size: 13px; border-top: 4px solid #fff; border-left: 4px solid transparent; border-right: 4px solid transparent; } .main-navigation ul li li.menu-item-has-children > a::after, .main-navigation ul li li.page_item_has_children > a::after { top: 19px; border-top: 4px solid transparent; border-left: 4px solid #fff; border-bottom: 4px solid transparent; } .main-navigation ul li a::before { content: ""; display: inline-block; height: 15px; width: 1px; background: rgba(255, 255, 255, 0.25); position: absolute; left: -20px; top: 5px; } .main-navigation ul li:first-child a::before, .main-navigation ul ul li a::before { display: none; } .main-navigation ul li.menu-item-has-children a, .main-navigation ul li.page_item_has_children a { padding-right: 15px; } .main-navigation ul ul li a:hover, .main-navigation ul ul li.current-menu-item a, .main-navigation ul ul li.current_page_item a, .main-navigation ul ul li:hover > a { color: #ffffff; } .main-navigation .menu-toggle { display: none; } h1.site-title, p.tagline { margin: 0; } /* Header Search CSS */ .header-search-box { float: right; position: relative; } .header-search-box > a { color: #ffffff; display: block; margin-top: 15px; border-left: 1px solid rgba(255, 255, 255, 0.24); padding-left: 15px; border-right: 1px solid rgba(255, 255, 255, 0.24); padding-right: 15px; margin-bottom: 15px; } .header-search-box .search-box-wrap { background: rgb(251, 251, 251) none repeat scroll 0 0; top: 55px; box-shadow: 0 2px 2px; display: none; padding: 12px; position: absolute; right: 7%; width: 400px; z-index: 9999; right: 3%; border: 5px solid #ffffff; } .e-contact-right-head .header-search-box .search-box-wrap { width: 400px; } .search-form input.search-field { border: 1px solid #dddddd; height: 25px; padding: 10px 3% 10px 20px; width: 86%; border-radius: 27px 0 0 27px; } .search-box-wrap .search-form input.search-field { color: #222222; } .search-form { position: relative; } .search-form .search-submit { border: medium none; border-radius: 0; color: #ffffff; font-size: 13px; height: 47px; line-height: 1.8; padding: 0 20px; position: absolute; right: 0; top: 0; font-family: "Font Awesome\ 5 Free"; } @media only screen and (max-width: 1100px) { #logo h1.site-title { font-size: 24px; } #quick-contact li { padding-left: 35px; } #quick-contact li { margin-left: 30px; } .cart-section { margin-left: 20px; margin-right: 0; } } @media only screen and (min-width: 768px) { .navbar-header.logo_right{ border: 0; } } @media only screen and (min-width: 480px) { .logo_right{ float: right; } } /* Smaller than standard 1024 (devices and browsers) */ @media only screen and (max-width:1024px) { .main-navigation ul > li ul { display: none; opacity: 1; visibility: visible; } .main-navigation ul > li:hover > ul { display: block; opacity: 1; visibility: visible; } } @media only screen and (max-width: 1023px) { .main_wrapper { padding-top: 45px; } .main-navigation ul ul a { padding-bottom: 5px; padding-top: 5px; } #mobile-trigger-quick { display: block; } #header-nav { display: none; } .e-contact-right-head { float: left; margin-left: 0; margin-top: 30px; clear: both; width: 100%; } .e-contact-right-head::before, .e-contact-right-head::after { content: ""; clear: both; display: table; } #e_main_nav { display: none; } .enabled-sticky-primary-menu.sidr-open #suprhead.fixed { position: relative; top: 89px; } a#mobile-trigger { display: block; float: left; padding-left: 25px; color: #fff; font-size: 12px; } .sidr-main-open a#mobile-trigger{ padding-left:278px; } .sidr-quick-open #mobile-trigger-quick { padding-right: 278px; } .mobile-nav-wrap { background: #242424 none repeat scroll 0 0; display: block; left: 0; padding: 5px; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999999; } .logged-in .mobile-nav-wrap { top: 45px; height: 49px; } #mobile-trigger i { border: 2px solid #fffffe; box-shadow: 0 1px 2px #242424; color: #ffffff; font-size: 16px; padding: 6px 8px; border-radius: 10px; margin-right: 15px; } .sidr ul li ul li a, .sidr ul li ul li span { line-height: 1.5; padding-bottom: 10px; padding-left: 30px; padding-top: 10px !important; } /* #top-nav */ #mobile-trigger-quick { text-align: right; transition: inherit; padding-right: 25px; } .sidr-quick-open #mobile-trigger-quick{ padding-right:278px; } #mobile-trigger-quick i { box-shadow: 0 1px 2px #242424; color: #ffffff; font-size: 18px; padding: 6px 8px; border-radius: 10px; margin-left: 15px; border: 2px solid; } a#mobile-trigger-quick { float: right; display: block; color: #fff; font-size: 12px; } } @media only screen and (max-width: 767px) { .top-detail-inverse .social-top-detail a { float: none; display: inline-block; } .site-branding { text-align: left; } .site-logo-link, .custom-logo-link, #site-identity { display: block; margin: 0; text-align: center; } #quick-contact { float: left; margin-top: 0; width: 70%; } #quick-contact li:first-child, #quick-contact li { margin: 0; width: 100%; margin: 15px; } .sidr-main-open a#mobile-trigger span, .sidr-quick-open #mobile-trigger-quick span, .sidr-main-open #mobile-trigger-quick span, .sidr-quick-open a#mobile-trigger span{ display: none; } .sidr ul li a{ display: block; margin: 0; font-size: 13px; line-height: 1.5; padding: 9px; } .sidr { width: 210px; } .topsocial { float: left; margin-top: 5px; width: 100%; text-align: center; } #header-nav li { float: none; } .social-top-detail { float: left; margin-top: 5px; width: 100%; text-align: center; } div#logo { margin: 0 20px 10px; max-width: 100%; min-width: 0; overflow: hidden; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .sidr-quick-open a#mobile-trigger { display: none; } .sidr-main-open a#mobile-trigger { padding-left: 220px; } .sidr-quick-open #mobile-trigger-quick { padding-right: 220px; } .site-branding { float: none; text-align: center; margin: 0 auto 30px; } .site-branding .custom-logo-link { display: block; float: none; margin-right: 0; text-align: center; width: 100%; max-width: inherit; margin-bottom: 10px; } .site-branding { float: none; max-width: 100%; text-align: center; } .topsocial { clear: both; float: none; text-align: center; width: 100%; } .social-top-detail { clear: both; float: none; text-align: center; width: 100%; } .e-contact-right-head { float: inherit; } #suprhead .e-contact-right-head { border-top: 1px solid #dddddd; clear: both; float: left; margin: 10px 0 0; padding: 23px 0 10px; width: 100%; } .cart-section { float: left; } div#logo { margin: 0 auto 20px; max-width: 100%; min-width: 0; overflow: hidden; text-align: center; } } #quick-contact a { color: #000; } @media (min-width: 768px) and (max-width: 991px) { .home-blog-latest-item .elixar-read-more p { float: none; margin: 0 auto; text-align: center; } .home-blog-latest-item .elixar-read-more { text-align: center; } } .mt-zero { margin-top: 0px; } .e_top_expande { background: #fff; display: none; width: 100%; cursor: pointer; font-size: 20px; } .e_top_expande.not_expanded { background: #F9F9F9; } .e_top_expande i { left: 50%; margin-left: -4px; position: absolute; top: 1px; } .e_top_expande.not_expanded i.no_exp, .e_top_expande:not(.not_expanded) i.exp { opacity: 1; } .e_top_expande.not_expanded i.exp, .e_top_expande i.no_exp { opacity: 0; } @media only screen and (max-width: 767px) { .e_top_expande { display: block; } .e-contact-right-head { display: none; } } #section-feature .e-f-image { box-shadow: 0 4px 6px; } /* Table Style */ table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin: 0 0 1.75em; table-layout: fixed; width: 100%; } table, th, td { border: 1px solid #d1d1d1; } th, td { padding: 0.4375em; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { border-width: 0 1px 1px 0; } caption, td, th { text-align: left; } caption, td { font-weight: normal; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } address { font-style: italic; margin: 0 0 1.75em; } big { font-size: 125%; } dfn, cite, em, i { font-style: italic; } mark, ins { color: #fff; padding: 0.125em 0.25em; text-decoration: none; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; line-height: 1.6; margin-bottom: 15px; max-width: 100%; overflow: auto; padding: 15px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* 6.0 Forms */ label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; width: 72px; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.3em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; } .radio, .checkbox{ display: inline-block; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; padding: 4.9px 2em; background-color: #222; color: #fff; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { opacity: 0.8; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { opacity: 0.8; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } :-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } ::-moz-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #333; font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif; } /* Footer Calendar Widget */ .footer_widget.widget_calendar table { margin: 0; } .footer_widget.widget_calendar caption { text-align: center; color: #fff; font-size: 16px; font-weight: 700; border-bottom: 0px; padding: 5px; border-radius: 6px 6px 0px 0px; } .footer_widget.widget_calendar td, .footer_widget.widget_calendar th { line-height: 2.5625; padding: 0; text-align: center; } .footer_widget.widget_calendar tbody a { color: #fff; display: block; font-weight: 700; } .footer_widget { padding-top: 1.75em; } .footer_widget ul{ margin: 0; padding-left: 0; list-style: none; } /* Sidebar Calander Widget */ .elixar_sidebar__inner{ transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; } .elixar-product-sidebar table { margin: 0; } .elixar-product-sidebar caption { text-align: center; color: #fff; font-size: 16px; font-weight: 700; border-bottom: 0px; padding: 5px; border-radius: 6px 6px 0px 0px; } .elixar-product-sidebar td, .elixar-product-sidebar th { line-height: 2.5625; padding: 0; text-align: center; } .elixar-product-sidebar tbody a { color: #fff; display: block; font-weight: 700; } .elixar-product-sidebar ul{ margin: 0; padding-left: 0; list-style: none; } .elixar-product-sidebar li > ul, .elixar-product-sidebar li > ol, .footer_widget li > ul, .footer_widget li > ol { margin: 0 0 0 1.25em; } .content-section.footer-main .list-unstructured li > ul > li { margin-top: 8px; } /* Logo */ .site-branding { max-width: 100%; min-width: 0; overflow: hidden; } .site-branding a.custom-logo-link img { margin: 0; } @media only screen and (max-width: 1023px) { .site-branding a.custom-logo-link img { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .site-branding a.custom-logo-link img { margin-bottom: 20px; } } @media only screen and (max-width: 767px){ .site-branding { margin: 0 20px 10px; } .site-branding a.custom-logo-link img { margin-top: 20px; } } @media only screen and (max-width: 479px) { .site-branding { margin: 0 auto; } } .site-branding-text { font-size: 14px; line-height: 20px; height: auto; padding: 0; margin-top: 15px; } .widget_elixar_footer_contact_widget address { margin: 0; } .footer_post div.flickr_badge_image { display: inline-block; padding: 2px; } .footer_post div.flickr_badge_image img{ border-radius: 6px; } p.site-title{ font-size: 36px; margin: 0; line-height: 1.1; } /* Hero Section */ .hero-section-wrapper{ padding: 10% 0; } h1.e-hero-large-text { font-size: 35px; letter-spacing: 2px; line-height: 1.3; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); font-weight: 800; margin-bottom: 20px; } p.e-hero-small-text, .text-video-bg blockquote, .text-video-bg { font-size: 14px; font-style: italic; letter-spacing: 0.4px; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); color: #FFFFFF; text-align: center; font-weight: 100; margin-bottom: 30px; line-height: 1.7; } .hero-section-wrapper a.btn { margin: 10px 10px 10px 0px; } @media screen and (min-width: 720px){ h1.e-hero-large-text { font-size: 60px; letter-spacing: 3px; } } @media screen and (min-width: 940px){ h1.e-hero-large-text { font-size: 75px; letter-spacing: 4px; } } @media screen and (min-width: 940px){ p.e-hero-small-text { font-size: 18px; } } @media screen and (min-width: 1140px){ p.e-hero-small-text { font-size: 22px; } } /* Service */ .service-image-circle{ margin: 0 auto; } .service-image-circle img{ border-radius: 50%; float: left; margin-right: 30px; } .service-img-2x { width: 50px; height: 50px; } .service-img-3x { width: 80px; height: 80px; } .service-img-4x { width: 120px; height: 120px; } /* Section CTA */ .section-cta p { color: #fff; } /* Section About */ .section-extra .about-image img { margin-bottom: 30px; } .section-extra .about-title-margin{ margin: 0 0 20px } .section-extra .about-image { text-align: center; } .owl-theme .owl-nav { margin-top: 0px; text-align: center; -webkit-tap-highlight-color: transparent; } .e-zoom-in .owl-item, #e-gal-grid .e-grid-item, #e-gal-masonry .e-item{ display: block; overflow: hidden; } .e-zoom-in .owl-item:hover img, #e-gal-grid .e-grid-item:hover img, #e-gal-masonry .e-item:hover img { -ms-transform: scale(1.5, 1.5); -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } .owl-carousel .owl-item img, #e-gal-grid .e-grid-item img, #e-gal-masonry .e-item img { display: block; overflow: hidden; -webkit-transition: all 0.5s linear; transition: all 0.5s linear; } .e-zoom-in .owl-item .inner-content, #e-gal-grid .e-grid-item .inner-content, #e-gal-masonry .e-item .inner-content { display: block; width: 100%; height: 100%; overflow: hidden; } /* Owl Gallery Arrow */ .owl-theme .owl-nav .disabled { opacity: 0.5; cursor: default; } .owl-theme .owl-nav [class*='owl-'] { color: #FFF; font-size: 20px; margin: 5px; padding: 7px; background: rgba(209,79,48,.35); display: inline-block; cursor: pointer; border-radius: 3px; } .owl-theme .owl-nav .owl-prev { left: 15px; } .owl-theme .owl-nav .owl-next { right: 15px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-theme .owl-nav > div { position: absolute; top: 50%; background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; font-size: 22px; margin-top: 0px; padding: 4px 10px 5px; transform: translateY(-50%); } .full-width-img{ width:100%; } /* Gallery Section Padding */ .section-padding{ padding: 80px 0; } .e-show-gallery{ text-align: center; margin-top: 30px; display: block; } /* Menu Bar */ #e_main_nav { padding: 15px 0; } /* Breadcrumb */ .e-breadcrumb-page-title .e-page-title { font-size: 25px; font-weight: 400; margin: 0; word-break: break-all; } .e-breadcrumb-page-title .e-page-tagline { font-size: 20px; font-weight: 300; font-style: italic; } /* Blocks */ .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc(50% - 8px); } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin: 0 16px 16px 0; position: relative; } /* Caldera Form */ div.caldera-grid .btn-default { color: #fff; } div.caldera-grid .btn-default:hover { color: #fff; } /* Contat Form 7 */ .wpcf7-form-control.wpcf7-submit { color: #fff; } /* BLOCK CATEGORY: WIDGETS CSS */ .e-blog-grid-block-details .wp-block-archives, .e-blog-grid-block-details .wp-block-categories, .e-blog-grid-block-details .wp-block-latest-posts, .e-blog-grid-block-details .wp-block-archives { padding: 0; margin: 32px 0; } .wp-block-categories li:last-child { padding-bottom: 0; } .e-blog-grid-block-details ul.wp-block-archives.wp-block-archives-list li, .e-blog-grid-block-details ul.wp-block-categories.wp-block-categories-list li, .e-blog-grid-block-details ul.wp-block-latest-posts.has-dates li { list-style: none; /* font-weight: bold; */ line-height: 1.2; padding-bottom: 0.75rem; } .e-blog-grid-block-details ul.wp-block-archives.wp-block-archives-list li:before, .e-blog-grid-block-details ul.wp-block-categories.wp-block-categories-list li:before { font-family: "Font Awesome\ 5 Free"; content: '\f152'; padding-right: 15px; color: #d14f30; } .e-blog-grid-block-details ul.wp-block-archives.wp-block-archives-list li a, .e-blog-grid-block-details ul.wp-block-categories.wp-block-categories-list li a { color: #000000; } .e-blog-grid-block-details ul.wp-block-latest-posts.is-grid li { border-top: 2px solid #ccc; padding-top: 1rem; margin-bottom: 2rem; } .wp-block-categories ul { padding-top: 0.75rem; } /* BLOCK CATEGORY: LAYOUT ELEMENTS CSS */ .wp-block-media-text .wp-block-media-text__content { word-break: break-word; grid-area: media-text-content; padding: 0 8%; } .wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile { margin: 32px 0; } /* MARKUP: TEXT ALIGNMENT CSS */ .elixar-related-posts h2.entry-title { word-wrap: break-word; }